/* Fonts */

/* No Select */

.noselect, img {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                        supported by Chrome, Edge, Opera and Firefox */
    transform: none;
}

input,
textarea,
button,
select,
a,
svg,
div {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Loading Page */

.loadingPage {
    position: fixed;
    background-color: #FFFCD7;
    width: 100vw;
    height: 100vh;
    z-index: 90000000000000000000000000000000000000;
    pointer-events: none;
}

/* Defaults */

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

::selection {
    background-color: #153E35;
    color: #ffffff;
}

html {
    background-color: #FFFCD7;
    font-size: 10px;
    color: #153E35;
    scroll-behavior: smooth;
    /* cursor: none; */
}

body {
    background-color: #FFFCD7;
    box-sizing: border-box;
    z-index: 100;
    font-size: 10px;
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
}

.webgl {
    position: fixed;
    outline: none;
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;
    z-index: 100000000;
    pointer-events: none;
}

main {
    position: absolute;
    overflow-x: hidden;
}

/* Responsive */

@media screen and (min-width: 1081px) and (max-height: 900px){

    @media (orientation: landscape) {
        /* Landscape */

        html {
            font-size: 10px;
       }

       .lottieResponsive {
            width: 20rem !important;
            height: 20rem !important;
       }

       .introTextSectionResponsive {
            padding-top: 10vh !important;
       }

       .introTextResponsive {
            width: 90vw !important;
       }

       .productSliderSectionResponsive {
            height: 100vh !important;
       }

       .productSliderInputResponsive {
             width: 85vw !important;
             position: relative;
             z-index: 100000;
       }

       .aboutUsSectionResponsive {
            height: 100vh !important;
            padding: 0 !important;
       }

       .aboutUsSectionContainerResponsive {
            height: 100vh !important;
            width: 100vw !important;
            display: flex !important;
            justify-content: space-between !important;
            padding: 0 !important;

       }

       .aboutUsPictureResponsive {
            width: 50vw !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            padding: 5vw !important;
       }

       .aboutUsTextResponsive {
            height: 100vh !important;
            width: 50vw !important;
            justify-content: center !important;
            flex-direction: column !important;
            padding: 10rem !important;
       }

       .productDescriptionHeaderResponsive {
            width: 90vw !important;
            margin-bottom: 10rem !important;
       }

       .exploreSectionResponsive {
            width: 100vw !important;
            height: 100vh !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
       }

       .infiniteMarqueeSectionResponsive {
            height: 60vh !important;

       }

       .footerSectionResponsive {
            height: 70vh !important;
       }

       .footerSectionLinksDivResponsive {
            margin-top: 2rem !important;
            margin-bottom: 6rem !important;
       }

       .footerSectionSocialsDiv {
            margin-top: 6rem !important;
            margin-bottom: 2rem !important;
        }

        .footerLayersDivResponsive {
            height: 70vh !important;
        }
    }

}

@media screen and (max-width: 1080px) and (min-width: 801px) {

    @media (orientation: Portrait) {
       /* Portrait */
       html {
            font-size: 10px;
       }

       .heroBushDiv {
            display: none !important;
       }

       .largeTextSVGResponsive {
            width: 90vw !important;
       }

       .heroSectionTextResponsive {
            width: 65vw !important;
       }

       .lottieResponsive {
            width: 10rem !important;
            height: 10rem !important;
       }

       .cheeseLottieResponsive {
            transform: translateX(-35vw) translateY(10vh) !important;
       }

       .introTextResponsive {
            width: 90vw !important;
            font-size: 2rem !important;
       }

       .productSliderSectionResponsive {
            height: 80vh !important;
       }

       .productSliderInputResponsive {
             width: 85vw !important;
       }

       .aboutUsSectionResponsive {
            height: 100vh !important;
       }

       .aboutUsSectionContainerResponsive {
            height: 100vh !important;
            flex-direction: column-reverse !important;
            justify-content: space-between !important;
            align-items: center !important;
       }

       .aboutUsPictureResponsive {
            width: 100vw !important;
       }

       .mainAboutUsImageDivResponsive {
            width: 90vw !important;
            height: 45vh !important;
       }

       .leftAboutPhotoResponsive {
            transform: translateX(-40vw) translateY(22rem) !important;
       }

       .rightAboutPhotoResponsive {
            transform: translateX(40vw) translateY(20rem) !important;
       }
       
       .aboutUsTextResponsive {
            height: 55vh !important;
            justify-content: center !important;
            align-items: center !important;
            flex-direction: column;
            padding-bottom: 0 !important;
       }

       .aboutUsHeaderResponsive {
            width: 90vw !important;
            font-size: 2.5rem !important;
            text-align: center;
       }

       .aboutUsBodyResponsive {
            width: 90vw !important;
            font-size: 2rem !important;
            text-align: center;
            margin-top: 2rem !important;
            margin-bottom: 4rem !important;
       }

       #productCard2Left, #productCard2Right {
            display: none;
       }

       #productCard2Mid {
            transform: scale(1.5) !important;
        }

       .productDescriptionHeaderResponsive {
            width: 90vw !important;
       }

       .productSliderWhiteInputResponsive {
            width: 85vw !important;
       }

       .productSliderContainer2Responsive {
            padding-bottom: 5rem !important;
       }

       .productSliderDescriptionDivResponsive {
           flex-direction: column !important;
       }

       .productSliderDescriptionTextName {
             display: none !important;
       }
       
       .productSliderDescriptionTextDivResponsive {
            width: 90vw !important;
            padding: 0 !important;
       }

       .productSliderDescriptionStatsDivResponsive {
            width: 90vw !important;
            margin-top: 2rem !important;
       }

       .productSliderDescriptionStatsIconsResponsive {
            width: 2rem !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
       }

       .productSliderDescriptionStatsLabelsResponsive {
            width: 5rem !important;
            display: flex !important;
            justify-content: flex-start !important;
            align-items: center !important;
            margin-left: 2rem !important;
            margin-right: 6rem !important;
       }

       .exploreSectionResponsive {
            width: 100vw !important;
            height: 100vh !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
       }

       .exploreSectionContainerResponsive {
            flex-direction: column-reverse !important;
       }

       .exploreTextResponsive {
            padding-top: 10rem !important;
       }

       .footerSectionLinksDivResponsive {
            flex-direction: column !important;
            margin-top: 2rem !important;
            margin-bottom: 6rem !important;
       }

       .footerSectionSocialsDiv {
            margin-top: 6rem !important;
            margin-bottom: 2rem !important;
        }

    }
      
    @media (orientation: landscape) {
        /* Landscape */

        html {
            font-size: 10px;
       }

       .exploreButtonDiv {
            display: none !important;
       }

       .heroBushDiv {
            display: none !important;
        }

       .largeTextSVGResponsive {
            width: 90vw !important;
       }

       .heroSectionTextResponsive {
            width: 65vw !important;
       }

       .lottieResponsive {
            width: 10rem !important;
            height: 10rem !important;
       }

       .cheeseLottieResponsive {
            transform: translateX(-45vw) translateY(-50vh) !important;
       }

       .introTextResponsive {
            width: 90vw !important;
            font-size: 2rem !important;
            color: #ffffff !important;
            text-shadow: 0rem 0rem 0.5rem #000000;
       }

       .productCardResponsive {
            transform: scale(0.5) !important;
       }

       .productSliderSectionResponsive {
            height: 80vh !important;
       }

       .productSliderInputResponsive {
             width: 85vw !important;
             transform: scale(0.7) !important;
             position: relative;
             z-index: 100000;
       }

       .aboutUsSectionResponsive {
            height: 100vh !important;
            padding: 0 !important;
       }

       .aboutUsSectionContainerResponsive {
            height: 100vh !important;
            width: 100vw !important;
            display: flex !important;
            justify-content: space-between !important;
            padding: 0 !important;

       }

       .aboutUsPictureResponsive {
            width: 50vw !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
       }

       .mainAboutUsImageDivResponsive {
            width: 40vw !important;
            height: 80vh !important;
            padding: 0 !important;
            display: flex !important;
            justify-content: center !important;
            align-items: flex-end !important;
       }

       .leftAboutPhotoResponsive {
            transform: translateX(-18vw) translateY(10rem) !important;
       }

       .rightAboutPhotoResponsive {
            transform: translateX(18vw) translateY(8rem) !important;
       }
       
       .aboutUsTextResponsive {
            height: 100vh !important;
            width: 50vw !important;
            justify-content: space-between !important;
            flex-direction: column !important;
            padding: 2rem !important;
       }

       .aboutUsHeaderResponsive {
            width: 45vw !important;
            font-size: 2.5rem !important;
       }

       .aboutUsBodyResponsive {
            width: 45vw !important;
            font-size: 2rem !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
       }

       .productDescriptionSectionResponsive {
            height: 150vh !important;
       }

       .productDescriptionBackgroundResponsive {
            height: 100vh !important;
       }

       .productDescriptionHeaderResponsive {
            width: 90vw !important;
       }

       .productSliderWhiteInputResponsive {
            width: 85vw !important;
       }

       .productSliderDescriptionDivResponsive {
           flex-direction: column !important;
       }

       .productSliderDescriptionTextName {
             display: none !important;
       }
       
       .productSliderDescriptionTextDivResponsive {
            width: 90vw !important;
            padding: 0 !important;
       }

       .productSliderDescriptionStatsDivResponsive {
            width: 90vw !important;
            margin-top: 2rem !important;
       }

       .productSliderDescriptionStatsIconsResponsive {
            width: 2rem !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
       }

       .productSliderDescriptionStatsLabelsResponsive {
            width: 5rem !important;
            display: flex !important;
            justify-content: flex-start !important;
            align-items: center !important;
            margin-left: 2rem !important;
            margin-right: 6rem !important;
       }

       .productCard2MidResponsive {
            transform: scale(0.5) !important;
       }

       #productCard2Left, #productCard2Right {
            display: none;
        }

       .exploreSectionResponsive {
            width: 100vw !important;
            height: 100vh !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
       }

       .exploreSectionContainerResponsive {
            flex-direction: column-reverse !important;
       }

       /* .explorePhotoResponsive {
            transform: scale(0.5) !important;
       } */

       .infiniteMarqueeSectionResponsive {
            height: 100vh !important;
       }

       .infiniteMarqueeHeader {
            display: none;
       }

       .footerSectionResponsive {
            height: 130vh !important;
       }

       .footerSectionLinksDivResponsive {
            margin-top: 2rem !important;
            margin-bottom: 6rem !important;
       }

       .footerSectionSocialsDiv {
            margin-top: 6rem !important;
            margin-bottom: 2rem !important;
        }

        .footerLayersDivResponsive {
            height: 130vh !important;
        }
    }

}

/* Max-Width 800px - Phones*/ 

@media screen and (max-width: 800px) {

    @media (orientation: Portrait) {
       /* Portrait */
       html {
            font-size: 10px;
       }

       .heroBushDiv {
            display: none !important;
       }

       .largeTextSVGResponsive {
            width: 90vw !important;
       }

       .heroSectionTextResponsive {
            width: 65vw !important;
       }

       .lottieResponsive {
            width: 10rem !important;
            height: 10rem !important;
       }

       .cheeseLottieResponsive {
            transform: translateX(-35vw) translateY(-12vh) !important;
       }

       .introTextResponsive {
            width: 90vw !important;
            font-size: 2rem !important;
       }

       .productSliderSectionResponsive {
            height: 80vh !important;
       }

       .productSliderInputResponsive {
             width: 85vw !important;
       }

       .aboutUsSectionResponsive {
            height: 100vh !important;
       }

       .aboutUsSectionContainerResponsive {
            height: 100vh !important;
            flex-direction: column-reverse !important;
            justify-content: space-between !important;
            align-items: center !important;
       }

       .aboutUsPictureResponsive {
            width: 100vw !important;
       }

       .mainAboutUsImageDivResponsive {
            width: 90vw !important;
            height: 45vh !important;
       }

       .leftAboutPhotoResponsive {
            transform: translateX(-40vw) translateY(15rem) !important;
       }

       .rightAboutPhotoResponsive {
            transform: translateX(40vw) translateY(13rem) !important;
       }
       
       .aboutUsTextResponsive {
            height: 55vh !important;
            justify-content: center !important;
            align-items: center !important;
            flex-direction: column;
            padding-bottom: 0 !important;
       }

       .aboutUsHeaderResponsive {
            width: 90vw !important;
            font-size: 2.5rem !important;
            text-align: center;
       }

       .aboutUsBodyResponsive {
            width: 90vw !important;
            font-size: 2rem !important;
            text-align: center;
            margin-top: 2rem !important;
            margin-bottom: 4rem !important;
       }

       #productCard2Left, #productCard2Right {
            display: none;
       }

       #productCard2Mid {
            transform: scale(0.8) !important;
        }

       /* .productCardResponsive {
            transform: scale(0.8) !important;
        } */

       .productDescriptionHeaderResponsive {
            width: 90vw !important;
       }

       .productSliderWhiteInputResponsive {
            width: 85vw !important;
       }

       .productSliderContainer2Responsive {
            padding-bottom: 5rem !important;
       }

       .productSliderDescriptionDivResponsive {
           flex-direction: column !important;
       }

       .productSliderDescriptionTextName {
             display: none !important;
       }
       
       .productSliderDescriptionTextDivResponsive {
            width: 90vw !important;
            padding: 0 !important;
       }

       .productSliderDescriptionStatsDivResponsive {
            width: 90vw !important;
            margin-top: 2rem !important;
       }

       .productSliderDescriptionStatsIconsResponsive {
            width: 2rem !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
       }

       .productSliderDescriptionStatsLabelsResponsive {
            width: 5rem !important;
            display: flex !important;
            justify-content: flex-start !important;
            align-items: center !important;
            margin-left: 2rem !important;
            margin-right: 6rem !important;
       }

       .exploreSectionResponsive {
            width: 100vw !important;
            height: 100vh !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
       }

       .exploreSectionContainerResponsive {
            flex-direction: column-reverse !important;
       }

       .exploreTextResponsive {
            padding-top: 10rem !important;
       }

       .explorePhotoResponsive {
            transform: scale(0.5) !important;
       }

       .footerSectionLinksDivResponsive {
            flex-direction: column !important;
            margin-top: 2rem !important;
            margin-bottom: 6rem !important;
       }

       .footerSectionSocialsDiv {
            margin-top: 6rem !important;
            margin-bottom: 2rem !important;
        }

    }
      
    @media (orientation: landscape) {
        /* Landscape */

        html {
            font-size: 10px;
       }

       .exploreButtonDiv {
            display: none !important;
       }

       .heroBushDiv {
            display: none !important;
        }

       .largeTextSVGResponsive {
            width: 90vw !important;
       }

       .heroSectionTextResponsive {
            width: 65vw !important;
       }

       .lottieResponsive {
            width: 10rem !important;
            height: 10rem !important;
       }

       .cheeseLottieResponsive {
            transform: translateX(-45vw) translateY(-50vh) !important;
       }

       .introTextResponsive {
            width: 90vw !important;
            font-size: 2rem !important;
            color: #ffffff !important;
            text-shadow: 0rem 0rem 0.5rem #000000;
       }

       .productCardResponsive {
            transform: scale(0.5) !important;
       }

       .productSliderSectionResponsive {
            height: 80vh !important;
       }

       .productSliderInputResponsive {
             width: 85vw !important;
             transform: scale(0.7) !important;
             position: relative;
             z-index: 100000;
       }

       .aboutUsSectionResponsive {
            height: 100vh !important;
            padding: 0 !important;
       }

       .aboutUsSectionContainerResponsive {
            height: 100vh !important;
            width: 100vw !important;
            display: flex !important;
            justify-content: space-between !important;
            padding: 0 !important;

       }

       .aboutUsPictureResponsive {
            width: 50vw !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
       }

       .mainAboutUsImageDivResponsive {
            width: 40vw !important;
            height: 80vh !important;
            padding: 0 !important;
            display: flex !important;
            justify-content: center !important;
            align-items: flex-end !important;
       }

       .leftAboutPhotoResponsive {
            transform: translateX(-18vw) translateY(10rem) !important;
       }

       .rightAboutPhotoResponsive {
            transform: translateX(18vw) translateY(8rem) !important;
       }
       
       .aboutUsTextResponsive {
            height: 100vh !important;
            width: 50vw !important;
            justify-content: space-between !important;
            flex-direction: column !important;
            padding: 2rem !important;
       }

       .aboutUsHeaderResponsive {
            width: 45vw !important;
            font-size: 2.5rem !important;
       }

       .aboutUsBodyResponsive {
            width: 45vw !important;
            font-size: 2rem !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
       }

       .productDescriptionSectionResponsive {
            height: 150vh !important;
       }

       .productDescriptionBackgroundResponsive {
            height: 100vh !important;
       }

       .productDescriptionHeaderResponsive {
            width: 90vw !important;
       }

       .productSliderWhiteInputResponsive {
            width: 85vw !important;
       }

       .productSliderDescriptionDivResponsive {
           flex-direction: column !important;
       }

       .productSliderDescriptionTextName {
             display: none !important;
       }
       
       .productSliderDescriptionTextDivResponsive {
            width: 90vw !important;
            padding: 0 !important;
       }

       .productSliderDescriptionStatsDivResponsive {
            width: 90vw !important;
            margin-top: 2rem !important;
       }

       .productSliderDescriptionStatsIconsResponsive {
            width: 2rem !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
       }

       .productSliderDescriptionStatsLabelsResponsive {
            width: 5rem !important;
            display: flex !important;
            justify-content: flex-start !important;
            align-items: center !important;
            margin-left: 2rem !important;
            margin-right: 6rem !important;
       }

       .productCard2MidResponsive {
            transform: scale(0.5) !important;
       }

       #productCard2Left, #productCard2Right {
            display: none;
        }

       .exploreSectionResponsive {
            width: 100vw !important;
            height: 100vh !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
       }

       .exploreSectionContainerResponsive {
            flex-direction: column-reverse !important;
       }

       .explorePhotoResponsive {
            transform: scale(0.5) !important;
       }

       .infiniteMarqueeSectionResponsive {
            height: 100vh !important;
       }

       .infiniteMarqueeHeader {
            display: none;
       }

       .footerSectionResponsive {
            height: 130vh !important;
       }

       .footerSectionLinksDivResponsive {
            margin-top: 2rem !important;
            margin-bottom: 6rem !important;
       }

       .footerSectionSocialsDiv {
            margin-top: 6rem !important;
            margin-bottom: 2rem !important;
        }

        .footerLayersDivResponsive {
            height: 130vh !important;
        }
    }

    /* Responsive Common */

}

/* Hero Section */
.heroSection {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.heroSectionOverlays {
    position: absolute;
    width: 100vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    z-index: 20;
    margin-bottom: 30vh;
}

.smallLogoTextSVG {
    margin-bottom: 4rem;
}

.heroSectionText {
    width: 45rem;
    text-align: center;
    font-size: 2.2rem;
    margin-top: 6.2rem;
    margin-bottom: 6.2rem;
}

/* Hero Layers */

.heroLayersDiv, .heroFrontLayerDiv, .heroRightMidLayerDiv, .heroLeftMidLayerDiv, .heroBackLayerDiv, .heroBackgroundDiv, .heroBushDiv, .heroPondDiv, .heroLargeLotusPhotoDiv, .heroSmallLotusPhotoDiv {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.heroSmallLotusPhotoDiv {
    z-index: 5000;
}

.heroLargeLotusPhotoDiv {
    z-index: 11;
}

.heroBushDiv {
    position: absolute;
    z-index: 12;
}

.heroPondDiv {
    z-index: 10;
}

.heroFrontLayerDiv {
    z-index: 6;
}

.heroRightMidLayerDiv {
    z-index: 4;
}

.heroLeftMidLayerDiv {
    z-index: 5;
}

.heroBackLayerDiv {
    z-index: 3;
}

.heroBackgroundDiv {
    z-index: 2
}

#heroFrontLeftPhoto {
    position: absolute;
    z-index: 11;
    transform: translateX(-41vw) translateY(34vh);
}

#heroPondPhoto {
    position: absolute;
    z-index: 10;
    transform: translateX(45vw) translateY(26.5vh);
}

#heroBigLotusPhoto {
    position: absolute;
    z-index: 15;
    transform: translateX(45vw) translateY(32vh);
}

#heroSmallLotusPhoto {
    position: absolute;
    z-index: 15;
    transform: translateX(40vw) translateY(46vh);
}

#heroTopRightPadPhoto {
    position: absolute;
    z-index: 15;
    transform: translateX(40vw) translateY(25.5vh);
}

#heroFrontHillPhoto {
    position: absolute;
    z-index: 9;
    transform: translateX(3vw) translateY(51vh); 
}

#heroRightMidHillPhoto {
    position: absolute;
    z-index: 8;
    transform: translateX(30vw) translateY(-10vh);
}

#heroLeftMidBushPhoto {
    position: absolute;
    z-index: 8;
    transform: translateX(-42vw) translateY(5vh);
}

#heroLeftMidHillPhoto {
    position: absolute;
    z-index: 7;
    transform: translateX(-25vw) translateY(-7vh);
}

#heroBackMountainPhoto {
    position: absolute;
    z-index: 6;
    transform: translateX(20vw) translateY(0vh);
}

#heroSunPhoto {
    position: absolute;
    z-index: 1;
    transform: translateX(0vw) translateY(0vh); 
}

#heroSmallCloudPhoto {
    position: absolute;
    z-index: 2;
    transform: translateX(0vw) translateY(0vh); 
}

#heroLargeCloudPhoto {
    position: absolute;
    z-index: 3;
    transform: translateX(0vw) translateY(0vh); 
}

#heroBackgroundPhoto {
    position: absolute;
    z-index: 0;
    transform: translateX(0vw) translateY(-10vh); 
}

/* Hero Text Section */
.introTextSection {
    width: 100vw;
    height: 30vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.introText {
    width: 50vw;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    position: relative;
    z-index: 20;
}

/* Product Slider Section */
.productSliderSection {
    width: 100vw;
    height: 70vh;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    overflow-x: hidden;
    position: relative;
    z-index: 100;

}

.productSliderContainer {
    width: 150vw;
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productSliderInput {
    -webkit-appearance: none;
    width: 111rem;
    height: 0.5rem;
    outline: none;
    background-color: #553838;
}

.productSliderInput::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 6.5rem;
    height: 6.1rem;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="65.056" height="60.694" viewBox="0 0 65.056 60.694"><defs><linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%236eca6b"/><stop offset="1" stop-color="%2323c258"/></linearGradient><linearGradient id="linear-gradient-2" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%236eca6b"/><stop offset="1" stop-color="%231b9b56"/></linearGradient><clipPath id="clip-path"><path id="Path_8010" data-name="Path 8010" d="M37.674,8.056S28.65,17.5,23.089,22.6c-5.56,5.12,7.218-14.943,4.211-16.9S19.484,28.9,15.574,21.827s-13.381-4.339-6.616,0c6.768,4.321,1.955,5.892-.152,9.042-2.1,3.133,1.2,3.54,4.062-.4s3.758-3.141,4.059,7.081c.3,10.239,2.1,12.192,2.1-.39s4.962-9.042,9.92-3.159c4.966,5.9,7.82,5.128,3.007-2.343s-.6-9.832,10.076-9.832S55.567,31.26,51.653,39.52,26.1,58.385,10.311,43.061C-5.475,27.719-.212,10.416,6.854,4.915s20.9-8.651,30.82,3.141" fill="url(%23linear-gradient)"/></clipPath></defs><g id="Group_69134" data-name="Group 69134" transform="translate(-933.944 -2305.387)"><g id="Group_2952" data-name="Group 2952" transform="matrix(0.999, -0.035, 0.035, 0.999, 933.944, 2307.587)"><path id="Path_8005" data-name="Path 8005" d="M12.289,3.807C-8.223,15.79-2.363,47.93,24.69,56.114c27.053,8.159,37.2-5.458,38.329-24.518q.033-.565.033-1.106v-.048c-.076-17.417-27.085-5.923-27.085-5.923l13.3-12.552S39.487,0,25.611,0A26.1,26.1,0,0,0,12.289,3.807" fill="url(%23linear-gradient-2)"/></g><g id="Group_2965" data-name="Group 2965" transform="matrix(0.999, -0.035, 0.035, 0.999, 933.946, 2307.587)"><path id="Path_8009" data-name="Path 8009" d="M57.951,25.668c1.418,9.65-.934,22.089-10.01,27.363-15.008,8.712-36.328-2.18-43.62-15.99S6.564,4.717,21.291,2.906c12.23-1.507,21.167,7,23.844,9.914l.843-.842S30.618-8.179,11.471,3.8C-7.676,15.8-2.2,47.933,23.044,56.116,48.293,64.275,57.761,50.658,58.814,31.6a12.883,12.883,0,0,0-.863-5.931" fill="url(%23linear-gradient)"/><g id="Group_2963" data-name="Group 2963" transform="translate(3.23 3.956)" opacity="0.2" style="mix-blend-mode: screen;isolation: isolate"><g id="Group_2962" data-name="Group 2962" transform="translate(0 0)"><g id="Group_3485" data-name="Group 3485" transform="translate(0)"><g id="Group_2960" data-name="Group 2960"><g id="Group_2959" data-name="Group 2959" clip-path="url(%23clip-path)"><rect id="Rectangle_2182" data-name="Rectangle 2182" width="61.042" height="62.122" transform="translate(-5.475 -3.734)" fill="url(%23linear-gradient)"/></g></g></g></g></g></g></g></svg>');
    background-repeat: no-repeat;
    cursor: pointer;
}

.productSliderInput::-moz-range-thumb {
    width: 6.5rem;
    height: 6.1rem;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="65.056" height="60.694" viewBox="0 0 65.056 60.694"><defs><linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%236eca6b"/><stop offset="1" stop-color="%2323c258"/></linearGradient><linearGradient id="linear-gradient-2" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%236eca6b"/><stop offset="1" stop-color="%231b9b56"/></linearGradient><clipPath id="clip-path"><path id="Path_8010" data-name="Path 8010" d="M37.674,8.056S28.65,17.5,23.089,22.6c-5.56,5.12,7.218-14.943,4.211-16.9S19.484,28.9,15.574,21.827s-13.381-4.339-6.616,0c6.768,4.321,1.955,5.892-.152,9.042-2.1,3.133,1.2,3.54,4.062-.4s3.758-3.141,4.059,7.081c.3,10.239,2.1,12.192,2.1-.39s4.962-9.042,9.92-3.159c4.966,5.9,7.82,5.128,3.007-2.343s-.6-9.832,10.076-9.832S55.567,31.26,51.653,39.52,26.1,58.385,10.311,43.061C-5.475,27.719-.212,10.416,6.854,4.915s20.9-8.651,30.82,3.141" fill="url(%23linear-gradient)"/></clipPath></defs><g id="Group_69134" data-name="Group 69134" transform="translate(-933.944 -2305.387)"><g id="Group_2952" data-name="Group 2952" transform="matrix(0.999, -0.035, 0.035, 0.999, 933.944, 2307.587)"><path id="Path_8005" data-name="Path 8005" d="M12.289,3.807C-8.223,15.79-2.363,47.93,24.69,56.114c27.053,8.159,37.2-5.458,38.329-24.518q.033-.565.033-1.106v-.048c-.076-17.417-27.085-5.923-27.085-5.923l13.3-12.552S39.487,0,25.611,0A26.1,26.1,0,0,0,12.289,3.807" fill="url(%23linear-gradient-2)"/></g><g id="Group_2965" data-name="Group 2965" transform="matrix(0.999, -0.035, 0.035, 0.999, 933.946, 2307.587)"><path id="Path_8009" data-name="Path 8009" d="M57.951,25.668c1.418,9.65-.934,22.089-10.01,27.363-15.008,8.712-36.328-2.18-43.62-15.99S6.564,4.717,21.291,2.906c12.23-1.507,21.167,7,23.844,9.914l.843-.842S30.618-8.179,11.471,3.8C-7.676,15.8-2.2,47.933,23.044,56.116,48.293,64.275,57.761,50.658,58.814,31.6a12.883,12.883,0,0,0-.863-5.931" fill="url(%23linear-gradient)"/><g id="Group_2963" data-name="Group 2963" transform="translate(3.23 3.956)" opacity="0.2" style="mix-blend-mode: screen;isolation: isolate"><g id="Group_2962" data-name="Group 2962" transform="translate(0 0)"><g id="Group_3485" data-name="Group 3485" transform="translate(0)"><g id="Group_2960" data-name="Group 2960"><g id="Group_2959" data-name="Group 2959" clip-path="url(%23clip-path)"><rect id="Rectangle_2182" data-name="Rectangle 2182" width="61.042" height="62.122" transform="translate(-5.475 -3.734)" fill="url(%23linear-gradient)"/></g></g></g></g></g></g></g></svg>');
    background-repeat: no-repeat;
    cursor: pointer;
}

.productCard {
    width: 38rem;
    height: 45rem;
    border-radius: 3.6rem;
    background-color: #57C264;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 3.5rem;
    margin-right: 3.5rem;
    box-shadow: 0 0 1rem 0.1rem #0000007a;
}

.productCardText {
    width: 25.5rem;
    height: 7rem;
    border-radius: 1.2rem;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 0 0.25rem 0.5rem 0.1rem #0000002a;
}

.productCardContent {
    width: 38rem;
    height: 45rem;
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    transform: translateY(3rem);
}

.productCardName {
    font-size: 1.6rem;
    font-weight: bold;
}

.productCardPrice {
    font-size: 1.4rem;
}

.productCardPhoto {
    width: 30rem;
    transform-origin: center;
    transform: translateY(5rem);
}

/* About Us Section */
.aboutUsSection {
    width: 100vw;
    height: 80vh;
}

.aboutUsSectionContainer {
    width: 100vw;
    height: 80vh;
    padding-left: 10vw;
    padding-right: 10vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.aboutUsPicture {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.leftAboutPhoto {
    position: absolute;
    transform: translateX(-20vw) translateY(22rem);
}

.rightAboutPhoto {
    position: absolute;
    transform: translateX(20vw) translateY(20rem);
}

.aboutUsText {
    width: 60rem;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    padding-bottom: 15rem;
    position: relative;
    z-index: 10000;
}

.aboutUsHeader {
    width: 60rem;
    font-size: 3rem;
    font-weight: bold;
}

.aboutUsBody {
    width: 60rem;
    font-size: 2.2rem;
    margin-top: 5rem;
    margin-bottom: 10rem;
}

.mainAboutUsImageDiv {
    width: 81rem;
    height: 54rem;
    border-radius: 2rem;
    overflow: hidden;
    box-shadow: inset 0 0 2rem #0000009a;
}

.mainAboutPhoto {
    transform-origin: center;
    transform: scale(1.2);
    position: relative;
    z-index: -1;
}

.mainAboutPhotoDiv {
    position: relative;
    z-index: -2;
}

/* Product Description Section */
.productDescriptionSection {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.product2LeftBorderPhoto {
    position: absolute;
    z-index: -1;
    transform: translateX(-62rem) translateY(-10rem);
}

.product2RightBorderPhoto {
    position: absolute;
    z-index: -1;
    transform: translateX(65rem) translateY(-10rem);
}

.product2LeftGrassPhoto {
    position: absolute;
    z-index: -1;
    transform: translateX(-62rem) translateY(47vh) scale(1.2);
}

.product2RightGrassPhoto {
    position: absolute;
    z-index: -1;
    transform: translateX(62rem) translateY(47vh) scale(1.2);
}

.productDescriptionHeader {
    width: 60rem;
    text-align: center;
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: 5rem;
    position: relative;
    z-index: 100000000000;
}

.productDescriptionBackground {
    width: 129rem;
    height: 49rem;
    background-color: #153E35;
    position: absolute;
    z-index: -2;
    transform: translateY(24vh);
    border-radius: 2.7rem;
}

.productSliderWhiteInput {
    -webkit-appearance: none;
    width: 111rem;
    height: 0.5rem;
    outline: none;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
}

.productSliderWhiteInput::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 6.5rem;
    height: 6.1rem;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="65.056" height="60.694" viewBox="0 0 65.056 60.694"><defs><linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%236eca6b"/><stop offset="1" stop-color="%2323c258"/></linearGradient><linearGradient id="linear-gradient-2" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%236eca6b"/><stop offset="1" stop-color="%231b9b56"/></linearGradient><clipPath id="clip-path"><path id="Path_8010" data-name="Path 8010" d="M37.674,8.056S28.65,17.5,23.089,22.6c-5.56,5.12,7.218-14.943,4.211-16.9S19.484,28.9,15.574,21.827s-13.381-4.339-6.616,0c6.768,4.321,1.955,5.892-.152,9.042-2.1,3.133,1.2,3.54,4.062-.4s3.758-3.141,4.059,7.081c.3,10.239,2.1,12.192,2.1-.39s4.962-9.042,9.92-3.159c4.966,5.9,7.82,5.128,3.007-2.343s-.6-9.832,10.076-9.832S55.567,31.26,51.653,39.52,26.1,58.385,10.311,43.061C-5.475,27.719-.212,10.416,6.854,4.915s20.9-8.651,30.82,3.141" fill="url(%23linear-gradient)"/></clipPath></defs><g id="Group_69134" data-name="Group 69134" transform="translate(-933.944 -2305.387)"><g id="Group_2952" data-name="Group 2952" transform="matrix(0.999, -0.035, 0.035, 0.999, 933.944, 2307.587)"><path id="Path_8005" data-name="Path 8005" d="M12.289,3.807C-8.223,15.79-2.363,47.93,24.69,56.114c27.053,8.159,37.2-5.458,38.329-24.518q.033-.565.033-1.106v-.048c-.076-17.417-27.085-5.923-27.085-5.923l13.3-12.552S39.487,0,25.611,0A26.1,26.1,0,0,0,12.289,3.807" fill="url(%23linear-gradient-2)"/></g><g id="Group_2965" data-name="Group 2965" transform="matrix(0.999, -0.035, 0.035, 0.999, 933.946, 2307.587)"><path id="Path_8009" data-name="Path 8009" d="M57.951,25.668c1.418,9.65-.934,22.089-10.01,27.363-15.008,8.712-36.328-2.18-43.62-15.99S6.564,4.717,21.291,2.906c12.23-1.507,21.167,7,23.844,9.914l.843-.842S30.618-8.179,11.471,3.8C-7.676,15.8-2.2,47.933,23.044,56.116,48.293,64.275,57.761,50.658,58.814,31.6a12.883,12.883,0,0,0-.863-5.931" fill="url(%23linear-gradient)"/><g id="Group_2963" data-name="Group 2963" transform="translate(3.23 3.956)" opacity="0.2" style="mix-blend-mode: screen;isolation: isolate"><g id="Group_2962" data-name="Group 2962" transform="translate(0 0)"><g id="Group_3485" data-name="Group 3485" transform="translate(0)"><g id="Group_2960" data-name="Group 2960"><g id="Group_2959" data-name="Group 2959" clip-path="url(%23clip-path)"><rect id="Rectangle_2182" data-name="Rectangle 2182" width="61.042" height="62.122" transform="translate(-5.475 -3.734)" fill="url(%23linear-gradient)"/></g></g></g></g></g></g></g></svg>');
    background-repeat: no-repeat;
    cursor: pointer;
}

.productSliderWhiteInput::-moz-range-thumb {
    width: 6.5rem;
    height: 6.1rem;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="65.056" height="60.694" viewBox="0 0 65.056 60.694"><defs><linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%236eca6b"/><stop offset="1" stop-color="%2323c258"/></linearGradient><linearGradient id="linear-gradient-2" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%236eca6b"/><stop offset="1" stop-color="%231b9b56"/></linearGradient><clipPath id="clip-path"><path id="Path_8010" data-name="Path 8010" d="M37.674,8.056S28.65,17.5,23.089,22.6c-5.56,5.12,7.218-14.943,4.211-16.9S19.484,28.9,15.574,21.827s-13.381-4.339-6.616,0c6.768,4.321,1.955,5.892-.152,9.042-2.1,3.133,1.2,3.54,4.062-.4s3.758-3.141,4.059,7.081c.3,10.239,2.1,12.192,2.1-.39s4.962-9.042,9.92-3.159c4.966,5.9,7.82,5.128,3.007-2.343s-.6-9.832,10.076-9.832S55.567,31.26,51.653,39.52,26.1,58.385,10.311,43.061C-5.475,27.719-.212,10.416,6.854,4.915s20.9-8.651,30.82,3.141" fill="url(%23linear-gradient)"/></clipPath></defs><g id="Group_69134" data-name="Group 69134" transform="translate(-933.944 -2305.387)"><g id="Group_2952" data-name="Group 2952" transform="matrix(0.999, -0.035, 0.035, 0.999, 933.944, 2307.587)"><path id="Path_8005" data-name="Path 8005" d="M12.289,3.807C-8.223,15.79-2.363,47.93,24.69,56.114c27.053,8.159,37.2-5.458,38.329-24.518q.033-.565.033-1.106v-.048c-.076-17.417-27.085-5.923-27.085-5.923l13.3-12.552S39.487,0,25.611,0A26.1,26.1,0,0,0,12.289,3.807" fill="url(%23linear-gradient-2)"/></g><g id="Group_2965" data-name="Group 2965" transform="matrix(0.999, -0.035, 0.035, 0.999, 933.946, 2307.587)"><path id="Path_8009" data-name="Path 8009" d="M57.951,25.668c1.418,9.65-.934,22.089-10.01,27.363-15.008,8.712-36.328-2.18-43.62-15.99S6.564,4.717,21.291,2.906c12.23-1.507,21.167,7,23.844,9.914l.843-.842S30.618-8.179,11.471,3.8C-7.676,15.8-2.2,47.933,23.044,56.116,48.293,64.275,57.761,50.658,58.814,31.6a12.883,12.883,0,0,0-.863-5.931" fill="url(%23linear-gradient)"/><g id="Group_2963" data-name="Group 2963" transform="translate(3.23 3.956)" opacity="0.2" style="mix-blend-mode: screen;isolation: isolate"><g id="Group_2962" data-name="Group 2962" transform="translate(0 0)"><g id="Group_3485" data-name="Group 3485" transform="translate(0)"><g id="Group_2960" data-name="Group 2960"><g id="Group_2959" data-name="Group 2959" clip-path="url(%23clip-path)"><rect id="Rectangle_2182" data-name="Rectangle 2182" width="61.042" height="62.122" transform="translate(-5.475 -3.734)" fill="url(%23linear-gradient)"/></g></g></g></g></g></g></g></svg>');
    background-repeat: no-repeat;
    cursor: pointer;
}

.productCardNameText2 {
    width: 25.5rem;
    height: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #ffffff;
    font-size: 3rem;
    font-weight: bold;
    transform: translateY(-5rem);
    text-shadow: 0rem 0rem 0.25rem #000000;
}

.sideNameTexts {
    color: #153E35;
    text-shadow: none;
}

.productCardContent2 {
    width: 38rem;
    height: 45rem;
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    transform: translateY(3rem);
}

.productSliderDescriptionDiv {
    width: 111rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4rem;
}

.productSliderDescriptionTextDiv {
    width: 50%;
    color: #ffffff;
    padding-right: 6.5rem;
}

.productSliderDescriptionTextName {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.productSliderDescriptionTextDescription {
    font-size: 1.8rem;
}

.StatsDiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    color: #ffffff;
}

.productSliderDescriptionStatsDiv {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.productSliderDescriptionStatsIcons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 3rem;
}

.productSliderDescriptionStatsLabels {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.8rem;
    width: 10rem;
    margin-left: 4rem;
    margin-right: 8rem;
}

.productSliderDescriptionStatsItems {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.8rem;
    font-weight: bold;
}

.productCard2 {
    width: 32rem;
    height: 39rem;
    border-radius: 3rem;
    overflow: hidden;
    background-color: #D9F2A4;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 3.5rem;
    margin-right: 3.5rem;
}

#productCard2Left {
    transform-origin: bottom center;
    transform: rotateZ(-10deg) translateY(30px);
}

#productCard2Right {
    transform-origin: bottom center;
    transform: rotateZ(10deg) translateY(30px);
}

#productCard2Mid {
    box-shadow: 0 0 5rem 1rem #43B160c0;
    background-color: #57C264;
}

.productSliderContainer2 {
    width: 150vw;
    height: 60vh;
    padding-bottom: 12rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.limitDiv {
    position: absolute;
    text-align: center;
    opacity: 0;
    color: #ffffff;
    font-size: 3rem;
    font-weight: bold;
    text-shadow: 0rem 0rem 0.5rem #000000;
}

/* Explore Section */
.exploreSection {
    width: 100vw;
    height: 80vh;
}

.explorePostsPhoto {
    position: absolute;
}

.exploreMainPhoto {
    position: absolute;
    transform-origin: top;
    transform: translateY(-1.5rem);
    border-radius: 2rem;
    border: 1.5rem solid #BA9993;
}

/* Infinite Marquee Section */
.infiniteMarqueeSection {
    width: 100vw;
    height: 42vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.infiniteMarqueeHeader {
    width: 40rem;
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

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

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

/* Footer Section */
.footerSection {
    width: 100vw;
    height: 68vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.footerSectionTopText {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}

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

.footerSectionLinksDiv {
    width: 70rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    font-size: 2rem;
    font-weight: bold;
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.footerSectionCopyrightsDiv {
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 5rem;
}

.footerSocialsLogoPhoto {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    border-radius: 50%;
    box-shadow: 0 0 5rem 1rem #0000001a;
    cursor: pointer;
}

.footerSectionSocialsDiv {
    margin-top: 8.6rem;
    margin-bottom: 3.35rem;
}

.footSectionOverlays {
    padding-top: 2rem;
    position: absolute;
    z-index: 10;
}

/* Footer Layers */
.footerLayersDiv {
    width: 100vw;
    height: 68vh;
    position: absolute;
    overflow: hidden;
}

.footerBackgroundPhotoDiv, .footerLeftHillDiv, .footerRightHillDiv, .footerBottomDiv {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 68vh;
}

.footerLeftHillDiv {
    z-index: 1;
}

.footerRightHillDiv {
    z-index: 4;
}

.footerLeftHillDiv {
    z-index: 5;
}

.footerBottomDiv {
    z-index: 10;
}

#footerBackgroundPhoto {
    position: absolute;
}

#footerLeftHillPhoto {
    z-index: 4;
    position: absolute;
    transform: translateX(-30vw) translateY(20vh); 
}

#footerRightHillPhoto {
    z-index: 5;
    position: absolute;
    transform: translateX(20vw) translateY(10vh); 
}

#footerBottomPhoto {
    z-index: 6;
    position: absolute;
    transform: translateX(0vw) translateY(30vh); 
}

#footerSmallCloudPhoto {
    position: absolute;
    z-index: 2;
    transform: translateX(0vw) translateY(0vh); 
}

#footerLargeCloudPhoto {
    position: absolute;
    z-index: 3;
    transform: translateX(0vw) translateY(-10vh); 
}

/* Links */
.linkText {
    text-decoration: none;
    color: #153E35;
}

.underlineDiv {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #153E35;
    transform: scaleX(0);
}

/* Lottie Animations */
.lottieDiv {
    position: absolute;
    transform: translateY(22.5vh);
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.wispLottie {
    position: absolute;
    transform: translateX(-32vw) translateY(0vh);
    z-index: 1000;
    width: 25rem;
    height: 25rem;
}

.mossLottie {
    position: absolute;
    transform: translateX(35vw) translateY(9vh);
    z-index: 1000;
    width: 25rem;
    height: 25rem;
}

.cheeseLottie {
    position: absolute;
    transform: translateX(20vw) translateY(-12vh);
    z-index: 1000;
    width: 22.5rem;
    height: 22.5rem;
}

.wispLottieDiv, .mossLottieDiv, .cheeseLottieDiv {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Explore Button */
.exploreButtonDiv {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: absolute;
    z-index: 200000;
    padding-bottom: 20vh;
    pointer-events: none;
}

.circleText {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.circleTextSVG {
    fill: #153E35;
    transform-origin: center;
}

.svgText {
    letter-spacing: 0.9px;
    font-size: 15px;
    font-weight: bold;
}

#arrowDownPath {
    fill: #153E35;
}

.arrowDownSVG {
    margin-top: 3px;
}

.exploreButton {
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
    cursor: pointer;
}

/* CTA Button Extras */

.CTAButton {
    position: relative;
    z-index: 99999999999999999999;
    width: 19.5rem;
    height: 5.6rem;
    text-align: center;
    border-radius: 100rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    font-size: 2rem;
    background-color: #43B160;
    color: #ffffff;
    box-shadow: 0 0.25rem 1rem 0.2rem #0000005a;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.CTAButtonText {
    position: absolute;
    width: 100vw;
}

.CTAButtonOrb1 {
    position: absolute;
    z-index: 10;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #43B160;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    opacity: 0;
}

.CTAButtonOrb2 {
    position: absolute;
    z-index: 10;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #43B160;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    opacity: 0;
}

.CTAButtonOrb3 {
    position: absolute;
    z-index: 10;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: #43B160;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    opacity: 0;
}

.CTAButtonOrbText1, .CTAButtonOrbText2, .CTAButtonOrbText3 {
    position: absolute;
    width: 20rem;
    color: #FFFFFF;
}