:root{--lighgrey:#9d9d9c;--black:#071c35}

@font-face{font-family:Lato;src:url(../fonts/Lato/Lato-Regular.ttf);font-weight:400}

@font-face{font-family:Lato;src:url(../fonts/Lato/Lato-Bold.ttf);font-weight:600}

@font-face{font-family:Lato;src:url(../fonts/Lato/Lato-Thin.ttf);font-weight:700}

@font-face{font-family:Optima-Font;src:url(../fonts/Optima-Font/OPTIMA.ttf);font-weight:600}

@font-face{font-family:Optima-Font;src:url(../fonts/Optima-Font/OPTIMA_B.ttf);font-weight:700}

h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-family:'Optima-Font';font-weight:400}

body,p{padding:0;margin:0;font-family:'Lato';font-weight:400}

body{scroll-behavior:smooth;letter-spacing:.5px}

.navbar_container{position:fixed;top:3%;z-index:99;background-color:#fff;width:90%;margin-left:5%;border-radius:5px}

.navbar_container .custom_navbar .nav-link{font-size:18px;color:#000;letter-spacing:.5px}

.navbar_container .custom_navbar .nav-item{padding:10px}

.navbar_container .custom_navbar li.nav-item.specail-li-2{background-color: #000000;margin-left:10px;padding-left:10px;padding-right:10px}

.navbar_container .custom_navbar li.nav-item.specail-li-2 a{color:#fff}

.navbar_container .custom_navbar i.fa.fa-mobile-phone{font-size:35px;color:#fff}

.navbar_container .custom_navbar li.nav-item.specail-li-2{display:flex;align-items:center}

.navbar_container .custom_navbar li.nav-item.specail-li-2 a.nav-link{padding-right:0!important}

.btn-group{position:absolute;bottom:0;width:200px;height:50px;background-color:#fff}

a.carousel-control-prev{color:#000;font-size:50px}

a.carousel-control-next{color:#000;font-size:50px}

a.carousel-control-prev{opacity:1;width:50%}

a.carousel-control-next{opacity:1;width:50%}

.custom_heading{color:#000;font-family:'Lato';position:relative;font-size:18px;width:fit-content;margin-bottom:30px}

.custom_heading::after{content:"";top:50%;width:83%;height:2px;background-color:#b7b7b7;margin-left:8px}

.overview_container{background-color:#F7F7F7;overflow:hidden}

.overview_container .col-sm-12.col-md-6.col-lg-6.col_right{position:relative!important;padding-top:180px;padding-bottom:80px}

.overview_container .content-box{position:relative;width:80%}

.overview_container .content-box p{letter-spacing:.5px}

.overview_container .content-box h1{font-size: 28px;margin-bottom:10px}

.overview_container .content-box h1 span{

    display: block;

    font-size: 24px;

}

.developer-logo {

    width: 25%;

}

.overview_container .forbox_imgs{width:60%;margin:12% 4% 0 auto}

.overview_container img.img-fluid.img-1{width:100%;height:82%;object-fit:cover;margin-left:auto;display:block;/*margin-right:5%*/}

.overview_container .col-sm-12.col-md-6.col-lg-6.second_col{margin-top:25px;margin-bottom:25px}

.overview_container .col-sm-12.col-md-6.col-lg-6.first_col{margin-bottom:25px;position:relative;top:2px}

.overview_container .col-sm-12.col-md-6.col-lg-6.third_col{margin-bottom:25px;position:relative;top:-60px}

.overview_container .col-sm-12.col-md-6.col-lg-6.forth_col{position:relative;top:-54px}

.overview_container button.btn.btn-download-brochure{padding:15px 40px;background-color: #000000;color:#fff;border-radius:0;margin-top:25px;display:flex;align-items:center}

.main_inside_container{position:absolute;top:0;left:0;width:100%;height:100%}

.main_inside_container .main_row{position:relative;top:0;left:0;width:100%;height:100%;display:flex;align-items:center}

.main_inside_container .custom_col_left{width:50%}

.main_inside_container .custom_col_right{width:32%;margin-top:-5%}

.main_inside_container .details_withForm{color:#fff;padding:25px;margin-left:auto;margin-right:10%;max-width:450px;text-align:end;margin-top:-42px;border-radius:5px}

.main_inside_container h4.typology_heading{padding-top:10px;font-size:21px}

.main_inside_container h4.starting-price{background-color: #e0ab81;color: #000;padding:5px;text-align:center;font-size: 32px;margin-top:10px}

.main_inside_container p.status{text-align:center;padding: 8px 0px;text-transform:uppercase;color:#000;font-size:20px;cursor: pointer;background: #fff1b8;}

.main_inside_container p.price_heading{padding-top: 9px;}

.main_inside_container .details_withForm{position:relative;width:100%}

.main_inside_container .box-1{position:absolute;z-index:1;background-color: #000000;width:100%;left:0;top:0;padding:25px;margin-top:-50px;transition:all .5s ease-out;border-radius:5px;text-align:justify;padding-bottom:8px;padding-top:8px}

.main_inside_container .details_withForm:hover .box-2{z-index:9}

.main_inside_container .box-2 .col-md-6.col-sm-6.col-xs-12.frm1{margin-bottom:15px}

.main_inside_container .box-2 .col-md-12.col-sm-12.col-xs-12.frm1{margin-bottom:15px}

.main_inside_container .box-2 h4{margin-bottom:10px;text-align:left}

.blink-hard{animation:blinker 1s step-end infinite}

@keyframes blinker {

50%{color:#fd9800}

}

.all_custom_heading h1{font-size:65px;color:#fff}

.all_custom_heading{width:fit-content;margin:0 auto;display:block}

.highlights_container{background-color:#000;padding-top:100px;padding-bottom:100px;background: url(../images/priceList-pattern.png) repeat-y #000000;}

.highlights_container .box{background-color:#fdfdfd;padding: 16px;color:#000}

.highlights_container .container{max-width:90%}

.highlights_container .all_custom_heading h1{margin-bottom:60px}

.highlights_container .col-sm-12.col-md-4.col-lg-4{margin-bottom:40px}

.highlights_container span.span-count{position:absolute;z-index:9;top:15%;right:7%;font-size:30px;color:#e4e4e4;font-weight:400}

.highlights_container .box{position:relative}

.highlights_container .highlight_box{border:1px solid #071c35;padding: 15px;}

.pricelist_container{padding-top:120px;padding-bottom:130px;background:url(../images/priceList-pattern.png) repeat-y #fff}

.pricelist_container .pricelist_box{padding:30px;color:#fff;background-color: #000000;border-radius:5px;transition:.6s ease-in-out}

.pricelist_container .container{max-width:75%}

.pricelist_container h1.typology{font-size:27px;padding-bottom:21px}

.pricelist_container h5.pricelist_p{padding-top:18px;font-size:27px}

.pricelist_container .all_custom_heading h1{font-size:65px;color:#071c35}

.pricelist_container .all_custom_heading{margin-bottom:60px}

.pricelist_container button.btn.btn-custom{margin-top:30px;padding:7px 30px;border-radius:0;font-size:20px;position:relative;overflow:hidden}

.pricelist_container span{position:absolute;bottom:-49px;right:-2px;font-size:89px;font-weight:600;color:#fff}

.pricelist_container .pricelist_box{overflow:hidden;position:relative;margin-bottom:35px}

.pricelist_container span.span-2{font-size:28px;position:absolute;top:44px;right:10px;bottom:unset;z-index:9;writing-mode:vertical-lr;transform:rotate(179deg)}

.pricelist_container span.span-2::before{content:"";position:absolute;top:-19px;left:8px;width:57%;height:2px;background-color:#fff;transform:rotate(90deg)}

.pricelist_container span.span-2::after{content:"";position:absolute;top:167px;left:4px;width:57%;height:2px;background-color:#fff;transform:rotate(90deg)}

.amenities_container{background-color:#000;padding-top:100px;padding-bottom:100px;background: url(../images/priceList-pattern.png) repeat-y #000000;}

.amenities_box::after{content:"";position:absolute;bottom:0;right:0;width:100%;height:16%}

.amenities_container .container{max-width:90%}

.amenities_container .amenities_box{position:relative;overflow:hidden}

.amenities_container .col-sm-12.col-md-3.col-lg-3{margin-bottom:30px}

.amenities_container .all_custom_heading{margin-bottom:60px}

.amenities_container .amenities_box span{position:absolute;top:-27px;right:-22px;color:#5b5b5b;font-size:33px;z-index:1;padding:0 10px;height:50px;line-height:50px;text-align:center}

.amenities_container img.img-fluid{position:relative;z-index:2;transition:.5s linear}

.amenities_container .amenities_box h4{background-color:#071c3596;color:#fff;width:100%;text-align:center;padding:5px;position:absolute;text-transform:capitalize;top:14px;left:0;z-index:9;width:70%;backdrop-filter:blur(4px)}

.amenities_container .btns{padding:0;display:table;margin:0 auto 50px}

.amenities_container .btns button{margin:0 10px;border-radius:0;font-size:15px;padding:8px 20px;letter-spacing:.5px;font-weight:600}

.floorsplan_container{padding-top:100px;padding-bottom:100px;background-image:url(../images/floorsplan/background-img.png);background-repeat:no-repeat;background-size:cover}

.floorsplan_container .all_custom_heading h1{color:#071c35}

.floorsplan_container .all_custom_heading{margin-bottom:60px}

.floorsplan_container ul.nav.nav-tabs{display:block;border:none}

.floorsplan_container li.nav-item{border:none;border-bottom:5px solid #fff}

.floorsplan_container a.nav-link.active{border:none}

.floorsplan_container a.nav-link{background-color:#626967;color:#fff;padding:15px;font-size:18px}

.floorsplan_container a.nav-link.active{background-color:#0a0a0a!important;color:#fff!important;padding:15px;font-size:20px}



.strip{

    cursor: pointer;

}



.master-plan-section{padding-bottom:100px;}

.master-plan-section .all_custom_heading{margin-bottom: 60px;}

.master-plan-section .all_custom_heading h1{color:#071c35}

.master-plan-section .master_plan_image{ max-width: 80%; margin: auto; display: block;}



.location_container{background-color:#000;padding-top:10px;padding-bottom:10px;background-images:url(../images/priceList-pattern.png);background: url(../images/priceList-pattern.png) repeat-y #000000;}

.location_container .all_custom_heading{margin-bottom:60px}

.location_container .timelines{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0 auto;margin-right:15%}

.location_container .timeline-title{font-size:1em;font-weight:700}

.location_container .timeline-item{margin-bottom:2em}

.location_container .timeline-item h3{font-size:1em;font-weight:700;/* text-transform:uppercase; */margin:0;position:relative;padding:5px;color:#fff}

.location_container .timeline-item h3::before{content:"";position:absolute;left:-2.35em;background-color:#fff;width:.7em;height:.7em;border-radius:50%;transform:translate(-0.5px,0.2em)}

.location_container .timeline-items{padding:.01em 0 0 2em;border-left:1px solid #fff}

.location_container .timeline-item{margin-top:-.3em}

.location_container .timeline-item time{display:block;float:left;padding:.2em .4em;color:#fff}

.location_container .timeline-item > *{margin:1em 0}

.location_container .timeline-item .location{clear:both;font-size:.85em;font-style:italic;color:#fff}

.location_container img.img-fluid.location-map{width:80%;margin:0 auto;display:block;margin-left:20%;height:100%;object-fit:cover}

.location_container .timeline-item h3{margin-bottom:5px;font-family:'Lato';font-weight:500;font-size: 16px;line-height:24px}

.location_container .timeline-item{margin-bottom:20px}

.location_container .timeline-item p{color:#fff;margin:0!important;padding-bottom:10px}

.gallery_container{padding-top:100px;padding-bottom:100px;background:url(../images/priceList-pattern.png) repeat-y #fff}

.gallery_container .all_custom_heading h1{color:#000}

.pricelist_container .pricelist_box:hover span{color:#fff}

.pricelist_container .pricelist_box:hover span.span-2::before{background-color:#fff}

.pricelist_container .pricelist_box:hover span.span-2::after{background-color:#fff}

.amenities_container .amenities_box:hover img.img-fluid{transform:scale(1.2)}

.pricelist_container .pricelist_box:hover{transform:translate(0px,-20px)}

.gallery_container .container{max-width:90%}

.gallery_container .all_custom_heading{margin-bottom:60px}

.gallery_container .col-sm-12.col-md-3.col-lg-3{margin-bottom:30px}

p.location-p{padding-bottom:15px;letter-spacing:.5px}

.top_form h2{text-align:center;color:#fff;font-size:21px;padding:14px;background-color:#193f63}

.form-box{margin-top:20px!important;position:fixed;right:5px;bottom:0;background:#fff;padding:0;z-index:99;width:19%;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden}

.form-box h4{font-size:22px;text-align:center;margin:0 auto;background:#e8e8e8;padding:20px 0;font-weight:600;letter-spacing:2px;color:#000}

.top_form h2 span{cursor:pointer;margin-left:5%}

.top_form h4 a{color:#2f2d5f}

.from-banner h4{text-align:center;font-size:20px;font-weight:100;margin-top:15px}

.from-banner h4 span{display:block}

.from-banner{background:#fff}



.my-patch {

    position: absolute;

    z-index: 9;

    right: -65px;

    width: 42%;

    top: -117px;

}



.from-banner h1{font-size:30px;text-transform:uppercase;text-align:center}

.form_inner .form-control{margin-bottom:15px;border:none;border-bottom:1px solid#ced4da;height:50px}

.form_inner{padding-top:20px;padding-bottom:20px}

.enquire-btn{width:100%;background-color: #000000;color:#fff;border:none;padding:10px}

.form_content{padding-left:15px;padding-right:15px}

.container_footerform{padding-top: 50px;padding-bottom:15px;background-color: #000;color: #fff;}

.container_footerform .all_custom_heading{width:100%;margin:0 auto;display:block;margin-bottom:20px}

.container_footerform .container h1{color:#fff}

.container_footerform .container{max-width:90%}

.container_footerform .container p{color: #fff;/* text-align: justify; */}

.container_footerform .container hr{margin-top:3rem;margin-bottom:1rem;border:0;border-top:1px solid #c1c1c1}

.container_footerform .container a{color: #fff;}

.container_footerform .container a:hover{color:#fff;text-decoration:none}

.top_form h2 {

    background: linear-gradient(-45deg,#272828,#000000,#878787,#383838);

    background-size: 400% 400%;

    animation: gradient 15s ease infinite;

}

@keyframes gradient {

0%{background-position:0 50%}

50%{background-position:100% 50%}

100%{background-position:0 50%}

}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#000;text-decoration:none;outline:0;opacity:.9}

.mobile-section_1{display:none;position:fixed;bottom:0;width:100%;z-index:9999}

.mobile-section{display:flex;width:100%;align-items:center;background:#2f2f2f;z-index:999}

.mobile-section .btn-success{color: #000000;background-color: #deaa82;border-color: #fff;font-size:13px;padding:7px;font-weight:600}

.mobile-section a{padding:5px;width:100%;border-radius:0}

div#demo{position:relative;z-index:1}

.overview_container{position:relative}

img.img-fluid.overview_bg_logo{position:absolute;left:-5%;top:38%;transform:rotate(270deg);width:26%;opacity:.3}

.highlights_container .highlight_box .p-para{font-size: 14px;}

img.img-fluid.highlights-icons{width:60px;margin-bottom:10px}

img.img-fluid.modal-logo{margin-bottom:14px}

img.img-fluid.paymentplan_img{width:7%;margin-right:15px}

p.paymentPlan-p{display:flex;align-items:center}

.d-p p{font-size:14px;text-align:center}

h2.overview_bg_logo{font-size:68px;position:absolute;top:15%;left:5%;writing-mode:tb-rl;transform:rotate(180deg);opacity:.3}

.floorsplan_container button.btn.btn-custom_2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;color:#fff;width:70%;padding:10px}

.floorsplan_container .col-sm-12.col-md-6{position:relative}

div#myModal-3 .modal-body .form_inner.form_inner_2{width:100%;padding:0}

div#myModal-3 .modal-body .col-sm-12.col-md-6.col-lg-6.right_col{padding-left:0;padding-right:38px}

div#myModal-3 .modal-body{background-color:#334e9f}

div#myModal-3 .form_inner .form-control{height:36px;background-color:unset}

div#myModal-3 img.img-fluid.modal-offer-img{height:100%;object-fit:cover}

div#myModal-3 .enquire-btn{width:100%;background-color:#f5d17a;color:#000;border:none;padding:10px}

.form-control:focus{box-shadow:unset}

div#myModal-3 .form_inner .form-control::placeholder{color:#fff}

div#myModal-3 p.location-p{padding-bottom:4px;letter-spacing:.5px}

.container_footerform .container a:hover{color:#000}

.banner-frm li {

    text-align: left;

    font-size: 14px;

    margin-bottom: 8px;

    letter-spacing: 2px;

}

.banner-frm{margin-top:25px;padding-left:15px;list-style:none}

.banner-frm li img {

    margin-right: 6px;

    width: 16px;

}

.btn-custom.floor-from{transform: translate(-50%, -50%);left: 50%;position: absolute;top: 50%;color: #fff;background: #000;}

.projectName_heading {

    font-size: 32px;

    text-transform: uppercase;

}

.modal-dialog {

    max-width: 500px;

    margin: 0px auto;

    top: 25%;

}



.destop-show{

display: block;

padding: 15px;

width:100%;

}

.mobile-show{

display: none;

padding: 15px;

width:100%;

}



.modal-dialog.popup {

    max-width: 50%;

    margin: 0px auto;

    top: 25%;

}



div#modal-subscribe  .col-md-6 {

    padding: 0px;

}



div#modal-subscribe  .modal-body {

    overflow: hidden;

}

.top_modal_content{text-align:center;color:#fff;background-color: #000000;padding-top:10px;padding-bottom:10px}



.floorsplan_container img{

    margin-bottom: 15px;

}



@media(max-width:1600px) {

    .modal-dialog.popup {

    max-width: 65%;

    margin: 0px auto;

    top: 10%;

}

.main_inside_container .details_withForm{margin-right:-4%}

.overview_container .content-box h1{font-size:42px}

.highlights_container{padding-top:50px;padding-bottom:50px}

.custom_heading{margin-bottom:20px;font-size:16px}

.all_custom_heading h1{font-size:40px}

.highlights_container .box .highlight_box h2{font-size:28px}

.pricelist_container h5.pricelist_p{font-size:32px}

.pricelist_container{padding-top:40px;padding-bottom:40px}

.pricelist_container span{font-size:61px;bottom:-36px}

.pricelist_container span.span-2::before{top:-19px}

.pricelist_container span.span-2::after{top:170px}

.pricelist_container h1.typology{font-size:22px}

.pricelist_container h5.pricelist_p{font-size:23px}

.pricelist_container button.btn.btn-custom{padding:6px 30px;font-size:16px}

.pricelist_container .all_custom_heading{margin-bottom:30px}

.pricelist_container .all_custom_heading h1{font-size:40px}

.amenities_container{padding-top:40px;padding-bottom:40px}

.amenities_container .all_custom_heading{margin-bottom:30px}

.amenities_container .amenities_box h4{font-size:18px}

.pricelist_container .all_custom_heading{margin-bottom:35px}

.main_inside_container h4.typology_heading{font-size:28px}

h1.projectName_heading{font-size:34px}

.main_inside_container h4.starting-price{font-size:26px}

.highlights_container .all_custom_heading h1{margin-bottom:40px}

.floorsplan_container{padding-top:20px;padding-bottom:10px}

.location_container{padding-top:40px;padding-bottom:40px}

.gallery_container{padding-top:40px;padding-bottom:20px}

.container_footerform{padding-top:40px;/*padding-bottom:40px*/}

.location_container .all_custom_heading{margin-bottom:30px}

.gallery_container .all_custom_heading{margin-bottom:30px}

a.navbar-brand{max-width:14%;padding:2px}

.pricelist_box h3.size{font-size:21px}

.highlights_container .highlight_box .p-para{font-size:16px}

img.img-fluid.highlights-icons{width:50px}

.d-p p{font-size:12px!important;text-align:center}

.highlights_container .highlight_box{padding:15px}

.highlights_container .highlight_box .p-para{font-size:15px}

img.img-fluid.highlights-icons{width:45px}

}

@media(max-width:1480px) {

    a.navbar-brand h1 {

        color: #000;

        font-size: 35px;

    }

    .modal-dialog.popup {

    max-width: 65%;

    margin: 0px auto;

    top: 25%;

}

.banner-frm li {

    text-align: left;

    /* font-size: 16px; */

    margin-bottom: 9px;

}

.my-patch {

    width: 41%;

    top: -56px;

}

.banner-frm {

    padding-left: 10px;

    margin: 15px 0;

}

.overview_container .col-sm-12.col-md-6.col-lg-6.col_right{padding-top:100px;padding-bottom:30px}

.highlights_container{padding-top:40px;padding-bottom:40px}

.highlights_container .all_custom_heading h1{margin-bottom:30px;font-size:40px}

.highlights_container .box{padding:20px}

.highlights_container .col-sm-12.col-md-4.col-lg-4{margin-bottom:10px}

.first_last_col,.second_last_col,.third_last_col{margin-top:25px}

.pricelist_container .container{max-width:84%}

.navbar_container .custom_navbar .developer-logo{width:100%}

.navbar_container .custom_navbar .nav-link{font-size:16px}

.navbar_container .custom_navbar .nav-item{padding-left:5px;padding-right:5px}

.pricelist_container span.span-2{font-size:22px}

.pricelist_container span.span-2::after{top:147px}

.floorsplan_container .all_custom_heading{margin-bottom:40px}

.main_inside_container .custom_col_right{width:32%;margin-top: -20%;}

.main_inside_container h4.typology_heading{font-size: 21px;}

h1.projectName_heading{font-size: 26px;}

.main_inside_container h4.starting-price{font-size: 28px;}

.main_inside_container p.status{font-size:16px}

.main_inside_container .details_withForm{max-width:440px;    margin-top: 72px;}

.main_inside_container .box-1 {

    padding: 20px;

    padding-bottom: 4px;

    padding-top: 19px;

    margin-top: -17px;

}

.form_inner .form-control{height:40px}

.form-box{width:20%}

.overview_container .forbox_imgs{margin:10% 4% 50px auto;margin-bottom:0}

.overview_container .content-box p{font-size:15px;margin-bottom:10px;text-align:justify}

.overview_container button.btn.btn-download-brochure{padding:10px 40px}

.p-para{font-size:15px}

.container_footerform .container p{font-size:15px}

.highlights_container .highlight_box {

    height: 50px;

}

}

@media(max-width:1366px) {

    .modal-dialog.popup {

    max-width: 65%;

    margin: 0px auto;

    top: 25%;

}

.main_inside_container .details_withForm {

    margin-top: 0px;

}

.my-patch {

    width: 35%;

    top: -43px;

    right: -69px;

}

.main_inside_container .box-1 {

    left: 29px;

}

.navbar_container .custom_navbar .nav-link{font-size:16px}

.main_inside_container .custom_col_right{width:32%}

.overview_container .content-box h1{font-size:40px}

.overview_container .col-sm-12.col-md-6.col-lg-6.col_right{padding-top:9%}

h1.projectName_heading{font-size:26px}

.main_inside_container p.status{font-size:15px}

.main_inside_container h4.typology_heading{font-size:22px}

.top_form h2{font-size:19px}

.main_inside_container .custom_col_right{width:29%;margin-top: -14%;}

.overview_container .content-box h1{font-size:30px}

.overview_container .content-box p{font-size:14px}

.overview_container button.btn.btn-download-brochure{margin-top:15px;font-size:14px}

}

@media(max-width:1280px) {

    .modal-dialog.popup {

    max-width: 65%;

    margin: 0px auto;

    top: 25%;

}

  .banner-frm li {

    text-align: left;

    font-size: 16px;

    margin-bottom: 15px;

}

.navbar_container .custom_navbar .developer-logo{width:100%}

.p-para{font-size:14px}

.highlights_container .box .highlight_box h2{font-size:24px}

.pricelist_container h1.typology{font-size:20px}

h3.size{font-size:22px}

.pricelist_container h5.pricelist_p{font-size:21px}

.pricelist_container span.span-2{font-size:20px}

.pricelist_container span{font-size:58px;bottom:-31px}

.pricelist_container span.span-2::after{top:123px}

.amenities_container .amenities_box h4{font-size:16px}

.floorsplan_container a.nav-link.active{font-size:16px}

.floorsplan_container a.nav-link{font-size:16px}

.location_container img.img-fluid.location-map{margin-left:15%}

.main_inside_container .custom_col_right{width:35%}

.navbar_container .custom_navbar .nav-link{font-size:15px}

.navbar_container .custom_navbar .nav-item{padding-left:1px;padding-right:1px}

.highlights_container .highlight_box .p-para{font-size:14px}

}



.col-md-6.custom-col {

    display: grid;

    align-items: center;

    background-color: #000;

}



.col-md-6.custom-col .enquire-btn {

    background-color: #000;

    color: #fff;

}





.modal-dialog.popup.modal-dialog-centered {

    top: 0px;

}

@media(max-width:500px) {



    .navbar-collapse{

            position: absolute;

    background: #fff;

    width: 100%;

    top: 77px;

    }



    .navbar_container .custom_navbar .nav-link {

    font-size: 15px;

    padding: 6px 15px;

}





.form_inner .form-control {

    margin-bottom: 13px;}



    .form_inner .form-control {

    height: 35px;

}



    .modal-dialog.popup {

    max-width: 100%;

    margin: 0px auto;

    top: 25%;

}

.my-patch {

    top: -63px;

    right: 19px;

}

.highlights_container .highlight_box {

    height: auto;

}

.top_modal_content {

    padding-top: 51px;

    padding-bottom: 15px;

}

.navbar_container{position:relative;top:0;z-index:9;background-color:#fff;width:100%;margin-left:0;border-radius:5px}

a.navbar-brand{max-width:40%}

.main_inside_container .details_withForm{max-width:100%;margin-right:0;margin-top:0}

.main_inside_container .custom_col_right{width:100%;margin-top:0}

.main_inside_container{position:relative;top:0;left:0;width:100%;height:100%}

.main_inside_container .box-1{position:relative;width:100%;left:0;top:0;padding:25px;margin-top:0;border-radius:0}

.main_inside_container .details_withForm{padding:0}

.form-box{margin-top:0!important;position:relative;right:0;bottom:0;padding:0;width:100%;border-top-left-radius:0;border-top-right-radius:0}

a.carousel-control-prev{font-size:34px}

a.carousel-control-next{font-size:34px}

.btn-group{width:100px;height:30px}

.overview_container .forbox_imgs{width:100%}

.overview_container .content-box{position:relative;width:100%;padding:20px}

.overview_container .col-sm-12.col-md-6.col-lg-6.col_right{padding-top:0}

.overview_container .col-sm-12.col-md-6.col-lg-6.second_col{margin-top:0}

.custom_heading::after{width:25%}

.location_container img.img-fluid.location-map{margin-left:0;width:100%}

.all_custom_heading h1{font-size:28px}

.floorsplan_container ul.nav.nav-tabs{margin-top:25px}

.floorsplan_container a.nav-link{font-size:14px}

.floorsplan_container a.nav-link.active{font-size:14px}

.amenities_container .container{max-width:100%}

.amenities_container .col-6.col-sm-12.col-md-3.col-lg-3{padding:4px;margin-bottom:4px}

.amenities_container .amenities_box h4{font-size:15px;width:100%;top:6px;background-color:#071c35a6}

.custom_heading{margin-bottom:8px;font-size:14px}

.pricelist_container .container{max-width:100%}

.pricelist_container .container .col-sm-12.col-md-4.col-lg-4{margin-bottom:20px}

.location_container .timelines{display:grid;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin:0 auto;justify-content:center;margin-right:0;margin-top:10%}

.gallery_container .col-6.col-sm-12.col-md-3.col-lg-3{padding-left:5px;padding-right:5px;margin-bottom:10px}

.container_footerform .container{max-width:100%}

.container_footerform .container p{font-size:14px;}

.highlights_container .container{max-width:100%}

.first_last_col,.second_last_col,.third_last_col{margin-top:0}

.container_footerform .container a{font-size:14px}

.overview_container .forbox_imgs{margin:0;margin-bottom:0}

.overview_container img.img-fluid.img-1{height:100%}

.overview_container .col-sm-12.col-md-6.col-lg-6.third_col{margin-bottom:10px;top:0}

.overview_container .col-sm-12.col-md-6.col-lg-6.forth_col{top:0}

.forbox_imgs{padding:20px}

.form-box{z-index:9}

.navbar_container .custom_navbar .nav-item{padding:0;padding-left:5px;padding-right:5px}

.navbar_container ul.navbar-nav{padding-bottom:10px;padding-top:10px}

button.navbar-toggler.collapsed{background-color:#071c35;color:#fff;border:none}

.pricelist_container{padding-bottom:15px}

.mobile-section_1{display:block}

.top_modal_content{padding-top:60px}

img.img-fluid.paymentplan_img{width:10%}

.main_inside_container .box-1{text-align:center}

img.img-fluid.overview_bg_logo{display:none}

div#myModal-3 .modal-body .col-sm-12.col-md-6.col-lg-6.right_col{padding-left:15px;padding-right:15px}

.location_container .timeline-item h3{font-size:14px;line-height:24px}

.location_container .timeline-item h3::before{left:-2.6em}

.overview_container .col-sm-12.col-md-6.col-lg-6.first_col{margin-bottom:15px;top:0}

.overview_container .col-sm-12.col-md-6.col-lg-6.second_col{margin-top:0;margin-bottom:15px}

.overview_container .col-sm-12.col-md-6.col-lg-6.third_col{margin-bottom:0;top:0}

div#floors-plan .col-sm-12.col-md-4.col-lg-4{margin-bottom:30px}

.amenities_container .btns{margin:0 auto 30px}

.amenities_container .btns button{font-size:13px;padding:5px 15px;margin:0 5px}

.modal-dialog {

    max-width: 500px;

    margin: 0px auto;

    top: 25%;

    padding-left: 15px;

    padding-right: 15px;

}

.master-plan-section .master_plan_image{

  max-width:100%;

}



.destop-show{

display: none;

padding: 15px;

width:100%;

}



.mobile-show{

display: block;

padding: 15px;

width:100%;

}

div#modal-subscribe  .form_inner {

    padding-top: 2px;

    padding-bottom: 5px;

}

div#modal-subscribe  .top_modal_content {

    text-align: center;

    color: #fff;

    background-color: #000;

    padding-top: 10px;

    padding-bottom: 0px;

}

div#modal-subscribe  .modal-content-right {

    padding-left: 10px;

    padding-right: 10px;

}





}

a.navbar-brand{margin-top:5px;margin-bottom:5px}

a.navbar-brand h1{color:#000;font-weight: 700;}

.newClass{position:fixed!important;width:100%;background-color:#fff;top:0;margin-left:0;border-radius:0;z-index:99}

.newClass .custom_navbar{padding-top:0;padding-bottom:0}

.modal{z-index:99999}

.modal-body{padding-top:0;border:none}



.modal-body{padding:0}

.modal-content{border:none}

.form_inner.form_inner_2{padding-left:15px;padding-right:15px}

button.close{position:absolute;top:0;right:0;background-color:#e3e939;color:#000;z-index:99;padding:8px 15px;opacity:1}

nav.navbar.navbar-expand-md.custom_navbar{padding:0}

i.fa.fa-long-arrow-right{padding-left:10px}

p.paymentPlan-p{font-size:20px!important;margin-top:20px}

.tab-content>.active{text-align:center}

.top_modal_content img{width:50%}

div#myModal-3 .form-control:focus{color:#fff;background-color:unset}

div#myModal-3 .form-control{color:#fff}




/* FAQ Styling */
.faq-section {
  padding: 30px 20px;
  background-color: #1e1e1e; /* Optional: dark background for contrast */
  border-radius: 8px;
}

.faq-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: left;
  color: #ffffff; /* White title */
}

.faq-item {
  margin-bottom: 15px;
  border-bottom: 1px solid #444; /* Light border */
}

.faq-question {
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff; /* White text */
  width: 100%;
  text-align: left;
  padding: 10px 0;
  cursor: pointer;
  transition: color 0.3s;
}

.faq-question:hover {
  color: #ffcc00; /* Optional: highlight on hover */
}

.faq-answer {
  display: none;
  padding: 5px 0 10px;
  color: #ffffff; /* White answer text */
  font-size: 15px;
  line-height: 1.6;
}

/* FAQ Toggle Script Active State */
.faq-question.active + .faq-answer {
  display: block;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .faq-title {
    font-size: 20px;
  }

  .faq-question {
    font-size: 15px;
  }

  .faq-answer {
    font-size: 14px;
  }
}