

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

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

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

@font-face {
    font-family: 'TrajanProBold';
    src: url('../fonts/TrajanProBold/TrajanProBold.eot');
    src: url('../fonts/TrajanProBold/TrajanProBold.eot') format('embedded-opentype'),
         url('../fonts/TrajanProBold/TrajanProBold.woff2') format('woff2'),
         url('../fonts/TrajanProBold/TrajanProBold.woff') format('woff'),
         url('../fonts/TrajanProBold/TrajanProBold.ttf') format('truetype'),
         url('../fonts/TrajanProBold/TrajanProBold.svg#TrajanProBold') format('svg');
}
@font-face {
    font-family: 'TrajanProRegular';
    src: url('../fonts/TrajanProRegular/TrajanProRegular.eot');
    src: url('../fonts/TrajanProRegular/TrajanProRegular.eot') format('embedded-opentype'),
         url('../fonts/TrajanProRegular/TrajanProRegular.woff2') format('woff2'),
         url('../fonts/TrajanProRegular/TrajanProRegular.woff') format('woff'),
         url('../fonts/TrajanProRegular/TrajanProRegular.ttf') format('truetype'),
         url('../fonts/TrajanProRegular/TrajanProRegular.svg#TrajanProRegular') format('svg');
}

@font-face {
    font-family: 'DINProRegular';
    src: url('../fonts/DinProRegular/DINProRegular.eot');
    src: url('../fonts/DinProRegular/DINProRegular.eot') format('embedded-opentype'),
         url('../fonts/DinProRegular/DINProRegular.woff2') format('woff2'),
         url('../fonts/DinProRegular/DINProRegular.woff') format('woff'),
         url('../fonts/DinProRegular/DINProRegular.ttf') format('truetype'),
         url('../fonts/DinProRegular/DINProRegular.svg#DINProRegular') format('svg');
}

html{font-size: 62.5%;}
.container {max-width: 1375px;width: 90%;margin: 0 auto;}
.s-container {max-width: 995px;width: 90%;margin: 0 auto;}
.heading02{font-family: 'Museo300Regular';color: #971D20;font-size: 5rem;}
label.error{color: red;position: absolute;bottom: -2rem;
    font-size: 13px;}
.form-box001 label.error{bottom: 14px;left: 0;}

/* 1920 thankyou css */
.thankyou-text{
    margin: 200px auto;
    padding: 0 5%;
}
.thankyou-text h1{
    text-align: center;
    font-size: 70px;
    font-family: 'Museo700Regular';
}

/* end of thankyou css */

/* Header css */
.nav-bar{height: 12.0rem;background-color: #971D20;position:relative;width: 100%;z-index: 999;}
.nav-bar .container{display: flex;justify-content: flex-end;align-items: center;position: relative;height: 100%;position: relative;}
.brand-logo{width: 20.3rem;background-color: white;border-radius: 0rem 0rem 1.5rem 1.5rem;position: absolute;top: 0;left: 0}
/* .nav-list{padding-top: 3.8rem;} */
.nav-list li{display: inline;margin-left: 3.0rem; text-decoration: none;color: white;font-family: 'Museo500Regular';font-size: 2.0rem}
.nav-list li:first-child{margin-left: 0}
.num-btn{color: #fff;display: inline-block;margin-left: 1.8rem; font-family: 'Museo700Regular';font-size: 20px;padding: 1.2rem 1.4rem;background: #9F8D77;}
.menu-btn{display: none;}

/* Banner Css */
.banner-section{position: relative;}
.amenities-section .slick-dots, .banner-section .slick-dots{display: flex;justify-content: center;gap: .6rem;position: absolute;left: 0;right: 0;bottom: 4.2rem;z-index: 99;}
.amenities-section .slick-dots li{margin: 0 2px;}
.amenities-section .slick-dots li button,.banner-section .slick-dots li button{background: #fff;border: none;width: 1.5rem;height: 1.5rem;color: transparent;border-radius: 100%;}
.amenities-section .slick-dots .slick-active button,.banner-section .slick-dots .slick-active button{background: #9F8D77;}
.banner-section .banner-img{position: relative;}
.banner-section .banner-img .heading-txt{font-size: 5.0rem;font-family: 'TrajanProRegular';color: #FFFFFF;position: absolute;bottom: 10.1rem;transform: translateX(65%);width: 83.0rem;line-height: 6.0rem;text-align: center;z-index: 99;}
.banner-section .banner-img:after {content: "";background: linear-gradient(180deg, rgba(112,112,150,0) 0%, rgba(0, 0, 0, 0.897) 100%);position: absolute;left: 0;right: 0;bottom: 0;top: 0;opacity: .5;}


/* Enq Section */
.enq-section {background: #9F8D77;}
.sec3-cnt1 {text-align: center;padding: 2rem 0;display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 25px;}
.sec3-btns {border-radius: 35px;background: #ffffff;border: 1px solid #fff;text-decoration: none;display: inline-flex;align-items: center;   grid-template-columns: 20px auto;
    padding: 0 2rem;position: relative;}
.sec3-btns input {background: none;color: #707070;font-size: 1.8rem;border-radius: 14px;border: none;width: 100%;padding-left: 1rem;font-family: 'Museo300Regular';padding: 1.5rem 1.2rem; }
.sec3-btns.white-btn {color: #ffffff;background: #971D20;border: none;padding: 7px;text-transform: uppercase;cursor: pointer;border-radius: 35px;font-size: 2.0rem;text-decoration: none;display: inline-block;vertical-align: top;font-family: 'Museo500Regular';}
.sec3-btns:last-child {margin-right: 0;}


/* inspiration css */
.inspiration-sec{background-color: #9F8D77;padding-top: 4.5rem;padding-bottom: 5.76rem;}
.inspiration-sec .inspire-head{font-family: 'Museo300Regular';color: #FCF3E3;text-align: center ;padding-bottom: 5.06rem;}
.inspiration-sec .inspire-head h2{font-size: 5rem;}
.inspiration-sec .inspire-head p{font-size: 2rem;padding-top: 1.3rem;line-height: 3rem;}
.inspiration-sec .left-box{font-family: 'Museo700Regular';font-size: 2rem;text-align: center;color: #602D11;width: 58rem;}
.inspiration-sec .left-box h4{ background-color:#FCF3E3 ;height: 7.45rem;padding: 2.5rem 0rem;}
.inspiration-sec .slider-child img{padding: 1.1rem;border: solid 0.2rem #FCF3E3;}
.inspiration-sec .right-box{font-family: 'Museo500Regular';color: #7C482C;font-size: 2rem;line-height: 2.2rem;    width: 77.8rem;}
.inspiration-sec .right-box p{background-color:#FCF3E3;text-align: center;padding: 1rem 5rem;height: 8.4rem;}

.inspiration-sec .child-top{display: flex;gap: 2.04rem;justify-content: space-between;}
.inspiration-sec .bottom-title{color: #FCF3E3;font-family: 'Museo700Regular';font-size: 2rem;text-align: right;line-height: 2rem;margin-top: 1rem;}
.inspiration-sec .slider-child .left-box img{border-top: none;}
/* .inspiration-sec .slider-child .right-box img{border-bottom: none;} */


    /* Amenities section */
    .amenities-section{padding-top: 7.6rem;background: url('../img/statue.png') left 44% top 25% no-repeat; }
    .amenities-section .flex-box{display: flex;align-items: flex-start;}
    .amenities-section .l-box{width: 53%;padding-right: 4.4rem;}
    .amenities-section .r-box{width: 47%;}
    .amenities-section .acrd-row .acrd-header{color: #971D20;font-size: 2.4rem;font-family: 'Museo700Regular';background: transparent;border: none;padding: 2.9rem 0;border-bottom: .1rem solid #9F8D77;width: 100%;text-align: left;border-top: .1rem solid #9F8D77;}
    .amenities-section .acrd-row .acrd-header.active{border-bottom: none;}
    /* .amenities-section .acrd-row .acrd-header.active + .toggle-box{border-bottom: .1rem solid #9F8D77;} */
    .amenities-section .acrd-row .acrd-header{position: relative;}
    .amenities-section .acrd-row:first-child .acrd-header{border-top: none;}
    .amenities-section .acrd-row:last-child .acrd-header{border-top: none;}
    .amenities-section .acrd-row .acrd-header:after{content: "";background:linear-gradient(#971D20 0 0),linear-gradient(#971D20 0 0);background-position:center;background-size: 50% .2rem,.2rem 50%;background-repeat:no-repeat;display: block;position: absolute;width: 3rem;height: 3rem;right: 0.7rem;top: 50%;transform: translateY(-50%);}
    .amenities-section .acrd-row .acrd-header.active:after{background: linear-gradient(#971D20 0 0);background-position: center;background-size: 50% 0.2rem,0.2rem 50%;background-repeat: no-repeat;}
    .amenities-section .acrd-row .toggle-box{display: none;padding-bottom: 3.7rem;}
    .amenities-section .accordian-container{padding-top: 4.4rem;}
    .amenities-section .acc-items {width: calc(100% - 50%);display: inline-flex;align-items: center;margin-left: -0.2rem;gap: 2.5rem;margin-top: 1.5rem;padding-left: 0.3rem;}
    /* .amenities-section .acc-items:first-child{margin-top: 0;}
    .amenities-section .acc-items:nth-child(2){margin-top: 0;} */
    .amenities-section .acc-items .icon-box{width: 3.6rem;height: 3.6rem;}
    
    .amenities-section .acc-items .icon-txt{font-size: 2.0rem;font-family: 'Museo300Regular';color: #000000;}
    .amenities-section .plans-line{width: 48%;;height: 0.15rem;background-color: #9F8D77;position: absolute;top: 54%;left: -51%;}
    .amenities-section .heading02{position: relative;}
    .amenities-section .plans-line::after{position: absolute; right: 0;top: -0.6rem;content: "";background-color: #9F8D77; height: 1.6rem;width: 1.6rem;border-radius: 100%;}

/* plans css */
.plans{margin-top: 9.8rem;padding-bottom: 10rem;}
.plans .plans-line{width: 48%;;height: 0.15rem;background-color: #9F8D77;position: absolute;top: 54%;left: 11%;}
.plans .plans-line::after{position: absolute; right: 0;top: -0.6rem;content: "";background-color: #9F8D77; height: 1.6rem;width: 1.6rem;border-radius: 100%;}
.plans .box-1{display: flex;justify-content: space-between;position: relative;}
.plans .plans-head{font-family: 'Museo300Regular';font-size: 5rem;color: #971D20;vertical-align: middle;}
.plans .plans-btn{vertical-align: middle;}
.plans #master-btn{margin-right:2rem;}
.plans .plans-btn button{transition: .5s; font-family: 'Museo500Regular';font-size: 2rem; color: #971D20;width: 22.6rem;height: 5rem;background-color: transparent;border: solid #971D20 0.2rem;}
.plans .plans-btn button.active{transition: .5s;color: #FCF3E3;background-color: #971D20;border: none}
.plans .box-2{margin-top: 6.5rem;}
.plans .list-child{height: 0;opacity: 0;visibility: hidden;}
.plans .list-child.active{height: auto;opacity: 1;visibility: visible;}
.plans .image{margin-left: 3rem;    display: inline-block;vertical-align: top;width: calc(50% - 3rem);}
.plans .image:first-child{margin-left: 0;}
/* .plans .list-child{gap: 3.07rem;} */
.plans .list-child .image img{padding: 0.3rem;border: solid 0.1rem #B08154;}
/* .plans #master-list{display: flex;}
.plans #floor-list{display: flex;} */
/* .tab-header ul{list-style: none;} */
.plans .box-3{margin-top: 6.17rem;}
.plans .download{margin: 0 auto;}

/* sleek slider css */
.slick-track{display: flex;}

.inspiration-sec .slick-prev, .inspiration-sec .slick-next, .plans .slick-prev, .plans .slick-next{background: transparent;border: none;color: transparent;display: block;margin: 3rem auto;width: 4.6rem;height: 4.6rem;border-top: .2rem solid #B08154;border-left: .2rem solid #B08154;position: absolute;top: 37%;}
.inspiration-sec .slick-next, .plans .slick-next{transform: rotate(135deg);right: -8rem;z-index: 9;}
.inspiration-sec .slick-prev, .plans .slick-prev{transform: rotate(-45deg);left: -8rem;}
.inspiration-sec .slick-prev, .inspiration-sec .slick-next{border-top: .2rem solid #FCF3E3;border-left: .2rem solid #FCF3E3;}




/* connectivity css */

.connectivity{background:url('../img/clock-tower.png') left no-repeat #9F8D77;padding-top: 4.5rem; padding-bottom: 6.87rem;}
.connectivity .head{color: #FCF3E3;text-align: center;font-family: 'Museo300Regular';}
.connectivity .head h2{font-size: 5rem;line-height: 7rem;}
.connectivity .head p{font-size: 2rem;line-height: 3rem;padding-top: 0.6rem;}
.connectivity .bottom-box{padding-top: 4.26rem;}
.connectivity .acrd-row{margin-bottom: 1rem;}
/* .connectivity .acrd-row:first-child{display: block;} */
.connectivity .acrd-row .acrd-header{ font-family: 'Museo500Regular'; height: 4.7rem; width: 100%;display: block;background: none;border: none;text-align: left;font-size: 2rem;cursor: pointer;padding-left: 2rem;color:#971D20 ; background: #FCF3E3;position: relative;}
.connectivity .acrd-row .acrd-header.active{background: #971D20;color: #FCF3E3;}
.connectivity .acrd-row .acrd-header:after{content: "";background:linear-gradient(#971D20 0 0),linear-gradient(#971D20 0 0);background-position:center;background-size: 50% 0.2rem,0.2rem 50%;background-repeat:no-repeat;display: block;position: absolute;width: 3.618rem;height: 3.618rem;right: 2rem;top: 50%;transform: translateY(-50%);}
.connectivity .acrd-row .acrd-header.active:after{background: linear-gradient(#FCF3E3 0 0);background-position: center;background-size: 50% 0.2rem,0.2rem 50%;background-repeat: no-repeat;}
.connectivity .acrd-row .toggle-box{padding: 2.7rem 2rem;display: none; font-family: 'Museo300Regular';font-size: 2rem;color: #FFFFFF;}
.connectivity .acrd-row .toggle-box li{line-height: 3.5rem;}
.connectivity .image{display:inline-block;vertical-align: top;padding: 1.14rem; border: solid #FCF3E3 0.1rem;position: relative;    width: 54%;}
.connectivity .accordian-container{display:inline-block;vertical-align: top;width: 46%;margin-left: -4px;padding-left: 5.4rem;}
/*.connectivity .location{display: inline-block;width: 28.5rem;}*/
/*.connectivity .distance{display: inline-block;}*/
/*.connectivity .location{display: inline-block;    width: 45.5rem;vertical-align: top;}*/
/*.connectivity .distance{display: inline-block;vertical-align: top}*/
.connectivity .acrd-row .toggle-box li{line-height: 3.5rem;display: grid;grid-template-columns: 1fr auto;}
.connectivity .click-here{ text-align: center;height: 4.335rem;width: 14.387rem; position: absolute;bottom: 2.3rem;right: 2.96rem;}
.connectivity .click-here p{line-height: 2.3rem;text-align: center; padding: 0.4rem 0rem; height: 2.692rem; color: #FCF3E3;background-color: #602D11; font-family: 'TrajanProBold';font-size: 1.9rem;}
.connectivity .click-here span{ color: #B08154;font-family: 'Museo500Regular';font-size: 1.3rem;line-height: 1.6rem;}



/* diamond harbour css */

.diamond-harbour{padding-top: 6.6rem;padding-bottom: 7.8rem;}

.diamond-harbour .inner-contain{background: url(../img/lamp-bg.png) no-repeat top 0rem right 0rem;background-size: 18%;}
.download{margin-left: 5.2rem;font-family: 'Museo500Regular';align-items: center; font-size: 2rem; width: 33.1rem;height: 5rem;background-color: #971D20;color: white;display: flex;padding: 0px 2rem;gap: 3.2rem;justify-content: space-between;}
/*.download p{padding-left: 1.9rem;padding-right: 4.5rem;}*/
.diamond-harbour .head{font-size: 5rem;color: #971D20;font-family: 'Museo300Regular';line-height: 7rem;}
.diamond-harbour .left-box .content{margin-left: 5.2rem; margin-top: 4rem; font-family: 'Museo300Regular';font-size: 2rem;line-height: 3rem;}
.diamond-harbour .left-box{width: 44%;display: inline-block;vertical-align: middle;padding-right: 6rem;border-left: solid 0.1rem #9F8D77;position: relative;margin-top: 5rem;}
/*.diamond-harbour .left-box::before{content: '';position: absolute;left: 0;border-left: solid 0.1rem #9F8D77;height: 415px;top: -50px;}*/
.diamond-harbour .left-box::after{content: '';position: absolute;bottom: 0;width: 1.6rem;height: 1.6rem;background: #9F8D77;border-radius: 100%;left: -0.9rem;}
.diamond-harbour .right-box{display: inline-block;vertical-align: bottom;margin-left: -4px;width: 56%;}
.diamond-harbour .right-box video{width: 100%;height: 100%;}
.diamond-harbour .download{position: relative;}
/* .diamond-harbour .download::before{content: '';position: absolute;left: -5.2rem;border-left: solid 0.1rem #9F8D77;height: 100%;top: 0;bottom: 0;} */

/* units css */
.units{padding-top: 4.5rem;padding-bottom: 6.7rem;background-image: url('../img/semicircle-bg.png');}
.units .head{font-family: 'Museo300Regular'; color: #971D20;text-align: center;padding-bottom: 5.5rem;}
.units .head h3{font-size: 5rem;line-height: 7rem;}
.units .head p{font-size: 2rem;line-height: 3rem;padding-top: 1.3rem;}
.units .units-list{display: flex;gap: 3.05rem;text-align: center;justify-content: space-between;}
.units .list-content img{border: solid #7C482C 0.1rem;padding: 0.5rem;}
.units .list-content h3{ font-family: 'TrajanProBold';color: #7C482C;font-size: 2.5rem;padding-top: 2.68rem;}
.units .list-content .content-info{ padding-top: 0.5rem; font-family: 'Museo300Regular';color: #7C482C;font-size: 2rem;}
.units .list-content .land-size{margin-top: 0.9rem;display: inline-block;padding: 0.75rem 2rem;font-family: 'Museo300Regular';font-size: 2rem; color: #B08154;border-top: solid #7C482C 0.1rem;border-bottom: solid #7C482C 0.1rem;}

/* about-us css */
.about-us .inner-contain{padding-top: 6.6rem;padding-bottom: 7.4rem;}
.about-us { color: #000000; font-family: 'Museo300Regular';text-align: center;background-image: url('../img/semicircle-bg.png');}
.about-us h2{font-size: 5rem;color: #971D20;}
.about-us .image img{margin: 0 auto;padding-top: 1.5rem;width: 30%;}
.about-us p{font-size: 2rem;padding-top: 3.42rem;line-height: 3rem;}


/* contact us  */
.contact-us{background: url('../img/contact-bg.png') #971D20;background-repeat:no-repeat;background-position: right 4.5rem top 12.9rem; color: #FFFFFF;padding: 4rem 0 6.1rem 0;}
.contact-us .inner-contain{display: flex; gap: 16.8rem; align-items: flex-end;}
.contact-us .left-box{width: 29.3rem;}
.contact-us .right-box{width: calc(100% - 29.3rem);font-family: 'Museo300Regular';}
.contact-us .title{color: #EFA41D;font-size: 5rem;}
.contact-us .right-box .p1{font-size: 2.4rem;line-height: 3rem;}
.contact-us .right-box .p2{padding-top: 0.5rem;font-size: 2rem;line-height: 3rem;}
.contact-us .site{padding-top: 2rem;}
.contact-us .office{padding-top: 2rem;}
.contact-us .phone{padding-top: 2rem;}
.contact-us .list-content h3{font-family: 'TrajanProBold';font-size: 2.5rem;}

/* Social Box CSS */

.social-box{font-family: 'Museo300Regular';position: fixed;right: 0;z-index: 99999;top: 50%;transform: translateX(21rem);}
.social-box .social-items{align-items: center;transition: ease 1s all;cursor: pointer;background: #971D20;padding: 1.2rem 1.3rem;margin-top: .9rem;border-radius: 1rem 0rem 0rem 1rem;display: flex;gap: 2rem;border: solid 1px #fff}
.social-box .social-items:first-child{margin-top: 0;}
.hov-show{color: #FCF3E3;font-size: 2rem;}
.social-box .social-items:hover{transform: translateX(-21rem);}
.social-box .social-items img{width: 3rem;}


/* popup design */

.popup {position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 99999;display: none;max-width: 500px;width: 90%;}
.popup.active{display: block;}
.form-txt {margin: 15px auto;background: #fff;width: 100%;padding: 40px 20px;border-radius: 15px;}

.cls-btn {
    position: absolute;
    right: 36px;
    font-size: 25px;
    top: 30px;
    cursor: pointer;
}

.form-box001 {
    padding-bottom: 30px;position: relative;
}



.submit-now {text-align: center;font-family: 'Museo500Regular';}
.submit-now button {
    border-radius: 2rem;
    padding: 1.5rem;
    border: none;
    color: white;
    background-color: #971D20;
    font-size: 2rem;
}

.pop-text {
    margin-top: 20px;
}

.input01 {
    border: none;
    border-bottom: 1px solid black;
    width: 100%;
    color: black;
    font-size: 15px;
    padding-bottom: 3px;
    background: #fff;
}


/* overlay css */
.overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: none;
}
.overlay.active{display: block;}



/* media queries */


