/** Shopify CDN: Minification failed

Line 124:4 "align-item" is not a known CSS property
Line 184:14 Expected ":"
Line 227:2 "align-item" is not a known CSS property
Line 236:2 "align-item" is not a known CSS property
Line 719:28 Comments in CSS use "/* ... */" instead of "//"
Line 727:21 Comments in CSS use "/* ... */" instead of "//"
Line 1165:0 Unexpected "}"
Line 1184:0 Unexpected "{"

**/
/*  Global Class */
body{
  font-family:'poppins';
}

.w5{
  width:5%;
}
.w15{
  width:15%;
}

.w25{
  width:25%;
}
.w30{
  width:30%;
}
.w40{
  width:40%;
}
.w50{
  width:50%;
}

.w50-1{
  width:50% !important;
}

.w75{
  width:75%;
}

.w80{
  width:80%;
}

.w90{
  width:90%;
}

.w95{
  width:95%;
}

.ml15{
  margin-left:15px;
}

.ml4{
  margin-left:4px;
}

.max600{
  max-width:600px;
}

.mAuto{
  margin:auto;
}

.zIndex50{
  position:relative;
  z-index:50;
}

.bgWhite{
 background-color:white; 
}

.swipenotice{
  display:none;
}

.hide{
  display:none !important;
}

.flex-column{
  flex-direction:column;
}


.flex{
  display:flex;
}

.fs14{
  font-size:14px !important;
}

.ls0{
  letter-spacing:0px !important;
}
.flexCenter{
  display:flex;
  justify-content:center;
  align-items:center;
}



.informationSection{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

  .priceDiv {
    display: flex;
    align-item: center;
    flex-direction:column;
    justify-content:center;
  }

  .priceActual {
    font-family: poppins;
    font-size: 28px;
    margin-right: 6px;
    font-weight: bold;
  }

  .priceStrike {
    font-family: poppins;
    font-size: 14px;
    text-decoration: line-through;
    color: #D3D3D3;
    line-height: 24px;
    
  }

.p20-l{
 padding-left:20px; 
}

.m8-b{
  margin-bottom:8px;
}

.m18{
  margin:18px 0;
}

.sectionSetup{
  max-width:1210px;
  display:flex;
  width: 100%;
}

.sectionSetup1015{
  max-width:1015px;
  display:flex;
  width: 100%;
}

.txtCenter{
  text-align:center;
}

.txtRight{
  text-align:right;
}



#smallSizeImp, #smallSizeMet, #mediumSizeImp, #mediumSizeMet, #largeSizeImp, #largeSizeMet {
  display:none;
}

.sectionLink{
  font-display
}

.show{
  display:block;
}

.sectionH2{
  color: #000;
  font-size: 42px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 1px;
  margin-bottom:15px;
  font-family:'poppins';
}

.sectionH4{
  color: black;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.22px;
  font-family:'poppins';
}

.sectionP{
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.6px;
  margin-bottom:0px;
  font-family:'poppins';
}

.fw{
  color:white;
}

.productHero, .socialCommentSection, .productBSection, .productPSection, .productUSection, .productGSection, .faqSection, .productLimited{
  display:flex;
  justify-content:center;
  align-item:center;
  padding:50px;
  width:100%;
  background-color:white;
  font-family:'poppins';
}

.accordionInner{
  display:flex;
  align-item:center;
  width:100%;
}

.accordionInner2{
  width:50%;
  font-family:'poppins';
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.cmkHeading{
  font-size:14px;
  letter-spacing:2px;
}

.cmkImg{
  border-radius:30px;
  padding:20px;
  width:50%;
}
.priceStrike {
  font-family: poppins;
  font-size: 14px;
  text-decoration: line-through;
  color: #b3b3b3;
  line-height: 24px;
  margin: 0px 0px 4px 6px;
}
.priceBlock{
  display:flex;
  align-items:center;
}

.productGallery{
  width:50%;
  padding:20px;
}

.productDescription{
  width:50%;
  padding:20px;
}

.productTitle{
  color: #000;
  font-family: Poppins;
  font-size: 49px;
  font-style: normal;
  font-weight: 700;
  line-height: 49px; /* 100% */
  letter-spacing: 4.9px;
  text-transform: uppercase;
  margin:0px;
}

.producTitleSubHeading{
  color: #000;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1.3px;
}

.productDescriptionText{
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.6px;
  margin:20px 0px;
}

.selectionHeading{
  color: #211E1F;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.176px;
  margin-bottom:16px;
  text-transform: uppercase;
}


.selectionBlock, .selectionBlock1{
  width:100%;
  
  border-radius: 10px;
  border: 2px solid rgba(156, 165, 151, 0.50);
  padding:10px 5px;
  display:flex;
  margin:0px 5px 10px 5px;
}

.selectionBlock60{
  height:60px;
}

.selectionGroup{
  display:flex;
  align-content:center;
  justify-content:center;
}

.discountBadge{
  font-family:"poppins";
  font-size:12px;
  background-color:#D0F1C5;
  color:#18693E;
  font-weight:700;
  border-radius:4px;
  padding:3px 3px;
  margin-left:3px;
}

.pRelative{
  position:relative;
}

.pLink{
  border-bottom: black 1px solid;
  padding-bottom:2px;
}

.selectionSizeMod{
  flex-direction:column;
  justify-content:center;
  align-items:center;
  position:relative;
}

.notAvailable{
  font-family:"poppins";
  font-size:12px;
  background-color:#A4AD9F;
  color:white;
  border-radius:4px;
  width:120px;
  padding:2px 5px;
}

.soldout{
  font-family:"poppins";
  font-size:12px;
  background-color:#A4AD9F;
  color:white;
  border-radius:4px;
  padding:2px 5px;
  position:absolute;
  bottom:-10px;
}

.soldOutButton{
  background-color:#606060 !important;
}

.newBadge{
  font-family:"poppins";
  font-size:12px;
  background-color:#A4AD9F;
  color:white;
  border-radius:4px;
  padding:2px 5px;
 
}

#soldout{
  display: none;
}

#soldoutL{
  display: none;
}

#soldout.show {
    display: block;
}
#soldoutL.show {
    display: block;
}

#smallText, #largeText{
  color:#000
}

#smallText.cLightGrey, #largeText.cLightGrey{
  color:#d8d8d8 !important; 
}



#lgNotAvailable {
    display: none;
}

#lgNotAvailable.show {
    display: block;
}
#lgNotAvailableText{
  color:#000
}

#lgNotAvailableText.cLightGrey{
  color:#d8d8d8 !important; 
}

.selectionLabel{
  color: #000;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
}

.selectionDescription{
  color: #787878;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.4px;
  margin-bottom:0px;
}

.selectionBlockInner2{
  display:flex;
  align-items:center;
}

.selectionBadge{
  text-transform:uppercase;
  border: 1px black solid;
  font-size:12px;
  border-radius:3px;
  height:20px;
  line-height:12px;
  padding:3px;
  position:absolute;
    bottom:-10px;
  background-color:black;
  color:white;
}

.selectionPrice{
  color: #9CA597;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1.8px;
  margin-bottom:4px;
}
.selectionPriceStrikeout{
  color: #787878;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.6px;
  text-decoration: line-through;
  
}

/* limited release div */
.limitedD{
  padding:30px;
  width:100%;
  border-radius:10px;
  background-color:#36544F;
}

.limitedH{
  font-size:40px;
  font-weight:bold;
  letter-spacing:1px;
  color:white;
  margin:0;
  text-align:center;
  text-transform:uppercase;
}

.limitedP{
  font-size:18px;
  text-align:center;
  color:white;
}
/* Base setup for custom radio button */
.selectionBlockInner input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px; /* Or the size you want */
  height: 20px; /* Or the size you want */
  border: 2px solid #A4AD9F;
  border-radius: 50%; /* Makes it a circle */
  outline: none;
  cursor: pointer; /* Indicates the element is clickable */
  transition: 0.3s ease; /* Optional: for smooth color transition */
  margin-top:6px;
}

/* Style for the unchecked state */
.selectionBlockInner input[type="radio"]:not(:checked) {
  background: #FFF; /* Or any other color for the unchecked state */
}

/* Style for the checked state */
.selectionBlockInner input[type="radio"]:checked {
  background: #A4AD9F; /* Or any other color you want for the checked state */
  border-color: #A4AD9F; /* Make border color same as the background if needed */
}

/* Optional: Add a hover effect for interactive feedback */
.selectionBlockInner input[type="radio"]:hover {
  opacity: 0.7; /* Change as needed */
}

/* Base setup for size selectors */
.selectionSizeMod input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px; /* Or the size you want */
  height: 20px; /* Or the size you want */
  border: 2px solid #A4AD9F;
  border-radius: 50%; /* Makes it a circle */
  outline: none;
  cursor: pointer; /* Indicates the element is clickable */
  transition: 0.3s ease; /* Optional: for smooth color transition */
  margin-top:6px;
}

/* Style for the unchecked state */
.selectionSizeMod input[type="radio"]:not(:checked) {
  background: #FFF; /* Or any other color for the unchecked state */
}

/* Style for the checked state */
.selectionSizeMod input[type="radio"]:checked {
  background: #A4AD9F; /* Or any other color you want for the checked state */
  border-color: #A4AD9F; /* Make border color same as the background if needed */
}

/* Optional: Add a hover effect for interactive feedback */
.selectionSizeMod input[type="radio"]:hover {
  opacity: 0.7; /* Change as needed */
}


.selectionBlock.selected {
  border-radius: 10px;
  border: 2px solid #9CA597;
  background: rgba(156, 165, 151, 0.30);
}

.launchNotice{
  font-family:poppins;
  font-size:13px;
  text-align:center;
  background-color:#FFF8E5;
  color:#18693E;
  font-weight:700;
  text-transform:uppercase;
  width:390px;
  margin:10px;
  border-radius:50px;
  padding:2px 3px;
}
.shippingNotice{
  margin-top:30px;
  color: #000;
  font-family: Poppins;
  font-size: 13px;
  letter-spacing: 1.3px;
  text-align:center;
}



.atcButton{
  width:100%;
  height:60px;
  border-radius:16px;
  background-color:#000;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

/* CSS for Hero Accordion */
  .accordion{
  margin-top:10px; 
  }

  
 
  
  .hero-question{
	text-transform:capitalize;
	letter-spacing:1px;
	font-size:16px;
	background-color:white;
  }
  .hero-accordion{
	border-bottom:1px solid black;
  }
  .hero-answer{
	padding:20px 10px 20px 10px;
  }

.accordion-title {
  padding:20px;
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer;
  border: none;
  text-align: left;
  outline: none;
}



.accordion-title::after {
  content: ">";
  font-family: 'poppins';
  font-size: 30px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s;
}

.accordion-item.active .accordion-title::after {
  transform: translateY(-50%) rotate(90deg);
}

.accordion-content {
  display: none;
  padding: 0 15px;
  overflow: hidden;
  background-color: #fefefe;
}

.accordion-title .accordion-icon {
  background-color: transparent !important;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
}

/* Social Comment Section */
.socialCommentDescription{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  padding:20px;
}

.socialCommentStar{
  margin-top:15px;
}

.socialCommentImage img{
  padding:20px;
}

    .discountButton, .buyNowButton {
        background: #b4b5a5ff;
        border: none;
        border-radius: 5px;
        color: snow;
        cursor: pointer;
        font-size: 1.25em;
        letter-spacing: .1em;
        outline: none;
        padding: 20px 40px;
        text-transform: uppercase;
        font-family: poppins;
    }

    discountButton::before {
        background: #b4b5a5ff;
        border-radius: inherit;
        content: '';
        filter: blur(10px); // Controls the extent of the initial glow
        opacity: .75;
        position: absolute;
        transition: all .3s ease-in-out;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        z-index: -1; // Set behind primary button

    }

    .discountButton.clicked {
        background: #3f9b74ff;
    }

/* CSS for Benefit Seciton */
.benefitInfo{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.benefitCallOut{
  display:flex;
  padding:20px;
}

.benefitLeft, benefitRight{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:15px;
}

.benefit{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-top:30px;
}

.benefit img{
  height:85px;
}

.benefitimage{
  padding:20px;
  
}

.benefitimage img{
  margin-top:30px;
  border-radius:8px;
}

/* CSS for Production Seciton */


.productionDescription{
  display:flex;
  flex-direction:column;
  padding:0 50px;
}

.steps{
  display:flex;
  margin-top:30px;
}

.steps img{
  height:85px;
  width:85px;
}

.stepsDescription{
  padding:0 10px;
}

.buyNowButton{
  width:230px;
  margin-top:30px;
}

/* CSS for Selection Seciton */
.selectionSection{
  display:flex;
  align-items:center;
  justify-content:center;
}

.selectionDescription1{
  padding:20px;
}

.selectionSelector{
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
  border: 2px solid rgba(120, 120, 120, 0.50);
  padding:15px;
  margin-right:20px;
}

.selectionButton {
  cursor: pointer;
  flex-grow:1;
  height: 73px;
  flex-shrink: 0;
  color: black;
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  transition: background-color 0.4s ease-in-out;
}

.selectionButton.active {
  border-radius: 7px;
  background: #E1E4E0;
}

/* CSS for Gaurantee Seciton */
.gDescription{
  padding:50px;
  border-radius: 0px 10px 10px 0px;
  background: #36544F;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.gImage img{
  border-radius: 10px 0px 0px 10px;
}

/* Hide all images by default */
.selectionImages img {
  border-radius:8px;
}

.selectionBlockFlex{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}

.selectionBlockFlex img{
  width:49%;
  margin:5px;
  
}

.selectionBlok{
  display:none;
}
.selectionImages{
  padding:20px;
}


.faqTitle{
  text-align:center;
}

.faqq{
  border-radius: 5px;
  border: 1px solid #000;
  margin-bottom:10px;
}

.faqa{
  padding:20px;
  margin:20px 0;
}

/* CSS for Swiper */
.swiper {
  
}



.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
}

.swiper-slide img {
  display: block;
  object-fit: cover;
}


.mySwiper2 {
  height: auto;
}

.mySwiper {
  box-sizing: border-box;
  padding: 10px 0;
  margin-top:10px;
  cursor:pointer;
}

.mySwiper .swiper-slide {
  width: 25%;
  opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.stickyATCdiv{
  display:none;
}

.forceBlock{
  display:block !important;
}

/* Mobile CSS */

@media (max-width:750px){
  .video-container video{
  width: 300px !important;
  
}
  .swipenotice{
    display:block;
  }
  .launchNotice{
    width:350px;
  }
  
  
  /* limited release div */
.limitedD{
  padding:30px;
  width:100%;
  border-radius:10px;
  background-color:#36544F;
}

.limitedH{
  font-size:20px;
  font-weight:bold;
  letter-spacing:1px;
  color:white;
  margin:0;
  text-align:center;
  text-transform:uppercase;
}

.limitedP{
  font-size:16px;
  text-align:center;
  color:white;
}
  
  .selectionBlockFlex img{
 width:unset; 
}

.mCancel{
  margin:10px 0 0 0;
}
  
  .sectionSetup, .sectionSetup1015{
  flex-direction:column;
}

.selectionDescription{
  font-size:11px;
}

.overflowMobile{
  overflow-x:scroll;
}

.flex-column-m{
  flex-direction:column;
}

.gImage img{
  border-radius: 10px 10px 0px 0px;
}

.mySwiper{
    display:none !important;
  }

  
.stickyATCdiv{
  display:flex;
  align-content:center;
  justify-content:center;
  position:fixed;
  width:100%;
  bottom:20px;
  z-index:3;
}
.stickyATC{
  
  min-width:90%;
  padding:10px 20px;
  border-radius:8px;
  background-color:#000;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

   .stickyATC1{
  width:unset !important;
  min-width:90%;
  padding:10px 20px;
  border-radius:8px;
  background-color:#000;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.selectionBlock {
  min-height:45px;
  align-items: center;
}

.w50, .w30, .w40{
  width:100%;
}
.sectionH2{
  font-size:36px;
  
}

  .selectionLabel{
    font-size:15px;
  }

  #lgNotAvailable{
    font-size:10px;
    width:120px;
  }

  .productHero{
    position:relative;
    z-index:4;
  }
  
  .productHero, .socialCommentSection{
  padding:0px;
  
}

.productBSection, .productPSection, .productUSection, .productGSection, .faqSection, .productLimited{
  padding:50px 20px;
}

.productGallery{
  width:100%;
  padding:0px;
}

.productDescription{
  width:100%;
}
.productDescriptionText{
  font-size:14px;
}
  
.socialCommentImage{
  order:-1;
}

.discountButton{
  margin-top:15px;
}

  .benefitimage{
    order:-1;
    padding:0px;
  }

.benefitCallOut{
  flex-direction:column;
  padding:5px;
}

.productionDescription{
  padding:20px 10px;
  
}

.selectionSection{
  flex-direction:column;
}

.selectionSelector {
  padding:5px;
}

.selectionImages{
  margin-top:10px;
  padding:0px;
}

.gDescription{
  border-radius:0 0 10px 10px;
  padding:25px;
}

}

.priceBlock{
  flex-direction:column;
  
  
}

.priceStrike{margin:0;}

.selectionPrice{
  margin:0;
}
}


@media screen and (max-width: 640px) .Header__LogoImage {
  max-width: 30px !important;
}


.video-container {
    position: relative;
    width: 100%;
    height: 100%;
  }

.video-container video{
  width: 400px;
  border-radius:10px;
}

{
  --swiper-pagination-color:#18693E !important;
}


.ggHiddenSP, .ggHiddenRP{
  display:none;
}