@import url("css2.css");

@font-face {
    font-family: "NEARING";
    font-style: normal;
    font-weight: 400;
    src: url(../font/nearing-thin.ttf) format("woff2");
}
@font-face {
    font-family: "__MontForAnker_c72046";
    font-style: normal;
    src: url("../fonts/a931198f0269e92e-s.p.ttf") format("truetype");
}
@font-face {
    font-family: "NEARING";
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/nearing-regular.ttf) format("woff2");
}

@font-face {
    font-family: "NEARING";
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/nearing-medium.ttf) format("woff2");
}

@font-face {
    font-family: "NEARING";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/nearing-bold.ttf) format("woff2");
}

@font-face {
    font-family: "NEARING";
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/nearing-black.ttf) format("woff2");
}

@font-face {
    font-family: "NEARING";
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/nearing-extrabold.ttf) format("woff2");
}

.container-fluid {
    width: 90vw;
    margin: 0 auto;
}
.black {
    color: #0C0C0D;
}

.medium-black {
  color: #1E1F20;
}

.light-black {
  color: #141516;
}

.white {
  color: #FAFAFA !important;
}

.dark-gray {
  color: #45474F;
}

.light-gray {
  color: #92949F;
}

.lightest-gray {
  color: #EAEAEC;
}

.black-hover {
  color: #0C0C0D;
  transition: all 0.5s ease-in-out;
}
.black-hover:hover {
  color: #1777ff;
  transition: all 0.5s ease-in-out;
}

.bg-primary {
  background: #1777ff;
}

.bg-sec {
  background: #DD3842;
}

.bg-ter {
  background: #004439;
}

.bg-quant {
  background: #FF7A00;
}

.bg-dark-black {
  background: #0C0C0D;
}

.bg-black {
  background: #0C0C0D;
}

.bg-medium-black {
  background: #1E1F20;
}

.bg-light-black {
  background: #141516;
}

.bg-white {
  background: #FAFAFA !important;
}

.bg-dark-gray {
  background: #45474F;
}

.bg-light-gray {
  background: #92949F;
}

.bg-lightest-gray {
  background: #EAEAEC;
}

.box-shadow-1 {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.br-5 {
    border-radius: clamp(5px, 0.26vw, 12px);
}

.br-10 {
    border-radius: clamp(6px, 0.521vw, 20px);
}

.br-15 {
    border-radius: clamp(8px, 0.781vw, 30px);
}
.gap-4 {
    gap: clamp(2px, 0.208vw, 8px);
}

.gap-8 {
    gap: clamp(4px, 0.417vw, 16px);
}

.gap-10 {
    gap: clamp(5px, 0.521vw, 20px);
}

.gap-12 {
    gap: clamp(8px, 0.625vw, 24px);
}

.gap-14 {
    gap: clamp(10px, 0.729vw, 28px);
}

.gap-16 {
    gap: clamp(12px, 0.833vw, 32px);
}

.gap-18 {
    gap: clamp(14px, 0.938vw, 36px);
}

.gap-20 {
    gap: clamp(16px, 1.042vw, 40px);
}

.gap-24 {
    gap: clamp(18px, 1.25vw, 48px);
}

.gap-32 {
    gap: clamp(24px, 1.667vw, 64px);
}

.gap-38 {
    gap: clamp(28px, 1.979vw, 76px);
}

.gap-48 {
    gap: clamp(10px, 2.5vw, 28px);
}

.gap-64 {
    gap: clamp(48px, 3.333vw, 128px);
}

.p-24 {
    padding: clamp(16px, 1.25vw, 48px) !important;
}

@media (max-width: 575px) {
    .container-fluid {
        width: 97vw;
    }
}
.mb-4p {
    margin-bottom: 4px;
}
.text-center {
    text-align: center !important
}
.py-40 {
    padding: clamp(28px, 2.083vw, 80px) 0;
}

@media (max-width: 575px) {
    .py-40 {
        padding: 32px 0;
    }
}

.pt-40 {
    padding-top: clamp(28px, 2.083vw, 80px);
}

@media (max-width: 575px) {
    .pt-40 {
        padding-top: 32px;
    }
}

.pb-40 {
    padding-bottom: clamp(28px, 2.083vw, 80px);
}

@media (max-width: 575px) {
    .pb-40 {
        padding-bottom: 32px;
    }
}
.pb-80 {
    padding-bottom: clamp(48px, 4.167vw, 160px);
}

@media (max-width: 575px) {
    .pb-80 {
        padding-bottom: 40px;
    }
}
.mb-12 {
    margin-bottom: 0.625vw;
}

@media (max-width: 1199px) {
    .mb-12 {
        margin-bottom: 0.917vw;
    }
}

.mb-16 {
    margin-bottom: clamp(14px, 0.833vw, 32px);
}

@media (max-width: 991px) {
    .mb-16 {
        margin-bottom: 1.512vw;
    }
}
.mb-32 {
    margin-bottom: clamp(24px, 1.667vw, 64px) !important;
}

@media (max-width: 991px) {
    .mb-32 {
        margin-bottom: 2.422vw;
    }
}

.mb-64 {
  margin-bottom: clamp(32px, 3.33vw, 128px);
}
@media (max-width: 767px) {
  .mb-64 {
    margin-bottom: 26px;
  }
}

.mt-64 {
  margin-top: clamp(32px, 3.33vw, 128px);
}
@media (max-width: 767px) {
  .mt-64 {
    margin-top: 26px;
  }
}

.mt-48 {
  margin-top: clamp(24px, 2.5vw, 96px);
}
@media (max-width: 767px) {
  .mt-48 {
    margin-top: 20px;
  }
}

.mb-48 {
  margin-bottom: clamp(24px, 2.5vw, 96px);
}
@media (max-width: 767px) {
  .mb-48 {
    margin-bottom: 20px;
  }
}

.tag {
    flex-shrink: 0;
    width: fit-content;
    padding: clamp(6px, 0.313vw, 18px) clamp(10px, 0.625vw, 24px);
    background-color: #1777ff;
    border-radius: 24px;
    color: #0C0C0D;
    font-family: "NEARING";
    font-size: clamp(15px, 0.833vw, 32px);
    font-weight: 500;
    line-height: 120%;
}

.about-section .about-image-container {
  position: relative;
}
.about-section .about-image-container .notice-circle {
  position: absolute;
  top: 16px;
  right: 16px;
  width: clamp(120px, 8.333vw, 460px);
  height: clamp(120px, 8.333vw, 460px);
  background: #1777ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.benefit-section .benefit-block {
  background: #EAEAEC;
  border-radius: 16px;
}
.benefit-section .benefit-block .benefit-icon {
  width: fit-content;
  border-radius: 50%;
  background: #1a76fd;
  width: clamp(56px, 3.33vw, 166px);
  height: clamp(56px, 3.33vw, 166px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.benefit-section .benefit-block .benefit-icon img {
  width: clamp(32px, 2.083vw, 72px);
  height: clamp(32px, 2.083vw, 72px);
}
.benefit-section .benefit-block p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}


/*productlist*/
.color-primary {
    color: #1777ff;
}

.color-sec {
    color: #DD3842;
}

.color-ter {
    color: #004439;
}

.color-quant {
    color: #FF7A00;
}
.eyebrow {
  color: #0C0C0D;
  text-transform: uppercase;
  font-size: clamp(14px, 0.833vw, 40px);
  font-family: "__MontForAnker_c72046", sans-serif;
  font-weight: 400;
  line-height: 120%;
}
.subtitle {
  font-size: clamp(14px, 0.729vw, 36px);
  /* 14px */
  font-family: "__MontForAnker_c72046", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.caption {
    font-size: clamp(12px, 0.677vw, 32px);
    /* 13px */
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

@media (max-width: 1499px) {
    .caption {
        font-size: 13px;
    }
}
.feature-products {
    position: relative;
}
.row {
  margin-right: calc(-0.33333* var(--bs-gutter-x));
  margin-left: calc(-0.33333* var(--bs-gutter-x));
}

.row > * {
  padding-right: calc(var(--bs-gutter-x) * 0.33333);
  padding-left: calc(var(--bs-gutter-x) * 0.33333);
}
.product-block {
  padding: clamp(10px, 0.833vw, 24px);
  background: #EAEAEC;
  border-radius: 16px;
}
.product-block .image-box {
  position: relative;
  background: #FAFAFA;
  padding: clamp(16px, 1.25vw, 32px) clamp(12px, 0.833vw, 32px) clamp(12px, 0.833vw, 32px);
  overflow: hidden;
  border-radius: 8px;
}
.product-block .image-box img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.product-block .image-box .sale-label {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #DD3842;
  color: #FAFAFA;
  padding: 6px 12px;
  border-radius: 24px;
  font-family: "NEARING";
}
.product-block .content-box .product-title {
  color: #0C0C0D;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight:bold;
}
.product-block .content-box .label-wrapper {
  display: flex;
  align-items: center;
  gap: clamp(12px, 0.833vw, 32px);
}
.product-block .content-box .label-wrapper .item-label {
  padding: 4px 8px;
  border: 1px solid #0C0C0D;
  color: #0C0C0D;
}
.product-block:hover .image-box .shopping-btns {
  opacity: 1;
  pointer-events: auto;
}
.product-block:hover .content-box .product-title {
  color: #DD3842;
}

.sm-btn {
  width: clamp(40px, 2.5vw, 96px);
  height: clamp(40px, 2.5vw, 96px);
  color: #0C0C0D;
  transition: all 0.5s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 48px;
}
.sm-btn i {
  font-size: 20px;
}
.sm-btn.light {
  transition: all 0.5s ease-in-out;
  background: #FAFAFA;
}
.sm-btn.light svg {
  width: clamp(18px, 1.042vw, 48px);
  height: clamp(18px, 1.042vw, 48px);
}
.sm-btn.light svg path {
  transition: all 0.5s ease-in-out;
}
.sm-btn.light svg path.fill-black {
  fill: #0C0C0D;
}
.sm-btn.light svg path.stroke-black {
  stroke: #0C0C0D;
}
.sm-btn.light:hover {
  background: #1677ff;
}
.sm-btn:hover {
  background: #1677ff;
}
.pagination {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  overflow: hidden;
  display: flex;
}
.pagination #border-pagination {
  display: flex;
  gap: 8px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.pagination #border-pagination li {
  display: inline;
}
.pagination #border-pagination li span {
  color: #45474F;
  transition: all 0.5s ease-in-out;
}
.pagination #border-pagination li a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #0C0C0D;
  background-color: #EAEAEC;
  width: clamp(32px, 2.5vw, 96px);
  height: clamp(32px, 2.5vw, 96px);
  font-family: "Plus Jakarta Sans", sans-serif;
  border-radius: 50%;
  float: left;
  transition: all 0.5s ease-in-out;
  font-size: clamp(14px, 0.833vw, 40px);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.62px;
}
.pagination #border-pagination li a svg {
  width: clamp(16px, 1.042vw, 48px);
  height: clamp(16px, 1.042vw, 48px);
}
.pagination #border-pagination li a svg path {
  fill: #0C0C0D;
  transition: all 0.5s ease-in-out;
}
.pagination #border-pagination li a.active {
  background-color: #1777ff;
  color: #FAFAFA;
  border: 1px solid #1777ff;
}
.pagination #border-pagination li a.active svg path {
  fill: #0C0C0D;
  transition: all 0.5s ease-in-out;
}
.pagination #border-pagination li a:hover {
  background-color: #1777ff;
  color: #0C0C0D;
}
.pagination #border-pagination li a:hover svg path {
  fill: #0C0C0D;
  transition: all 0.5s ease-in-out;
}
.pagination #border-pagination li:hover span {
  color: #FAFAFA;
  transition: all 0.5s ease-in-out;
}


/*prodetail*/
/*************************
  Basic margin padding
*************************/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
/*************************
         Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-12 { margin-top: 12px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-37 { margin-top: 37px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-160 { margin-top: 160px }
.mt-179 { margin-top: 179px }
.mt-150 { margin-top: 150px }
/*************************
      Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-12 { margin-right: 12px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-35 { margin-right: 35px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
      Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-10 { margin-bottom: 10px }
.mb-12 { margin-bottom: 12px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-60 { margin-bottom: 60px }
.mb-65 { margin-bottom: 65px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
/*************************
        Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-12 { margin-left: 12px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-125 { margin-left: 125px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
        Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-37 { padding-top: 37px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-60 { padding-top: 60px }
.pt-65 { padding-top: 65px }
.pt-70 { padding-top: 70px }
.pt-75 { padding-top: 75px }
.pt-80 { padding-top: 80px }
.pt-85 { padding-top: 85px }
.pt-95 { padding-top: 95px }
.pt-90 { padding-top: 90px }
.pt-97 { padding-top: 97px }
.pt-100 { padding-top: 100px }
.pt-95 { padding-top: 95px }
.pt-105 { padding-top: 105px }
.pt-110 { padding-top: 110px }
.pt-115 { padding-top: 115px }
.pt-120 { padding-top: 120px }
.pt-125 { padding-top: 125px }
.pt-130 { padding-top: 130px }
.pt-135 { padding-top: 135px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
.pt-155 { padding-top: 155px }
.pt-180 { padding-top: 180px }
.pt-205 { padding-top: 205px }
.pt-365 { padding-top: 365px }
.pt-370 { padding-top: 370px }   
.pt-380 { padding-top: 380px }
/*************************
        Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
.pr-155 { padding-right: 155px }
.pr-155 { padding-right: 155px }
.pr-180 { padding-right: 180px }
.pr-195 { padding-right: 195px }
/*************************
        Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-40 { padding-bottom: 40px }
.pb-45 { padding-bottom: 45px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-65 { padding-bottom: 65px }
.pb-70 { padding-bottom: 70px }
.pb-75 { padding-bottom: 75px }
.pb-80 { padding-bottom: 80px }
.pb-85 { padding-bottom: 85px }
.pb-90 { padding-bottom: 90px }
.pb-95 { padding-bottom: 95px }
.pb-97 { padding-bottom: 97px }
.pb-100 { padding-bottom: 100px }
.pb-105 { padding-bottom: 105px }
.pb-107 { padding-bottom: 107px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-120 { padding-bottom: 120px }
.pb-125 { padding-bottom: 125px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-145 { padding-bottom: 145px }
.pb-150 { padding-bottom: 150px }
.pb-178 { padding-bottom: 178px }
.pb-180 { padding-bottom: 180px }
.pb-280 { padding-bottom: 280px }
.pb-210 { padding-bottom: 210px }
.pb-285 { padding-bottom: 285px }
.pb-290 { padding-bottom: 290px }
/*************************
        Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-125 { padding-left: 125px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }
.pl-155 { padding-left: 155px }
.pl-190 { padding-left: 190px }
.pl-195 { padding-left: 195px }


/***************************
    Page section padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-15 { padding: 15px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-32 { padding: 32px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-135 { padding: 135px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }
.ptb-160 { padding: 160px 0 }
.ptb-170 { padding: 170px 0 }
.ptb-177 { padding: 177px 0 }
.ptb-180 { padding: 180px 0 }
.ptb-190 { padding: 190px 0 }
.ptb-200 { padding: 200px 0 }
.ptb-210 { padding: 210px 0 }
.ptb-220 { padding: 220px 0 }
.ptb-250 { padding: 250px 0 }
.ptb-290 { padding: 290px 0 }
.ptb-310 { padding: 310px 0 }

/***************************
    Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }
.mtb-290 { margin: 290px 0; }

/*************************
        Extra class
*************************/
.product-details-large .easyzoom > a img {
    width: 100%;
}

.product-dec-slider.owl-carousel .owl-nav div {
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    color: #8d8c8c;
    display: inline-block;
    font-size: 13px;
    height: 35px;
    left: -15px;
    line-height: 37px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 35px;
}

    .product-dec-slider.owl-carousel .owl-nav div:hover {
        background-color: #f3a395;
        color: #fff;
    }

    .product-dec-slider.owl-carousel .owl-nav div.owl-next {
        left: auto;
        right: -15px;
    }

.product-dec-slider:hover .owl-nav div {
    opacity: 1;
}

.product-dec-slider .owl-dots {
    display: none
}

@media (max-width: 767px) {
    .product-details-tab.mr-40 {
        margin-right: 0px;
    }
    .product-details-img-content .easyzoom {
        display: block;
    }
}
.product-text-container {
  padding: clamp(12px, 1.25vw, 40px);
}
.product-text-container.product-text-page {
  padding: 0 clamp(12px, 1.25vw, 40px);
}
.product-text-container .label {
  padding: 4px 12px;
  border-radius: 2px;
  background-color: #0C0C0D;
  color: #FAFAFA;
}
.product-text-container .side-icons {
  display: flex;
  align-items: center;
  gap: clamp(4px, 0.417vw, 16px);
}
.product-text-container .side-icons a {
  width: clamp(28px, 1.667vw, 64px);
  height: clamp(28px, 1.667vw, 64px);
  display: grid;
  align-items: center;
  justify-content: center;
  border: 1px solid #92949F;
  border-radius: clamp(5px, 0.26vw, 12px);
  transition: all 0.5s ease-in-out;
  background: #FAFAFA;
  color: #141516;
}
@media (max-width: 490px) {
  .product-text-container .side-icons a {
    width: clamp(30px, 6.531vw, 48px);
    height: clamp(30px, 6.531vw, 48px);
  }
}
.product-text-container .side-icons a svg {
  width: clamp(14px, 0.833vw, 48px);
  height: clamp(14px, 0.833vw, 48px);
}
.product-text-container .side-icons a svg path {
  transition: all 0.5s ease-in-out;
}
.product-text-container .side-icons a.btn {
  font-size: clamp(14px, 0.833vw, 40px);
}
.product-text-container .side-icons a i {
  transition: all 0.5s ease-in-out;
}
.product-text-container .side-icons a:hover {
  background: #1777ff;
}
.product-text-container .side-icons a:hover svg path {
  fill: #FAFAFA;
}
.product-text-container .side-icons a:hover i {
  color: #FAFAFA;
}
.product-text-container .quantity .quantity-wrap {
  gap: clamp(8px, 0.625vw, 24px);
}


.product-description .description-wrapper nav .nav {
  display: flex;
  gap: clamp(8px, 0.625vw, 24px);
  position: relative;
}
@media (max-width: 768px) {
    .product-description .description-wrapper .tab-content img{
        max-width:100%;
    }
}
@media (max-width: 490px) {
  .product-description .description-wrapper nav .nav {
    justify-content: center;
    row-gap: 8px;
  }
}
.product-description .description-wrapper nav .nav.nav-tabs {
  border-bottom: 0;
}
.product-description .description-wrapper nav .nav-link {
  position: relative;
  border: 0;
  padding: 0;
}
.product-description .description-wrapper nav .nav-link span {
  text-transform: capitalize;
  font-size: clamp(16px, 0.833vw, 48px);
  color: #0C0C0D;
  font-weight: 500;
  line-height: 150%;
  border-radius: 48px;
  padding: clamp(8px, 0.625vw, 40px) clamp(12px, 0.833vw, 48px);
  border: 1px solid #45474F;
  transition: all 0.5s ease-in-out;
}
.product-description .description-wrapper nav .nav-link:focus-visible {
  outline: 0;
}
.product-description .description-wrapper nav .nav-link:hover span, .product-description .description-wrapper nav .nav-link.active span {
  background: #1777ff;
  color: #fff;
  border: 1px solid #1777ff;
}
.product-description .description-wrapper .star-rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  gap: 4px;
}
.product-description .description-wrapper .star-rating input {
  display: none;
}
.product-description .description-wrapper .star-rating label {
  color: #92949F;
  cursor: pointer;
  font-size: clamp(18px, 1.25vw, 64px);
}
.product-description .description-wrapper .star-rating :checked ~ label {
  color: #FF7A00;
}
.product-description .description-wrapper .star-rating label:hover,
.product-description .description-wrapper .star-rating label:hover ~ label {
  color: #FF7A00;
}
.product-description .description-wrapper .input-block .form-control {
  border-radius: clamp(6px, 0.521vw, 20px);
  border: 1px solid #45474F;
}
.product-description .description-wrapper .comments-sec .comment-box {
  display: flex;
  align-items: flex-start;
  gap: clamp(12px, 0.833vw, 32px);
  padding: clamp(12px, 1.25vw, 40px);
}
.product-description .description-wrapper .comments-sec .comment-box img {
  border-radius: 50%;
  width: clamp(42px, 3.33vw, 160px);
  height: clamp(42px, 3.33vw, 160px);
}
.product-description .description-wrapper .cus-btn {
  border: 0;
}
.instock-label {
  position: relative;
  display: inline-block;
  padding-left: clamp(17px, 1.05vw, 40px);
}
.instock-label::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 2px;
  width: clamp(10px, 0.625vw, 32px);
  height: clamp(10px, 0.625vw, 32px);
  border: 2px solid #FAFAFA;
  outline: 1px solid #004439;
  background: #004439;
  border-radius: 50%;
}
p,
.text-16 {
  font-family: "__MontForAnker_c72046", sans-serif;
  font-size: clamp(15px, 0.833vw, 42px);
  font-weight: 400;
  line-height: 150%;
}

.text-16.medium {
  font-weight: 500;
}

.text-16.semibold {
  font-weight: 600;
}

.cus-btn {
  font-weight: 600;
  display: inline-block;
  padding: clamp(10px, 0.63vw, 48px) clamp(24px, 1.667vw, 64px);
  border-radius: 48px;
  transition: all 0.2s ease-in;
  position: relative;
  overflow: hidden;
  font-size: clamp(14px, 0.833vw, 42px);
  cursor: pointer;
  color: #FAFAFA;
  z-index: 1;
  background: #0C0C0D;
}
.cus-btn:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}
.cus-btn:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #1777ff;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}
.cus-btn:hover {
  color: #0C0C0D;
}
.cus-btn:hover:before {
  top: -35%;
  background-color: #1777ff;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}
.cus-btn:hover:after {
  top: -45%;
  background-color: #1777ff;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.cus-btn-2 {
  font-weight: 600;
  display: inline-block;
  padding: clamp(10px, 0.63vw, 48px) clamp(24px, 1.667vw, 64px);
  border: 1px solid #1777ff;
  border-radius: 48px;
  transition: all 0.2s ease-in;
  position: relative;
  overflow: hidden;
  font-size: clamp(14px, 0.833vw, 42px);
  cursor: pointer;
  color: #fff;
  background: #1777ff;
  z-index: 1;
}
.cus-btn-2:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.85s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}
.cus-btn-2:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.85s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}
.cus-btn-2:hover {
  border: 1px solid #1777ff;
  color: #0C0C0D;
}
.cus-btn-2:hover:before {
  top: -35%;
  background-color: #1777ff;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}
.cus-btn-2:hover:after {
  top: -45%;
  background-color: #FAFAFA;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}