*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

ul[role=list],
ol[role=list] {
  list-style: none;
}

li {
  list-style: none;
}

html {
  overflow-x: hidden;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  padding: 0;
  background-color: #151515;
}

img,
picture {
  max-width: 100%;
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
a:visited {
  color: inherit;
}
a:hover, a:focus {
  outline: none;
}

label,
span,
div,
input,
select,
textarea {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}

button {
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  background: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
  text-align: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
}
button:hover, button:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

label,
span,
div,
input,
select,
textarea {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}

html.has-scroll-smooth {
  overflow: hidden;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}

@property --cursor-size {
  syntax: "<length>";
  inherits: false;
  initial-value: 40px;
}
@property --cursor-opacity {
  syntax: "<number>";
  inherits: false;
  initial-value: 1;
}
.cursor-trailer {
  width: var(--cursor-size);
  height: var(--cursor-size);
  border: 2px solid #c6b91c;
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  opacity: var(--cursor-opacity);
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out, transform 0.2s ease-in-out, opacity 0.4s ease-in-out;
}
.cursor-trailer.hide-cursor-trailer {
  display: none;
}

.container-full {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}

.container-lg {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}

.container-sm {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}

#page-transition-overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: #151515;
  z-index: 9999;
}

::-webkit-scrollbar {
  width: 5px;
  border-radius: 20px;
}

::-webkit-scrollbar-track {
  background: #dcd8d7;
}

::-webkit-scrollbar-thumb {
  background-color: #151515;
  border-radius: 30px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #151515;
}

.flexcol, .cultivationSection .cultivationWrap .cultivationTextWrap, .storySection .storyCardWrapper .storyCard, .storySection, .outDoorSection, .promiseSection .promiseCardSection .promisecardWrapper .promiseCard, .promiseSection .promiseTextSection .promiseTextWrap, .promiseSection .promiseTextSection, .promiseSection, .aboutHeroSection .aboutHeroCont, .aboutHeroSection, .productDetailsSection .relatedSection, .productDetailsSection, .productCard, .productsSection .strainTabWrapper .tabBodyWrapper .tabholder, .productsSection .strainTabWrapper, .productsSection .staffSection .staffWrap .featuresCard .featuresText, .productsSection .staffSection, .productsSection, .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .persentDiv, .strainCradModal .strainCradModalwrap .modalBody, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder, .strainsSection .strainTabWrapper, .strainsSection, .notfoundSection .norfoundWrap .nottextWrap, .successModal .successModalwrap .modalBody, .contactSection .contactWrapper .contactFormWrapper, .contactSection, .rootedSection, .qualitySection, .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .textCardRes, .excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.textCard, .excellenceSection, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .categoryResCard, .homeHeroSection .homeHeroText, .footerSection, .responsiveMenuWrap .resMenuWrap ul li.submenu .submenuWrap, .responsiveMenuWrap .resMenuWrap ul, .sectionHeadingWrap {
  display: flex;
  flex-direction: column;
}
.flexcol.gap10, .cultivationSection .cultivationWrap .gap10.cultivationTextWrap, .storySection .storyCardWrapper .gap10.storyCard, .gap10.storySection, .gap10.outDoorSection, .promiseSection .promiseCardSection .promisecardWrapper .gap10.promiseCard, .promiseSection .promiseTextSection .gap10.promiseTextWrap, .promiseSection .gap10.promiseTextSection, .gap10.promiseSection, .aboutHeroSection .gap10.aboutHeroCont, .gap10.aboutHeroSection, .productDetailsSection .gap10.relatedSection, .gap10.productDetailsSection, .gap10.productCard, .productsSection .strainTabWrapper .tabBodyWrapper .gap10.tabholder, .productsSection .gap10.strainTabWrapper, .productsSection .staffSection .staffWrap .featuresCard .gap10.featuresText, .productsSection .gap10.staffSection, .gap10.productsSection, .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .gap10.persentDiv, .strainCradModal .strainCradModalwrap .gap10.modalBody, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .gap10.strainCard, .strainsSection .strainTabWrapper .tabBodyWrapper .gap10.tabholder, .strainsSection .gap10.strainTabWrapper, .gap10.strainsSection, .notfoundSection .norfoundWrap .gap10.nottextWrap, .successModal .successModalwrap .gap10.modalBody, .contactSection .contactWrapper .gap10.contactFormWrapper, .gap10.contactSection, .gap10.rootedSection, .gap10.qualitySection, .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .gap10.textCardRes, .excellenceSection .excellenceCardCont .excellenceCardWrap .gap10.excellanceCard.textCard, .gap10.excellenceSection, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .gap10.categoryResCard, .homeHeroSection .gap10.homeHeroText, .gap10.footerSection, .responsiveMenuWrap .resMenuWrap ul li.submenu .gap10.submenuWrap, .responsiveMenuWrap .resMenuWrap ul.gap10, .gap10.sectionHeadingWrap {
  gap: 10px;
}
.flexcol.gap20, .cultivationSection .cultivationWrap .gap20.cultivationTextWrap, .storySection .storyCardWrapper .gap20.storyCard, .gap20.storySection, .gap20.outDoorSection, .promiseSection .promiseCardSection .promisecardWrapper .gap20.promiseCard, .promiseSection .promiseTextSection .gap20.promiseTextWrap, .promiseSection .gap20.promiseTextSection, .gap20.promiseSection, .aboutHeroSection .gap20.aboutHeroCont, .gap20.aboutHeroSection, .productDetailsSection .gap20.relatedSection, .gap20.productDetailsSection, .gap20.productCard, .productsSection .strainTabWrapper .tabBodyWrapper .gap20.tabholder, .productsSection .gap20.strainTabWrapper, .productsSection .staffSection .staffWrap .featuresCard .gap20.featuresText, .productsSection .gap20.staffSection, .gap20.productsSection, .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .gap20.persentDiv, .strainCradModal .strainCradModalwrap .gap20.modalBody, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .gap20.strainCard, .strainsSection .strainTabWrapper .tabBodyWrapper .gap20.tabholder, .strainsSection .gap20.strainTabWrapper, .gap20.strainsSection, .notfoundSection .norfoundWrap .gap20.nottextWrap, .successModal .successModalwrap .gap20.modalBody, .contactSection .contactWrapper .gap20.contactFormWrapper, .gap20.contactSection, .gap20.rootedSection, .gap20.qualitySection, .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .gap20.textCardRes, .excellenceSection .excellenceCardCont .excellenceCardWrap .gap20.excellanceCard.textCard, .gap20.excellenceSection, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .gap20.categoryResCard, .homeHeroSection .gap20.homeHeroText, .gap20.footerSection, .responsiveMenuWrap .resMenuWrap ul li.submenu .gap20.submenuWrap, .responsiveMenuWrap .resMenuWrap ul.gap20, .gap20.sectionHeadingWrap {
  gap: 20px;
}
.flexcol.gap30, .cultivationSection .cultivationWrap .gap30.cultivationTextWrap, .storySection .storyCardWrapper .gap30.storyCard, .gap30.storySection, .gap30.outDoorSection, .promiseSection .promiseCardSection .promisecardWrapper .gap30.promiseCard, .promiseSection .promiseTextSection .gap30.promiseTextWrap, .promiseSection .gap30.promiseTextSection, .gap30.promiseSection, .aboutHeroSection .gap30.aboutHeroCont, .gap30.aboutHeroSection, .productDetailsSection .gap30.relatedSection, .gap30.productDetailsSection, .gap30.productCard, .productsSection .strainTabWrapper .tabBodyWrapper .gap30.tabholder, .productsSection .gap30.strainTabWrapper, .productsSection .staffSection .staffWrap .featuresCard .gap30.featuresText, .productsSection .gap30.staffSection, .gap30.productsSection, .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .gap30.persentDiv, .strainCradModal .strainCradModalwrap .gap30.modalBody, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .gap30.strainCard, .strainsSection .strainTabWrapper .tabBodyWrapper .gap30.tabholder, .strainsSection .gap30.strainTabWrapper, .gap30.strainsSection, .notfoundSection .norfoundWrap .gap30.nottextWrap, .successModal .successModalwrap .gap30.modalBody, .contactSection .contactWrapper .gap30.contactFormWrapper, .gap30.contactSection, .gap30.rootedSection, .gap30.qualitySection, .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .gap30.textCardRes, .excellenceSection .excellenceCardCont .excellenceCardWrap .gap30.excellanceCard.textCard, .gap30.excellenceSection, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .gap30.categoryResCard, .homeHeroSection .gap30.homeHeroText, .gap30.footerSection, .responsiveMenuWrap .resMenuWrap ul li.submenu .gap30.submenuWrap, .responsiveMenuWrap .resMenuWrap ul.gap30, .gap30.sectionHeadingWrap {
  gap: 30px;
}
.flexcol.gap40, .cultivationSection .cultivationWrap .gap40.cultivationTextWrap, .storySection .storyCardWrapper .gap40.storyCard, .gap40.storySection, .gap40.outDoorSection, .promiseSection .promiseCardSection .promisecardWrapper .gap40.promiseCard, .promiseSection .promiseTextSection .gap40.promiseTextWrap, .promiseSection .gap40.promiseTextSection, .gap40.promiseSection, .aboutHeroSection .gap40.aboutHeroCont, .gap40.aboutHeroSection, .productDetailsSection .gap40.relatedSection, .gap40.productDetailsSection, .gap40.productCard, .productsSection .strainTabWrapper .tabBodyWrapper .gap40.tabholder, .productsSection .gap40.strainTabWrapper, .productsSection .staffSection .staffWrap .featuresCard .gap40.featuresText, .productsSection .gap40.staffSection, .gap40.productsSection, .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .gap40.persentDiv, .strainCradModal .strainCradModalwrap .gap40.modalBody, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .gap40.strainCard, .strainsSection .strainTabWrapper .tabBodyWrapper .gap40.tabholder, .strainsSection .gap40.strainTabWrapper, .gap40.strainsSection, .notfoundSection .norfoundWrap .gap40.nottextWrap, .successModal .successModalwrap .gap40.modalBody, .contactSection .contactWrapper .gap40.contactFormWrapper, .gap40.contactSection, .gap40.rootedSection, .gap40.qualitySection, .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .gap40.textCardRes, .excellenceSection .excellenceCardCont .excellenceCardWrap .gap40.excellanceCard.textCard, .gap40.excellenceSection, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .gap40.categoryResCard, .homeHeroSection .gap40.homeHeroText, .gap40.footerSection, .responsiveMenuWrap .resMenuWrap ul li.submenu .gap40.submenuWrap, .responsiveMenuWrap .resMenuWrap ul.gap40, .gap40.sectionHeadingWrap {
  gap: 40px;
}
.flexcol.gap50, .cultivationSection .cultivationWrap .gap50.cultivationTextWrap, .storySection .storyCardWrapper .gap50.storyCard, .gap50.storySection, .gap50.outDoorSection, .promiseSection .promiseCardSection .promisecardWrapper .gap50.promiseCard, .promiseSection .promiseTextSection .gap50.promiseTextWrap, .promiseSection .gap50.promiseTextSection, .gap50.promiseSection, .aboutHeroSection .gap50.aboutHeroCont, .gap50.aboutHeroSection, .productDetailsSection .gap50.relatedSection, .gap50.productDetailsSection, .gap50.productCard, .productsSection .strainTabWrapper .tabBodyWrapper .gap50.tabholder, .productsSection .gap50.strainTabWrapper, .productsSection .staffSection .staffWrap .featuresCard .gap50.featuresText, .productsSection .gap50.staffSection, .gap50.productsSection, .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .gap50.persentDiv, .strainCradModal .strainCradModalwrap .gap50.modalBody, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .gap50.strainCard, .strainsSection .strainTabWrapper .tabBodyWrapper .gap50.tabholder, .strainsSection .gap50.strainTabWrapper, .gap50.strainsSection, .notfoundSection .norfoundWrap .gap50.nottextWrap, .successModal .successModalwrap .gap50.modalBody, .contactSection .contactWrapper .gap50.contactFormWrapper, .gap50.contactSection, .gap50.rootedSection, .gap50.qualitySection, .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .gap50.textCardRes, .excellenceSection .excellenceCardCont .excellenceCardWrap .gap50.excellanceCard.textCard, .gap50.excellenceSection, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .gap50.categoryResCard, .homeHeroSection .gap50.homeHeroText, .gap50.footerSection, .responsiveMenuWrap .resMenuWrap ul li.submenu .gap50.submenuWrap, .responsiveMenuWrap .resMenuWrap ul.gap50, .gap50.sectionHeadingWrap {
  gap: 50px;
}
.flexcol.gap60, .cultivationSection .cultivationWrap .gap60.cultivationTextWrap, .storySection .storyCardWrapper .gap60.storyCard, .gap60.storySection, .gap60.outDoorSection, .promiseSection .promiseCardSection .promisecardWrapper .gap60.promiseCard, .promiseSection .promiseTextSection .gap60.promiseTextWrap, .promiseSection .gap60.promiseTextSection, .gap60.promiseSection, .aboutHeroSection .gap60.aboutHeroCont, .gap60.aboutHeroSection, .productDetailsSection .gap60.relatedSection, .gap60.productDetailsSection, .gap60.productCard, .productsSection .strainTabWrapper .tabBodyWrapper .gap60.tabholder, .productsSection .gap60.strainTabWrapper, .productsSection .staffSection .staffWrap .featuresCard .gap60.featuresText, .productsSection .gap60.staffSection, .gap60.productsSection, .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .gap60.persentDiv, .strainCradModal .strainCradModalwrap .gap60.modalBody, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .gap60.strainCard, .strainsSection .strainTabWrapper .tabBodyWrapper .gap60.tabholder, .strainsSection .gap60.strainTabWrapper, .gap60.strainsSection, .notfoundSection .norfoundWrap .gap60.nottextWrap, .successModal .successModalwrap .gap60.modalBody, .contactSection .contactWrapper .gap60.contactFormWrapper, .gap60.contactSection, .gap60.rootedSection, .gap60.qualitySection, .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .gap60.textCardRes, .excellenceSection .excellenceCardCont .excellenceCardWrap .gap60.excellanceCard.textCard, .gap60.excellenceSection, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .gap60.categoryResCard, .homeHeroSection .gap60.homeHeroText, .gap60.footerSection, .responsiveMenuWrap .resMenuWrap ul li.submenu .gap60.submenuWrap, .responsiveMenuWrap .resMenuWrap ul.gap60, .gap60.sectionHeadingWrap {
  gap: 60px;
}
.flexcol.gap70, .cultivationSection .cultivationWrap .gap70.cultivationTextWrap, .storySection .storyCardWrapper .gap70.storyCard, .gap70.storySection, .gap70.outDoorSection, .promiseSection .promiseCardSection .promisecardWrapper .gap70.promiseCard, .promiseSection .promiseTextSection .gap70.promiseTextWrap, .promiseSection .gap70.promiseTextSection, .gap70.promiseSection, .aboutHeroSection .gap70.aboutHeroCont, .gap70.aboutHeroSection, .productDetailsSection .gap70.relatedSection, .gap70.productDetailsSection, .gap70.productCard, .productsSection .strainTabWrapper .tabBodyWrapper .gap70.tabholder, .productsSection .gap70.strainTabWrapper, .productsSection .staffSection .staffWrap .featuresCard .gap70.featuresText, .productsSection .gap70.staffSection, .gap70.productsSection, .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .gap70.persentDiv, .strainCradModal .strainCradModalwrap .gap70.modalBody, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .gap70.strainCard, .strainsSection .strainTabWrapper .tabBodyWrapper .gap70.tabholder, .strainsSection .gap70.strainTabWrapper, .gap70.strainsSection, .notfoundSection .norfoundWrap .gap70.nottextWrap, .successModal .successModalwrap .gap70.modalBody, .contactSection .contactWrapper .gap70.contactFormWrapper, .gap70.contactSection, .gap70.rootedSection, .gap70.qualitySection, .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .gap70.textCardRes, .excellenceSection .excellenceCardCont .excellenceCardWrap .gap70.excellanceCard.textCard, .gap70.excellenceSection, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .gap70.categoryResCard, .homeHeroSection .gap70.homeHeroText, .gap70.footerSection, .responsiveMenuWrap .resMenuWrap ul li.submenu .gap70.submenuWrap, .responsiveMenuWrap .resMenuWrap ul.gap70, .gap70.sectionHeadingWrap {
  gap: 70px;
}
.flexcol.gap80, .cultivationSection .cultivationWrap .gap80.cultivationTextWrap, .storySection .storyCardWrapper .gap80.storyCard, .gap80.storySection, .gap80.outDoorSection, .promiseSection .promiseCardSection .promisecardWrapper .gap80.promiseCard, .promiseSection .promiseTextSection .gap80.promiseTextWrap, .promiseSection .gap80.promiseTextSection, .gap80.promiseSection, .aboutHeroSection .gap80.aboutHeroCont, .gap80.aboutHeroSection, .productDetailsSection .gap80.relatedSection, .gap80.productDetailsSection, .gap80.productCard, .productsSection .strainTabWrapper .tabBodyWrapper .gap80.tabholder, .productsSection .gap80.strainTabWrapper, .productsSection .staffSection .staffWrap .featuresCard .gap80.featuresText, .productsSection .gap80.staffSection, .gap80.productsSection, .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .gap80.persentDiv, .strainCradModal .strainCradModalwrap .gap80.modalBody, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .gap80.strainCard, .strainsSection .strainTabWrapper .tabBodyWrapper .gap80.tabholder, .strainsSection .gap80.strainTabWrapper, .gap80.strainsSection, .notfoundSection .norfoundWrap .gap80.nottextWrap, .successModal .successModalwrap .gap80.modalBody, .contactSection .contactWrapper .gap80.contactFormWrapper, .gap80.contactSection, .gap80.rootedSection, .gap80.qualitySection, .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .gap80.textCardRes, .excellenceSection .excellenceCardCont .excellenceCardWrap .gap80.excellanceCard.textCard, .gap80.excellenceSection, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .gap80.categoryResCard, .homeHeroSection .gap80.homeHeroText, .gap80.footerSection, .responsiveMenuWrap .resMenuWrap ul li.submenu .gap80.submenuWrap, .responsiveMenuWrap .resMenuWrap ul.gap80, .gap80.sectionHeadingWrap {
  gap: 80px;
}
.flexcol.center, .cultivationSection .cultivationWrap .center.cultivationTextWrap, .storySection .storyCardWrapper .center.storyCard, .center.storySection, .center.outDoorSection, .promiseSection .promiseCardSection .promisecardWrapper .center.promiseCard, .promiseSection .promiseTextSection .center.promiseTextWrap, .promiseSection .center.promiseTextSection, .center.promiseSection, .aboutHeroSection .center.aboutHeroCont, .center.aboutHeroSection, .productDetailsSection .center.relatedSection, .center.productDetailsSection, .center.productCard, .productsSection .strainTabWrapper .tabBodyWrapper .center.tabholder, .productsSection .center.strainTabWrapper, .productsSection .staffSection .staffWrap .featuresCard .center.featuresText, .productsSection .center.staffSection, .center.productsSection, .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .center.persentDiv, .strainCradModal .strainCradModalwrap .center.modalBody, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .center.strainCard, .strainsSection .strainTabWrapper .tabBodyWrapper .center.tabholder, .strainsSection .center.strainTabWrapper, .center.strainsSection, .notfoundSection .norfoundWrap .center.nottextWrap, .successModal .successModalwrap .center.modalBody, .contactSection .contactWrapper .center.contactFormWrapper, .center.contactSection, .center.rootedSection, .center.qualitySection, .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .center.textCardRes, .excellenceSection .excellenceCardCont .excellenceCardWrap .center.excellanceCard.textCard, .center.excellenceSection, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .center.categoryResCard, .homeHeroSection .center.homeHeroText, .center.footerSection, .responsiveMenuWrap .resMenuWrap ul li.submenu .center.submenuWrap, .responsiveMenuWrap .resMenuWrap ul.center, .center.sectionHeadingWrap {
  align-content: center;
}
.flexcol.start, .cultivationSection .cultivationWrap .start.cultivationTextWrap, .storySection .storyCardWrapper .start.storyCard, .start.storySection, .start.outDoorSection, .promiseSection .promiseCardSection .promisecardWrapper .start.promiseCard, .promiseSection .promiseTextSection .start.promiseTextWrap, .promiseSection .start.promiseTextSection, .start.promiseSection, .aboutHeroSection .start.aboutHeroCont, .start.aboutHeroSection, .productDetailsSection .start.relatedSection, .start.productDetailsSection, .start.productCard, .productsSection .strainTabWrapper .tabBodyWrapper .start.tabholder, .productsSection .start.strainTabWrapper, .productsSection .staffSection .staffWrap .featuresCard .start.featuresText, .productsSection .start.staffSection, .start.productsSection, .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .start.persentDiv, .strainCradModal .strainCradModalwrap .start.modalBody, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .start.strainCard, .strainsSection .strainTabWrapper .tabBodyWrapper .start.tabholder, .strainsSection .start.strainTabWrapper, .start.strainsSection, .notfoundSection .norfoundWrap .start.nottextWrap, .successModal .successModalwrap .start.modalBody, .contactSection .contactWrapper .start.contactFormWrapper, .start.contactSection, .start.rootedSection, .start.qualitySection, .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .start.textCardRes, .excellenceSection .excellenceCardCont .excellenceCardWrap .start.excellanceCard.textCard, .start.excellenceSection, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .start.categoryResCard, .homeHeroSection .start.homeHeroText, .start.footerSection, .responsiveMenuWrap .resMenuWrap ul li.submenu .start.submenuWrap, .responsiveMenuWrap .resMenuWrap ul.start, .start.sectionHeadingWrap {
  align-items: flex-start;
}
.flexcol.end, .cultivationSection .cultivationWrap .end.cultivationTextWrap, .storySection .storyCardWrapper .end.storyCard, .end.storySection, .end.outDoorSection, .promiseSection .promiseCardSection .promisecardWrapper .end.promiseCard, .promiseSection .promiseTextSection .end.promiseTextWrap, .promiseSection .end.promiseTextSection, .end.promiseSection, .aboutHeroSection .end.aboutHeroCont, .end.aboutHeroSection, .productDetailsSection .end.relatedSection, .end.productDetailsSection, .end.productCard, .productsSection .strainTabWrapper .tabBodyWrapper .end.tabholder, .productsSection .end.strainTabWrapper, .productsSection .staffSection .staffWrap .featuresCard .end.featuresText, .productsSection .end.staffSection, .end.productsSection, .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .end.persentDiv, .strainCradModal .strainCradModalwrap .end.modalBody, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .end.strainCard, .strainsSection .strainTabWrapper .tabBodyWrapper .end.tabholder, .strainsSection .end.strainTabWrapper, .end.strainsSection, .notfoundSection .norfoundWrap .end.nottextWrap, .successModal .successModalwrap .end.modalBody, .contactSection .contactWrapper .end.contactFormWrapper, .end.contactSection, .end.rootedSection, .end.qualitySection, .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .end.textCardRes, .excellenceSection .excellenceCardCont .excellenceCardWrap .end.excellanceCard.textCard, .end.excellenceSection, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .end.categoryResCard, .homeHeroSection .end.homeHeroText, .end.footerSection, .responsiveMenuWrap .resMenuWrap ul li.submenu .end.submenuWrap, .responsiveMenuWrap .resMenuWrap ul.end, .end.sectionHeadingWrap {
  align-items: flex-end;
}

.flexrow {
  display: flex;
  flex-direction: row;
}
.flexrow.gap10 {
  gap: 10px;
}
.flexrow.gap20 {
  gap: 20px;
}
.flexrow.gap30 {
  gap: 30px;
}
.flexrow.gap40 {
  gap: 40px;
}
.flexrow.gap50 {
  gap: 50px;
}
.flexrow.gap60 {
  gap: 60px;
}
.flexrow.gap70 {
  gap: 70px;
}
.flexrow.gap80 {
  gap: 80px;
}
.flexrow.center {
  justify-content: center;
}
.flexrow.start {
  justify-content: flex-start;
}
.flexrow.end {
  justify-content: flex-end;
}
.flexrow.between {
  justify-content: space-between;
}
.flexrow.around {
  justify-content: space-around;
}
.flexrow.justify-start {
  justify-content: flex-start;
}
.flexrow.justify-end {
  justify-content: flex-end;
}

.flexcenter, .circleSection .circleBatchSection .circlebatchWrap, .circleSection .circleBatchSection, .cultivationSection .cultivationWrap .cultivationTextWrap, .cultivationSection .cultivationWrap, .storySection .storyCardWrapper .storyCard, .storySection, .outDoorSection .centerImgSlider, .outDoorSection, .indoorSection, .infusionSection, .promiseSection .promiseCardSection .promisecardWrapper .promiseCard .promiseCardImg, .promiseSection .promiseCardSection .promisecardWrapper .promiseCard, .promiseSection .promiseCardSection .promisecardWrapper, .promiseSection .promiseCardSection, .promiseSection .promiseTextSection .promiseTextWrap, .promiseSection .promiseTextSection, .promiseSection, .aboutHeroSection .aboutHeroCont, .aboutHeroSection, .productDetailsSection .breadcrumbsWrap, .productDetailsSection .producrDtlSection .proDetTextWrap .bottomText .tabsWrapper .proTags, .productDetailsSection .relatedSection, .productDetailsSection, .productCard, .productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li a, .productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul, .productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination, .productsSection .strainTabWrapper .tabBodyWrapper .tabholder, .productsSection .strainTabWrapper .tabHeaderWrap .tabHeader, .productsSection .strainTabWrapper .tabHeaderWrap, .productsSection .strainTabWrapper, .productsSection .staffSection .staffWrap .featuresCard .featuresText p, .productsSection .staffSection .staffWrap .featuresCard .featuresText, .productsSection .staffSection .staffWrap .featuresCard, .productsSection .staffSection, .productsSection .producstHeadingWrap, .productsSection, .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .persentDiv, .strainCradModal .strainCradModalwrap .modalBody, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .hoverBox button, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .cardBtnWrap button, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .rescardModal, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li a, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder, .strainsSection .strainTabWrapper .tabHeaderWrap .tabHeader, .strainsSection .strainTabWrapper .tabHeaderWrap, .strainsSection .strainTabWrapper, .strainsSection .strainHeadingWrap, .strainsSection, .legalSection, .notfoundSection .norfoundWrap .nottextWrap, .notfoundSection .norfoundWrap, .notfoundSection, .successModal .successModalwrap .modalBody, .contactSection .contactWrapper .contactFormWrapper, .contactSection .contactWrapper, .contactSection, .rootedSection .rootSliderWrap .rootSlideDiv .rootSliderInfo .rootSlideBtn, .rootedSection, .qualitySection .qualitycardsCont .qualityCardWrap, .qualitySection .qualitycardsCont, .qualitySection, .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .textCardRes, .excellenceSection .excellenceCardContRes .excellenceCardWrapRes, .excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.textCard, .excellenceSection .excellenceCardCont .excellenceCardWrap, .excellenceSection, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .categoryResCard, .homeHeroSection .homeHeroText, .innerSectionHeading, .footerSection .footermenu, .footerSection .footerSocoal a, .footerSection .footerSocoal, .footerSection, .responsiveMenuWrap .resMenuWrap ul li.submenu .submenuWrap, .responsiveMenuWrap .resMenuWrap ul, .responsiveMenuWrap .resMenuWrap, .responsiveMenuWrap, .headerSection .headerWrapper .headerSocial a, .headerSection .headerWrapper .headerSocial, .headerSection, .customModal, .sectionHeadingWrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}
.fontOaxaca, .curveAnimationSectyion .curveSection .stripWrapperDesk svg .shapeText, .aboutHeroSection .aboutHeroCont h2, .productDetailsSection .producrDtlSection .proDetTextWrap .bottomText h2, .productDetailsSection .producrDtlSection .proDetTextWrap .topText h1, .productCard h2, .productsSection .strainTabWrapper .tabHeaderWrap .tabHeader li button, .productsSection .staffSection .staffheading, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard h2, .strainsSection .strainTabWrapper .tabHeaderWrap .tabHeader li a, .legalSection .textSectionCont .infoSection h4, .legalSection .textSectionCont .infoSection h3, .legalSection .textSectionCont .infoSection h2, .notfoundSection .norfoundWrap .nottextWrap h1, .successModal .successModalwrap .modalBody p, .homeHeroSection .homeCategorySection .stripWrapper svg .shapeText, .homeHeroSection .homeHeroText h2, .footerSection .footermenu li a, .responsiveMenuWrap .resMenuWrap ul li.submenu .submenuWrap li a {
  font-family: "Oaxaca";
}

.fontAlbertRegular, .productDetailsSection .producrDtlSection .proDetTextWrap .topText p, .productCard h2, .productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li a, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .cardBtnWrap p, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li a, .contactSection .contactWrapper .contactFormWrapper .contactForm .formRow textarea, .contactSection .contactWrapper .contactFormWrapper .contactForm .formRow input, .contactSection .contactWrapper .contactFormWrapper .contactForm .formRow label, .contactSection .contactWrapper .contactFormWrapper .contactInfoWrap li p, .contactSection .contactWrapper .contactFormWrapper .contactInfoWrap li a, .button span, .sectiontext, body {
  font-family: "Albert-Regular";
}

.fontAlbertItalic, .footerSection .footerInfo {
  font-family: "Albert-Italic";
}

.fontHelloParisRegular {
  font-family: "HelloParisSans-Regular";
}

.fontHelloParisMedium {
  font-family: "HelloParisSans-Medium";
}

.fontHelloParisLight {
  font-family: "HelloParisSans-Light";
}

.fontHelloParisExtraLight {
  font-family: "HelloParisSans-ExtraLight";
}

.fontHelloParisBold, .circleSection .circleBatchSection .circlebatchWrap .circleText h2, .cultivationSection .cultivationWrap .cultivationTextWrap h3, .cultivationSection .cultivationWrap .cultivationTextWrap h2, .storySection .storyCardWrapper .storyCard h2, .outDoorSection .centerTextWrap h2, .indoorSection .verticalSliderCont .verticalTextWrap h2, .infusionSection .verticalSliderCont .verticalTextWrap h2, .promiseSection .promiseCardSection .promisecardWrapper .promiseCard h3, .promiseSection .promiseTextSection .promiseTextWrap h2, .aboutHeroSection .aboutHeroCont h1, .strainCradModal .strainCradModalwrap .modalBody .strainModalhead h2, .legalSection .textSectionCont .sectionHead, .notfoundSection .norfoundWrap .nottextWrap h2, .successModal .successModalwrap .modalBody h3, .rootedSection .rootSliderWrap .rootSlideDiv .rootSliderInfo h3, .rootedSection .sectionHeadingWrap .sectiontext ins, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .categoryResCard p, .homeHeroSection .homeCategorySection .nameWrapper p, .homeHeroSection .homeHeroText h1, .innerSectionHeading .subpagehead, .responsiveMenuWrap .resMenuWrap ul li.submenu .submenuWrap li a span, .responsiveMenuWrap .resMenuWrap ul li .mainMenuLink, .sectiontext i, .sectionHeading {
  font-family: "HelloParisSans-Bold";
}

.headingxl, .homeHeroSection .homeHeroText h1 {
  font-size: 290px;
  line-height: 1;
}
@media screen and (width <= 992px) {
  .headingxl, .homeHeroSection .homeHeroText h1 {
    font-size: 80px;
  }
}

.headinglg, .innerSectionHeading .subpagehead, .responsiveMenuWrap .resMenuWrap ul li .mainMenuLink {
  font-size: 80px;
  line-height: 1;
}
@media screen and (width <= 992px) {
  .headinglg, .innerSectionHeading .subpagehead, .responsiveMenuWrap .resMenuWrap ul li .mainMenuLink {
    font-size: 60px;
  }
}
@media screen and (width <= 600px) {
  .headinglg, .innerSectionHeading .subpagehead, .responsiveMenuWrap .resMenuWrap ul li .mainMenuLink {
    font-size: 44px;
  }
}

.heading {
  font-size: 74px;
  line-height: 1;
}
@media screen and (width <= 992px) {
  .heading {
    font-size: 40px;
  }
}

.headingsm {
  font-size: 60px;
  line-height: 1;
}
@media screen and (width <= 992px) {
  .headingsm {
    font-size: 40px;
  }
}

.text, .contactSection .contactWrapper .contactFormWrapper .contactInfoWrap li p, .contactSection .contactWrapper .contactFormWrapper .contactInfoWrap li a {
  font-size: 24px;
  line-height: 1.5;
}
@media screen and (width <= 992px) {
  .text, .contactSection .contactWrapper .contactFormWrapper .contactInfoWrap li p, .contactSection .contactWrapper .contactFormWrapper .contactInfoWrap li a {
    font-size: 14px;
  }
}

.textsm {
  font-size: 22px;
  line-height: 1.5;
}
@media screen and (width <= 992px) {
  .textsm {
    font-size: 14px;
  }
}

.textmd, .contactSection .contactWrapper .contactFormWrapper .contactForm .formRow label {
  font-size: 18px;
  line-height: 1.5;
}
@media screen and (width <= 992px) {
  .textmd, .contactSection .contactWrapper .contactFormWrapper .contactForm .formRow label {
    font-size: 14px;
  }
}

.textxs, .footerSection .footerInfo {
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (width <= 992px) {
  .textxs, .footerSection .footerInfo {
    font-size: 14px;
  }
}

.sectionHeadingWrap {
  gap: 40px;
}

.sectionHeading {
  font-size: 80px;
  text-align: center;
  color: #dee2aa;
  position: relative;
  line-height: 100%;
}

.sectiontext {
  font-size: 24px;
  color: #fff;
  text-align: center;
  position: relative;
}
.sectiontext span {
  color: #dee2aa;
  font-style: italic;
}
.textGradient {
  background: #f7ef8a;
  background: linear-gradient(to bottom right, #f7ef8a 0%, #cfa944 50%, #b18929 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.wt400,
.regular {
  font-weight: 400;
}

.wt500,
.medium {
  font-weight: 500;
}

.wt600,
.semibold {
  font-weight: 600;
}

.wt700,
.bold {
  font-weight: 700;
}

.wt800,
.extrabold {
  font-weight: 800;
}

.wt900,
.black {
  font-weight: 900;
}

.text-center, .homeHeroSection .homeHeroText h1, .innerSectionHeading .subpagehead {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-uppercase, .footerSection .footermenu li a {
  text-transform: uppercase;
}

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.button span {
  min-height: 53px;
  width: initial;
  padding: 12px 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 80px;
  font-size: 18px;
  color: #dee2aa;
  font-weight: bold;
  border: solid 1px #dee2aa;
}
@media (max-width: 600px) {
  .button span {
    font-size: 14px;
    padding: 8px 18px;
    min-height: 45px;
  }
}
.button span img {
  width: 24px;
  height: initial;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 600px) {
  .button span img {
    width: 22px;
  }
}
.button span:last-child {
  margin-left: -10px;
}
@media (max-width: 600px) {
  .button span:last-child img {
    width: 26px;
  }
}
.button:hover span:last-child {
  margin-left: 10px;
  background-color: #dee2aa;
}
@media (max-width: 600px) {
  .button:hover span:last-child {
    margin-left: -10px;
    background-color: transparent;
  }
}
.button:hover span:last-child img {
  filter: invert(1);
}
.button:focus {
  outline: transparent;
}

.transitionAll, .outDoorSection .centerImgSlider .centerImgSliderCont .owl-stage-outer .owl-item.active, .outDoorSection .centerImgSlider .centerImgSliderCont .owl-stage-outer .owl-item, .indoorSection .verticalImgWrap .wrapper .owl-item.active, .indoorSection .verticalImgWrap .wrapper .owl-item, .infusionSection .verticalImgWrap .wrapper .owl-item, .promiseSection .promiseCardSection .promisecardWrapper .promiseCard .promiseCardImg img, .promiseSection .promiseCardSection .promisecardWrapper .promiseCard .promiseCardImg, .promiseSection .promiseCardSection .promisecardWrapper .promiseCard, .productDetailsSection .breadcrumbsWrap ul li a, .productDetailsSection .producrDtlSection .proDetnImgWrap .sliderThumb #sync2 .owl-stage .owl-item.active .thumbCard, .productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li a, .productsSection .strainTabWrapper .tabHeaderWrap .tabHeader li button, .productsSection .strainTabWrapper .tabHeaderWrap, .productsSection .staffSection .staffWrap .featuresCard, .strainCradModal .strainCradModalwrap .modalClose, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .hoverBox button, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .cardBtnWrap button, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .rescardModal, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard, .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li a, .strainsSection .strainTabWrapper .tabHeaderWrap .tabHeader li a, .strainsSection .strainTabWrapper .tabHeaderWrap, .contactSection .contactWrapper .contactFormWrapper .contactInfoWrap li a, .rootedSection .rootSliderWrap .rootSlideDiv .rootSliderInfo .rootSlideBtn, .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .categoryResCard p, .homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard, .footerSection .footerSocoal a img, .footerSection .footerSocoal a::after, .footerSection .footerSocoal a::before, .footerSection .footerSocoal a, .responsiveMenuWrap .resMenuWrap ul li.submenu .submenuWrap li a, .responsiveMenuWrap .resMenuWrap ul li.submenu img, .responsiveMenuWrap .resMenuWrap ul li .mainMenuLink, .responsiveMenuWrap .menuClose, .headerSection .headerWrapper .headerSocial a img, .headerSection .headerWrapper .headerSocial a::after, .headerSection .headerWrapper .headerSocial a::before, .headerSection .headerWrapper .headerSocial a, .headerSection .headerWrapper .headerLogo, .headerSection .headerWrapper .menuTriger button, .headerSection, .button, .button span {
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.effect-shine:hover {
  -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000 50%, rgba(0, 0, 0, 0.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 1.5s infinite;
}

@keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}
.reveal-word {
  display: inline-block;
  overflow: hidden;
}
.reveal-word .reveal-word-inner {
  display: inline-block;
}

.reveal-line {
  display: inline-block;
  overflow: hidden;
}
.reveal-line .reveal-line-inner {
  display: inline-block;
}
.reveal-line .highlighted-wrapper {
  display: inline-block;
}

.reveal-wrapper {
  position: relative;
  overflow: hidden;
}

.reveal-element {
  will-change: transform;
}

.reveal-unmask {
  position: relative;
  overflow: hidden;
}
.reveal-unmask .overlay-mask {
  position: absolute;
  inset: 0;
  background-color: #dcd8d7;
  z-index: 2;
  transition: transform 1s ease;
}

.customModal {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  padding: 0 20px;
}
.customModal .modalOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 992;
  background-color: rgba(0, 0, 0, 0.8);
}
.customModal .modalWrapper {
  position: relative;
  z-index: 999;
  padding: 80px 80px;
  background-color: #141515;
  border-radius: 20px;
  border: solid 2px #dee2aa;
}
@media (max-width: 600px) {
  .customModal .modalWrapper {
    padding: 50px 24px;
  }
}

.headerSection {
  width: 100%;
  height: 120px;
  padding: 0 20px;
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 500;
  background-color: #151515;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 600px) {
  .headerSection {
    top: 0px;
    height: 80px;
    -webkit-backdrop-filter: blur(50px);
            backdrop-filter: blur(50px);
    background-color: rgba(255, 255, 255, 0.06);
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
.headerSection .headerWrapper {
  width: 100%;
  max-height: 1700px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 600px) {
  .headerSection .headerWrapper {
    justify-content: space-between;
  }
}
.headerSection .headerWrapper .menuTriger {
  width: initial;
  position: absolute;
  left: 0;
}
@media (max-width: 600px) {
  .headerSection .headerWrapper .menuTriger {
    right: 0;
    margin-top: 5px;
    left: initial;
    z-index: 10;
  }
}
.headerSection .headerWrapper .menuTriger button img {
  width: 32px;
}
@media (max-width: 600px) {
  .headerSection .headerWrapper .menuTriger button img {
    width: 28px;
  }
}
.headerSection .headerWrapper .headerLogo {
  height: initial;
}
.headerSection .headerWrapper .headerLogo a {
  display: block;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.headerSection .headerWrapper .headerLogo a img {
  width: 100%;
}
@media (max-width: 600px) {
  .headerSection .headerWrapper .headerLogo a img {
    width: 100%;
  }
}
.headerSection .headerWrapper .headerLogo a img.logoCircle {
  transform: scale(1);
  width: 120px;
}
.headerSection .headerWrapper .headerLogo a img.logoWhite {
  transform: scale(0);
  width: 210px;
}
@media (max-width: 600px) {
  .headerSection .headerWrapper .headerLogo a img.logoWhite {
    width: 150px;
  }
}
.headerSection .headerWrapper .headerSocial {
  width: initial;
  gap: 24px;
  position: absolute;
  right: 0;
}
@media (max-width: 600px) {
  .headerSection .headerWrapper .headerSocial {
    gap: 12px;
    padding-right: 40px;
  }
}
.headerSection .headerWrapper .headerSocial a {
  width: 50px;
  aspect-ratio: 1/1;
  border: solid 1px #dee2aa;
  border-radius: 50%;
  position: relative;
  z-index: 0;
}
@media (max-width: 600px) {
  .headerSection .headerWrapper .headerSocial a {
    width: 38px;
  }
}
.headerSection .headerWrapper .headerSocial a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #dee2aa;
  border-radius: 50%;
  opacity: 0.2;
  transform: scale(0);
  z-index: 0;
}
.headerSection .headerWrapper .headerSocial a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #dee2aa;
  border-radius: 50%;
  opacity: 1;
  transform: scale(0);
  transition-delay: 0.2s;
  z-index: 0;
}
.headerSection .headerWrapper .headerSocial a:hover::before {
  transform: scale(1);
}
.headerSection .headerWrapper .headerSocial a:hover::after {
  transform: scale(1);
}
.headerSection .headerWrapper .headerSocial a:hover img {
  filter: invert(1);
}
.headerSection .headerWrapper .headerSocial a img {
  width: 24px;
  aspect-ratio: 1/1;
  z-index: 10;
  transition-delay: 0.15s;
}
@media (max-width: 600px) {
  .headerSection .headerWrapper .headerSocial a img {
    width: 18px;
  }
}
.headerSection.headerAnimation {
  top: 0;
}
@media (max-width: 600px) {
  .headerSection.headerAnimation {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
.headerSection.headerAnimation .headerLogo a img.logoCircle {
  transform: scale(0);
}
.headerSection.headerAnimation .headerLogo a img.logoWhite {
  transform: scale(1);
}

.responsiveMenuWrap {
  width: 100%;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  z-index: 1000;
  padding: 20px 20px;
  display: none;
  opacity: 0;
}
.responsiveMenuWrap .menuClose {
  width: 32px;
  position: absolute;
  top: 30px;
  left: 30px;
}
.responsiveMenuWrap .menuClose:hover {
  transform: scale(1.1);
}
.responsiveMenuWrap .menuClose img {
  width: 100%;
}
@media (max-width: 600px) {
  .responsiveMenuWrap .menuClose {
    top: 40px;
    right: 40px;
    left: initial;
    width: 20px;
  }
}
.responsiveMenuWrap .resMenuWrap ul {
  gap: 40px;
}
@media (max-width: 600px) {
  .responsiveMenuWrap .resMenuWrap ul {
    gap: 20px;
  }
}
.responsiveMenuWrap .resMenuWrap ul li .mainMenuLink {
  background: #f7ef8a;
  background: linear-gradient(to bottom right, #f7ef8a 0%, #cfa944 50%, #b18929 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
  display: flex;
  gap: 15px;
  font-weight: bold;
  padding: 0 20px;
  display: inline-block;
}
@media (max-width: 600px) {
  .responsiveMenuWrap .resMenuWrap ul li .mainMenuLink {
    font-size: 34px;
    display: inline-flex;
    justify-content: center;
    padding: 0 12px;
  }
}
.responsiveMenuWrap .resMenuWrap ul li.submenu {
  width: initial;
}
@media (max-width: 600px) {
  .responsiveMenuWrap .resMenuWrap ul li.submenu {
    white-space: nowrap;
  }
}
.responsiveMenuWrap .resMenuWrap ul li.submenu button {
  transform: rotate(-90deg);
}
@media (max-width: 600px) {
  .responsiveMenuWrap .resMenuWrap ul li.submenu button {
    position: relative;
    top: 5px;
  }
}
.responsiveMenuWrap .resMenuWrap ul li.submenu button.mainmenuRote {
  transform: rotate(0deg);
}
.responsiveMenuWrap .resMenuWrap ul li.submenu img {
  width: 48px;
}
@media (max-width: 992px) {
  .responsiveMenuWrap .resMenuWrap ul li.submenu img {
    width: 36px;
  }
}
@media (max-width: 600px) {
  .responsiveMenuWrap .resMenuWrap ul li.submenu img {
    width: 26px;
  }
}
.responsiveMenuWrap .resMenuWrap ul li.submenu .submenuWrap {
  gap: 12px;
  max-height: 1100px;
  height: 0;
  overflow: hidden;
  transition: height 0.2s ease;
}
.responsiveMenuWrap .resMenuWrap ul li.submenu .submenuWrap li a {
  font-size: 32px;
  color: #dee2aa;
  font-weight: normal;
  line-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media (max-width: 600px) {
  .responsiveMenuWrap .resMenuWrap ul li.submenu .submenuWrap li a {
    font-size: 18px;
  }
}
.responsiveMenuWrap .resMenuWrap ul li.submenu .submenuWrap li a span {
  font-size: 42px;
}
@media (max-width: 600px) {
  .responsiveMenuWrap .resMenuWrap ul li.submenu .submenuWrap li a span {
    font-size: 24px;
  }
}
.responsiveMenuWrap .resMenuWrap ul li.submenu .submenuWrap li a em {
  font-size: 16px;
  font-style: normal;
}
@media (max-width: 600px) {
  .responsiveMenuWrap .resMenuWrap ul li.submenu .submenuWrap li a em {
    font-size: 14px;
  }
}
.responsiveMenuWrap .resMenuWrap ul li.submenu .submenuWrap li:first-child {
  padding-top: 20px;
}
.responsiveMenuWrap.active {
  display: flex;
}

.headerLogo a img {
  transition: transform 0.5s ease, opacity 0.5s ease, width 0.5s ease, height 0.5s ease;
}

.headerAnimation .headerLogo .logoCircle {
  transform: scale(0);
  opacity: 0;
  width: 0;
  height: 0;
}

.headerAnimation .headerLogo .logoWhite {
  transform: scale(1);
  opacity: 1;
  width: auto;
  height: auto;
}

.headerLogo .logoCircle {
  transform: scale(1);
  opacity: 1;
  width: auto;
  height: auto;
}

.headerLogo .logoWhite {
  transform: scale(0);
  opacity: 0;
  width: 0;
  height: 0;
}

@media (max-width: 600px) {
  .logoWhite {
    display: block !important;
    transform: scale(1) !important;
    opacity: 1 !important;
    height: auto !important;
  }
  .logoCircle {
    display: none !important;
  }
  .headerSection {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #151515;
  }
}
.footerSection {
  width: 100%;
  padding: 60px 20px;
  gap: 40px;
}
@media (max-width: 600px) {
  .footerSection {
    gap: 24px;
    padding: 20px 20px;
  }
}
.footerSection .footerLogo {
  width: 186px;
  height: initial;
}
@media (max-width: 600px) {
  .footerSection .footerLogo {
    width: 108px;
  }
}
.footerSection .footerSocoal {
  gap: 24px;
}
@media (max-width: 600px) {
  .footerSection .footerSocoal {
    gap: 12px;
  }
}
.footerSection .footerSocoal a {
  width: 50px;
  aspect-ratio: 1/1;
  border: solid 1px #dee2aa;
  border-radius: 50%;
  position: relative;
  z-index: 0;
}
@media (max-width: 600px) {
  .footerSection .footerSocoal a {
    width: 38px;
  }
}
.footerSection .footerSocoal a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #dee2aa;
  border-radius: 50%;
  opacity: 0.2;
  transform: scale(0);
  z-index: 0;
}
.footerSection .footerSocoal a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #dee2aa;
  border-radius: 50%;
  opacity: 1;
  transform: scale(0);
  transition-delay: 0.15s;
  z-index: 0;
}
.footerSection .footerSocoal a:hover::before {
  transform: scale(1);
}
.footerSection .footerSocoal a:hover::after {
  transform: scale(1);
}
.footerSection .footerSocoal a:hover img {
  filter: invert(1);
}
.footerSection .footerSocoal a img {
  width: 24px;
  aspect-ratio: 1/1;
  z-index: 10;
  transition-delay: 0.15s;
}
@media (max-width: 600px) {
  .footerSection .footerSocoal a img {
    width: 18px;
  }
}
.footerSection .footermenu {
  gap: 40px;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .footerSection .footermenu {
    flex-direction: column;
    gap: 16px;
  }
}
.footerSection .footermenu li a {
  font-size: 20px;
  color: #dee2aa;
}
@media (max-width: 600px) {
  .footerSection .footermenu li a {
    font-size: 16px;
  }
}
.footerSection .footerInfo {
  margin-top: 20px;
  max-width: 1080px;
  width: 100%;
  color: #fff;
  opacity: 0.6;
  text-align: center;
}
@media (max-width: 600px) {
  .footerSection .footerInfo {
    margin-top: 0px;
    font-size: 14px;
  }
}

.innerSectionHeading .subpagehead {
  position: relative;
  line-height: 95%;
  background: #f7ef8a;
  background: linear-gradient(to bottom right, #f7ef8a 0%, #cfa944 50%, #b18929 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}

.homeHeroSection {
  width: 100%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.homeHeroSection .bgImgs {
  width: 100%;
  max-width: 600px;
  position: absolute;
  z-index: 0;
  top: 0;
  padding-top: 150px;
}
@media (max-width: 600px) {
  .homeHeroSection .bgImgs {
    max-width: 250px;
  }
}
.homeHeroSection .bgImgs img {
  width: 100%;
  opacity: 0.2;
}
.homeHeroSection .homeHeroText {
  min-height: 100vh;
  grid-auto-flow: 10px;
  position: relative;
  z-index: 10;
}
@media (max-width: 1080px) {
  .homeHeroSection .homeHeroText {
    min-height: 75vh;
  }
}
@media (max-width: 600px) {
  .homeHeroSection .homeHeroText {
    min-height: initial;
    padding: 110px 20px 40px;
  }
}
.homeHeroSection .homeHeroText h1 {
  line-height: 95%;
  position: relative;
  top: 40px;
}
@media (max-width: 1440px) {
  .homeHeroSection .homeHeroText h1 {
    font-size: 250px;
  }
}
@media (max-width: 1440px) {
  .homeHeroSection .homeHeroText h1 {
    font-size: 200px;
    line-height: 115%;
  }
}
@media (max-width: 992px) {
  .homeHeroSection .homeHeroText h1 {
    font-size: 150px;
    line-height: 135%;
  }
}
@media (max-width: 600px) {
  .homeHeroSection .homeHeroText h1 {
    font-size: 80px;
    line-height: 95%;
    top: 0;
    margin-bottom: 10px;
  }
}
.homeHeroSection .homeHeroText h1 span {
  display: block;
  background: #f7ef8a;
  background: linear-gradient(to bottom right, #f7ef8a 0%, #cfa944 50%, #b18929 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.homeHeroSection .homeHeroText h1 span:first-child {
  top: 50px;
}
@media (max-width: 600px) {
  .homeHeroSection .homeHeroText h1 span:first-child {
    top: initial;
  }
}
.homeHeroSection .homeHeroText h1 span:last-child {
  top: -50px;
}
@media (max-width: 600px) {
  .homeHeroSection .homeHeroText h1 span:last-child {
    top: initial;
  }
}
.homeHeroSection .homeHeroText h2 {
  font-size: 60px;
  color: #dee2aa;
  font-weight: normal;
  line-height: 100%;
}
@media (max-width: 1440px) {
  .homeHeroSection .homeHeroText h2 {
    font-size: 50px;
  }
}
@media (max-width: 600px) {
  .homeHeroSection .homeHeroText h2 {
    font-size: 20px;
  }
}
.homeHeroSection .homeCategorySection {
  display: flex;
  padding: 150px 0 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 10;
}
@media (max-width: 1080px) {
  .homeHeroSection .homeCategorySection {
    padding-top: 0px;
  }
}
@media (max-width: 1080px) {
  .homeHeroSection .homeCategorySection {
    padding-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .homeHeroSection .homeCategorySection {
    width: 100%;
  }
}
.homeHeroSection .homeCategorySection .stripWrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: row;
  width: 100%;
}
@media (max-width: 600px) {
  .homeHeroSection .homeCategorySection .stripWrapper {
    margin-bottom: 60px;
  }
}
.homeHeroSection .homeCategorySection .stripWrapper svg {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 350px;
}
@media (max-width: 600px) {
  .homeHeroSection .homeCategorySection .stripWrapper svg {
    height: 100px;
  }
}
.homeHeroSection .homeCategorySection .stripWrapper svg .birdicon {
  font-family: "birdicon";
  font-size: 120px;
  fill: #dee2aa;
  margin-left: 10px;
}
@media screen and (width <= 992px) {
  .homeHeroSection .homeCategorySection .stripWrapper svg .birdicon {
    font-size: 200px;
  }
}
.homeHeroSection .homeCategorySection .stripWrapper svg .shapeText {
  font-size: 60px;
  fill: #dee2aa;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
@media (max-width: 600px) {
  .homeHeroSection .homeCategorySection .stripWrapper svg .shapeText {
    font-size: 80px;
  }
}
.homeHeroSection .homeCategorySection .cateGoryWrapper {
  position: relative;
  top: -150px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(0);
}
@media (max-width: 1080px) {
  .homeHeroSection .homeCategorySection .cateGoryWrapper {
    display: none;
  }
}
.homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard {
  padding: 30px;
  border: solid 4px #dee2aa;
  border-radius: 15px;
  position: absolute;
  width: 350px;
  background-color: #121414;
  transform: scale(1);
}
@media (max-width: 1440px) {
  .homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard {
    width: 280px;
    padding: 20px;
  }
}
@media (max-width: 1366px) {
  .homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard {
    width: 260px;
    padding: 10px;
  }
}
.homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard img {
  width: 100%;
  height: auto;
}
.homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard:nth-child(1) {
  z-index: 1;
  transform: rotate(-30deg) scale(0.6);
  margin-left: -260px;
  margin-top: 50px;
}
@media (max-width: 1440px) {
  .homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard:nth-child(1) {
    margin-left: -10px;
    margin-top: 250px !important;
  }
}
@media (max-width: 1366px) {
  .homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard:nth-child(1) {
    margin-left: 45px;
    margin-top: 235px !important;
  }
}
.homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard:nth-child(2) {
  z-index: 4;
}
@media (max-width: 1440px) {
  .homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard:nth-child(2) {
    margin-left: 100px;
  }
}
@media (max-width: 1366px) {
  .homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard:nth-child(2) {
    margin-left: 120px;
  }
}
.homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard:nth-child(3) {
  z-index: 3;
  transform: rotate(30deg) scale(0.6);
  margin-left: 260px;
  margin-top: -50px;
}
@media (max-width: 1440px) {
  .homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard:nth-child(3) {
    margin-left: 170px;
    transform: rotate(20deg) scale(0.6);
  }
}
@media (max-width: 1366px) {
  .homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard:nth-child(3) {
    margin-left: 140px;
  }
}
.homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard:nth-child(4) {
  z-index: 2;
}
@media (max-width: 1440px) {
  .homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard:nth-child(4) {
    margin-left: -235px;
    margin-top: 250px !important;
  }
}
@media (max-width: 1366px) {
  .homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard:nth-child(4) {
    margin-left: -305px;
    margin-top: 235px !important;
  }
}
.homeHeroSection .homeCategorySection .cateGoryWrapper .categoryCard.hoverActive::after {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: absolute;
  bottom: -40px;
  background-color: #dee2aa;
  z-index: 0;
  left: calc(50% - 9px);
}
.homeHeroSection .homeCategorySection .nameWrapper {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
}
@media (max-width: 1080px) {
  .homeHeroSection .homeCategorySection .nameWrapper {
    display: none;
  }
}
.homeHeroSection .homeCategorySection .nameWrapper p {
  font-size: 60px;
  color: #dee2aa;
  font-weight: bold;
}
.homeHeroSection .homeCategorySection .categoryBtnWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  gap: 20px;
  padding-top: 100px;
}
@media (max-width: 992px) {
  .homeHeroSection .homeCategorySection .categoryBtnWrap {
    padding-top: 50px;
    margin-top: 0px;
  }
}
@media (max-width: 992px) {
  .homeHeroSection .homeCategorySection .categoryBtnWrap {
    padding-top: 20px;
  }
}
.homeHeroSection .homeCategorySection .categorySliderCont {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
@media (max-width: 1080px) {
  .homeHeroSection .homeCategorySection .categorySliderCont {
    display: flex;
  }
}
.homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper {
  max-width: 600px;
  width: 100%;
}
@media (max-width: 600px) {
  .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper {
    max-width: 300px;
    width: 70%;
  }
}
.homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .owl-stage-outer {
  overflow: visible;
}
.homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .owl-stage-outer .owl-item {
  transform: scale(0.8);
}
@media (max-width: 600px) {
  .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .owl-stage-outer .owl-item {
    transform: scale(0.85);
  }
}
.homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .owl-stage-outer .owl-item p {
  opacity: 0;
}
.homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .owl-stage-outer .owl-item.active {
  transform: scale(1);
}
.homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .owl-stage-outer .owl-item.active p {
  opacity: 1;
}
.homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .categoryResCard {
  width: 100%;
  border-radius: 12px;
  gap: 21px;
}
@media (max-width: 600px) {
  .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .categoryResCard {
    gap: 12px;
  }
}
.homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .categoryResCard .cateImg {
  width: 100%;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #dee2aa;
}
@media (max-width: 600px) {
  .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .categoryResCard .cateImg {
    padding: 12px;
  }
}
.homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .categoryResCard .cateImg img {
  width: 100%;
  border-radius: 12px;
}
.homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .categoryResCard p {
  font-size: 90px;
  font-weight: bold;
  color: #dee2aa;
}
@media (max-width: 600px) {
  .homeHeroSection .homeCategorySection .categorySliderCont .categorySliderWrapper .categoryResCard p {
    font-size: 30px;
  }
}

.excellenceSection {
  padding: 100px 0px;
  background-color: #151515;
  gap: 40px;
  padding-bottom: 500px;
}
@media (max-width: 600px) {
  .excellenceSection {
    padding: 40px 20px;
  }
}
.excellenceSection .sectionHeadingWrap .sectiontext {
  max-width: 788px;
  width: 100%;
}
@media (max-width: 600px) {
  .excellenceSection .sectionHeadingWrap .sectiontext {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .excellenceSection .sectionHeadingWrap {
    gap: 15px;
  }
}
@media (max-width: 600px) {
  .excellenceSection .sectionHeadingWrap .sectionHeading {
    font-size: 34px;
  }
}
.excellenceSection .excellenceCardCont {
  width: 100%;
  background-color: #151515;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 600px) {
  .excellenceSection .excellenceCardCont {
    display: none;
  }
}
.excellenceSection .excellenceCardCont .excellenceCardWrap {
  width: 100%;
}
@media (max-width: 600px) {
  .excellenceSection .excellenceCardCont .excellenceCardWrap {
    display: none;
  }
}
.excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard {
  max-width: 380px;
  width: 100%;
  border-radius: 228px;
  overflow: hidden;
  position: relative;
  transform-origin: center;
}
.excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard .cardImg {
  width: 100%;
}
.excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.textCard {
  box-shadow: inset 0px 0px 1px 0 #f7ef8a, inset 0 0px 1px 0px #cfa944, inset 0 0px 1px 0px #b18929;
  max-width: 380px;
  width: 100%;
  aspect-ratio: 1/1.4;
  background-color: #151515;
  padding: 40px 40px;
  gap: 36px;
  z-index: 5;
  transition: width 0.5s ease;
}
@media (max-width: 992px) {
  .excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.textCard {
    width: 1200px !important;
    gap: 12px;
  }
}
.excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.textCard .catdImgLeaf {
  width: 50px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.textCard p {
  font-size: 24px;
  line-height: 140%;
  color: #fdfbfc;
  text-align: center;
  max-width: 343px;
  width: 100%;
  font-style: italic;
}
@media (max-width: 992px) {
  .excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.textCard p {
    font-size: 20px;
    max-width: 260px;
  }
}
.excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.textCard .button {
  transform: scale(0);
  transform-origin: center;
}
.excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.textCard .button img {
  min-width: 24px;
}
.excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.imgCard {
  z-index: 1;
}
.excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.imgCard:first-child {
  right: -80px;
  transform: rotate(20deg);
}
@media (max-width: 1440px) {
  .excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.imgCard:first-child {
    right: -120px;
  }
}
@media (max-width: 992px) {
  .excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.imgCard:first-child {
    right: -60px;
  }
}
.excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.imgCard:last-child {
  left: -80px;
  transform: rotate(-20deg);
}
@media (max-width: 1440px) {
  .excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.imgCard:last-child {
    left: -120px;
  }
}
@media (max-width: 992px) {
  .excellenceSection .excellenceCardCont .excellenceCardWrap .excellanceCard.imgCard:last-child {
    left: -60px;
  }
}
.excellenceSection .excellenceCardContRes {
  display: none;
  width: 100%;
  background-repeat: no-repeat;
}
@media (max-width: 600px) {
  .excellenceSection .excellenceCardContRes {
    display: flex;
  }
}
.excellenceSection .excellenceCardContRes .excellenceCardWrapRes {
  width: 100%;
  flex-wrap: wrap;
  gap: 20px;
  position: relative;
}
.excellenceSection .excellenceCardContRes .excellenceCardWrapRes .cardImgRes {
  width: calc(50% - 10px);
  max-width: 250px;
  border-radius: 200px;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  max-width: 120px;
  width: 100%;
  left: 0;
  top: 50%;
  right: 0;
  left: initial;
  top: 12%;
}
.excellenceSection .excellenceCardContRes .excellenceCardWrapRes .cardImgRes img {
  width: 100%;
}
.excellenceSection .excellenceCardContRes .excellenceCardWrapRes .cardImgRes:nth-child(1) {
  left: 0px;
  right: initial;
}
.excellenceSection .excellenceCardContRes .excellenceCardWrapRes .textCardRes {
  box-shadow: inset 0px 0px 1px 0 #f7ef8a, inset 0 0px 1px 0px #cfa944, inset 0 0px 1px 0px #b18929;
  width: 100%;
  background-color: #151515;
  padding: 40px 40px;
  gap: 36px;
  z-index: 5;
  border-radius: 200px;
  aspect-ratio: 1/1.2;
  margin-bottom: 10px;
  position: relative;
  z-index: 20;
}
@media (max-width: 600px) {
  .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .textCardRes {
    gap: 10px;
    padding: 20px 30px;
    max-width: 200px;
    width: 100%;
  }
}
.excellenceSection .excellenceCardContRes .excellenceCardWrapRes .textCardRes .catdImgLeaf {
  width: 50px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.excellenceSection .excellenceCardContRes .excellenceCardWrapRes .textCardRes p {
  font-size: 24px;
  line-height: 140%;
  color: #fdfbfc;
  text-align: center;
  max-width: 343px;
  width: 100%;
  font-style: italic;
}
@media (max-width: 992px) {
  .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .textCardRes p {
    font-size: 20px;
    max-width: 260px;
  }
}
@media (max-width: 600px) {
  .excellenceSection .excellenceCardContRes .excellenceCardWrapRes .textCardRes p {
    font-size: 14px;
    max-width: 160px;
  }
}
.excellenceSection .excellenceCardContRes .excellenceCardWrapRes .textCardRes .button {
  transform-origin: center;
}
.excellenceSection .excellenceCardContRes .excellenceCardWrapRes .textCardRes .button img {
  min-width: 24px;
}
@media (max-width: 600px) {
  .excellenceSection .btnArrow {
    padding: 8px 13px !important;
  }
}
@media (max-width: 349px) {
  .excellenceSection .btnArrow {
    display: none !important;
  }
}

.qualitySection {
  padding: 100px 0px 100px;
  background-color: #151515;
  gap: 65px;
}
@media (max-width: 600px) {
  .qualitySection {
    padding: 40px 0px;
    gap: 34px;
  }
}
.qualitySection .sectionHeadingWrap {
  max-width: 1230px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 600px) {
  .qualitySection .sectionHeadingWrap {
    gap: 16px;
  }
}
.qualitySection .sectionHeadingWrap .sectiontext span {
  display: block;
}
@media (max-width: 600px) {
  .qualitySection .sectionHeadingWrap .sectiontext {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .qualitySection .sectionHeadingWrap .sectionHeading {
    font-size: 34px;
  }
}
.qualitySection .qualitycardsCont {
  width: 100%;
  gap: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 130px;
}
@media (max-width: 600px) {
  .qualitySection .qualitycardsCont {
    margin-top: 30px;
    gap: 5px;
  }
}
.qualitySection .qualitycardsCont .qualityBird {
  width: 170px;
  height: initial;
}
@media (max-width: 992px) {
  .qualitySection .qualitycardsCont .qualityBird {
    font-size: 150px;
  }
}
@media (max-width: 600px) {
  .qualitySection .qualitycardsCont .qualityBird:first-child {
    margin-left: 20px;
    top: -35px;
    position: relative;
  }
}
@media (max-width: 600px) {
  .qualitySection .qualitycardsCont .qualityBird:last-child {
    margin-right: 20px;
    top: -17px;
    position: relative;
  }
}
.qualitySection .qualitycardsCont .qualityCardWrap {
  gap: 20px;
}
@media (max-width: 600px) {
  .qualitySection .qualitycardsCont .qualityCardWrap {
    gap: 5px;
  }
}
.qualitySection .qualitycardsCont .qualityCardWrap .qualityCard {
  max-width: 390px;
  width: 100%;
  position: relative;
  z-index: 1;
}
.qualitySection .qualitycardsCont .qualityCardWrap .qualityCard::before {
  content: "";
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: -1;
  background: rgb(247, 239, 138);
  background: linear-gradient(170deg, rgb(247, 239, 138) 0%, rgb(207, 169, 68) 50%, rgb(177, 137, 41) 100%);
  border-radius: 18px;
}
@media (max-width: 600px) {
  .qualitySection .qualitycardsCont .qualityCardWrap .qualityCard::before {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 6px;
    left: -1px;
    top: -1px;
  }
}
.qualitySection .qualitycardsCont .qualityCardWrap .qualityCard img {
  width: 100%;
  border-radius: 18px;
}
@media (max-width: 600px) {
  .qualitySection .qualitycardsCont .qualityCardWrap .qualityCard img {
    border-radius: 6px;
  }
}
.qualitySection .qualitycardsCont .qualityCardWrap .qualityCard:first-child {
  transform: rotate(-10deg);
  right: -80px;
  top: -100px;
}
@media (max-width: 600px) {
  .qualitySection .qualitycardsCont .qualityCardWrap .qualityCard:first-child {
    right: -30px;
    top: -80px;
  }
}
.qualitySection .qualitycardsCont .qualityCardWrap .qualityCard:last-child {
  transform: rotate(10deg);
  left: -80px;
}

.rootedSection {
  width: 100%;
  padding: 100px 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  gap: 80px;
}
@media (max-width: 600px) {
  .rootedSection {
    gap: 34px;
  }
}
@media (max-width: 600px) {
  .rootedSection {
    padding: 40px 0px;
  }
}
@media (max-width: 600px) {
  .rootedSection .sectionHeadingWrap {
    gap: 16px;
    padding: 0 20px;
  }
}
.rootedSection .sectionHeadingWrap .sectiontext {
  max-width: 940px;
  width: 100%;
}
.rootedSection .sectionHeadingWrap .sectiontext ins {
  text-decoration: none;
}
.rootedSection .sectionHeadingWrap .sectiontext span {
  display: block;
}
.rootedSection .sectionHeadingWrap .sectionHeading {
  background-image: none;
  color: #dee2aa;
  -webkit-background-clip: none;
  -webkit-text-fill-color: #dee2aa;
}
@media (max-width: 600px) {
  .rootedSection .sectionHeadingWrap .sectionHeading {
    font-size: 34px;
  }
}
@media (max-width: 600px) {
  .rootedSection .sectionHeadingWrap .sectiontext {
    font-size: 16px;
  }
}
.rootedSection .rootSliderWrap {
  max-width: 1600px;
  width: 100%;
  position: relative;
  display: flex;
  overflow: hidden;
}
@media (max-width: 600px) {
  .rootedSection .rootSliderWrap {
    max-width: 300px;
    overflow: visible;
  }
}
.rootedSection .rootSliderWrap .rootSlideDiv {
  width: calc(100% - 2px);
  position: relative;
  border-radius: 8px;
  border: solid 1px #c6b91c;
  overflow: hidden;
  z-index: 1;
  transition: all 0.2s;
  display: inline-block;
}
.rootedSection .rootSliderWrap .rootSlideDiv:hover {
  box-shadow: 0px 0px 17px -5px rgb(222, 226, 170);
}
.rootedSection .rootSliderWrap .rootSlideDiv .rootSliderImg {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.rootedSection .rootSliderWrap .rootSlideDiv .rootSliderImg img {
  width: 100%;
}
.rootedSection .rootSliderWrap .rootSlideDiv .rootSliderInfo {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 50pxs;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5746673669) 95%, rgba(0, 0, 0, 0.6474964986) 100%);
}
.rootedSection .rootSliderWrap .rootSlideDiv .rootSliderInfo h3 {
  font-size: 60px;
  color: #fdfbfc;
  line-height: 70%;
  width: calc(100% - 95px);
}
@media (max-width: 1080px) {
  .rootedSection .rootSliderWrap .rootSlideDiv .rootSliderInfo h3 {
    font-size: 30px;
  }
}
@media (max-width: 600px) {
  .rootedSection .rootSliderWrap .rootSlideDiv .rootSliderInfo h3 {
    font-size: 28px;
    line-height: 80%;
  }
}
.rootedSection .rootSliderWrap .rootSlideDiv .rootSliderInfo .rootSlideBtn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 1px #c6b91c;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
@media (max-width: 600px) {
  .rootedSection .rootSliderWrap .rootSlideDiv .rootSliderInfo .rootSlideBtn {
    width: 20px;
    height: 20px;
  }
}
.rootedSection .rootSliderWrap .rootSlideDiv .rootSliderInfo .rootSlideBtn img {
  width: 16px;
}
@media (max-width: 600px) {
  .rootedSection .rootSliderWrap .rootSlideDiv .rootSliderInfo .rootSlideBtn img {
    width: 12px;
  }
}
.rootedSection .rootSliderWrap .rootSlideDiv .rootSliderInfo .rootSlideBtn:hover {
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
  background-color: #c6b91c;
}

.rootSliderWrap .owl-item.center + .owl-item {
  perspective: 395px;
  transition: all 0.2s;
}

.rootSliderWrap .owl-item.center + .owl-item .rootSlideDiv {
  transform: rotateY(-10deg) scale(0.9);
  transform-style: preserve-3d;
}

.rootSliderWrap .owl-item:has(+ .center) {
  perspective: 395px;
  transition: all 0.2s;
}

.rootSliderWrap .owl-item:has(+ .center) .rootSlideDiv {
  transform: rotateY(10deg) scale(0.9);
  transform-style: preserve-3d;
}

.rootSliderWrap .owl-stage {
  padding: 40px 0;
}

@media (max-width: 600px) {
  .rootSliderWrap .owl-stage {
    padding: 0px;
  }
  .rootSliderWrap .owl-dots {
    display: none;
  }
  .rootSliderWrap .owl-stage-outer {
    overflow: visible;
  }
}
.contactSection {
  width: 100%;
  padding: 200px 40px 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  gap: 60px;
}
@media (max-width: 600px) {
  .contactSection {
    padding-top: 110px;
    padding-bottom: 50px;
    gap: 30px;
  }
}
@media (max-width: 600px) {
  .contactSection .subpagehead {
    font-size: 34px;
  }
}
.contactSection .contactWrapper {
  width: 100%;
  max-width: 1400px;
  gap: 40px;
}
@media (max-width: 992px) {
  .contactSection .contactWrapper {
    flex-direction: column;
  }
}
.contactSection .contactWrapper .mapWrapper {
  width: 55%;
  border-radius: 14px;
}
@media (max-width: 600px) {
  .contactSection .contactWrapper .mapWrapper {
    width: 100%;
  }
}
.contactSection .contactWrapper .mapWrapper img {
  width: 100%;
  border-radius: 14px;
}
@media (max-width: 600px) {
  .contactSection .contactWrapper .mapWrapper img {
    border-radius: 8px;
  }
}
.contactSection .contactWrapper .contactFormWrapper {
  width: calc(45% - 50px);
  gap: 40px;
}
@media (max-width: 992px) {
  .contactSection .contactWrapper .contactFormWrapper {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .contactSection .contactWrapper .contactFormWrapper {
    gap: 32px;
  }
}
.contactSection .contactWrapper .contactFormWrapper .contactInfoWrap {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 600px) {
  .contactSection .contactWrapper .contactFormWrapper .contactInfoWrap {
    gap: 16px;
  }
}
.contactSection .contactWrapper .contactFormWrapper .contactInfoWrap li {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}
.contactSection .contactWrapper .contactFormWrapper .contactInfoWrap li img {
  width: 24px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.contactSection .contactWrapper .contactFormWrapper .contactInfoWrap li a {
  color: #dee2aa;
  font-weight: bold;
}
@media (max-width: 600px) {
  .contactSection .contactWrapper .contactFormWrapper .contactInfoWrap li a {
    font-size: 18px;
  }
}
.contactSection .contactWrapper .contactFormWrapper .contactInfoWrap li a:hover {
  color: #c6b91c;
}
.contactSection .contactWrapper .contactFormWrapper .contactInfoWrap li p {
  color: #dee2aa;
  font-weight: bold;
}
.contactSection .contactWrapper .contactFormWrapper .contactForm {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
}
.contactSection .contactWrapper .contactFormWrapper .contactForm .formRow {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
}
.contactSection .contactWrapper .contactFormWrapper .contactForm .formRow label {
  color: #dee2aa;
  font-weight: bold;
  line-height: 100%;
}
@media (max-width: 600px) {
  .contactSection .contactWrapper .contactFormWrapper .contactForm .formRow label {
    font-size: 16px;
  }
}
.contactSection .contactWrapper .contactFormWrapper .contactForm .formRow input {
  width: 100%;
  height: 40px;
  border: 0;
  border-bottom: solid 1px #dee2aa;
  padding: 0 15px;
  color: #dee2aa;
  font-weight: normal;
  background-color: transparent;
  font-size: 18px;
  border-radius: 0;
}
.contactSection .contactWrapper .contactFormWrapper .contactForm .formRow input:focus {
  outline: none;
}
.contactSection .contactWrapper .contactFormWrapper .contactForm .formRow textarea {
  width: 100%;
  height: 80px;
  resize: none;
  border: 0;
  border-bottom: solid 1px #dee2aa;
  padding: 0 15px;
  color: #dee2aa;
  font-weight: normal;
  background-color: transparent;
  font-size: 18px;
  border-radius: 0;
}
.contactSection .contactWrapper .contactFormWrapper .contactForm .formRow textarea:focus {
  outline: none;
}
.contactSection .contactWrapper .contactFormWrapper .contactForm .formRow .error {
  font-size: 14px;
  color: #f00;
  font-weight: 500;
  position: absolute;
  left: 0;
  bottom: -18px;
}
.contactSection .contactWrapper .contactFormWrapper .contactForm .capchaWrap {
  border-radius: 4px;
  border: solid 1px #dee2aa;
  padding: 5px;
}

.successModal {
  display: none;
}
.successModal .successModalwrap {
  max-width: 615px;
  width: 100%;
  position: relative;
}
.successModal .successModalwrap .modalBody img {
  width: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1/1;
  margin-bottom: 60px;
  text-align: center;
  display: inline-block;
}
@media (max-width: 600px) {
  .successModal .successModalwrap .modalBody img {
    width: 60px;
    margin-bottom: 20px;
  }
}
.successModal .successModalwrap .modalBody h3 {
  font-size: 40px;
  text-align: center;
  line-height: 50px;
  margin-bottom: 20px;
  background: #f7ef8a;
  background: linear-gradient(to bottom right, #f7ef8a 0%, #cfa944 50%, #b18929 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 600px) {
  .successModal .successModalwrap .modalBody h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
.successModal .successModalwrap .modalBody p {
  font-size: 20px;
  color: #dee2aa;
  text-align: center;
}
@media (max-width: 600px) {
  .successModal .successModalwrap .modalBody p {
    font-size: 14px;
  }
}

.notfoundSection {
  width: 100%;
  height: 100vh;
  padding-left: 40px;
  padding-right: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.notfoundSection .norfoundWrap {
  gap: 100px;
  position: relative;
}
@media (max-width: 992px) {
  .notfoundSection .norfoundWrap {
    gap: 50px;
  }
}
@media (max-width: 600px) {
  .notfoundSection .norfoundWrap {
    gap: 10px;
  }
}
.notfoundSection .norfoundWrap .birdWrap {
  width: 160px;
}
@media (max-width: 600px) {
  .notfoundSection .norfoundWrap .birdWrap {
    width: 80px;
    position: absolute;
  }
  .notfoundSection .norfoundWrap .birdWrap:first-child {
    top: -130px;
    left: 0;
  }
  .notfoundSection .norfoundWrap .birdWrap:last-child {
    bottom: -130px;
    right: 0;
  }
}
.notfoundSection .norfoundWrap .birdWrap img {
  width: 100%;
}
.notfoundSection .norfoundWrap .nottextWrap {
  gap: 23px;
  position: relative;
  z-index: 10;
}
.notfoundSection .norfoundWrap .nottextWrap h2 {
  font-size: 440px;
  color: #dee2aa;
  line-height: 50%;
  position: relative;
  z-index: -1;
}
@media (max-width: 1080px) {
  .notfoundSection .norfoundWrap .nottextWrap h2 {
    font-size: 290px;
  }
}
@media (max-width: 992px) {
  .notfoundSection .norfoundWrap .nottextWrap h2 {
    font-size: 190px;
  }
}
@media (max-width: 600px) {
  .notfoundSection .norfoundWrap .nottextWrap h2 {
    font-size: 180px;
  }
}
.notfoundSection .norfoundWrap .nottextWrap h1 {
  font-size: 50px;
  color: #dee2aa;
  text-align: center;
}
@media (max-width: 1080px) {
  .notfoundSection .norfoundWrap .nottextWrap h1 {
    font-size: 40px;
  }
}
@media (max-width: 992px) {
  .notfoundSection .norfoundWrap .nottextWrap h1 {
    font-size: 26px;
  }
}
@media (max-width: 600px) {
  .notfoundSection .norfoundWrap .nottextWrap h1 {
    font-size: 24px;
  }
}
.notfoundSection .norfoundWrap .nottextWrap .buton {
  position: absolute;
  z-index: 1;
}

.legalSection {
  width: 100%;
  background-color: #151515;
  padding: 200px 0px 50px;
}
@media (max-width: 600px) {
  .legalSection {
    padding: 120px 0px 50px;
  }
}
.legalSection .textSectionCont {
  width: 100%;
}
.legalSection .textSectionCont .sectionHead {
  font-size: 80px;
  line-height: 100%;
  margin-bottom: 50px;
  color: color(white);
  text-align: center;
  background: #f7ef8a;
  background: linear-gradient(to bottom right, #f7ef8a 0%, #cfa944 50%, #b18929 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 600px) {
  .legalSection .textSectionCont .sectionHead {
    font-size: 60px;
    margin-bottom: 20px;
  }
}
.legalSection .textSectionCont .infoSection {
  width: 100%;
  margin-bottom: 80px;
}
.legalSection .textSectionCont .infoSection:last-child {
  margin-bottom: 0px;
}
.legalSection .textSectionCont .infoSection h2 {
  font-size: 40px;
  color: #E6DCCD;
  margin-bottom: 10px;
  text-align: center;
}
@media (max-width: 600px) {
  .legalSection .textSectionCont .infoSection h2 {
    font-size: 18px;
  }
}
.legalSection .textSectionCont .infoSection p {
  font-size: 16px;
  color: #E6DCCD;
  line-height: 150%;
}
@media (max-width: 600px) {
  .legalSection .textSectionCont .infoSection p {
    font-size: 14px;
  }
}
.legalSection .textSectionCont .infoSection h3 {
  font-size: 18px;
  color: #E6DCCD;
  margin: 20px 0 4px;
  line-height: 150%;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .legalSection .textSectionCont .infoSection h3 {
    font-size: 16px;
  }
}
.legalSection .textSectionCont .infoSection h4 {
  font-size: 18px;
  color: #E6DCCD;
  margin: 20px 0 4px;
  line-height: 150%;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .legalSection .textSectionCont .infoSection h4 {
    font-size: 16px;
  }
}
.legalSection .textSectionCont .infoSection a {
  font-size: 16px;
  color: #E6DCCD;
  line-height: 150%;
  text-decoration: underline;
  word-break: break-all;
}
@media (max-width: 600px) {
  .legalSection .textSectionCont .infoSection a {
    font-size: 14px;
  }
}

.strainsSection {
  width: 100%;
  padding: 100px 20px 100px;
  gap: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 600px) {
  .strainsSection {
    gap: 40px;
    padding: 110px 0px 50px;
  }
}
.strainsSection .strainHeadingWrap {
  align-items: flex-end;
  gap: 50px;
}
@media (max-width: 600px) {
  .strainsSection .strainHeadingWrap {
    gap: 0;
    padding: 0 20px;
  }
}
.strainsSection .strainHeadingWrap img {
  width: 160px;
}
@media (max-width: 600px) {
  .strainsSection .strainHeadingWrap img {
    width: 53px;
  }
}
@media (max-width: 600px) {
  .strainsSection .strainHeadingWrap .subpagehead {
    font-size: 34px;
  }
}
.strainsSection .strainTabWrapper {
  width: 100%;
  gap: 60px;
  width: 100%;
  position: relative;
}
@media (max-width: 600px) {
  .strainsSection .strainTabWrapper {
    gap: 40px;
  }
}
.strainsSection .strainTabWrapper .tabHeaderWrap {
  width: initial;
  border-radius: 100px;
  border: solid 1px #dee2aa;
  background-color: #222222;
  transition: width 0.3s ease;
}
.strainsSection .strainTabWrapper .tabHeaderWrap .tabHeader {
  gap: 20px;
  position: relative;
}
@media (max-width: 600px) {
  .strainsSection .strainTabWrapper .tabHeaderWrap .tabHeader {
    gap: 0;
  }
}
.strainsSection .strainTabWrapper .tabHeaderWrap .tabHeader .indicator {
  position: absolute;
  bottom: 0;
  top: 0;
  background: #151515;
  z-index: 0;
  transition: 0.3s ease;
  width: 0;
  left: 0;
  border-radius: 100px;
  box-shadow: inset 0px 0px 0px 1px rgb(222, 226, 170);
}
.strainsSection .strainTabWrapper .tabHeaderWrap .tabHeader li {
  position: relative;
  z-index: 10;
}
.strainsSection .strainTabWrapper .tabHeaderWrap .tabHeader li a {
  font-size: 20px;
  color: #dee2aa;
  text-transform: uppercase;
  padding: 24px 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 100%;
}
.strainsSection .strainTabWrapper .tabHeaderWrap .tabHeader li a:hover {
  opacity: 0.5;
}
@media (max-width: 600px) {
  .strainsSection .strainTabWrapper .tabHeaderWrap .tabHeader li a {
    font-size: 16px;
    padding: 13px 13px;
  }
}
.strainsSection .strainTabWrapper .tabHeaderWrap .tabHeader li.active button:hover {
  opacity: 1;
}
.strainsSection .strainTabWrapper .tabHeaderWrap.strainHeadingActive {
  position: sticky;
  top: 120px;
  z-index: 100;
  max-width: 1400px;
  width: 100%;
}
@media (max-width: 600px) {
  .strainsSection .strainTabWrapper .tabHeaderWrap.strainHeadingActive {
    max-width: initial;
    top: 80px;
  }
}
.strainsSection .strainTabWrapper .tabBodyWrapper {
  width: 100%;
  position: relative;
  z-index: 10;
  max-width: 1200px;
  width: 100%;
}
@media (max-width: 600px) {
  .strainsSection .strainTabWrapper .tabBodyWrapper {
    padding: 0 20px;
  }
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder {
  width: 100%;
  gap: 60px;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination {
  width: 100%;
  margin-top: 60px;
}
@media (max-width: 600px) {
  .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination {
    margin-top: 24px;
  }
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul {
  gap: 20px;
}
@media (max-width: 600px) {
  .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul {
    gap: 8px;
  }
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li a {
  font-size: 18px;
  font-weight: 600;
  color: #dee2aa;
  text-decoration: none;
  color: #333333;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: solid 1px transparent;
  line-height: 100%;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li a:hover {
  color: #dee2aa;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li.active a {
  border: solid 1px #dee2aa;
  color: #dee2aa;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li:first-child {
  width: 38px;
  height: 38px;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li:first-child a img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li:last-child {
  width: 38px;
  height: 38px;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li:last-child a img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li.disabled a img {
  opacity: 0.15;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 60px;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap {
    gap: 12px;
  }
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard {
  width: calc(33.33% - 40px);
  border: solid 2px #dee2aa;
  border-radius: 18px;
  padding: 18px 16px;
  gap: 10px;
  position: relative;
  overflow: hidden;
  background-color: #121414;
  cursor: pointer;
}
@media (max-width: 1080px) {
  .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard {
    width: calc(50% - 30px);
    cursor: pointer;
  }
}
@media (max-width: 600px) {
  .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard {
    width: calc(50% - 6px);
    border-radius: 8px;
    padding: 14px 12px;
  }
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .cardImg {
  width: 100%;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard h2 {
  font-size: 28px;
  color: #dee2aa;
  line-height: 100%;
}
@media (max-width: 600px) {
  .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard h2 {
    font-size: 16px;
  }
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .rescardModal {
  width: 34px;
  height: 34px;
  border: solid 2px #dee2aa;
  border-radius: 50%;
  display: none;
  position: absolute;
  right: 20px;
  bottom: 28px;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .rescardModal:hover {
  background-color: #dee2aa;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .rescardModal:hover img {
  filter: invert(1);
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .rescardModal img {
  width: 14px;
}
@media (max-width: 1080px) {
  .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .rescardModal {
    display: flex;
  }
}
@media (max-width: 600px) {
  .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .rescardModal {
    width: 22px;
    height: 22px;
    right: 10px;
  }
  .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .rescardModal img {
    width: 10px;
  }
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .cardBtnWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .cardBtnWrap p {
  font-size: 16px;
  color: #151515;
  font-weight: 900;
  padding: 12px 24px;
  border-radius: 50px;
  line-height: 100%;
  -webkit-text-stroke: 0.2px #151515;
  text-stroke: 0.2px #151515;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .cardBtnWrap p {
    font-size: 16px;
    padding: 7px 12px;
  }
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .cardBtnWrap button {
  width: 34px;
  height: 34px;
  border: solid 2px #dee2aa;
  border-radius: 50%;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .cardBtnWrap button:hover {
  background-color: #dee2aa;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .cardBtnWrap button:hover img {
  filter: invert(1);
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .cardBtnWrap button img {
  width: 14px;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard:hover {
  box-shadow: 0px 6.41px 32.04px 3.2px rgba(255, 226, 86, 0.26);
}
@media (max-width: 1080px) {
  .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard:hover {
    box-shadow: none;
  }
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard:hover .hoverBox {
  display: flex;
}
@media (max-width: 1080px) {
  .strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard:hover .hoverBox {
    display: none;
  }
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .hoverBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(18, 20, 20, 0.72);
  display: none;
  justify-content: center;
  align-items: center;
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .hoverBox button {
  width: 154px;
  height: 154px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #dee2aa;
  background-color: #151515;
  border-radius: 50%;
  padding: 30px;
  transform: scale(1);
}
.strainsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .strainCard .hoverBox button:hover {
  transform: scale(0.9);
}

.strainCradModal {
  display: none;
}
.strainCradModal .strainCradModalwrap {
  max-width: 1200px;
  position: relative;
}
@media (max-width: 1440px) {
  .strainCradModal .strainCradModalwrap {
    padding: 40px 40px !important;
  }
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap {
    padding: 40px 24px 24px !important;
  }
}
.strainCradModal .strainCradModalwrap .modalClose {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 30px;
  right: 30px;
}
.strainCradModal .strainCradModalwrap .modalClose:hover {
  transform: scale(1.1);
}
.strainCradModal .strainCradModalwrap .modalClose img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1440px) {
  .strainCradModal .strainCradModalwrap .modalClose {
    top: 20px;
    right: 20px;
  }
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap .modalClose {
    width: 14px;
    height: 14px;
    top: 15px;
    right: 15px;
  }
}
.strainCradModal .strainCradModalwrap .modalBody {
  width: 100%;
  position: relative;
  gap: 26px;
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap .modalBody {
    gap: 16px;
  }
}
.strainCradModal .strainCradModalwrap .modalBody .strainModalhead {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap .modalBody .strainModalhead {
    gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.strainCradModal .strainCradModalwrap .modalBody .strainModalhead h2 {
  font-size: 80px;
  font-weight: bold;
  background: #f7ef8a;
  background: linear-gradient(to bottom right, #f7ef8a 0%, #cfa944 50%, #b18929 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  line-height: 90%;
}
@media (max-width: 1440px) {
  .strainCradModal .strainCradModalwrap .modalBody .strainModalhead h2 {
    font-size: 70px;
  }
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap .modalBody .strainModalhead h2 {
    font-size: 24px;
  }
}
.strainCradModal .strainCradModalwrap .modalBody .strainModalhead span {
  font-size: 18px;
  font-weight: bold;
  color: #B08744;
  padding: 12px 24px;
  border-radius: 50px;
  background-color: #dee2aa;
  line-height: 100%;
}
@media (max-width: 1440px) {
  .strainCradModal .strainCradModalwrap .modalBody .strainModalhead span {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap .modalBody .strainModalhead span {
    font-size: 10px;
    padding: 6px 12px;
  }
}
.strainCradModal .strainCradModalwrap .modalBody .strainModalText {
  font-size: 24px;
  color: #FDFBFC;
}
@media (max-width: 1440px) {
  .strainCradModal .strainCradModalwrap .modalBody .strainModalText {
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap .modalBody .strainModalText {
    font-size: 14px;
    line-height: 140%;
  }
}
.strainCradModal .strainCradModalwrap .modalBody .persentCardWrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 26px;
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap {
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .persentDiv {
  width: calc(33.33% - 24px);
  border-radius: 100px;
  padding: 24px 24px;
  background-color: #B08744;
  gap: 10px;
  box-shadow: 0px 8px 40px 0px rgba(255, 226, 86, 0.14);
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .persentDiv {
    width: calc(50% - 12px);
    padding: 8px 12px;
    gap: 4px;
  }
}
.strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .persentDiv span {
  font-size: 16px;
  line-height: 100%;
  color: #dee2aa;
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .persentDiv span {
    font-size: 14px;
  }
}
.strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .persentDiv p {
  font-size: 24px;
  line-height: 100%;
  color: #dee2aa;
  font-weight: 500;
}
@media (max-width: 1440px) {
  .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .persentDiv p {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap .modalBody .persentCardWrap .persentDiv p {
    font-size: 14px;
  }
}
.strainCradModal .strainCradModalwrap .modalBody .strainLongCardWrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 26px;
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap .modalBody .strainLongCardWrap {
    gap: 16px;
  }
}
.strainCradModal .strainCradModalwrap .modalBody .strainLongCardWrap .strainLongCard {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  border-radius: 100px;
  background-color: #dee2aa;
  padding: 24px 60px;
  box-shadow: 0px 8px 40px 0px rgba(255, 226, 86, 0.14);
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap .modalBody .strainLongCardWrap .strainLongCard {
    padding: 12px 24px;
    gap: 5px;
  }
}
.strainCradModal .strainCradModalwrap .modalBody .strainLongCardWrap .strainLongCard p {
  font-size: 16px;
  color: #121414;
  font-weight: bold;
  line-height: 100%;
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap .modalBody .strainLongCardWrap .strainLongCard p {
    font-size: 14px;
  }
}
.strainCradModal .strainCradModalwrap .modalBody .strainLongCardWrap .strainLongCard h3 {
  font-size: 24px;
  color: #121414;
  font-weight: normal;
  line-height: 100%;
}
@media (max-width: 1440px) {
  .strainCradModal .strainCradModalwrap .modalBody .strainLongCardWrap .strainLongCard h3 {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .strainCradModal .strainCradModalwrap .modalBody .strainLongCardWrap .strainLongCard h3 {
    font-size: 14px;
  }
}

.productsSection {
  width: 100%;
  padding: 100px 0px 100px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  gap: 60px;
}
@media (max-width: 1080px) {
  .productsSection {
    gap: 40px;
    padding: 150px 0px 50px;
  }
}
@media (max-width: 600px) {
  .productsSection {
    gap: 23px;
    padding: 110px 0px 50px;
  }
}
.productsSection .producstHeadingWrap {
  align-items: flex-end;
  gap: 50px;
  position: relative;
}
@media (max-width: 600px) {
  .productsSection .producstHeadingWrap {
    gap: 0;
    padding: 40px 0 0;
  }
}
.productsSection .producstHeadingWrap img {
  width: 160px;
  position: relative;
}
@media (max-width: 1080px) {
  .productsSection .producstHeadingWrap img {
    width: 100px;
  }
}
@media (max-width: 600px) {
  .productsSection .producstHeadingWrap img {
    width: 55px;
    position: absolute;
  }
}
.productsSection .producstHeadingWrap img:first-child {
  transform: rotate(-40deg);
  top: -20px;
}
@media (max-width: 1080px) {
  .productsSection .producstHeadingWrap img:first-child {
    left: 50px;
  }
}
@media (max-width: 992px) {
  .productsSection .producstHeadingWrap img:first-child {
    left: 30px;
  }
}
@media (max-width: 600px) {
  .productsSection .producstHeadingWrap img:first-child {
    left: -18px;
    top: -15px;
  }
}
.productsSection .producstHeadingWrap img:last-child {
  transform: rotate(40deg);
  top: 60px;
  left: -50px;
}
@media (max-width: 600px) {
  .productsSection .producstHeadingWrap img:last-child {
    right: -2px;
    bottom: -25px;
    left: initial;
    top: initial;
  }
}
@media (max-width: 1080px) {
  .productsSection .producstHeadingWrap .subpagehead {
    font-size: 70px;
  }
}
@media (max-width: 992px) {
  .productsSection .producstHeadingWrap .subpagehead {
    font-size: 50px;
  }
}
@media (max-width: 600px) {
  .productsSection .producstHeadingWrap .subpagehead {
    font-size: 34px;
  }
}
.productsSection .producstHeadingWrap .subpagehead {
  max-width: 616px;
}
@media (max-width: 600px) {
  .productsSection .producstHeadingWrap .subpagehead {
    max-width: 330px;
  }
}
.productsSection .staffSection {
  gap: 20px;
  padding: 60px 0;
  border-bottom: solid 1px #dee2aa;
  width: 100%;
}
@media (max-width: 600px) {
  .productsSection .staffSection {
    padding: 0px 0 30px;
    gap: 12px;
  }
}
.productsSection .staffSection .staffheading {
  text-align: center;
  text-transform: uppercase;
  color: #dee2aa;
  font-size: 60px;
  width: 100%;
  padding: 0 20px;
}
@media (max-width: 1080px) {
  .productsSection .staffSection .staffheading {
    font-size: 40px;
  }
}
@media (max-width: 600px) {
  .productsSection .staffSection .staffheading {
    font-size: 20px;
  }
}
.productsSection .staffSection .staffWrap {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 600px) {
  .productsSection .staffSection .staffWrap {
    padding: 0 20px;
  }
}
.productsSection .staffSection .staffWrap .featuresCard {
  width: 100%;
  padding: 18px 18px;
  border-radius: 12px;
  gap: 18px;
}
.productsSection .staffSection .staffWrap .featuresCard:hover {
  opacity: 0.9;
}
@media (max-width: 600px) {
  .productsSection .staffSection .staffWrap .featuresCard {
    border-radius: 5px;
    padding: 8px 8px;
    gap: 8px;
  }
}
.productsSection .staffSection .staffWrap .featuresCard .featuresImg {
  width: 200px;
  aspect-ratio: 1/1;
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 600px) {
  .productsSection .staffSection .staffWrap .featuresCard .featuresImg {
    border-radius: 5px;
  }
}
.productsSection .staffSection .staffWrap .featuresCard .featuresImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.productsSection .staffSection .staffWrap .featuresCard .featuresText {
  width: 100%;
  max-width: 185px;
  gap: 12px;
}
@media (max-width: 600px) {
  .productsSection .staffSection .staffWrap .featuresCard .featuresText {
    gap: 8px;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.productsSection .staffSection .staffWrap .featuresCard .featuresText h3 {
  font-size: 16px;
  color: #121414;
  font-weight: bold;
  text-align: left;
}
@media (max-width: 600px) {
  .productsSection .staffSection .staffWrap .featuresCard .featuresText h3 {
    font-size: 16px;
  }
}
.productsSection .staffSection .staffWrap .featuresCard .featuresText p {
  padding: 12px 24px;
  border-radius: 80px;
  background-color: #151616;
  gap: 10px;
}
.productsSection .staffSection .staffWrap .featuresCard .featuresText p span {
  font-size: 16px;
  color: #dee2aa;
  font-weight: bold;
  line-height: 100%;
}
@media (max-width: 600px) {
  .productsSection .staffSection .staffWrap .featuresCard .featuresText p span {
    font-size: 14px;
  }
}
.productsSection .staffSection .staffWrap .featuresCard .featuresText p img {
  width: 14px;
}
@media (max-width: 600px) {
  .productsSection .staffSection .staffWrap .featuresCard .featuresText p img {
    width: 10px;
  }
}
@media (max-width: 600px) {
  .productsSection .staffSection .staffWrap .featuresCard .featuresText p {
    padding: 8px 15px;
  }
}
.productsSection .strainTabWrapper {
  width: 100%;
  gap: 60px;
  width: 100%;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 600px) {
  .productsSection .strainTabWrapper {
    gap: 23px;
    padding-left: 0;
    padding-right: 0;
  }
}
.productsSection .strainTabWrapper .tabHeaderWrap {
  width: initial;
  border-radius: 100px;
  background-color: #1D1D1D;
  transition: width 0.3s ease;
  position: relative;
  padding: 0 30px;
  overflow: hidden;
}
@media (max-width: 600px) {
  .productsSection .strainTabWrapper .tabHeaderWrap {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.productsSection .strainTabWrapper .tabHeaderWrap .tabHeader {
  position: relative;
}
@media (max-width: 600px) {
  .productsSection .strainTabWrapper .tabHeaderWrap .tabHeader {
    gap: 0;
  }
}
.productsSection .strainTabWrapper .tabHeaderWrap .tabHeader .indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #dee2aa;
  z-index: 0;
  transition: 0.3s ease;
  height: 7px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
@media (max-width: 600px) {
  .productsSection .strainTabWrapper .tabHeaderWrap .tabHeader .indicator {
    height: 4px;
  }
}
.productsSection .strainTabWrapper .tabHeaderWrap .tabHeader li {
  position: relative;
  z-index: 10;
}
.productsSection .strainTabWrapper .tabHeaderWrap .tabHeader li button {
  font-size: 20px;
  color: #dee2aa;
  text-transform: uppercase;
  padding: 24px 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 100%;
}
.productsSection .strainTabWrapper .tabHeaderWrap .tabHeader li button:hover {
  opacity: 0.5;
}
@media (max-width: 992px) {
  .productsSection .strainTabWrapper .tabHeaderWrap .tabHeader li button {
    font-size: 16px;
    padding: 13px 12px;
    min-width: 165px;
    font-weight: normal;
  }
}
@media (max-width: 600px) {
  .productsSection .strainTabWrapper .tabHeaderWrap .tabHeader li button {
    font-size: 12px;
    padding: 13px 4px;
    min-width: initial;
  }
}
.productsSection .strainTabWrapper .tabHeaderWrap .tabHeader li.active button:hover {
  opacity: 1;
}
.productsSection .strainTabWrapper .tabHeaderWrap.strainHeadingActive {
  position: sticky;
  top: 120px;
  z-index: 100;
  max-width: 1400px;
  width: 100%;
}
@media (max-width: 600px) {
  .productsSection .strainTabWrapper .tabHeaderWrap.strainHeadingActive {
    max-width: initial;
    top: 80px;
  }
}
.productsSection .strainTabWrapper .tabBodyWrapper {
  width: 100%;
  position: relative;
  z-index: 10;
  max-width: 1200px;
  width: 100%;
}
@media (max-width: 600px) {
  .productsSection .strainTabWrapper .tabBodyWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.productsSection .strainTabWrapper .tabBodyWrapper .tabholder {
  width: 100%;
  gap: 60px;
}
.productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination {
  width: 100%;
  margin-top: 60px;
}
@media (max-width: 600px) {
  .productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination {
    margin-top: 24px;
  }
}
.productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul {
  gap: 20px;
}
@media (max-width: 600px) {
  .productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul {
    gap: 8px;
  }
}
.productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li a {
  font-size: 18px;
  font-weight: 600;
  color: #dee2aa;
  text-decoration: none;
  color: #333333;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: solid 1px transparent;
  line-height: 100%;
}
.productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li a:hover {
  color: #dee2aa;
}
.productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li.active a {
  border: solid 1px #dee2aa;
  color: #dee2aa;
}
.productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li:first-child {
  width: 38px;
  height: 38px;
}
.productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li:first-child a img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li:last-child {
  width: 38px;
  height: 38px;
}
.productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li:last-child a img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabPagination ul li.disabled a img {
  opacity: 0.15;
}
.productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
  position: relative;
}
@media (max-width: 600px) {
  .productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap {
    gap: 16px;
  }
}
.productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .productCard {
  width: calc(33.33% - 27px);
}
@media (max-width: 992px) {
  .productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .productCard {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .productsSection .strainTabWrapper .tabBodyWrapper .tabholder .tabCardWrap .productCard {
    width: calc(50% - 8px);
  }
}

.productCard {
  width: 100%;
  border-radius: 12px;
  padding: 20px 20px;
  gap: 20px;
  position: relative;
  background-color: #222222;
}
@media (max-width: 1080px) {
  .productCard {
    width: calc(50% - 30px);
    cursor: pointer;
  }
}
@media (max-width: 600px) {
  .productCard {
    border-radius: 12px;
    padding: 14px 12px;
    gap: 10px;
  }
}
.productCard .cardImg {
  width: 100%;
  border-radius: 12px;
}
.productCard h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 120%;
  color: #dee2aa;
}
@media (max-width: 600px) {
  .productCard h2 {
    font-size: 15px;
    line-height: 140%;
  }
}
.productCard:hover::before {
  transform: rotate(-3deg);
  bottom: 10px;
  left: -12px;
}
.productCard::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  bottom: 0;
  left: 0;
  background-color: #D5D9A4;
  z-index: -1;
  transform: rotate(0);
  transition: transform 0.2s ease-in, bottom 0.2s ease-in, left 0.2s ease-in;
}
@media (max-width: 1080px) {
  .productCard::before {
    display: none;
  }
}
.productCard .resViewBtn {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  color: #dee2aa;
  display: none;
}
@media (max-width: 1080px) {
  .productCard .resViewBtn {
    display: flex;
  }
}
.productCard .resViewBtn img {
  width: 14px;
}

.productDetailsSection {
  padding: 200px 0px 100px;
  width: 100%;
  background-image: center;
  background-size: cover;
  background-repeat: no-repeat;
  gap: 100px;
}
@media (max-width: 600px) {
  .productDetailsSection {
    padding: 93px 0 24px;
    gap: 24px;
  }
}
.productDetailsSection .relatedCont {
  max-width: 1200px;
  width: 100%;
}
.productDetailsSection .relatedSection {
  width: 100%;
  gap: 24px;
}
@media (max-width: 600px) {
  .productDetailsSection .relatedSection {
    gap: 16px;
  }
}
@media (max-width: 600px) {
  .productDetailsSection .relatedSection .subpagehead {
    font-size: 34px;
  }
}
.productDetailsSection .relatedSection .relatedWrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  z-index: 0;
}
@media (max-width: 992px) {
  .productDetailsSection .relatedSection .relatedWrapper {
    gap: 16px;
  }
}
.productDetailsSection .relatedSection .relatedWrapper .productCard {
  width: calc(33.33% - 27px);
}
@media (max-width: 992px) {
  .productDetailsSection .relatedSection .relatedWrapper .productCard {
    width: calc(50% - 8px);
  }
}
.productDetailsSection .producrDtlSection {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  max-width: 1200px;
}
@media (max-width: 992px) {
  .productDetailsSection .producrDtlSection {
    flex-direction: column-reverse;
    gap: 40px;
  }
}
@media (max-width: 600px) {
  .productDetailsSection .producrDtlSection {
    gap: 24px;
  }
}
.productDetailsSection .producrDtlSection .proDetnImgWrap {
  width: 60%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 992px) {
  .productDetailsSection .producrDtlSection .proDetnImgWrap {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .productDetailsSection .producrDtlSection .proDetnImgWrap {
    flex-direction: column-reverse;
  }
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderThumb {
  width: 96px;
}
@media (max-width: 600px) {
  .productDetailsSection .producrDtlSection .proDetnImgWrap .sliderThumb {
    width: 100%;
  }
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderThumb #sync2 {
  width: 100%;
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderThumb #sync2 .owl-stage {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 600px) {
  .productDetailsSection .producrDtlSection .proDetnImgWrap .sliderThumb #sync2 .owl-stage {
    flex-direction: row;
    width: 100%;
  }
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderThumb #sync2 .owl-stage .owl-item.active .thumbCard {
  opacity: 0.2;
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderThumb #sync2 .owl-stage .owl-item.active .thumbCard:hover {
  opacity: 0.5;
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderThumb #sync2 .owl-stage .owl-item.active.current .thumbCard {
  opacity: 1;
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderThumb #sync2 .owl-stage .thumbCard {
  width: 96px;
  aspect-ratio: 1/1;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 12px;
  cursor: pointer;
}
@media (max-width: 600px) {
  .productDetailsSection .producrDtlSection .proDetnImgWrap .sliderThumb #sync2 .owl-stage .thumbCard {
    margin-bottom: 0;
    width: 100%;
  }
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderThumb #sync2 .owl-stage .thumbCard img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderLarge {
  width: calc(100% - 116px);
}
@media (max-width: 600px) {
  .productDetailsSection .producrDtlSection .proDetnImgWrap .sliderLarge {
    width: 100%;
  }
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderLarge .largecard {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderLarge .largecard img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderLarge .owl-carousel {
  position: relative;
  margin-bottom: 20px;
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderLarge .owl-carousel .owl-dots {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 50px;
  background-color: rgba(222, 226, 170, 0.23);
  margin: 0 auto;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderLarge .owl-carousel .owl-dots .owl-dot {
  padding: 0;
  width: 6px;
  height: 6px;
  background-color: #dee2aa;
  border-radius: 20px;
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderLarge .owl-carousel .owl-dots .owl-dot span {
  display: none;
}
.productDetailsSection .producrDtlSection .proDetnImgWrap .sliderLarge .owl-carousel .owl-dots .owl-dot.active {
  width: 20px;
}
.productDetailsSection .producrDtlSection .proDetTextWrap {
  width: 40%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 992px) {
  .productDetailsSection .producrDtlSection .proDetTextWrap {
    width: 100%;
    gap: 24px;
  }
}
.productDetailsSection .producrDtlSection .proDetTextWrap .topText {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 600px) {
  .productDetailsSection .producrDtlSection .proDetTextWrap .topText {
    gap: 24px;
  }
}
.productDetailsSection .producrDtlSection .proDetTextWrap .topText h1 {
  font-size: 40px;
  color: #dee2aa;
  line-height: 100%;
}
@media (max-width: 600px) {
  .productDetailsSection .producrDtlSection .proDetTextWrap .topText h1 {
    font-size: 28px;
  }
}
.productDetailsSection .producrDtlSection .proDetTextWrap .topText p {
  font-size: 18px;
  font-weight: normal;
  color: #FDFBFC;
  line-height: 140%;
}
.productDetailsSection .producrDtlSection .proDetTextWrap .bottomText {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 11px;
}
.productDetailsSection .producrDtlSection .proDetTextWrap .bottomText h2 {
  font-size: 20px;
  color: #dee2aa;
  line-height: 100%;
}
@media (max-width: 600px) {
  .productDetailsSection .producrDtlSection .proDetTextWrap .bottomText h2 {
    font-size: 18px;
  }
}
.productDetailsSection .producrDtlSection .proDetTextWrap .bottomText .tabsWrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12px;
}
.productDetailsSection .producrDtlSection .proDetTextWrap .bottomText .tabsWrapper .proTags {
  padding: 12px 24px;
  border-radius: 50px;
  background-color: rgba(222, 226, 170, 0.1);
  gap: 10px;
}
@media (max-width: 600px) {
  .productDetailsSection .producrDtlSection .proDetTextWrap .bottomText .tabsWrapper .proTags {
    padding: 8px 12px;
  }
}
.productDetailsSection .producrDtlSection .proDetTextWrap .bottomText .tabsWrapper .proTags img {
  width: 22px;
}
@media (max-width: 600px) {
  .productDetailsSection .producrDtlSection .proDetTextWrap .bottomText .tabsWrapper .proTags img {
    width: 18px;
  }
}
.productDetailsSection .producrDtlSection .proDetTextWrap .bottomText .tabsWrapper .proTags span {
  font-size: 16px;
  font-weight: 500;
  color: #dee2aa;
}
.productDetailsSection .breadcrumbsWrap {
  width: 100%;
  background-color: rgba(222, 226, 170, 0.08);
  height: 53px;
}
.productDetailsSection .breadcrumbsWrap ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.productDetailsSection .breadcrumbsWrap ul li {
  position: relative;
}
.productDetailsSection .breadcrumbsWrap ul li::after {
  content: "/";
  font-size: 20px;
  color: #dee2aa;
  position: absolute;
  font-weight: bold;
  top: -2px;
  right: -13px;
}
.productDetailsSection .breadcrumbsWrap ul li:last-child::after {
  display: none;
}
.productDetailsSection .breadcrumbsWrap ul li a {
  font-size: 18px;
  color: #dee2aa;
  font-weight: 500;
}
.productDetailsSection .breadcrumbsWrap ul li a:hover {
  opacity: 0.7;
}

.aboutHeroSection {
  width: 100%;
  min-height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: solid 1px #dee2aa;
  gap: 12px;
  padding: 160px 20px 100px;
}
@media (max-width: 600px) {
  .aboutHeroSection {
    padding: 150px 20px 60px;
    min-height: initial;
  }
}
.aboutHeroSection .aboutHeroCont {
  gap: 12px;
}
.aboutHeroSection .aboutHeroCont h1 {
  font-size: 180px;
  line-height: 80%;
  background: #f7ef8a;
  background: linear-gradient(to bottom right, #f7ef8a 0%, #cfa944 50%, #b18929 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  max-width: 1474px;
  width: 100%;
  text-align: center;
}
@media (max-width: 1440px) {
  .aboutHeroSection .aboutHeroCont h1 {
    font-size: 140px;
  }
}
@media (max-width: 1366px) {
  .aboutHeroSection .aboutHeroCont h1 {
    font-size: 120px;
  }
}
@media (max-width: 1080px) {
  .aboutHeroSection .aboutHeroCont h1 {
    font-size: 120px;
  }
}
@media (max-width: 992px) {
  .aboutHeroSection .aboutHeroCont h1 {
    font-size: 90px;
  }
}
@media (max-width: 600px) {
  .aboutHeroSection .aboutHeroCont h1 {
    font-size: 46px;
  }
}
.aboutHeroSection .aboutHeroCont h2 {
  font-size: 60px;
  color: #dee2aa;
  line-height: 100%;
  max-width: 1048px;
  width: 100%;
  text-align: center;
}
@media (max-width: 1080px) {
  .aboutHeroSection .aboutHeroCont h2 {
    font-size: 50px;
  }
}
@media (max-width: 992px) {
  .aboutHeroSection .aboutHeroCont h2 {
    font-size: 40px;
  }
}
@media (max-width: 600px) {
  .aboutHeroSection .aboutHeroCont h2 {
    font-size: 20px;
  }
}

.promiseSection {
  width: 100%;
  padding: 100px 0px;
  background-color: #151515;
  gap: 100px;
}
@media (max-width: 1080px) {
  .promiseSection {
    gap: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 600px) {
  .promiseSection {
    padding: 50px 0px;
  }
}
.promiseSection .promiseTextSection {
  width: 100%;
  gap: 20px;
  position: relative;
  max-width: 873px;
  width: 100%;
}
.promiseSection .promiseTextSection .birdWrap {
  width: 168px;
  position: absolute;
}
@media (max-width: 1080px) {
  .promiseSection .promiseTextSection .birdWrap {
    width: 100px;
  }
}
@media (max-width: 992px) {
  .promiseSection .promiseTextSection .birdWrap {
    width: 80px;
  }
}
@media (max-width: 600px) {
  .promiseSection .promiseTextSection .birdWrap {
    width: 53px;
  }
}
.promiseSection .promiseTextSection .birdWrap:first-child {
  top: -40px;
  left: -200px;
}
@media (max-width: 1080px) {
  .promiseSection .promiseTextSection .birdWrap:first-child {
    left: 0px;
    top: -60px;
  }
}
@media (max-width: 992px) {
  .promiseSection .promiseTextSection .birdWrap:first-child {
    left: 50px;
    top: -60px;
  }
}
@media (max-width: 600px) {
  .promiseSection .promiseTextSection .birdWrap:first-child {
    left: 10px;
    top: -40px;
  }
}
.promiseSection .promiseTextSection .birdWrap:nth-child(2) {
  bottom: -65px;
  right: -140px;
  transform: rotate(40deg);
}
@media (max-width: 1080px) {
  .promiseSection .promiseTextSection .birdWrap:nth-child(2) {
    right: 150px;
    top: 10px;
    bottom: initial;
  }
}
@media (max-width: 992px) {
  .promiseSection .promiseTextSection .birdWrap:nth-child(2) {
    right: 100px;
    top: 10px;
    bottom: initial;
  }
}
@media (max-width: 600px) {
  .promiseSection .promiseTextSection .birdWrap:nth-child(2) {
    right: 24px;
    top: 5px;
    transform: rotate(5deg);
  }
}
.promiseSection .promiseTextSection .birdWrap img {
  width: 100%;
}
.promiseSection .promiseTextSection .promiseTextWrap {
  gap: 20px;
}
@media (max-width: 600px) {
  .promiseSection .promiseTextSection .promiseTextWrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.promiseSection .promiseTextSection .promiseTextWrap h2 {
  text-align: center;
  font-size: 80px;
  line-height: 100%;
  background: #f7ef8a;
  background: linear-gradient(to bottom right, #f7ef8a 0%, #cfa944 50%, #b18929 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 1080px) {
  .promiseSection .promiseTextSection .promiseTextWrap h2 {
    max-width: 600px;
  }
}
@media (max-width: 992px) {
  .promiseSection .promiseTextSection .promiseTextWrap h2 {
    max-width: 500px;
    font-size: 60px;
  }
}
@media (max-width: 600px) {
  .promiseSection .promiseTextSection .promiseTextWrap h2 {
    font-size: 34px;
    max-width: 300px;
  }
}
.promiseSection .promiseTextSection .promiseTextWrap p {
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  color: #FDFBFC;
  max-width: 690px;
  width: 100%;
}
@media (max-width: 600px) {
  .promiseSection .promiseTextSection .promiseTextWrap p {
    font-size: 16px;
  }
}
.promiseSection .promiseTextSection .promiseTextWrap span {
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  color: #dee2aa;
  font-style: italic;
  max-width: 690px;
  width: 100%;
}
@media (max-width: 600px) {
  .promiseSection .promiseTextSection .promiseTextWrap span {
    font-size: 16px;
  }
}
.promiseSection .promiseCardSection {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 20px 0;
  z-index: 0;
  overflow: visible;
}
@media (max-width: 600px) {
  .promiseSection .promiseCardSection {
    overflow: hidden;
  }
}
.promiseSection .promiseCardSection::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  top: 100px;
  z-index: 1;
  background-image: url("../icons/promise-line.svg");
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1080px) {
  .promiseSection .promiseCardSection::before {
    height: 300px;
  }
}
@media (max-width: 600px) {
  .promiseSection .promiseCardSection::before {
    height: 200px;
  }
}
.promiseSection .promiseCardSection .promisecardWrapper {
  position: relative;
  z-index: 10;
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard {
  max-width: 380px;
  width: 100%;
  border-radius: 230px;
  border: solid 1px #dee2aa;
  gap: 20px;
  padding: 50px 50px;
  overflow: hidden;
  background-color: #121414;
  position: relative;
  z-index: 5;
  transform: scale(1);
}
@media (max-width: 600px) {
  .promiseSection .promiseCardSection .promisecardWrapper .promiseCard {
    max-width: 182px;
    padding: 30px 0px;
    gap: 10px;
  }
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard:nth-child(1) {
  transform: rotate(-15deg) scale(1);
  left: 20px;
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard:nth-child(1):hover {
  z-index: 10;
  transform: scale(1.05) rotate(-15deg);
  overflow: visible;
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard:nth-child(1):hover .promiseCardImg {
  transform: scale(1.15);
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard:nth-child(1):hover .promiseCardImg img:last-child {
  transform: rotate(30deg);
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard:nth-child(2) {
  transform: rotate(15deg) scale(1);
  right: 20px;
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard:nth-child(2):hover {
  z-index: 10;
  transform: scale(1.05) rotate(15deg);
  overflow: visible;
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard:nth-child(2):hover .promiseCardImg {
  transform: scale(1.15);
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard:nth-child(2):hover .promiseCardImg img:last-child {
  transform: rotate(30deg);
  top: 0px;
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard .leaficon {
  width: 50px;
}
@media (max-width: 1440px) {
  .promiseSection .promiseCardSection .promisecardWrapper .promiseCard .leaficon {
    width: 30px;
  }
}
@media (max-width: 600px) {
  .promiseSection .promiseCardSection .promisecardWrapper .promiseCard .leaficon {
    width: 24px;
  }
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard h3 {
  font-size: 40px;
  color: #dee2aa;
}
@media (max-width: 1080px) {
  .promiseSection .promiseCardSection .promisecardWrapper .promiseCard h3 {
    font-size: 26px;
  }
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard .promiseCardImg {
  position: relative;
  margin-top: 40px;
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard .promiseCardImg img {
  width: 100%;
  max-width: 200px;
  border-radius: 8px;
  position: relative;
}
@media (max-width: 600px) {
  .promiseSection .promiseCardSection .promisecardWrapper .promiseCard .promiseCardImg img {
    max-width: 100px;
  }
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard .promiseCardImg img:first-child {
  top: -10px;
  left: 30px;
  transform: rotate(-15deg);
  z-index: 10;
}
.promiseSection .promiseCardSection .promisecardWrapper .promiseCard .promiseCardImg img:last-child {
  top: 10px;
  right: 30px;
  transform: rotate(15deg);
  z-index: 8;
}
.promiseSection .promiseCardSection .promisecardWrapper:has(.promiseCard:nth-child(2):hover) .promiseCard:nth-child(1) {
  transform: scale(0.7) rotate(-15deg);
  z-index: 5;
}
.promiseSection .promiseCardSection .promisecardWrapper:has(.promiseCard:nth-child(1):hover) .promiseCard:nth-child(2) {
  transform: scale(0.7) rotate(15deg);
  z-index: 5;
}

.infusionSection {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 20px;
  border-bottom: solid 1px #dee2aa;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1080px) {
  .infusionSection {
    padding: 40px 20px;
  }
}
@media (max-width: 600px) {
  .infusionSection {
    padding: 40px 20px;
  }
}
.infusionSection #infusionSection {
  position: absolute;
  top: -120px;
  height: 1px;
  width: 100%;
}
.infusionSection .verticalSliderCont {
  max-width: 1550px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1600px) {
  .infusionSection .verticalSliderCont {
    max-width: 1400px;
  }
}
@media (max-width: 1440px) {
  .infusionSection .verticalSliderCont {
    max-width: 1200px;
    gap: 100px;
  }
}
@media (max-width: 992px) {
  .infusionSection .verticalSliderCont {
    flex-direction: column-reverse;
    gap: 34px;
  }
}
.infusionSection .verticalSliderCont .verticalTextWrap {
  max-width: 720px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 992px) {
  .infusionSection .verticalSliderCont .verticalTextWrap {
    justify-content: center;
    align-items: center;
    gap: 15px;
  }
}
.infusionSection .verticalSliderCont .verticalTextWrap h2 {
  font-size: 80px;
  color: #dee2aa;
  line-height: 100%;
  letter-spacing: -2px;
}
@media (max-width: 600px) {
  .infusionSection .verticalSliderCont .verticalTextWrap h2 {
    text-align: center;
    font-size: 34px;
  }
}
.infusionSection .verticalSliderCont .verticalTextWrap p {
  font-size: 24px;
  color: #FDFBFC;
}
@media (max-width: 600px) {
  .infusionSection .verticalSliderCont .verticalTextWrap p {
    text-align: center;
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .infusionSection .verticalImgWrap {
    width: 100%;
    height: initial;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.infusionSection .verticalImgWrap .wrapper {
  height: 620px;
  width: 620px;
}
@media (max-width: 1600px) {
  .infusionSection .verticalImgWrap .wrapper {
    height: 500px;
    width: 500px;
  }
}
@media (max-width: 1366px) {
  .infusionSection .verticalImgWrap .wrapper {
    height: 400px;
    width: 400px;
  }
}
@media (max-width: 992px) {
  .infusionSection .verticalImgWrap .wrapper {
    width: 80%;
    height: initial;
    aspect-ratio: 16/9;
  }
}
.infusionSection .verticalImgWrap .wrapper .owl-stage-outer {
  overflow: visible;
}
.infusionSection .verticalImgWrap .wrapper .owl-item {
  opacity: 0.2;
}
@media (max-width: 992px) {
  .infusionSection .verticalImgWrap .wrapper .owl-item {
    transform: scale(0.9);
  }
}
.infusionSection .verticalImgWrap .wrapper .owl-item.active {
  opacity: 1;
}
@media (max-width: 992px) {
  .infusionSection .verticalImgWrap .wrapper .owl-item.active {
    transform: scale(1);
  }
}
.infusionSection .verticalImgWrap .wrapper .item {
  border-radius: 80px;
  border: solid 1px #dee2aa;
  overflow: hidden;
}
@media (max-width: 992px) {
  .infusionSection .verticalImgWrap .wrapper .item {
    border-radius: 26px;
  }
}
.infusionSection .verticalImgWrap .wrapper .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 992px) {
  .infusionSection .verticalImgWrap .wrapper .item img {
    aspect-ratio: 16/9;
  }
}
.infusionSection .verticalImgWrap .owl-carousel-vertical {
  transform: rotate3d(0, 0, 1, 90deg);
}
@media (max-width: 992px) {
  .infusionSection .verticalImgWrap .owl-carousel-vertical {
    transform: rotate3d(0, 0, 1, 180deg);
  }
}
.infusionSection .verticalImgWrap .owl-carousel-vertical .item {
  transform: rotate3d(0, 0, 1, -90deg);
}
@media (max-width: 992px) {
  .infusionSection .verticalImgWrap .owl-carousel-vertical .item {
    transform: rotate3d(0, 0, 1, -180deg);
  }
}

.indoorSection {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 20px;
  border-bottom: solid 1px #dee2aa;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1440px) {
  .indoorSection {
    height: 100vh;
  }
}
@media (max-width: 1080px) {
  .indoorSection {
    height: initial;
  }
}
.indoorSection #indoorSection {
  position: absolute;
  top: -150px;
  width: 100%;
  height: 1px;
}
@media (max-width: 1080px) {
  .indoorSection {
    padding: 40px 20px;
  }
}
@media (max-width: 600px) {
  .indoorSection {
    padding: 40px 20px;
  }
}
.indoorSection .verticalSliderCont {
  max-width: 1550px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1600px) {
  .indoorSection .verticalSliderCont {
    max-width: 1400px;
  }
}
@media (max-width: 1440px) {
  .indoorSection .verticalSliderCont {
    max-width: 1200px;
    gap: 100px;
  }
}
@media (max-width: 1080px) {
  .indoorSection .verticalSliderCont {
    flex-direction: column;
    gap: 60px;
  }
}
@media (max-width: 992px) {
  .indoorSection .verticalSliderCont {
    gap: 34px;
  }
}
.indoorSection .verticalSliderCont .verticalTextWrap {
  max-width: 720px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1080px) {
  .indoorSection .verticalSliderCont .verticalTextWrap {
    justify-content: center;
    align-items: center;
    gap: 15px;
  }
}
.indoorSection .verticalSliderCont .verticalTextWrap h2 {
  font-size: 80px;
  color: #dee2aa;
  line-height: 100%;
  letter-spacing: -2px;
}
@media (max-width: 600px) {
  .indoorSection .verticalSliderCont .verticalTextWrap h2 {
    text-align: center;
    font-size: 34px;
  }
}
.indoorSection .verticalSliderCont .verticalTextWrap p {
  font-size: 24px;
  color: #FDFBFC;
}
@media (max-width: 1080px) {
  .indoorSection .verticalSliderCont .verticalTextWrap p {
    text-align: center;
  }
}
@media (max-width: 600px) {
  .indoorSection .verticalSliderCont .verticalTextWrap p {
    text-align: center;
    font-size: 16px;
  }
}
.indoorSection .verticalImgWrap {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1080px) {
  .indoorSection .verticalImgWrap {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .indoorSection .verticalImgWrap {
    width: 100%;
    height: initial;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.indoorSection .verticalImgWrap .wrapper {
  width: 50%;
}
@media (max-width: 1440px) {
  .indoorSection .verticalImgWrap .wrapper {
    width: 100%;
    padding-top: 210px;
  }
}
@media (max-width: 1080px) {
  .indoorSection .verticalImgWrap .wrapper {
    padding-top: initial;
    width: 80%;
  }
}
.indoorSection .verticalImgWrap .wrapper .owl-carousel {
  transform: rotate(90deg);
}
@media (max-width: 1080px) {
  .indoorSection .verticalImgWrap .wrapper .owl-carousel {
    transform: rotate(0deg);
  }
}
.indoorSection .verticalImgWrap .wrapper .owl-stage-outer {
  overflow: visible;
}
.indoorSection .verticalImgWrap .wrapper .owl-item {
  opacity: 0.2;
  transform: scale(0.9);
}
.indoorSection .verticalImgWrap .wrapper .owl-item.active {
  opacity: 1;
  transform: scale(1);
  aspect-ratio: 16/9;
}
@media (max-width: 992px) {
  .indoorSection .verticalImgWrap .wrapper .owl-item.active {
    transform: scale(1);
  }
}
.indoorSection .verticalImgWrap .wrapper .item {
  border-radius: 80px;
  border: solid 1px #dee2aa;
  overflow: hidden;
  aspect-ratio: 9/16;
}
@media (max-width: 1080px) {
  .indoorSection .verticalImgWrap .wrapper .item {
    border-radius: 26px;
    aspect-ratio: 16/9;
  }
}
.indoorSection .verticalImgWrap .wrapper .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: rotate(270deg);
  overflow: visible;
}
@media (max-width: 1080px) {
  .indoorSection .verticalImgWrap .wrapper .item img {
    transform: rotate(0deg);
  }
}
@media (max-width: 992px) {
  .indoorSection .verticalImgWrap .owl-carousel-vertical {
    transform: rotate3d(0, 0, 1, 180deg);
  }
}
@media (max-width: 992px) {
  .indoorSection .verticalImgWrap .owl-carousel-vertical .item {
    transform: rotate3d(0, 0, 1, -180deg);
  }
}

.outDoorSection {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 20px;
  border-bottom: solid 1px #dee2aa;
  gap: 60px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 992px) {
  .outDoorSection {
    gap: 34px;
    padding: 40px 20px;
  }
}
.outDoorSection #outDoorSection {
  position: absolute;
  top: -120px;
  height: 1px;
  width: 100%;
}
.outDoorSection .centerTextWrap {
  max-width: 720px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 992px) {
  .outDoorSection .centerTextWrap {
    justify-content: center;
    align-items: center;
    gap: 15px;
  }
}
.outDoorSection .centerTextWrap h2 {
  font-size: 80px;
  color: #dee2aa;
  line-height: 100%;
  text-align: center;
}
@media (max-width: 600px) {
  .outDoorSection .centerTextWrap h2 {
    text-align: center;
    font-size: 34px;
  }
}
.outDoorSection .centerTextWrap p {
  font-size: 24px;
  color: #FDFBFC;
  text-align: center;
}
@media (max-width: 600px) {
  .outDoorSection .centerTextWrap p {
    text-align: center;
    font-size: 16px;
  }
}
.outDoorSection .centerImgSlider {
  width: 100%;
}
.outDoorSection .centerImgSlider .centerImgSliderCont {
  max-width: 800px;
  width: 100%;
  aspect-ratio: 16/9;
}
@media (max-width: 992px) {
  .outDoorSection .centerImgSlider .centerImgSliderCont {
    max-width: 80%;
  }
}
.outDoorSection .centerImgSlider .centerImgSliderCont .owl-stage-outer {
  overflow: visible;
}
.outDoorSection .centerImgSlider .centerImgSliderCont .owl-stage-outer .owl-item {
  transform: scale(0.9);
}
.outDoorSection .centerImgSlider .centerImgSliderCont .owl-stage-outer .owl-item .centerSlidecard {
  border-color: rgba(222, 226, 170, 0.5);
}
.outDoorSection .centerImgSlider .centerImgSliderCont .owl-stage-outer .owl-item .centerSlidecard img {
  opacity: 0.2;
}
.outDoorSection .centerImgSlider .centerImgSliderCont .owl-stage-outer .owl-item.active {
  transform: scale(1);
}
.outDoorSection .centerImgSlider .centerImgSliderCont .owl-stage-outer .owl-item.active .centerSlidecard {
  border-color: #dee2aa;
}
.outDoorSection .centerImgSlider .centerImgSliderCont .owl-stage-outer .owl-item.active .centerSlidecard img {
  opacity: 1;
}
.outDoorSection .centerImgSlider .centerImgSliderCont .centerSlidecard {
  width: 100%;
  border-radius: 80px;
  border: solid 2px #dee2aa;
  overflow: hidden;
  background-color: #151515;
}
@media (max-width: 992px) {
  .outDoorSection .centerImgSlider .centerImgSliderCont .centerSlidecard {
    border-radius: 26px;
    border: solid 1px #dee2aa;
  }
}
.outDoorSection .centerImgSlider .centerImgSliderCont .centerSlidecard img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.storySection {
  width: 100%;
  background-color: #151515;
  padding: 100px 20px 200px;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
@media (max-width: 600px) {
  .storySection {
    padding: 0px 20px;
  }
}
.storySection .storyImg {
  position: absolute;
  width: 990px;
  height: initial;
  z-index: 1;
  top: 30px;
}
.storySection .storyCardWrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 10;
  height: 100vh;
  padding-top: 200px;
  margin-bottom: 100px;
}
@media (max-width: 1080px) {
  .storySection .storyCardWrapper {
    height: initial;
    padding-top: 100px;
    padding-bottom: 100px;
    min-height: 600px;
    margin-bottom: 0px;
  }
}
.storySection .storyCardWrapper .storyCard {
  width: 100%;
  max-width: 924px;
  border: solid 1px #dee2aa;
  padding: 80px 100px;
  gap: 20px;
  border-radius: 1000px;
  position: absolute;
  top: 100px;
}
@media (max-width: 1366px) {
  .storySection .storyCardWrapper .storyCard {
    padding: 40px 37px;
    gap: 15px;
    border-radius: 200px;
  }
}
@media (max-width: 600px) {
  .storySection .storyCardWrapper .storyCard {
    padding: 30px 37px;
    gap: 7px;
    border-radius: 120px;
  }
}
.storySection .storyCardWrapper .storyCard h2 {
  font-size: 80px;
  color: #dee2aa;
  line-height: 100%;
  text-align: center;
}
@media (max-width: 992px) {
  .storySection .storyCardWrapper .storyCard h2 {
    font-size: 60px;
  }
}
@media (max-width: 1366px) {
  .storySection .storyCardWrapper .storyCard h2 {
    font-size: 60px;
  }
}
@media (max-width: 600px) {
  .storySection .storyCardWrapper .storyCard h2 {
    font-size: 34px;
  }
}
.storySection .storyCardWrapper .storyCard p {
  font-size: 24px;
  color: #FDFBFC;
  text-align: center;
}
@media (max-width: 992px) {
  .storySection .storyCardWrapper .storyCard p {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .storySection .storyCardWrapper .storyCard p {
    font-size: 16px;
  }
}
.storySection .storyCardWrapper .storyCard span {
  font-size: 24px;
  color: #dee2aa;
  text-align: center;
  font-style: italic;
}
@media (max-width: 992px) {
  .storySection .storyCardWrapper .storyCard span {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .storySection .storyCardWrapper .storyCard span {
    font-size: 14px;
  }
}

.curveAnimationSectyion {
  width: 100%;
  position: relative;
  z-index: 10;
}
.curveAnimationSectyion .curveSection {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 20;
}
.curveAnimationSectyion .curveSection .curveImage {
  width: 100%;
}
.curveAnimationSectyion .curveSection .curveImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.curveAnimationSectyion .curveSection .stripWrapperDesk {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: row;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.curveAnimationSectyion .curveSection .stripWrapperDesk svg {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 518px;
}
@media (max-width: 1680px) {
  .curveAnimationSectyion .curveSection .stripWrapperDesk svg {
    height: 430px;
  }
}
@media (max-width: 1440px) {
  .curveAnimationSectyion .curveSection .stripWrapperDesk svg {
    height: 385px;
  }
}
@media (max-width: 1366px) {
  .curveAnimationSectyion .curveSection .stripWrapperDesk svg {
    height: 370px;
  }
}
@media (max-width: 1080px) {
  .curveAnimationSectyion .curveSection .stripWrapperDesk svg {
    height: 280px;
  }
}
@media (max-width: 992px) {
  .curveAnimationSectyion .curveSection .stripWrapperDesk svg {
    height: 210px;
  }
}
@media (max-width: 600px) {
  .curveAnimationSectyion .curveSection .stripWrapperDesk svg {
    height: 126px;
  }
}
.curveAnimationSectyion .curveSection .stripWrapperDesk svg .birdicon {
  font-family: "birdicon";
  font-size: 120px;
  fill: #dee2aa;
}
@media screen and (width <= 992px) {
  .curveAnimationSectyion .curveSection .stripWrapperDesk svg .birdicon {
    font-size: 200px;
  }
}
.curveAnimationSectyion .curveSection .stripWrapperDesk svg .shapeText {
  font-size: 60px;
  fill: #dee2aa;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
@media (max-width: 600px) {
  .curveAnimationSectyion .curveSection .stripWrapperDesk svg .shapeText {
    font-size: 80px;
  }
}

.cultivationSection {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px 0px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  min-height: 100vh;
  position: relative;
}
@media (max-width: 992px) {
  .cultivationSection {
    padding: 100px 20px 100px;
    min-height: initial;
  }
}
.cultivationSection .cultivationWrap {
  position: relative;
  width: 100%;
}
.cultivationSection .cultivationWrap .cultivationTextWrap {
  width: 100%;
}
@media (max-width: 600px) {
  .cultivationSection .cultivationWrap .cultivationTextWrap {
    opacity: 0.2;
  }
}
.cultivationSection .cultivationWrap .cultivationTextWrap h2 {
  font-size: 80px;
  color: #dee2aa;
  line-height: 80%;
  text-align: center;
}
@media (max-width: 600px) {
  .cultivationSection .cultivationWrap .cultivationTextWrap h2 {
    font-size: 34px;
  }
}
.cultivationSection .cultivationWrap .cultivationTextWrap h3 {
  font-size: 110px;
  color: #dee2aa;
  line-height: 80%;
  background: #f7ef8a;
  background: linear-gradient(to bottom right, #f7ef8a 0%, #cfa944 50%, #b18929 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  text-align: center;
}
@media (max-width: 600px) {
  .cultivationSection .cultivationWrap .cultivationTextWrap h3 {
    font-size: 44px;
  }
}
.cultivationSection .cultivationWrap .cultivationTextWrap p {
  font-size: 24px;
  color: #FDFBFC;
  margin: 20px 0;
  font-weight: normal;
  max-width: 780px;
  width: 100%;
  text-align: center;
}
@media (max-width: 600px) {
  .cultivationSection .cultivationWrap .cultivationTextWrap p {
    font-size: 16px;
  }
}
.cultivationSection .cultivationWrap .cultivationTextWrap p b {
  font-weight: 900;
  color: #dee2aa;
}
.cultivationSection .cultivationWrap .floatCard {
  position: absolute;
  width: 100%;
  max-width: 400px;
  border: solid 4px #dee2aa;
  border-radius: 20px;
}
@media (max-width: 992px) {
  .cultivationSection .cultivationWrap .floatCard {
    max-width: 300px;
  }
}
@media (max-width: 600px) {
  .cultivationSection .cultivationWrap .floatCard {
    max-width: 160px;
  }
}
.cultivationSection .cultivationWrap .floatCard.cardLeft {
  transform: rotate(-15deg);
  margin-left: -300px;
  z-index: 10;
}
@media (max-width: 992px) {
  .cultivationSection .cultivationWrap .floatCard.cardLeft {
    margin-left: -200px;
  }
}
@media (max-width: 600px) {
  .cultivationSection .cultivationWrap .floatCard.cardLeft {
    margin-left: -120px;
  }
}
.cultivationSection .cultivationWrap .floatCard.cardRight {
  transform: rotate(15deg);
  margin-right: -300px;
  z-index: 9;
}
@media (max-width: 992px) {
  .cultivationSection .cultivationWrap .floatCard.cardRight {
    margin-right: -200px;
  }
}
@media (max-width: 600px) {
  .cultivationSection .cultivationWrap .floatCard.cardRight {
    margin-right: -120px;
  }
}

.circleSection {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  position: relative;
}
@media (max-width: 1080px) {
  .circleSection {
    min-height: initial;
    padding: 100px 20px;
  }
}
@media (max-width: 600px) {
  .circleSection {
    padding: 50px 20px;
    overflow: hidden;
  }
}
.circleSection .circleBatchSection {
  width: 100%;
  position: relative;
}
.circleSection .circleBatchSection .circlebatchWrap {
  position: relative;
  gap: 50px;
  width: 100%;
}
.circleSection .circleBatchSection .circlebatchWrap .circleText {
  top: 50%;
  transform: translateY(-30%);
  right: 0;
  position: absolute;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  z-index: 10;
  max-width: 525px;
  width: 100%;
  gap: 20px;
  right: 400px;
}
@media (max-width: 1600px) {
  .circleSection .circleBatchSection .circlebatchWrap .circleText {
    right: 300px;
  }
}
@media (max-width: 1200px) {
  .circleSection .circleBatchSection .circlebatchWrap .circleText {
    right: 150px;
  }
}
@media (max-width: 600px) {
  .circleSection .circleBatchSection .circlebatchWrap .circleText {
    right: -30px;
    gap: 7px;
    max-width: 235px;
  }
}
.circleSection .circleBatchSection .circlebatchWrap .circleText h2 {
  font-size: 80px;
  color: #dee2aa;
  line-height: 90%;
}
@media (max-width: 600px) {
  .circleSection .circleBatchSection .circlebatchWrap .circleText h2 {
    font-size: 30px;
    max-width: 198px;
    padding-left: 20px;
  }
}
.circleSection .circleBatchSection .circlebatchWrap .circleText .button {
  opacity: 0;
}
@media (max-width: 600px) {
  .circleSection .circleBatchSection .circlebatchWrap .circleText .button {
    transform: scale(0.9);
  }
}
.circleSection .circleBatchSection .circlebatchWrap .circleDivOuter {
  width: 560px;
  height: 560px;
  border-radius: 500px;
  border: solid 2px #dee2aa;
  position: relative;
  overflow: hidden;
  right: 150px;
  background-color: #151515;
}
@media (max-width: 600px) {
  .circleSection .circleBatchSection .circlebatchWrap .circleDivOuter {
    width: 212px;
    height: 212px;
    right: 60px;
  }
}
.circleSection .circleBatchSection .circlebatchWrap .circleDivOuter .circleDivInner {
  width: 560px;
  height: 560px;
  border-radius: 500px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 600px) {
  .circleSection .circleBatchSection .circlebatchWrap .circleDivOuter .circleDivInner {
    width: 212px;
    height: 212px;
  }
}
.circleSection .circleBatchSection .circlebatchWrap .circleDivOuter .circleDivInner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .circleSection .circleBatchSection .circlebatchWrap .circleDivOuter .button .btnArrow {
    display: none !important;
  }
}

.textshadow {
  line-height: 100%;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: transparent;
}
@media (max-width: 600px) {
  .textshadow {
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: transparent;
  }
}

@media (max-width: 600px) {
  .circleSection .button .btnArrow {
    display: none !important;
  }
}

.strainsSection .strainTabWrapper .tabHeaderWrap {
  transition: all 0.2s;
}
.strainsSection .strainTabWrapper .tabHeaderWrap.strainHeadingActive {
  transition: all 0.2s;
}
@media (max-width: 990px) {
  .strainsSection .strainTabWrapper .tabHeaderWrap {
    width: 100%;
    border-radius: 40px;
    overflow-x: auto;
    justify-content: center;
    align-items: flex-start;
  }
  .strainsSection .strainTabWrapper .tabHeaderWrap::-webkit-scrollbar {
    height: 0;
  }
  .strainsSection .strainTabWrapper .tabHeaderWrap::-webkit-scrollbar-track {
    height: 0;
  }
  .strainsSection .strainTabWrapper .tabHeaderWrap::-webkit-scrollbar-thumb {
    height: 0;
  }
}
@media (max-width: 992px) {
  .strainsSection .strainTabWrapper .tabHeaderWrap .strainsTab {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.strainsSection .strainTabWrapper .tabHeaderWrap .strainsTab .active {
  background: #151515;
  border-radius: 100px;
  box-shadow: inset 0px 0px 0px 1px rgb(222, 226, 170);
}
@media (max-width: 992px) {
  .strainsSection .strainTabWrapper .tabHeaderWrap .strainsTab .active {
    border-radius: 30px;
  }
}

/* age popup */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}

.popup-box {
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  text-align: center;
  max-width: 600px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  width: 100%;
  background-image: url("..//images/footer-bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px 50px;
}

.popup-box h2 {
  font-size: 50px;
  color: #f7ef8a;
  font-weight: bold;
  margin-bottom: 24px;
  font-family: "HelloParisSans-Bold";
  background: linear-gradient(to bottom right, #f7ef8a 0%, #cfa944 50%, #b18929 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.popup-box p {
  margin-top: 0;
  font-size: 27px;
  color: #dee2aa;
  font-weight: 500;
  font-style: italic;
  margin-bottom: 20px;
  font-family: "Albert-Regular";
}

.popup-buttons {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.popup-buttons button {
  padding: 0.6rem 1.2rem;
  font-size: 1rem;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.2s;
  min-height: 53px;
  width: initial;
  padding: 12px 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 80px;
  font-size: 18px;
  color: #dee2aa;
  font-weight: bold;
  border: solid 1px #dee2aa;
}

.popup-buttons button:hover {
  background-color: #333;
}

h2.deny-message {
  margin-top: 0;
  font-size: 27px;
  color: #dee2aa;
  font-weight: 500;
  font-style: italic;
  margin-bottom: 20px;
  font-family: "Albert-Regular";
  display: none;
  margin-bottom: 0px;
}

@media (max-width: 600px) {
  .popup-box {
    padding: 50px 20px;
  }
  .popup-box h2 {
    font-size: 36px;
    margin-bottom: 10px;
  }
  .popup-box p {
    font-size: 20px;
    margin-bottom: 10px;
  }
  h2.deny-message {
    font-size: 20px;
  }
}

/*# sourceMappingURL=style.css.map */