/** Shopify CDN: Minification failed

Line 1867:1 Expected identifier but found "."
Line 1872:0 Unexpected "}"

**/
p{
  margin: 0;
}
.up-down{
  animation: up-down linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: up-down linear 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: up-down linear 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: up-down linear 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: up-down linear 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}
h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5{
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    font-family:Built Titling Rg!important; 
}
@keyframes up-down{
  0% {
    transform:  translate(1px,20px)  ;
  }
  24% {
    transform:  translate(1px,30px)  ;
  }
  50% {
    transform:  translate(1px,12px)  ;
  }
  74% {
    transform:  translate(1px,22px)  ;
  }
  100% {
    transform:  translate(1px,22px)  ;
  }
}

@-moz-keyframes up-down{
  0% {
    -moz-transform:  translate(1px,20px)  ;
  }
  24% {
    -moz-transform:  translate(1px,30px)  ;
  }
  50% {
    -moz-transform:  translate(1px,12px)  ;
  }
  74% {
    -moz-transform:  translate(1px,22px)  ;
  }
  100% {
    -moz-transform:  translate(1px,22px)  ;
  }
}

@-webkit-keyframes up-down {
  0% {
    -webkit-transform:  translate(1px,20px)  ;
  }
  24% {
    -webkit-transform:  translate(1px,30px)  ;
  }
  50% {
    -webkit-transform:  translate(1px,12px)  ;
  }
  74% {
    -webkit-transform:  translate(1px,22px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,22px)  ;
  }
}

@-o-keyframes up-down {
  0% {
    -o-transform:  translate(1px,20px)  ;
  }
  24% {
    -o-transform:  translate(1px,30px)  ;
  }
  50% {
    -o-transform:  translate(1px,12px)  ;
  }
  74% {
    -o-transform:  translate(1px,22px)  ;
  }
  100% {
    -o-transform:  translate(1px,22px)  ;
  }
}

@-ms-keyframes up-down {
  0% {
    -ms-transform:  translate(1px,20px)  ;
  }
  24% {
    -ms-transform:  translate(1px,30px)  ;
  }
  50% {
    -ms-transform:  translate(1px,12px)  ;
  }
  74% {
    -ms-transform:  translate(1px,22px)  ;
  }
  100% {
    -ms-transform:  translate(1px,22px)  ;
  }
}
html .page-width{
  max-width: 100%;
}
.search-modal__content-war {
    max-width: 450px;
    padding: 0;
}

label.field__label {
    display: none;
}

.search__input.field__input::placeholder {
    display: block;
    opacity: 1;
    color: #000;
}

.search__input.field__input {
    border-radius: 50px;
    border: 1px solid #000;
}
.newsletter-form__message--success {
    color: green;
}
.field:before,.field:after {
    display: none;
}
.footer__localization:empty+.footer__column--info .footer__payment {
    display: none;
}
/* =========== */

/* GoKwik Checkout Banner Styling */
.gokwik-checkout-banner {
  margin-top: 25px;
  background: #000;
  color: #fff;
  border-radius: 14px;
  padding: 25px;
  margin-left: auto; /* aligns it to right side */
}

.gokwik-checkout-banner .checkout-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.gokwik-checkout-banner .checkout-text h2 {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  color:#fff;
}

.gokwik-checkout-banner .checkout-text p {
  margin: 3px 0 0;
  color: #fff;
  font-size: 1rem;
}

.gokwik-checkout-banner .payment-icons {
  display: flex;
  gap: 5px;
  margin-top: 10px;
}

.gokwik-checkout-banner .payment-icons img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  padding: 5px;
  object-fit: contain;
}

.gokwik-checkout-banner .powered-by {
  text-align: center;
  margin-top: 12px;
  font-size: 1rem;
  color: #fff;
}

.gokwik-checkout-banner .powered-by img {
  height: 16px;
  vertical-align: middle;
  margin-left: 5px;
}


/* ============== */


.image-banner-klr h2.banner__heading.inline-richtext.h1 {
    max-width: 738px;
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 80px;
    font-weight: 500;
    line-height: 97px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: capitalize;
}
.image-banner-klr
.banner__text.rte.body p {
    max-width: 572px;
    color: rgb(255, 255, 255);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: capitalize;
}
.image-banner-klr
.banner__box .banner__heading+* {
    margin-top: 12px;
}
.image-banner-klr
.banner__box>*+.banner__buttons {
    margin-top: 42px;
}
.image-banner-klr
a.button.button--primary {
    color: rgb(255, 255, 255);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: left;
    padding: 20px 53px;
    max-height: 65px;
    min-width: 202px;
}

.banner__content {
    padding-left: 227px;
}

.image-banner-klr {
    position: relative;
}

.image-banner-klr .banner__media::after {
    position: absolute;
    width: 100%;
    height: 300px;
    background: linear-gradient(rgba(255, 255, 255, 0),rgb(255, 255, 255));
    content: "";
    left: 0;
    z-index: 1;
    opacity: 1;
    display: block;
    top: auto;
    bottom: 0px;
}

.trending-searches-wrapper .multicolumn .title {
    color: rgb(0, 0, 0);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 40px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: -0.44px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.trending-searches-wrapper .multicolumn .title-wrapper-with-link {
    justify-content: center;
    margin-bottom: 100px;
}

.trending-searches-wrapper .multicolumn-card__info h3 {
    color: rgb(0, 0, 0);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 26px;
    font-weight: 600;
    line-height: 31px;
    letter-spacing: -0.29px;
    text-align: left;
}
.trending-searches-wrapper
.multicolumn-card.content-container {
    display: flex;
    align-items: center;
    border-radius: 11px;
}
.trending-searches-wrapper
.multicolumn-card__info {
    padding: 16px;
}
.trending-searches-wrapper
.multicolumn-card-spacing {
    padding: 0;
    width: 138px;
    margin: 0;
    margin-top: -30px;
}
.trending-searches-wrapper .multicolumn-list {
    max-width: 1590px;
    margin: 0 auto;
}

.trending-searches-wrapper .multicolumn-card__info .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
a#banner-mo {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

html {
    scroll-behavior: smooth;
}
.collection h2.title.inline-richtext {
    color: #000;
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 40px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: -.44px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.klr-purity-heading {
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 80px;
    font-family: '"Neue Haas Grotesk Display Pro"';
    line-height: 1.2125;
    font-weight: 600;
    max-width: 1070px;
    margin: 0 auto;
}

.klr-purity-outer {
    padding-top: 130px;
    position: relative;
    max-width: 1590px;
    margin: 0 auto;
}

.klr-purity-description {
    color: rgb(0, 0, 0);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.44px;
    line-height: 1.22500;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 48px;
    gap: 7px;
}

.klr-purity-description span svg {
    display: block;
}
.klr-purity-outer-pill-2 {
    position: absolute;
    left: -125px;
}
.klr-purity-outer-pill {
    position: absolute;
    top: -12%;
    right: 0;
    max-width: 269px;
}
.klr-purity-video-wrapper {
    max-width: 1466px;
    margin: 0 auto;
    padding-top: 100px;
  padding-bottom: 36px;
    display: flex;
    justify-content: space-between;
    gap: 84px;
     position: relative;
}
.klr-purity-video-pill {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}
.klr-purity-video-heading p {
    margin: 0;
}
.klr-purity-video-heading {
    color: rgb(0, 0, 0);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.33px;
    text-align: center;
}
.klr-purity-video-pill video {
    max-width: 157px;
}
.klr-country-heading {
    color: rgb(0, 0, 0);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 40px;
    font-weight: 600;
    line-height: 1.22500;
    letter-spacing: -0.44px;
    text-align: center;
    max-width: 798px;
    margin: 0 auto;
}

.klr-country-heading svg {
    display: block;
    margin: 9px 0 0 auto;
}
.klr-country-outer {
    margin-top: 150px;
}

.klr-country-outer-image img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.klr-shop-by-heading {
    color: #000;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 40px;
    font-weight: 500;
    line-height: 49px;
    letter-spacing: -.11px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.klr-shop-by-video-wrapper {
    display: flex;
    margin-top: 70px;
}

.klr-shop-by-video-wrapper > div {
    flex: 1;
    position: relative;
}

.klr-shop-by-video-wrapper > div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.klr-shop-by-video-cc {
    position: absolute;
    top: 95px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.klr-shop-by-video-heading {
    color: rgb(255, 255, 255);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 30px;
    font-weight: 700;
    line-height: 1.33333333;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 16px;
}

.klr-shop-by-video-text p {
    color: rgb(255, 255, 255);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 24px;
    font-weight: 400;
    line-height: 1.33333333;
    letter-spacing: 0px;
    text-align: center;
}

.klr-shop-by-video-text {
    width: 100%;
    max-width: 439px;
    margin: 0 auto;
}
.klr-shop-by-video-btn {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
}

.klr-shop-by-video-btn a {
    display: flex;
    background: #fff;
    min-width: 170px;
    height: 55px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    text-decoration: none;
    color: #FF750F;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    transition: 0.3s ease;
    border: 1px solid #fff;
}


.klr-shop-by-video-btn a:hover {
    background: transparent;
    color: #fff;
}
.klr-shop-by-video-button a {
    min-width: 252px;
    height: 65px;
    background: rgb(255, 117, 15);
    border-radius: 70px;
    color: rgb(255, 255, 255);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 24px;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
  border:1px solid rgb(255, 117, 15);
    justify-content: space-around;
     transition: 0.3s ease;
}
.klr-shop-by-video-button a:hover {
    background: transparent;
  color: rgb(255, 117, 15);
}
.klr-shop-by-video-button {
    display: flex;
    justify-content: center;
    margin-top: 80px;
}
.klr-shop-benefits-inner {
    max-width: 1574px;
    margin: 0 auto;
    display: flex;
}

.klr-shop-benefits-right {
    max-width: 763px;
    flex: 1;
}

.klr-shop-benefits-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.klr-shop-benefits-left {
    max-width: 694px;
    width: 100%;
}

.klr-shop-benefits-left .klr-shop-by-heading {
    align-items: flex-end;
    display: inline-flex;
}
.klr-shop-benefits-left-acc button {
    color: rgb(38, 37, 37);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0px;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
    background: transparent;
    border: 0;
    padding: 29.5px 0;
    border-bottom: 2px solid #707070;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: 0.3s ease;
}


.klr-shop-benefits-inner {
    justify-content: space-between;
    gap: 40px;
}

.klr-shop-benefits-left-acc button svg, .klr-shop-benefits-left-acc button svg path {
    transition: 0.3s ease;
    display: block;
}
.klr-shop-benefits-left-acc .active svg,
.klr-shop-benefits-left-acc button:hover svg {
    transform: rotate(20deg);
}
.klr-shop-benefits-left-acc .active svg path,
.klr-shop-benefits-left-acc button:hover path {
    fill: #E75102;
}
.klr-shop-benefits-left-acc .active button,
.klr-shop-benefits-left-acc button:hover {
    color: #E75102;
}
.klr-shop-benefits-left-acc {
    margin-top: 70px;
}

.klr-shop-benefits-outer {
    margin-top: 150px;
}
.klr-different-outer {
    padding: 150px 0 100px 0;
}
.image-banner-klr .recove-wrapper a.button.button--primary {
    color: #FF750F;
}
.faq-container {
    padding: 0 30px;
    max-width: 1479px;
    margin: 0 auto;
}

button.faq-acc {
    background: transparent;
    border: 0;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    font-style: normal;
    text-align: left;
    color: #353535;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 40px 0;
    cursor: pointer;
}

button.faq-acc::after {
    content: "+";
    font-weight: bold;
}

.faq-content:not(:last-child) {
    border-bottom: 1px solid #707070;
}

.rte-faq {
    padding-bottom: 60px;
    display: none;
}

.rte-faq * {
letter-spacing: 0px;
font-family: 'Neue Haas Grotesk Display Pro';
font-size: 20px;
font-weight: 500;
line-height: 30px;
font-style: normal;
text-align: left;
color: #353535;
}

.faq-content:first-child .rte-faq{
    display: block;
}
.active_tab button.faq-acc {
    color: #FF750F;
}
.active_tab
button.faq-acc:after {
    content: "-";
}

.faq-acc-items {
    margin-top: 60px;
}
.lc-faq {
    max-width: 159px;
    height: 164px;
    position: absolute;
    top: 13%;
    left: -1%;
}

.tr-faq {
    position: absolute;
    right: -6%;
    top: -10%;
    width: 251px;
    height: 228px;
}

.faq-outer img {
    max-width: 100%;
}
.faq-outer {
  overflow: hidden;
    position: relative;
    margin: 100px 0;
}
.template-page-faq .faq-outer {
    margin-top: 0;
    padding-top: 0;
}

.template-page-faq h1.klr-shop-by-heading.scroll-trigger.animate--fade-in {
    margin: 0;
}

.testimonial-card {
    height: 100%;

}

.container.testimonial-grid {
    margin: 90px auto 0;
    max-width: 1684px;
    padding: 0 60px;
}
.testimonial-grid 
.swiper-slide {
    height: auto;
    background:#F8F8F8;
    border-radius: 20px;
    padding: 38px 17px 48px 20px;
    transition: 0.5s;
    box-sizing: border-box;
}

.swiper-pagination {
    position: relative;
    top: 0 !important;
    margin-top: 30px;
}

p.quote {padding: 0 45px 0px 35px;font-family: "Montserrat";
color: rgb(49, 49, 49);
font-family: Montserrat;
font-size: 20px;
font-weight: 400;
line-height: 1.4;
letter-spacing: 0px;
text-align: left;
        }

.quote-icon {
    padding-left: 35px;
    margin-bottom: 30px;
}

.profile {
    padding-left: 35px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.testimonial-card hr {
    padding: 0;
    margin: 111px 0 50px 0;
    background: #FF750F;
}

d {}

d {}

.profile-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.profile-info strong {
    font-family: "Montserrat";
    color: rgb(29, 29, 29);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0px;
    text-align: left;
}

.profile img {
    width: 61px;
    height: 61px;
    border-radius: 50%;
}

.testimonial-grid .swiper-slide.swiper-slide-active {
    box-shadow: 0px 3px 6px #00000029;
}


.profile-info span {
    color: rgb(49, 49, 49);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.211;
    letter-spacing: 0px;
    text-align: left;
}

.quote-icon svg {
    display: block;
}

span.swiper-pagination-bullet {
    background: #FED9B2;
    width: 19px;
    height: 19px;
    border-radius: 26px;
    transition: 0.5s;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #F15A29;
    width: 39px;
}

section.testimonial-cards-wrapper {
    padding: 120px 0;
}
.v-content video {
    width: 100%;
    height: 501px;
    object-fit: cover;
}

.videos-acc-items {
    margin-top:63px;
}

.videos-outer {
    padding: 80px 0;
}
.predictive-search__loading-state {
    display: none !important;
}
.diff-heading{
color: rgb(0, 0, 0);
font-family: 'Neue Haas Grotesk Display Pro';
font-size: 40px;
font-weight: 500;
line-height: 1.35;
letter-spacing: 0px;
text-align: center;
text-transform: capitalize;
}
.klr-different-continer {
    position: relative;
    max-width: 1485px;
    margin: 0 auto;
    padding: 0 30px;
}

.klr-different-bottle img {
    max-width: 100%;
    display: block;
}
.klr-different-bottle > div:nth-child(1) {max-width: 281.21px;margin: 0 auto;}
.klr-different-bottle > div:nth-child(2) {max-width: 161px;margin: 110px auto 26px;}
.klr-different-bottle > div:nth-child(3) {
    max-width: 613.32px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}


.klr-different-bottle > div:nth-child(2) > div {
    transform: rotate(70deg);
}

.klr-different-inner-items {
    position: relative;
}

.diff-heading:nth-child(odd) {
    text-align: right;
    width: 43%;
    top: 21%;
    gap: 70px;
    align-items: flex-end;
}
.diff-heading:nth-child(2) {
    top: 21%;
}
.diff-heading:nth-child(3) {
    text-align: right;
    top: 36%;
    align-items: flex-start;
    gap: 0;
}
.diff-heading:nth-child(4) {
    text-align: right;
    top: 34%;
    align-items: flex-start !important;
}


.diff-heading {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 70px;
}

.klr-different-bottle > div {
    width: 100%;
}

.diff-heading span {
    height: 1px;
    width: 100%;
    background: #FF750F;
    max-width: 232px;
    display: flex;
    align-items: center;
    transform: translateY(9px);
}

.diff-heading span::before {
    width: 9px;
    content: "";
    height: 9px;
    background: #FF750F;
    border: 1px solid #FF750F;
    display: block;
    border-radius: 50%;
}

.diff-heading:nth-child(even) span {
    flex-direction: row-reverse;
}

.diff-heading:nth-child(even) {
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: row-reverse;
    left: auto;
    right: 0;
    width: 100%;
}

.diff-heading:nth-child(3) span {
    transform: translateY(-9px);
    max-width: 305px;
}

.diff-heading:nth-child(4) span {
    max-width: 305px;
}
.up-down.tr-wrap {position: absolute;right: 5%;top: -7%;}

.up-down.tl-wrap {
    position: absolute;
    top: 52%;
    left: 0;
}

.klr-different-inner-items {padding-top: 55px;}

.klr-different-outer::after {
    content: "";
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    height: 375px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.klr-different-outer {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 100px;
}

.klr-different-continer {
    overflow: hidden;
}

.klr-different-bottle>div:nth-child(3) {
    margin-bottom: -12%;
}
.image-banner-klr .recove-wrapper  .banner__box.content-container {
    max-width: 1464px;
    margin: 0 auto;
    width: 100%;
}

.recove-wrapper a#banner-mo {
    display: none;
}
.pro--outer-in {
    padding: 84px 30px 82px 30px;
  max-width: 1635px;
  margin:0 auto;
}

.pro-wrapper .klr-shop-by-heading {
    align-items: flex-start;
    text-align: left;
    display: inline-flex;
    margin-bottom: 33px;
}

.pro-wrapper .rte {
    color: rgb(53, 53, 53);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 30px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 70px;
    max-width: 697px;
    width: 100%;
}

.icon-items  >div {
    align-items: center;
    display: flex;
    color: rgb(53, 53, 53);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 30px;
    font-weight: 400;
    line-height: -1px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: capitalize;
    gap: 34px;
}

.icon-items {
    padding-left: 14px;
    display: flex;
    gap: 14px;
    flex-direction: column;
}

.btns-wrapper a {
    width: 206px;
    height: 65px;
    border-radius: 32.5px;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    background: #FF750F;
    color: rgb(255, 255, 255);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0px;
    text-align: left;
}

.btns-wrapper {
    display: flex;
    gap: 23px;
    margin-top: 55px;
}

.btns-wrapper button {
    width: 206px;
    height: 65px;
    border-radius: 32.5px;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    background: #fff;
    color: #FF750F;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0px;
    text-align: left;
    padding: 0;
    border: 2px solid #FF750F;
}

.btns-wrapper button::before,.btns-wrapper button::after {
    display: none;
}

.pro-wrapper-outer {
    display: flex;
    align-items: center;
}

.pro-wrapper-image img {
    width: 100%;
}

.pro-wrapper-image {
    max-width: 56.13%;
}
.klr-image-with-video--con {
    display: flex;
    align-items: center;
    padding: 82px 30px 82px;
    max-width: 1748px;
    margin: 0 auto;
    gap: 57px;
}

.klr-image-with-video--video video {
    width: 100%;
    height: auto;
    display: block;
}

.klr-image-with-video--content {
    max-width: 671px;
    width: 100%;
}

.klr-image-with-video--video {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
  z-index:1;
}

.klr-image-with-video--video > button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    border: 0;
    height: 100%;
    padding: 0;
    backdrop-filter: blur(6px);
  z-index: 1;
  cursor: pointer;
}

.klr-image-with-video--video  > img {
    width: 83px;
    height: 83px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
    pointer-events: none;
  z-index: 2;
}



.klr-image-with-video--content h2 {
    color: rgb(0, 0, 0);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 40px;
    font-weight: 600;
    line-height: 1.22500;
    letter-spacing: -0.44px;
    text-align: left;
    text-transform: capitalize;
    margin: 0 0 55px;
}

.klr-image-with-video--content .rte.rich-text__text {
    min-height: 242px;
    color: rgb(53, 53, 53);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 40px;
    padding-right: 40px;
}

.klr-image-with-video--content .rich-text__buttons a {
    width: 206px;
    height: 65px;
    border-radius: 32.5px;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    background: #ff750f;
    color: #fff;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0px;
    text-align: left;
    opacity: 1;
}

.klr-image-with-video--con.played button{
      opacity: 0;
}
.klr-image-with-video--con.played img {display: none;}


.footer-wrapper-upper a{
    line-height: 1;
}
.klr-newsletter-cstm {
    display: flex;
    align-items: center;
    margin: 0 auto;
    max-width: 1489px;
    background: #E7E7E7;
    border-radius: 14px;
    overflow: hidden;
}

.klr-newsletter {
    padding: 0 30px 100px 30px;
    flex: 0 1 35%;
}
@media(max-width: 991px){
    .klr-newsletter{
        flex: 0 1 45%
    }
}
@media(max-width: 765px){
    .klr-newsletter{
        flex: 0 1 100%
    }
}
.klr-newsletter-cstm img {
    display: block;
}

.klr-newsletter-cstm  > div div {
    color: #000;
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 56px;
    font-weight: 600;
    line-height: 68px;
    letter-spacing: 0px;
    text-align: left;
    max-width: 585px;
}
.klr-newsletter-cstm 
form#contact_form {
    max-width: 100%;
    margin-bottom: 37.5px;
}
.klr-newsletter-cstm 
.newsletter-form__field-wrapper input {
    color: white;
    width: 100%;
    height: 60px;
    box-shadow: inset 1px 1px 1px #00000029;
    border: 3px solid #000;
    border-radius: 29px;
    opacity: 1;
    background: transparent;
}
.klr-newsletter-cstm 
.newsletter-form__field-wrapper.scroll-trigger.animate--slide-in {
    max-width: 551px;
}
.klr-newsletter-cstm 
.newsletter-form__field-wrapper input::placeholder {
    display: block;
    opacity: 1;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: -1px;
    letter-spacing: 0px;
    text-align: left;
}
.klr-newsletter-cstm 
button#Subscribe {
    width: 150px;
    height: 60px;
    border-radius: 32.5px;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    background: #000;
    color: #fff;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0px;
    text-align: left;
    opacity: 1;
}

/* Left image div = 70% */
.klr-newsletter-cstm > div:first-child{
    flex: 0 0 60%;
}

/* Right content div = 30% */
.klr-newsletter-cstm > div:last-child{
    flex: 0 0 40%;
    padding: 50px;
}

/* Make image fill its section properly */
.klr-newsletter-cstm img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-marquee-wrapper {
    overflow: hidden;
    position: relative;
}

.image-marquee-wrapper img {
    display: block;
    width: 100%;
}

.image-marquee-wrapper .marquee-wrapper{
    position:absolute;
    bottom:-50px;
    left:0;
}
.image-marquee-wrapper .marquee-wrapper h2{
    color:#fff;
}

.footer-wrapper {
    background: #000000;
    padding: 78px 0 0;
}

.footer-wrapper-container {
    max-width: 1700px;
    padding: 0 30px;
    gap: 30px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}

.footer-wrapper-upper {
    display: flex;
    align-items: flex-start;
    flex-direction:column;

}
.footer-wrapper
.klr-newsletter {
    padding: 0;
}
.footer-wrapper
.klr-newsletter-cstm {
    background: transparent;
    max-width: 100%;
    padding: 0;
}

.footer-wrapper .klr-newsletter-cstm button#Subscribe {
    background: #F15A29;
    color: #fff;
    text-transform: capitalize;
}
.footer-wrapper
.klr-newsletter-cstm .newsletter-form__field-wrapper input::placeholder {
    color: #fff;
}
.footer-wrapper
.klr-newsletter-cstm .newsletter-form__field-wrapper.scroll-trigger.animate--slide-in {
    max-width: 551px;
}

.footer__content-top.page-width {
    max-width: 1700px;
    padding: 0 30px;
    padding-bottom: 30px;
    margin: 0 auto;
}

h2.footer-block__heading.inline-richtext {
    color: #fff;
    font: 600 51px/64px'Built Titling Rg' !important;
    letter-spacing: 0px;
    text-align: left;
}
.footer-block--menu h2.footer-block__heading.inline-richtext {
    font: 600 24px/1 'Neue haas Grotesk Display Pro' !important;
}
.footer-block__details-content.rte {
    color: #fff;
    font: 500 20px/1.4 'Neue haas Grotesk Display Pro';
    letter-spacing: 0px;
    text-align: left;
}

.footer-block--menu h2.footer-block__heading.inline-richtext {color: rgb(255, 255, 255);font-family: 'Neue Haas Grotesk Display Pro';font-size: 22px;font-weight: 500;line-height: 27px;letter-spacing: 0px;text-align: left;margin-bottom: 37px;}

ul.footer-block__details-content.list-unstyled a {
    color: #fff;
    font: 500 18px/1.4 'Neue haas Grotesk Display Pro';
    letter-spacing: 0px;
    text-align: left;
    padding: 5px 0;
    margin: 0;
}

.grid--4-col-tablet .grid__item {
    width: auto;
}

.footer-block.grid__item {
    max-width: 638px;
}

.footer-block.grid__item.footer-block--menu {
    width: auto;
    max-width: none;
    flex: none;
}

.footer-block.grid__item.footer-block--menu {
}

.footer-block.grid__item.footer-block--menu + .footer-block.grid__item.footer-block--menu {
    margin-left: 159px;
}

.footer-block.grid__item.footer-block--menu {margin-left: 291px;}

  .marquee-wrapper {
  overflow: hidden;
  display: flex;
}

.marquee-wrapper h2{
  font-size: 5em;
  white-space: nowrap;
  text-transform: uppercase
}
  .marquee-wrapper h2 {
    opacity:1;
    font-weight: bold;
    font-family: Built Titling Rg !important;
    font-size: 229px;
    line-height:normal;
    letter-spacing: 0px;
    text-align: center;
    margin: 0;
    padding: 0;
}
.template-page-about-us .klr-image-with-video--con {
    padding-top: 0;
  padding-bottom: 0;
  max-width:1280px;
}
.image-with-text-wrapper .page-width {
    max-width: 1280px;
    padding: 0 30px;
}

.image-with-text-wrapper .page-width > div {
    overflow: hidden;
    border-radius: 14px;
}
.shopify-policy__title h1 {
    color: #000;
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 40px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: -.44px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.shopify-policy__title h1::after {
    content: "";
    background: url(/cdn/shop/files/Path_486.png?v=1753015550);
    width: 100%;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    max-width: 330px;
}

.shopify-policy__body * {
    color: rgb(53, 53, 53);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0px;
    text-align: left;
    text-transform: capitalize;
}

.shopify-policy__container {
    max-width: 1280px;
    padding-bottom: 80px;
}
button.add-to-cart {
    background: #000;
    border: none;
    color: #fff;
    font-size: 16px;
    text-transform:uppercase;
    border-radius: 14px;
    padding: 13px 34px;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-weight: 500;
    cursor: pointer;
    flex: 1 1 auto;
}
button.add-to-cart:hover,button.add-to-cart:focus{
  background: #f15a29;
}
/* html
.header__icon, html .header__icon--cart .icon {
    width: 33px;
    height: 33px;
}
html
.header__icon .svg-wrapper {
    width: 33px;
    height: 33px;
}
html
.header__icons {
    gap: 32px;
}
html
.cart-count-bubble {
    top: -4px;
}
html
a.header__heading-link.link.link--text.focus-inset {
    padding: 0;
}
html
.header__heading-link,
html
h1.header__heading {
    grid-area: auto;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 2;
}

html
.search-modal__content-war {
    max-width: 100%;
    justify-content: flex-start;
    border-bottom: 1px solid #3535353D;
}
html
.header predictive-search {
    max-width: 450px;
    margin: 0 0 0 69px;
}
html
.header__icons {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 69px;
    border-bottom: 1px solid #3535353D;
    grid-row-start: 1;
    grid-area: auto;
}
html
.header--top-center {
    grid-template-areas: none;
    grid-template-columns: 1fr auto 1fr;
}
html
.header__inline-menu {
    grid-area: auto;
    grid-row-start: 2;
    grid-column-start: 1;
    grid-column-end: 2;
}
html
nav.header__inline-menu {
    margin: 0 !IMPORTANT;
    width: 100%;
    padding: 0 !important;
}
html
.header__menu-item,
html nav.header__inline-menu a {
    color: rgb(112, 112, 112);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: left;
    padding: 0;
}
html
span.header__active-menu-item {
    color: #FF520E;
    text-decoration: none;
}
html
ul.list-menu.list-menu--inline {
    gap: 65px;
    justify-content: flex-end !important;
    width: 100%;
    padding-right: 65px;
} */
.f-products-slider-wrapper {
    max-width: 1646px;
    padding: 0 30px;
    margin: 0 auto;
}

.f-products-slider-wrapper h2.title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin: 0 0 40px;
}

.f-products-slider-wrapper {
    margin-top: 60px;
}
.product-card-wrapper .card.card--card.card--media.gradient {
    background: #f4f1f0 !important;
    border-radius: 15px;
    overflow: hidden;
}
.product-card-wrapper
.card__heading{
    color: rgb(24, 24, 27);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 18px;
    font-weight: 600;
    line-height: -1px;
    letter-spacing: 0px;
    text-align: left;
}
.product-card-wrapper
.card__information + p {
    color: rgb(24, 24, 27);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: left;
    margin: 15px 0;
}
.product-card-wrapper
.card__information {
    padding: 0;
}
.product-card-wrapper
.card__content .card__information .card-information {
    display: none;
}
.product-card-wrapper
.card--card.card--media>.card__content {
    display: flex;
    flex-direction: column;
    padding: 20px;
}
.product-card-wrapper
.quick-add.no-js-hidden {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-wrap:wrap;
    margin-left:0;
    margin-right:0;
}
.product-card-wrapper
product-form button.quick-add__submit {
    border-radius: 4px;
    text-decoration: none;
    background: #000;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
}
.product-card-wrapper
product-form button.quick-add__submit::before,
.product-card-wrapper
product-form button.quick-add__submit::after{
    display:none;
}
.product__description {
    font-family: 'Neue Haas Grotesk Display Pro';
}

.product-card-wrapper span.price-item.price-item--sale.price-item--last {
    color: #f15a29;
    font-family: 'Built Titling Rg';
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: left;
}
.product-card-wrapper
s.price-item.price-item--regular {
    color: rgb(130, 129, 129);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 14px;
    font-weight: 500;
    line-height: -1px;
    letter-spacing: 0px;
    text-align: left;
}
.product-card-wrapper
.price>.price__container {
    display: flex;
}
.product-card-wrapper
.price--on-sale .price__sale {
    display: flex;
    white-space: nowrap;
    align-items: center;
}
.product-card-wrapper
.card__badge {
    display: none;
}

nav.header__inline-menu.header__inline-menu-2 {grid-column-end: 3;grid-column-start: 3;}

nav.header__inline-menu.header__inline-menu-2 ul.list-menu.list-menu--inline {
    justify-content: flex-start !important;
    padding-left: 65px;
}
.footer__list-social.list-social svg {
    color: #fff;
}
.template-product .image-marquee-wrapper {
    max-width: 1585px;
    margin: 0 auto;
}
.template-product .shopify-section-group-footer-group .image-marquee-wrapper {
    max-width: 100%;
    margin: 0 auto;
}
.product--info--conatiner {
    max-width: 1646px;
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product--info--slider {
    max-width: calc(100% - 490px);
}

.product--info--heading {
    max-width: 490px;   
color: rgb(0, 0, 0);
font-family: "Built Titling Rg";
font-size: 45px;
font-weight: 600;
line-height: 47px;
letter-spacing: 0px;
text-align: left;

}

.product--info-item {
    position: relative;
    border-radius: 11px;
    background: #F7F7F7;
}

..product--info-item img {
    width: 100%;
    height: 100%;
    border-radius: 14px;
}
}
.product--info-item  >div{
    padding:26px 16px;
        position: absolute;
    top: 0;
    left: 0;
}
.product--info-heading {

color: rgb(0, 0, 0);
font-family: "Neue Haas Grotesk Display Pro";
font-size: 25px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
text-align: left;
text-transform: capitalize;

}

.product--info-caption {color: rgb(0, 0, 0);font-family: "Neue Haas Grotesk Display Pro";font-size: 15px;font-weight: 600;line-height: 27px;letter-spacing: 0px;text-align: left;text-transform: capitalize;max-width: 150px;margin-top: 9px;}

.product--info-text {
    color: rgb(0, 0, 0);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: capitalize;
}

.product--info--wrapper {
    padding: 100px 0 100px;
}
.product--info--lft {
   
    color: rgb(0, 0, 0);
    font-family: "Built Titling Rg";
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: 0px;
    text-align: left;
}

.product--info--center {
    color: #000;
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: center;
}
.product--info--center strong{
    font-family: 'Built Titling Rg';
    color:#FF750F;
}

.product--info--rgt p {   
    color: rgb(102, 102, 102);
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: left;
}

.product--info--rgt ul {
    display: flex;
    gap: 22px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 7px;
}
.product--info--conatiner +
.product--info--conatiner > div {
    flex: 1;
}
.product--info--conatiner + .product--info--conatiner {
    background: #F7F7F7;
    margin-top: 92px;
    padding: 28px 24px 25px;
}
.product--info--center {
    padding: 0 20px;
    border-left: 1px solid #C8C7CC;
    border-right: 1px solid #C8C7CC;
    margin: 0 30px;
}
.template-product .image-with-text__content img {
    width: 100%;
    height: auto;
}
.template-product 
.multirow__inner.page-width {
    max-width: 1650px;
    padding: 0 30px;
}
.template-product
h2.image-with-text__heading.h1.rte {
    color: rgb(0, 0, 0);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 35px;
    font-weight: 600;
    line-height: 47px;
    letter-spacing: 0px;
    text-align: left;
  padding: 16px;
}
.template-product
.image-with-text__text-item.grid__item {
    background: #F7F7F7 0% 0% no-repeat padding-box;
    border-radius: 14px;
    padding: 0px;
}
.template-product
.image-with-text__media-item.image-with-text__media-item--medium.image-with-text__media-item--middle.grid__item {}
.template-product
.image-with-text__media-item {
    border-radius: 14px;
    overflow: hidden;
}
.template-product
.image-with-text .grid {
    gap: 67px;
    flex-wrap: nowrap;
}
.template-product .image-with-text .grid {
    margin: 0;
}

.template-product .image-with-text__text-item.grid__item {
    flex: 1;
    width: 100%;
}

.template-product .image-with-text__media-item.image-with-text__media-item--medium.image-with-text__media-item--middle.grid__item {
    flex: 1;
}
.product-info-image-with-text-wrapper .page-width {
    max-width: 1650px;
    padding: 0 30px;
}

.product-info-iwt-wrapper {
    display: flex;
    gap: 67px;
}

.product-info-iwt-wrapper  >div {
    flex: 1;
}

.product-info-iwt-wrapper >div img {
    width: 100%;
    display: block;
    height: auto;
}

.product-info-iwt-image {
}

h2.image-with-text__heading.inline-richtext.h1 {
    color: rgb(0, 0, 0);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 35px;
    font-weight: 600;
    line-height: 47px;
    letter-spacing: 0px;
    text-align: center;
    margin: 0 auto;
    max-width: 630px;
}

.image-with-text__text.rte.body {
    color: rgb(0, 0, 0);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-transform: capitalize;
    text-align: center;
    margin: 10px 0 0;
}

.product-info-iwt-content {max-width: 762px;background: rgb(247 247 247 / 78%) 0% 0% no-repeat padding-box;border-radius: 14px;padding: 43px 15px;}

.adfsa-geid-item-h {
    color: rgb(255, 117, 15);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: center;
}

.adfsa-geid-item-p {
    max-width: 176px;
    width: 100%;
    color: rgb(0, 0, 0);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: center;
    margin: 0 auto;
}

.adfsa-geid-item-h::after {
    content: "";
    display: block;
    margin: 13.5px auto 17.5px;
    width: 118px;
    height: 1px;
    background: rgb(255, 117, 15);
}

.adfsa-geid-item-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
}

.adfsa-geid-item-btn a {
    color: rgb(0, 0, 0);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: center;
    text-decoration-line: underline;
    text-transform: capitalize;
}

.adfsa-geid-item {
    background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
    padding: 32px 20px;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.adfsa-geid-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}

.adfsa-geid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
    max-width: 549px;
    margin: 35px auto;
}

.product-info-image-with-text-wrapper {
    margin-top: 25px;
}
.product-info-faq-wrapper .page-width {
    max-width: 1650px;
    padding: 0 30px;
}
.product-info-faq-wrapper
.product-info-faq-wr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
}
.product-info-faq-wrapper
.faq-acc-items {
    width: 100%;
    max-width: 795px;
}
.product-info-faq-wrapper
.product-info-faq-imags {
    max-width: 692px;
}
.product-info-faq-wrapper
button.faq-acc:after {
    display: none;
}
.product-info-faq-wrapper
button.faq-acc {
    color: rgb(0, 0, 0);
    font-family: "Neue Haas Grotesk Display Pro";
    /* font-size: 34px;
    font-weight: 600;
    line-height: 41px; */
    letter-spacing: 0px;
    text-align: left;
    padding: 24px 0;
}
/* .product-info-faq-wrapper
.rte-faq 
p {
    opacity:0.68;
    color: rgb(0, 0, 0);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 30px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0px;
    text-align: left;
} */
.product-info-faq-wrapper
.rte-faq 
p + p{
    margin-top:40px;
}
.product-info-faq-wrapper
.img-testimonial-slider img {
    width: 100%;
    height: auto;
}
.product-info-faq-wrapper
.active_tab button.faq-acc svg path {
    stroke: #FF750F;
    fill: #FF750F;
}
.product-info-faq-wrapper
.faq-content {
    border-bottom: 1px solid #707070;
}
.product-info-faq-wrapper {
    padding: 100px 0;
}
.pv-wrapper {padding: 0 29px;}

.pv-wrapper > div.pv-wrapper {
    background: #F1F1F1;
    padding: 70px;
}

.pv-wrapper h2 {
    color: rgb(255, 117, 15);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 45px;
    font-weight: 600;
    line-height: 54px;
    letter-spacing: 0px;
    text-align: center;
    margin: 0 0 15px;
    min-height: 129px;
}

.pv-wrapper h2 strong {
    display: block;
}
.pv-wrapper 
.rich-text__text.rte {
    color: rgb(112, 112, 112);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: capitalize;
    max-width: 872px;
    margin: 0 auto;
}
.pv-wrapper .klr-image-with-video--video video {
    max-width: 100%;
}
.pv-wrapper 
.klr-image-with-video--video {
    max-width: 50%;
    margin: 0 auto;
}
.pv-wrapper 
.klr-image-with-video--video > button {
    background-size: contain !important;
}
h1.title--primary {
    text-align: center;
    color: #000;
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 40px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: -.44px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

h1.title--primary::after {
    content: "";
    background: url(/cdn/shop/files/Path_486.png?v=1753015550);
    width: 100%;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    max-width: 330px;
    margin: 0 auto;
}

.blog-articles {
    grid-template-columns: 1fr 1fr 1fr;
}
.blog-articles
h3.card__heading.h2 {
    color: #000;
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.44px;
    gap: 4px;
}
.blog-articles
p.article-card__excerpt.rte-width {
    color: rgb(53, 53, 53);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0px;
    text-align: left;
    text-transform: capitalize;
}
.blog-articles
.card__inner {
    border-radius: 12px !important;
    overflow: hidden;
}
article.article-template {
    max-width: 1170px;
    padding:0 30px;
    margin: 0 auto;
}

.rte img {
    width: 100%;
    border-radius: 33px;
    margin: 15px 0;
}

.media {
    background: transparent;
}

h1.article-template__title {
    color: #000;
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 40px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: -.44px;
}

.article-template__content p {
    color: rgb(53, 53, 53);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0px;
    text-align: left;
    text-transform: capitalize;
}

.article-template__content h2 {
        color: #000;
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 30px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -.44px;
}
.article-template__comment-wrapper {display: none;}

.article-template__back {
    padding-bottom: 80px;
    display: flex;
    justify-content: center;
}
#cart-icon-bubble.header__icon .svg-wrapper>svg {
    height: 25px;
    width: 25px;
    display: block;
}
#cart-icon-bubble.header__icon .svg-wrapper {
    width: 34px;
    height: 25px;
}
.article-template__back a {
    width: auto;
    border-radius: 32.5px;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    background: #FF750F;
    color: rgb(255, 255, 255);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0px;
    text-align: left;
    height: auto;
    padding: 16px 24px;
}
.card.article-card.card--card {
    border-radius: 12px;
}
.main-blog.page-width {
    padding-top: 40px;
    padding-bottom: 70px;
}
form#ContactForm {
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 80px;
}

form#ContactForm input {
    width: 100%;
    height: 60px;
    border: 2px solid #000;
    border-radius: 29px;
    opacity: 1;
    background: transparent;
    color: #000;
    padding: 10px 30px  !important;
}
form#ContactForm .text-area::placeholder,
form#ContactForm input::placeholder {
    display: block;
    opacity: 1;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    line-height: -1px;
    letter-spacing: 0px;
    text-align: left;
}

.text-area {
    width: 100%;
    height: 60px;    
    border: 2px solid #000;
    border-radius: 12px;
    opacity: 1;
    background: transparent;
    color: #000;
    padding: 10px 30px  !important;
}
.video-outer video {
    width: 100%;
    display: block;
}

.klr-video-wrapper + .klr-shop-by-wrapper {
    margin-top: -22%;
}
.klr-country-video-wrapper {
    padding: 0  0 0 85px;
}
.swiper-slide-active .country-wrap {
    background:#FF750F;
    color:#fff;
}
.country-wrap {
    width: 154px;
    height: 41px;
    background: #E7E7E7;
    border-radius: 20.5px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(24, 24, 27);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0px;
    text-align: center;
    text-transform: capitalize;
    line-height: 32px;
    margin: 38px auto 43px;
    transition: 0.5s;
}

.cm-wap > .country-wrap + div {
    background: #E7E7E7 0% 0% no-repeat padding-box;
    border-radius: 12px;
    padding: 53.5px 0;
    transition: 0.5s;
    box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.16)
}

.swiper-slide-active .cm-wap > .country-wrap + div{
        background:#FF750F;
}
span.country-heading {
    color: rgb(52, 52, 52);
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 22px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: capitalize;
    display: block;
    max-width: 205px;
    margin: 0 auto;
    transition: 0.5s;
}
.cm-wap
p {color: rgb(52, 52, 52);font-family: 'Neue Haas Grotesk Display Pro';font-size: 21px;font-weight: 400;line-height: 28px;letter-spacing: 0px;text-align: center;padding: 0 17px;margin-top: 33px;transition: 0.5s;}

.cm-wap img {
    display: block;
    margin: 0 auto;
    max-width: 131px;
    filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.16));
}
.swiper-slide-active .cm-wap
p ,.swiper-slide-active .cm-wap  span.country-heading {
    color:#fff;
}
.klr-country-video-wrapper .swiper-slide {
    max-width: 491px;
}
.quick-add-modal__content-info .ds-sd {
    display: none;
}


.pv-wrapper h2 p br {
    display: none;
}
.klr-image-with-video--video.played button {opacity: 0;}

.klr-image-with-video--video.played  img {
    display: none;
}

.header__menu-item {
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    letter-spacing: normal;
    color: #353535;
    padding: 10px;
}

.header:not(.drawer-menu).page-width {
    padding: 0;
    grid-template-columns: 1fr 3fr 1fr;
}

nav.header__inline-menu {
    width: 100%;
}
.view-crt {
    text-align: center;
    background-color: #353535;
    border-radius: 12px;
    margin: 0 0 10px;
}

.view-crt a {
    display: inline-flex;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 7px 14px;
}
.header--middle-left {}

.list-menu--inline {
    justify-content: center;
    width: 100%;
    gap: 24px;
}

.header__icon--cart {
    margin: 0;
    font: 500 18px 'Neue Haas Grotesk Display Pro' !important;
}

.header__icons {
    padding: 0;
    margin-right: 3rem;
}

html .page-width {
    max-width: 1700px;
    padding-left:15px;
    padding-right:15px;
    margin: 0 auto;
}
.header--middle-left .header__heading-link {
    padding: 2.5px 0;
}
h2.banner__heading.inline-richtext.h1 {
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 38px;
    font-weight: 600;
    line-height: 1.2;
    font-style: normal;
    text-align: left;
    color: #353535;
}

.banner__text.rte p {
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 25px;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    color: #353535;
    text-transform: capitalize;
    line-height: 1.4;
}

.banner__text.rte {
    max-width: 513px;
}

.banner__box .banner__heading+* {
    margin-top: 13px;
}

a.button.button--primary {
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    text-align: left;
    color: #ffffff;
    width: 210px;
    height: 53px;
    /* border-radius: 12px; */
    background: #353535;
    opacity: 1;
    display:flex;
    align-items:center;
    gap:4px;
}

.slideshow__text-wrapper.banner__content {padding: 0;}

.banner__box>*+.banner__buttons {
    margin-top: 23px;
}
.banner__rating {
    display: flex;
    align-items: center;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    color: #353535;
    gap: 19px;
}

.banner__rating img {
    width: 143px;
    height: auto;
}
html slideshow-component:not(.page-width) .slider-buttons {
    position: absolute;
    bottom: 20px;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    border: 0;
}
html
slideshow-component:not(.page-width) .slider-buttons .slider-button {
    display: none;
}
html
.slider-counter__link {
    padding: 0;
}
html
.slideshow__control-wrapper {
    gap: 6px;
}

html .slider-counter__link .dot {
    width: 19px;
    height: 19px;
    border: 0;
    background: #C6C6C6;
    transition: all 0.5s;
    border-radius: 19px;
}
html
.slider-counter__link--active .dot {
    width: 39px;
}
.recovery-banner h2.banner__heading.inline-richtext.h1 {/* Recovery is where strength begins. */
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    font-style: normal;
    text-align: left;
    color: #353535;
}

.recovery-banner  .banner__text.rte p {
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 20px;
    font-weight: 500;
    line-height: 56px;
    font-style: normal;
    text-align: left;
    color: #353535;
}

.recovery-banner  .banner__box .banner__heading+* {
    margin: 0 !important;
}

.recovery-banner .banner__buttons svg {
    display: none;
}
.cstm-product-card-wrapper {
    background: #f4f1f0;
    border-radius: 14px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.cstm-product-card-content {
    display: flex;
    flex-direction: column;
    padding: 0 15px 20px 15px;
    height: 100%;
}
.cstm-product-card-content form {
    margin-top: auto;
    padding-top: 20px;
}
.cstm-product-card-heading {/* HGH Extreme  */
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    color: #404040;
    margin-bottom: 8px;
    line-height:normal;
}

.cstm-product-card-caption {/* Hydrolyzed Marine Collagen withPure Whey Protein Isolate */
    width: 208px;
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    color: #404040;
    line-height: 24px;
}

.cstm-product-card-tags span {/* Build Muscle */
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 10px;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    letter-spacing: normal;
    color: #ffffff;
/* Rectangle 121 */
    border-radius: 6px;
    background: #bcb6b6;
    padding: 3px 5px;
}

.cstm-product-card-tags {
    display: flex;
    gap: 5px;
    margin: 5px 0 15px;
}

.cstm-product-card-price {/* ₹2,599 */
    line-height: 21px;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    color: #404040;
    margin-bottom: 15px;
}

.cstm-product-card-price s {/* ₹2,799 */
    line-height: 17px;
    opacity: 0.50;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    color: #404040;
}

.cstm-product-card-price span {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    color: #f15a29;
}
.cstm-product-card-media {
    position: relative;
    padding: 46px 0 11px;
}

.cstm-product-card-media img.main-image {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    z-index: 1;
    position: relative;
}

.card__media_bg_wrapper {
    height: 209.9px;
    width: 100%;
    border-radius: 12px;
    position: absolute;
    left: 0;
    top: 0;
}

.cstm-product-card-media img.badg-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
}

/* === Login Page Boxed Design === */
.customer.login {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.customer-box {
  background: #fbf5e2;
  border: 1px solid #e5e5e5;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  max-width: 420px;
  width: 100%;
  padding: 40px 32px;
  margin: 20px auto;
}

.customer-box h1 {
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  margin: 0 0 10px;
  color: #000;
}

.customer-box p {
  text-align: center;
  color: #555;
  margin-bottom: 25px;
  font-size: 15px;
}

.customer-box .field {
  position: relative;
  margin-bottom: 22px;
}

.customer-box .field input {
  width: 100%;
  padding: 14px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 15px;
  background-color: #fff;
  transition: all 0.2s ease;
}
.customer.register .customer-box .field input::placeholder{color:#fff;}
.customer-box .field input:focus {
  border-color: #111;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  outline: none;
}

.customer-box label {
  position: absolute;
  top: 13px;
  left: 14px;
  color: #999;
  font-size: 14px;
  padding: 0 4px;
  pointer-events: none;
  transition: all 0.2s ease;
}

.customer-box .field input:focus + label,
.customer-box .field input:not(:placeholder-shown) + label {
  top: 2px;
  left: 10px;
  font-size: 12px;
  color: #000;
}

.customer-box button {
  width: 100%;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  padding: 14px 0;
  border: none;
  border-radius: 4px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.25s ease;
}

.customer-box button:hover {
  background-color: #F15A29;
}

.customer-box a {
  display: block;
  text-align: center;
  width: 100%;
  color: #111;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.2s ease;
}

.customer-box a:hover {
  color: #555;
}

.form__message {
  background: #f8f8f8;
  border-left: 3px solid #111;
  padding: 10px 12px;
  margin-bottom: 15px;
  border-radius: 4px;
}