@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box}
h1{font-size:2.6rem}
h2{font-size:2rem}
h3{font-size:1.4rem}
@font-face{font-family:MontserratRegular;src:url(../fonts/Montserrat-Regular.ttf)}
html,body{font-family:MontserratRegular;overflow-x:hidden}
.navbar .nav-link{font-size:14px;text-transform:uppercase;font-weight:600;padding-left:1rem;padding-right:1rem;color:#050505!important}
.navbar-nav.mx-auto.text-dark{padding-right:10%}
.no-pdg{padding:0!important}
.no-marg{margin:0!important}
.showcase{padding:60px 0}
.offer-wrap{background:#fff;padding-top:10px;padding-bottom:15px;margin:6px 0}
.offer-wrap img{background:#fff;width:60px;margin:0 auto;display:block}
.offer-wrap h3{margin-bottom:0;font-weight:800;font-size:18px;text-align:center;margin-top:10px;line-height:30px}
.shw-btm{width:39%;text-align:center;margin:0 auto}
.shw-btm h3{font-size:26px;letter-spacing:3px;font-weight:900;margin:0;line-height:35px;color:#2c428d}
.shw-btm p{line-height:28px;text-align:center;font-size:16px;font-weight:700;color:#e74736;letter-spacing:2px;margin:0}
#queryform{background-color:#fff;padding:0 10px 10px;box-shadow:1px 1px 5px #999;border-radius:6px;margin:0 auto}
.form-title.text-center{margin:0;padding: 2%;width:106%;margin-left:-3%;margin-bottom:5px;border-radius:6px 6px 0 0}
#queryform input,#query_form select{
    border-radius:0;
    height:40px;
    border:0;
    border-bottom:1px solid!important;
    margin: 0 auto;
    width: 88%;
    }
.btn-submit{color:#fff;background-color:#3471b8!important;border-color:#3471b8!important;border:none!important;margin:0 auto;width:150px!important}
.bg-gray{background:#ececec;padding:50px 0}
.gry-box h2{color:#3471b8!important;font-size:25px;line-height:28px;text-align:center;font-weight:700;padding-bottom:10px}
.gry-box p{font-size:14px}
.showcase h2{color:#3471b8!important;font-size:28px;font-weight:800}
.showcase h2:after{content:" ";background:#2c3749;width:120px;display:block;height:4px;margin:14px auto 0!important;margin-bottom:15px}
.project1{padding:50px 0}
.project1 h2{font-size:36px;line-height:36px;font-weight:700;color:#3471b8!important;text-align:center}
.project1 h2:after{content:" ";background:#2c3749;width:120px;display:block;height:4px;margin:14px auto 0!important;margin-bottom:23px}
.mytab{text-align:center;border-bottom:none;margin-bottom:45px;margin-top:1%;width:96%;margin-left:2%}
.mytab li{float:none!important;display:inline-block;margin-right:10px}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{background-color:#fff;color:#e64434;border:2px solid #e64434;text-transform:uppercase}
.nav-tabs>li>a.active{background-color:#fff;color:#e64434;border:2px solid #e64434;text-transform:uppercase}
.nav-tabs>li>a{margin-right:2px;line-height:1.5;border:1px solid transparent;border-radius:4px 4px 0 0;padding:10px 15px;background:#e64434;color:#fff;text-transform:uppercase}
.newlaunch-box{color:#000; cursor: pointer;}
.new-top{position:relative}
.new-launch{position: absolute;
    width: 21%;
    top: -2px;
    left: -2px;
}
.payment {
    position: absolute;
    width: 100%;
    top: -70px;
    left: -28px;
}
.my-cur{
    cursor: pointer;
}
#queryform.formbox {    
    padding: 0 0px 6px;
    box-shadow: 1px 1px 5px #999;        
}
.formbox {
    position: absolute;
    top: 17%;
    right: 7%;
    z-index: 999;
    width: 364px !important;
}
.formbox .form-title.text-center {
    width: auto;
    margin-left: 0;
    font-weight: 900;
    font-size: 20px;
    text-transform: uppercase;
}
.banner-offers {
    position: absolute;
    bottom: 18%;
    left: 6%;
}
.banner-offers img {
    width: 90%;
}
.formbox h4{
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
}
.formbox h3{
    font-size: 20px;    
    font-weight: 600;
    margin-bottom: 3px;
}

.strip{padding: 10px; cursor: pointer;}

.formbox h2 {
    font-size: 19px;    
    padding: 8px;
    font-weight: 600;
    width: 91%;
    margin: 0 auto;
    margin-bottom: 5px;
}
#queryform.formbox span.d-block {
    text-transform: capitalize;
    font-size: 18px;
}
.propty-name{position:absolute;background:#000;color:#fff;padding:5px 10px;top:0;right:0;font-size: 17px;font-weight:800;}
.propty-price{position:absolute;background:#000;color:#fff;padding:5px 10px;bottom:0;left:0;margin-bottom:0;font-size: 18px;font-weight:800;letter-spacing: 1px;}
.fade:not(.show){opacity:1!important}
.new-btm{box-shadow:2px 2px 11px #999;margin-bottom:5%;padding:10px}
.sub-new{border-bottom:1px solid lightgray;color:#191919;font-size:12px;display:flex;padding-top:10px;justify-content: space-between;}
.prop-title{width:50%;margin-bottom:5px;font-size: 15px;}
.col-sm-12.mb-3{margin-bottom:10px!important}
p.prop-desc{text-align:right;font-size: inherit;font-size: 14px;/*cursor: pointer;*/}
.prop-price{cursor: pointer;}
.rera-numb{font-size:11px;text-align:center;padding:10px 0}
.btn-1{background:#3471b8;border-radius:6px;border:6px solid #3471b8;color:#fff;font-weight:800;font-size:12px;line-height:12px;margin-top:-14px;display:inline-block}
.contact-us{padding-top:15px;background-image:url(../images/choice-bg.webp);background-size:cover;background-attachment:fixed;background-position:0 100%;padding-bottom:50px;color:#fff}
.contact-us h2{font-weight:600;color:#fff;padding:30px 0;font-size:25px;line-height:28px}
.form-para{text-align:center;margin-bottom:25px!important;color:#fff;font-size:17px;font-weight:800}
.terms-para{margin-left:19px;margin-top:5px;font-size:12px;color:#000}
.terms-para a{color:#000;text-decoration:underline}
.btn-contact{background:#3471b8;margin:0 auto;border-radius:0;border:solid 2px #fff;color:#fff;width:14%;margin-left:43%;margin-top:13px}
.contact-us h2:after{content:" ";background:#2c3749;width:120px;display:block;height:4px;margin:14px auto 0!important;margin-bottom:15px}
.footer-btm{color:#fff;margin:0 auto}
.footer-btm p{margin-top:25px}
.footer-btm a{color:#fff;font-weight:600;font-size:28px;text-align:center;display:inline-block;
    margin-left: 21px;
}
.disclm{text-align:center;font-size:14px}
.disclm h5{font-size:15px;font-weight:800;margin-top:17px}
.disclm a{color:#fff}
.formbox2 h2{color:#fff;font-size:20px;text-align:center;margin-bottom:10px;padding:7px}
.formbox2 h3{color:#222;text-align:center;margin-bottom:10px;font-size:14px}
.formbox2 .name{text-transform: uppercase; font-weight: 600; font-size:16px; margin-bottom: 20px;}
.form_inner1 input{margin-bottom:10px}
.btn1{background:#3471b8;color:#fff;margin:0 auto;margin-left:37%;border-radius:2px;width:30%}
.enquire-btn{font-size:16px;width:170px;position:fixed;bottom:10px;right:10px;color:#fff;transition:.4s ease-in;z-index:999;background-color:#3471b8;font-weight:600;padding:7px 10px 6px}
.new-btm .sub-new:last-child{font-weight:600;text-transform:capitalize;color:#3471b8}
.fixed-header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:9999}
/* .modal.show{top:100px} */
.modal{z-index:999999999}
.nav-tabs>li>a:hover{text-decoration:none}
.mobile-section{position:fixed;left:0;right:0;bottom:0;z-index:999;display:none;background-color: #535353;}
button.close{color:#000;font-size:40px}
.form-group.select-option-section{margin-bottom:0}
select#sources3{border:0;border-bottom:1px solid!important;border-radius: 0px !important;width: 88%;margin-left: 6%;font-size: 15px;}

.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#fff;text-shadow:0 1px 0 #fff;opacity:9}
.container-fluid.slider-container{padding-left:0;padding-right:0;position:relative}
img.img-fluid.logo-form{display:block;margin:0 auto}
h4.type-heading{text-align:center;font-size:22px;font-weight:700;padding-top:5px}
h4.price-heading{text-align:center;font-size:24px;font-weight:900;padding-top:5px}
.gallery-container .col-sm-12.col-md-4.col-lg-4{margin-bottom:30px}
h2.custom-heading{font-size:36px;line-height:36px;font-weight:700;color:#3471b8!important;text-align:center}
h2.custom-heading:after{content:" ";background:#2c3749;width:120px;display:block;height:4px;margin:14px auto 0!important;margin-bottom:23px}
section.gallery-container img.img-fluid{cursor:zoom-in;cursor:zoom-in}
nav.navbar.navbar-expand-sm.navbar-dark .container{max-width:90%}
li.nav-item.phone-number{margin-left:20px;margin-top:-9px}
i.fa.fa-phone{background-color:#3471b8;color:#fff;padding:5px;width:40px;height:40px;line-height:32px;font-size:20px;border-radius:50%;text-align:center;margin-right:6px}
li.nav-item.phone-number a{font-size:20px}
img.developer-logo-img{width: 70px;/* position: absolute; */top: 10px;z-index: 1;background-color: #fff;}
.top-form{position:absolute;top:25%;right:3%;width:20%}
.gallery-container .row.docs-pictures,#newlaunches .row{justify-content:center}
img.modal-logo{width:29%}
a.nav-link {
    padding-left: 14px!important;
    padding-right: 14px!important;
}

 section.gallery-container h2.custom-heading {margin-bottom: 30px;}
 p.prop-desc.location-heading {
    /* display: contents; */
    font-size: 13px;
}
nav.navbar.navbar-expand-sm.navbar-dark {
    padding-top: 4px;
    padding-bottom: 4px;
}

#project-details .payment_patch{
    position: absolute;
    bottom: 30px;
    max-width: 200px;
    left: 10px;
}
.sold-out img{
    position: absolute;
    left: 48%;
    top: 48%;
    transform: translate(-50%, -50%);
}

@media (max-width:1600px){
img.developer-logo-img {
    width: 65px;
    position: relative;
    top: unset;
    z-index: 1;
    background-color: #fff;
}
.col-sm-12.mb-3 {
    margin-bottom: 7px!important;
}
.form-title.text-center {
        padding: 3%;
}
.banner-offers img {
    width: 86%;
}
.banner-offers {
    position: absolute;
    bottom: 11%;
    left: 6%;
}
}
@media(min-width:1500px) and (max-width:1920px) {



div#navbarCollapse{display:flex!important;justify-content:end!important}
}



div#myModalTop  .modal-dialog.modal-lg {
    max-width: 1000px;
}

div#myModalTop  .custom-row {
    display: flex;
    flex-wrap: wrap;
}

div#myModalTop  .left_col {
    width: 50%;
}

div#myModalTop  .right_col {
    width: 50%;
    padding: 20px;
    display: flex;
    align-items: center;
    position: relative;
}

div#myModalTop  button.close {
    position: absolute;
    top: 10px;
    right: 20px;
}
.form-checkbox {
    display: flex;
    justify-content: start;
    width: 100%;
    margin: auto;
}

input.checkbox {
    height: 15px !important;
    width: 15px !important;
    margin-right: 10px !important;
}

.form-checkbox p {
    font-size: 10px;
}



@media (max-width:1500px){
    img.developer-logo-img {
    width: 65px;
}
.formbox h2 {
    font-size: 19px;
    background: #3471b8;
    color: #fff;
    padding: 5px;
    font-weight: 600;
    width: 91%;
    margin: 0 auto;
    letter-spacing: 0.5px;
}
.formbox h3 {
    font-size: 20px;
    color: #3471b8;
    font-weight: 600;
    margin-bottom: 2px;
}

.banner-offers img {
    width: 84%;
}
.formbox {
    position: absolute;
    top: 3%;
    }
.formbox .form-title.text-center {
    width: auto;
    margin-left: 0;
    font-weight: 900;
    font-size: 20px;
}
.formbox h4 {
    font-size: 18px;
    padding-top: 6px;
    margin-bottom: 2px;
}
}

@media(min-width:1300px) and (max-width:1366px) {
    div#queryform{top:8%}
    div#queryform.formbox{top: 5%;}
    #queryform input,#query_form select{border-radius:0;height: 30px;border:0;border-bottom:1px solid!important;margin:0;width:88%;font-size: 14px;margin: 0 auto}
    h4.type-heading{text-align:center;font-size:20px}
    div#queryform{width: 80%;padding-top: 15px;}
    h4.price-heading{text-align:center;font-size:16px;font-weight:900;padding-top:0}
    h4.type-heading{text-align:center;font-size:17px;font-weight:700;padding-top:1px}
    img.img-fluid.logo-form{width:24%}
    select#sources{height: 30px;padding:0;font-size:14px;padding-left:10px;}
    .form-title.text-center{padding:2%;font-size:18px;width:106%}
    input#SubmitQuery{height:unset}
    .project1 h2{margin-bottom:40px}
    div#navbarCollapse{display:flex!important;margin-left: 10%;justify-content:end!important}
    a.nav-link {padding-left: 10px!important;padding-right: 10px!important;}
    img.developer-logo-img {
    width: 63px;
    position: relative;
    top: unset;
    z-index: 1;
    background-color: #fff;
}
.formbox h4 {
    font-size: 17px;
    padding-top: 2px;
    margin-bottom: 0px;
}
.formbox h3 {
    font-size: 19px;
    color: #3471b8;
    font-weight: 600;
    margin-bottom: 1px;
}
.col-sm-12.mb-3 {
    margin-bottom: 9px !important;
}
.banner-offers {
    position: absolute;
    bottom: 14%;
    left: 6%;
}
.banner-offers img {
    width: 79%;
}
}

@media(min-width:1200px) and (max-width:1280px) {
    .banner-offers img {
    width: 76%;
}
.formbox h2 {
    font-size: 20px;
    background: #3471b8;
    color: #fff;
    padding: 8px;
    font-weight: 600;
    width: 91%;
    margin: 0 auto;
}
.formbox {
    position: absolute;
    top: 9%;
}
    div#queryform{width:50%}
    #queryform input,#query_form select{border-radius:0;height:36px;border:0;border-bottom:1px solid!important;margin: 0 auto;
    width: 88%;}
    h4.type-heading{text-align:center;font-size:20px}
    div#queryform{width: 77%;padding-top: 10px;}
    h4.price-heading{text-align:center;font-size:16px;font-weight:900;padding-top:0}
    h4.type-heading{text-align:center;font-size:17px;font-weight:700;padding-top:1px}
    img.img-fluid.logo-form{width:24%}
    select#sources{height: 30px;padding:0;font-size:14px;padding-left:10px;}
    .form-title.text-center{padding:2%;font-size:14px;width:106%}
    input#SubmitQuery{height:unset}
    .project1 h2{margin-bottom:40px}
    div#navbarCollapse{display:flex!important;justify-content:end!important}
    a.nav-link {padding-left: 10px!important;padding-right: 10px!important;}
    nav.navbar.navbar-expand-sm.navbar-dark .container {max-width: 100%;}
    img.developer-logo-img {
    width: 8%;
    position: absolute;
    top: 16px;
    z-index: 1;
    background-color: #fff;
}
}

@media(min-width:800px) and (max-width:1024px) {
    #queryform input,#query_form select{border-radius:0;height:19px;border:0;border-bottom:1px solid!important;margin:0;width:100%;font-size:14px}
    h4.type-heading{text-align:center;font-size:20px}
    div#queryform{width:86%}
    h4.price-heading{text-align:center;font-size:16px;font-weight:900;padding-top:0}
    h4.type-heading{text-align:center;font-size:17px;font-weight:700;padding-top:1px}
    img.img-fluid.logo-form{width:24%}
    select#sources{height:20px;padding:0;font-size:14px;padding-left:10px}
    .form-title.text-center{padding:1%;font-size:14px;width:106%}
    input#SubmitQuery{height:unset}
    .project1 h2{margin-bottom:40px}
    div#navbarCollapse{display:flex!important;justify-content:end!important}
    nav.navbar.navbar-expand-sm.navbar-dark .container{max-width:100%}
    .navbar .nav-link{padding-right:9px!important;padding-left:5px!important}
}

@media (max-width: 767px) {
    .formbox .form-title.text-center {
        width: auto;
        height: auto;
    }
    .formbox h2 {
        height: auto;
    }
    /* .iti__country-list {
        width: 325px !important;
    } */
    .iti__country-list {
        white-space: normal;
        width: 300px !important;
    }
    .iti-mobile .iti--container {
        z-index: 999999999;
    }
    .mobile-section .btn-success{background: #535353;}
    .mobile-section .btn{border-radius:0;border:0;font-size: 11px;}
    .mobile-section a{width:31%}
    .navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:#0a0a0ab3!important;border:1px solid #000!important;border-radius:.25rem}
    .shw-btm{width:100%}
    .btn-contact{background:#3471b8;margin:0 auto;border-radius:0;border:solid 2px #fff;color:#fff;width:55%;margin-left:20%}
    .disclm{text-align:center;font-size:13px;padding:0 10px}
    .btn1{background:#3471b8;color:#fff;margin:0 auto;margin-left:28%;border-radius:2px;width:44%}
    .gry-box h2{font-size:21px}
    .bg-gray ul{margin-left:18px}
    .nav-tabs>li>a{display:block;margin:3px 0}
    .showcase h2{color:#3471b8!important;font-size:26px;font-weight:800}
    button.btn.enquire-btn{display:none}
    div#queryform{position:relative;top: 4%;right:0;width: 100% !important;}
    div#queryform.formbox{
            width: 96% !important;
            margin-top: 10px;
            /* border-radius: unset !important; */
    }
    .banner-offers {
    position: unset;
    top: 17%;
    left: 6%;
}
.banner-offers img {
    width: 100%;
}
.formbox h4 {
    font-size: 17px;
  
}

.formbox h2 {
    font-size: 22px;
    background: #3471b8;
    color: #fff;
    padding: 9px;
    font-weight: 600;
    width: 95%;
    margin: 0 auto;
}
    #queryform{    box-shadow: 1px 1px 5px #999;}
    a.navbar-brand img{width: 50%;position: unset;}
    h4.price-heading{text-align:center;font-size:20px;font-weight:900;padding-top:5px}
    ul.navbar-nav.text-dark{width:100%}
    li.nav-item.phone-number{margin-top:5px;margin-left:0}
    i.fa.fa-phone{background-color: #3471b8;color:#fff;padding:5px;width:30px;height:30px;line-height:22px;font-size:17px;border-radius:50%;text-align:center;margin-right:6px;}
    li.nav-item.phone-number a{font-size:18px}
    a.navbar-brand { width: 36%!important;}
    nav.navbar.navbar-expand-sm.navbar-dark {padding: 0!important;padding-top: 0px!important;padding-bottom: 0px!important;}
    .showcase {padding: 0px 0;}
    .col-md-8.order-2.order-lg-1 {margin-top: 35px;}
    .disclm h5 {font-size: 12px;font-weight: 800;margin-top: 17px;line-height: 17px;}
    .gry-box p {font-size: 14px;text-align: justify;}
    .propty-name {font-size: 14px;}
.propty-price {font-size: 14px;}
#project-details .payment_patch{max-width: 160px;}
.new-launch {
    position: absolute;
    width: 25%;
    top: -41px;
    left: -10px;
}
h6.mobl-cont {
    color: #000;
    text-align: center;
    margin: auto;
    margin-top: 10px;
    font-weight: 600;
}
.mobl-cont a {
    color: #000 !important;
    font-size: 20px;
}
.project1 h2{
        margin-bottom: 24px;
}
.propty-name.imp{
    font-size: 12px
}

div#myModalTop .custom-row {
    display: block;
    flex-wrap: wrap;
}
div#myModalTop .left_col {
    width: 100%;
}
div#myModalTop .right_col {
    width: 100%;
}
div#myModalTop .right_col {
    padding-left: 0px;
    padding-right: 0px;
}
div#myModalTop .col-sm-12.top_form {
    padding: 0px;
}
div#myModalTop .right_col {
   position: unset;
}


}

@media (max-width:414px) {
    .text-center{
        
        width: auto;
    height: 24px
    }
    
}  
@media (max-width:399px) {
    .text-center{
        
width: auto;
        
/* height: 25px; */
    }
    
}  
.btn-submit {
    color: #fff!important;
    font-size: 16px!important;
    padding-bottom: 3px!important;
    height: unset!important;
}


section#project-details  .row {
    margin-top: 25px;
}

.navbar-collapse {
    justify-content: end!important;
}

p.paymentplan-p {
    font-size: 14px;
    color: #3471b8;
    text-align: center;
    margin: 0px auto;
    width: fit-content;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    border: 3px solid #3471b8;
    border-style: double;
    margin-bottom: 10px;
    margin-top: 5px;
}

.blink-hard {
  animation: blinker 1s step-end infinite;
}

.iti {
    position: relative;
    /* display: inline-block; */
    display: block !important;
}

#demo .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 20px !important;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0px !important;
}
#demo .iti {
    position: relative;
    display: inline-block;
    margin-bottom: 0px !important;
}
.iti {
    position: relative;
    display: inline-block;
    margin-bottom: 10px !important;
}
.iti__country-list {
    width: 365px;
}
@keyframes blinker {
  50% {
   background-color:#3471b8;
   color:#fff;
  }
}

.text-center  img{
    width: auto;
    height: 31px;
}