@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
  --font-poppins: "Poppins", sans-serif;
  --primaryColor: #35BAB4;
  --seconderyColor: #AED141;
  --pinkColor: #F7186A;
  --Gradian-one: linear-gradient(0deg, #35BAB4 0%, #35BAB4 100%), #FFF;
  --whiteColor: #fff;
  --blackColor: #000;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-poppins);
  font-size: 16px;
  font-weight: 400;
  background: var(--whiteColor);
  color: var(--blackColor);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 700;
}

p,
figure,
label {
  margin: 0;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

small {
  font-size: inherit;
}

a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  transition: 0.2s all ease;
  -webkit-transition: 0.2s all ease;
}

a:hover {
  text-decoration: none;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

input,
button {
  background-color: transparent;
  border: 1px solid transparent;
  outline: none;
  transition: 0.2s all ease;
  -webkit-transition: 0.2s all ease;
}

input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}

select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../img/select-input-arrow.png);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 15px) 50%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

::selection {
  color: var(--whiteColor);
  background: var(--primaryColor);
}

::-webkit-selection {
  color: var(--whiteColor);
  background: var(--primaryColor);
}

::-moz-selection {
  color: var(--whiteColor);
  background: var(--primaryColor);
}

.scrolltotop {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background: var(--primaryColor);
  text-align: center;
  font-size: 22px;
  color: #ffffff;
  position: fixed;
  right: 30px;
  bottom: 25px;
  display: none;
  animation: lab_top_up 5s linear infinite;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}

.scrolltotop i {
  color: var(--whiteColor);
}

@keyframes lab_top_up {
  0% {
    transform: translateY(-15px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-15px);
  }
}

.pluse,
.pluse2 {
  position: relative;
  top: 10px;
  left: -8px;
  z-index: -1;
}

.pluse::before,
.pluse2::before {
  width: 40px;
  height: 40px;
}

.pluse::after,
.pluse::before,
.pluse2::after,
.pluse2::before {
  background: var(--primaryColor);
  border-radius: 50%;
  left: 50%;
  top: 50%;
  display: block;
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
}

.pluse::after,
.pluse2::after {
  width: 30px;
  height: 30px;
  background: transparent;
  margin-left: -15px;
  margin-top: -15px;
}

.pluse::before {
  -webkit-animation: pluse_animate 2.5s infinite linear;
  animation: pluse_animate 2.5s infinite linear;
}

.pluse2::before {
  -webkit-animation: pluse_animate 3s infinite linear;
  animation: pluse_animate 3s infinite linear;
}

@keyframes pluse_animate {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
    transform: translate(-50%, -50%) scale(0.3);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
  }
}

/*======= header-area design =======*/

.header-top {
  padding-block: 7px;
  background: var(--seconderyColor);
}

.header-top-wrapper {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  column-gap: 20px;
  align-items: center;
}

.lang-selector {
  position: relative;
  width: fit-content;
}

.selected {
  display: flex;
  gap: 11px;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.lang-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #ddd;
  background: #fff;
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 1000;
  min-width: fit-content;
}

.lang-list li {
  padding: 10px;
  display: flex;
  gap: 8px;
  align-items: center;
}

.lang-list li:hover {
  background: #f2f2f2;
}

.lang-select-wp {
  display: flex;
  align-items: center;
  gap: 11px;
}

.aquabota-language-selector {
  position: relative;
}

.aquabota-language-selector .lang-select-wp {
  border: 0;
  background: transparent;
  padding: 0;
  color: inherit;
  font-family: inherit;
}

.aquabota-language-selector .lang-list {
  min-width: 150px;
  z-index: 1100;
}

.aquabota-language-selector .lang-list li {
  padding: 0;
}

.aquabota-language-selector .lang-list li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  color: #111;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.aquabota-language-selector .lang-list li.current a,
.aquabota-language-selector .lang-list li a:hover {
  background: #f2f2f2;
  color: var(--primaryColor);
}

.aquabota-language-selector .selected .fi,
.aquabota-language-selector .lang-list .fi {
  width: 18px;
  min-width: 18px;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.header-top-middle {
  display: flex;
  align-items: center;
  gap: 16px;
}

.header-top-middle p {
  color: #000;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.header-top-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-left: 20px;
  justify-content: end;
}

.header-top-actions .call-btn {
  display: flex;
  align-items: center;
  display: flex;
  padding: 3px 10px;
  align-items: center;
  gap: 9px;
  border-radius: 23px;
  background: #F3F4D7;
  color: #000;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.header-top-actions .call-btn:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.header-top-actions .call-btn:hover svg path {
  fill: var(--whiteColor);
}

.header-top-actions a i {
  font-size: 19px;
  transition: 0.3s;
}

.header-top-actions a:hover i {
  color: var(--whiteColor);
}

.header-main-wrapper {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  column-gap: 20px;
  align-items: center;
  padding-top: 23px;
  padding-bottom: 19px;
}

.site-logo img {
  max-width: 235px;
}

.header-right {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 7px;
}

.header-searchbar {
  display: flex;
  width: 264px;
  max-width: 100%;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 211px;
  border: 1px solid #D9D9D9;
  background: #FFF;
  transition: 0.3s;
}

.header-searchbar input {
  flex: 1;
  width: 100%;
  color: #D9D9D9;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  text-transform: capitalize;
}

.header-searchbar input::placeholder {
  color: #D9D9D9;
}

.header-searchbar button {
  padding: 0;
  padding-left: 8px;
  color: #D9D9D9;
}

.header-searchbar:focus-within {
  border-color: var(--primaryColor);
}

.header-right-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.header-right-actions button svg path {
  transition: 0.3s;
}

.header-right-actions button:hover svg path {
  fill: var(--primaryColor);
}

.header-right-actions #blockcart-wrapper,
.aquabota-blockcart-wrapper {
  display: inline-flex;
}

.aquabota-cart-preview {
  position: static;
}

.aquabota-cart-toggle,
.aquabota-cart-proxy {
  position: relative;
  display: inline-flex;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}

.aquabota-cart-toggle svg path,
.aquabota-cart-proxy svg path {
  transition: 0.3s;
}

.aquabota-cart-toggle:hover svg path,
.aquabota-cart-proxy:hover svg path {
  fill: var(--primaryColor);
}

.aquabota-cart-count {
  position: absolute;
  top: -8px;
  right: -9px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--primaryColor);
  color: var(--whiteColor);
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

.aquabota-cart-drawer {
  position: fixed;
  inset: 0;
  z-index: 9999;
  visibility: hidden;
  pointer-events: none;
}

.aquabota-cart-drawer__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.36);
  opacity: 0;
  transition: 0.25s;
}

.aquabota-cart-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  width: min(420px, calc(100vw - 24px));
  height: 100%;
  flex-direction: column;
  background: var(--whiteColor);
  box-shadow: -20px 0 45px rgba(0, 0, 0, 0.14);
  transform: translateX(100%);
  transition: 0.25s;
}

.aquabota-cart-drawer.is-open {
  visibility: visible;
  pointer-events: auto;
}

.aquabota-cart-drawer.is-open .aquabota-cart-drawer__overlay {
  opacity: 1;
}

.aquabota-cart-drawer.is-open .aquabota-cart-drawer__panel {
  transform: translateX(0);
}

body.aquabota-cart-open {
  overflow: hidden;
}

.aquabota-cart-drawer__header,
.aquabota-cart-drawer__footer {
  flex: 0 0 auto;
  padding: 22px 24px;
}

.aquabota-cart-drawer__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #E7E7E7;
}

.aquabota-cart-drawer__eyebrow {
  margin-bottom: 4px;
  color: var(--primaryColor);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.aquabota-cart-drawer__header h2 {
  color: var(--blackColor);
  font-size: 24px;
}

.aquabota-cart-drawer__close {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid #E7E7E7;
  border-radius: 50%;
  color: var(--blackColor);
  cursor: pointer;
}

.aquabota-cart-drawer__close:hover {
  border-color: var(--primaryColor);
  color: var(--primaryColor);
}

.aquabota-cart-drawer__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 18px 24px;
}

.aquabota-cart-products {
  display: grid;
  gap: 16px;
}

.aquabota-cart-products li {
  padding-bottom: 16px;
  border-bottom: 1px solid #E7E7E7;
}

.aquabota-cart-totals,
.aquabota-cart-total {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.aquabota-cart-totals > div,
.aquabota-cart-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.aquabota-cart-total {
  padding-top: 16px;
  border-top: 1px solid #E7E7E7;
  font-size: 18px;
  font-weight: 700;
}

.aquabota-cart-empty {
  color: #555;
  font-size: 15px;
}

.aquabota-cart-drawer__footer {
  border-top: 1px solid #E7E7E7;
}

.aquabota-cart-link {
  display: flex;
  width: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--primaryColor);
  color: var(--whiteColor);
  font-size: 15px;
  font-weight: 700;
}

.aquabota-cart-link:hover {
  background: var(--seconderyColor);
  color: var(--whiteColor);
}

.header-marquee {
  overflow: hidden;
  white-space: nowrap;
}

.header-marquee p {
  display: inline-block;
  padding-left: 100%;
  animation: scroll 15s linear infinite;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/*========== header area end hare ========= */

/*========== nav area start hare ========== */

@-webkit-keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes slideRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes slideRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.menu-icon {
  font-size: 1.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-left: 1rem;
  border: none;
  outline: none;
  color: #121212;
  transition: all 0.3s ease;
}

.menu>ul>li>a {
  position: relative;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  outline: none;
  text-transform: capitalize;
  text-rendering: optimizeLegibility;
  transition: color 0.3s ease-in-out;
}

.menu>ul>li .menu-subs {
  position: absolute;
  width: 100%;
  height: auto;
  margin-top: 1.75rem;
  padding: 1rem 2rem;
  border: none;
  outline: none;
  z-index: 500;
  opacity: 0;
  visibility: hidden;
  border-radius: 0.25rem;
  transition: all 0.5s ease-in-out;
  background: #FFF;
  box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.08);
}

.menu>ul>li .menu-subs>ul>li {
  line-height: 1;
}

.menu>ul>li .menu-subs>ul>li>a {
  display: inline-block;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  padding: 0.75rem 0;
  border: none;
  outline: none;
  color: #121212;
  text-transform: capitalize;
  text-rendering: optimizeLegibility;
  transition: all 0.3s ease-in-out;
}

.menu>ul>li .menu-column-1 {
  min-width: 16rem;
  max-width: 20rem;
}

.menu>ul>li .menu-subs.menu-mega {
  left: 50%;
  transform: translateX(-50%);
}

.menu>ul>li .menu-subs.menu-mega>.list-item>ul>li {
  display: block;
  line-height: 1;
}

.menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a {
  display: inline-block;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  padding: 0.5rem 0;
  border: none;
  outline: none;
  color: #121212;
  text-transform: capitalize;
  text-rendering: optimizeLegibility;
  transition: color 0.3s ease-in-out;
}

.menu>ul>li .menu-subs.menu-column-4 {
  display: flex;
  flex-wrap: wrap;
  max-width: 1440px;
  width: 100%;
  padding: 1.25rem 1rem;
}

.menu>ul>li .menu-subs.menu-column-4>.list-item {
  flex: 0 0 25%;
  padding: 0 1rem;
}

.menu>ul>li .menu-subs.menu-column-4>.list-item .title {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  padding: 0.75rem 0;
  color: var(--primaryColor);
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}

.menu>ul>li .menu-subs.menu-column-4>.list-item.text-center .title {
  text-align: center;
}

.menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin-top: 0.75rem;
  object-fit: cover;
}

.menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a:hover,
.menu>ul>li .menu-subs>ul>li>a:hover {
  color: var(--primaryColor);
}

.header-item-right a:hover,
.menu>ul>li:hover>a {
  color: var(--primaryColor);
}

.menu-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}

.nav-area {
  background: #F3F4D7;
  position: sticky;
  top: 0;
  z-index: 999;
}

.nav-name img {
  width: 100%;
  border-radius: 28px;
}

.nav-name {
  position: relative;
  width: 100%;
  max-width: 300px;
}

.nav-name p {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  color: #FFF;
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 131.579%;
  width: 100%;
  max-width: 226px;
}

.mega-menu-content {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.mega-menu-content h4 {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 223.077%;
  text-transform: uppercase;
}

.mega-menu-content li a {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 223.077%;
}

.mega-menu-content li a:hover {
  color: var(--primaryColor);
}

.mega-menu-content ul {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.menu-item-has-children i {
  display: none;
}

.colorPrimery {
  color: var(--primaryColor) !important;
}

.colorPink {
  color: var(--pinkColor) !important;
}

.promotion-btn {
  display: flex;
  padding: 15px 23px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  background: var(--seconderyColor);
  font-weight: 600;
  font-size: 15px;
}

.promotion-btn:hover {
  opacity: 0.8;
}

/*======= nav area end hare ====== */

/* hero area start hare  */
.hero-area {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: unset !important;
}

.hero-image {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: unset !important;
  line-height: 0;
  overflow: hidden;
}

.hero-image img {
  display: block;
  width: 100%;
  height: auto !important;
  object-fit: cover;
}

.hero-btm {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 14px 20px;
  margin: 0 !important;
  background: rgba(53, 186, 180, 0.88);
  line-height: normal;
  position: relative;
  z-index: 2;
}

.hero-btm p {
  margin: 0 !important;
  color: #fff;
  text-align: center;
  font-size: 23px;
  font-weight: 700;
  line-height: 126%;
}
/*
.hero-area {
  display: flex;
  flex-direction: column;
  min-height: calc(100dvh - 200px);
}

.hero-image {
  flex: 1;
  min-height: 0;
  position: relative;
  overflow: hidden;
  line-height: 0;
}

.hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-btm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 14px;
  background: rgba(53, 186, 180, 0.88);
}

.hero-btm p {
  color: #FFF;
  text-align: center;
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: 126.087%;
  margin: 0;
}
*/
.hero-btm a {
  font-size: 24px;
  color: #fff;
}

/*======== hero area end hare ===== */

/*===== collection area start ==== */

.collection-area {
  padding-block: 100px;
}

.collection-wrapper {
  display: flex;
  flex-direction: column;
  gap: 77px;
}

.collection-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
}

.collection-title {
  color: #01725D;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 103.571%;
  min-height: 42px;
}

.collection-grid {
  display: flex;
  justify-content: center;
  gap: 18px;
  width: 100%;
  flex-wrap: wrap;
}

.single-collection {
  width: calc(25% - 18px);
  position: relative;
  overflow: hidden;
  z-index: 2;
  border-radius: 28px;
}

.single-collection::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 55.83%, rgba(0, 0, 0, 0.50) 99.9%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.collection-card-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 28px;
  position: relative;
  z-index: 1;
}

.collection-info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  gap: 15px;
  padding: 26px;
}

.collection-info h4 {
  color: #FFF;
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 131.579%;
}

.action-btn {
  display: inline-flex;
  padding: 7px 28px;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  border-radius: 100px;
  background: var(--Gradian-one);
  color: #FFF;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

.action-btn:hover {
  opacity: 0.9;
}

.swiper-slide .single-collection {
  width: 100%;
}

.swiper-pagination {
  position: unset;
  margin-top: 50px;
}

.swiper-pagination-bullet-active {
  background: var(--primaryColor) !important;
}

/* colletion area end hare  */

/* delivery protocol area start  */

.delivery-protocol {
  padding-block: 100px;
  background: url(../img/delivery-protocol-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.delivery-protocol-wrapper {
  display: flex;
  flex-direction: column;
}

.delivery-protocol-content {
  width: 50%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 28px;
  max-width: 588px;
}

.protocol-top h4 {
  display: flex;
  align-items: start;
  gap: 15px;
  color: #35BAB4;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.protocol-top h2 {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 118.75%;
}

.protocol-middle {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.protocol-middle p {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* delivery protocol area end  */

.product-offer-area {
  padding-block: 60px;
  background: #FFF;
  box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.08);
}

.offer-card {
  border-radius: 15px;
  background: #F7186A;
  display: flex;
  padding: 15px 22px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 15px;
}

.offer-card h4 {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.offer-card h2 {
  color: #FFF;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.offer-card a {
  color: #FFF;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: underline;
}

.product-image {
  width: 100%;
  height: 236px;
  border-radius: 15px;
  box-shadow: 3px 3px 18px 0 rgba(0, 0, 0, 0.08);
  overflow: hidden;
  position: relative;
}

a.product-image,
.product-image picture {
  display: block;
}

.product-image picture {
  height: 100%;
}

.swiper-wrapper {
  align-items: stretch;
}

.swiper-slide {
  height: auto;
  display: flex;
}

.single-product {
  position: relative;
}

.product-top-info {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 14px;
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.pr-top-info-item {
  display: flex;
  width: 87px;
  height: 19px;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: #F7186A;
  color: #FFF;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}

.product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-details-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-top: 10px;
  padding-inline: 10px;
}

.pr-details-top h2 {
  color: #000;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 115.385%;
  text-transform: uppercase;
  min-height: 29px;
}

.pr-details-top p {
  color: #000;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.before-price {
  color: #000;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: line-through;
  text-transform: uppercase;
}

.pr-details-top {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.offer-price {
  color: #F7186A;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.qty-container {
  display: flex;
  padding: 3px 10px;
  align-items: center;
  gap: 7px;
  border-radius: 5px;
  border: 1px solid #35BAB4;
  background: #FFF;
}

.qty-btn {
  background: none;
  color: #000;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  user-select: none;
}

.qty-input {
  width: 40px;
  text-align: center;
  border: none;
  background: transparent;
  color: #000;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.qty-input[type=number] {
  -moz-appearance: textfield;
}

.pr-actions-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}

.aquabota-product-add-to-cart {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  margin: 0;
}

/* proudct area end  */

/* features area  */

.features-area {
  padding-top: 100px;
  padding-bottom: 70px;
}

.features-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 46px 14px;
  width: 100%;
  max-width: 1138px;
  margin-inline: auto;
}

.single-features-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.single-features-card h2 {
  color: #01725D;
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  min-height: 36px;
}

.single-features-card p {
  color: #000;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

/*======== features area end ========= */

/*======= program area start ======== */

.program-area {
  background: url(../img/program-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.program-wrapper {
  display: flex;
  min-height: 430px;
  padding: 15px 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 27px;
}

.program-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 15px;
  width: 100%;
  max-width: 426px;
  color: #fff;
}

.program-content h4 {
  color: #FFF;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 82.143%;
  min-height: 33px;
}

.program-content p {
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.program-content a {
  color: #FFF;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  text-decoration: underline;
}

.program-content a:hover {
  color: var(--primaryColor);
}

/* new product slider  */

.new-product .offer-card {
  background: var(--seconderyColor);
}

.new-product .offer-card h4 {
  color: #01725D;
}

.new-product .pr-top-info-item {
  background: var(--seconderyColor);
}

.new-product .offer-price {
  color: #01725D;
}

.new-arrve-ara {
  padding-top: 100px;
}

/* satisfaction  area  */

.satisfaction-area {
  padding-block: 100px;
}

.satisfaction-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 40px;
}

.satisfaction-top h2 {
  color: #000;
  text-align: center;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.satisfaction-top img {
  max-width: 309px;
}

.offer-product .pr-top-info-item {
  background: var(--pinkColor);
}

.offer-product .offer-price {
  color: var(--pinkColor);
}

/*========= advice area start hare ===== */

.advice-area {
  padding-block: 100px;
}

.advice-top {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.advice-top h2 {
  color: #1C6D69;
  text-align: center;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.advice-top a {
  color: #000;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.advice-slider {
  padding-top: 38px;
}

.advice-video iframe {
  width: 100%;
  aspect-ratio: 338/191;
}

/* advice area end  */

/* about store area  */

.about-store {
  padding-top: 95px;
  padding-bottom: 120px;
  background: #759A93;
}

.about-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}

.about-wrapper h4 {
  color: #FFF;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 100%;
  max-width: 935px;
}

.about-pera {
  width: 100%;
  max-width: 935px;
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.about-pera p {
  color: #FFF;
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* barnad slider area  */

.brand-area {
  padding-block: 100px;
}

.brand-wrapper {
  display: flex;
  flex-direction: column;
  gap: 51px;
}

.brand-wrapper h2 {
  color: #1C6D69;
  text-align: center;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.brand-slider {
  width: 100%;
}

.brand-slider .swiper-wrapper {
  align-items: stretch;
}

.brand-slider .swiper-slide {
  height: auto;
  display: flex;
}

.brand-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 90px;
}

.brand-image a,
.brand-image .brand-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.brand-image img {
  max-height: 80px;
  width: auto;
  object-fit: contain;
}

.brand-name {
  color: #1C6D69;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

/* Footer Here */

.footer-new-section {
  padding-top: 105px;
  padding-bottom: 75px;
  background: #f8ffe0;
}

.footer-new-items:first-child {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.footer-new-items h4 {
  font-weight: 700;
  font-size: 13px;
  color: #000;
}

.footer-new-items ul {
  display: flex;
  flex-direction: column;
}

.footer-new-items ul li a {
  font-weight: 400;
  font-size: 13px;
  line-height: 300%;
  color: #000;
  transition: 0.3s;
}

.footer-new-items ul li a:hover {
  text-decoration: underline;
}

.footer-new-items h3 {
  font-weight: 700;
  font-size: 19px;
  color: #000;
}

.footer-new-items:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.footer-new-items:nth-child(2) p {
  font-weight: 400;
  font-size: 13px;
  color: #000;
}

.footer-new-items-second {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer-new-items-second h3 {
  font-weight: 700;
  font-size: 21px;
  color: #000;
}

.footer-new-items-second p {
  font-weight: 300;
  font-size: 13px;
  color: #000;
}

.footer-new-items-second form input {
  border: 1px solid #01725d;
  border-radius: 5px;
  padding: 15px 10px 15px 10px;
  background: #fff;
  font-weight: 300;
  font-size: 13px;
  color: #131212;
  width: 100%;
}

.footer-new-items-second form input::placeholder {
  font-weight: 300;
  font-size: 13px;
  color: #929292;
}

.footer-new-items-second form button {
  margin-top: 20px;
  border-radius: 21px;
  padding: 7px 28px;
  background: #35bab4;
  font-weight: 700;
  font-size: 11px;
  text-align: center;
  color: #fff;
}

.footer-new-items-second-checkbox {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.footer-new-items-second-checkbox input {
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  margin-top: 6px;
  border: 1px solid #01725d;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
}

.footer-new-items-second-checkbox input:checked {
  background: #01725d;
}

.footer-new-items-second-checkbox input:checked::after {
  content: "✔";
  color: #fff;
  font-size: 10px;
  position: absolute;
  top: -1px;
  left: 2px;
}

.footer-new-items-second-social {
  padding-top: 20px;
}

.footer-new-items-second-social ul {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}

.gap-x-26 {
  row-gap: 30px;
}

.footer-new-bottom {
  padding-top: 40px;
  text-align: center;
}

.footer-new-bottom p {
  font-weight: 700;
  font-size: 11px;
  text-align: center;
  color: #000;
}

.fixedbar-mobile {
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 999;
  padding: 16.5px 14px;
  background: var(--seconderyColor);
}

.fixedbar-wrapper {
  width: 100%;
  justify-content: center;
  gap: 18px;
  display: flex;
  align-items: center;
}

.cart-added {
  display: flex;
  align-items: center;
  gap: 4px;
}

.cart-added span {
  color: #FFF;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
}

.total-price {
  display: flex;
  align-items: center;
  gap: 20px;
}

.total-price h2 {
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
}

.total-price button {
  display: flex;
  padding: 7px 17px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 21px;
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #35BAB4;
  color: #35BAB4;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/*====================
 Collection Page 
=================== */

.collection-area {
  padding-top: 17px;
}

.collection-top {
  padding-bottom: 19px;
}

.collection-top p {
  color: #000;
  font-size: 9px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: capitalize;
}

.collection-top p a {
  text-decoration: underline;
}

.collection-container {
  display: flex;
  align-items: start;
}

.filter-wp {
  width: 100%;
  max-width: 324px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.filter-tite {
  display: flex;
  align-items: center;
  gap: 13px;
}

.filter-tite h4 {
  color: #01725D;
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: 126.087%;
}

.filter-top {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 109px;
}

.rest-filter button {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #000;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  text-transform: lowercase;
}

.filter-main-wp {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.filter-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.filter-name h4 {
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 170.588%;
}

.filter-name i {
  font-size: 20px;
  color: #01725D;
}

.filter-checkbox-list {
  padding-top: 18px;
}

.single-filter-item {
  margin-bottom: 10px;
}

.single-filter-item:last-child {
  margin-bottom: 0;
}

.single-filter-item input {
  display: none;
}

.single-filter-item label {
  display: flex;
  align-items: center;
  gap: 13px;
  cursor: pointer;
}

.custom-filter-checkbox {
  width: 16px;
  height: 16px;
  aspect-ratio: 1/1;
  border: 1px solid #1C1B1F;
  position: relative;
}

.single-filter-item label span {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 193.333%;
  flex: 1;
}

.custom-filter-checkbox::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #1C1B1F;
  opacity: 0;
  transition: 0.3s;
}

.single-filter-item input[type="checkbox"]:checked+label .custom-filter-checkbox::before {
  opacity: 1;
}

.single-filter-item input[type="checkbox"]:checked+label span {
  font-weight: 700;
}

.price-range-container input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #2cb7b3;
  cursor: default;
}

.price-range-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  font-size: 1rem;
  color: #000000;
  position: relative;
}

.price-range-container input {
  accent-color: var(--primaryColor);
  width: 100%;
}

.recently-view-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.recent-view-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.recent-view-title h4 {
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 170.588%;
}

.recent-view-title i {
  font-size: 20px;
  color: #01725D;
}

.recent-view-item {
  display: flex;
  gap: 13px;
}

.recent-view-img {
  max-width: 55px;
  box-shadow: 3px 3px 18px 0 rgba(0, 0, 0, 0.08);
  border-radius: 15px;
}

.recent-view-img img {
  width: 100%;
  height: 100%;
}

.recent-view-item-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.recent-view-item-info h4 {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 115.385%;
  text-transform: uppercase;
}

.recent-view-item-info p {
  color: #000;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.recent-view-item-info .price {
  color: #01725D;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.collection-main-wp {
  flex: 1;
}

.collection-topbar {
  display: flex;
  align-items: center;
  gap: 70px;
  margin-left: -100px;
  padding-right: 100px;
}

.total-products h4 {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 193.333%;
  text-transform: lowercase;
}

.sort-container {
  position: relative;
  display: inline-block;
  user-select: none;
  margin-left: auto;
}

.sort-trigger {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-size: 16px;
}

.sort-trigger .arrow {
  font-size: 10px;
  color: #0d6855;
  transition: transform 0.2s;
}

.sort-container.open .sort-trigger .arrow {
  transform: rotate(180deg);
}

.sort-trigger .label {
  color: #0d6855;
  font-weight: bold;
}

.sort-trigger .current-value {
  color: #000000;
  font-weight: bold;
}

.sort-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 95px;
  z-index: 1000;
  background: #ffffff;
  list-style: none;
  padding: 4px 0;
  margin: 4px 0 0 0;
  min-width: 160px;
}

.sort-options li {
  padding: 6px 7px;
  color: #1a1a1a;
  cursor: pointer;
  font-size: 15px;
}

.sort-options li:hover {
  color: #0d6855;
}

.sort-options li.active {
  font-weight: bold;
}

.card-view {
  display: flex;
  align-items: center;
  gap: 6px;
}

.card-view h4 {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  min-width: 64px;
}

.card-view a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  gap: 2px;
}

.card-view a i {
  font-size: 30px;
  color: #D9D9D9;
}

.collection-top-block {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.collection-top-block h4 {
  color: #01725D;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 135.714%;
}

.collection-top-block p {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.collection-right-wp {
  padding-left: 150px;
}

.collection-banner {
  border-radius: 15px;
  background: #AED141;
  padding-block: 15px;
  padding-left: 18px;
  padding-right: 13px;
  margin-top: 36px;
  display: flex;
  gap: 37px;
}

.collection-banner-right {
  display: flex;
  max-width: 286px;
  padding: 15px 22px;
  flex-direction: column;
  align-items: flex-start;
  gap: 27px;
  border-radius: 15px;
  background: #F7186A;
  color: var(--whiteColor);
  flex: 1;
}

.collection-banner-right h2 {
  color: #FFF;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 92%;
}

.collection-banner-right h4 {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
}

.collection-banner-right p {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 127.778%;
}

.collection-banner-right a {
  color: #FFF;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: underline;
}

.collection-banner-middle {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #fff;
  flex: 1;
  max-width: 294px;
}

.collection-banner-middle ul {
  list-style: disc;
  padding-left: 20px;
}

.collection-banner-middle ul li {
  color: #FFF;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.collection-banner-middle h4 {
  color: #FFF;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.check-area a {
  color: #01725D;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: underline;
}

.fish-image {
  flex: 1;
  max-width: 280px;
}

.collection-product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 100px 19px;
  padding-top: 80px;
}

.offer-card-two {
  background: var(--seconderyColor);
  justify-content: start;
}

.offer-card .icon h2 {
  color: #FFF;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 121.053%;
  min-height: 74px;
}

.offer-card p {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}

.offer-card-three {
  background: var(--primaryColor);
}

.offer-card h5 {
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.collection-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 70px;
  padding-top: 100px;
}

.collection-pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.collection-pagination ul button {
  color: #929292;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}

.collection-pagination ul button.active {
  color: #000;
}

.card-view a.active i {
  color: var(--primaryColor);
}

/* faq area start  */

.faq-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 43px;
  padding-bottom: 100px;
}

.faq-wrapper h2 {
  color: #1C6D69;
  text-align: center;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.faq-header {
  display: flex;
  align-items: center;
  gap: 40px;
  cursor: pointer;
  justify-content: space-between;
  padding-top: 19px;
  border-top: 1px solid #929292;
}

.faq-header h4 {
  color: #35BAB4;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 161.111%;
}

.faq-header i {
  font-size: 20px;
  color: #1C1B1F;
  transition: 0.3s;
}

.single-faq-item {
  width: 100%;
  max-width: 754px;
}

.faq-pera-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-left: 27px;
  padding-top: 43px;
}

.faq-pera-content p {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 223.077%;
}

.faq-content {
  display: none;
}

.faq-header.active i {
  transform: rotate(180deg);
}

/* faq area end  */

/* shiping info area  */

.shiping-section {
  padding-block: 31px;
  background: #ACE6E4;
}

.shiping-slider-item {
  border-radius: 15px;
  background: #FFF;
  padding: 35px 30px;
}

.shiping-slider .offer-card .icon h2 {
  min-height: fit-content;
}

.shiping-slider-item {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.shiping-slider-item h4 {
  color: #01725D;
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  min-height: 60px;
}

.shiping-slider-item p {
  color: #01725D;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.shiping-slider .swiper-wrapper {
  align-items: stretch;
}

.shiping-slider .swiper-slide {
  height: auto;
  display: flex;
}

.shiping-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.filter-name.active h4 {
  color: var(--primaryColor);
}

/*========= collection list ========== */

.collection-grid-list {
  grid-template-columns: 1fr !important;
  gap: 23px;
}

@media screen and (min-width: 768px) {
  .collection-grid-list .single-product {
    display: flex;
  }
  .collection-grid-list .product-image {
    max-width: 121px;
    height: 100%;
  }
  .collection-grid-list .product-details-block {
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 27px;
    flex: 1;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .collection-grid-list .pr-details-top h2 {
    text-align: left;
  }
  .collection-grid-list .pr-details-top {
    align-items: start;
    width: 203px;
    max-width: 100%;
  }
  .collection-grid-list .before-price {
    visibility: hidden;
  }
  .add-favorite-card {
    display: flex;
    align-items: center;
    gap: 35px;
  }
  .collection-grid-list .offer-card {
    flex-direction: row;
    align-items: center;
  }
  .collection-grid-list .pr-details-top p {
    text-align: left;
  }
}

/* collection eheim page  */

.btn-secondery {
  background: linear-gradient(0deg, #01725D 0%, #01725D 100%), #FFF;
}

/* Product Area  */

.product-hero {
  display: flex;
  flex-direction: column;
  padding-top: 17px;
  padding-bottom: 19px;
}

.proudct-hero-wrapper>p {
  color: #000;
  font-size: 9px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: capitalize;
}

.proudct-hero-wrapper>p a {
  text-decoration: underline;
}

.single-details-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-top: 19px;
  gap: 20px;
}

.product-thumbail-card {
  display: flex;
  gap: 22px;
}

.product-thumbail-left {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product-thumbail-left img {
  width: 100%;
  max-width: 100px;
  aspect-ratio: 1\1.1;
  object-fit: cover;
  border-radius: 15px;
  box-shadow: 3px 3px 18px 0 rgba(0, 0, 0, 0.08);
}

.thumbail-big {
  width: 100%;
  max-width: 483px;
}

.thumbail-big img {
  aspect-ratio: 0.94/1;
  border-radius: 15px;
  box-shadow: 3px 3px 18px 0 rgba(0, 0, 0, 0.08);
}

.product-description-box {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: start;
}

.pr-description-top {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.pr-description-top h2 {
  color: #01725D;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 87.5%;
}

.pr-description-top .product-rating {
  color: #000;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.pr-description-top h4 {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.pr-description-top p {
  color: #4F4F4F;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.pr-description-top p a {
  color: #01725D;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.product-qty-price {
  display: flex;
  gap: 42px;
  width: 100%;
  max-width: 345px;
}

.product-status-price {
  display: flex;
  flex-direction: column;
  gap: 13px;
  align-items: start;
}

.product-status-price .pr-status {
  display: flex;
  padding: 0 6px;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  background: #AED141;
  color: #000;
  text-align: center;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  min-height: 14px;
}

.before-pr-price {
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: stretch;
}

.before-pr-price h3 {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: line-through;
}

.current-discount {
  display: flex;
  padding: 0 6px;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  background: #F7186A;
  color: #FFF;
  text-align: center;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}

.current-pr-price {
  color: #01725D;
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.single-prix-card {
  flex: 1;
}

.prix-title {
  display: flex;
  width: 100%;
  padding: 2px 2px 2px 9px;
  align-items: center;
  border-radius: 2px;
  background: #F7186A;
  color: #FFF;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 263.636%;
}

.prix-quantite h4 {
  color: #000;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 290%;
}

.prix-quantite ul {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.prix-quantite ul li {
  color: #000;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}

.quantite-prix-unitaire {
  display: flex;
  gap: 17px;
}

.product-action-btns {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 12px;
}

.product-action-btns button {
  display: flex;
  height: 34px;
  padding: 5px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 21px;
  border: 1px solid #35BAB4;
  background: #FFF;
  transition: 0.3s;
}

.product-action-btns button:hover {
  background: var(--primaryColor);
}

.product-action-btns button:hover svg path {
  fill: #fff;
}

.product-card-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.product-card-actions p {
  color: #1C6D69;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.installment-top {
  display: flex;
  align-items: center;
  gap: 6px;
}

.installment-top h4 {
  color: #000;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.installment-start {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #FACCCE;
  color: #000;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.installments-card {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 3px;
}

.savoir-btn {
  color: #000;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.equipment-order {
  display: flex;
  width: 100%;
  max-width: 466px;
  padding: 10px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 35px;
  border-radius: 15px;
  background: #F3F4D7;
}

.equipment-header {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}

.equipment-head-left h4 {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.equipment-head-left h5 {
  color: #01725D;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.equipment-head-left p {
  color: #F7186A;
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.equipment-head-left {
  flex: 1;
  max-width: 324px;
}

.equipment-head-left a {
  font-weight: 700;
  text-decoration: underline;
}

.equipment-content {
  padding-top: 35px;
  display: none;
}

.equipment-content-bock {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}

.equipment-content-bock h5 {
  color: #000;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.equipment-content-bock h5 span {
  color: var(--pinkColor);
}

.equipment-content-bock ul {
  padding-left: 15px;
  list-style: disc;
}

.equipment-content-bock ul li {
  color: #000;
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.equipment-header i {
  transition: 0.3s;
}

.equipment-header.active i {
  transform: rotate(180deg);
}

.thumbail-big {
  position: relative;
}

.thumbail-big .offer-type {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 13px;
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.offer-type .pr-type {
  display: flex;
  height: 19px;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: #AED141;
  color: #000;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}

.offer-type .pr-offer {
  display: flex;
  height: 19px;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: var(--pinkColor);
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}

/* often product area  */

.often-product-area {
  padding-block: 10px;
  margin-top: 100px;
}

.often-pr-title {
  color: #01725D;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
}

.often-product-area {
  background: #FFF;
  box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 100px;
}

.often-product-wrapper.new-arrve-ara {
  padding-top: 0;
}

.product-image-slider {
  width: 100%;
}

.single-pr-image img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  box-shadow: 3px 3px 18px 0 rgba(0, 0, 0, 0.08);
}

.single-pr-image {
  position: relative;
}

.single-pr-image .offer-type {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 13px;
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.product-faq .faq-pera-content {
  padding-left: 0;
  gap: 35px;
}

.faq-pera-content ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.accordion-inner-block h4 {
  color: #35BAB4;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.accordion-inner-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.faq-pera-content ul li {
  font-size: 11px;
}

/* Keep Swiper pagination dots under the carousel cards. */
.collection-slider.swiper > .swiper-pagination,
.product-slider.swiper > .swiper-pagination,
.satisfication-slider.swiper > .swiper-pagination,
.advice-slider.swiper > .swiper-pagination,
.brand-slider.swiper > .swiper-pagination,
.shiping-slider.swiper > .swiper-pagination,
.product-image-slider.swiper > .swiper-pagination,
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-horizontal {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100% !important;
  margin: 28px auto 0 !important;
  z-index: 1;
}

.collection-slider .swiper-pagination-bullet,
.product-slider .swiper-pagination-bullet,
.satisfication-slider .swiper-pagination-bullet,
.advice-slider .swiper-pagination-bullet,
.brand-slider .swiper-pagination-bullet,
.shiping-slider .swiper-pagination-bullet,
.product-image-slider .swiper-pagination-bullet {
  margin: 0 !important;
}

/* Hero managed by the native ps_imageslider module. */
.aquabota-hero-slider .hero-image > *,
.aquabota-hero-slider .homeslider-container,
.aquabota-hero-slider .homeslider,
.aquabota-hero-slider .aquabota-ps-imageslider,
.aquabota-hero-slider #carousel,
.aquabota-hero-slider #homeslider,
.aquabota-hero-slider .rslides,
.aquabota-hero-slider .carousel,
.aquabota-hero-slider .carousel-inner,
.aquabota-hero-slider .carousel-item,
.aquabota-hero-slider figure {
  width: 100%;
  height: 100%;
}

.aquabota-hero-slider .homeslider-container,
.aquabota-hero-slider .homeslider,
.aquabota-hero-slider .aquabota-ps-imageslider,
.aquabota-hero-slider #carousel,
.aquabota-hero-slider #homeslider,
.aquabota-hero-slider #homepage-slider,
.aquabota-hero-slider .rslides,
.aquabota-hero-slider .carousel,
.aquabota-hero-slider .carousel-inner,
.aquabota-hero-slider .carousel-item,
.aquabota-hero-slider .carousel-item a,
.aquabota-hero-slider .carousel-item ul,
.aquabota-hero-slider .carousel-item li,
.aquabota-hero-slider figure,
.aquabota-hero-slider picture {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  line-height: 0;
}

.aquabota-hero-slider #homeslider li,
.aquabota-hero-slider .rslides li,
.aquabota-hero-slider .carousel-item a {
  width: 100%;
  height: 100%;
}

.aquabota-hero-slider .hero-image img,
.aquabota-hero-slider .homeslider-container img,
.aquabota-hero-slider .carousel-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aquabota-hero-slider .carousel-control-prev,
.aquabota-hero-slider .carousel-control-next,
.aquabota-hero-slider .carousel-control,
.aquabota-hero-slider .left.carousel-control,
.aquabota-hero-slider .right.carousel-control,
.aquabota-hero-slider .direction,
.aquabota-hero-slider .icon-prev,
.aquabota-hero-slider .icon-next,
.aquabota-hero-slider [data-slide="prev"],
.aquabota-hero-slider [data-slide="next"],
.aquabota-hero-slider [data-bs-slide="prev"],
.aquabota-hero-slider [data-bs-slide="next"],
.aquabota-hero-slider .rslides_nav,
.aquabota-hero-slider .homeslider_nav,
.aquabota-hero-slider .bx-controls-direction {
  display: none !important;
}

.aquabota-hero-slider .carousel-indicators,
.aquabota-hero-slider .rslides_tabs,
.aquabota-hero-slider .homeslider-controls,
.aquabota-hero-slider .bx-pager {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 24px !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5;
}

.aquabota-hero-slider .carousel-indicators [data-bs-target],
.aquabota-hero-slider .carousel-indicators button,
.aquabota-hero-slider .carousel-indicators li,
.aquabota-hero-slider .rslides_tabs a,
.aquabota-hero-slider .homeslider-controls a,
.aquabota-hero-slider .bx-pager-link {
  display: block;
  width: 11px !important;
  height: 11px !important;
  min-width: 11px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72) !important;
  opacity: 1 !important;
  text-indent: -9999px;
  overflow: hidden;
}

.aquabota-hero-slider .carousel-indicators .active,
.aquabota-hero-slider .carousel-indicators li.active,
.aquabota-hero-slider .rslides_here a,
.aquabota-hero-slider .homeslider-controls .active,
.aquabota-hero-slider .bx-pager-link.active {
  background: #35BAB4 !important;
}

.aquabota-hero-slider .caption,
.aquabota-hero-slider .caption * {
  line-height: normal;
}

/* Independent home hero slider, kept away from Classic/Bootstrap carousel rules. */
.aquabota-hero-slider,
.aquabota-hero-slider .hero-image,
.aquabota-hero-slider .aquabota-ps-imageslider,
.aquabota-hero-slider .aquabota-ps-imageslider__track {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.aquabota-hero-slider .aquabota-ps-imageslider {
  position: relative;
  line-height: 0;
}

.aquabota-hero-slider .aquabota-ps-imageslider__track {
  display: grid;
}

.aquabota-hero-slider .aquabota-ps-imageslider__slide {
  grid-area: 1 / 1;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

.aquabota-hero-slider .aquabota-ps-imageslider__slide.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
}

.aquabota-hero-slider .aquabota-ps-imageslider__link,
.aquabota-hero-slider .aquabota-ps-imageslider__figure,
.aquabota-hero-slider .aquabota-ps-imageslider__image {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.aquabota-hero-slider .aquabota-ps-imageslider__figure {
  position: relative;
  overflow: hidden;
  line-height: 0;
}

.aquabota-hero-slider .aquabota-ps-imageslider__image {
  height: auto;
  object-fit: cover;
}

.aquabota-hero-slider .aquabota-ps-imageslider__dots {
  position: absolute;
  left: 50%;
  bottom: 24px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: auto;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
}

.aquabota-hero-slider .aquabota-ps-imageslider__dot {
  display: block;
  width: 11px;
  height: 11px;
  min-width: 11px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer;
}

.aquabota-hero-slider .aquabota-ps-imageslider__dot.is-active {
  background: #35BAB4;
}

.aquabota-hero-slider .hero-btm-text {
  display: block;
}