:root{
    --font-light: clamp(0.5rem, 1vw, .8rem);
    --font-med: clamp(.75rem, 1.3vw, 1rem);
    --font-bold: clamp(1rem, 1.8vw, 1.5rem);
    --font-title: clamp(3vh, 3vw, 2.1rem);
}

@font-face {
    font-family: 'TrajanPro-Regular';
    src: url('../fonts/TrajanPro-Regular.eot');
    src: url('../fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TrajanPro-Regular.woff2') format('woff2'),
        url('../fonts/TrajanPro-Regular.woff') format('woff'),
        url('../fonts/TrajanPro-Regular.ttf') format('truetype'),
        url('../fonts/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TrajanPro-Bold';
    src: url('../fonts/TrajanPro-Bold.eot');
    src: url('../fonts/TrajanPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TrajanPro-Bold.woff2') format('woff2'),
        url('../fonts/TrajanPro-Bold.woff') format('woff'),
        url('../fonts/TrajanPro-Bold.ttf') format('truetype'),
        url('../fonts/TrajanPro-Bold.svg#TrajanPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('../fonts/Bahnschrift.eot');
    src: url('../fonts/Bahnschrift.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift.woff2') format('woff2'),
        url('../fonts/Bahnschrift.woff') format('woff'),
        url('../fonts/Bahnschrift.ttf') format('truetype'),
        url('../fonts/Bahnschrift.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift_1';
    src: url('../fonts/Bahnschrift_1.eot');
    src: url('../fonts/Bahnschrift_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift_1.woff2') format('woff2'),
        url('../fonts/Bahnschrift_1.woff') format('woff'),
        url('../fonts/Bahnschrift_1.ttf') format('truetype'),
        url('../fonts/Bahnschrift_1.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift_2';
    src: url('../fonts/Bahnschrift_2.eot');
    src: url('../fonts/Bahnschrift_2.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift_2.woff2') format('woff2'),
        url('../fonts/Bahnschrift_2.woff') format('woff'),
        url('../fonts/Bahnschrift_2.ttf') format('truetype'),
        url('../fonts/Bahnschrift_2.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift_3';
    src: url('../fonts/Bahnschrift_3.eot');
    src: url('../fonts/Bahnschrift_3.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift_3.woff2') format('woff2'),
        url('../fonts/Bahnschrift_3.woff') format('woff'),
        url('../fonts/Bahnschrift_3.ttf') format('truetype'),
        url('../fonts/Bahnschrift_3.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift_4';
    src: url('../fonts/Bahnschrift_4.eot');
    src: url('../fonts/Bahnschrift_4.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift_4.woff2') format('woff2'),
        url('../fonts/Bahnschrift_4.woff') format('woff'),
        url('../fonts/Bahnschrift_4.ttf') format('truetype'),
        url('../fonts/Bahnschrift_4.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift_5';
    src: url('../fonts/Bahnschrift_5.eot');
    src: url('../fonts/Bahnschrift_5.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift_5.woff2') format('woff2'),
        url('../fonts/Bahnschrift_5.woff') format('woff'),
        url('../fonts/Bahnschrift_5.ttf') format('truetype'),
        url('../fonts/Bahnschrift_5.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift_6';
    src: url('../fonts/Bahnschrift_6.eot');
    src: url('../fonts/Bahnschrift_6.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift_6.woff2') format('woff2'),
        url('../fonts/Bahnschrift_6.woff') format('woff'),
        url('../fonts/Bahnschrift_6.ttf') format('truetype'),
        url('../fonts/Bahnschrift_6.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift_7';
    src: url('../fonts/Bahnschrift_7.eot');
    src: url('../fonts/Bahnschrift_7.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift_7.woff2') format('woff2'),
        url('../fonts/Bahnschrift_7.woff') format('woff'),
        url('../fonts/Bahnschrift_7.ttf') format('truetype'),
        url('../fonts/Bahnschrift_7.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift_8';
    src: url('../fonts/Bahnschrift_8.eot');
    src: url('../fonts/Bahnschrift_8.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift_8.woff2') format('woff2'),
        url('../fonts/Bahnschrift_8.woff') format('woff'),
        url('../fonts/Bahnschrift_8.ttf') format('truetype'),
        url('../fonts/Bahnschrift_8.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift_9';
    src: url('../fonts/Bahnschrift_9.eot');
    src: url('../fonts/Bahnschrift_9.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift_9.woff2') format('woff2'),
        url('../fonts/Bahnschrift_9.woff') format('woff'),
        url('../fonts/Bahnschrift_9.ttf') format('truetype'),
        url('../fonts/Bahnschrift_9.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift_10';
    src: url('../fonts/Bahnschrift_10.eot');
    src: url('../fonts/Bahnschrift_10.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift_10.woff2') format('woff2'),
        url('../fonts/Bahnschrift_10.woff') format('woff'),
        url('../fonts/Bahnschrift_10.ttf') format('truetype'),
        url('../fonts/Bahnschrift_10.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift_11';
    src: url('../fonts/Bahnschrift_11.eot');
    src: url('../fonts/Bahnschrift_11.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift_11.woff2') format('woff2'),
        url('../fonts/Bahnschrift_11.woff') format('woff'),
        url('../fonts/Bahnschrift_11.ttf') format('truetype'),
        url('../fonts/Bahnschrift_11.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift_12';
    src: url('../fonts/Bahnschrift_12.eot');
    src: url('../fonts/Bahnschrift_12.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift_12.woff2') format('woff2'),
        url('../fonts/Bahnschrift_12.woff') format('woff'),
        url('../fonts/Bahnschrift_12.ttf') format('truetype'),
        url('../fonts/Bahnschrift_12.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift_13';
    src: url('../fonts/Bahnschrift_13.eot');
    src: url('../fonts/Bahnschrift_13.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift_13.woff2') format('woff2'),
        url('../fonts/Bahnschrift_13.woff') format('woff'),
        url('../fonts/Bahnschrift_13.ttf') format('truetype'),
        url('../fonts/Bahnschrift_13.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift_14';
    src: url('../fonts/Bahnschrift_14.eot');
    src: url('../fonts/Bahnschrift_14.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bahnschrift_14.woff2') format('woff2'),
        url('../fonts/Bahnschrift_14.woff') format('woff'),
        url('../fonts/Bahnschrift_14.ttf') format('truetype'),
        url('../fonts/Bahnschrift_14.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'OptimusPrincepsSemiBold';
    src: url('../fonts/OptimusPrincepsSemiBold.eot');
    src: url('../fonts/OptimusPrincepsSemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OptimusPrincepsSemiBold.woff2') format('woff2'),
        url('../fonts/OptimusPrincepsSemiBold.woff') format('woff'),
        url('../fonts/OptimusPrincepsSemiBold.ttf') format('truetype'),
        url('../fonts/OptimusPrincepsSemiBold.svg#OptimusPrincepsSemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'OptimusPrinceps';
    src: url('../fonts/OptimusPrinceps.eot');
    src: url('../fonts/OptimusPrinceps.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OptimusPrinceps.woff2') format('woff2'),
        url('../fonts/OptimusPrinceps.woff') format('woff'),
        url('../fonts/OptimusPrinceps.ttf') format('truetype'),
        url('../fonts/OptimusPrinceps.svg#OptimusPrinceps') format('svg');
    font-weight: 500;
    font-style: normal;
}




body {
    overflow-x: hidden;
}

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Bahnschrift';
    /*user-select: none;*/
    /*overflow-x: hidden;*/
    scroll-behavior: smooth;
}

h2 {
    padding: 10px 0;
}

h3 {
    padding: 10px 0;
}

img {
    max-width: 100%;
    width: 100%;
}
.grayout{
    /*opacity: .6;*/
    font-family: 'Bahnschrift';
}

a{
    text-decoration: none;
    font-style: none;
}
.site_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-color: rgba(0, 0, 0, 0.8);
     display: none; 
}
.site_header.fixed_header {
    display: block;
    background-color: rgba(0, 0, 0, 0.8);
}
.menuSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.site_header.fixed_header .menuSection {
}
.extensionLogo {
    max-width: 180px;
    width: 100%;
    margin: 0;
}
.logo {
    max-width: 180px;
    width: 100%;
    margin: 0;
}
.logo img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.hamburger {
    display: none;
}
.menu {

}
.menu ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
}
.menu ul li {

}
.menu ul li:hover {
    opacity: 1;
}
.menu ul li a {
    display: block;
    color: #fff;
    font-family: 'Bahnschrift';
    font-size: 18px;
    line-height: 24px;
    padding: 10px 15px;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.menu ul li a:hover {
    color: #67A003;
    border-bottom: 2px solid #67A003;
}


.mainSection {
    overflow: hidden;
    width: 100vw;
    /*height: 100vh;*/
    /*background-image: url(../images/webp/Main.webp);*/
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
    /*padding-left: 140px;*/
}

.mainImage{
    position: relative;

    height: 100%;
    width: 100%;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*padding-left: 50px;*/

    z-index: 9;
}
.desk_img {
    display: block;
}
.mobi_img {
    display: none;
}
.mainImage .secDesc{
    padding-top: calc(var(--font-title) + 4rem);
}

.mainImage h2{
    width: 30ch;
    font-size: var(--font-title);
    font-family: 'OptimusPrinceps';
    line-height: calc(var(--font-title) + 1.5px);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 100;
    z-index: 1;
    overflow: hidden;

    padding-bottom: 3px;
}

.blockBefore{
    position: absolute;
    left: calc(var(--font-title) - 2.5vw);

    height: calc(var(--font-title) + 3vw);
    width: calc(var(--font-title) + 3vw);
    background-color: #67A003;
    border-top-left-radius: 30%;
    border-bottom-right-radius: 30%;

    z-index: -1;
}

.mainImage .grayout{
    width: 65ch;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: var(--font-med);
    padding-top: 15px;
}

@media (max-width: 600px){

    .mainImage .grayout{
        width: 40ch;
    }

    .mainSection{
        background-position: center;
        padding-left: 0;
    }

    .mainSection h2{
        max-width: 25ch;
    }
}

.sticky_btn{
    position: fixed;
    right: -74px;
    top: 50%;
    transform: rotate(270deg) translateY(-50%);
    font-size: var(--font-med);
    max-width: 200px;
    padding: 8px 16px;
    background-color: #67A003;
    border: none;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    z-index: 99;
}

.sticky_btn:hover{
    background-color: green;
}

.imgScroll{
    position: absolute;
    bottom: 7%;

    width: 40%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.imgScroll img{
    height: 60px;
}
.nearby_slider.swiper{
    width: 70%;
    margin: 0 auto;
    padding: 30px;
}
.nearby_slider_icon {
    max-width: 100px;
    width: 100%;
    margin: 0 auto;
}
.nearby_slider_icon img {
    display: block;
    margin: 10px auto;
}
.nearby_slider_icon p {
    text-align: center;
    color: #fff;
}
.nearby_slider.swiper .swiper-button-next:after, .nearby_slider.swiper .swiper-button-prev:after {
    display: none;
}
.nearby_slider.swiper .swiper-button-next {
    background: url(../images/Arrow_right_white.svg) no-repeat center top;
    width: 40px;
    height: 24px;
}
 .nearby_slider.swiper .swiper-button-prev {
    background: url(../images/Arrow_left_white.svg) no-repeat center top;
    width: 40px;
    height: 24px;
 }
@media (max-width: 1150px){

    
    .imgScroll{
        display: none;
    }


    .lines{
        height: 2px;
        width: 25px;
        background-color: #FFF;
    }

    
}


.mainCover{
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    background-image: url(../images/webp/DarkGreenGradiant.webp);
    background-repeat: no-repeat;
    background-size: contain;
    color: #FFF;
    padding-top: 100px;

    display: flex;
    justify-content: space-evenly;
}

.projectOverview,
.projectDescription{
    width: 40%;
    margin: 0 auto;
}

.projectOverview_img {
    max-width: 550px;
    width: 50%;
    margin: -50px auto 0;
}
.mainCover .projectDescription h2 {
    padding-top: 10px;
    padding-bottom: 30px;
}


#highlights .projectDescription {
    padding-bottom: 50px;
}
#highlights .projectDescription h2{
    letter-spacing: 1.4px;
    font-weight: 100;
    font-size: var(--font-bold);
    padding-bottom: 15px;
    text-transform: uppercase;
}
#highlights .ImageSection {
    width: 70vw;
}
#highlights .ImageSection img {
    display: block;
    margin: 20px auto;
}
.highlights_img_col {
    position: relative;
    overflow: hidden;
    width: 70%;
}
.highlights_head {
    padding-left: 10px;
    font-family: 'Bahnschrift';
}
.highlights_img_col .hoverspan {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 97%;
    padding: 15px 15px;
    background-color: rgba(0,0,0,0.8);
    margin: 0 auto;
    right: 0;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-radius: 0px 0px 50px 0px;
    font-family: 'Bahnschrift';
}
.highlights_img_col:hover .hoverspan {
    bottom: 40px;
}
.projectOverview h3{
    font-weight: 100;
    opacity: 1;
    letter-spacing: 1.5px;
    font-size: var(--font-med);
    font-family: 'OptimusPrinceps';
    padding-bottom: 10px;
}

.projectOverview h3 span{
    opacity: .5;
}

.projectOverview h2{
    width: 90%;
    font-size: var(--font-bold);
    font-family: 'OptimusPrincepsSemiBold';
    letter-spacing: 1.5px;
    padding-bottom: 10px;
}

.projectOverview .desc{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: var(--font-med);
}

.projectDescription .pdDesc{
    font-size: var(--font-med);
    letter-spacing: 1.5px;
    padding-bottom: 10px;
}

.projectDescription .grayout{
    /*opacity: .7;*/
    font-weight: 100;
    letter-spacing: 1px;
    /*font-size: var(--font-med);*/
}

@media (max-width: 690px){

    .mainCover{
        background-size: cover;
        height: auto;
        margin-bottom: 3rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px 0
    }
    
    .mainCover .projectOverview,
    .mainCover .projectDescription{
        width: 90%;
        padding-bottom: 50px;
        height: initial;
    }
    
}


.ImageSection{
    width: 100vw;
    margin: auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding-bottom: 4vw;
}

.leftSection{
    display: flex;
    flex-direction: column;
    gap: var(--font-title);
}

.rightSection{
    display: flex;
    flex-direction: column;
    gap: var(--font-bold);
}

.rightSection .secDesc{
    width: 80%;
    display: flex;
    flex-direction: column;
}

.rightSection .secDesc h3{
    line-height: initial;
    padding-bottom: 15px;
    font-weight: 100;
    font-size: var(--font-med);
    font-family: 'OptimusPrinceps';
    opacity: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.rightSection .secDesc h3 span{
    opacity: .4;
}

.rightSection .secDesc h2{
    width: 80%;
    text-transform: uppercase;
    font-size: var(--font-bold);
    font-family: 'OptimusPrincepsSemiBold';
    letter-spacing: 1.5px;
    padding-bottom: 7px;
}

.rightSection .secDesc .desc{
    font-size: var(--font-med);
    text-transform: uppercase;
}


@media (max-width: 650px){

    .rightSection{
        padding-top: calc(var(--font-title) + 10px);
        width: 80vw;
        padding-left: calc(var(--font-med) + 2.5vw);
    }
    .rightSection .secDesc{
        width: 100%;
    }

}

@media (max-width: 470px){

    .ImageSection{
        flex-direction: column;
    }
}

.map img{
    position: absolute;
    max-width: 600px;
    width: 100%;
    transform: translateY(40px);
    right: 10%;
    border-bottom-right-radius: 140px;
    border-top-left-radius: 110px;
    box-shadow: 6px 6px 6px 6px rgb(0 0 0 / 50%);
}

.locAdvantage_wrap {
   margin-top: 8rem;
    background-image: url(../images/webp/Grassgradiant.webp);
    width: 100vw;
}
.map_menu{
    
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.map_menu .desc{
    width: 40%;
    padding-top: 80px;
    padding-left: calc(var(--font-title) + 4rem);
}

.map_menu .desc h3{
    /*font-size: var(--font-title);*/
    /*font-family: 'OptimusPrincepsSemiBold';*/
    letter-spacing: 1.4px;
    /*opacity: 1;*/
    padding-bottom: 20px;
    font-weight: 100;
}

.map_menu .desc h3 span{
    /*opacity: .5;*/
    padding-right: 2px;
}

.map_menu .desc h2{
    font-size: var(--font-bold);
    font-family: 'OptimusPrincepsSemiBold';
    line-height: initial;
    letter-spacing: 2px;
    text-transform: uppercase;
    /*width: 20ch;*/
}

.map_menu .menuIcons img{
    height: var(--font-title);
}

@media (max-width: 1100px){
    .map_menu{
        height: 60vh;
    }

    .map_menu .desc{
        position: relative;
        top: 10%;
        width: 80vw;
        transform: initial;
        margin: auto;
        padding: 0;
    }

    .map_menu .desc h2{
        width: initial;
    }
}

@media (max-width: 480px){
    .map_menu .menuIcons img{
        height: var(--font-bold);
    }
}

.map_menu .menuIcons .left img,
.map_menu .menuIcons .right img{
    height: var(--font-med);
}

.map_menu .menuIcons .title{
    font-size: var(--font-light);
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

@media (max-width: 480px){
    .map_menu .menuIcons .left img,
    .map_menu .menuIcons .right img{
        height: var(--font-light);
    }
    
    .map_menu .menuIcons .title{
        font-size: 6px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
}


.map_menu .menuIcons{
    padding: 40px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.map_menu .menuIcon{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.map_menu .menuIcons .Navmenu{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 80%;
}

.map_menu .menuIcon .title{
    padding: 12px 5px;
}

.left ,
.right{
    cursor: pointer;
}


@media (max-width: 820px){
    .map_menu .desc h3{
        font-size: var(--font-bold);
        font-family: 'OptimusPrincepsSemiBold';
    }
    .map_menu .desc h2{
        font-size: var(--font-title);
    }
}

.amenities{
    padding: 60px 20px;
}

.amenities .secDesc{
    display: flex;
    width: 60%;
    justify-content: center;
    margin: auto;
}

.amenities .block{
    height: 45px;
    width: 45px;
    background-color: #67A003;
    border-top-left-radius: 30%;
    border-bottom-right-radius: 30%;
    margin-right: 20px;
    margin-top: 3px;
}

.amenities .content{
    width: 60%;
}

.amenities .content h3{
    /*font-size: var(--font-med);*/
    /*font-family: 'OptimusPrinceps';*/
    letter-spacing: 1.2px;
    /*opacity: 1;*/
    padding-bottom: 15px;
    text-transform: uppercase;
    font-weight: 100;
}

.amenities .content h3 span{
    /*opacity: .4;*/
    padding-right: 3px;
}

.amenities .content h2{
    letter-spacing: 1.4px;
    font-weight: 100;
    font-size: var(--font-bold);
    padding-bottom: 15px;
    text-transform: uppercase;
}

.amenities .content .desc{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: var(--font-med);
}

.amenitiesImages{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 400px;
}

@media (max-width: 1000px){
        
    .amenities .content{
        width: 80vw;
    }
    .amenities .secDesc{
        width: 100%;
    }
} 

.amenitiesImages .img{
    position: relative;
}

.amenitiesImages .img::after{
    content: '';
    position: absolute;
    bottom: 10%;
    left: 10%;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 13px;
}

.amenitiesImages .img1::after{
    content: 'riverside jogging track';
}

.amenitiesImages .move::after{
    content: 'swimming pool';
}

.amenitiesImages .img3::after{
    content: 'entertainment area';
}

.amenitiesImages img{
    height: 300px;
}

.amenities .move{
    transform: translateY(40px);
}

.amenities .block2{
    position: absolute;
    right: 5%;
}
.amenities_slider.swiper {
    padding: 25px;
}
.amenities_slider .swiper-slide {
    position: relative;
}
.amenities_slider .swiper-slide span{
    content: '';
    position: absolute;
    bottom: 10%;
    left: 10%;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 13px;
}
.amenities_slider .swiper-slide:nth-child(odd) {
    margin-top: 50px;
}
.amenities_slider.swiper .swiper-button-next:after, .amenities_slider.swiper .swiper-button-prev:after {
    display: none;
}
.amenities_slider.swiper .swiper-button-next {
    background: url(../images/Arrow_right_black.svg) no-repeat center center;
    width: 40px;
    height: 40px;
    background-color: #67A003;
    border-top-left-radius: 30%;
    border-bottom-right-radius: 30%;
}
 .amenities_slider.swiper .swiper-button-prev {
    background: url(../images/Arrow_left_black.svg) no-repeat center center;
    width: 40px;
    height: 40px;
    background-color: #67A003;
    border-top-left-radius: 30%;
    border-bottom-right-radius: 30%;
 }
@media (max-width: 800px){
    
}
.gallery{
    padding: 20px 40px;
    overflow-x: hidden;
}

.gallery .div{
    display: flex;
    justify-content: space-between;
}

.gallery .div .secDesc h3{
    /*opacity: 1;*/
    padding-bottom: 15px;
    text-transform: uppercase;
    font-weight: 100;
    /*font-size: var(--font-med);*/
    /*font-family: 'OptimusPrinceps';*/
    letter-spacing: 1.2px;
}

.gallery .div .secDesc h2{
    text-transform: uppercase;
    padding-bottom: 15px;
    font-size: var(--font-bold);
    width: 60%;
    letter-spacing: 1.4px;
    font-weight: 400;
}

.navigation{
    display: flex;
    align-items: center;
    width: 60vw;
    max-width: 15rem;
    justify-content: space-between;
}

.navigation img{
    height: var(--font-title);
}

.galleryImages{
    height: 400px;
}

.galleryImages .img{
    display: inline-block;
    margin: 0 40px;
}

.galleryImages img{
    height: 340px;
    width: 325px;
}


.videos{
    padding: 20px 40px;
}

.videos .div{
    display: flex;
    justify-content: space-between;
}

.videos .div .secDesc h3{
    /*opacity: 1;*/
    padding-bottom: 15px;
    text-transform: uppercase;
    font-weight: 100;
    /*font-size: var(--font-med);*/
    /*font-family: 'OptimusPrinceps';*/
    letter-spacing: 1.2px;
}

.videos .div .secDesc h2{
    text-transform: uppercase;
    padding-bottom: 15px;
    font-size: var(--font-bold);
    width: 50vw;
    letter-spacing: 1.4px;
    font-weight: 400;
}



.videosImages{
    /*height: 400px;*/
}

.videosImages .img2{
    display: inline-block;
    margin: 0 40px;
}
.videosImages .img2 a {
    display: block;
    position: relative;
    color: #000;
}
.videosImages .img2 a:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    background: url(../images/webp/play_icon.png) no-repeat center center;
    background-size: 20%;
     /*z-index: 1; */
    width: 100%;
    height: 100%;
}
.videosImages img{
    height: 340px;
    width: 325px;
    display: block;
    margin: 10px auto;
}


@media (max-width: 800px){
    
    .amenitiesImages{
        height: 120vh;
        flex-direction: column;
    }
    .amenities_slider .swiper-slide:nth-child(odd) {
        margin-top: 0;
    }
    .amenities_slider.swiper {
        padding: 25px 0;
    }
    .amenitiesImages .move{
        transform: initial;
    }
    .gallery .div .secDesc h2{
        width: 90%;
    }
    .videos .div .secDesc h2{
        width: 90%;
    }
}

@media (max-width: 400px){
    .galleryImages img{
        height: 300px;
        width: 285px;
    }
    .videosImages img{
        height: 300px;
        width: 285px;
    }
}

@media (max-width: 350px){
    .galleryImages img{
        height: 280px;
        width: 265px;
    }
    .videosImages img{
        height: 280px;
        width: 265px;
    }
}

.enquireSection{
    margin: 50px 0 10px;
    width: 100vw;
    height: 100vh;
    background-image: url(../images/webp/10.webp);
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    align-items: center;
    flex-direction: column;
}

.enquireSection h2{
    font-size: var(--font-title);
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    padding-bottom: 10px;
}

.enquireSection h1{
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding-bottom: 10px;
    font-size: var(--font-title);
    font-family: 'OptimusPrincepsSemiBold';
}

.enquireSection button{
    background-color: green;
    color: #FFF;
    font-size: var(--font-med);
    padding: 7px 14px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    cursor: pointer;
    opacity: 1;
}

.enquireSection button:hover{
    background-color: #67A003;
}

.enquireSection > *{
    transform: translateY(--font-title);
}

@media (max-width: 600px){
    
    .enquireSection{
        background-position: center;
    }
    .enquireSection h2{
        text-align: center;
    }
}

.footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 40px;
    /*transform: translateY(-50%);*/
    /*max-height: 3rem;*/
    overflow: hidden;
}

.footer .disclamer h2{
    text-transform: uppercase;
    font-weight: 100;
    font-size: calc(var(--font-light) + .2vw);
    padding-bottom: 5px;
    letter-spacing: 1.2px;
}

.footer .LogoImg img{
    height: calc(var(--font-title) + 4vw);
}

.form{
    position: fixed;
    top: 0;
    left: 0;

    background-image: -moz-linear-gradient(0 0 0 10px #fff);
    height: 100vh;
    width: 100vw;
    overflow: hidden;

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

    z-index: 9999999999999999999;
}

.formComponents{
    position: relative;
    width: 20rem;
    background-color: #67A003;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    padding: 20px 30px;
}

.formComponents form{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.fieldwrapper {
    width: 100%;
    margin: 10px auto;
}
.fieldwrapper.form-cta-btn {
    text-align: center;
}
.inputBox, select{
    border: 2px solid #FFF;
    background-color: #67A003;
    color: #FFF;
    padding-left: 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.1px;
    padding: 5px 10px;
    width: 100%;
}

::placeholder {
    color: #FFFFFF;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.close{
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-70%, 35%);
    border: none;
    background-color: transparent;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 900;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: #FFFFFF;
}

.submit{
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    padding: 6px 14px;
    background-color: #FFF;
    border: none;
    cursor: pointer;
    margin: 10px 0;
    display: inline-block;
}

.error_msg{
            border: solid 2px red !important;
        }
        .fieldwrapper.homeally_dwnld_checklist {
            display: flex;
            /*justify-content: space-between;*/
        }
        .download_checkbox{
            width: 10% !important;
        }
        .fieldwrapper.homeally_dwnld_checklist input {
            background-image: url(https://www.godrejproperties.com/images/homeally_checkbox.png);
            background-repeat: no-repeat;
            background-position: 0 0;
            border: none;
            /*width: 20px;*/
            height: 34px;
            border: none;
            margin-right: 10px;
            margin-top: 3px;
            display: block;
            width: 15% !important;
        }
        .fieldwrapper.homeally_dwnld_checklist input:checked {
            background-image: url(https://www.godrejproperties.com/images/homeally_checkbox_checked.png);
            background-repeat: no-repeat;
            background-position: 0 0;
        }
        .fieldwrapper.homeally_dwnld_checklist span {
            font-size: 12px;
            line-height: 15px;
            color: #000;
        }
        
        .fieldwrapper.homeally_dwnld_checklist {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            border: 1px solid #fff;
            background-color: #fff;
            border-radius: 5px;
            padding: 0 0 0 10px;
        }
        .fieldwrapper.homeally_dwnld_checklist > span {
            padding-left: 0px;
        }
        /*.section-2 h2 {
          margin-bottom: 0;
        }*/
        .prebook_now_cta {
            text-align: center;
            font-family: 'Raleway';
            font-weight: bold;
            margin: 0;
            border: none;
            background-color: #fff;
            color: #000;
            text-decoration: none;
            text-transform: uppercase;
            cursor: pointer;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            font-size: 18px;
            border-radius: 5px;
            display: inline-block;
            padding: 10px 20px;
        }

        .disc_popup_wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
        z-index: 2;
        }
        .disc_popup_content {
        width: 70%;
        background-color: #fff;
        padding: 30px;
        overflow: auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        max-height: 500px;
        }

        .disc_popup_content h2 {
        font-size: 28px;
        line-height: 38px;
        }
        .disc_popup_content p {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 10px;
        }
        .agree-popup {
        background-color: #67A003;
        font-family: "Bahnschrift_1";
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        padding: 10px;
        }
        .close_btn {
            padding-top: 20px;
        }
        .disc-click {
            cursor: pointer;
        }

.form-offer-heading{
    display: none;
}
.form.offer-popup-active{
    display: flex;
}
.form.offer-popup-active #frmContactus{
    display: none;
}
.form.offer-popup-active .formComponents{
    width: 40rem;
    background-color: #67a003e6;
}
.form.offer-popup-active .form-offer-heading{
    display: block;
    color: #fff;
    text-align: center;
    font-size: 2vw;
}
.form_offer_text {
    text-align: center;
    color: #fff;
    padding: 5px;    
}
@media only screen and (max-width: 1100px) {
    .menu ul li a {
        font-size: 12px;
        line-height: 16px;
    }
}

@media only screen and (max-width: 1023px) {
    .site_header {
        /*display: block;*/
    }
    .menuSection {
        padding: 10px 10px;
    }
    .extensionLogo {
        width: 40%;
    }
    .logo {
        width: 40%;
    }
    .hamburger {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: 20px;
        position: relative;
    }
    .hamburger.open .lines:nth-child(3) {
        opacity: 0;
      }
      
      .hamburger.open .lines:nth-child(2) {
        transform: rotate(-45deg);
      }
      
      .hamburger.open .lines:nth-child(1) {
        transform: rotate(45deg) translateY(4.4px) translateX(4.6px);
      }   
    .menu {
        /*display: none;*/
        position: fixed;
        top: 0;
        right: -100%;
        width: 90%;
        height: 100%;
        background-color: #7fbb15;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .menu.active {
        right: 0;
    }
    .menu ul {
        flex-direction: column;
        height: 100%;
        justify-content: center;
    }
    .menu ul li {
        opacity: 1;
    }
    .menu ul li a {
        font-size: 18px;
        line-height: 24px;
    }
    .mainImage {
        height: auto;
        /*padding-top: 30px;*/
    }
    .desk_img {
        display: none;
    }
    .mobi_img {
        display: block;
    }

    .projectOverview_img {
        width: 90%;
        margin: 20px auto;
    }

    .projectOverview,
    .projectDescription{
        width: 90%;
    }
    #highlights .projectDescription {
        padding-bottom: 20px;
    }
    .highlights_img_col {
        width: 100%;
    }
    .map img {
        width: 90%  ;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .locAdvantage_wrap {
        margin-top: 14rem;
    }
    .galleryImages .img {
        margin: 10px 20px;
    }
    .galleryImages {
        height: auto;
    }
    .sticky_btn {
        right: 0;
        left: 0;
        top: auto;
        bottom: 0;
        max-width: none;
        transform: translateY(0) rotate(0deg);
    }
    .fieldwrapper.homeally_dwnld_checklist input {
        width: 10% !important;
    }
    .footer {
        padding: 0 20px 40px 20px;
    }
    .footer .LogoImg img {
        height: auto;
        max-width: 110px;
    }

    .form.offer-popup-active .formComponents {
        width: 90%;
    }
    .form.offer-popup-active .form-offer-heading{
        font-size: 5vw;
    }

    .disc_popup_content {
        width: 90%;
        max-height: 500px;
        overflow: auto;
    }
    
}