@font-face {
    font-family: 'museo';
    src: url('../fonts/museo/museo.eot');
    src: url('../fonts/museo/museo.eot') format('embedded-opentype'),
         url('../fonts/museo/museo.woff2') format('woff2'),
         url('../fonts/museo/museo.woff') format('woff'),
         url('../fonts/museo/museo.ttf') format('truetype'),
         url('../fonts/museo/museo.svg#museo') format('svg');
}

.loader{background-size: 250px auto;}
strong{font-family: 'dinprobold';}
.header{position: sticky;transition: ease .5s all;background: rgba(255,255,255,0.8);}

.header .navigation{background: none;box-shadow: none;}
.residenceModalImg{background-image: none;height: auto;}
.menulinks ul li a{color: #212121;}
.menulinks ul li a:hover, .menulinks ul li a.active{color: #00b1c6;}
.menulinks ul li.desktopOnly a span{background: #00b1c6;color: #fff;padding: 3px 10px;border-radius: 5px;display: inline-block;vertical-align: middle;line-height: 1;}
.menulinks ul li.desktopOnly a i{background: #00b1c6;color: #fff;width: 30px;height: 30px;vertical-align: middle;margin-right: -11px;border-radius: 100%;text-align: center;line-height: 30px;}
.menulinks ul li{display: inline-block;vertical-align: middle;float: none;margin-right: 15px;}
.amenitiesSlider .slick-arrow{z-index: 999;}
.amenitiesSlider .slick-prev{left: 0 !important;}
.amenitiesSlider .slick-next{right: 0 !important;}
.header .logo{transition: ease .5s all;}
.header.fixNav .navigation{background: #fff;}
.header.fixNav{box-shadow: 0 0 15px 0 rgb(0 0 0 / 25%);}
.header.fixNav .logo{width: 70px;}
.header.fixNav .menulinks ul li a{color: #58595b;}
.header.fixNav .menulinks ul li a:hover, .header.fixNav .menulinks ul li a.active{color: #00b1c6;}
.home-container{max-width: 1036px;margin: 0 auto;width: 90%;}
.welcome-box .heading02{color: #007a6b;text-transform: uppercase;font-family: 'dinprobold';font-size: 24px;padding-bottom: 25px;position: relative;}
.welcome-box .heading02:after{content: "";position: absolute;width: 50px;height: 4px;background: #00b1c6;left: 0;right: 0;margin: 0 auto;bottom: 0;}
.welcome-box p{color: #007a6b;font-size: 20px;margin-top: 25px;line-height: 1.6;}
.basic-amenities-section{margin-top: 100px;}
.basic-amenities-section .ba-container{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 25px;}
.basic-amenities-section .ba-container figure{background: #007a6b;padding:  20px 5px;border-radius: 10px;text-align: center;color:  #fff;}
.basic-amenities-section .ba-container figure i{width: 50%;display: inline-block;}
.basic-amenities-section .ba-container figure:hover i{    animation: spinAround 2s linear infinite;}
@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spinAround {
  from {
    -moz-transform: rotate(0deg)
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@keyframes spinAround {
  from {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(360deg);
  }
}

.basic-amenities-section .ba-container figure p{font-size: 18px;font-family: 'dinpromedium';margin-top:  15px;line-height: 20px;text-transform: uppercase;}
.basic-amenities-section .ba-container figure p span{display: block;}

.developerSlider.designTeamSider .banner-1{background-image: url(../images/2100-1065.jpg);}
.developerSlider.flooterPlanSider .banner-1{background-image: url(../images/floor-plan-new.jpg);}
.developerSlider.flooterPlanSider .banner-1.b{background-image: unset;}
.developerSlider.flooterPlanSider .banner-1.b.slider-row{min-height: unset;}

.wyb-section{margin-top: 75px;}
.wyb-container{display: grid;grid-template-columns: 300px auto;background: #007a6b;}
.tab-header{background: #00b1c6;}
.tab-header button, .tab-header a{font-family: 'dlrounded';color: #fff;font-size: 22px;background: none;border: none;display: block;padding:  20px 0;text-align: center;width: 100%;cursor: pointer;}
.tab-header button.active, .tab-header a.active{background: #007a6b;}
.tab-container{padding: 15px;}
.tab-box{opacity: 0;visibility: hidden;height: 0;overflow: hidden;}
.tab-box.active{opacity: 1;visibility: visible;height: auto;}
.tab-box a{display: block;position: relative;}
.vdoIcon {position: absolute;left: 0;top: 50%;width: 75px;left: 50%;transform: translate(-50%,-50%);height: auto;margin-top: 0;}
.testimonial-slider{width: 100%;}
.testimonial-slider .tab-box img{width: 100%;}
.award-section {background: #00b1c6;padding:  25px 0;margin-top: 125px;}
.award-section .container{position: relative;}
.award-section .container .offer-img{position: absolute;right: 8%;width: 185px;top:  -100px;}
.award-section .container h2{font-size: 38px;font-family: 'dinpromedium';color: #fff;line-height: 42px;}
.award-section .container h2 strong{font-family: font-family: 'dinprobold';text-transform: uppercase;}
.offer-section {background: #007a6b;padding:  25px 0;margin-top: 125px;}
.offer-section .container{position: relative;}
.offer-section .container .offer-img{position: absolute;right: 8%;width: 185px;top:  -100px;}
.offer-section .container h2{font-size: 38px;font-family: 'dinpromedium';color: #fff;line-height: 42px;}
.offer-section .container h2 strong{font-family: font-family: 'dinprobold';text-transform: uppercase;}

.contemporary-section{position: relative;margin-top: 90px;background: url("../images/landing/contemporary_living.jpg") no-repeat;background-size: cover;padding: 50px 0;}
.contemporary-section .contemporary-container{width: 60%;position: relative;}
.contemporary-section .contemporary-container h2, .contemporary-section .contemporary-container p{color: #fff;text-align: left;}
.contemporary-section .contemporary-container h2{font-family: 'dlrounded';font-size: 45px;}
.contemporary-section .contemporary-container p{margin-top: 35px;}
.contemporary-section .contemporary-container p strong{color: #00d8f2;}
.amenities-section{padding: 100px 0;}
.amenities-section .amenities-container{display: grid;grid-template-columns: 200px auto;border: solid 2px #007a6b;}
.amenities-section .amenities-heading{background: #007a6b;display: flex;align-items: center;color:  #fff;font-size:  38px;line-height: 1;padding: 0 25px;font-family: 'dinpromedium';}
.amenities-section .amenities-row{display: grid;grid-template-columns: repeat(5, 1fr);}
.amenities-section .amenities-row figure:nth-child(even){background: #eeeeee;}
.amenities-section .amenities-row figure{text-align: center;padding: 25px 5px;}
.amenities-section .amenities-row figure p{font-size: 15px;margin-top: 25px;line-height: 1;}
.amenities-section .amenities-row figure img{width: 100%;transition: ease .5s all;}
/*.amenities-section .amenities-row figure:hover img{transform: translateY(-10px);}*/

.amenities-section .amenities-row figure i {
    background: rgba(238,238,238,0.3);
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;width: 90px;
    height: 90px;
    border-radius: 50%;display: inline-block;padding: 15px;position:  relative;

}

.amenities-section .amenities-row figure i:after{    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgb(238 238 238 / 10%);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

   }

   .amenities-section .amenities-row figure:hover i{
        -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
   }

.amenities-section .amenities-row figure:hover i:after{
   transform: scale(0.9);-webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}
 @-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(238,238,238,0.1), 0 0 10px 10px #eee, 0 0 0 10px rgba(238,238,238,0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(238,238,238,0.1), 0 0 10px 10px #eee, 0 0 0 10px rgba(238,238,238,0.5);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}
@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(238,238,238,0.1), 0 0 10px 10px #eee, 0 0 0 10px rgba(238,238,238,0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(238,238,238,0.1), 0 0 10px 10px #eee, 0 0 0 10px rgba(238,238,238,0.5);
    -moz-transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(238,238,238,0.1), 0 0 10px 10px #eee, 0 0 0 10px rgba(238,238,238,0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(238,238,238,0.1), 0 0 10px 10px #eee, 0 0 0 10px rgba(238,238,238,0.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

.amenities-section .amenities-row figure:nth-child(even) i {
  background: rgba(255,255,255,0.3);
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;width: 90px;
    height: 90px;
    border-radius: 50%;display: inline-block;padding: 15px;
}

.amenities-section .amenities-row figure:nth-child(even) i:after{    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgb(255 255 255 / 10%);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

   }

.amenities-section .amenities-row figure:nth-child(even):hover i:after{
   transform: scale(0.9);-webkit-animation: sonarEffect1 1.3s ease-out 75ms;
    -moz-animation: sonarEffect1 1.3s ease-out 75ms;
    animation: sonarEffect1 1.3s ease-out 75ms;
}
 @-webkit-keyframes sonarEffect1 {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}
@-moz-keyframes sonarEffect1 {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
    -moz-transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes sonarEffect1 {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
    transform: scale(1.5);
    opacity: 0;
  }
}


.amenities-gallery-section .text-center h2{position: absolute;right: 8%;padding: 10px 35px;background: #fff;bottom: 25px;border-radius: 50px;line-height: 1.5;}

.enviable-section{position: relative;background: url("../images/landing/location_banner.jpg") no-repeat;background-size: cover;min-height: auto;background-position: center;}
.enviable-section .hmLocationInfo{position: absolute;top: 0;height: 100%;background: rgb(57, 121, 106, 0.9);}
.enviable-section .heading{text-align: center;}
.enviable-section .heading h2{color: #fff;text-align: center;font-family: 'dlrounded';font-size: 42px;line-height: 1;}
.enviable-section .hmLocationInfo .locationBtn a{min-width: 200px;background: #fff;color: #00796a;margin-top: 30px;}
.enviable-section .hmLocationInfo{width: 400px;padding-top: 0;position: static;float: left;}
.enviable-section .hmLocationInfo .locationType{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30px;}
.enviable-section .hmLocationInfo .locationType .flip-container, .enviable-section .hmLocationInfo .locationType .front, .enviable-section .hmLocationInfo .locationType .back{margin:  0 auto}

.enviable-section .hmLocationInfo .site-address{padding: 35px;color: #fff;text-align: center;}
.enviable-section .hmLocationInfo .showLocationInfo {margin-bottom: 25px;min-height: 87px;color: #fff;padding: 0 25px;}

.kog-section{padding:  75px 0}
.kog-section .kog-container{display: grid;grid-template-columns: 55% auto;}
.kog-section .kog-text{padding: 40px 25px;padding-right: 50px;background: #007a6b;}
.kog-section .kog-text p{color: #fff;}
.kog-section .kog-text p:last-child{margin-top: 50px;;font-family: 'dinpromedium';}
.kog-section .kog-text p strong{color: #00d8f2}

.kog-section .pa-container{margin-top: 75px;padding:  0 15%;}
.pa-container .pa-box{width:  250px;height: 250px;border: solid 5px #007a6b;border-radius:  100%;overflow: hidden;display: inline-block;vertical-align: middle;}

.pa-text{display: inline-block;padding-left:  50px;width:  calc(100% - 260px);display: inline-block;vertical-align: middle;}
.pa-text p{color:  #007a6b;}
.pa-text p strong{color:  #00b1c6;font-family: 'dinprobold';}
.pa-des{margin-top:  20px;padding-top:  15px;border-top:  solid 2px #00b1c6}
.pa-des h2{color:  #00b1c6;font-family: 'dinprobold';font-size:  30px;}
.pa-des p{color:  #007a6b;}

.banner-section{position: relative;height: 100vh;overflow: hidden;}
.home-banner-slider{position: static;}
.home-banner-slider .desk-banner{display: block;}
.home-banner-slider .mob-banner{display: none;}
.banner-section .slider-item{position: relative;}
.banner-section h1{color: #fff;position: absolute;left: 5%;top: 20%;font-size: 48px;font-family: 'museo';line-height: 1.1;}
.slick-dots{position: absolute;left: 0;right: 0;text-align: center;bottom: 25px;}
.slick-dots li{display: inline-block;margin: 0 10px;}
.slick-dots li button{width: 15px;height: 15px;border-radius: 100%;background: #fff;border: none;}
.slick-dots li.slick-active button{background: #397a6c;}

.right-sticky-btn{position: fixed;right: -54px;z-index: 99;top: 0;height: 34px;height:  100vh;display: flex;flex-direction: column;justify-content: center;}
.right-sticky-btn a{color:  #fff;font-family: 'dinprobold';display: block;padding: 10px 8px;background: #007a6b;transform: rotate(-90deg);font-size: 14px;line-height: 1;margin: 55px 0;border-top-left-radius: 5px;border-top-right-radius: 5px;text-align: center;}
.right-sticky-btn > a:nth-child(even){background: #007a6b;}
.right-sticky-btn a.sticky-menu-anchore{background: #397a6c;width: 35px;transform: none;margin: 0;margin-top: 2px;margin-left: 53px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-top-right-radius: 0;}
.right-sticky-btn a.sticky-menu-anchore span{background: #fff;display: block;width:  100%;height:  3px;margin-top: 3px;}

.broucher-pdfbox{background: #58b2c6;position: absolute;padding: 20px;bottom: 0;min-height: 150px;width: 300px;right: -250px;transition:  ease 1s all;}
.broucher-pdfbox.active{right: 54px;}
.broucher-pdfbox a{display: block;background:  none;padding:  0;margin: 0;transform:  none;color: #fff;text-align: left;margin: 15px 0; font-family: 'dinpromedium';font-size:  15px;padding-top: 10px;margin-top:  10px;border-top:  solid 1px #fff;border-radius: 0;}
.broucher-pdfbox a:first-child{padding-top: 0px;margin-top:  0px;border-top:  none;}
.broucher-pdfbox .close-pdfbox{position: absolute;right: 15px;top: 10px;font-size: 20px;color: #fff;cursor:  pointer;}
.menu-anchore{position: relative;}
.custom-popup{background: #fff;padding: 20px;}
.custom-popup .custom-table {overflow: auto;}
.custom-popup table {width: 100%;font-size: 14px;}
.custom-popup table th, .custom-popup table td {border: solid 1px #ccc;padding: 10px 25px;text-align: left;font-weight: 500;}
.custom-popup .logo-wrap .logo-box {
        box-shadow: 0 0 9px 0 rgb(0 0 0 / 10%);
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 24px);
    margin: 10px;
}
.custom-popup .logo-wrap .logo-box p {
    background: #f2f2f2;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    margin-top: 0;font-size: 15px;
}

.right-sticky-btn a i{display: none;}
.right-sticky-btn a dlt{display: block;}
.developer-info{display: grid;grid-template-columns: 40% auto;grid-gap: 50px;}
.awardBox{padding: 0 45px;margin: 0 5px;}
.awardBox h2{font-size:  14px;}
.awardBox::before, .awardBox::after{width: 50px;}
.bottom-sticky-btn{display: none;}
.show-video iframe{position: absolute;left: 0;height: 100%;top: 0;width: 100%;z-index: 99;}

.notable-project-section{padding: 50px 0;}
.notable-project-section .container{display: grid;grid-template-columns: 300px auto;grid-gap: 50px;}
.notable-project-section .container .notable-img{border: solid 2px #007a6b;padding: 10px;}
.notable-project-section .container .notable-img img{display: block;height: calc(50% - 5px);}
.notable-project-section .container .notable-img img:nth-child(2){margin-top:  10px;}
.notable-row{margin-top: 25px;display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 10px;}
.notable-row .notable-box{background: #f7f7f7;}
.notable-row p{font-size: 13px;padding: 5px;}
.notable-row p strong{display: block;}

.notable-project-section .notable-text .heading02{font-size:  24px;margin-bottom:  10px;}


@media screen and (max-width: 1279px){
  .banner-section h1{font-size: 36px;}
  .offer-section .container .offer-img{right: 2%;width: 150px;}
  .offer-section .container h2{font-size: 34px;}
  .banner-section{height: auto;}
  .basic-amenities-section{margin-top: 75px;}
  .wyb-section {margin-top: 50px;}
  .offer-section{margin-top: 100px;}
  .contemporary-section{margin-top: 65px;}
  .contemporary-section .contemporary-container p{margin-top:  15px;}
  .contemporary-container .heading{padding: 0;}
  .amenities-section {padding: 75px 0;}  
  .menulinks ul li{margin-right: 15px;}
  .menulinks ul li a{font-size: 15px;}
  .notable-project-section .container{grid-gap: 25px;}
  .sugamPartner .awardInfoBox .dis-flex, .diamondPartner .awardInfoBox .dis-flex{width: max-content;}
  .sugamPartner .awardInfoBox, .diamondPartner .awardInfoBox{overflow: auto;padding-bottom: 20px;}
}

@media screen and (max-width: 1023px){
  .welcome-box .heading02{font-size: 22px;}
  .welcome-box p{font-size: 18px;margin-top: 20px;line-height: 1.4;}
  .welcome-box p{padding-bottom: 20px;}
  .basic-amenities-section .ba-container{grid-gap: 10px;}
  .basic-amenities-section .ba-container figure p{font-size: 15px;}
  .basic-amenities-section{margin-top:  50px;}
  .wyb-section .heading{padding-top: 0;}
  .wyb-container{grid-template-columns: 200px auto;}
  .tab-header button, .tab-header a{font-size: 18px;}
  .wyb-section .vdoIcon{width: 50px;}
  .offer-section .container .offer-img{width: 115px;top: -75px;}
  .offer-section .container h2{font-size:  28px;line-height: 36px;}
  .contemporary-section .contemporary-container h2{font-size: 36px;}
  .contemporary-section .contemporary-container h2 br{display: none;}
  .amenities-section .amenities-row{grid-template-columns: repeat(3, 1fr);}
  .kog-section .kog-container{grid-template-columns: 1fr;}
  .kog-section .kog-text p:last-child{margin-top: 25px;}
  .pa-container .pa-box{width: 200px;height: 200px;}
  .pa-text{padding-left: 35px;}
  .kog-section .pa-container{padding:  0 10%;}
  .pa-text{width: calc(100% - 210px);}
  .notable-project-section .container{grid-template-columns: 250px auto;}
  .notable-row{grid-template-columns: repeat(4, 1fr);}
  .notable-project-section .container .notable-img{align-self: flex-start;}


}

@media screen and (max-width: 980px){  
  .menu-icon span::before, .menu-icon span::after, .menu-icon span{background: #397a6c;}
  .header.fixNav .menulinks ul li, .menulinks ul li{display: block;}
  .header.fixNav .mobileNav {top: 60px;height: 100%;box-shadow: 0 9px 10px 0 rgb(0, 0, 0, 0.2)}
  .mobileNav.menubaropen {right: -28%;}
  .menulinks ul li a{color: #212121}
}


@media screen and (max-width: 767px){
  .home-banner-slider .desk-banner{display: none;}
  .home-banner-slider .mob-banner{display: block;}
  .header.fixNav .logo {width: 50px;}
  .banner-section h1{font-size: 30px;}
  .right-sticky-btn{right: 0;}
  .right-sticky-btn a{font-size: 12px;padding: 5px 8px;}
  .right-sticky-btn a:last-child{padding: 5px 4px;width: 25px;margin-left: 47px;}
  .welcome-box p{font-size: 16px;}
  .welcome-box .heading02 {font-size: 20px;padding-bottom: 15px;}
  .basic-amenities-section .ba-container figure p{margin-top: 12px;line-height: 18px;}
  .basic-amenities-section .ba-container figure i{width: 70%;}
  .wyb-container{grid-template-columns: 1fr;}
  .tab-container{padding: 7px;}
  .basic-amenities-section .home-container{width:  100%;padding-left: 5%;}
  .basic-amenities-section .ba-inner-container{overflow: scroll;}
  .basic-amenities-section .ba-container{grid-gap: 10px;width: 800px}
  .tab-header{overflow: auto;}
  .inner-tab-header{width: max-content;}
  .tab-header button, .tab-header a {width: auto;font-size: 16px;display: inline-block;padding: 10px 20px;}
  .offer-section .container h2 {font-size: 22px;line-height: 30px;text-align: center;}
  .offer-section {padding-top: 100px;}
  .offer-section .container .offer-img{width: 100px;top: -140px;left: 0;right: 0;margin: 0 auto;}
  .contemporary-section{margin-top: 25px;}
  .contemporary-section{margin-top: 25px;}
  .contemporary-section .contemporary-container h2{font-size: 24px;}
  .scribleImg {padding-top: 5px;}
  .contemporary-section .contemporary-container{width: 100%;}
  .amenities-section .amenities-container{grid-template-columns: 1fr;}
  .amenities-section .amenities-heading{display: block;font-size: 24px;padding: 12px 0;text-align: center;}
  .amenities-section .amenities-heading br{display: none;}
  .amenities-section .amenities-row figure{padding: 20px 5px;}
  .amenities-section .amenities-row figure img{width: 50%;}
  .amenities-section .amenities-row figure p{font-size:  14px;margin-top:  15px;}
  .amenities-section {padding: 35px 0;}
  .amenities-gallery-section .text-center h2{font-size: 16px;padding: 7px 20px;}
  .kog-section {padding: 35px 0;}
  .kog-section .kog-text{padding: 20px 20px;padding-right: 20px;}
  .kog-section .pa-container{padding: 0;margin-top:  35px;}
  .pa-container .pa-box{width: 125px;height: 125px;margin: 0 auto;display: block;}
  .pa-text{width: 100%;padding-left: 0;margin-top: 15px;}
  .pa-des h2, .enviable-section .heading h2{font-size: 2.35em;;}
  .enviable-section .hmLocationInfo{max-width: 100%;width: 100%;}
  .flip-container, .front, .back{width: 85px;height: 85px;}
  .overlayForm .form-field label{font-size: 16px;min-width: 75px;}
  .overlay-box .overlay-content{padding: 25px 25px 15px 25px;}
  input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="date"], select, textarea{padding: 5px 10px 5px 10px;font: 16px 'dinproregular', sans-serif}
  input[type=button], input[type=submit], input[type=reset], a.box-btn, button.box-btn{padding: 7px 40px;}
  .overlay-box .overlay-header{font-size:  22px;}
  .overlay-box .closeBtn{top: -13px;right: 0;}
  .right-sticky-btn a{font-size:  15px;}
  .broucher-pdfbox a{padding:  0;padding-top: 10px;margin-top: 10px;}
  .right-sticky-btn{top:  0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
  .broucher-pdfbox{bottom: auto;top:  50%;transform: translateY(-50%);right: -300px}
  .broucher-pdfbox.active {right: 0;}
  .right-sticky-btn a{margin:  130px 0;}
  .right-sticky-btn .broucher-pdfbox a{margin:  0;padding-bottom: 10px;width: 100%;}
  .custom-popup .logo-wrap .logo-box {width: calc(50% - 35px);margin: 10px 16px;}
  .custom-popup table th, .custom-popup table td{padding:  10px;}
  .right-sticky-btn a.sticky-menu-anchore{margin-top: 0;width: 40px;}
  .bottom-sticky-btn{display: block;position: fixed;left: 0;right: 0;bottom:  0;display: grid;grid-template-columns: 1fr 1fr;z-index: 9;}
  .bottom-sticky-btn a{background: #00b1c6;color: #fff;font-family: 'dinprobold';padding: 10px;text-align: center;font-size: 16px;}
  .bottom-sticky-btn a:nth-child(even){background: #007a6b}
  .right-sticky-btn .site-visit, .right-sticky-btn .book-online{display: none;}
  .right-sticky-btn a{transform: none;margin: 0;width: 40px;margin: 10px 0;line-height: 40px;height: 40px;border-bottom-left-radius: 5px;border-top-right-radius: 0;display: flex;flex-direction: column;justify-content: center;}
  .right-sticky-btn a i{display: block;font-size: 24px;}
  .right-sticky-btn a dlt{display: none;}
  .right-sticky-btn a.sticky-menu-anchore{margin-left: 0;}
  .right-sticky-btn a.sticky-menu-anchore span:first-child{margin-top: 0;}
  .notable-project-section .container{grid-template-columns: 1fr;}
  .notable-project-section .container .notable-img{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 5px;}
  .notable-project-section .container .notable-img img{height: auto;}
  .notable-project-section .container .notable-img img:nth-child(2){margin-top: 0;}
  .notable-project-section .container .notable-img{padding: 5px;}
  .notable-project-section .notable-text .heading02{font-size: 20px;}
  .notable-row {grid-template-columns: repeat(2, 1fr);grid-gap: 15px;}
  .notable-project-section {padding: 35px 0;}
  .commonSpace {padding-top:90px;}
  .developer-info{display:  block;}
  .sugamLogo{width:  150px}
  .partnerGroupTxt p{padding-top: 15px;}
  .sugamPartner .awardInfoBox .dis-flex, .diamondPartner .awardInfoBox .dis-flex{display: flex;}
  .dis-flex div.awardBox {max-width: 232px;}
  .sugamPartner .awardInfoBox, .diamondPartner .awardInfoBox{margin-top: 35px;}
}


@media screen and (max-width: 767px){  
	.right-sticky-btn {
		top: 58%;
		height: unset;
	}
}



/*.basic-amenities-section .ba-container figure.ripple {
   position: relative;
   border: none;
   outline: none;
}
 .basic-amenities-section .ba-container figure.ripple:before, .basic-amenities-section .ba-container figure.ripple:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 2px solid rgb(1 123 108);
   border-radius:  10px;
   filter: blur(0);
   transform-origin: 50%;
   z-index: -1;
}
 .basic-amenities-section .ba-container figure.ripple:hover:before, .basic-amenities-section .ba-container figure.ripple:hover:after {
   border-color: transparent;
   filter: blur(2px);
   transform: scale(1.5);
   transition: 1000ms transform ease, 2100ms blur ease, 900ms border-color ease;
}
 .basic-amenities-section .ba-container figure.ripple:hover:after {
   transition-delay: 100ms;
}
 */


.emi-container .container .emi-form {
    display: grid;
    grid-template-columns: auto 275px;
    grid-gap: 10px
}

@media only screen and (max-width: 1023px) {
    .emi-container .container .emi-form {
        grid-template-columns: 1fr
    }
}

.emi-container .container .heading03 {

    color: #009074;
    text-transform: uppercase;
    font-size: 17px
}

@media only screen and (max-width: 767px) {
    .emi-container .container .heading03 {
        font-size: 16px
    }
}

.emi-container .container .loan-box {
    background: #ebebeb;
    padding: 40px
}

@media only screen and (max-width: 1023px) {
    .emi-container .container .loan-box {
        padding: 30px
    }
}

@media only screen and (max-width: 767px) {
    .emi-container .container .loan-box {
        padding: 20px;
        overflow: auto
    }
}

@media only screen and (max-width: 767px) {
    .emi-container .container .loan-box .loan-box-wrap {
        overflow: auto
    }
}

@media only screen and (max-width: 767px) {
    .emi-container .container .loan-box .inner-loan-box {
        width: 700px
    }
}

.emi-container .container .loan-box .calc-row {
    margin-top: 25px
}

.emi-container .container .loan-box .calc-row:first-child {
    margin-top: 0
}

.emi-container .container .loan-box .calc-row .loan-head {
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.emi-container .container .loan-box .calc-row .loan-head .amt-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    align-items: center;
    background: #009074
}

.emi-container .container .loan-box .calc-row .loan-head .amt-box button {
    background: #009074;
    color: #fff;
    font-size: 22px;
    width: 35px;
    text-align: center;
    border: none
}

@media only screen and (max-width: 767px) {
    .emi-container .container .loan-box .calc-row .loan-head .amt-box button {
        font-size: 18px
    }
}

.emi-container .container .loan-box .calc-row .loan-head .amt-box button i {
    display: inline-block
}

.emi-container .container .loan-box .calc-row .loan-head .amt-box input {
    font-size: 17px;
    border: none;
    padding: 5px 15px 6px;
    width: 150px;
    border-radius: 0
}

.emi-container .container .loan-box .calc-row .loan-head .amt-box input.int-output {
    width: 65px
}

.emi-container .container .loan-box .calc-row .loan-head .amt-box input.tenure-output {
    width: 65px
}

.emi-container .container .loan-box .calc-row .loan-head .amt-box input::-webkit-input-placeholder {
    color: #000
}

.emi-container .container .loan-box .calc-row .loan-head .amt-box input:-ms-input-placeholder {
    color: #000
}

.emi-container .container .loan-box .calc-row .loan-head .amt-box input::placeholder {
    color: #000
}

.emi-container .container .loan-box .calc-row .irs-min,
.emi-container .container .loan-box .calc-row .irs-max,
.emi-container .container .loan-box .calc-row .irs-single {
    display: none
}

.emi-container .container .btn {
    font-size: 15px;
    padding: 0 25px;
    margin-top: 15px;
    float: right;
    height: 32px;
    line-height: 32px
}

.emi-container .container .emi-box {
    background: #ebebeb;
    padding: 40px 30px;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .emi-container .container .emi-box {
        padding: 30px
    }
}

@media only screen and (max-width: 767px) {
    .emi-container .container .emi-box {
        padding: 20px
    }
}

.emi-container .container .emi-box .emi-row {
    margin-top: 50px
}

@media only screen and (max-width: 767px) {
    .emi-container .container .emi-box .emi-row {
        margin-top: 35px
    }
}

.emi-container .container .emi-box .emi-row:first-child {
    margin-top: 0
}

.emi-container .container .emi-box .emi-row input,
.emi-container .container .emi-box .emi-row i {
 
    color: #009074;
    text-transform: uppercase;
    font-size: 22px;
    background: none;
    border: none;
    margin-top: 10px
}
.emi-container .container .emi-box .emi-row input{width: auto;}
@media only screen and (max-width: 767px) {
    .emi-container .container .emi-box .emi-row input,
    .emi-container .container .emi-box .emi-row i {
        margin-top: 7px;
        font-size: 20px
    }
}

.emi-container .container .emi-box .emi-row span {
    display: block;
    font-size: 14px;

    color: #009074;
    margin-top: 5px
}

.emi-container .container .emi-box .emi-row.total-emi-row {
    background: #fff;
    position: absolute;
    bottom: 40px;
    left: 15px;
    right: 15px;
    padding: 20px 15px
}

@media only screen and (max-width: 1023px) {
    .emi-container .container .emi-box .emi-row.total-emi-row {
        position: static
    }
}


 .emi-section .emi-container {
    background: #009074;
    padding: 50px 0
}

.emi-section .irs--big .irs-handle {
    background: #009074;
    width: 16px;
    height: 16px;
    box-shadow: none;
    border: none;
    top: -5px
}

.emi-section .irs--big .irs-bar {
    background: #009074;
    box-shadow: none;
    border: none;
    height: 8px;
    top: 0
}

.emi-section .irs--big .irs-line {
    background: #e2e2e2;
    border: 1px solid #dedede;
    height: 8px
}

.emi-section .irs--big .irs-handle.state_hover,
.emi-section .irs--big .irs-handle:hover {
    background: #009074
}

.emi-section .irs--big .irs-grid-text {
    color: #171c44;
    font-size: 12px
}

.emi-section .load-slider {
    background: #fff;
    padding: 15px 10px;
    margin-top: 15px
}

.emi-section .irs--big.irs-with-grid {
    height: 28px
}

.emi-section .irs--big .irs-line {
    top: 0
}

.quickForm2 .homeQuickForm .dis-flex {
	flex-direction: column;
	justify-content: center;
	row-gap: 20px;
}

.quickForm2 .error_msg {
	margin-left: 10px;
	text-align: left;
}
.quickForm2 .homeQuickForm {
	padding: 0px 0px;
}

.overlayForm .quickForm2 .form-field {
	flex-direction: column;
	align-items: flex-start;
}

.quickForm2 .homeQuickForm .dis-flex.enroll-form {
	width: 100%;
	padding: 30px;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
	/*margin-bottom:50px;*/
}

.quickForm2 .homeQuickForm .dis-flex .form-row{
	width: 100%;
}

.quickForm2 .homeQuickForm .dis-flex .form-row.btn{
	display: contents;
}

.quickForm2 .homeQuickForm .dis-flex .form-field input {
	width: 100%;
	text-align:left;
}

.quickForm2 .homeQuickForm .dis-flex .form-field input[type="radio"] {
	width: unset;
	text-align:left;
	accent-color: #007a6b;
	width: 16px;
	height: 16px;
}
.quickForm2 .homeQuickForm .dis-flex .form-field label {
	font-size: 20px;
}
@media screen and (max-width:510px){
	.quickForm2 .homeQuickForm .dis-flex.enroll-form {
	width: 100%;
}
	.quickForm2 .homeQuickForm .dis-flex {
		row-gap: 4px;
	}
	.overlayForm .quickForm2 .form-field.btn {
		align-items: center;
	}
}

@media screen and (max-width:1279px){
  .header{position: fixed;}
  /* .bottom-sticky-btn + section{margin-top: 100px;} */
}