@font-face{font-family:'Montserrat-Regular';src:url(../font/Montserrat-Regular.ttf)}
@font-face{font-family:'Montserrat-Medium';src:url(../font/Montserrat-Medium.ttf)}
@font-face{font-family:'Montserrat-SemiBold';src:url(../font/Montserrat-SemiBold.ttf)}
@font-face{font-family:'Montserrat-Bold';src:url(../font/Montserrat-Bold.ttf)}
@font-face{font-family:'Century-Bold';src:url(../font/Century-Bold.ttf)}
body{font-family:'Montserrat-Regular'}
h1,h2,h3,h4,h5,h6{font-family:'Montserrat-Bold'}
p{font-size:16px;text-align:justify;}
.modalpopup{min-width:100%!important;width:100%!important;padding:25px}
.modalpopup .modal-dialog{max-width:800px}
.modalpopup .close{width:197%;position:absolute;z-index:9}
.modalpopup .modal-content{background-color:#f6f2ba}
.modalpopup .modal-dialog .modal-body{padding:0}
.modal-flex{display:flex;width:100%;justify-content:space-between}
.modal-flex .left{background-color:#fcfaef;width:50%}
.modal-flex .right{width:50%;padding:40px;background-color:#014339c4;display:grid;align-items:center}
.modal-flex .right .form-control{border-radius:0;border:1px solid #ddd}
.modal-flex .right .btn{border-radius:0}
.modal-flex .left h4{font-size:18px;margin-bottom:15px}
.modal-flex .left hr{width:100px}
.modal-flex .left h5{font-size:16px;margin:0;color:#bf9755;font-weight:600}
.modal-flex .left h1{font-size:24px;margin:4px}
.modal-flex .left h2{font-size:18px;padding-bottom:10px;font-weight:600;padding-top:15px}
.modal-flex .left h6{font-size:16px;background-color:#bf974e;color:#fff;padding:10px;margin-bottom:0;font-weight:600}
.top-menu .navbar{background:none!important; height: 70px; padding:0}
.paying{background:#808080ab;color:#fff;padding:7px 0;position:absolute;width:100%;bottom:0}
.new-lounch{position:absolute;top:-10%;width: 50%;z-index:1;left:0}
.new-lounch2{position:absolute;top:-10%;width: 50%;z-index:1;right:0}
.new-lounch2{position:absolute;top:-10%;width: 50%;z-index:1;right:0}
.residentialpatch{position:absolute;bottom:0%;width: 100%;z-index:1;right:0;left: 0;background-color: rgba(255, 255, 255, 0.9);}
.residentialpatch h4{color: #222;padding: 5px;font-size: 16px;margin-bottom: 0;}
.sold-out1{position:absolute;top:71px;right:22px;transform:rotate(334deg);width:87%}
.project-img img{transition:.5s}
.new-lounch img{width:100%;height:auto;transition:all .3s}
.new-lounch.img-right{left:-5%;width:54%}

.new-lounch2.img-right2{right:5%;width:54%}
.inp-box {
    display: flex;
    align-items: flex-start;
    padding-top: 15px;
}
.inp-txt {
    margin-left: 7px;
    font-size: 10px;
    color: #000;
}
.ourprojectsec img {
    height: 250px;
    width: 350px;
}
img.img-fluid.gallery_img {
   /*  margin: 5px; */
}

#overview{
    background: url(../images/buildings.html);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.projectbg { background-color: #e8e8e8;}
.ourprojectsec p {text-align: left; font-size: 18px; font-weight: 500; margin-left: 8px;}
.ourprojectsec h3 { text-align: left; font-size: 24px;font-weight: 500; margin-left: 8px;}
.ourprojectsec h4 { text-align: left; font-size: 20px;font-weight: 500; margin-left: 8px;}

.btn_dark {
    background: #000000;
    color: #ffffff !important;
}
p.project-p { position: absolute; bottom: 0; right: 0; background-color: #fff; padding: 5px 20px; text-transform: uppercase; font-size: 14px;}
.paying h5{margin-bottom:0;font-size:16px;text-transform:uppercase}
.paying1{position:absolute;width:100%;bottom:-30px}
.paying1 h5{margin-bottom:0;font-size:13px;text-transform:uppercase}
.orderone{order:1}
.ordertwo{order:2}
.refund{position:absolute;top:-40px;width:26%;z-index:1;left:0}
.together{padding-bottom:60px}
.godrej-properties-woods-banner{padding:50px 0}
.top-menu .navbar-nav .nav-link{color:#000;font-size:14px;font-family:'Montserrat',sans-serif; font-weight:bold; padding: 10px 15px; position: relative;position: relative; letter-spacing: 0.2px; text-transform: uppercase;}
.view-mobile{display:none}
.top-menu .navbar-nav{margin:auto;margin-right:0; margin-top:0; margin-bottom:0;}
.top-menu .navbar-brand{padding:0}
/* .top-menu .navbar-nav:last-child .nav-item{text-align: center;} */
.top-menu .navbar-nav:last-child .nav-item a{color:#fff;text-decoration:none; background:#126d37; padding: 5px 15px 5px 5px; display: flex; align-items: center; letter-spacing: 0.5px; border-radius: 5px;}
.form-sec h1{font-size:18px;font-weight:700;margin:0;display:none}
.form-sec h1 a{text-decoration:none;color:#da3555}
.top-menu .navbar-nav:last-child .nav-item .nav-link{font-weight:700;font-size:18px;padding:0 8px;line-height:22px}
.top-menu .navbar-nav:last-child .icon{height:35px; width:35px; display: flex; align-items: center; justify-content: center;  margin-right: 10px;}
.top-menu .navbar-nav:last-child .icon img{width: 16px;}
.top-menu .navbar-nav .nav-link span{display:block!important;text-align:center}
.top-menu .nav-item .nav-link img{margin-right:5px}
.top-menu .navbar-brand img{width:100%}
.navbar-toggler{border-color:transparent; box-shadow:none!important; outline:none!important; position:relative; width:32px; height:22px; padding:0; display:flex; align-items: center; justify-content: flex-end;}
.navbar-toggler .navbar-toggler-icon{height:2px; width:80%; background:#3a4688;}
.navbar-toggler:before,
.navbar-toggler:after{position:absolute; content:''; top:0; right:0; background:#3a4688; width:100%; height:2px;}
.navbar-toggler:after{top:unset; bottom:0;}
.navbar-toggler:before{width:90%}

.header1.fixed{position:fixed; left:0; top:0; z-index: 99; background: #fff; width: 100%; box-shadow: 0 2px 10px rgba(0 0 0 / 10%);}

.from-banner h4{text-align:center;font-size:16px;margin-bottom:15px;color: #fff;}
.from-banner h4 span{display:block}
.from-banner h1{font-size:30px;text-transform:uppercase;text-align:center}
.form_inner .form-control{margin-bottom: 18px; height: 44px; border-radius: 5px; font-size: 14px;}
.form_inner .form-control::placeholder{font-size:13px; font-family: 'Montserrat-Regular';}
.form_inner .btn_dark{width:100%; border-radius: 5px; font-size: 14px; height: 42px;}
.bg-gray{background-color:#3a3b36c4;text-align:center;padding:14px;position:absolute;bottom:0;width:100%}
.bg-gray h4{color:#fff;font-size:18px}
.bg-gray h2{color:#fff;font-size:38px}
.bg-gray h5{color:#fff;font-size:20px}
.banner-offer{position:absolute;top:20%;left:0;padding:0}
.banner-offer .box{width:478px;height:320px;background-color:#fff;padding:10px;margin-left:5%}
.content-box{width:416px;height:234px;border:1px solid #000;display:block;margin:0 auto;margin-top:29px;text-align:center}
.banner-offer img{position:absolute;top:2%!important;width:61%;left:32%}
h2.schme-heading{font-size:18px;font-weight:700;margin-top:40px;text-transform:uppercase}
h4.rental-heading{font-size:19px}
.blink-soft{animation:blinker 2s linear infinite;color:#000;font-weight:500}
h4.semihome-heading{font-size:18px;font-weight:700;text-transform:uppercase}
h4.acrooms-heading{font-size:18px}
h4.paymentplan-heading{background-color:#fff;padding:10px;width:48%;text-align:center;display:block;margin:0 auto;margin-top:-27px;font-size:32px;font-weight:900;color:#5b5b5b;margin-top:-12%;margin-left:19%}
.blink-soft{animation:blinker 2s linear infinite;color:#000;font-weight:500}
.blink-soft{animation:blinker 2s linear infinite;color:#000;font-weight:500}
@keyframes blinker {
50%{opacity:0}
}
h4.paymentplan-heading{background-color:#fff;padding:10px;width:69%;text-align:center;display:block;margin:0 auto;margin-top:-27px;font-size:32px;font-weight:900;color:#5b5b5b;margin-top:-19%;margin-left:28%;position:relative}
.bg-gray h1{color:#000;background:#fff;width:30%;margin:0 auto;font-size:22px;padding:9px;border-radius:5px}
.no-padding{padding:0}
.btn-warning.btn-block{background-color:#014339;color:#fff;border:1px solid #014339}
.btn-warning.btn-block:hover{background-color:#3a3b36;color:#fff;border:1px solid#3a3b36}
.pd-100{padding-top:260px;padding-bottom:100px}
.about-section h1{font-size:44px;font-weight:600;text-transform:uppercase}
.about-small{position:relative;z-index:99}
.about-big{position:absolute;top:-100px;right:-94px;z-index:-1}
.pd-100.bg-gray-dark{background-color:#ededee}
.about-small img{box-shadow:20px 20px 20px 0 #0000006b;margin-bottom:25px}
.about-big img{box-shadow:20px 20px 20px 0 #00000000}
.main-heding h1{text-align:center;font-weight:600;margin-bottom:30px;text-transform:uppercase}
.main-heding p{text-align:center;font-weight:600;margin-bottom:50px}
.pd-50{padding:70px 0}
.offerimg img{width:100%;margin-bottom:25px;box-shadow:20px 20px 20px 0 #0000006b}
.about_builder_section{background-color:#f3f3f3; padding: 60px 0;}
.loc-text li{line-height:34px}
.bg-white{background-color:#fff;padding:50px;margin-top:50px;box-shadow:20px 20px 20px 0 #0000006b}
.loct-ul{width:100%;padding-left:0;margin-top:15px}
.loct-ul li{display:inline-block;list-style:none;text-align:center;width:24.6%;line-height:18px}
.bg-drk-gray{background-color:#3b3a38;padding:15px;color:#fff}
.bg-gray-lght{background-color:#ededee;padding:15px;color:#000}
.bg-drk-gray img{margin-bottom:15px}
.bg-gray img{margin-bottom:15px}
.bg-gray-lght img{margin-bottom:15px}
.main-heding-amets p{text-align:center;font-weight:500}
.main-heding-amets h1{text-align:center;font-weight:600}
.main-heding-amets{margin-bottom:50px}
.Amenities img{margin-bottom:25px}
.floor p{background:#fff;text-align:center;padding:7px;font-weight:600;font-size:24px;margin-bottom:25px;line-height:28px}
.floor img{width:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.floor img:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%)}
.bg-gray-white{background:#3a3b36}
.main-heding.plan h1{text-align:center;font-weight:600;color:#fff}
.main-heding.plan p{color:#fff;font-weight:500}
.box-color{background-color:#fff;border-radius:5px}
.box-color h4{text-align:center;border-radius:5px;background:#3a3b36;color:#fff;border:5px solid#fff;padding:7px;font-size:24px}
.box-color h3{text-align:center;font-size:28px;margin-bottom:0}
.box-color p{text-align:center;font-size:24px;line-height:28px}
.box-color p .btn-dark{margin-bottom:15px}
 
.main-heding-galry h1{text-align:center;font-weight:600;font-size:48px;text-transform:uppercase}
.main-heding-galry p{text-align:center;font-weight:600;margin-bottom:50px}
.brand-logo{padding-left:0}
.brand-logo li{list-style:none;display:inline-block;width:12%;margin-left:20px}
.brand-logo li img{width:100%}
.bg-black{background-color:#3a3b36;padding:75px 0}
.bg-black h4{color:#fff;font-weight:600;font-size:38px;margin-bottom:30px;text-transform:uppercase}
.text-form input{width:100%;padding:10px;border:1px solid#dbddde;margin-bottom:15px;border-radius:5px;height:40px}
.text-mesg input{width:100%;padding:10px;border:1px solid#dbddde;border-radius:5px;height:40px}
.btn-text button{color:#fff;background-color:#ee1d23;width:100%;padding:10px 0;border:none;border-radius:5px}
.footer{background-color: #fff;padding:20px 0;display:flex;justify-content:flex-end;color: #fff; }
.footer p{color: #000;font-size:12px;text-align:center;letter-spacing:1px;margin:0;line-height:20px}
.footer p a{color: #000;}
.mobile-section{position:fixed;left:0;right:0;bottom:0;z-index:999;display:none}
.mobile-section.show{display:flex;}
.formbox2 h1{text-align:center;font-size:18px;color:#000;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.formbox2 h1 span{text-align:center;font-size:14px;color:#000;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.top_form .form_title{font-size:16px;margin:0;text-align:center;color:#fff;padding:10px;letter-spacing:1px;background:#0d552a;text-transform:uppercase; font-family: 'Montserrat-Medium';}
.form-control1{border:none;border-radius:0;border:1px solid #d5d5d5;outline:none;color:#000;height:45px;width:100%;margin-top:10px;padding:5px 15px; font-size: 14px; font-family: 'Montserrat-Regular'; box-shadow: none!important;}
.form-control1::placeholder{font-family: 'Montserrat-Regular'; }
.form-control1:focus{border-color:#3a4688}
.form_inner1 input[type="submit"]{margin-top:20px; border-radius: 0; height:44px; border:0 solid;text-transform:uppercase; font-size:16px; font-family: 'Montserrat-SemiBold'; letter-spacing: 0.5px; width: 100%;}
.whatsapp a{color:#000}
.builder{text-align:center}
.feature{background:url(../img/feature.html);background-attachment:fixed}
.feature li{line-height:28px}
.from-banner .typology{text-align:center;margin-top: 8px;margin-bottom: 8px;font-size:22px;font-family: 'Montserrat-SemiBold';font-weight: unset;color: #000;text-transform: uppercase;}
.from-banner .location{text-align:center;margin-top: 15px;margin-bottom: 15px;font-size:16px;letter-spacing: 0.5px;color: #000;text-transform: uppercase;}
/* .from-banner h5{text-align:center;margin-bottom:10px;font-size:18px} */
.from-banner .prc-bg{font-size: 20px; color: #000;padding:10px; text-transform: uppercase;letter-spacing:1px;text-align: center;}
.offerimg p{position:absolute;bottom:15px;background:#fff;width:92%;text-align:center;font-size:14px;text-transform:uppercase}
.whatDesk img{margin-right:5px}
.form-tel a{color:#000;text-decoration:none}
.form-tel{margin-top:15px;margin-bottom:0}
.banner-text{position:absolute;bottom:50px;left:0;width:50%;opacity:1}
.project-sec{padding:60px 0 }
.project-colm{text-align:center;margin-bottom:25px;position:relative}
.project-img{position:relative}
.project-img .status{position:absolute; left:10px; bottom:10px; background: #3a4688; color: #fff; font-size: 14px; padding: 2px 10px; margin: 0;}
.project-img img{transition:.5s}
.project-text img{margin-bottom:25px}
.project-text ul{list-style-type: none; margin: 20px 0; padding:0; display: flex; flex-wrap: wrap; justify-content: space-between; position:relative;}
.project-text ul:before{position:absolute; content:''; height:100%; width:1px; background: #d7d7d7; left: 50%;}
.project-text ul li{max-width: calc(50% - 10px); flex:0 0 calc(50% - 10px); text-align: left; text-transform: capitalize; line-height: 18px; font-size: 15px;}
.project-text ul li span{display: block; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; color: #3a4688; font-family: 'Montserrat-SemiBold'; margin-bottom: 7px;}
.project-text ul li.price{font-size:16px;}
.project-text{padding:20px 15px; position:relative;min-height:235px;background:#f5f5f5}
.project-text h2{font-size:18px;margin:0;color:#3a3b36;}
.project-text h4{font-size:14px;margin:10px 0 0; font-family: 'Montserrat-Medium';}
.project-text p{text-align:center;font-size:16px;line-height:unset;margin:15px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0}
strong.new-lounch.img-right h4{margin-top:26px;background:#ffc200;margin-left:18px;width:100%;font-size:21px;font-weight:600}
strong.new-lounch2.img-right2 h4{margin-top:26px;background:#ffc200;margin-left:18px;width:100%;font-size:21px;font-weight:600}

.project-text h5{font-size:16px;font-weight:600}
.project-text a{text-align:center;display:block;color:#fff;padding:10px 0;text-decoration:none;position:absolute;bottom:0;left:0;width:100%; text-transform: uppercase; font-size: 13px;}
.modal-body{padding:30px}
.modal-body .close{    z-index: 99999;color:#fff;text-shadow:none;position:absolute;top:0;right:0;width:45px;height:45px;background:rgb(13 85 42); opacity:1;font-size:25px;line-height:0; font-weight: normal; outline: none;}
.modal-body .name{text-align:center;font-size:22px;line-height:28px;margin-bottom:15px; color:#3a3b36}
.modal-body .name span{display:block;margin-top:0;text-transform:uppercase;font-size:16px;border-top:0;padding-top:0; color:#785c47;}
.modal-body .popup-form .form-control{margin-top:10px;border-radius:0;height:44px}
.modal-body .popup-form .btn.btn-warning.btn-block{margin-top:14px;border-radius:0}
.read-more{text-align:center;margin:50px auto}
.read-more a{text-transform:uppercase;font-size:18px;padding:14px 15px;background:#3a3b36;font-weight:500;color:#fff;text-decoration:none}
.city-name{margin-bottom:50px}
.city-name h4{text-align:center;font-size:30px;color:#363d32; padding-bottom:10px;text-transform:uppercase}
.title-w3:before{width:auto;bottom:6px;left:44.5%}
.title-w3:before,.title-w3:after{position:absolute;background:#785c47;height:3px;content:''}
.title-w3:after{width:14%;right:43%;bottom:9px}
#button{display:inline-block;background-color: #3a3b36;width:50px;height:50px;text-align:center;border-radius:4px;position:fixed;bottom:15px;right:15px;display:flex;align-items: center;justify-content: center;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000}
#button img{width: 22px;}
#button:hover{cursor:pointer;background-color:#333}
#button:active{background-color:#555}
#button.show{opacity:1;visibility:visible}
strong.new-lounch.limited-time-patch.img-right{top:60%}
strong.new-lounch2.limited-time-patch.img-right2{top:60%}
/* h1.logo-heading{display:grid} */
/*.hero_section .form-col-top{display:flex;align-items:center;background-image: linear-gradient(180deg, #e8e8e8, #e8e8e8);}*/
.hero_section .form-col-top {
    display: flex;
    align-items: center;
   /*  background-image: linear-gradient(180deg, #6987c4, #6987c4);
    background-image: linear-gradient(to right, #529470 0%, #6987c4 51%, #529470 100%); */
    transition: 0.5s;
    background-size: 200% auto;
    box-shadow: 0 0 20px #eee;
    display: block;
	    background: #126d37;
}
.hero_section .form-col-top .from-banner{margin:0 auto;width:100%;    padding: 0px 37px; color: #fff; border-left: 0px solid;}
.hero_section .form-col-top .col-md-10.offset-md-1{max-width:100%;margin-left:0;padding:0}
.moreless-button{font-weight:600;font-size:14px;cursor:pointer;margin:2px 0;text-align:center!important;color: #000;}
.select-option-section.popup-form .form-control{ border-radius: 0; outline: none; width: 100%; margin-top: 10px;}

.inner-form{display: flex;}
.inner-form .immg-sec{width: 50%;margin-right: 15px;display: grid;align-items: center;}
.inner-form .formbox2{width: 50%;}
.modal2 .modal-dialog{max-width: 1000px;}

/* modal2 */
.modal2 .modal-body{padding:0;}
.modal2 .modal-body .immg-sec{margin:0;}
.modal2 .modal-body .formbox2{padding:30px; display: flex; flex-direction: column; justify-content: center;}
.modal2 .modal-body .name{font-size: 24px; line-height: 30px;}
.modal2 .modal-body .name span{font-family: 'Montserrat-SemiBold';}

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

.pegagraph h1{
font-size: 22px;
margin-bottom: 25px;
}
.pegagraph ul li{
font-size: 16px;
line-height: 36px;
list-style: none;
transition: .3s ease-in-out;
cursor: pointer;
background: url(../images/Favicon.png);
background-size: 18px;
background-repeat: no-repeat;
background-position: 5px 10px;
padding-left: 30px;
margin-top: 5px;
}
.pegagraph ul li:hover {

transform: translateX(-5px);
}


.high-sec {
    background: #f3f3f3;
}

.price-box {
background: #126d37;
color: white;
transition: .3s ease-in-out;
padding: 35px;
border-radius: 5px;
    margin: 4px;
}

.price-box:hover {

transform: translateY(-5px);
box-shadow: 3px 3px 17px 0px rgb(1 51 52 / 16%);
}

.price-box ul{

padding-left: 0px;
}


.price-box li {
    list-style: none; 
    text-align: center; 
    margin: 20px auto;
}
.price-box li:first-child {
    font-size: 27px;
    line-height: 11px;
}
 

.price-box li a { 
    padding: 8px 20px;
    color: #000000;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    background: #d6b46c;
    border-color: #d6b46c;
}

.amenities-sec{
border-radius: 5px;
    background: #D6B46C;

text-align: center;

padding: 15px;

margin-bottom: 25px;
}
.amenities-sec img{
	
}
.amenities-sec p{
color: #154026;
text-align: center;
padding-top: 15px;
} 
.floor-section {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    /* border: 3px solid #e8e8e8; */
    padding: 10px;
    margin-bottom: 30px;
}

.gallery-section {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    /* border: 3px solid #e8e8e8; */
    padding: 5px;
    margin-bottom: 20px;
}

/* .loct-sec li {
    font-size: 16px;
    margin-bottom: 15px;
} */


.loct-sec li{
font-size: 16px;
line-height: 36px;
list-style: none;
transition: .3s ease-in-out;
cursor: pointer;
background: url(../images/Favicon.png);
background-size: 18px;
background-repeat: no-repeat;
background-position: 5px 10px;
padding-left: 30px;
margin-top: 5px;
}
.loct-sec li:hover {

transform: translateX(-5px);
}

@media(max-width:1500px) {
    .hero_section .form-col-top .from-banner{padding: 30px 50px;}
    .from-banner h4{font-family: 'Montserrat-Regular';letter-spacing: 1px;}
    .modal-body .name span{font-family: 'Montserrat-SemiBold';}
    .modal2 .modal-dialog{max-width: 60%;}
    .from-banner .location{margin-top: 10px; margin-bottom: 10px; font-size: 14px;}
    .from-banner .typology{font-size: 20px; letter-spacing: 0.5px;}
    .from-banner .prc-bg{margin: 15px auto;}
    .form_inner .form-control{height: 42px;}
    .modal2 .modal-body .formbox2{padding: 20px 30px;}
    .form_inner1 input[type="submit"]{font-size: 14px;}
	.ourprojectsec img { height:300px; width: 100%;}
}

@media(max-width: 1400px) {
    .top-menu .navbar{height: 65px;}
    .hero_section .form-col-top .from-banner{padding: 20px 40px;}
    .from-banner h4{margin-bottom:6px}
    .from-banner .typology{margin-top:5px;margin-bottom:7px}
    .banner-offer img{position:absolute;top:2%!important;width:83%;left:43%}
    h4.paymentplan-heading{background-color:#fff;padding:10px;width:85%;margin-top:-27px;font-size:32px;color:#5b5b5b;margin-top:-26%;margin-left:42%}
    /* .hero_section .form-col-top .from-banner{width:95%} */
    h1.logo-heading{font-size: 22px;}
    .from-banner h4{font-size: 14px; margin: 15px 0;}
    .from-banner .prc-bg{margin: 10px auto;}
    .modal2 .modal-dialog{max-width: 65%;}
    .form_inner1 input[type="submit"]{margin-top: 15px;}
    .city-name h4{font-size: 24px;}
	.ourprojectsec img { height:300px; width: 100%;}
}

@media(max-width:767px) {
    .bottom-query ,#popform{
            display: none !important;
    }
    .amenities-sec img{
        width: 80px !important;
    }
    .amenities-sec p{font-size: 14px;}
    .amenities-sec {
        margin-bottom: 25px;
        max-height: 146px;
    }

    /*.price-box {*/
    /*    background: #e8e8e8;*/
    /*    padding: 35px;*/
    /*    margin-bottom: 25px;*/
    /*}*/
    
    .pegagraph h1 {
        font-size: 20px;
        margin-bottom: 25px;
        margin-top: 35px;
        text-align: center;
    }

    .nabvar-manu{position: absolute; z-index: 999; top: 65px; width: 100%; background: #3a4688;}
    .top-menu .navbar-nav .nav-item:not(:last-child) .nav-link{border-bottom:1px solid #ffffff1f;}
    .top-menu .navbar-nav .nav-link{color:#fff; text-align: center;}
    .top-menu .navbar-nav:last-child .nav-item a{justify-content: center;}
    .hero_section .form-col-top .from-banner{border:none; padding: 20px 30px;}
    .about_builder_section,
    .project-sec{padding: 50px 0;}
    .city-name{margin-bottom: 14px;}
    .title-w3:before, .title-w3:after{height: 2px;}
    .about_builder_section p{font-size:15px;}
    .footer{padding-bottom: 60px;}
    #button{bottom: 55px; width: 40px; height: 40px;}
    .mobile-section a{background: #3a4688; font-size: 12px; padding: 9px 0; margin:0; border-radius: 0; border: 0; flex-grow: 1;}
    .wa{border-left: 1px solid #ddd!important; border-right: 1px solid #ddd!important;}
	.ourprojectsec img { height:300px; width: 100%;}
}

@media(max-width:575px) {
    .inner-form{display: grid;}
    .modal2 .modal-dialog{max-width: 100%;}
    .inner-form .immg-sec{width: 100%;margin-right: 0px;}
    .inner-form .formbox2{width: 100%;}
	.ourprojectsec img { height:300px; width: 100%;}
}

@media(max-width:480px) {

/*.price-box {*/
/*    background: #e8e8e8;*/
/*    padding: 35px;*/
/*    margin-bottom: 25px;*/
/*}*/
 
.pegagraph h1 {
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 35px;
    text-align: center;
}

.new-lounch.img-right{left:-2%}
.modal-flex .left h6{font-size:14px;font-weight:500}
.modal-flex .left{width:100%;padding:12px!important;padding-top:50px!important}
.modal-flex .left h4{font-size:14px}
.modal-flex .modal-dialog{padding:0!important}
.modalpopup{padding:5px}
.modal-flex .right{width:100%;padding:20px}
.city-name h4 {
    text-align: center;
    font-size: 22px;
}
.project-text a:hover{color:#f9f9f9}
.carousel-indicators li{background-color:#000}
.ourprojectsec img { height:300px; width: 100%;}
}
  

        
        
            .slider-container {
            width: 90%; /* Adjust as needed */
            margin: 20px auto;
            overflow: hidden; /* Important: Hides content that overflows the container */
            position: relative;
            border-radius: 10px; 
            }
            .slider {
            display: flex;
            overflow-x: auto; /* Enable horizontal scrolling */
            scroll-snap-type: x mandatory; /*  Snaps to each card */
            -webkit-overflow-scrolling: touch; /*  For smooth scrolling on iOS */
            scroll-behavior: smooth; /* Smooth scrolling */
            }
            .slider::-webkit-scrollbar {
            display: none; /* Hide scrollbar for Chrome, Safari and Opera */
            }
            .card {
            flex: 0 0 auto; /*  Don't grow or shrink, automatic width */
            width: 300px; /* Adjust card width as needed */
            margin: 10px; 
            background-color: #fff;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            scroll-snap-align: start; /*  Snap to the start of the card */
            }
            .slider-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgb(0 0 0 / 33%);
            color: #fff;
            border: none;
            padding: 12px;
            border-radius: 6px;
            cursor: pointer;
            z-index: 10;
            font-size: 1.2rem; 
            }
            .slider-button-left {
            left: 10px;
            }
            .slider-button-right {
            right: 10px;
            }
            
/*##########################cta start #############################*/
                #cta{
                        margin: 40px auto;
                }
                @media (min-width: 1200px) {
                    .container, .container-lg, .container-md, .container-sm, .container-xl {
                        max-width: 1140px;
                    }
                }
                @media (min-width:900px) {
                    #cta{
                        margin: 0px auto !Important;
                    }
                }
                #cta .justify-content-center{  
                    background: #126d37;
                    align-items: center;
                    text-align: justify;
                    color: white;
                    padding: 25px;
                }
                .btn-green{
                        color: #126d37;
                    background-color: #ffffff;
                    border-color: #ffffff;
                }
                .lead {
                        font-size: 1.1rem !important;
                        font-weight: 300;
                    }
                    
                    
                    
                     .bottom-query {
                width: 100%;
                padding: 15px 0;
                position: fixed;
                bottom: 0;
                z-index: 99;
                display: none;
            }
            .bottom-query .bottom-query-box {
                width: 15%;
                margin-right: 18px;
                float: left;
                position: relative;
            }
            .enquiry-text-respon{
                font-size: 27px;
                padding: 0px 20px;
                margin: 0px;
                color: white;
                align-items: center !important;
            }
            
            
            @media (max-width: 767px) {
                    #price-list ul .list-inline-item {
                    display: inline-block;
                    width: 100% !important;
                }
            }