/*=======Inner Page Css=======*/

.mapViewer{ background: #fff; padding:8px 8px 8px 16px; /*position: absolute; top: 24px;*/ border-radius: 24px; display: flex; align-items: center; column-gap: 16px; text-decoration: none; color: #333; font-size: 14px;}
.mapViewer:hover{text-decoration: none; }

.BannerTopBox{position: absolute; display: flex; top: 24px; left: 24px; width: calc(100% - 58px); justify-content: space-between;}
.BRScore{background: #fff; padding: 20px;  width: 150px; border-radius: 24px;}
.BRScore h2{margin: 0; color: #682CC7; font-size: 52px; line-height: 1;}
.BRScore h2 p {font-size: 20px; display: inline-block; margin: 0;}

.LocationIcon{width: 100px;  height: 100%; padding: 16px; text-align: center; border-radius: 16px;}
.LocationIcon img{max-height: 75%; max-width: 75%;}
.locationIconWrap span{ display: block; margin-bottom: 8px;}
.locationIconWrap i{ display: inline-block; border-radius: 50px; background: #AB1151; color: #fff; padding: 12px;}

.BannerBottom{ position: absolute; bottom: 0; left: 0; width: 100%; padding:42px 24px 24px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0) 100%);  color: #fff;}
.BannerBottom h6{display: block; width: 100%; font-size: 22px; font-weight: 600;}
.BannerBottom p{display: block; width: 100%; margin: 0;}
.BannerBottom span{ margin: 0 8px; display: inline-block;}
.BannerBottom .btn.btn-primary{border-color: #fff; color: #fff; font-size: 14px; margin: 12px 0;}


/*=======Components Starts======*/


.prosList, .consList, .amenities{padding: 8px 0; display: flex; justify-content: flex-start; align-items: center;}
.prosList i{color: #21B8A7; margin-right: 8px;}
.consList i{color: #AB1151; margin-right: 8px;}
.amenities i{color: #81A8DB; margin-right: 8px;}
.prosList span, .amenities span, .consList span{color: #333;}


.AnalysisItem li{padding:10px 16px; margin-bottom: 4px; display: flex; justify-content: flex-start; align-items: center; column-gap: 8px; background: #FAFAFA;}
.AnalysisItem li label{ color: #848484; font-weight: 600; margin-bottom: 0;}
.AnalysisItem li b{ float: right; margin-left: auto; font-weight: 600;}
.AnalysisItem li b i{font-size: 20px;}
.AnalysisItem .awesome{color: #148909}
.AnalysisItem .good{color: #3DAB32}
.AnalysisItem .normal{color: #2D6DC7}
.AnalysisItem .bad{color: #EE5F1C}
.AnalysisItem .danger{color: #CA2326}


/*=======Components Ends======*/





/*-----banner section CSS Starts-----*/


.bannerSec{border: solid 10px #fff; border-radius: 24px; overflow: hidden;margin: 32px 0; padding: 0;}

.bannerSec .leftSec{background: #fff; padding: 24px 32px 32px 32px;}

.headSec {display: flex; justify-content: flex-start; align-items: center; margin-bottom: 16px;}
.headSec img{max-height: 115px; border: solid thin #eee; max-width: 160px;}
.headSec .titleSec{margin-left:16px;  }
.headSec .titleSec h1{margin-bottom: 0; font-size: 28px;}
.headSec .titleSec .builderName{ margin-bottom: 8px;}
.headSec .titleSec span{display: block; color: #777;}

.highlightsCont{list-style: none; display: flex; justify-content: center; align-content:space-around;}
.highlightsCont li{width: 50%;  margin-bottom: 16px;  margin-top: 8px;}
.highlightsCont li:last-child{text-align: right;}
.highlightsCont li h4{ font-size: 28px; margin: 0; color: #682CC7}
.highlightsCont li h4 i{ font-size: 16px; color: #aaa; vertical-align: middle;}
.highlightsCont li label{font-size: 14px; color: #777;}
.bnrimages{width: 100%; border-radius: 24px; overflow: hidden;}
.bnrimages img{max-width: 100%;}


.carousel-inner .carousel-caption{left: 0; right: 0; padding-bottom: 0.25rem; padding-left: 24px; padding-right: 24px; bottom: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0) 100%); padding-top: 40px;}

/*-----banner section CSS ends-----*/




/*-----Description CSS starts-----*/

/*-----Description CSS ends-----*/


.contentBlock .card-header{ padding:0;}
.contentBlock .card-header .btn{display: flex; justify-content: center; align-items: center; width: 100%; padding: 8px 16px;}
.contentBlock .card-header .btn label{margin-bottom: 0; margin-right: auto;}
.contentBlock .card-header .btn span{display: inline-block; margin: 0 12px; color: #666; font-size: 14px;}


#accordion .card{ margin-bottom: 8px;  box-shadow:none; border: solid thin #eee;}
#accordion .card-header{border: none;}


@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .iconLableCard{width:50%;}
    
}

/* For Mobile Landscape View */
@media screen and (max-device-width: 767px) and (orientation: landscape) {
    
    .iconLableCard{width:50%;}
}


@media screen and (max-device-width: 480px) and (orientation: portrait) {
    
    .iconLableCard{width:100%;}
    
}
@media screen and (max-width: 767px) {
    .iconLableCard{width:49%;}
    .contentBlock{padding: 24px;}
    .container{max-width: none!important; padding: 0 16px; }
    .BannerBottom, .BannerTopBox{position: relative;}
    .mapViewer{margin: 0 24px; padding: 0}
    .BannerTopBoxP, .BRScore{padding: 0;}
    .locationIconWrap span{display: inline-block;}
    .rightSec{background: #fff;}
    .locationIconWrap span br{display: none;}
    .mapViewer .LocationIcon{display: none;}
    
}

@media screen and (max-width: 479px) {
    .iconLableCard{width:100%;}
    .bannerSec .leftSec{padding: 24px;}
    .carousel-caption{display: none;}
    .AnalysisItem li{display: flow-root; font-size: 14px;}
    .contentBlock{ padding: 24px 16px;}
    .BannerTopBox{ display: block;}
    .BRScore{margin-bottom: 16px; width: 100%; text-align: center;}
    .BRScore label{margin-top: 8px;}
    .mapViewer{margin: 0; padding: 8px 16px; display: block; background: #ccc; text-align: center;}
    .locationIconWrap i{background: none; color: #AB1151;}
    .headSec img{max-height: 82px; max-width: 110px;}
    h6.subtitle{margin-bottom: 12px; margin-top: 24px;}
    .text-center{text-align: left!important;}
    .ibass ul.AnalysisItem{margin-bottom: 24px;}
}



@media screen and (max-width: 420px) {
    
    .headSec{display: block; margin-bottom: 32px;}
    .headSec .titleSec{margin: 16px 0;}
    .highlightsCont{display: block;}
    .highlightsCont li{width: 100%;}
    .highlightsCont li:last-child {text-align: left;}
}