*{margin: 0;padding: 0;text-decoration: none;list-style: none; box-sizing: border-box}
img{width: 100%;display: block;}
a{text-decoration: none;cursor: pointer;color: var(--white);}
body{
	background-color:#edf3ef;
	font-family:  "Josefin", sans-serif;}
/* body, html{overflow-x: hidden;
  
  } */
 

:root{
    --light-black:#2B2B2B;
    --white:#FFFFFF;
    --blue:#02C3BF;
    --dark-blue:#1E7B8D;
    --font-color:#2C5A72;
    --Josefin-font: "Josefin", sans-serif;
}

@font-face {
    font-family:'Relisha';
    src: url('../fonts/Relisha.woff2') format('woff2'),
         url('../fonts/Relisha.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
  }

  
  @font-face {
    font-family: 'Josefin Sans'; 
    src: url('/fonts/Font_UrbanLakes/josefin-sans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
   @font-face {
    font-family: 'MeladuRose';
    src: url('../fonts/MeladuRose/MeladuRose.eot');
    src: url('../fonts/MeladuRose/MeladuRose.eot') format('embedded-opentype'),
         url('../fonts/MeladuRose/MeladuRose.woff2') format('woff2'),
         url('../fonts/MeladuRose/MeladuRose.woff') format('woff'),
         url('../fonts/MeladuRose/MeladuRose.ttf') format('truetype'),
         url('../fonts/MeladuRose/MeladuRose.svg#MeladuRose') format('svg');
}
  
/* commomn class */

 .map-section .lg-container .map-wrapper iframe{width: 100%; height: 100%;}
.light-blue-text{color:#16A1AB;}
.heading02{font-size: 75px;color:var(--blue);font-weight: 500;font-family: 'Josefin Sans';}

p{color:var(--white);font-size: 20px;font-family: var(--Josefin-font);}

.lg-font{line-height: 0.9; font-size: 28px;color: var(--dark-blue);letter-spacing:2px;text-align: center;font-family:"Relisha";font-weight: 500;word-spacing: -2px;}
.md-font{font-size: 22px;font-weight: 400;font-family: 'Josefin Sans';line-height: 1.3;}
.sm-font{font-size: 16px;font-family: var(--Josefin-font);line-height: 1.4;}

/* background: linear-gradient(90deg, rgba(30,123,141,1) 0%, rgba(2,195,191,1) 100%); */
/* btn */
.btn{font-family: 'Josefin Sans', sans-serif; background: #1E7B8D; color:var(--white);border-radius: 11px;padding: 10px 14px 6px;font-weight: 400;border: none;font-size: 19px;line-height: 1.2;border: 1px solid var(--dark-blue);}
.btn:hover{transition: 0.3s all ease;background:var(--white);color: var(--dark-blue);}
.blue-btn{background-color: var(--blue);border-radius:5px;padding:0 47px;text-transform: uppercase;color: var(--white);line-height: 1.3;font-size: 30px;font-family: var(--Josefin-font);font-weight: 400;}

.dark-blue-btn{background-color: var(--dark-blue);border-radius:11px;padding:14px 14px 6px;text-transform: uppercase;color: var(--white);line-height: 1.3;font-size: 30px;font-family: 'Josefin Sans';font-weight: 400;cursor: pointer;border: 1px solid var(--dark-blue);transition: 0.5 all ease;}
.dark-blue-btn:hover{background-color: transparent;color: var(--dark-blue);}

.emi-section .load-slider{padding:15px 30px;}
/* conatiner */
.xl-container{width: 86%;max-width: 1664px;margin: 0 auto;}
.lg-container{ width: 69%;max-width: 1596px;margin: 0 auto;}
.md-container{width:71% ;max-width: 1364px;margin: 0 auto;}
.sm-container{width:77% ;max-width:1466px; margin:0 auto;}

/* header */
.header{position: fixed; top: 0;  left: 0;  right: 0;  z-index: 99;background-color:var(--white);}
.header .xl-container{position: relative;padding: 39px 0 33px 0;}
.header .xl-container .logo{position: absolute;top:0;cursor: pointer;background:var(--dark-blue);border-radius:0 0 28px  28px;width: 217px; transition: ease 1s all;}
.header .xl-container .logo.active{width: 92px; border-radius: 0 0 12px 12px;  }
.header .xl-container .logo img{border-radius:0 0 28px  28px;margin: 0 auto;}
.header .xl-container .logo.active img{border-radius:0 0 12px  12px;margin: 0 auto;}


.header .xl-container ul.nav-links{display: flex;align-items: center;gap: 70px;}
.header .xl-container ul.nav-links li a{font-family: 'Josefin Sans', sans-serif;color:var(--light-black);font-weight: 400;font-size: 20px; transition: .5s all ease;}
.header .xl-container .link{display: flex;justify-content: flex-end;}
.header .xl-container ul.nav-links li a:hover{color: var(--dark-blue);transform: translateX(-10px);}
.header  .request-btn{margin-left: 60px;}
.header.scrolled{ box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.header.scrolled .logo img{width:100%;}
.main{margin-top: 97px;}

/* thankyou */
/* .thank-you{
    
    background-image: url('../img/thankyou.png');
    height: 100vh;
    object-fit: cover;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
} */
   
/* thank you */
.thank-you{
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    object-fit: cover;
    object-position: 90%;
}

.thank-you .family-img{  width:35%; position: absolute; bottom: 0; z-index: 2; left: 7%;}

.box{background-color:rgb(30 123 141 / 92%); width: 35%; position: absolute;  z-index: 1; display: flex; align-items: center; justify-content: center; left: 14%; top: 30%; border-radius: 43px;}

.box .content{padding: 60px 125px;}

.box .content .arrow{width: max-content; margin-top: 33px;}

.box .content h2{ font-family: "relisha"; font-size: 46px; color: #FFFFFF;line-height: 0.7;  letter-spacing: 2.3px;} 

.box .content p{  font-family: 'Josefin Sans'; font-size: 26px;  margin-top: 15px ; line-height: 1.3;  font-weight: 300; color: #FFFFFF;}

.box .content .btn-wrapper{display: flex;gap:11px;}
.box .content .btn:hover { background: var(--white); color: var(--blue);}
.box .content .btn{  font-family: 'Josefin Sans'; padding: 13px 15px 11px;font-size: 13px; color: #E5F9FF; background: var(--blue); cursor: pointer; transition: .5s all ease; margin-top: 16px;}
/* banner-section */
.banner-section .banner-image .slick-dots{bottom: 30px;}
.banner-section .banner-image .slick-dots li.slick-active button:before{color: #ffffff;}
.banner-section .banner-image .slick-dots li button:before{color: #8d8989;}
.slick-dotted.slick-slider {
    margin-bottom: -4px;
}
.slick-dots li button:before {
	font-size: 15px;}
    .slick-dots li {
        margin:0 10px;
    }
.banner-section{position: relative;}
.banner-section .content{position: absolute;left:1%;bottom:9%;}
.banner-section .content .heading02{position: relative;    font-size: 53px;font-family: 'MeladuRose';color:var(--white);line-height: 1;font-weight: 500;width: max-content;}
.banner-section .content .heading02::after{content: "";position: absolute;background-image: url(../img/wave.png);width: 164px;height: 40px;bottom: 0px;background-repeat: no-repeat;left: 104%}
.banner-section .content .heading01{font-size: 137px;font-family: 'MeladuRose';color:var(--white);line-height: 1;font-weight: 500;position: relative;}
.banner-section .content .heading01 .phase-2{font-family: 'Josefin Sans', sans-serif; width: max-content; display: flex; align-items: center;margin-top: 13px; justify-content: center; right: 125px; bottom: -45px;background:#02C3BF;border-radius: 12px;font-size: 25px;padding: 11px 16px;}
.banner-section .content .heading01 .phase-2 .location{width: max-content; padding-right: 9px;}
.banner-section .content .lg-text{font-size: 90px;line-height: 1.2;margin-top: 20px;display: inline-block;}
.banner-section .content .md-font{font-size: 33px;position: relative;top: -90px;width: max-content;}
.banner-section .content .md-font::before{content: ""; width: 100%;  height: 2px;  display: block;background: var(--white);
    position: absolute; top: -15px;  left: 0;   right: 0;}
    .banner-section .content .save{margin-top: 30px;}
.banner-section .content .save-text{font-size: 61px; font-weight: bold; color: #FFFFFF;font-family: 'Josefin Sans';}
.banner-section .content .save-text2{font-size: 72px; font-weight: bold; color: #FFFFFF;font-family: 'Josefin Sans';}
.banner-section .content .phase-text {color: #FFFFFF; font-size: 53px;font-family: 'MeladuRose';line-height: 0.8;}
.head-flex{display: flex; flex-direction: column; justify-content: flex-start;}
.banner-section  .header-text{font-size: 30px; color:var(--dark-blue); position: absolute;
    bottom: 25%;left: 61%; font-family: 'josefin sans'; text-transform: uppercase;
}
.banner-image.slick-slider .slick-track, .banner-image.slick-slider .slick-list{display: flex;}   

.bhk-text-section {display: flex; margin-top: 30px;text-align: center;}
.bhk-text {border-right: 2px solid #ffffff; color: #ffffff;padding: 0 16px;font-family: 'Josefin Sans'; font-size: 25px;}
.bhk-text:first-child{padding-left: 0;}
.bhk-text:last-child{border-right: 0;}
.bhk-span{margin-top: 8px;display: block;}
/*booking sec */
.booking-room-sec .lg-container .offer-text{font-size: 39px; color: #ffffff; font-family: 'josefin sans';font-weight: normal;}
.booking-room-sec .lg-container{background-color: var(--dark-blue);border-radius: 0 0 49px 49px;padding: 23px 0 26px 0; text-align: center; grid-template-columns: 21% 66%;column-gap: 18px;
    row-gap: 15px;align-items: center;justify-content: center;}
.booking-room-sec .lg-container .left-content .sm-font{font-family: 'Josefin Sans';font-size: 15px;line-height: 1.3;margin-top: 6px;}
.booking-room-sec .lg-container .right-form .form-wrapper{display: flex;gap: 20px;align-items: flex-start;}
.booking-room-sec .lg-container .right-form  p{width: 100%;}
.booking-room-sec .lg-container .right-form input{font-family: 'Josefin Sans';font-size: 15px;border-radius: 10px;padding: 15px 15px;border: none;font-family: var(--Josefin-font);font-weight: 500;color: #2C5A72;width: 100%;}
.booking-room-sec .lg-container .right-form input:focus{outline: none;}
.booking-room-sec .lg-container .right-form input::placeholder{font-family: 'Josefin Sans';;font-weight: 500;
font-size: 15px;color: rgba(44, 90, 114, 0.5);}
.booking-room-sec .lg-container .right-form .btn{font-family: 'Josefin Sans';font-size: 15px;background:#02C3BF;cursor: pointer;transition: .5s all ease;width: 100%;padding: 14px 0;}
.booking-room-sec .lg-container .right-form .btn:hover{background: var(--white);color: var(--blue);}
.booking-room-sec .sm-container{background-color: #EFEFEF; border-radius: 19px;  display: grid; grid-template-columns: auto auto auto auto auto; margin-top: 70px;padding: 35px 37px 37px 42px;align-items: center;text-align: center;}
.booking-room-sec .sm-container .count-box p{font-family: 'Josefin Sans'; font-size: 18px;color: var(--dark-blue);text-align: center;}
.booking-room-sec .sm-container .count-box .heading02{font-size: 70px; word-spacing: -7px;}
.booking-room-sec .sm-container .count-box{position: relative;}
.booking-room-sec .sm-container .count-box::before{content:"";border-left: 2px solid var(--dark-blue);display: block;position: absolute;left: 0;height: 70%;top: 25%;}
.booking-room-sec .sm-container .count-box:first-child:before{display: none;}

.booking-room-sec .booking-text {grid-column: 2/3;padding-left: 30px;}
.booking-text-one{font-family: 'Josefin Sans';font-size: 30px;}
.checkbox-text{font-family: 'Josefin Sans'; font-size: 15px;}
.booking-room-sec .booking-checkbox {grid-column: 1/3; color: #ffffff; font-family: 'Josefin Sans';padding-left: 30px;text-align: center;}
.booking-room-sec .booking-checkbox input#terms{margin: 3px;}

/* hero para */
.hero-para{align-items: center; color: #000; justify-content: center;align-items: center;margin-top: 39px;}
.hero-para .hero-para-one{color: #1E7B8D; text-align: center;margin-bottom: 6px;font-size: 28px;font-family: 'MeladuRose';
}
.hero-para .hero-para-two{color: #2B2B2B;text-align: center;font-size: 16px;font-family: 'Josefin Sans';
}

.facility .facility-button {display: flex;margin-top: 22px;margin-bottom: 22px;border-radius: 6px;width: max-content;margin-inline: auto;background-color: #FFFFFF;}
  .facility a.facility-button-one,
  .facility a.facility-button-two {color:#1E7B8D;padding: 7px 22px;text-decoration: none;font-family: 'Josefin Sans'; background-color: #FFFFFF;border-radius: 6px;font-size: 19px;}
  .facility a:hover, .facility a.active{background-color:#1E7B8D; color: #FFFFFF;  border-radius: 4px;}
  
.overview-slider{display: grid;grid-template-columns: repeat(5, 1fr); gap: 26px;margin: 0 auto;    max-width: 1364px;}
.facility-box{background-color: #1E7B8D;padding: 44px 35px 18px 35px;border-radius: 27px;}
.facility-box .facility-box-img{width: 70px;height: 70px;justify-content: center; margin: 0 auto;}
.facility-box .facility-box-cap{padding-top: 23px; color: #FFFFFF;text-align: center;font-size: 15px;}
.facility-wrapper{opacity: 0;visibility: hidden;height: 0;}
.facility-wrapper.active{opacity: 1; visibility: visible; height: auto;}

.facility-slider .slick-slide{padding: 0 13px;}
.facility-grid .slick-slide div{height: 100%;}
.facility-grid .facility-box{height: 100%;}
.facility-grid .slick-prev:before, .facility-grid .slick-next:before {color: var(--dark-blue);}


.facility-grid.slick-slider .slick-track, .facility-grid.slick-slider .slick-list{display: flex;}

/* person section */
.achievement-sec .md-container .about-bg{ border-radius: 40px;}

.achievement-sec .md-container{grid-template-columns: 45% 55%;margin-top: 80px; position: relative;}
.achievement-sec .md-container .character{width: 30%; position: absolute;bottom: 5px;left: -148px;}
.achievement-sec .md-container .left-content .lg-font {font-family: 'MeladuRose'; position: relative;text-align: left;}
.achievement-sec .md-container .right-img{margin-left: -30px;}
.achievement-sec .md-container .left-content .lg-font::after{content: "";position: absolute;    background-image: url(../img/arrow-line-img.png);right: -70px; bottom: 17px;width: 44%;height: 21px;z-index: -1;}
.achievement-sec .md-container .left-content .light-blue-text{font-family: 'Josefin Sans'; font-size: 29px;font-weight: 300;line-height: 1.3;color:#16A1AB;}
.achievement-sec .md-container .left-content .para01{margin-top:28px;margin-bottom: 17px;}
.achievement-sec .md-container .left-content .para01 .sm-font2{color: #16A1AB; margin-top: 19px; font-size: 29px; font-family: 'Josefin Sans';} 
.achievement-sec .md-container .left-content .para01 .sm-font3{color: #16A1AB; margin-top: 14px; font-size: 20px; font-family: 'Josefin Sans';} 

.achievement-sec .md-container .left-content .sm-font{ font-family: 'Josefin Sans'; font-size: 16px;line-height: 1.3;color: var(--light-black);}
.achievement-sec .md-container .left-content .sm-font:first-child{margin-bottom: 8px;}
.achievement-sec .md-container .left-content .sm-font:last-child{margin-top: 17px;}
.achievement-sec .md-container .btn-wrapper{ display: flex ; gap: 13px; align-items: center; justify-content: center; margin-top: 33px;}
.achievement-sec .md-container .left-content .para01 .para01-bold {font-size:15px; font-weight: bold;}
/*amenities-sec*/
.amenities-sec{/*background-image: url(../img/amenities-bg-img.png)*/;padding-bottom: 4%;background-repeat: no-repeat;background-size: 100%;padding-top: 90px;}
.amenities-sec .md-container .sm-font{font-family: 'Josefin Sans'; color:var(--light-black);width: 70%;margin: 0 auto;margin-top: 12px;margin-bottom:14px;line-height: 1.4;} 
.amenities-sec .md-container h3{font-family: 'MeladuRose';}
.amenities-sec .md-container{width: 72%;text-align: center;}
.amenities-sec .md-container .three-line-img img{width: auto;margin: 0 auto;}
.amenities-sec .md-container .amenities-wrapper{margin-top: 22px;}
.amenities-sec .md-container .amenities-wrapper  img{ box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;border-radius: 30px;transition: 0.3s all ease;transform: scale(0.9);}
.amenities-sec .md-container .amenities-wrapper  img:hover{transform: scale(0.9);}
.amenities-sec .md-container .amenities-wrapper .slick-slide{padding:0 20px;}
.amenities-sec .md-container .amenities-wrapper .md-font{font-family: 'Josefin Sans'; font-size: 21px;color: var(--dark-blue);margin-top: 20px;margin-bottom: 37px;}
.amenities-sec .slick-prev, .amenities-sec .slick-next{bottom: -30px;top: unset;}
.amenities-wrapper.slick-slider .slick-track, .amenities-wrapper.slick-slider .slick-list{display: flex;}
.amenities-sec .slick-prev{left:48%;}
.amenities-sec .slick-next{right:48%;} 
.amenities-sec .slick-prev:before { content: '◀'; font-size: 20px; color:#2C5A72; }
.amenities-sec  .slick-next:before {  content: '▶';font-size: 20px; color:#2C5A72; }
.amenities-sec .slick-slide.slick-current img {opacity: 1;  position: relative;  z-index: 9;   transition: ease 0.5s all;transform: scale(1);}

.amenities-sec .btn-wrapper{margin-top: 42px;justify-content: center;}
.dreamy-img{ position: relative; }
.dreamy-space .dreamy-img .details{
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translateY(-50%);
    width: max-content}
.dreamy-space .dreamy-img .details .heading{font-family: 'MeladuRose';font-weight: 300; font-size: 50px; color: #FFFFFF;}
.dreamy-space .dreamy-img .details .sm-font{    display: flex;text-underline-offset: 5px;text-decoration: underline 1px;
        margin-top: 25px; color: #6EFFFC; font-size: 21px; font-family: 'Josefin Sans'; }
.dreamy-space .dreamy-img .details h3{ font-size: 16px; font-family: 'Josefin Sans'; color: #FFFFFF;}
.dreamy-space .dreamy-img .details .subheading{margin-top: 15px;} 
.dreamy-space .dreamy-img .details .know-more{margin-top: 30px; font-size: 16px; font-family: 'Josefin Sans'; background:#16A1AB; }
/* modern-living-section */
.living-icons.slick-slider .slick-track, .living-icons.slick-slider .slick-list{display: flex;}
.modern-living-section {background: url("../img/BG-Amenities.jpg"); border-radius:42px;}
.modern-living-section .sm-container{width: 60%;text-align: center;}
.modern-living-section .sm-container h3{font-family: 'MeladuRose';color: #ffffff;}
.modern-living-section .sm-container .sm-font{font-family: 'Josefin Sans';color:#ffffff;margin: 0 auto;margin-top: 16px;line-height: 1.4;}
/* .modern-living-section .sm-container .living-icons{display: grid;
 grid-template-columns: repeat(5, 1fr);align-items: center;justify-content: center;margin-top: 47px;position: relative;}
.modern-living-section .sm-container .living-icons:before {content: ""; width: 100%;  height: 1px; display: block;  background:var(--blue);
 position: absolute; top: 50%; left: 0; right: 0;transform: translateY(-50%);} */


 .overflow-box{ margin-top: 45px; }
/* Horizontal scrollbar */
/*::-webkit-scrollbar {
    height: 2px; /* Height for horizontal scrollbar */




.living-icons .slick-prev{left: 0;  z-index: 9;}
.living-icons .slick-next{right: 0; z-index: 9;}
.living-icons .slick-next{right: 5px;}
.living-icons .slick-slide {
    display: block;
    border-left: 1px solid #ffffff;
}
.modern-living-section .sm-container .living-icons figure figcaption{   
     /* width: max-content; */

    margin: 0 auto;
}
.slick-prev:before, .slick-next:before{ color: #EFEFEF; font-size: 24px;}
/* .living-icons{padding: 0 20px;} */
.living-icons .slick-slide.slick-current{border-color: transparent; }

    /* .modern-living-section .sm-container .living-icons { */
       /* display: flex; */
        /* flex-wrap: nowrap; 
        
        padding-bottom: 10px; 
        scroll-snap-type: x mandatory;
        width: max-content; */
    /* } */
    
    .modern-living-section .sm-container .living-icons figure {
        border-left: 0; 
        /* flex: 0 0 auto; */
    }
    
    .modern-living-section .sm-container {
        width: 84%; 
        overflow: hidden; 
        padding: 50px 0;
    }
/*     
    .modern-living-section .sm-container .living-icons::-webkit-scrollbar {
        height: 2px;
    }
    
    .modern-living-section .sm-container .living-icons::-webkit-scrollbar-thumb {
        background-color: var(--blue); 
        border-radius: 4px;
    } */

    

.modern-living-section .sm-container .living-icons .md-font{font-family: 'Josefin Sans';font-size: 22px;color:#ffffff; padding-top: 15px;}
.modern-living-section .sm-container .living-icons figure{
    /* width: 8%; */
     gap: 0; border-left:1px solid var(--blue);padding: 24px 0; display: flex; flex-direction: column; align-items: center;}
.modern-living-section .sm-container .living-icons figure:first-child{border-left: none;}
.modern-living-section .sm-container .living-icons img{width: 62px;margin: 0 auto;height: 62px;}
.img-banner{position: relative;}
.mid-banner img{width: 100%;padding-bottom: 61px;}
.mid-banner-text{    position: absolute;
    left: 13%;
    top: 50%;
    transform: translateY(-50%);}
.mid-banner-text .text-one, .text-two{color: #ffffff;}
.mid-banner-text .text-two{font-size: 78px;font-weight: normal;}
.mid-banner-text .text-one{font-size: 46px;font-weight: normal;}
.mid-banner-text .text-one::before{    content: "";
    position: absolute;
    background-image: url(../img/wave.png);
    width: 164px;
    height: 40px;
    bottom: 66px;
    background-repeat: no-repeat;
    left: 0%;
    background-size: 100%;}
 /* luxury-section */
.luxury-video iframe{width: 100%; height: 100%;} 
 .luxury-section{/*background-image: url(../img/luxury-bg-img.png);*/background-repeat: no-repeat;padding: 30px 0 30px 0;background-size: 100%;}
 .luxury-section .sm-container{width: 65%;}
 .luxury-section .luxury-video{position: relative; aspect-ratio: 16 / 9;margin-top: 40px; }
 .luxury-section .luxury-video::before{content: none; position: absolute;    background-image: url(../img/play-img.png);width: 100px;height:100px;margin: 0 auto;
    top: 50%; left: 0;right: 0;  transform: translateY(-50%); background-repeat: no-repeat;}
 .luxury-section .sm-container .lg-font{font-family: 'Josefin Sans'; text-align: center;margin-bottom: 19px;}


 /* Stunning-section */
 .stunning-section .xl-container{max-width: 1920px;width: 100%;}
 .stunning-section .xl-container .lg-font{font-family: 'MeladuRose'; text-align: center;margin-top: -66px;margin-bottom: 21px;}

 /* Imagining-section */
 .imagining-section{margin-top: 50px}
 .imagining-section .sm-container{width: 53%;margin-top: 35px;}
 .Imagining-data-tab .tab-header ul{display: flex;align-items: center;justify-content: center;gap:10px;margin-top: 22px;}
 .Imagining-data-tab .tab-header ul li.dark-blue-btn{font-family: 'Josefin Sans'; cursor: pointer;}
 .Imagining-data-tab .tab-header ul li.dark-blue-btn.active{background-color: var(--blue);border:1px solid var(--blue)}
 .Imagining-data-tab .tab-header ul li.dark-blue-btn.active:hover{background-color: transparent;color: var(--blue);}
.Imagining-data-tab .tab-container .tab-box .tab-header ul{display: flex;gap:54px;margin-top: 30px;}
.Imagining-data-tab .tab-container .tab-box .tab-header ul li{font-family: 'Josefin Sans';font-size: 25px;font-weight: 500;color: var(--dark-blue);cursor: pointer;}
.Imagining-data-tab .tab-container .tab-box .tab-header ul li.active{color:var(--blue)}
.Imagining-data-tab .tab-details .tab-box{display: grid;grid-template-columns: 65% 24%;column-gap: 10%;align-items: center;margin-top: 15px;}
.Imagining-data-tab .tab-details .tab-box .tab-img img{mix-blend-mode: multiply; background-color: transparent;
    filter: brightness(0.8) contrast(1.3);}
.Imagining-data-tab .tab-details .tab-box .dark-blue-btn{font-family: 'Josefin Sans';display: flex;font-size: 20px;
gap:10px;text-transform: capitalize;border-radius: 11px;align-items: center;padding: 4px 19px;margin-top: 36px;cursor: pointer;background-color: var(--dark-blue);color: var(--white);border: 1px solid var(--dark-blue);}
.Imagining-data-tab .tab-details .tab-box .dark-blue-btn:hover{background-color: transparent;color: var(--dark-blue);}
.Imagining-data-tab .tab-details .tab-box .dark-blue-btn:hover svg{  stroke: var(--dark-blue);}
.Imagining-data-tab .tab-details .tab-box .tab-data ul li:first-child{font-size: 20px;margin-bottom: 6px;}
.Imagining-data-tab .tab-details .tab-box .tab-data ul li{color: var(--font-color);font-size: 18px;line-height: 1.6;font-family: 'Josefin Sans';margin-top: 8px;}

.bold{font-weight: bold;}
/* map-section */
.map-section .lg-container{width: 77%;margin-top: 51px;border-radius: 44px;background-color: #1E7B8D;display: grid;grid-template-columns: 47% 47%;    padding: 45px 40px 40px 53px;column-gap:6% ;align-items: center;
 box-shadow: 15px 24px 46px rgba(0, 0, 0, 0.3);transform: .5s all ease;}
.map-section .lg-container .faq-wrapper .lg-font{font-family: 'MeladuRose'; text-align: left; color: #FFFFFF; font-size: 50px;}
.map-section .lg-container .map-wrapper {height: 100%;background-color: #FFFFFF}
.map-section .lg-container .map-wrapper img{height: 100%;object-fit: contain;object-position: center center;}
.map-section .lg-container .faq-wrapper .md-font{margin-bottom: 44px;color: #FFFFFF;margin-top: 12px; font-size: 18px;}
.faq-row .faq-header{font-family: 'Josefin Sans';position: relative;width: 100%;cursor: pointer;text-align: left;font-size: 20px;color: #6EFFFC;text-transform: uppercase;background-color: transparent;border: none;margin-top: 25px;}
/* .faq-row .faq-header:after{background: transparent; content: "";background:linear-gradient(#ffffff 0 0),linear-gradient(#ffffff 0 0);background-position:center;background-size: 50% 3px,3px 50%;background-repeat:no-repeat;display: block;position: absolute;width: 30px;height: 30px;right: 7px;top: 50%;transform: translateY(-50%);font-weight: 400;} */
/* .faq-row .faq-header.active:after{background: linear-gradient(#fff 0 0);
    background-position: center;
    background-size: 50% 3px, 3px 50%;
    background-repeat: no-repeat;} */
.faq-row .faq-content{padding: 10px 0 7px 0;  position: relative; z-index: 9;}
.faq-row .faq-content p{font-family: 'Josefin Sans';font-size: 17px;line-height: 1.3;color:#FFFFFF;font-weight: 400; display:flex; align-items: center; justify-content: space-between;}
.faq-row .faq-content p span{width: 34%}
.map-section .lg-container .accordian-container{position: relative;padding-left: 68px;}
.map-section .lg-container .accordian-container:after{ content: "";
    display: block;
    
    position: absolute;
   
    background: url(../img/accordian.png);
    ;}
.map-section .lg-container .accordian-container::after{    content: "";
        width: 68%;
        display: block;
        right: -13%;
        bottom: 0;
        position: absolute;
        padding-bottom: 55%;
        background-size: 100%;
        background-image: url(../img/Mask.png);
        background-repeat: no-repeat;}
/* .map-section .lg-container .accordian-container:before {
    content: "";   position: absolute;   left: 0;  top: 0; bottom: 0; width: 2px;  background-color:var(--font-color);} */
.faq-header:before { content: "";  position: absolute; width: 32px; height: 40px;  left: -60px;    top: -14px;   padding: 5px 0; z-index: 9;}

 .faq-row:first-child .faq-header{margin-top: 0;}

 .faq-row:first-child .faq-header:before {
    background: transparent;
    background-image: url(../img/train.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;

}
.faq-row:nth-child(2) .faq-header:before {
    background: transparent;
    background-image: url(../img/road.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;

 
}
.faq-row:nth-child(3) .faq-header:before {
    background: transparent;
    background-image: url(../img/ferry.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;


}
.faq-row:nth-child(4) .faq-header:before {
    background: transparent;
    background-image: url(../img/metro.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;


}
.faq-row:nth-child(5) .faq-header:before {
    background: transparent;

    background-image: url(../img/faq-icon05.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;

  
}
.faq-row:nth-child(6) .faq-header:before {
    background: transparent;

    background-image: url(../img/);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;

}
 .faq-row .acrd-header.active:before {
    background: transparent;

    background-color: var(--blue) !important;
}
/* project section */
.project-section .lg-container{width: 100%;max-width: 1920px; margin-top: 70px;}
.project-section .lg-container h3{font-family: 'MeladuRose'; color: #1E7B8D;}
.tab-wrapper-slider .tab-header ul{display: flex;align-items: center;gap: 19px;justify-content: center; margin-top: 19px;}
.tab-wrapper-slider .tab-header .dark-blue-btn.active{background-color: var(--blue);border: 1px solid var(--blue);}
.tab-wrapper-slider .tab-header .dark-blue-btn.active:hover{background-color: transparent;color: var(--blue);}
.project-section .tab-container .tab-box{margin-top: 28px;margin-bottom:35px ;}
/* .project-section .tab-container .tab-box .slick-slide{padding: 0 5px;} */
.project-section .tab-container .slick-prev{left:36%;z-index: 999999;transform: rotate(-135deg);}
.project-section .tab-container  .slick-next{right:36%;z-index: 99999; transform: rotate(45deg);}   
.project-section .tab-container .slick-arrow {     font-size: 0;    background: transparent; border: solid var(--white);
 border-width: 4px 4px 0 0;  width: 15px; height: 15px; position: absolute; cursor: pointer; z-index: 9;}
.project-section .tab-container .slick-prev:before,  
.project-section .tab-container .slick-next:before{color: transparent;}
.project-section .tab-container .slick-slide.slick-current img { transform: scale(1); opacity: 1; position: relative; z-index: 9;
transition:  .5s all ease; }

.project-section .tab-container .slick-slide.slick-current img:hover{transform: scale(0.9);}
.project-section .tab-container .slick-slide img:hover{transform: scale(0.8);}
.project-section .tab-container .slick-slide img { transform: scale(0.9);  width: 100%;transition:  .5s all ease;}


/* pop-up */
.pop-up-form, .otp-verification-popup{position: fixed;top: 50%;left: 50%;  transform: translate(-50%,-50%); max-width: 400px; background-color: var(--white);border-radius: 12px;
border: 1px solid var(--light-black); z-index: 9999; display: none;}
.pop-wrapper{ position: relative; background-color:#16A1AB; margin:10px;
 border-radius: 10px;padding: 40px;}
.pop-wrapper .cross-img{position: absolute;right: -7px;top:-7px;width: 29px;height: 29px;border-radius: 50px;background-color: var(--dark-blue);padding: 7px;}
.pop-wrapper .cross-img img{z-index: 9;cursor: pointer;}
.pop-wrapper h1{font-family: 'Josefin Sans';font-size: 26px;color: var(--white);font-weight: 600;line-height: 1.3;text-align: center;margin-bottom: 23px;}
.pop-wrapper form  input{font-family: 'Josefin Sans';display: block; width: 100%;font-size:20px;font-weight: 400;background: transparent;border-left: none;border-right: none;border-top: none;
border-bottom: 1px solid var(--white);margin-top: 21px;color: var(--white);padding: 10px;padding-left: 0;}

.booking-room-sec .lg-container .right-form .form-wrapper span{margin-top: 5px;display: block;font-size:12px;}
.pop-wrapper form input::placeholder{font-size: 20px;font-weight: 400px;padding-bottom: 9px;color: var(--white);}
.terms-container{margin-top: 20px;display: grid; align-items: flex-start; justify-content: center; grid-template-columns: 25px auto;}
.terms-container [type=checkbox], input[type=radio] {padding: 0; box-sizing: border-box;  transform: scale(1.9);}
.terms-container input#terms{    margin-top: 0; margin-left: 4px; width: 10px;}
.terms-container label{font-family: 'Josefin Sans';font-size:16px; text-align: left; color: #FFFFFF;vertical-align: baseline;}
.pop-wrapper .submit-btn{font-family: 'Josefin Sans';background-color: var(--white);color:var(--dark-blue);border: none;padding: 9px 45px;font-size: 20px;display: flex ;  align-items: center;  justify-content: center;  margin: 0 auto;border-radius: 11px;cursor: pointer;border: 1px solid var(--white);transition: 0.5s all ease;margin-top: 21px;}
.pop-wrapper .submit-btn:hover{transform: scale(1);background-color: #16A1AB;color: white;}
.pop-up-img{display: flex;align-items: center;gap: 43px;margin-top: 42px;justify-content: center;}
.pop-up-img .content p{text-align: center;width: max-content;font-size: 13px;font-weight: 400;line-height: 1.3;margin-top: 5px;}
.pop-wrapper form input:focus {outline: none;}
.pop-up-img .content img{width: auto;margin: 0 auto;}



.developers-section .sm-container{max-width: 1099px;
    width: 90%;
    margin: 0 auto;}

.developers-section .lg-font{font-family: 'MeladuRose';font-size: 50px;}
.developers{display: grid;
        grid-template-columns: 50% 50%; margin-top: 93px;}


 .developers-section .developers .sugam .sugam-img{    width: 34%;
    margin: 0 auto; margin-bottom: 47px;
}
 .developers-section .developers .diamond .diamond-img{width: 27%; margin: 0 auto; margin-bottom: 47px;}

 .developers-section .developers .sugam .sugam-para{font-size: 16px; line-height: 1.4;font-family: 'Josefin Sans'; color: #2B2B2B ; }
 .developers-section .developers .diamond .diamond-para{font-size: 16px; line-height: 1.4; font-family: 'Josefin Sans'; color:  #2B2B2B; }


 .developers-section .developers .sugam{ border-right: 3px solid #1E7B8D;
    display: flex;
    flex-direction: column;
    padding-right: 30px;
    text-align: left;
    }
 .developers-section .developers .diamond{ 
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    text-align: left;
   }

    .architect-section{margin: 53px 0;}
    .architect-section .sm-container{background: url('../img/BG-architect.png');     background-repeat: no-repeat;
        background-size: cover;border-radius: 50px;
    }
    .architect{display: grid; grid-template-columns:55% 45%; align-items: center; padding:7%}
    .architect-section .sm-container .architect .architect-info .architect-heading{font-family: 'MeladuRose';font-weight: 300; letter-spacing: 2px; word-spacing: -2px; font-size: 50px; color: #ffffff;}
    .architect-section .sm-container .architect .architect-info .architect-para{font-family: 'josefin sans'; font-size: 16px; line-height: 1.4;  color: #ffffff; margin-top: 24px;}
    .architect-section .sm-container .architect .architect-info {    margin-left: 55px;}
    .architect-section .sm-container .architect .video img{width: 100%;}
    .architect-section .sm-container .architect .video iframe{width: 100%; height: 100%;}
    .architect-section .sm-container .architect .video{position: relative; aspect-ratio: 16 / 9;width: 100%;}
    .architect-section .sm-container .architect .video .play { width: 11%;
    position: absolute;
    bottom: 50%;
    left: 50%;}

/* footer-sec */

.footer-sec{position: relative; background-color: var(--dark-blue);}
.footer-sec .social{    position: absolute;
   gap: 10px; right: 100px; bottom: 140px;
}
.footer-sec .social img{ margin-top: 10px;}
.footer-sec .md-container{display: grid;grid-template-columns: 17% 66% 17%;padding-top: 20px;padding-bottom: 20px;align-items: center ;}
.footer-sec .md-container .footer-middle-box{display: flex; align-items: center; flex-direction: column;}
.footer-sec .md-container .footer-middle-box img{ width: 101px;}
.footer-sec .md-container .footer-right-box::before{content:"";border-left: 2px solid var(--white);display: block;position: absolute;left: 59px;height: 175px;width: 100%;top: -12px;}
.footer-sec .md-container .footer-middle-box .address{margin-top: 28px;}
.footer-sec .md-container .footer-middle-box .sm-font{font-family: 'Josefin Sans';font-size: 13px;line-height: 1.2;width: max-content; text-align: center; margin-top: 13px;}
.footer-sec .md-container .footer-middle-box .contact-info{margin-top: 10px;}
/* .footer-sec .md-container .footer-right-box::before {
    content: "";
    border-left: 2px solid var(--white);
    display: block;
    position: absolute;
    left: -46px;
    height: 175px;
    width: 100%;
    top: 0;
} */

.footer-sec .md-container .footer-right-box::after {
    content: "";
    display: block;
    width: 2px;
    height: 175px;
    position: absolute;
    right: 59px;
    background: var(--white);
    top: -12px;
}


.footer-sec .md-container .footer-right-box {position: relative;  text-align: center;}
.footer-sec .md-container .footer-right-box .md-font{font-family: 'Josefin Sans';font-weight: 400;}
.footer-sec .md-container .footer-right-box .social-link{display: flex;gap:31px;margin:12px 0; align-items: center;
    justify-content: center;}
.footer-sec .md-container .footer-right-box .social-link a{display: flex;align-items: center;flex-direction:column;}
.footer-sec .md-container .footer-right-box .social-link img{width: 40px;margin-bottom: 5px;}
.footer-sec .md-container .footer-right-box .social-link .sm-font{font-size: 10px;line-height: 1.4;font-family: 'Josefin Sans';;padding-top: 0;font-weight: 400;}
.footer-sec .md-container .footer-right-box .sm-font{font-size: 8px;font-family: 'Josefin Sans';;font-weight: 400;line-height: 1.3;}
.footer-sec .footer-btm-link {border-top: 1px solid var(--white);display: flex;align-items: center;justify-content: center;gap: 42px;}
.footer-sec .footer-btm-link .sm-font{font-family: 'Josefin Sans';font-size: 13px;padding-top: 10px;padding-bottom: 19px;line-height: 1.3;}
.tab-box{height: 0;opacity: 0;visibility: hidden;}
.tab-box.active{height: auto;opacity: 1;visibility: visible;}
.footer-sec .md-container .footer-left-box .sm-font{font-size: 10px;font-family: 'Josefin Sans'; text-align: center;}
.footer-sec .md-container .contact{grid-column: 2; font-size: 20px;font-family: 'Josefin Sans'; text-align: center; margin-top: 55px;}
.footer-sec .md-container .footer-left-box img {margin-top: -50px;width: 230px;}

.brands .sm-container{  
    max-width:1364px ; 
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 50px;
    align-items: center;
    text-align: center;
    gap: 25px;
}
.brands{margin-bottom: 50px;}
.brands .sm-container .brands-img{
    border-radius: 50%;
    width: 80%;
    margin:0 auto;
   /* display: flex;
    aspect-ratio: 1; */
    align-items: center;
    justify-content: center;
}
.brands .sm-container .brands-img a{width:100%; display:block;}
.brands .sm-container .brands-img img{width: 65px; height: 65px; border-radius:50%; margin:0 auto;}
.brands .lg-font{font-family: 'MeladuRose'; color: #1E7B8D;}

/* Calculator section */
.emi-section{margin-top: 51px;}
.emi-section h3{color: #1E7B8D; font-family: 'MeladuRose';}
.emi-container .container .emi-form {max-width: 1240px;margin: 0 auto; width: 64%;   display: grid; grid-template-columns: 82% 18%;}
.emi-section .emi-container {  background: transparent; padding: 31px 0 48px 0;}
.emi-section .irs--big .irs-handle {
 background: var(--dark-blue);  width: 16px;  height: 16px;  box-shadow: none;   border: none;  top: -5px}
.emi-section .irs--big .irs-bar { background: var(--dark-blue); 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: var(--dark-blue);}
.emi-section .irs--big .irs-grid-text { font-family: 'Josefin Sans';color: #000000;font-size: 9px}
.emi-section .load-slider { background: #fff; padding: 15px 30px;   margin-top: 15px}
.emi-section .irs--big.irs-with-grid {  height: 28px}
.emi-section .irs--big.irs-with-grid:first-child{display: none;}
.load-slider input{display: none;}
.emi-section .irs--big .irs-line { top: 0}
.emi-container .container .loan-box {  background: #16A1AB;  padding: 31px 24px 38px 43px;}
.emi-container .container .emi-box .emi-row span { font-family: 'Josefin Sans'; display: block; font-size: 12px; font-family: var(--Josefin-font); color: #6EFFFC;; margin-top: 5px;  font-weight: 400; line-height: 1.3;  }
.emi-container .container .emi-box .emi-row.total-emi-row {  position: absolute;  padding-top:0;}
  
.emi-container .container .heading03 {
    font-family: 'Josefin Sans'; font-weight: 400; color:#6EFFFC;
  text-transform: uppercase; font-size: 13px}
.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: flex-end;}
.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 { font-family: 'Josefin Sans'; background: #1E7B8D;  color: #fff;  font-size: 22px;
 width: 35px; text-align: center; border: none
}
.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:focus{outline: none;}
.emi-container .container .loan-box .calc-row .loan-head .amt-box input {text-align: center; font-family: 'Josefin Sans';
 font-size: 17px; border: none; padding: 5px 15px 6px; width: 110px;  border-radius: 0; color:var(--blue);}
.emi-container .container .loan-box .calc-row .loan-head .amt-box input::placeholder{color: var(--blue);}
.emi-container .container .loan-box .calc-row .loan-head .amt-box input.int-output {  width: 50px}
.emi-container .container .loan-box .calc-row .loan-head .amt-box input.tenure-output { width: 50px}
.emi-container .container .loan-box .calc-row .loan-head .amt-box input::-webkit-input-placeholder {
color:var(--blue);}
.emi-container .container .loan-box .calc-row .loan-head .amt-box input:-ms-input-placeholder { color: var(--blue)}
.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 .loan-box .calc-row .loan-head .amt-box input::placeholder{color:var(--blue);}
.emi-container .container .btn { font-family: 'Josefin Sans';font-size: 13px; padding: 5px 25px; margin-top: 15px; float: right;  line-height: 1; background: var(--blue); font-weight: 400;  line-height: 1.2;border:none;border: 1px solid var(--blue);cursor: pointer;margin-right: 23px;border-radius: 20px;}
.emi-container .container .btn:hover{background: transparent;color: var(--blue);}
.emi-container .container .emi-box { background:#0C5867;   padding: 16px 24px; 
 position: relative; }
.emi-container .container .emi-box .emi-row input:focus{outline: none;}
.emi-container .container .emi-box .emi-row input,
.emi-container .container .emi-box .emi-row i {  font-family: 'Josefin Sans' ;  font-weight: 400; color: var(--white); text-transform: uppercase; font-size: 19px; background: none; border: none; margin-top: 10px}
.emi-container .container .emi-box .emi-row input:focus{outline: none;}
.emi-container .container .emi-box .emi-row input,
.emi-container .container .emi-box .emi-row i {  font-family: 'Josefin Sans' ;  font-weight: 400; color: var(--white);text-transform: uppercase; font-size: 19px; background: none; border: none; margin-top: 10px}

 .overlay{position: fixed;top:0;left:0;right:0;bottom: 0;background-color: rgba(0,0,0,0.7);
  z-index: 999;display: none;}
.emi-box .emi-row{margin-top: 51px;}
.sticky-box { position: fixed; top: 48%; right: -9%; z-index: 9;}
.sticky-box img{width: auto;}
.sticky-box .enq-box {font-size: 20px;font-family: 'Josefin Sans', sans-serif;font-weight: 400;}
.sticky-box .enq-box { background-color: var(--blue); padding: 27px 40px; transform: rotate(-90deg); transform-origin: 2.2rem 2.2rem; border-top-left-radius: 17px; border-top-right-radius: 17px; cursor: pointer; text-transform: uppercase;}
.sticky-box .enq-call { background-color: var(--dark-blue); padding: 19px 15px;margin: 8px 0;border-top-left-radius: 17px; border-bottom-left-radius: 17px; width: 69px;cursor: pointer;
}
.sticky-box .enq-box p{font-family: 'Josefin Sans'}
.sticky-box .enq-whatsapp {
    background-color: #29A71A; padding: 21px 22px; border-top-left-radius: 17px; border-bottom-left-radius: 17px; width: 69px; cursor: pointer;
}

.thankyou-content{height: 100vh;background-color: #EAE6E6;display: flex;align-items: center;justify-content: center;margin: 0 auto;text-align: center;}
.thankyou-content .wrapper-2 h1{margin-bottom: 25px;font-size: 70px;color: var(--dark-blue);font-family: "relisha";}

.thankyou-content .wrapper-2 .go-home {
    color: #fff;
    background: var(--dark-blue);
    border: none;
    padding: 10px 50px;
    margin: 30px 0;
    border-radius: 30px;
    text-transform: capitalize;
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
    border: 1px solid var(--dark-blue);
}
.thankyou-content .wrapper-2 .go-home:hover{
    background: transparent;
    color: var(--dark-blue);
}
.thankyou-content .wrapper-2 p {
    margin: 0;
    font-size: 20px;
    color: var(--dark-blue);
    font-family: var(--Josefin-font);
    letter-spacing: 1px;
}




.floor-plan-head{margin-top: 40px;text-align: center;}
.floor-plan-head span{color: #1E7B8D;font-size: 28px;font-family: 'Josefin Sans';line-height: 37px;text-transform: uppercase;margin-right: 15px;display: inline-block;}
.floor-plan-head button{color: #FFFFFF;font-size: 27px;line-height: 36px;font-family: 'Josefin Sans';font-weight: 500;background-color: transparent;border: none;margin-left: 7px;display: inline-block;width: 141px;border-radius: 5px;padding-top: 5px;text-align: center;background-color: #02C3BF;}
.floor-plan-head button:nth-of-type(2){background-color: #1E7B8D;}
/* .imagining-section .tab-container{display: grid;grid-template-columns: 235px 1fr;} */
.tab-aside{text-align: center;margin-top: 84px;width: 235px;display: inline-block;vertical-align: top;}
.tab-right-box{display: inline-block;width: calc(100% - 240px);}
.tab-aside li{color: #1E7B8D;font-size: 36px;font-family: 'Josefin Sans';line-height: 40px;padding: 25px 0;position: relative;cursor: pointer;}
.tab-aside li:after{content: "";width: 60%;background-color: #1E7B8D;height: 1px;position: absolute;margin: 0 auto;left: 0;right: 0;bottom: 0;}
.tab-aside li.active{color: #16A1AB;}

/* .tab-right-box .tab-box .tab-header{margin-left: -235px;} */
.tab-details{background-color: rgba(255,255,255,0.40);border-radius: 20px;margin-top: 40px;}
.Imagining-data-tab .tab-container .tab-box .tab-header ul{margin-top: 40px;}
.Imagining-data-tab .tab-details .tab-box .dark-blue-btn{width: max-content}
.right-content h3{color: #02C3BF;font-size: 21px;line-height: 25px;font-family: 'Josefin Sans';    text-transform: uppercase;
    font-weight: 400;margin-bottom: 24px;}
.right-content{margin-top: 40px;}
.right-content .mast-img{width: 60%}
.tab-box{overflow: hidden;}
.Imagining-data-tab .tab-details .tab-box{display: block;margin-top: 0;}
.tower-slide, #tab1-1{display: grid !important;grid-template-columns: 65% 24%;margin-top: 0;column-gap: 6%;align-items: flex-start;padding: 44px;}
/* .tab-img{display: inline-block;width: 65%;}
.tab-data{display: inline-block;width: 24%;margin-left: -4px;}
.tab-img img{width: auto;} */

.tab-box .slick-arrow{    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: transparent;
    border: none;
    font-size: 0;z-index: 9;}
.tab-box .slick-prev{left: 15px;border-left: solid 2px #666;border-top: solid 2px #666;transform: rotate(-45deg);}
.tab-box .slick-next{right: 15px;border-right: solid 2px #666;border-top: solid 2px #666;transform: rotate(45deg);}
.tab-box  .slick-prev:before, .tab-box .slick-next:before{content: none}
.tab-box.slick-slider .slick-track, .tab-box.slick-slider .slick-list{display: flex;}


/* connectiovity-section */
.connectivity-section{background-color: #FEFEFE;margin-top: 55px;}
.connectivity-section .conn-wrapper{display: grid; grid-template-columns: 50% 50%;}
.connectivity-section .conn-wrapper .connectivity-r-box{background-color: #FEFEFE;padding-block: 100px 50px;padding-left: 35px;padding-right: 14%;}
.connectivity-section .conn-wrapper .connectivity-l-box{padding-block: 100px 50px;background-image: url(../img/conn-l-img.png);
    display: flex;
    flex-direction: column;
    align-items: start;padding-right: 80px;padding-left: 16%;}
    .connectivity-section .conn-wrapper .connectivity-l-box iframe{margin-top: 20px;width: 100%;}
    .connectivity-section .conn-wrapper .connectivity-l-box .lg-font{font-size: 37px; color: #FFFFFF;}
    .connectivity-section  .conn-wrapper .connectivity-r-box .lg-font{color: #2B2B2B;text-align: left;}
    .connectivity-section .conn-wrapper .connectivity-r-box .sm-font{color: #2B2B2B;margin-top: 12px;}

.urban-image{margin-top: 22px;}

.plan-section{position: relative;width: 55%;margin: 0 auto;}
.plan-section .dark-blue-btn{
    font-family: 'Josefin Sans';
    display: flex;
    font-size: 20px;
    gap: 10px;
    text-transform: capitalize;
    border-radius: 11px;
    align-items: center;
    padding: 4px 19px;
    margin-top: 36px;
    cursor: pointer;
    background-color: var(--dark-blue);
    color: var(--white);
    border: 1px solid var(--dark-blue);
    position: absolute;
    right: 21%;
    bottom: 6%;
}

@media screen and (max-width: 1700px){
    .floor-plan-head span{font-size: 28px;}
    .floor-plan-head button{font-size: 25px;line-height: 32px;}
    .Imagining-data-tab .tab-container .tab-box .tab-header ul li{font-size: 23px;}
    .Imagining-data-tab .tab-container .tab-box .tab-header ul, .tab-details{margin-top: 36px;}
    .tab-aside li {
        color: #1E7B8D;
        font-size: 30px;
        font-family: 'Josefin Sans';
        line-height: 34px;
        padding: 22px 0;
        position: relative;
    }
}


@media screen and (max-width: 1500px){
    .floor-plan-head span {
        font-size: 28px;
    }
    .floor-plan-head button {
        font-size: 22px;
        line-height: 28px;    width: 120px;
    }
    .Imagining-data-tab .tab-container .tab-box .tab-header ul {
        margin-top: 24px;
    }
    .Imagining-data-tab .tab-container .tab-box .tab-header ul, .tab-details {
        margin-top: 30px !important;
    }
    .imagining-section .md-container{width: 80%;}
    .tab-aside li {
        font-size: 24px;
        line-height: 26px;
        padding: 17px 0;
    }
    .Imagining-data-tab .tab-details .tab-box .tab-data ul li{font-size: 16px;}
    .Imagining-data-tab .tab-details .tab-box .dark-blue-btn, .Imagining-data-tab .tab-details .tab-box .dark-blue-btn, .Imagining-data-tab .tab-details .tab-box .dark-blue-btn {
        font-size: 15px !important;
    }
  
    .tower-slide, #tab1-1 {
        grid-template-columns: 65% 29%;}
        .tower-slide, #tab1-1{padding: 32px;}
        .tab-box .slick-arrow{width: 24px;height: 24px;}
}


@media screen and (max-width: 1279px){
    .tab-aside{width: 190px}
    .tab-right-box {
        width: calc(100% - 195px);
    }

    .imagining-section .md-container {
        width: 90%;
    }
    .tab-aside li {
        font-size: 20px;
        line-height: 20px;
        padding: 15px 0;
    }
}


@media screen and (max-width: 1023px){
    .tab-aside{width: 150px}
    .tab-right-box {
        width: calc(100% - 155px);
    }
    .tower-slide, #tab1-1 {
        grid-template-columns: 1fr;
    }
    .tab-data{margin-top: 16px;}
    .right-content .mast-img {
        width: 30%;
    }
    .floor-plan-head span {
        font-size: 20px;
    }
    .floor-plan-head button {
        font-size: 20px;
        line-height: 25px;
        width: 100px;
    }
    .Imagining-data-tab .tab-container .tab-box .tab-header ul, .tab-details {
        margin-top: 20px !important;
    }
    .urban-image{width: 100%;transform: scale(1.1);}
    .urban-image-button{padding: 7px 26px 4px 5px; background-color: #1E7B8D;}
}


@media screen and (max-width: 700px){
    .floor-plan-head span {
        font-size: 16px;margin-right: 5px;line-height: 20px;
    }
    .floor-plan-head button {
        font-size: 16px;
        line-height: 19px;
        width: 68px;
        margin-left: 1px;
    }
    .tab-aside li {
        font-size: 16px;
        line-height: 10px;
        padding: 13px 0;
    }
    .tab-aside {
        width: 100%;display: block;
    }
    .tab-right-box {
        width: 100%;display: block;
    }
    .tower-slide, #tab1-1 {
        padding: 20px;
    }
    .tab-details{border-radius: 12px;}
    .tab-box .slick-arrow {
        width: 16px;
        height: 16px;
    }
    .tab-box .slick-prev{left: 6px;}
    .tab-box .slick-next{right: 6px;}
    .Imagining-data-tab .tab-details .tab-box .dark-blue-btn, .Imagining-data-tab .tab-details .tab-box .dark-blue-btn, .Imagining-data-tab .tab-details .tab-box .dark-blue-btn {
        font-size: 12px !important;
        border-radius: 8px;
        line-height: 1;
        gap: 5px;
    }
	.right-content h3{font-size: 16px;margin-bottom: 10px;}
.right-content {
    margin-top: 0;
}
    .right-content .mast-img {
        width: 50%;
    }
	.tab-aside{margin-top: 20px;}
	.tab-aside ul{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 16px}
	.tab-aside ul li:after{width: 100%;}
	
	
}
.tab-box.active .tower-slide.blur{opacity: 0.2; cursor: pointer;}
.tab-box.active .tower-slide.blur .tab-img{pointer-events: none;}


/* OTP Verification Styles */
.otp-verification-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 1001;
    width: 90%;
    max-width: 400px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.otp-verification-popup .pop-wrapper {
    padding: 30px;
    position: relative;
}

.otp-verification-popup h1 {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: center;
}

.otp-content p {
    text-align: center;
    margin-bottom: 20px;
}

#otp-mobile-display {
    font-weight: bold;
    color: #333;
}

.otp-input-container {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 20px 0;
}

.otp-digit {
    width: 40px;
    height: 50px;
    text-align: center;
    font-size: 24px;
    border: 2px solid #ddd;
    border-radius: 5px;
    outline: none;
    transition: border-color 0.3s;
}

.otp-digit:focus {
    border-color: #007bff;
}

.otp-timer {
    text-align: center;
    margin: 20px 0;
}

#otp-timer-text {
    margin: 0;
}

#countdown {
    color: #007bff;
    font-weight: bold;
}

#resend-otp {
    color: #007bff;
    text-decoration: none;
    cursor: pointer;
}

#resend-otp:hover {
    text-decoration: underline;
}

.verify-otp-btn {
    width: 100%;
    padding: 12px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
}

.verify-otp-btn:hover {
    background: #0056b3;
}

.verify-otp-btn:disabled {
    background: #cccccc;
    cursor: not-allowed;
}
.otp-verification-popup .otp-input-container{display: grid;grid-template-columns: repeat(6, 30px);align-items: center;justify-content: space-evenly;
}
.otp-verification-popup .otp-content p{font-size: 18px;}
.otp-verification-popup .otp-input-container input{border-radius: 0;}