html {
    background: #e6e9e9;
    background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%);
    -webkit-font-smoothing: antialiased;
}

body {
    background: #FAFAFA;
    color: #545454;
    font-family: 'Roboto'Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto;
    /*padding: 2em 2em 4em;*/
}

body h1, body h2, body h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.2;
}

h2 {
    margin-top: 1.3em;
}

a {
    color: #1F5FB1;
}

b, strong {
    font-weight: 600;
}

.trans{transition: 0.3s;}
ul,li{margin: 0; padding: 0;}
.ibass ul{list-style: none; margin: 0; padding: 0;}
.ibass ul.listNumber{list-style: decimal; padding-left: 32px;}
.ibass ul.listNumber li{margin-bottom: 16px;}

.ibass .nav-pills {
    --nav-pills-border-radius: var(--border-radius-pill);
    --nav-pills-link-active-color: #682CC7;
    --nav-pills-link-active-bg: none;
}


.contentBlock{background: #fff; padding: 24px 32px; margin-bottom: 32px; border-radius: 6px;}
.contentBlock img{max-width: 100%;}


.ibass header nav{ width: 100%}
.ibass header nav a.logo{margin-right: auto;}
header a.phone.phoneMobile{display: none;}
.pagetitle{ margin: 24px 0; font-weight: 200; font-size: 28px;}

.navbar-light .navbar-toggler{border: none;}

#success{ position: absolute; max-width: 300px; left: 0; margin: 0 auto; right: 0; z-index: 113;}

header{min-height: 60px; background: #fff; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; width: 100%; z-index: 112; border-top: solid 4px #AB1151;}

.ibass .navbar-light .as_nav li a{border-radius: 30px; padding:8px 16px; color: #848484;transition: 0.3s;}
.ibass .navbar-light .as_nav li a:hover, .ibass .navbar-light .as_nav li a.active:hover, .ibass .navbar-light .as_nav li a:focus, .ibass .navbar-light .as_nav li a:focus-visible{background: #682CC7; color: #fff;transition: 0.3s;}
.ibass .navbar-light .as_nav li a.active{color:#682CC7; background: none;}
.ibass .navbar-light .as_nav .nav-link:focus {color:#fff; background:#682CC7; }

.contactSection{vertical-align: middle;}
header .phone i{color: #13c455; display: inline-block; margin-right: 8px;}
header a.phone{color: #333; display: inline-block; margin: 0 16px; padding: 0; text-decoration: none; line-height: 40px;}
header a.phone:hover{color:#682CC7;}
.navbar-expand-lg .navbar-nav .dropdown-menu{padding: 16px;}
.collapse.navbar-collapse{transition: 0.3s;}
.collapse.navbar-collapse.show{padding-top: 42px; padding-bottom: 24px;}

.btn.btn-primary{background: #AB1151; color: #fff; border: none; border-radius: 30px;}
.btn.btn-secondary{background:none; color: #AB1151; border: solid thin #AB1151;}
.btn.btn-primary:hover, .btn.btn-primary:focus-visible,.btn.btn-secondary:hover, .btn.btn-primary:focus, .btn.btn-secondary:focus{color: #fff; background: #682CC7;}

.btn.btn-outline-primary{background: none; color: #AB1151; border-color:#AB1151 ; border-radius: 30px;}
.btn.btn-outline-secondary{background:none; color: #AB1151; border: solid thin #AB1151;}
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus-visible,.btn.btn-secondary:hover, .btn.btn-outline-primary:focus, .btn.btn-secondary:focus{color: #fff; background: #682CC7; border-color: #682CC7}

.connectUsWrap{text-align: center; padding: 24px 0; display: flex; justify-content: center;}
.connectUsWrap .boxBorder{background: #E4EAF4; column-gap: 16px;justify-content: center; align-items: center; display: flex; border: solid thin #E4EAF4; padding: 16px 24px; border-radius: 20px;}




.page_top_pad{padding-top: 60px;}


.inner main{background: #F8F8F8;}
main{background: #fff;}
main > section{margin-bottom: 42px;}
section, .bannerMain{ display: flex; width: 100%; clear: both;}

h5.subtitle{margin-bottom: 24px; font-weight: 200; font-size: 32px;}
.withSubLine{margin-bottom: 24px;}
.withSubLine h5.subtitle{ margin-bottom: 8px;}


.resale {margin: 24px auto;}
.builderName{ font-size: 14px;}


.homeTopSec{/*background: linear-gradient(0deg, rgba(171,17,81,1) 0%, rgba(104,44,199,1) 100%);*/ background: url(../img/HomeBg.png) center center no-repeat; background-size: cover;}
.homeTopBox{padding: 0; margin-top: 48px; margin-bottom: 48px;  border-radius: 24px;}
.homeTopBox h1{ font-size: 42px; font-weight: 200; max-width: 60%; margin-bottom: 42px;}
.homeTopBox .col-lg-3{ margin-bottom: 32px;}
.homelbcard{display: flex; align-items: baseline; position: relative; height: 100%; flex-direction: column;}
.homelbcard > img{ margin-top: auto;}
.homelbcard >*{display: block; margin-bottom: 12px; }

/*-----Quick Info CSS starts-----*/

.ibass ul.iconLableCardWrap{ margin: 0; display: flex; justify-content: left; column-gap: 2%; align-content: center; flex-wrap: wrap; row-gap: 36px;}
.iconLableCard{display: flex; justify-content: left; align-items: center;  width: 31.333%; }
.iconLableCard .iconWrap{display: flex; justify-content: center; align-items: center; width: 54px; height: 54px; border: solid thin #A07BDB; border-radius: 100px; margin-right: 12px;}
.iconLableCard .iconWrap i{font-size: 24px; color: #A07BDB; }
.iconLableCard .labelWrap{ }
.iconLableCard .labelWrap span{display: block; margin-bottom: 4px;}

/*-----Quick Info CSS ends-----*/


/*=============Sidebar CSS Starts===============*/
.sidebar .contentBlock{padding: 24px 16px 16px; margin-bottom: 24px;}
.sidebar .contentBlock .form-group{margin-bottom: 0;}
.sidebar .btn-block+.btn-block{margin-top: 0;}
.sidebar .contentBlock .subtitle{ margin-bottom: 12px;}
.help-block.text-danger{ font-size: 14px;}
.msg_area{min-height: 90px;}
.chatwithUS{margin-bottom: 28px;}
.chatwithUS a{ text-decoration: none; color: #AB1151; font-size: 20px; padding: 8px 16px; background: #eee; border-radius: 5px; }
.chatwithUS a i{color: #25D366;}
.chatwithUS a:hover{color: #682CC7; background: #ddd;}
/*=============Sidebar CSS Ends===============*/



/*=============Card 1 CSS Starts===============*/

.imgcard{border-radius: 20px; overflow: hidden; position: relative; height: 250px; display: flex; justify-content: center; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); }

.imgcard img{height: 250px; transition: transform .5s;}
.imgcard:hover img{transform: scale(1.1); }
.imgcard a{color: #fff; text-decoration: none;}
.imgcard .type_tab, .card .type_tab{position: absolute; left: 0; top: 24px; padding: 2px 16px 2px 4px; border-radius: 0 15px 15px 0; line-height: 1.7; font-size: 14px; background: #AB1151; color: #fff;}
.imgcard .txtWrap{position: absolute; z-index: 2; width: 100%; bottom: 0; left: 0; transition: transform .5s; -webkit-transform .5s; padding:42px 16px 16px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%); }
.imgcard:hover .txtWrap{background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0) 100%)}
.imgcard .txtWrap h6{ font-size: 18px;}
.imgcard .txtWrap span{display: inline-block;font-size: 14px; white-space: nowrap; max-width: 100%; overflow: hidden;text-overflow: ellipsis;color: #ccc; }
.imgcard .txtWrap span.buildername{line-height: 1;color: #fff;}

/*=============Card 1 CSS Ends===============*/


/*=============Card 2 CSS Starts===============*/

.card {border: none; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); border-radius: 20px; overflow: hidden;}
.card a{text-decoration: none; color: #333;transition: 0.3s;}
.card a:hover{background: #f1f1f1;}
.card a img.card-img-top{ height: 220px;}
.card .card-title{ margin-bottom: 4px;}
.card .card-body span{ display: block; margin-bottom: 4px; }
.card .card-body span.buildername{font-size: 14px; margin-bottom: 8px; color: #666;}
.card .card-body h6{ margin-top: 12px;}
.ibass .card ul.iconLableCardWrap { column-gap: 0;}
.card .iconLableCardWrap li{width: 50%; font-size: 14px; margin-bottom: 16px; }
.card .iconLableCardWrap li .iconWrap {width: 42px; height: 42px;  margin-right: 8px;}
.card .iconLableCard .iconWrap i{font-size: 18px;}
.card .iconLableCardWrap li .labelWrap span{ line-height: 1.2rem;}


.resale .card a img.card-img-top{height: auto;}


/*=============Card 2 CSS Ends===============*/


/*=============Card 3 CSS Starts===============*/

.Cardlist {}
.Cardlist a{text-decoration: none; color: #333; transition: 0.3s;  display: flex; align-items: center; border: none;  border-radius: 20px; overflow: hidden;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);}
.Cardlist a:hover{background: #f1f1f1;}
.Cardlist > li{ margin-bottom: 32px; }
.Cardlist a .card-body{max-width: 65%;}
.Cardlist a img.card-img-top{ height: 240px; }
.Cardlist .card-title{ margin-bottom: 4px;}
.Cardlist .card-body .card-title span{ display: block;  }
.Cardlist .card-body .topSec{ display: flex; margin-bottom: 16px;  justify-content: space-between;}
.Cardlist .card-body p{ font-size: 14px; color: #666; margin-bottom: 24px; display: block;}
.Cardlist .card-body .topSec .priceSec{ text-align: right;}
.Cardlist .card-body span.buildername{font-size: 14px; color: #666;}
.Cardlist .card-body .topSec .priceSec h5{ margin-bottom: 4px; font-size: 20px; color: #AB1151; }
.ibass .Cardlist ul.iconLableCardWrap { margin: 0; justify-content: left;  column-gap: 0; display: flex; align-content: center; flex-wrap: wrap; row-gap: 16px;}
.Cardlist .iconLableCardWrap li{ padding-bottom: 0; border: none; width: 31.333%; display: flex; align-items: center;font-size: 14px; margin-bottom: 16px; }
.Cardlist .iconLableCardWrap li .iconWrap {display: flex; justify-content: center; align-items: center; width: 42px; height: 42px; border: solid thin #A07BDB; border-radius: 100px; margin-right: 8px;}
.Cardlist .iconLableCard .iconWrap i{font-size: 18px; color: #A07BDB; }
.Cardlist .iconLableCardWrap li .labelWrap span{ line-height: 1.2rem; display: block; margin-bottom: 4px;}


/*=============Card 3 CSS Ends===============*/







/*=============Footer CSS Starts===============*/

footer{background: #333; color: #CCCCCC; padding: 48px 0 0 0; position: relative; z-index: 111;}
footer h5{color: #fff; margin-bottom: 24px;}
footer .footerLogo{margin-bottom: 24px;}
footer ul li{margin-bottom: 16px;}
footer ul li a{color:#CCCCCC; text-decoration: none; padding: 4px 0; }
footer .our_partners{padding:24px 0 ;background: #2C2C2C; font-size: 24px; opacity: 0.7;}
footer .our_partners ul li{ display: flex; align-items: center; margin-right: 16px; margin-bottom: 0;}
footer .copyrightWrap{padding: 16px 0; font-size: 12px; color: #AAA;}

/*=============Footer CSS Ends===============*/





/*=============Inner Page CSS Starts===============*/
.innerPageTitle{padding: 48px 0; background: linear-gradient(0deg, rgba(171,17,81,1) 0%, rgba(104,44,199,1) 100%); color: #fff;}
.sidebar .adSec img{ max-width: 100%;}
.contact-left .chatwithUS{margin-top: 32px;}
/*=============Inner Page CSS Ends===============*/


@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    
    .homeTopBox h1{font-size: 32px; max-width: none;}
}

/* For Mobile Landscape View */
@media screen and (max-device-width: 767px) and (orientation: landscape) {
    
    .homeTopBox h1{font-size: 28px; max-width: none;}
    .homeTopBox{padding: 24px;}
}


@media screen and (max-device-width: 480px) and (orientation: portrait) {
    
    .homeTopBox h1{font-size: 24px; max-width: none;}
    .homeTopBox{padding: 16px;}
    
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    
    .homeTopBox h1{font-size: 32px; max-width: none;}
    .ibass .container{max-width: none!important; padding: 0 24px; }
}

@media (min-width: 768px) and (max-width: 992px) {
    
    .ibass .container{max-width: none!important; padding: 0 24px; }
    header a.phone.phoneMobile{display: flex; margin: 0 24px 0 auto; align-items: center;}
    footer .col-md-4 {
    margin-bottom: 24px;
}
}

@media screen and (min-width: 993px)and (max-width: 1199px){
    header a.phone{display: none;}
    .ibass .container{max-width: 1024px!important; padding: 0 24px; }
}

@media screen and (max-width: 767px) {
    .homeTopBox{padding: 24px; margin-bottom: 24px;}
    .homeTopBox .col-lg-3:last-child{margin-bottom: 0;}
    .homeTopBox h1{font-size: 28px; max-width: none;}
    .imgcard img{min-width:100%; height: auto; }
    .ibass .container{max-width: none!important;  }
    .homelbcard{justify-content: space-between; flex-direction:row; align-items: center;}
    .card{margin-bottom: 24px;}
    header a.phone.phoneMobile i{font-size:24px; padding: 4px 16px;}
    header a.phone.phoneMobile{display: flex; margin:0 12px 0 auto;}
    header a.phone.phoneMobile span{display: none;}
    .prtnrTxt{display: block; width: 100%; margin-bottom: 10px!important;}
    footer .our_partners ul li{margin-bottom: 12px;}
    footer .col-md-4 {margin-bottom: 24px;}
    .contentBlock .card-header .btn span{margin: 0 8px;}
    .Cardlist .card-body .topSec{display: block;}
    .Cardlist .card-body .topSec .priceSec{text-align: left; margin-top: 12px;}
    .Cardlist .iconLableCardWrap li{width: 50%; display: flex;}
    .Cardlist .iconLableCardWrap li:last-child{display: none;}
    
}

@media screen and (max-width: 479px) {
    .iconLableCard{width:100%;}
    .homeTopBox{padding: 16px;}
    .homeTopBox h1{font-size: 24px; max-width: none;}
    .contentBlock .card-header .btn span{margin: 0 4px;}
    .mobHide{display: none!important;}
    .homelbcard > span{ margin: 0 16px;}
    .Cardlist a{display: block;}
    .Cardlist .iconLableCardWrap li{width: 50%; display: flex;}
    .Cardlist .iconLableCardWrap li:last-child{display: none;}
    
}

@media screen and (max-device-width: 420px) {
    
    
    
}