.innerBanner{width: 100%; height: 100vh; overflow: hidden; position: inherit;}
.innerBanner:before{position: absolute; left: 0 ; top: 0; bottom: 0; right: 0; background: var(--black); opacity: .3; content: "";} 
.innerBanner img{width: 100%; height: 100%; object-fit: cover;}
.innerBannerText{position: absolute; top:50%; left: 0; right: 0;}
.innerBannerText h2 {color: var(--white); font-size: 6.25rem; font-weight: 500; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); margin-bottom: 30px; display: table;}
.innerBannerText h2 span {display: block; font-size: 1rem; text-align: right; margin-top: 10px;}

@media (max-width:1400px){
.innerBannerText h2 {font-size: 4rem;}
}

@media (max-width:575px){
.innerBannerText h2 {font-size: 3rem;}
}
/* .bodyWrapper.stick .pageHeader {transform:translateY(-50px)} */
.scSpySection {height:60px;position:relative}
.scSpyTrigger {width:100%;height:0;display:block;position:absolute;top:-90px}
.spyAnchor {width:100%;height:0;display:block;position:absolute;top:-120px}
.scSpyContainer {background:#eee;border-top:1px solid #bbb;border-bottom:1px solid #bbb}
.scSpyContainer a {padding:15px 20px; display:block;color:#333; text-align: center;}
.scSpyContainer a:hover, .scSpyContainer a.active {color:var(--maroon)}
.scSpyContainer a.active {border-bottom: 2px solid var(--maroon);}
.scSpyContainer.fixed {position:fixed;top:70px;width:100%;z-index:99}

.servicesOverview p {font-size:16px;line-height:1.6}

.aboutOverview p {font-size:24px;line-height:1.6;padding:20px 0;color:#0099a8;border-top:1px solid #f48221;border-bottom:1px solid #f48221}

@media (max-width:1199.98px) {
.scSpyContainer a:hover {color:inherit}
.scSpyContainer.fixed {top:72px}
.servicesOverview p {font-size:16px}
}

@media (max-width:550px) {
.scSpyContainer a {padding:15px 14px;}
}

/* About la-serane */
.aboutLaSerena {color: var(--darkGrey);  position: relative; margin-bottom: 100px;}
.aboutLaSerena:after{width: 100%; height:25%; background:#eeeeee; position: absolute; bottom: -150px; content: ""; z-index: -1;}
.lsPicWrp {position: absolute; top: 0; bottom: -150px; left: -20px; padding: 0;transform-origin: 0 0;transform: skewX(-10deg) translateX(-40px); overflow: hidden;}
.countBox {text-align: center; text-transform: uppercase; font-size: 1rem; font-weight: 600; padding: 20px 0;}
.countNo {color: var(--black); font-weight: 700; font-size: 3rem;}
@keyframes move-bg {
  0% {background-position: 0 bottom;}
  100% {background-position: -100% bottom;}
}
.lsPic {transform: skewX(10deg) translateX(95px)}
.lsPic img {width: 100%; height: 100%; object-fit: cover;}

.laSerenaText{min-height: 450px; margin-top: 50px;}

@media(min-width:1800px){
  .lsPic {transform: skewX(8deg) translateX(55px);}
  .aboutLaSerena:after{bottom: -160px;}
  
}

@media(min-width:1800px){
  .scSpyContainer.fixed{top: 90px;}
}

@media(max-width:991px){
  .counterWrp {border: 0;}
  .countBox {padding: 0;}

  .lsPicWrp {position: relative; bottom: auto; transform: inherit; left: 0;}
  .lsPic {transform: inherit;}

  .aboutLaSerena {margin: 0;}
  .laSerenaText{min-height:auto; margin-top: 0px;}
}

.greyBg{background: #eeeeee;}
.amenitiesList {margin-left: 0;}
.amenitiesList li{position: relative; padding-left: 20px; margin-bottom: 10px;}
.amenitiesList li:before{width: 8px; height: 8px; background: #646464; border-radius: 100%; position: absolute; left: 0; top: 8px; content: "";}

.aminitiesSlider{border: 3px solid #fff;}
.amenitiesPic{height:0; padding-bottom: 80%; position: relative;}
.amenitiesPic img{width: 100%; height: 100%; position: absolute; object-fit: cover;}
.amenitiesText{position: absolute; left: 20px; bottom: 20px; background: #ffffffde; color: #000; padding: 10px 20px; right: 30%;}
.amenitiesText .head{ font-size: 1.2rem; font-weight: 600;}

.locationWrap {background: #fff;}
.locationAddress{border: 1px solid #ddd; padding: 20px;}

.locationWrap .nav-tabs {border-bottom: 0;}

.locationWrap .nav-tabs .nav-link{color: #000; position: relative; border: 0; background: #ddd; border-radius: 20px; margin-right: 20px; padding: 7px 30px;}
/* .locationWrap .nav-tabs .nav-link:before{width:0; height: 2px; background: var(--maroon); position: absolute; left: 0; bottom: 0; content: ""; transition: all .3s ease;}
.locationWrap .nav-tabs .nav-link.hover:before, .locationWrap .nav-tabs .nav-link.active:before{width: 100%;} */
.locationWrap .nav-tabs .nav-link.active{ background: var(--maroon); color: #fff; font-weight: 600;}

.floorPlanBox {border: 1px solid #ddd; transition: all .3s ease; overflow: hidden;}
.floorPlanBox img{width: 100%; display:}
.floorPlanTitle{ width: 100%; position: absolute; left: 0;  top: 0; bottom: 0; /*background: #faebd780; */transition: all .3s ease;}
.floorPlanTitle > div > span{width: 100%; padding: 10px 15px; font-size: 1.4rem; background: var(--maroon); color: #fff; display: block; text-align: center;}
.floorPlanTitle > div > span strong{font-weight: normal; font-size: 1rem; display: block;}
.floorPlanBox:hover .floorPlanTitle{left: 0; right: 0;}

.floorPlanSlider .slick-arrow {padding: 0; display: block; color:transparent; background: transparent; border: 0; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 30px; height: 30px; border: 1.7px solid #ddd; }
.floorPlanSlider .slick-arrow.slick-prev {left: -30px; border-right: 0; border-bottom: 0; transform: rotate(315deg); transform-origin: 0 0;}
.floorPlanSlider .slick-arrow.slick-next {right: -30px; border-left: 0; border-bottom: 0; transform: rotate(-315deg); transform-origin: 100% 0;}
.floorPlanSlider .slick-arrow:hover{border-color: var(--maroon);}


/* .galleryBox{ height:0; padding-bottom: 20%; position: relative; overflow: hidden;}
.galleryBox img{width: 100%; height: 100%; position: absolute; object-fit: cover;}
.galleryBox:hover a{box-shadow: 0 0 10px #ccc;} */


.galleryBox {width:100%;padding-bottom:70%;display:block;position:relative;background:#ddd;border:1px solid #eee;transition:all .4s ease-in-out; overflow: hidden;}
.galleryBox:hover{box-shadow: 0 0 25px #ccc;}
.galleryBox img {width:100%;height:100%;display:block;position:absolute;top:0;left:0;object-fit:cover;object-position:center;cursor:pointer}

.galleryBox:hover img{transform: scale(1.05);transition: all .3s ease-in-out;} 

.gallerySlider .slick-list{width: 100%;}
.gallerySlider .slick-arrow {padding: 0; display: block; color:transparent; background: transparent; border: 0; position: absolute; bottom: -50px; transform: translateY(-50%); z-index: 1; width: 30px; height: 30px; border: 1.7px solid #ddd; }
.gallerySlider .slick-arrow.slick-prev {left: 40%; border-right: 0; border-bottom: 0; transform: rotate(315deg); transform-origin: 0 0;}
.gallerySlider .slick-arrow.slick-next {right: 40%; border-left: 0; border-bottom: 0; transform: rotate(-315deg); transform-origin: 100% 0;}
.gallerySlider .slick-arrow:hover{border-color: var(--maroon);}

.creditWrap{position: relative;}
.creditWrap::before{position: absolute; left: 10px; right: 10px; top: 10px; bottom:10px; border: 1px solid #ddd; content: ""; } 

.creditBox .name{font-weight: 600; color: var(--black);}

.mahaRera{background: var(--maroon); color: var(--white); padding: 10px 20px; margin-bottom: 10px; font-size: 1.5rem; }



.locationPic{width: 100%;cursor: zoom-in;}

@media(min-width:1500px){
.amenitiesList li:before{top: 10px;}
}

@media(min-width:768px){
.gallerySlider > div{padding: 0 12px !important;}

}

.contactWrap{margin-top: 80px; overflow: hidden;}
.mapBox {border: 5px solid #ddd; min-height: 450px;}
.mapBox iframe{width: 100%; height: 100%; min-height: 450px; display: block;}
.contactWrap h5{color: var(--black);}
/* .contactWrap {font-size: 1.2rem;} */
.boxIcon{position: absolute; width: 100%; height: 100%; z-index: -1;}
.boxIcon svg{fill:#f5f5f5; position: relative; z-index: -1; width: 50%;  position: absolute; top: 5%; right: 2%;}

.otherHeader {box-shadow: 0 2px 5px rgb(0 0 0 / 15%);}
.adress a:hover{color:var(--maroon); font-weight: 600;}

@media(min-width:1500px){
  .boxIcon svg{right: -20%;}
}

@media(min-width:1000px){
  .boxIcon svg{right: -10%;}
}

@media(max-width:999px){
  .boxIcon svg{width: 30%;}
}

@media(max-width:768px){
.locationPic{width: 100%;}
}

.modal{background: #00000070;}
.downloadBox .modal-header{border-bottom: 0; padding: 0;}
.downloadBox .modal-body{padding: 0;}
.downloadBox .title{margin-bottom: 15px; font-size: 2rem;}
.downloadBox .modal-header .btn-close{position: absolute; top: 10px; right: 10px;}
.subTitle{border-bottom: 1px solid #ddd; padding-bottom: 10px;}

.projectBox{border: 1px solid #ddd; padding: 5px; display: block; transition: all .3s ease-in-out; height: 100%;}
.projectInside{background: #f2f2f2; height: 100%;}
.projectBox:hover{box-shadow: 0 0 20px #ddd;transition: all .3s ease-in-out;}
.projectPic{height:0; padding-bottom: 80%; position: relative; overflow: hidden; transition: all .3s ease-in-out; }
.projectPic img{width: 100%; height: 100%; position: absolute; object-fit: cover; display: block;}
.projectName{font-size: 1.2rem; font-weight: 600; padding: 5px 10px; transition: all .3s ease-in-out;}
.projectName span{display: block; font-size: 1rem; font-weight: normal;}
.projectBox:hover .projectName{background: var(--maroon); color: #fff; transition: all .3s ease-in-out;}
.projectBox:hover .projectPic img{transform: scale(1.05);transition: all .3s ease-in-out;} 
.projectBox:hover .projectInside{background: var(--maroon);}

.aboutImage{position: absolute; top: 0; right: -25px; bottom: 0; overflow: hidden;}
.aboutImage1{position: absolute; top: 0; left: -25px; bottom: 0; overflow: hidden;}
/* .aboutImage img, .aboutImage1 img{width: 100%;  } */
.numberList {padding-left: 15px;}
.numberList li{list-style: auto; margin-bottom: 10px; padding-left: 10px;}


.abtPic{height:0; padding-bottom: 90%; position: relative; overflow: hidden; transition: all .3s ease-in-out; }
.abtPic img{width: 100%; height: 100%; position: absolute; object-fit: cover; display: block;}

@media(min-width:1500px){
  .abtPic{padding-bottom: 75%;}
}
@media(max-width:999px){
  .aboutImage, .aboutImage1{position: static;}  
}