@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face {
font-family: 'Filson-Pro-Black';
src: url('../fonts/FilsonProBlack.woff2') format('woff2');
}
@font-face {
font-family: 'Filson-Pro-Bold';
src: url('../fonts/FilsonProBold.woff2') format('woff2');
}
@font-face {
font-family: 'Filson-Pro-Heavy';
src: url('../fonts/FilsonProHeavy.woff2') format('woff2');
}
* {
box-sizing: border-box;
outline: none !important;
border: none !important;
}
body {
width: 100%;
font-weight: 400;
background: #fff;
color: #333333;
font-family: 'Inter', sans-serif;
overflow-x: hidden;
}
a {
text-decoration: none;
}
.filsonBlack {
font-family: 'Filson-Pro-Black';
}
.filsonBold {
font-family: 'Filson-Pro-Bold';
}
.filsonHeavy {
font-family: 'Filson-Pro-Heavy';
}
a.greenActive {
color: #01bd6c;
}
.sun {
position: absolute;
top: -7rem;
right: -5%;
}
.leftLeaf2 {
position: absolute;
left: -5%;
}
.rightLeaf {
position: absolute;
right: -2%;
top: -9rem;
}
.leftLeaf {
position: absolute;
left: -5%;
}
.leafRightUp {
position: absolute;
right: -10%;
}
.paradiseHeroSec {
margin-top: -114px;
}
.paradiseBG {
position: absolute;
z-index: -1;
}
.unlockSect {
background-color: #01bd6c;
position: relative;
width: 100%;
z-index: 1;
}
.unlockSectBG {
position: absolute;
width: 100%;
height: 100%;
background-image: url('../images/neon/unlockSectBG.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
z-index: -1;
}
.paradiseProds {
position: relative;
}
.featuredProds {
position: relative;
width:406px;
height: 100%;
margin: auto;
}
.featuredProds::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-image: url('../images/neon/productPattNeon.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
}

.featuredProds {
position: relative;
}
.featuredProdsImage img {
transform: rotate(20deg);
width: 100%;
}
.explore {
position: relative;
width: 100%;
height: 100%;
}
.exploreLab {
position: relative;
}
.exploreLab::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-image: url('../images/neon/productPattBlack.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
}
.roundedBorder {
border-radius: 50% !important;
border: 3px solid #333333 !important;
}
/* Faq Sect Start */
.accordion .accordion-item {
border-bottom: 1px solid #000 !important;
background: transparent !important;
}
.accordion .accordion-item button[aria-expanded='true'] {
border-bottom: 1px solid #000;
}
.accordion button {
position: relative;
display: block;
text-align: left;
width: 100%;
padding: 1em 0;
color: #000;
font-size: 1.15rem;
font-weight: 400;
border: none;
background: none;
outline: none;
}
.slick_slider .slick-slide{padding: 0 14px;}
.accordion button:hover,
.accordion button:focus {
cursor: pointer;
color: #000;
}
.accordion button:hover::after,
.accordion button:focus::after {
cursor: pointer;
color: #000;
border: 1px solid #000;
}
.accordion button .accordion-title {
padding: 1em 1.5em 1em 0;
color: #000;
letter-spacing: 3px;
}
.accordion button .icon {
display: inline-block;
position: absolute;
top: 18px;
right: 0;
width: 22px;
height: 22px;
border: 1px solid;
border-radius: 22px;
}
.accordion button .icon::before {
display: block;
position: absolute;
content: '';
top: 9px;
left: 5px;
width: 10px;
height: 2px;
background: currentColor;
}
.accordion button .icon::after {
display: block;
position: absolute;
content: '';
top: 5px;
left: 9px;
width: 2px;
height: 10px;
background: currentColor;
}
.accordion button[aria-expanded='true'] {
color: #000;
}
.accordion button[aria-expanded='true'] .icon::after {
width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
opacity: 1;
max-height: 10em;
transition: all 200ms linear;
will-change: opacity, max-height;
}
.accordion .accordion-content {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity 200ms linear, max-height 200ms linear;
will-change: opacity, max-height;
display: flex;
align-items: center;
justify-content: space-between;
}
.accordion .accordion-content p {
font-size: 1rem;
font-weight: 300;
margin: 1em 0;
}
.accordion .accordion-content img {
width: 120px;
margin: 1em 0;
}
/* Faq Sect end */
.contactBGPattern {
width: 100%;
height: 100%;
background-color: #333333;
position: absolute;
background-image: url('../images/neon/here.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.followSec {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
}
.followPatternBG {
width: 100%;
height: 100%;
background-color: #01bd6c;
position: absolute;
background-image: url('../images/neon/followSecBg.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.postContent {
width: 100%;
position: relative;
cursor: pointer;
}
.smPostImg {
display: block;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: 0.5s ease;
background-color: rgba(25, 25, 26, 0.9);
border-radius: 10px;
}
.postContent:hover .overlay {
opacity: 1;
}
.postActivism {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.postActivism img {
width: 25px;
}
.postActivism p {
font-size: 1rem;
line-height: 1;
}
.postActivism span {
margin-left: 5px;
font-size: 1rem;
line-height: 1;
}
.newsLetter-input {
background: #e6e6e6 !important;
}
   .modal-content {
   border-radius: 15px;
   overflow: hidden;
   border: none;
   box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.3);
   background-image: linear-gradient(to right, #315324, #005e36);
   }
   .btn-close {
   background: none;
   border: none;
   font-size: 1.5rem;
   color: #333;
   cursor: pointer;
   transition: color 0.3s ease;
   }
   .btn-close i {
   font-size: 24px;
   }
   .btn-close:hover {
   color: #666;
   }
   /* Image Icon Styling */
   .IconBoxLarger {
   width: 200px;
   margin: auto;
   margin: 50px auto;
   }
   .modal-content .btn-close {
   width: 30px;
   height: 30px;
   opacity: 1 !important;
   border-radius: 100%;
   position: absolute;
   top: 10px;
   right: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
   }
   .InlineForm {
   display: flex;
   gap: 32px!important;
   margin-top: 1rem;
   justify-content: center;
   align-items: center;
   /* border: 2px solid #4a6c32!important; */
   border-radius: 8px;
   background: #fff;
   }
   .verifyInfo h2 {
   font-size: 40px;
   font-weight: 700;
   line-height: 45px;
   letter-spacing: 0em;
   text-align: center;
   color: #ffffff;
   margin-bottom: 20px;
   }
   .btn-close {
   color: #fff;
   }   
   .btn-close:hover {
   color: #fff;
   }  
   .age-older .modal-md {
   max-width: 500px;
   }
   .age-older .modal-content {
   min-height: 355px;
   }
   .verify-circle {
   width: 150px;
   }
   .verifyInfo h5 {
   font-size: 20px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: 0em;
   text-align: center;
   color: #000;
   margin-bottom: 20px;
   }
   .verify-circle {
   margin: 0 auto;
   display: block;
   }
   /* Modal Title & Content */
   h2 {
   margin-top: 1rem;
   font-size: 1.75rem;
   color: #4a6c32;
   font-weight: 600;
   }
   h5, h6 {
   color: #333;
   margin-top: 0.5rem;
   font-weight: 500;
   }
   /* Input Form in Verify Modal */
   .InlineForm {
   display: flex;
   gap: 10px;
   margin-top: 1rem;
   justify-content: center;
   align-items: center;
   }
   .InlineForm input {
   width: 70%;
   padding: 12px 15px;
   font-size: 16px;
   border: 2px solid #4a6c32;
   border-radius: 8px;
   background: #fff;
   transition: border-color 0.3s ease;
   }
   .InlineForm input:focus {
   border-color: none;
   outline: none;
   }
   /* Button Styling */
   .ThemeBtn {
   background-color: #4a6c32;
   color: white;
   padding: 10px 20px;
   border: none;
   border-radius: 8px;
   cursor: pointer;
   transition: all 0.3s ease;
   }
   .form-control:focus {
   background-color: #fff;
   border-color: none;
   outline: 0;
   box-shadow: none;
   }
   .ThemeBtn:hover {
   background: #4a6c32;
   }
   .ThemeBtn:hover {
   color: white;
   }
   /* Modal Body Layout */
   .Verification-body-wrapper {
   padding: 2rem;
   }
   .PopContent {
   padding-top: 1rem;
   }
   .verificationContent h2 {
   font-size: 24px;
   font-weight: 700;
   color: #4a6c32;
   margin-top: 1rem;
   }
   /* Error Modal Styling */
   .age-older .IconBox img {
   max-width: 100px;
   }
   #serial-num-invalid {
   color: #d9534f;
   }
   .verifyInfo {
   padding: 65px 50px 0 50px;
   text-align: center;
   }
   .modal-content {
   min-height: 410px;
   }
   .age-older .modal-content {
   min-height: 355px;
   background: #fff;
   }
   .VerificationModal .modal-content {
      min-height: 355px;
      background: #fff;
      }
   .age-older .btn-close {
   color: #000000;
   }
   .age-older .btn-close:hover {
   color: #000000;
   }
   .VerificationModal .btn-close {
      color: #000000;
      }
      .VerificationModal .btn-close:hover {
      color: #000000;
      }
      .VerificationModal h6 {
         padding: 14px 0px;
         font-weight: 500;
         font-size: 20px;
     }
     .mobile{display: none;}
   /* Responsive Adjustments */

   @media (max-width:1280px) {
   .featuredProdsImage img{width: 88%;;}
   }
   @media (max-width:1280px) {
      .featuredProdsImage img {
         width: 78%;
     }
}

@media (max-width:767px) {
   .featuredProdsImage img {
      width: 100%;
  }
}

   @media (max-width: 768px) {
   body {
   padding-right: 0!important;
   }
   .verifyInfo {
   padding: 30px 20px 60px 20px;
   }
   .InlineForm input {
   width: 100%;
   }
   .InlineForm {
   gap: 10px!important;
   }
   .ThemeBtn {
   position: relative;
   left: -3px;
   }
   .Verification-body-wrapper {
   padding: 1.5rem;
   }
   }

   @media (max-width: 767px) {
      .desktop{display: none;}
      .mobile{display: block;}
   }


   @media (max-width: 640px) {
      .featuredProdsImage img {
          width: 230px;
      }
  }
   @media (max-width: 576px) {
   .modal-open {
   padding: 0!Important;
   }
   .Featured-sections {
      margin: 0 auto;
      display: flex;
      justify-content: center;
  }
  .Featured-sections .paradiseProdSlider {
   margin: 0;
}
.wParaSec .why-sec {
   margin: 15px 0px;
}
.Featured-sections .flex.flex-col.text-white.p-4 {
   padding: 2.5rem !important;
}
   }