@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');





@font-face {

    font-family: 'museo100';

    src: url('../font/museo100-regular.woff2') format('woff2'),

         url('../font/museo100-regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    

}









@font-face {

    font-family: 'museo300_italic';

    src: url('../font/museo300-italic.woff2') format('woff2'),

         url('../font/museo300-italic.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'museo500';

    src: url('../font/museo500-regular.woff2') format('woff2'),

    url('../font/museo500-regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    

}









@font-face {

    font-family: 'museo700';

    src: url('../font/museo700-regular.woff2') format('woff2'),

    url('../font/museo700-regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    

}









@font-face {

    font-family: 'museo900';

    src: url('../font/museo900-regular.woff2') format('woff2'),

    url('../font/museo900-regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    

}





@font-face {

    font-family: 'museo300';

    src: url('../font/museo_300.woff2') format('woff2'),

         url('../font/museo_300.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'gilroy-light';

    src: url('../font/gilroy-light.woff2') format('woff2'),

         url('../font/gilroy-light.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'gilroy-regular';

    src: url('../font/gilroy-regular.woff2') format('woff2'),

         url('../font/gilroy-regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'gilroy-bold';

    src: url('../font/gilroy-bold.woff2') format('woff2'),

         url('../font/gilroy-bold.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}





@font-face {

    font-family: 'gilroy-semibold';

    src: url('../font/gilroy-semibold.woff2') format('woff2'),

         url('../font/gilroy-semibold.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









*{

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}



img{

    display: block;

    max-width: 100%;

}



html{

    font-family: "Montserrat",'museo500', sans-serif;

    font-size: 62.5%;

    scroll-behavior: smooth;

    color: var(--primary-color);

}



:root{

    --museo500: 'museo500';

    --museo700: 'museo700';

    --museo300: 'museo300';

    --museo100: 'museo100';

    --gilroylight:'gilroy-light';

    --gilroy:'gilroy-regular';

    --gilroysemibold:'gilroy-semibold';

    --primary-color:#444242;

    --light-green: #94C95C;

    --dark-green: #2D465D;

    --white: #FFFFFF;

    --radius:28px;

}



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

.container{max-width: 1640px;width: 90%;margin: 0 auto;}

.container-sm{max-width: 1502px;width: 90%;margin: 0 auto;}

.container-xs{max-width: 1364px;width: 90%;margin: 0 auto;}

.text-23{font-size: 2.3rem;}

.text-29{font-size: 2.9rem;}

.text-53{font-size: 5.3rem;}

.text-38{font-size: 3.8rem;}

.text-55{font-size: 5.3rem;}

.btn{padding: 1rem 1.5rem;background-color: var(--light-green);color: var(--white);border-radius: var(--radius);}

.mb-30{margin-bottom: 3rem;}

.mb-50{margin-bottom: 5rem;}

.mb-20{margin-bottom: 2rem;}

.mb-15{margin-bottom: 1.5rem;}

.mb-100{margin-bottom: 10rem;}

.text-17,p{font-size: 1.7rem;}

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

strong{font-weight: 700;}





.header{padding: 1.6rem 0;background-color: var(--white);    position: sticky;top: 0;z-index: 11;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

.header .menu-item{line-height: 1.5;display: inline-block;margin-right: 3rem;font-family: var(--museo100);padding-bottom: 0.5rem;height: 4rem;}

.header .menu-item .btn{padding: 4px 1.7rem;font-family: var(--museo500);}

.header-wrap{display: flex;align-items: center;justify-content: space-between;}

.header .menu-item:hover:not(.menu-item:last-child,.menu-item.active){border-bottom: 2px solid var(--light-green);}

.header .menu-item.active{font-family: var(--museo300);}





.main-banner-section h1{font-size: 7.2rem;font-family: var(--museo100);color: var(--white);}

.design-section .design-text-box .text-53 > .bold, .about-project-section .text-53 > .bold,.about-company-section .text-53 > .bold, .main-banner-section h1 > .bold{font-family: var(--museo500);}

.main-banner-section{height: 80vh;background: rgb(68,161,92);

    background: -moz-radial-gradient(circle, rgba(68,161,92,1) 0%, rgba(57,126,76,1) 52%, rgba(52,109,68,1) 100%);

    background: -webkit-radial-gradient(circle, rgba(68,161,92,1) 0%, rgba(57,126,76,1) 52%, rgba(52,109,68,1) 100%);

    background: radial-gradient(circle, rgba(68,161,92,1) 0%, rgba(57,126,76,1) 52%, rgba(52,109,68,1) 100%);}

.main-banner-section .left-box{width: 41.5%;display: inline-block;padding: 7% 0;color: #FFFFFF;vertical-align: top;    margin-left: 7%;position: absolute;top: 0;}

.main-banner-section .call-back-btn{font-size: 2rem;line-height: 1.5;font-family: var(--museo500);}

.main-banner-section .call-back-btn img{display: inline-block;vertical-align: middle;margin-right: 6px;}

.main-banner-section .box-wrapper{position: relative;}

.main-banner-section .box-wrapper .mob-img{display: none;}



.about-company-section .lower-box-wrapper p{font-size: 1.7rem;line-height: 1.3;}

.about-company-section .upper-box-wrapper{display: grid;grid-template-columns: 35.5% 65%;}

.about-project-section .box-wrapper .text-53,.about-company-section .upper-box-wrapper .text-53{font-family: var(--museo100);}

.about-project-section .box-wrapper .text-23, .about-company-section .upper-box-wrapper .text-23{font-family: var(--museo500);}



.about-project-section{padding: 6rem 0 5.4rem;background-color: #EBEBEB;}

.about-project-section .left-box{display: inline-block;width: 54.5%;vertical-align: top;margin-right: -4px;}

.about-project-section .left-box .player img{box-shadow: 2rem 2rem var(--light-green);}

.about-project-section .right-box{display: inline-block;width: 45.5%;vertical-align: top;padding-left: 6rem;}

.about-project-section .box-wrapper .text-53{position: relative;}

.about-project-section .box-wrapper .text-53:after{content: "";background-image: urL("../img/about-project-logo.png");display: inline-block;width: 6.5rem;height: 5.9rem;background-repeat: no-repeat;background-size: 100%;position: absolute;right: 0;top: 0;}

.resource-section .button-box .btn img,.about-project-section .button-box .btn img{display: inline-block;vertical-align: middle;margin-right: 1.1rem;}

.resource-section .button-box .btn,.about-project-section .button-box .btn{font-size: 2rem;font-family: var(--museo500);line-height: 1.2;padding: 6px 1.8rem;margin-right: 1.5rem;}

.about-project-section .box-wrapper p{font-weight: 400;line-height: 1.4;}



.proj-over .text-29{font-size: 2.8rem;}

.proj-over .text-23{font-size: 2.1rem;}

.proj-over {border-right: 2px solid #707070;}

.proj-over:last-child{border: none;}

.player-info-box{display: grid;grid-template-columns: 1fr 1.2fr 1fr;align-items: center;margin-top: 5rem;}
.player-info-box .proj-over-info{width: 75%;margin-left: -4px;padding-left: 5px;}
.player-info-box .proj-over-img{width: 22%;}
.player-info-box .proj-over-info, .player-info-box .proj-over-img{display: inline-block;vertical-align: middle;}

.proj-over-img{margin-right: 2px;padding: 0 5px;}

/* .player{position: relative;z-index: 1;}

.player::after{content: "";display: block;width: 100%;height: 100%;background-color:var(--light-green);position: absolute;bottom: 2rem;right: -2rem;} */



.footer{background-color: #EBEBEB;padding-top: 6.4rem;}

.footer .footer-column .bold{font-family: var(--museo500);color: var(--dark-green);}

/* .footer .footer-column-2 .info-box,.footer .footer-column-1 .info-box{display: flex;align-items: self-start;gap: .5rem;} */

.footer .footer-column p{font-family: var(--museo100);color: var(--dark-green);line-height: 1.3;}

.footer .footer-wrap{display: grid;grid-template-columns: 1.5fr 1.5fr 1fr 1fr;gap: 5rem;}

.footer .footer-column-1 .bold,.footer .footer-column-2 .bold{    display: inline-block;width: calc(30% - 5px);vertical-align: top;}

.footer .footer-column-1 .info-box > .light,.footer .footer-column-2 .info-box > .light{display: inline-block;width: 70%;}

.footer .copyright-box{padding: 1.2rem 0;line-height: 1.5;font-family: var(--museo500);color: var(--dark-green);border-top: 2px solid var(--dark-green);}

.footer a:hover{text-decoration: underline;}

.footer .info-box .icon-box{display: inline-block;}

.footer .info-box .icon-box{display: none;}

.footer .info-box .popup-form-open{display: block;width: max-content;}




.success-section .text-23{font-size: 3.1rem;  font-family: var(--museo100);line-height: 1.3;}

.success-section .text-23 > .bold{font-family: var(--museo300);}

.success-section .success-box .text-23{font-size: 2.2rem;line-height: 1.3;font-family: var(--museo700);}

.success-section .success-box img{margin: 0 auto; width: 14rem;}

.success-section .success-box{border-right: 2px solid #707070;display: flex;flex-direction: column;justify-content: space-between;}

.success-section .success-info{padding: 0 2rem;}

.success-section .success-box-wrap {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}

.success-section{padding: 5rem 0;position: relative;}

.success-box:last-child{border-right: 0;}

.success-section:before{    content: "";background-image: url(../img/success-section-line.png);display: inline-block;background-size: 100%;background-repeat: no-repeat;height: 2px;width: 54%;position: absolute;right: 0;top: 17%;}

.amenities-section .text-box{padding-left: 4rem;vertical-align: middle;display: inline-block;}

.amenities-section::before{    content: "";

    display: inline-block;

    background-image: url(../img/amenities-section-line.png);

    background-size: 100%;

    height: 3.5rem;

    width: 7rem;

    background-repeat: no-repeat;

    position: absolute;

    left: 8%;

    top: 7px;}

.amenities-section .icon-box{display: inline-block;vertical-align: middle;background-color: var(--white);}
.box-wrapper .amenities-img img{height: 100%;object-fit: cover;}
.box-wrapper .amenities-img{height: 69rem;margin-bottom: 0}

.design-section .design-text-box{width: 33.3%;color: var(--white);position: absolute;right: 17%;top: 25%;}

.design-section .design-text-box .text-53{font-family: var(--museo100);line-height: 1.3;}

.design-section .design-text-box > p{font-weight: 400;line-height: 1.2;}

.design-section{background-repeat: no-repeat;background-size: 100%;height: 48rem;position: relative;}





.amenities-section .text-23{font-size: 2.2rem;line-height: 1.3;color: var(--primary-color);font-family: var(--museo500);}

.amenities-section .text-53{line-height: 1.3;color: var(--primary-color);font-family: var(--museo100);}

.amenities-section .text-53 > .bold{font-family: var(--museo500);}

.amenities-section .tab-btn-wrapper .text-38{display: inline-block;font-family: var(--museo500);color: #1C1C1C;line-height: 1.3;margin-right: 3.7rem;cursor: pointer;}

.amenities-section .tab-btn-wrapper .text-38.active{color: var(--light-green);border-bottom: 3px solid var(--light-green);border-radius: 2px;}

.amenities-section .box-wrapper{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 3.9rem;}

.amenities-section .box-wrapper .right-box{background-color: #EBEBEB;padding: 3.7rem 3.7rem 5.3rem;}

.amenities-section .right-box .text-17{font-weight: 600;color: var(--primary-color);}

.amenities-section .right-box li{padding-left: 5.3rem;position: relative;}

.amenities-section .right-box li:last-child{margin-bottom: 0;}

.amenities-section .right-box li::before{content: "";background-image: url(../img/tick.png);display: inline-block;width: 2rem;height: 2rem;background-repeat: no-repeat;background-size: 100%;position:absolute;    left: 0;

    top: 0;}



    .amenities-section   .tab-box{display: none}



    .amenities-section .tab-box.active{display: block}







    /* ----- Specification Section ----- */

.specification-tab-btn .text-38{color: #1C1C1C;margin-right: 7.9rem;font-family: var(--museo500);display: inline-block;cursor: pointer;}

.specification-tab-btn .text-38.active{color: var(--light-green);border-bottom: 3px solid var(--light-green);border-radius: 2px;}

.specification-tab-box{height: 0;opacity: 0;visibility: hidden;}

.specification-tab-box.active{height: auto;opacity: 1;visibility: visible;}

.spec-tab-img img{width:76%;margin: 0 auto; border-radius: 23px;}

.spec-tab-img{border-radius: 5rem;overflow: hidden;}

.slick-slide{transition: 500ms ease all;}

.slick-center{transform: scale(1.561);transition: 500ms ease all;width: 100%;}

.slick-list.draggable{padding: 10rem 0 !important;}

.slick-prev ,.slick-next{background-color: transparent;width: 2.5rem;height: 2.5rem;font-size: 0;border: none;border-right: 4px solid var(--dark-green);border-bottom: 4px solid var(--dark-green);transform: rotate(-45deg);z-index: 1;position: absolute;bottom: 0;right: 40%;}

.slick-prev,.slick-prev{background-color: transparent;width: 2.5rem;height: 2.5rem;font-size: 0;border: none;border-right: 4px solid var(--dark-green);border-bottom: 4px solid var(--dark-green);transform: rotate(130deg);z-index: 1;position: absolute;bottom: 0;left: 40%;}

.specification-tab-box .slick-prev.slick-disabled,.specification-tab-box .slick-next.slick-disabled{opacity: 0.7;}

.slick-dots{display: flex;gap: 1rem;align-items: center;justify-content: center;font-size: 0;margin-top: 15px;}

.slick-dots button{background-color: var(--dark-green);border-radius: 100%;border: none;width: 1.5rem;height: 1.5rem;font-size: 0;cursor: pointer;}

.spec-tab-img a{display: block;}



.resource-img-slider .slick-dots .slick-active button, .specification-tab-box .slick-dots .slick-active button{background-color: var(--light-green);width: 2rem;height: 2rem;font-size: 0;}

/* .specification-tab-box .slick-arrow{position: absolute;} */







.acrd-row .acrd-header:after {content: "";background: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);background-position: center;background-size: 50% 2px, 2px 50%;background-repeat: no-repeat;display: block;position: absolute;width: 4rem;height: 4rem;right: 7px;top: 50%;transform: translateY(-50%);}

.acrd-header{padding: 1.2rem 1rem;position: relative;background-color: var(--light-green);color: var(--white);    display: flex;gap: 2rem;    align-items: center; cursor: pointer;}

.acrd-heading{font-size: 2rem;line-height: 1.3;font-family: var(--museo500);}

.acrd-row .toggle-box{background-color: transparent;color: var(--white);line-height: 1.6;font-family: var(--museo300);font-style: italic;padding: 2rem;font-size: 2rem;}



.acrd-row .acrd-header.active:after{background: linear-gradient(#000 0 0);background-position: center;background-size: 50% 2px,2px 50%;background-repeat: no-repeat;}

.acrd-row{margin-bottom: 1rem;}

.acrd-row .toggle-box{padding: 15px;display: none;}

.connectivity-section .right-box .text-23{font-size: 2.4rem;line-height: 1.3;color: var(--white);font-family: var(--museo500);margin-bottom: 2.5rem;}

.connectivity-section .box-wrapper > .container{display: grid;grid-template-columns: 1fr 1fr;padding-top: 4.9rem;padding-bottom: 6.3rem;gap: 6.9rem;align-items: center;}

.connectivity-section .acrd-header.active{color: var(--primary-color);background-color: var(--white);}

.connectivity-section .right-box{padding-right: 9rem;}

.connectivity-section .toggle-box .flex{display: flex;align-items: center;gap: 4rem;padding: 0 4rem;}

.connectivity-section .toggle-box .flex > p:first-child{    flex-basis: 50%;}

.section-heading::before {content: "";display: inline-block;height: 2px;width: 17rem;background-color: var(--light-green);position: absolute;top: 50%;bottom: 50%;margin-right: 1.6rem;right: 100%;}

.section-heading::after {content: "";display: inline-block;height: 2px;width: 17rem;background-color: var(--light-green);position: absolute;top: 50%;bottom: 50%;margin-left: 1.6rem;left: 100%;}

.section-heading {position: relative;display: inline-block;font-size: 2.2rem;font-family: var(--museo500);color: var(--primary-color);}







.resource-section .box-wrapper{border-top: 1px solid #707070;border-bottom: 1px solid #707070;display: block;grid-template-columns: 1fr 1fr;}

.resource-section .box-wrapper .right-box{background-color: #F4F4F4;border-left: 2px solid #707070;position: relative;}

.resource-section .box-wrapper .left-box{position: relative;}

.resource-section .left-box .heading-box{margin-right: 11rem; margin-top: -3rem;}

.resource-section .heading-box{color: var(--white);background-color: var(--light-green);font-size: 3.4rem;font-family: var(--museo500);padding: 2.8rem 5rem;display: inline-block;}

.resource-section .resource-img img{margin: 0 auto;}

.resource-section .resource-img p{text-align: center;font-size: 2.2rem;

    font-family: var(--museo500);

    color: var(--primary-color);}

.resource-section .right-box .heading-box{margin-left: 11rem; margin-bottom: -3rem;}

.resource-section .box-wrapper .right-box,.resource-section .box-wrapper .left-box{display: inline-block;width: calc(50% - 4px);vertical-align: middle;}

.resource-section .slick-prev.slick-disabled,.resource-section .slick-next.slick-disabled{opacity: .6;}

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

#nav-icon{display: none;}





.popup-form{background-color: var(--light-green);width: 25%;max-width: 421px;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 5rem 3rem;border-radius: 30px;z-index: 13;display: none;}

/* .popup-form.active{display: block;} */

.popup-form .text-23{font-size: 2.5rem;line-height: 1.3;font-family: var(--gilroysemibold);color: var(--white);}

.input-box input, .input-box select{display: block;width: 100%;font-family: var(--gilroylight);background-color: var(--light-green);border: none;color: var(--white);border-bottom: 1px solid var(--white);font-size: 1.8rem;line-height: 1.5;padding-bottom: 0.5rem;}
.input-box label{font-size: 1.8rem;line-height: 1.5;padding-bottom: 1rem;color: #FFFFFF;display: block;}

.input-box input:focus, .input-box select:focus{outline: 0;}
.input-box input::placeholder{color: var(--white);}

input:focus{outline: none;border-color:var(--dark-green) ;}

input:focus::placeholder{color: var(--dark-green);}

.popup-form .logo img{margin: 0 auto;}

.popup-form .button-box .btn{background-color: var(--dark-green);color: var(--white);font-family: var(--gilroy);font-size: 1.8rem;border: none;border-radius: 5px;padding: 1.2rem 2.5rem;cursor: pointer;}

.popup-form .button-box .btn:hover{background-color: var(--white);color: var(--dark-green);}

.overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .8);display: none;z-index: 12;}

.popup-form .close-btn{background-color: var(--white);border: none;    display: inline-flex;align-items: center;justify-content: center;cursor: pointer;color: var(--dark-green);font-size: 1.5rem;text-align: right;padding: 1rem;    font-family: 'museo700';width: 3rem;height: 3rem;    position: absolute;top: 2rem;right: 2rem;font-family: 'Montserrat';

    font-weight: 600;}

/* .overlay.active{display: block;} */

.overflow{overflow: hidden;}

.popup-info p{font-size: 12px;line-height: 1.3;font-family: var(--gilroy);color: var(--white);}

.popup-info-wrap {display: flex;align-items: center;justify-content: center;gap: 3rem;}

.popup-info img{margin: 0 auto;}





.sticky-box{position: fixed;right: -14%;top: 50%;color: var(--white);font-size: 2rem;font-family: var(--museo500);    transform: rotate(-90deg);display: flex;align-items: center;gap: 2rem;}

.sticky-box-txt {

    display: inline-flex;

    align-items: center;

    gap: 1rem;

}



/* .sticky-box-txt h4{text-shadow: 1px 1px 1px var(--dark-green), 2px 1px 1px var(--dark-green); } */





.sticky-box .dot{background-color: #CFB579;width: 1rem;height: 1rem;border-radius: 50%;display: inline-block;vertical-align: middle;}

.about-company-section::after{content: "";background-image: url(../img/about-section-line.png);background-repeat: no-repeat;display: inline-block;height: 2px;width: 100%;position: absolute;top: 36%;}



.about-company-section,.amenities-section{position: relative;}

.about-company-section .upper-box-wrapper .text-53{line-height: 1.3;}

.resource-img-slider .slick-prev, .resource-img-slider .slick-next,.slick-prev, .slick-prev{background-color: #9F9F9F;width: 3rem;height: 3rem;transform: none;border-radius: 100%;border: none;cursor: pointer;bottom: 3rem;display: flex;align-items: center;justify-content: center;}

.resource-img-slider .slick-prev::before{

    content: "";

    display: inline-block;

    width: 0px;

    height: 0px;

    border-top: .9rem solid transparent;

    border-bottom: .9rem solid transparent;

    border-right: .9rem solid var(--white);

    position: relative;

    left: -2px;

}

.resource-img-slider .slick-prev{left:46%; right: auto;}

.resource-img-slider .slick-next{right: 46%;left: auto;}

.resource-img-slider .slick-next::before {

    content: "";

    display: inline-block;

    width: 0px;

    height: 0px;

    border-top: .9rem solid transparent;

    border-bottom: .9rem solid transparent;

    border-left: .9rem solid var(--white);

    position: relative;

    left: 1px;

}

.more {

    text-align: left !important;

    display: none;

  }

  

  .more.main {

    display: block;

  }

  

  .more-less {

    color: #e43330 !important;

    text-align: center;

    float: left;

    width: 100%;

  }





  .about-company-section .upper-box-wrapper .text-54 {

    /* line-height: 1.3; */

    font-size: 5.3rem;

    font-family: var(--museo100);

    font-weight: bold    ;

}

.text-55{

    font-size: 4.5rem;

}

.about-the-project{

    display: block;

    font-size: 4.5rem;

}

/* .about-the-project-show{

    /* display: none; */



.Quality-53{

    font-size: 5.3rem;

}



.show-hide-container{margin-bottom: 100px;}



.show-hide{height: 75px;overflow: hidden;}



.show-hide-container p{margin-bottom: 15px;}







.show-hide1 p{display: inline;}



.show-hide1 span{display: none;}



.show-hide1 span.active{display: inline;}



.btn-read-more {

    padding: -5rem;

    margin: 5rem;

    /* background-color: var(--light-green); */

    color: black;

    border-radius: var(--radius);

}