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

html {
    scroll-behavior: smooth;
}


a {
    color: inherit;
    text-decoration: none;
}

button {
    font-family: inherit;
}

/*------------------------------------
Fonts
------------------------------------*/

@font-face {
    font-family: ambstdlight;
    src: url("/fonts/fonnts.com-Ambroise-Std-Light.otf") format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: ambstdextrabold;
    src: url("/fonts/fonnts.com-Ambroise-Std-Extra-Bold.otf") format("opentype");
    font-weight: 800;
}

@font-face {
    font-family: ambstdregular;
    src: url("/fonts/fonnts.com-Ambroise-Std-.otf") format("opentype");
    font-weight: 400;
}

@font-face {
    font-family: ambstddemi;
    src: url("/fonts/fonnts.com-Ambroise-Std-Demi-.otf") format("opentype");
    font-weight: 600;
}

@font-face {
    font-family: ambfirminregular;
    src: url("/fonts/fonnts.com-Ambroise-Std-Firmin-.otf") format("opentype");
    font-weight: 400;
}

@font-face {
    font-family: ambfirminlight;
    src: url("/fonts/fonnts.com-Ambroise-Std-Firmin-Light.otf") format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: ambfranregular;
    src: url("/fonts/fonnts.com-Ambroise-Std-Francois-.otf") format("opentype");
    font-weight: 400;
}

@font-face {
    font-family: ambfranlight;
    src: url("/fonts/fonnts.com-Ambroise-Std-Francois-Light.otf") format("opentype");
    font-weight: 300;
}


@font-face {
    font-family: neutraregular;
    src: url("/fonts/neutra-text-alt-587261020eccb.otf") format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: neutrabold;
    src: url("/fonts/neutra-text-bold-5871e1605afa2.otf") format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: neutralight;
    src: url("/fonts/neutra-text-light-5872613aeda5b.otf") format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: amelaryas;
    src: url("/fonts/AMELARYAS.PERSONAL-USE.OTF") format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: bonte;
    src: url("/fonts/BONTE.OTF") format("opentype");
    font-weight: 300;
}

@media (max-width:768px){
    .desktop{
        display: none!important;
    }
}



@media (min-width:768px){
    .mobile{
        display: none!important;
    }
}

/*------------------------------------
Home Section 1
------------------------------------*/

.home-section-1 {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;

    background-image:
        url("/assets/header\ image.webp");

    background-size: cover;
    background-position: center center;

    display: flex;
    align-items: center;
    justify-content: center;
}



.header {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;

    padding: 2.6vw 5.1vw;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    z-index: 10;
}


.header-logo {
    display: block;
    width: 13vw;
}

.header-logo svg {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
   
}

.header-logo svg path:not(.cls-1),
.header-logo svg polygon:not(.cls-1),
.header-logo svg rect:not(.cls-1) {
    fill: #fff;
}

.header-logo svg .cls-1 {
    fill: #d3b16e;
}

.header-nav {
    display: flex;
    align-items: center;

    gap: 2vw;

    padding-top: 2.1vw;
}

.nav-link {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 0.9vw;
    line-height: 1;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.96);
    transition: opacity 0.3s ease;
    font-family: 'amelaryas',serif;
}

.nav-link:hover {
    opacity: 0.7;
}



/* .nav-dot {
    position: absolute;

    width: 0.55vw;
    height: 0.55vw;

    border-radius: 50%;

    background: #e7bc54;

    left: 50%;
    transform: translateX(-50%);

    bottom: -1.05vw;

    opacity: 0;
    transition: opacity 0.3s ease;
}

.nav-link.active .nav-dot {
    opacity: 1;
} */


.home-section-1-content {
    position: relative;

    z-index: 2;

    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    padding-top: 3vw;
}

.home-section-1-content img{
    width:3.5vw;
    height: auto;
    margin-top: -4vw;
    margin-left: -3vw;
}

.hero-heading {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 1vw;
    color: #fff;
    font-size: 4vw;
    line-height: 1;
    font-family: 'amelaryas', serif;
    font-weight: 100;
}

.hero-heading strong {
    font-size: 2.5vw;
    font-family: 'bonte', serif;
}


.scroll-indicator {
    position: absolute;
    left: 50%;
    bottom: 8vw;
    z-index: 5;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1vw;
    transform: translateX(-50%);
}

.scroll-text {
    font-family: 'neutralight', serif;
    font-size: 1.1vw;
    letter-spacing: 0.08vw;
    color: #fff;
}

.scroll-arrow {
    width: 100%;
    height: 4vw;

 
}

.scroll-arrow svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.scroll-arrow svg polyline {
    fill: #fff;
}



.menu-button {
    display: none;

    border: 0;
    background: transparent;

    width: 7vw;

    cursor: pointer;

    flex-direction: column;

    gap: 1.2vw;
}

.menu-button span {
    width: 100%;
    height: 0.3vw;

    background: #fff;

    display: block;
}




@media (max-width: 600px) {

    .home-section-1 {
        background-position: center center;
    }



    .header {
        padding: 7vw 6vw;
        align-items: flex-start;
    }



    .header-logo {
        width: 38vw;
    }

    .logo-main {
        font-size: 7vw;

        letter-spacing: -0.2vw;
    }



   .header-nav {
    position: absolute;
  top: 6vw;
        right: 2vw;
        width: 43vw;
        padding: 16vw 6vw 10vw 6vw;
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 6vw;

    background: rgba(36, 19, 14, 0.96);

    border: 1px solid rgba(255, 255, 255, 0.15);

    opacity: 0;
    visibility: hidden;

    transform: translateY(-2vw);

    pointer-events: none;

    z-index: 15;
}

.header-nav.mobile-menu-active {
    pointer-events: auto;
}

.nav-link {
    font-size: 3.5vw;
}

.nav-dot {
    width: 1.5vw;
    height: 1.5vw;

    left: auto;
    right: -3vw;

    bottom: 50%;

    transform: translateY(50%);
}

.menu-button {
    position: relative;
    z-index: 20;
}

.menu-button span {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.menu-button.active span:nth-child(1) {
    transform: translateY(1.4vw) rotate(45deg);
}

.menu-button.active span:nth-child(2) {
    opacity: 0;
}

.menu-button.active span:nth-child(3) {
    transform: translateY(-1.4vw) rotate(-45deg);
}

    .menu-button {
        display: flex;
        width: 7vw;

        margin-top: 5vw;
    }

    .menu-button span {
        height: 0.5vw;
    }



    .home-section-1-content {
        padding: 0 7vw;
    }

    .hero-heading {
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 5vw;
        font-size: 7vw;
        line-height: 1.8;
        white-space: normal;
        text-align: center;
    }

    
    .home-section-1-content img {
    width: 12.5vw;
    height: auto;
margin-top: -37vw;
    margin-left: -16vw;
}

.hero-heading strong {
    font-size: 6.5vw;
    font-family: 'bonte', serif;
    line-height: 1.0;
}

.hero-heading strong br{
    display: none;
}


   .scroll-indicator {
        bottom: 30vw;
        gap: 1vw;
        width: auto;
        white-space: nowrap;
    }

    .scroll-text {
        font-size: 4.5vw;
        width: auto;
    }

    .scroll-arrow {
        width: 6vw !important;
        height: 8vw;
        flex: 0 0 auto;
        margin: 0;
    }

    .scroll-arrow svg {
        width: 100%;
        height: 100%;
        display: block;
    }
}

/*-----------------------------------
Home Section 2
----------------------------------*/



.home-section-2 {
    width: 100%;
    min-height: 39vw;
    position: relative;

    background: #fff;

    padding: 7vw 9vw 4vw;

    box-sizing: border-box;
}

.home-section-2-inner {
    width: 100%;

    display: grid;
    grid-template-columns: 27% 73%;
}

.home-section-2-title {
    padding-top: 0;
}

.home-section-2-title h2 {
    margin: 0;
    font-family: 'amelaryas', serif;
    font-size: 3.1vw;
    font-weight: 300;

    line-height: 0.9;
    margin-top: 1.8vw;
    color: #272321;
}

.home-section-2-title span {
    display: block;

    width: 7.7vw;
    height: 0.08vw;

    margin-top: 1.6vw;
    margin-left: 0.8vw;

    background: #55504d;
}

.home-section-2-content {
    padding-top: 0.4vw;
}

.home-section-2-content h3 {
    width: 82.5%;

    margin: 0;

    font-family: 'bonte', serif;
    font-size: 2.4vw;
    font-weight: 300;

    line-height: 1.28;
    letter-spacing: -0.04vw;

    color: #272321;
}

.home-section-2-content p {
    width: 88%;

    margin: 4.4vw 0 0;

    font-family: 'neutralight', sans-serif;
    font-size: 1.7vw;
    font-weight: 300;

    line-height: 1.3;
    letter-spacing: 0.01vw;

    color: #55504d;
}

.home-section-2-line {
    position: absolute;

    left: 9vw;
    right: 7.1vw;
    bottom: 3.4vw;

    width: auto;
    height: 0.08vw;

    background: #d4d1cf;
}


@media (max-width: 600px) {

    .home-section-2 {
        min-height: auto;

        padding: 16vw 7vw 13vw;
    }

    .home-section-2-inner {
        display: flex;
        flex-direction: column;
    }

    .home-section-2-title {
        width: 100%;
        margin-bottom: 10vw;
    }

    .home-section-2-title h2 {
        font-size: 10vw;

        line-height: 1.5;
        letter-spacing: -0.4vw;
    }

    .home-section-2-title span {
        width: 35vw;
        height: 0.2vw;

        margin-top: 4vw;
        margin-left: 1vw;
    }

    .home-section-2-content {
        padding: 0;
    }

    .home-section-2-content h3 {
        width: 100%;
        font-size: 5.1vw;
        line-height: 1.3;
    }

    .home-section-2-content p {
        width: 100%;

        margin-top: 9vw;

        font-size: 4.5vw;

        line-height: 1.2;
        letter-spacing: 0;
    }

    .home-section-2-line {
        left: 7vw;
        right: 7vw;
        bottom: 6vw;

        height: 0.1vw;
    }
}


/*----------------------------------
Home Section 3
---------------------------------*/

 .home-section-3 {
    width: 90%;
    position: relative;
    overflow: hidden;
    background: #b4a77b;
    padding: 11vw 7.6vw 7vw;
    box-sizing: border-box;
    margin: 0 auto;
}

.home-section-3-bg {
    position: absolute;
    inset: 0;
    background-image:
        url("/assets/goldenleaf.png");
    background-size: cover;
    background-position: center;
    opacity: 0.75;
    z-index: 0;
}

.home-section-3-inner {
    position: relative;
    width: 100%;
    z-index: 2;
}

.home-section-3-header {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.home-section-3-heading h2 {
    margin: 0;
    font-family: 'amelaryas', serif;
    font-size: 3vw;
    font-weight: 300;
    line-height: 1.7;
    color: #fff;
}

.home-section-3-heading span {
    display: block;
    width: 6vw;
    height: 0.1vw;
    margin-top: 2.4vw;
    background: #fff;
}

.home-section-3-icon {
    width: 4vw;
    margin-top: 0.3vw;
    margin-right: 2vw;
}

.home-section-3-icon img {
    display: block;
    width: 100%;
    height: auto;
}

.home-section-3-slider {
    width: 100%;
    overflow: hidden;
    margin-top: 3.5vw;
    cursor: grab;
    user-select: none;
    touch-action: pan-y;
}

.home-section-3-slider:active {
    cursor: grabbing;
}

.home-section-3-track {
    width: 100%;
    align-items: flex-start;
}

.home-section-3-card {
    min-width: 0;
    flex-shrink: 0;
}

.home-section-3-image {
    width: 100%;
    aspect-ratio: 0.78;
    overflow: hidden;
    border-radius: 1.25vw;
    background: #ddd;
}

.home-section-3-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    transition: transform 0.5s ease;
}

.home-section-3-card-title {
    width: 100%;
    margin-top: 1vw;
    text-align: right;
    font-family: 'bonte', serif;
    font-size: 1.6vw;
    line-height: 1;
    letter-spacing: 0.55vw;
    color: #fff;
}

.home-section-3-button-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 6vw;
}

.home-section-3-button {
    width: 14.5vw;
    height: 14.5vw;
    border: 0.12vw solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'amelaryas', serif;
    font-size: 1vw;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease;
}

.home-section-3-button:hover {
    background: #fff;
    color: #a79a6d;
    transform: scale(1.04);
}

@media (max-width: 600px) {

    .home-section-3 {
        padding: 15vw 6vw 12vw;
         width: 100%;
    }

    .home-section-3-heading h2 {
       font-size: 4.5vw;
        line-height: 1.7;
    }

    .home-section-3-heading span {
        width: 18vw;
        height: 0.12vw;
        margin-top: 4vw;
    }

    .home-section-3-icon {
        width: 8vw;
        margin-top: 0;
        margin-right: 1vw;
    }

    .home-section-3-slider {
        margin-top: 10vw;
        overflow: hidden;
        cursor: grab;
        touch-action: pan-y;
    }

    .home-section-3-track {
        width: 100%;
    }

    .home-section-3-card {
        width: 78vw;
        flex-shrink: 0;
    }

    .home-section-3-image {
        aspect-ratio: 0.78;
        border-radius: 2.5vw;
    }

    .home-section-3-card-title {
        margin-top: 3.5vw;
        font-size: 6vw;
        letter-spacing: 1.5vw;
    }

    .home-section-3-button-wrap {
        margin-top: 18vw;
    }

    .home-section-3-button {
        width: 40vw;
        height: 40vw;
        border-width: 0.2vw;
        font-size: 3vw;
    }
}


/*----------------------------------
Home Section 4
---------------------------------*/



.home-section-4 {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 12vw 6.8vw 10vw 7vw;
    box-sizing: border-box;
}

.home-section-4-inner {
    width: 100%;
    position: relative;
}

.home-section-4-heading {
    width: 100%;
}

.home-section-4-heading h2 {
    margin: 0;
    font-family: 'bonte', serif;
    font-size: 4vw;
    font-weight: 300;
    color: #1d1d1d;
}

.home-section-4-heading span {
    display: block;
    width: 11.8vw;
    height: 0.1vw;
    margin-top: 2.5vw;
    background: #1d1d1d;
}

.home-section-4-slider-wrap {
    width: 100%;
    position: relative;
    margin-top: 8vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-section-4-slider {
    width: 73vw;
    overflow: hidden;
}

.home-section-4-track {
    align-items: stretch;
}

.home-section-4-slide {
    width: 100%;
    flex-shrink: 0;
    overflow: hidden;
}

.home-section-4-slide img {
    display: block;
    width: 100%;
    height: 47.8vw;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
}

.home-section-4-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 7vw;
    height: 7vw;
    border: 0.1vw solid #858585;
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    z-index: 5;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.3s ease;
}

.home-section-4-arrow svg {
    width: 4vw;
    height: 2vw;
    fill: none;
    stroke: #858585;
    stroke-width: 1.5;
}

.home-section-4-prev {
    left: -3vw;
}

.home-section-4-next {
    right: -3vw;
}

.home-section-4-prev:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.05);
}

.home-section-4-next:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.05);
}

.home-section-4-info {
    width: 73vw;
    margin: 1.3vw auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-section-4-title {
    font-family: 'bonte', serif;
    font-size: 3.15vw;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.08vw;
    color: #1d1d1d;
}

.home-section-4-location {
    font-family: 'neutraregular', sans-serif;
    font-size: 1.7vw;
    font-weight: 300;
    line-height: 1;
    color: #1d1d1d;
    margin-top: 1.5vw;
}

.home-section-4-title,
.home-section-4-location {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.9s cubic-bezier(0.22, 0.61, 0.36, 1),
        transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
}





@media (max-width: 600px) {

    .home-section-4 {
        min-height: 145vw;
        padding: 20vw 6vw 12vw;
    }

    .home-section-4-heading h2 {
       font-size: 8.5vw;
    }

    .home-section-4-heading span {
        width: 20vw;
        height: 0.12vw;
        margin-top: 4vw;
    }

    .home-section-4-slider-wrap {
        margin-top: 12vw;
    }

    .home-section-4-slider {
        width: 84vw;
    }

    .home-section-4-slide img {
        width: 90vw;
        height: 100vw;
        object-fit: cover;
    }

    .home-section-4-arrow {
        width: 13vw;
        height: 13vw;
        border-width: 0.15vw;
    }

    .home-section-4-arrow svg {
       width: 9vw;
        height: 3.5vw;
    }

  .home-section-4-prev {
    left: -3.5vw;
    background: #a5996c;
}

.home-section-4-next {
    right: -3.5vw;
    background: #a5996c;
}

.home-section-4-prev svg,
.home-section-4-next svg {
    stroke: #fff;
}

.home-section-4-prev:hover {
    background: #a5996c;
    transform: translateY(-50%) scale(1.05);
}

.home-section-4-next:hover {
    background: #a5996c;
    transform: translateY(-50%) scale(1.05);
}

    .home-section-4-info {
        width: 84vw;
        margin-top: 4vw;
        display: flex;
        align-items: flex-start;
        gap: 4vw;
    }

    .home-section-4-title {
        max-width: 65%;
        font-size: 4.5vw;
        line-height: 1.05;
        letter-spacing: -0.1vw;
    }

    .home-section-4-location {
        margin-left: auto;
        max-width: 40%;
        text-align: right;
        font-size: 3.5vw;
        line-height: 1.15;
    }

    .home-section-4-pagination {
        gap: 3vw;
        margin-top: 8vw;
    }

    .home-section-4-pagination .swiper-pagination-bullet {
        width: 10vw;
        height: 0.15vw;
    }
}

/*----------------------------------
Home Section 5
---------------------------------*/
.home-section-5 {
    max-width: 80%;
    min-height: 120vw;
    margin: 0 auto;
    position: relative;
    overflow: visible;
}

.home-section-5-line {
    position: absolute;
    top: 15vw;
    left: 5vw;

    width: 100%;
    height: 75%;

    display: block;

    z-index: 10;
    pointer-events: none;

    overflow: visible;
}

.home-section-5-line path {
    fill: none !important;
    stroke: #9be95d !important;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;

    stroke-dasharray: none;
}



.home-section-5-circle {
    position: absolute;
    z-index: 11;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}


.home-section-5-circle-1 {
    width: 30vw;
    height: 30vw;

    left: 0.5vw;
    top: 4.5vw;

    border: 0.12vw solid #66c740;

    flex-direction: column;

    background: #fcfdec;
}


.home-section-5-circle-title {
    font-family: 'amelaryas', serif;
    font-size: 2.5vw;
    line-height:1.5;
    text-align: center;
    margin-top: -3vw;
    color: #0f4913;
}


.home-section-5-circle-arrow {
    position: absolute;

    bottom: 4vw;
    left: 50%;

    transform: translateX(-50%);


}

.home-section-5-circle-arrow img{
    width: 5vw;
    height: auto;
    transform: rotate(-40deg);
}


.home-section-5-circle-2 {
     width: 30vw;
    height: 30vw;

    right: -6vw;
    top: 18.5vw;

    background: #fff;
z-index: 12;
    border: 0.12vw solid #7cae70;
}


.home-section-5-logo {
    width: 72%;
    height: auto;

    object-fit: contain;
}


.home-section-5-content {
    position: absolute;
    z-index: 4;
}


.home-section-5-content-1 {
    left: 4vw;
    top: 45vw;

    width: 18vw;
}


.home-section-5-icon {
    width: 3vw;
    height: auto;

    object-fit: contain;

    margin-bottom: 1.2vw;
}


.home-section-5-content-1 h3 {
    margin: 0;

    font-family: "amelaryas", serif;

    font-size: 1.5vw;

    font-weight: 400;

    line-height: 1;

    color: #006014;
}


.home-section-5-small-line {
    display: block;

    width: 5vw;
    height: 0.2vw;

    margin-top: 0.9vw;

    background: #8bcf61;
}


.home-section-5-content-1 p {
    margin: 1.5vw 0 0;

    font-family: "bonte", serif;

    font-size: 1.5vw;

    line-height: 1.2;

    color: #292929;
}




.home-section-5-content-2 {
    left: 27vw;
    top: 90vw;

    width: 32vw;

    text-align: center;
}


.home-section-5-number {
    display: flex;

    align-items: baseline;
    justify-content: flex-start;
  font-family: 'bonte', serif;

    color: #9be568;

    line-height: 0.8;
}


.number-main {
    font-size:10vw;
    margin-bottom: 1vw;
}


.number-plus {
   font-family: 'bonte', serif;

    font-size: 13vw;

    margin-left: 0.5vw;
}


.home-section-5-content-2 h3 {
    margin:1.5vw 0 0;

    font-family: "amelaryas", serif;

    font-size: 2.5vw;
    font-weight: 400;
    line-height: 1;
    color: #006014;
}


.home-section-5-hours {
    display: flex;

    align-items: flex-start;
    justify-content: center;

    margin-top: 1.5vw;

    gap: 1vw;
       
}


.hours-slashes {
    font-family: "bonte", serif;
    font-size: 6vw;
    line-height: 1;
    color: #006014;
    margin-top: 2vw;
}


.hours-text {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    text-align: left;
     

}


.hours-text small {
  
    font-size: 2vw;
    line-height: 1;
font-family: "bonte", serif;
    color: #006014;
    
}



.hours-text strong {
    margin-top: 0.2vw;

    font-family: "bonte", serif;

    font-size: 5vw;

    font-weight: 400;

    line-height: 1;

    color: #006014;
     margin-top: 1vw;
}

.hours-text span{
    font-size: 5vw;
}


/* ================================
   MOBILE
================================ */

@media (max-width: 600px) {

    .home-section-5 {
        min-height: 280vw;
        max-width: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .home-section-5-line.mobile {
        position: absolute;

        top: 30vw;
        left: 3vw;

        width: 95% !important;
        height: 67% !important;

        margin: 0 !important;

        z-index: 1;
        pointer-events: none;

        display: block;
    }

    .home-section-5-line.mobile path {
        fill: none !important;
        stroke: #9be95d !important;

        stroke-width: 8;

        stroke-linecap: round;
        stroke-linejoin: round;

        vector-effect: none;
    }



    .home-section-5-circle-1 {
        width: 48vw;
        height: 48vw;
        left: 5vw;
        top: 7vw;
    }

    .home-section-5-circle-title {
        font-size: 5vw;
        margin-top: -10vw;
    }

    .home-section-5-circle-arrow {
        bottom: 2vw;
        font-size: 8vw;
    }

    .home-section-5-circle-arrow img {
        width: 10vw;
    }

    .home-section-5-circle-2 {
       width: 50vw;
        height: 50vw;
        right: 4vw;
        top: 64vw;
    }

    .home-section-5-content-1 {
        left: 6vw;
        top: 143vw;
        width: 40vw;
        background-color: #fff;
    }

    .home-section-5-icon {
        width: 8vw;
        height: 8vw;
        margin-bottom: 3vw;
    }

    .home-section-5-content-1 h3 {
        font-size: 4vw;
    }

    .home-section-5-small-line {
        width: 9vw;
        height: 0.25vw;
        margin-top: 1.5vw;
    }

    .home-section-5-content-1 p {
        margin-top: 3vw;
        font-size: 3vw;
        line-height: 1.3;
    }

    .home-section-5-content-2 {
        left: 26vw;
        top: 212vw;
        width: 70vw;
        text-align: center;
    }

    .number-main {
        font-size: 22vw;
        margin-bottom: 7vw;
    }

    .number-plus {
        font-size: 22vw;
        margin-left: 1vw;
    }

    .home-section-5-content-2 h3 {
        margin-top: 2vw;
        font-size: 5.5vw;
    }

    .home-section-5-hours {
        margin-top: 4vw;
        gap: 2vw;
    }

    .hours-slashes {
        font-size: 15vw;
        margin-top: 4vw;
    }

    .hours-text small {
        font-size: 4vw;
    }

    .hours-text strong {
        font-size: 10vw;
        margin-top: -6vw;
        margin-top: 3vw;
    }

    .hours-text strong span {
        font-size: 10vw;
    }

}

/* ----------------------------------
Home Section 6 
------------------------------------*/

.home-section-6 {
    width: 100%;
    position: relative;
    overflow: hidden;
    color: #006014;
}

.home-section-6-top-box {
    position: relative;
    width: 90%;
    min-height: 31vw;
    margin: 2vw auto 0;
    padding: 5vw 7vw;
    
    border-top: 0.15vw solid #9be568;

  
    background: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    z-index: 5;
}


.home-section-6-top-left {
    position: relative;
    width: 45%;
}

.home-section-6-top-left h2 {
    margin: 0;
    font-family: "bonte", serif;
    font-size: 5vw;
    line-height: 1;
    font-weight: 400;
    color: #415b40;
    margin-bottom: -0.3vw;
    margin-top: 1vw;
}

.home-section-6-top-left span{
     font-family: "ambstdlight", serif;
     font-size: 5vw;
     color: #9be568;
}

.home-section-6-underline {
    display: block;
    width: 23vw;
    height: 0.65vw;
    margin-top: 2vw;
    background: #9be568;
}


.home-section-6-top-right {
    width: 48%;
    padding-top: 1vw;
}

.home-section-6-point {
    display: flex;
    align-items: center;
    gap: 1.5vw;
    margin-bottom: 1.3vw;
}

.home-section-6-point span {
    flex-shrink: 0;
    font-family: Arial, sans-serif;
    font-size: 2vw;
    line-height: 1;
    color: #9be568;
}

.home-section-6-point img{
    width: 1.7vw;
    height: auto;
    transform: rotate(-40deg);
}

.home-section-6-point p {
    margin: 0;
    font-family: "bonte", sans-serif;
    font-size: 1.5vw;
    line-height: 1.1;
    color: #415b40;
}


.home-section-6-question {
    position: absolute;
    right: 3vw;
    bottom: 1vw;
    font-family: "ambfranregular", serif;
    font-size: 8vw;
    line-height: 1;
    color: #9be568;
}

.home-section-6-bottom-image {
    position: absolute;
    left: -3.7vw;
    bottom: -3vw;
    font-family: "ambfranregular", serif;
  
display: none;
    line-height: 1;
    color: #9be568;
}


.home-section-6-bottom-image img{
    width: 12vw;
    height: 100%;
    object-fit: contain;
}

.home-section-6-bottom {
    position: relative;
    width: 100%;
    min-height: 50vw;
    margin-top: -5vw;
    background-image: url("/assets/bg\ with\ tree.png");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: stretch;
    overflow: hidden;
}






.home-section-6-bottom-content {
    position: relative;
    width: 75%;
    padding: 15vw 0vw 6vw 35vw;
    color: #006014;
    margin: 0 auto;
}

.home-section-6-bottom-content h2 {
    margin: 0;
    font-family: "ambfranregular", serif;
    font-size: 8vw;
    line-height: 0.88;
    font-weight: 400;
    color: #fff;
}

.home-section-6-bottom-content span {
    position: absolute;
    right: 8%;
    top: 40.5%;
    font-family: "ambfranregular", serif;
    font-size: 6vw;
    line-height: 0.88;
    font-weight: 400;
    color: #006014;
}

.home-section-6-content-arrow {
    margin-top: -0.2vw;
    margin-left: 26vw;
    font-size: 1.5vw;
    line-height: 1;
    color: #006014;
}


.home-section-6-description {
    width: 85%;
    margin-top: 5vw;
    margin-left: 1vw;
}

.home-section-6-description p {
    margin: 0 0 2.5vw;
    font-family: "neutralight", sans-serif;
    font-size: 1.55vw;
    line-height: 1.35;
    color: #292929;
}




/*----------------------------------
Mobile
----------------------------------*/

@media (max-width: 600px) {

    .home-section-6 {
        width: 100%;
    }


   

    .home-section-6-top-box {
        width: 92%;
        min-height: auto;
        margin-top: 10vw;
        padding: 9vw 7vw 12vw;
        border-width: 0.8vw;
        display: flex;
        flex-direction: column;
    }


    .home-section-6-top-left {
        width: 100%;
    }

    .home-section-6-top-left h2 {
       font-size: 10vw;
        line-height: 1.3;
        margin-bottom: 4vw;
    }

    .home-section-6-underline {
        width: 72vw;
        height: 1.5vw;
        margin-top: 1vw;
    }

    .home-section-6-top-left span {
    font-family: "ambstdlight", serif;
    font-size: 10vw;
    color: #9be568;
}


    .home-section-6-top-right {
        width: 100%;
        padding-top: 13vw;
    }

    .home-section-6-point {
        gap: 3vw;
        margin-bottom: 4vw;
        align-items: flex-start;
    }

    .home-section-6-point span {
        font-size: 5vw;
        line-height: 0.9;
    }

    .home-section-6-point img {
    width: 5vw;
}

    .home-section-6-point p {
        font-size: 4vw;
        line-height: 1.1;
    }


    .home-section-6-question {
       right: 7vw;
        bottom: 4vw;
        font-size: 24vw;
    }


    .home-section-6-bottom {
        min-height: auto;
        margin-top: -2vw;
        display: flex;
        flex-direction: column;
        background-position: center;
    }


    .home-section-6-bottom-image {
        width: 30vw;
        display: none;
    }



    .home-section-6-bottom-content {
        width: 100%;
       padding: 13vw 7vw 15vw 7vw;
       
    }

    .home-section-6-bottom-content h2 {
        font-size: 17vw;
        line-height: 0.88;
         text-shadow: 0.1vw 0.1vw 0.3vw rgba(0, 0, 0, 0.15);
    }

    .home-section-6-bottom-content span {
    position: absolute;
    right: 23%;
    top: 24.5%;
    font-family: "ambfranregular", serif;
    font-size: 12vw;
    line-height: 0.88;
    font-weight: 400;
    color: #006014;
}

    .home-section-6-content-arrow {
        margin-top: 1vw;
        margin-left: 53vw;
        font-size: 4vw;
    }


    .home-section-6-description {
        width: 100%;
        margin-top: 10vw;
        margin-left: 0;
         text-shadow: 0.1vw 0.1vw 0.3vw rgba(0, 0, 0, 0.25);
    }

    .home-section-6-description p {
        margin-bottom: 7vw;
        font-size: 4.5vw;
        line-height: 1.35;
    }

}

/*---------------------------------
Home Section 7
----------------------------------*/
.home-section-7 {
    width: 100%;
    min-height: 45vw;
    position: relative;
    overflow: hidden;
    background: #fff;
    color: #006014;
}

.home-section-7-inner {
    width: 100%;
    min-height: 45vw;
    padding: 7vw 6.5vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6vw;
}

.home-section-7-left {
    width: 40%;
}

.home-section-7-left h2 {
    margin: 0;
    font-family: "amelaryas", serif;
    font-size:3.1vw;
    font-weight: 400;
    line-height: 1.6;
    color: #006014;
    margin-top: 3vw;
}

.home-section-7-form-wrapper {
    width: 50%;
}

.home-section-7-form {
    width: 100%;
    padding: 4vw 3vw 3vw;
    border: 0.18vw solid #9be568;
    border-radius: 2.5vw;
    background: rgba(255, 255, 255, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-section-7-form-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 5vw;
    row-gap: 2.8vw;
}

.home-section-7-field {
    position: relative;
    width: 100%;
    height: 3vw;
    border-bottom: 0.08vw solid #292929;
}

.home-section-7-field input,
.home-section-7-field select {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    font-family: "neutralight", sans-serif;
    font-size: 1.15vw;
    font-weight: 400;
    color: #292929;
}

.home-section-7-field input::placeholder {
    color: #a9a4a0;
    opacity: 1;
}

.home-section-7-form input:-webkit-autofill,
.home-section-7-form input:-webkit-autofill:hover,
.home-section-7-form input:-webkit-autofill:focus,
.home-section-7-form input:-webkit-autofill:active,
.home-section-7-form select:-webkit-autofill,
.home-section-7-form select:-webkit-autofill:hover,
.home-section-7-form select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: inherit !important;
    transition: background-color 9999s ease-in-out 0s;
}

.home-section-7-field select {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    color: #aaa5a1;
}

.home-section-7-field select option {
    color: #292929;
    background: #fff;
}

.home-section-7-select-arrow {
    position: absolute;
    right: 0.5vw;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 0.45vw solid transparent;
    border-right: 0.45vw solid transparent;
    border-top: 0.45vw solid #292929;
    transform: translateY(-30%);
    pointer-events: none;
}

.home-section-7-submit {
    width: 18vw;
    height: 5vw;
    margin-top: 3.5vw;
    border: none;
    border-radius: 3vw;
    background: #a4e568;
    color: #292929;
    font-family: "neutralight", sans-serif;
    font-size: 1.4vw;
    cursor: pointer;
    transition:
        transform 0.3s ease,
        background 0.3s ease;
}

.home-section-7-submit:hover {
    transform: scale(1.03);
    background: #98dc5d;
}

@media (max-width: 600px) {

    .home-section-7 {
        min-height: auto;
    }

    .home-section-7-inner {
        min-height: auto;
        padding: 15vw 7vw 18vw;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12vw;
    }

    .home-section-7-left {
        width: 100%;
    }

    .home-section-7-left h2 {
        font-size: 7.5vw;
        line-height: 1.9;
        text-align: left;
    }

    .home-section-7-form-wrapper {
        width: 100%;
    }

    .home-section-7-form {
        padding: 10vw 7vw 9vw;
        border-width: 0.5vw;
        border-radius: 6vw;
    }

    .home-section-7-form-grid {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 7vw;
    }

    .home-section-7-field {
        height: 9vw;
        border-bottom-width: 0.2vw;
    }

    .home-section-7-field input,
    .home-section-7-field select {
        font-size: 4vw;
    }

    .home-section-7-select-arrow {
        right: 1vw;
        border-left-width: 1.5vw;
        border-right-width: 1.5vw;
        border-top-width: 1.5vw;
    }

    .home-section-7-submit {
        width: 55vw;
        height: 14vw;
        margin-top: 9vw;
        border-radius: 8vw;
        font-size: 4.2vw;
    }
}

/*---------------------------------
Home Section 8
----------------------------------*/
.home-section-8 {
    width: 100%;
    min-height: 50vw;
    position: relative;
    overflow: hidden;
    padding: 7vw 11.2vw 5vw;
    box-sizing: border-box;
}

.home-section-8-inner {
    width: 100%;
    min-height: 40vw;
    position: relative;
    border-left: 0.16vw solid #a8d47d;
    border-right: 0.16vw solid #a8d47d;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-section-8-heading {
    width: 100%;
    text-align: center;
    font-family: 'bonte', serif;
    font-size: 4.3vw;
    font-weight: 300;
    line-height: 1.05;
    letter-spacing: -0.2vw;
    margin-top: 1.2vw;
}

.home-section-8-heading div:first-child {
    color: #a8d47d;
}

.home-section-8-heading div:last-child {
    color: #064c19;
    font-size: 5.5vw;
}

.home-section-8-content {
    width: 100%;
    margin-top: 7vw;
    text-align: center;
    font-family: 'bonte', serif;
    color: #222;
}

.home-section-8-content p {
    margin: 0;
    font-size: 2vw;
    font-weight: 300;
    line-height: 1.28;
}

.home-section-8-content p + p {
    margin-top: 3.2vw;
}

.home-section-8-arrow {
    position: absolute;
    bottom: 0vw;
    left: 50%;
    transform: translateX(-50%);
    width: 2.3vw;
    height: 2.7vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-section-8-arrow svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #064c19;
    stroke-width: 4;
    stroke-linecap: square;
    stroke-linejoin: miter;
}

@media (max-width: 600px) {

    .home-section-8 {
        min-height: 120vw;
        padding: 13vw 7vw 10vw;
    }

    .home-section-8-inner {
        border-left-width: 0.25vw;
        border-right-width: 0.25vw;
    min-height: 96vw;
    }

    .home-section-8-heading {
        font-size: 7vw;
        line-height: 1.3;
        letter-spacing: -0.35vw;
        margin-top: 5vw;
        padding: 0 4vw;
        box-sizing: border-box;
    }

    .home-section-8-heading div:last-child {
    color: #064c19;
    font-size: 9vw;
}

    .home-section-8-content {
        margin-top: 14vw;
        padding: 0 5vw;
        box-sizing: border-box;
    }

    .home-section-8-content p {
        font-size: 3.5vw;
        line-height: 1.38;

    }

    .home-section-8-content p br {
        display: none;
    }

    .home-section-8-content p + p {
        margin-top: 5vw;
    }

    .home-section-8-arrow {
        bottom: 0vw;
        width: 6vw;
        height: 7vw;
    }

    .home-section-8-arrow svg {
        stroke-width: 3;
    }
}

/*---------------------------------
Home Section 9
----------------------------------*/
.home-section-9 {
    width: 90%;
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 3.8vw 9.3vw 10vw 6vw;
    box-sizing: border-box;
    margin: 0 auto;
}

.home-section-9-inner {
    width: 100%;
}

.home-section-9-heading {
    width: 100%;
}

.home-section-9-heading h2 {
    margin: 0;
    font-family: 'amelaryas', serif;
    font-size: 1.6vw;
    font-weight: 300;
    line-height: 1;
    color: #171717;
    letter-spacing: 0.09vw;
}

.home-section-9-heading h2 strong{
    color: #d3b16e!important;
     font-family: 'neutrabold', serif;
     font-size: 3vw;
}

.home-section-9-grid {
    width: 100%;
    margin-top: 8.5vw;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 3.2vw;
    align-items: start;
}

.home-section-9-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-section-9-item-1,
.home-section-9-item-3,
.home-section-9-item-5 {
    padding-top: 0;
}

.home-section-9-item-2,
.home-section-9-item-4 {
    padding-top: 6vw;
}

.home-section-9-image {
    width: 100%;
    height: 28vw;
    overflow: hidden;
}

.home-section-9-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-section-9-item span {
    display: block;
    width: 9.2vw;
    height: 0.08vw;
    margin-top: 12.5vw;
    background: #d5d2cd;
}

.home-section-9-item-2 span,
.home-section-9-item-4 span {
    margin-top: 6.5vw;
}

.home-section-9-item h3 {
    margin: 1.8vw 0 0;
    font-family: 'amelaryas', serif;
    font-size: 1.2vw;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.2vw;
    color: #a99d86;
}

@media (max-width: 600px) {

    .home-section-9 {
        width: 100%;
        padding: 10vw 7vw 15vw;
    }

    .home-section-9-heading h2 {
        font-size: 4vw;
        line-height: 1;
        letter-spacing: 0.2vw;
    }

    .home-section-9-heading h2 strong {
    font-size: 7.5vw;
}

    .home-section-9-grid {
        margin-top: 12vw;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 5vw;
        row-gap: 12vw;
    }

    .home-section-9-item-1,
    .home-section-9-item-2,
    .home-section-9-item-3,
    .home-section-9-item-4,
    .home-section-9-item-5 {
        padding-top: 0;
    }

 

    .home-section-9-item-5 {
    grid-column: 1 / 3;
    width: 45%;
    justify-self: center;
}

    .home-section-9-image {
        width: 100%;
        height: 65vw;
    }

    .home-section-9-item span,
    .home-section-9-item-2 span,
    .home-section-9-item-4 span {
        width: 22vw;
        height: 0.15vw;
        margin-top: 5vw;
    }

    .home-section-9-item h3 {
        margin-top: 3.5vw;
        font-size: 3.5vw;
        letter-spacing: 0;
    }

}

/*--------------------------------
Home Section 10
---------------------------------*/
.home-section-10 {
    width: 95%;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7vw 0vw;
    margin: 0 auto;
}

.home-section-10-inner {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-section-10-image {
    width: 47vw;
    height: 28vw;
    position: relative;
    z-index: 2;
}

.home-section-10-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home-section-10-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.home-section-10-icon img {
   width: 4vw;
   height: auto;
}

.home-section-10-icon-left {
    left: 6.8vw;
}

.home-section-10-icon-right {
    right: 6.8vw;
}

@media (max-width: 600px) {

    .home-section-10 {
        min-height: 90vw;
        padding: 8vw 5vw;
    }


    .home-section-10-icon {
    top: 30%;
    }

    .home-section-10-image {
        width: 90vw;
        height: 48vw;
    }

    .home-section-10-icon span {
        font-size: 10vw;
    }

    .home-section-10-icon-left {
        left: 1vw;
    }

    .home-section-10-icon img {
    width: 8vw;
    height: auto;
}

    .home-section-10-icon-right {
        right: 1vw;
    }

}

/* ----------------------------------
Footer
---------------------------------- */

.footer {
    width: 100%;
    min-height: 19vw;
    padding: 4vw 3.5vw 2vw;
    display: grid;
    grid-template-columns: 30% 40% 30%;
    align-items: start;
    position: relative;
    background: #f6ffef;
    color: #211d1b;
    border-bottom: 0.15vw solid #211d1b;
}

.footer-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-logo {
    width: 15vw;
    height: auto;
    display: block;
    object-fit: contain;
}

.footer-links {
    display: flex;
    flex-direction: column;
    gap: 0.7vw;
    margin-top: 3vw;
}

.footer-links a {
    text-decoration: none;
    color: #211d1b;
    font-family: "neutraregular", sans-serif;
    font-size: 1vw;
    line-height: 1.2;
}

.footer-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.footer-center p {
    margin: 0;
    font-family: "neutraregular", sans-serif;
    color: #211d1b;
}

.footer-rera {
    font-size: 1.15vw;
    margin-top: 0.7vw !important;
     font-family: "neutramedium", sans-serif!important;
}

.footer-contact {
    font-size: 1.15vw;
    margin-top: 2.8vw !important;
}

.footer-contact span {
    margin: 0 0.4vw;
}

.footer-address {
    font-size: 1vw;
    margin-top: 0.7vw !important;
}

.footer-copyright {
    font-size: 0.85vw;
    margin-top: 4.2vw !important;
}

.footer-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 1.5vw;
    margin-top: 2vw;
    
}

.footer-right > p {
    margin: 1vw 0 0;
    font-family: "neutraregular", sans-serif;
    font-size: 1.15vw;
}

.footer-social {
    display: flex;
    align-items: center;
    gap: 0.7vw;
    margin-top: 1vw;
}

.footer-social a {
    width: 2.2vw;
    height: 2.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-social img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}



@media (max-width: 600px) {

    .footer {
        min-height: auto;
        padding: 12vw 7vw 8vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 10vw;
        border-bottom: 0.3vw solid #211d1b;
    }

    .footer-left {
        width: 100%;
        align-items: center;
    }

    .footer-logo {
        width: 50vw;
    }

    .footer-links {
        align-items: center;
        gap: 2vw;
        margin-top: 7vw;
    }

    .footer-links a {
        font-size: 3.5vw;
    }

    .footer-center {
        width: 100%;
    }

    .footer-rera {
        font-size: 3.8vw;
        margin-top: 0 !important;
    }

    .footer-contact {
        font-size: 3.8vw;
        margin-top: 7vw !important;
        line-height: 1.4;
    }

    .footer-contact span {
        margin: 0 1vw;
    }

    .footer-address {
        font-size: 3.3vw;
        margin-top: 2vw !important;
        line-height: 1.3;
    }

    .footer-copyright {
        font-size: 3vw;
        margin-top: 9vw !important;
    }

    .footer-right {
        width: 100%;
        padding-right: 0;
        align-items: center;
    }

    .footer-right > p {
        margin: 0;
        font-size: 5vw;
    }

    .footer-social {
        gap: 3vw;
        margin-top: 3vw;
    }

    .footer-social a {
        width: 9vw;
        height: 9vw;
    }
}