:root {

  --primary: #118792;
  --secondary: #032F33;
  --primarytextcolor: #000;
  --secondarytextcolor: #000;
  --white: #fff;
  --dark: #1F222A;
  --blue: #6495ed;
  --green: #118792;
  --gray: #979393;
  --bg1: #343645;
  --bg2: #CECECE;
}

/* latin-ext */
@font-face {
  font-family: 'Comme';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/comme/v2/8QIUdirKhMbn-uG1kHz0MgviDe1z5cFb4oQeasQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Comme';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/comme/v2/8QIUdirKhMbn-uG1kHz0MgviDe1z5cFb7IQe.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/*body {*/
  /* font-family: Arial, sans-serif; */
/*  font-family: Comme;*/
/*  color: #444444;*/
/*  font-size: 14px;*/
/*  margin: 0;*/
/*  line-height: 1.5em;*/
/*  padding: 0;*/
/*  background-color: var(--white);*/
/*}*/

a {
  color: #47b2e4;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: #73c5eb;
  text-decoration: none;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Comme;
}


#map {
  z-index: 0 !important;
  padding: 10px;
  border-radius: 5px;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #37517e;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #37517e;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #47b2e4;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
  margin: 0 auto;
}

.back-to-top:hover {
  background: #6bc1e9;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}


/*--------------------------------------------------------------
# Developer logo color
--------------------------------------------------------------*/
/*common font*/

/* cyrillic */
@font-face {
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/l/font?kit=JIAxUVNqfH9WuVQQRM4zUxOn&skey=22efecd2bc0e2cb0&v=v9) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/l/font?kit=JIAxUVNqfH9WuVQQRM4zWROn&skey=22efecd2bc0e2cb0&v=v9) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/l/font?kit=JIAxUVNqfH9WuVQQRM4zVxOn&skey=22efecd2bc0e2cb0&v=v9) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.header-inner-pages .company-logo-landing{
    padding: 10px;
}
 

.header-inner-pages a {
  color: #fff;
  font-size: 26px;
  margin: 0;
  padding: 10px !important;
}


.header-inner-pages h1 {
  font-family: "Helvetica", sans-serif;
  font-weight: 600;
  margin: 0;
}


/*----*/


.arihant_mc_1 {
  color: #fff;
}

.arihant_mc_2 {
  color: #e07427;
}

.arihant_gredient_primary {
  background: linear-gradient(to right top, #e07427, #e5661a, #ea550f, #ef3f07, #f41b05);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.godrej_mc_1 {
  color: #fff;
}

.godrej_mc_2 {
  color: #bb1b65;
}

.godrej_gredient_primary {
  background: linear-gradient(to right top, #68a943, #8e9518, #aa7c01, #be601c, #c7403a, #c73456, #bd3272, #a93b8b, #934ea1, #795eaf, #5b6bb5, #3e75b5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hiranandani_mc_1 {
  color: #fff;
}

.hiranandani_mc_2 {
  color: #fbad13;
}

.hiranandani_gredient_primary {
  background: linear-gradient(to right top, #fbad13, #f6ab17, #f1a81a, #eca61d, #e7a31f, #e79d1d, #e6971c, #e6911c, #e9851b, #ec781d, #ee6b21, #ef5c27);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lnt_mc_1 {
  color: #fff;
}

.lnt_mc_2 {
  color: #ffc71c;
}

.lnt_gredient_primary {
  background: linear-gradient(to right top, #ffc71c, #77bc47, #009d7b, #007489, #254a67);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.landing_page_project #header{
    height: 58px;
    padding: 0;
    transition: all 0.5s;
    z-index: 9999;
    padding: 0;
    background: #000000;
}


#header .logo {
  /*font-size: 30px;*/
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
    padding: 0 !important;
}

#header .logo a {
  color: #fff;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

.landing_page_project #main {
    position: unset;
}

#hero {
  width: 100%;
  position: relative;
  padding: 50px 25px;
  margin-top: 58px;
  background-image: url('../img/Banners/CitylineBanner.png');
  background-size: cover;
  background-position: bottom center;
}

#hero .btn-get-started {
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px 11px 28px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #47b2e4;
}

#hero .btn-get-started:hover {
  background: #209dd8;
}

#hero .btn-watch-video {
  font-size: 16px;
  display: flex;
  align-items: center;
  transition: 0.5s;
  margin: 10px 0 0 25px;
  color: #fff;
  line-height: 1;
}

#hero .btn-watch-video i {
  line-height: 0;
  color: #fff;
  font-size: 32px;
  transition: 0.3s;
  margin-right: 8px;
}

#hero .btn-watch-video:hover i {
  color: #47b2e4;
}

#hero .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

.tagline_box {
  color: #fff;
  position: relative;
  border-left: 0px solid #cddc39;
  padding-left: 0px;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}

.tagline_box .nwLaunch {
  margin-bottom: 5px;
  font-size: 15px;
  letter-spacing: 1px;
  color: #000000;
}

.tagline_box h1 {
  font-size: 30px;
  margin-bottom: 0px;
  line-height: normal;
  color: var(--primary);
  font-weight: 600;
}

.hero-slider .loc{
    font-size:15px;
    font-weight: 500;
    padding-top:3px;
    color: #000000;
}

.price_box {
  color: #000000;
  margin-top: 24px;
}

.price_box h3,
.floor_info h4,
.floor_info h5 {
  font-weight: 600;
}

.floor_info h4{
        font-size: 1.15rem;
}

.price_box p {
  margin: 0;
}

.price_box h2 {
  font-family: Aclonica;
  font-size: 32px;
  margin-bottom: 0px;
  margin-top: 5px;
}

.price_box h2>span {
  font-size: 20px;
  font-family: arial;
}

.price_box ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
}

.price_box ul li>span {
  height: 40px;
  width: 2px;
  background-color: #f6f6f6;
  display: block;
  margin: 0 20px;
}

.offer_box {
  border-radius: 5px;
  box-shadow: none;
  border: 2px solid var(--primary);
  outline: var(--primary);
  padding: 10px 30px;
  position: relative;
  margin-top: 30px;
  background-color: transparent;
  background: transparent;
}

.offer_box h5 {
  background-color: var(--primary);
  display: inline-block;
  padding: 5px 10px;
  border-radius: 20px;
  position: absolute;
  top: -15px;
  left: 30px;
  width: 140px;
  text-align: center;
  color: #FFF;
  font-size: 15px;
  overflow: hidden;
}
.offer_box p {
  background-color: var(--primary);
  display: inline-block;
  padding: 5px 10px;
  border-radius: 20px;
  position: absolute;
  top: -15px;
  left: 30px;
  width: 140px;
  text-align: center;
  color: #FFF;
  font-size: 15px;
  overflow: hidden;
}

.offer_box ul {
  margin: 0;
  display: flex;
  list-style: none;
  padding: 20px 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  flex-wrap: wrap;
  padding-bottom: 0;
  justify-content: space-between;
}

.offer_box ul li {
  position: relative;
  padding-left: 20px;
  padding-bottom: 8px;
  width: 48%;
  display: inline-block;
  line-height: normal;
  color: #000000;
}

.offer_box ul li.highlight-fallback-item{
    
    width:100%;
    font-weight: normal;
}
.landing_page_project .price_box p.price {
        line-height: 35px;
}

.offer_box ul li i {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--primary);
  font-weight: bold;
}

.offer_box h5::after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: 30px;
  left: -10px;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  -webkit-animation: reflect 1s linear infinite;
  -webkit-transform: rotate(105deg);
  -webkit-animation: reflect 1.5s linear infinite;
}
.offer_box p::after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: 30px;
  left: -10px;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  -webkit-animation: reflect 1s linear infinite;
  -webkit-transform: rotate(105deg);
  -webkit-animation: reflect 1.5s linear infinite;
}

@keyframes reflect {
  0% {
    transform: scale(1) rotate(45deg);
    opacity: 0;
  }

  20% {
    transform: scale(2) rotate(45deg);
    opacity: 0.5;
  }

  40% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  90% {
    transform: scale(10) rotate(45deg);
    opacity: 0;
  }
}

@-webkit-keyframes reflect {
  0% {
    transform: scale(1) rotate(45deg);
    opacity: 0;
  }

  20% {
    transform: scale(2) rotate(45deg);
    opacity: 0.5;
  }

  40% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  90% {
    transform: scale(10) rotate(45deg);
    opacity: 0;
  }
}


.ban_btn .btn_box.first_btn a {
  /*background: transparent;*/
  border: 1px solid var(--primary) !important;
  /*color: var(--primary) !important;*/
  transition: all ease-in-out 0.3s;
}


.ban_btn .btn_box.first_btn a:hover {
  background: var(--primary);
  color: #FFF !important;
  cursor: pointer;
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}


.swiper-pagination {
  position: static !important;
}

.modal .swiper-pagination {
  position: absolute !important;
}

.ban_btn .btn_box button {
  padding: 8px 35px;
  margin-right: 20px;
  border: 3px solid var(--secondary);
  border: 1px solid #FFF;
  border-radius: 5px;
  background-color: rgb(0 0 0 / 63%)
}



.ban_btn .btn_box .btn_2 {
  background-color: var(--white);
  color: var(--dark);
}


@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}


.slider-section {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}


@media (max-width: 991px) {
  /* #hero {
    height: 100vh;
    text-align: center;
  } */

  #hero .animated {
    animation: none;
  }

  #hero .hero-img {
    text-align: center;
  }

  #hero .hero-img img {
    width: 50%;
  }
}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }

  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }

  #hero .hero-img img {
    width: 70%;
  }

  .footer-section {
    padding: 50px 0px;
  }
}

@media (max-width: 575px) {
  #hero .hero-img img {
    width: 80%;
  }

  #hero .btn-get-started {
    font-size: 16px;
    padding: 10px 24px 11px 24px;
  }

  .footer-section {
    padding: 30px 0px;
  }

  .developers_landing .location_all_projects.projects_list_location.p-0 {
    margin-top: 20px !important;
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 80px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #f3f5fa;
}

/*.section-title {*/
/*  text-align: center;*/
/*  padding-bottom: 30px;*/
/*}*/

.section-title h2 {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #37517e;
}

.section-title h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #47b2e4;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-title p {
  margin-bottom: 0;
}


.sub-head {
  margin-bottom: 10px;
  color: var(--white);
  font-size: 16px;
  display: block;
}

.heading {
  font-size: 32px;
  margin-bottom: 15px;
}

.sub-head.dk,
.heading.dk,
.project_gallery .sub-head,
.sample_flat1 .sub-head,
.amenities_box .sub-head {
  color: #000000
}

.btn_box {
  margin: 16px 0;
  margin-bottom: 0;
}


.landing_page_project .btn_box a{
  padding: 8px 24px;
  margin-right: 8px;
  border-radius: 5px;
   font-size: 14px !important;
  border: var(--primary);
  color: #fff;
  background: var(--primary);
  transition: all ease-in-out 0.3s;
}

.landing_page_project .btn_box a:hover{
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  color: #fff;
}
/*--------------------------------------------------------------
# main box
--------------------------------------------------------------*/
.status {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 0;
}

.status li {
  background-color: #ddd;
  padding: 4px 8px;
  margin-right: 8px;
  font-size: 13px;
  color: #5473ff;
}

/*--------------------------------------------------------------
#project_infoBox
--------------------------------------------------------------*/

.project_infoBox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  color: var(--white);
  background-color: var(--primary);
  padding: 5px;
}


.project_infoBox .project_info ul {
  margin: 0;
  line-height: normal;
  list-style: none;
  display: flex;
  padding: 10px 12px;
  align-items: center;
  width: 100%;
  justify-content: space-evenly;
}

.project_infoBox .project_info ul li {
  position: relative;
  /*padding-left: 64px;*/
  font-weight: 600;
  letter-spacing: 0.8px;
}

.project_infoBox .project_info ul li span {
  font-weight: normal;
  display: block;
}
#openReraBtn {
    width: 180px;
}
#openReraBtn .reraNo {
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
        display: block;
    width: 127px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.project_infoBox .project_info ul li i {

  font-size: 30px;
}
.project_infoBox .project_info ul li .rera-icon{
    font-size: 12px;
}
.project_infoBox .project_info ul li:nth-child(1):before,
.project_infoBox .project_info ul li:nth-child(2):before {
  content: '';
  position: absolute;
  background-color: #fff;
  top: 0;
  right: -20px;
  width: 2px;
  height: 100%;
}

.project_infoBox .project_info ul li:last-child span:hover{
    text-decoration: underline;
    cursor: pointer;
}

.project_infoBox .project_info ul li:nth-child(2) {
  margin: 0 10px;
}
.rera_popup_main {
    font-size: 12px;
    display: none;
    background-color: rgb(255 255 255 / 92%);
    color: #333;
    padding: 16px;
    position: absolute;
    bottom: 80px;
    left: 50%;
    z-index: 99;
    border-radius: 20px;
    /*width: 100%;*/
    width: 350px;
        /*min-height: 180px;*/
    max-height: 280px;
    /*height: 90%;*/
    overflow: hidden;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    border: 1px solid #ddd;
    box-shadow: -2px 1px 8px -3px #0000004f;
        overflow-y: auto;
    border-radius: 10px;
}

.rera_popup_main .rera_box{ 
    overflow-x: hidden;
    height: calc(100% - 56px);
}
.rera_popup_main .rera_box .qrDetails {
    width: 80px;
}
.rera_popup_main .rera_box .reraDetails lable,
.rera_popup_main .rera_box .qrDetails lable {
    display: block;
    font-size:12px;
    color: #6a6a6a;
}

.rera_popup_main .rera_box .reraDetails ul li{
    font-weight: 600;
    word-break: break-all;
}

.rera_popup_main .rera_box .rera_border:nth-child(1) { border-top:none;
}

.rera_border{
    border-top: 1px dashed #ddd; 
    padding: 8px 0;
    /*height: 70px; */
}
.rera_popup_main .rera_close{
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 18px;
    color: #776f6f;
    cursor: pointer;
} 
.rera_popup_main small, .rera_popup_main small a{color:#9e9e9e; font-size:12px}
.rera_popup_main ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.rera_popup_main img{
    width:60px;
    border: 1px solid #ddd;
} 

/*rera popup end*/
/*--------------------------------------------------------------
# overview
--------------------------------------------------------------*/
.overview_box {
  background-color: #ECECEC;
  position: relative;
  z-index: 2;
}

.overview_box::after {
  content: '';
  background-image: url(../img/Overview2.png);
  width: 720px;
  height: 150px;
  position: absolute;
  right: 0px;
  bottom: 0;
  background-repeat: no-repeat;
  z-index: -1;
  filter: brightness(0);
}

.overview_box .heading {
  /*font-family: Akaya Kanadaka;*/
  font-size: 30px;
  margin-bottom: 8px;
}

.overview_box .overview_img {
  height: 250px;
  object-fit: cover;
  position: relative;
}

.overview_box .overview_img_box{
  position: relative;}

.overview_box .overview_img_box:before {
    content: '';
    width: 90%;
    height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    border: 3px solid #ffffff;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.overview_box .content p {
  line-height: 1.5;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
  margin-bottom: 0;
}

.overview_box #text {
  display: none;
}

.overview_box #toggleButton {
  display: block;
  /*text-decoration: underline;*/
  font-size: 14px;
  border: none;
  padding: 0;
}
.overview_box #toggleButton1 {
  border: none;
}

.overview_box #toggleButton1:hover{
    text-decoration: underline;
    color: blue;
}
.read-more-toggle{
    color: #2332e7;
}
.read-more-toggle:hover
{
    text-decoration: underline;
    color: #2332e7;
}
.overview_box #toggleButton:hover{
    color: #2332e7;
    text-decoration: underline;
}

#overviewText {
  transition: all ease-in-out 0.5s;
  /* max-height: 18vh;
    overflow-y: scroll; */
  display: inline !important;
  font-size: 14px;
}

.overview_txt .readMoreBtn {
  border: none;
  display: inline;
  background: no-repeat;
  color: #06d6eb;
  text-decoration: underline;
  font-size:14px;
}


#overviewText::-webkit-scrollbar {
  width: 5px;
  background-color: transparent;
}

#overviewText::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #555555;
}


/* .overview_box .btn_box a{
  background-color: #033236;
  border-radius: 5px;
} */

/*--------------------------------------------------------------
#HIGHLIGHTS
--------------------------------------------------------------*/
.highlights_box {
  background-color: var(--dark);
  background-image: url(../img/highlight/bg-pattern.png);
}

.highlights_box .heading {
  color: var(--white);
  text-align: center;
}

.highlight {
  background-color: var(--white);
  margin-top: 24px;
  position: relative;
  border-radius: 50px 0px 50px 0px;
  padding: 14px;
  transition: all ease-in-out 0.3s;
}

.highlight_inside {
  border: 2px dashed #ddd;
  border-radius: 40px 0px 40px 0px;
  padding: 15px;
  position: relative;
  z-index: 9;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: center;
  height: 120px;
}

.highlight_inside .num {
  position: absolute;
  font-size: 120px;
  top: 50%;
  line-height: normal;
  left: 5px;
  transform: translateY(-50%);
  z-index: -1;
  color: #ddd;
  opacity: 0.5;
}

.highlight_inside p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}

.highlight:hover {
  transform: scale(1.05);
  /* Slight zoom-in effect on hover */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  /* Softer shadow on hover */
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

/*--------------------------------------------------------------
#amenities
--------------------------------------------------------------*/

.amenities_box #pills-tab .nav-link {
  border-radius: 20px 0;
  border: 1px solid var(--primary);
  transition: all ease-in-out 0.5s;
  margin: 0 10px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
  color: var(--primary);
}

.amenities_box #pills-tab .nav-link.active {
  background-color: var(--primary);
  color: #fff;
}

.amenities_box #pills-tab {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.amenities_box .heading {
  text-align: center;
}

.amenitie_tab ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.amenitie_tab ul li {
  border: 2px solid var(--primary);
  margin: 10px;
  padding: 20px 0px;
  width: 20% !important;
   border-radius: 5px;
   transition: all ease-in-out 0.3s;
}

.amenitie_tab ul li:hover {
  background-color: #fff;
  filter: drop-shadow(1px 2px 2px var(--primary));
  transform: scale(1.05);
  /* Slight zoom-in effect on hover */
  box-shadow: 0 8px 10px -10px rgba(0, 0, 0, 0.2);
  /* Softer shadow on hover */
}

.amenitie_tab ul li img {
  max-height: 50px;
  width: 100%;
  object-fit: contain;
}

.amenitie_tab ul li h5 {
  font-size: 16px;
  margin: 0;
  margin-top: 8px;
  color: var(--dark);
  font-weight: 600;
}
.amenitie_tab ul li h4{
    font-size: 16px;
  margin: 0;
  margin-top: 8px;
  color: var(--dark);
  font-weight: 600;
}

/*--------------------------------------------------------------
# Floor plan Details
--------------------------------------------------------------*/

.floor_plan_box {
  background-color: var(--dark);
  background-image: url(../img/highlight/bg-pattern.png);
}

.floor_plan_box .heading {
  color: var(--white);
  text-align: center;
}

.floor_plan_box #pills-tab .nav-link {
  border-radius: 20px 0;
  border: 1px solid var(--primary);
  background-color: var(--white);
  transition: all ease-in-out 0.5s;
  margin: 0 10px;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
  color: var(--primary);
}

.floor_plan_box #pills-tab .nav-link.active {
  background-color: var(--primary);
  color: #fff;
}

.floor_plan_box #pills-tab {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.floor_plan_box .nav-item .nav-link {
  color: #000000;
  padding: 3px 25px;
}

.floor_plan_box .nav-item .nav-link.active {
  background-color: var(--green);
  color: var(--white);
  padding: 3px 25px;
}


.floor_info {
  background-color: var(--gray);
  color: var(--dark);
  padding: 20px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  margin-top: 32px;
  cursor: pointer;
}

.floor_info ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.floor_info ul li {
  font-size: 13px;
  font-weight: 600;
}

.floor_info ul li span {
  display: block;
  font-weight: 500;
  color: #8d8888;
}


/*--------------------------------------------------------------
# Configuration amenities
--------------------------------------------------------------*/

.Configuration_box {
  background-color: var(--white);
  padding: 0px 20px;
  border-radius: 10px;
}

.Configuration_box .info {
  margin: 15px 0px;
  display: block;
}

.Configuration_box .info h3 {
  font-size: 16px;
  color: var(--dark);
}

.Configuration_box .info h4 {
  font-size: 13px;
  color: var(--dark);
}

.Configuration_box button {
  border: none;
  background: transparent;
  font-size: 20px;
  width: 100%;
  text-align: center;
  color: var(--green)
}

.Configuration_box .btn_box a {
  padding: 5px 10px;
}

.why_info ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 40px;
  font-size: 16px;
}

.why_info ul li img {
  width: 22px;
}

/*--------------------------------------------------------------
# why_box
--------------------------------------------------------------*/

.facilities_box {
  padding: 30px 20px;
  background-color: #F3F3F3;
}

.facilities_box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 50px;
  color: var(--dark)
}

.facilities_box li {
  width: calc(95% / 4);
  display: inline-block;
}

.facilities_box li i {
  font-size: 20px;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
/* 
.facilities_box { 
  margin-bottom: 170px;
}
.facilities_box .facilities_info{ 
  position: relative;
  text-align: center;
  display: block;
}

#facilities_img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 500px;
  margin-bottom: -70px;
}
.facilities_box ul {
  list-style: none;
  width: 95%;
  background-color:var(--dark);
  position: absolute;
  right: 50%;
  bottom: -70px;
  padding: 20px;
  transform: translateX(50%);
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 10px;
}
.facilities_box li {
  position: relative;
  display: inline-block;
  color: var(--white);
  text-align: center;
  cursor: pointer;
}
.facilities_box li.green span{
  color: var(--green);
}
.facilities_box li img {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  position: absolute;
}

.facilities_box .icon_box{ 
  position: relative;
  top: 0px;
  left: 0;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
 
.facilities_box li i {
  display: block;
  font-size: 30px;
}

.facilities_box li span {
  display: inline-block;
}
 
.facilities_box li i {
  display: inline-block;
}

.facilities_box li span {
  display: inline-block;
} */

/*--------------------------------------------------------------
# Price plan Details
--------------------------------------------------------------*/

.price_plan th {
  padding: 10px 20px;
}

.price_plan table tbody tr>td {
  background-color: #343645;
  padding: 10px 20px;
  color: var(--white);
}


/*--------------------------------------------------------------
# Enquire Now
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Explore Neighborhood
--------------------------------------------------------------*/

.Neighborhood_main {
  background-color: #242424;
  background-image: url(../img/bg_img/bg2.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.Neighborhood_main .heading {
  color: var(--white);
  text-align: center;
}



.Neighborhood_main .map_box {
        width: 100%;
    line-height: 0;
    border: 1px solid #FFF;
    border-radius: 4px;
    padding: 2px;
}

.tab-nav-bar {
    position: relative;
    margin: 0px;
}

.tab-menu {
        color: var(--primary);
    list-style: none;
    position: relative;
    max-width: 100%;
    padding: 4px 0px;
    white-space: nowrap;
    scroll-behavior: smooth;
    user-select: none;
    overflow-x: auto;
    margin: 0 auto;
    text-align: left;
    margin-right: 52px;
}
.tab-menu.nextBtnClick {
    margin-left: 52px;
}
.tab-menu.prevBtnClick {
  margin-left: 52px;
    margin-right: 0;
}
.tab-menu.scrolling {
    text-align: center; /* Center alignment when scrolling */
}

.tab-navigation {
    position: relative;
    display: flex;
    align-items: center;
    max-width: fit-content;
    margin: 0 auto;
    max-width: calc(100% - 15px);
}

/* Hide scrollbar for cleaner look (optional) */
.tab-menu::-webkit-scrollbar {
    display: none;
}


.left-btn {
    left: 0;
}

.right-btn {
    right: 0;
}
.left-btn bi::before , .right-btn bi::before{
    padding: 0 2px;
}

.tab-menu.dragging {
  scroll-behavior: unset;
  cursor: grab;
}

.tab-menu::-webkit-scrollbar {
  display: none;
}

.tab-btn {
  display: inline-block;
    margin: 0 auto;
    text-align: center;
    font-size: 1em;
    font-weight: 700;
    margin: 0 12px 0 0;
    padding: 0px;
    border-radius: 30px;
    cursor: pointer;
    user-select: none;
    transition: background-color .3s ease;
    color: var(--white);
    width: 90px;
}

.tab-menu.dragging .tab-btn {
  pointer-events: none;
}

.tab-btn:hover .tab_nav_icon {
  background-color: var(--primary);
  color: var(--white);
}

.tab-btn:hover .tab_nav_icon i {
  /* background-color: var(--primary); */
  color: var(--white);
  cursor: pointer;
}

.tab_nav_icon {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 50px;
  height: 50px;
  background-color: var(--white);
  line-height: 42px;
  border-radius: 45px;
  border: 2px solid var(--primary);
  font-size: 25px;
}

.tab-btn .tab_nav_icon i {
  color: var(--primary);
}


.tab-btn.active .tab_nav_icon {
  background-color: var(--primary);
  color: var(--white);
  border-color: var(--white);
}

.tab-btn.active .tab_nav_icon i {
  color: var(--white);
}

.left-btn,
.right-btn {
    position: absolute;
    color: var(--dark);
    font-size: 16px;
     padding: 2px 4px; 
    cursor: pointer;
    top: 30px;
    z-index: 99;
    width: 30px;
    height: 30px;
    line-height: 26px;
    text-align: center;
}

.left-btn:hover,
.right-btn:hover {
  background-color: var(--primary);
  color: var(--primarytextcolor);
}

.left-btn {
      left: 10px;
    background: #00000064;
    border-radius: 30px;
    box-shadow: 0px 1px 1px 0px #333;
    border: 0px solid #fff;
    color: #fff;
}

.right-btn {
  right: 10px;
    background: #00000064;
    border-radius: 30px;
    box-shadow: 0px 1px 1px 0px #333;
    border: 0px solid #fff;
    color: #fff;
}

/* ===== Tab content ===== */
.tab-content {
  position: relative;
  color: var(--white);
   overflow: hidden;
}

.tab {
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  max-width: 1100px;
  opacity: 0;

  transform: translateX(25px);
  content-visibility: hidden;
}

.tab.active {
  transform: translateX(0);
  content-visibility: visible;
  opacity: 1;
  transition: opacity 1s ease, transform 1s ease;
}

.tab .row {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}

.tab .img-card {
  position: relative;
  width: 450px;
  max-width: 450px;
  height: 300px;
  max-height: 300px;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: var(--box-shadow);
}

.tab .img-card img {
  width: 100%;
  object-fit: cover;
}

.right-column {
  max-width: 800px;
}

.info .city,
.info .description p {
  color: var(--text-color);
  margin-bottom: 10px;
}

.info h2 {
  font-size: 15px;
  margin-bottom: 10px;
  /*background-color: #8C9399;*/
  background-color:var(--primary);
  color: var(--white);
  display: inline-block;
  padding: 5px 15px;
  border-radius: 20px;
  font-weight: 500;
}

.info p i {
  color: var(--primary)
}

.Neighborhood_main .info p {
  color: #FFF;
}

.neighborhood_box {
  background-color: var(--bg2);
  border-radius: 20px;
  overflow: hidden;
}

.description ul {
  list-style: none;
  margin: 0;
  padding: 0 12px 0 6px;
  line-height: 50px;
  position: relative;
  max-height: 280px;
  overflow: auto;
}

.description ul::-webkit-scrollbar {
  width: 4px;
  background-color: #fff;
}

.description ul::-webkit-scrollbar-thumb {
  background-color: #8a8686;
}

.description ul li::before {
  content: '';
  width: 13px;
  height: 13px;
  border-radius: 50px;
  /*background-color: var(--primary);*/
  background-color: #d9d9d9;
  position: absolute;
  top: 20px;
  left: -6px;
}

.category_name_neighbour {
  color: #FFF !important;
  font-weight: 500;
  margin-top: 5px !important;
  display: block;
}

.description ul li::after {
  content: '';
  border: 1px solid #d9d9d9;
  position: absolute;
  top: 20px;
  left: 0px;
  height: 100%;
}

.description ul li:last-child:after {
  height: 0;
}

.description ul li {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-left: 18px;
  font-weight: 500;
  color: var(--white);
  height: 50px;
}

.description ul li .distance {
  color: #FFF;
}

.info .city {
  font-size: 2em;
}

.country {
  color: var(--third-color);
  font-size: 5em;
  font-weight: 700;
  text-align: center;
  text-shadow: var(--text-shadow);
}

/* ===== Media queries (max-width: 1050px;) ===== */
@media screen and (max-width: 1050px) {
  section {
    margin: 0 0;
  }

  .tab-nav-bar {
    margin: 0;
    margin-top: 20px;
  }

  /* 
    .tab {
        padding: 15px 25px;
    } */

  .tab .row {
    flex-direction: column;
  }

  .tab .img-card {
    width: auto;
    max-width: 600px;
  }

  .country {
    font-size: 10vw;
    padding-bottom: 50px;
  }

}

/*--------------------------------------------------------------
#project_gallery
--------------------------------------------------------------*/

.project_gallery .heading {
  text-align: center;
}

.project_gallery #pills-tab .nav-link {
  border-radius: 20px 0;
  border: 1px solid var(--primary);
  background-color: var(--white);
  margin: 0 10px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
  transition: all ease-in-out 0.5s;
  color: var(--primary);
  padding: 3px 25px;
}


.project_gallery #pills-tab .nav-link.active {
  background-color: var(--primary);
  color: #fff;
}

.project_gallery #pills-tab {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}


.project_gallery .nav-item .nav-link.active {
  background-color: var(--green);
  color: var(--white);
  padding: 3px 25px;
}


.project_gallery .gallery-thumbs img {
  border-radius: 40px 0;
  /* margin-bottom: 15px; */
}
.project_gallery .gallery-thumbs{
    transition: all ease-in-out 0.3s;
}
.project_gallery .gallery-thumbs:hover{
  /*background-color: #fff;*/
  /*filter: drop-shadow(2px 3px 3px black);*/
  
  transform: scale(1.05);
    /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);*/
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

/*--------------------------------------------------------------
#sample_flat
--------------------------------------------------------------*/

.sample_flat .heading {
  color: var(--white);
  text-align: center;
}

.sample_flat {
  background-color: var(--primary);
  background-image: url(../img/bg_img/bg2.png);
}

.sample_flat .video-container .image-wrapper {
  border: 2px solid #FFF;
  /* Border applied to the wrapper */
  display: inline-block;
  overflow: hidden;
  /* Ensures the image does not extend beyond the wrapper */
  width: 100%;
}

.sample_flat .video-container img {
  filter: blur(2px);
  /* Initial blur */
  transition: filter 0.3s;
  width: 100%;
  display: block;
}

.sample_flat .video-container:hover img {
  filter: blur(5px);
  /* Increase the blur on hover */
}

.sample_flat .btn_box .btn.flat_btn {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: var(--primary);
  cursor: pointer;
}
.sample_flat .btn_box .btn.flat_btn:hover{
    transform: scale(1.05);
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
   transition: all ease-in-out 0.3s;
}

/*--------------------------------------------------------------
#abt_developer
--------------------------------------------------------------*/

.abt_developer {
  background-color: var(--white);
  background-image: url('../img/parallax1.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center 27.4792px;
}

.abt_developer .heading {
  color: var(--dark);
}

.abt_developer .developer_txt {
  background-color: #F0F9FF;
  color: var(--dark);
  margin-top: 30px;
  padding: 20px;
  border-radius: 10px;
  filter: drop-shadow(2px 2px 3px rgb(135, 134, 134));
  overflow: hidden;
}

/*.developer_txt .developer_logo { */
/*    background: var(--primary);*/
/*    height: 150px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    flex-wrap: nowrap;*/
/*    padding: 10px;*/
/*    border-radius: 10px;*/
/*    box-shadow: 5px 5px 15px -4px #000;*/
/*    position: relative;*/
/*}*/
.developer_txt .developer_logo_main {
  position: absolute;
  background: var(--primary);
  width: 200px;
  top: 0;
  left: 0;
  height: -webkit-fill-available;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.developer_txt .developer_logo_main:before {
  content: '';
  background: var(--primary);
  width: 50px;
  height: 100%;
  position: absolute;
  right: -17px;
  transform: skewX(-7deg);
  -webkit-transform: skewX(-5deg);
}

.developer_txt .developer_logo img {
  max-width: 100px;
}

.developer_txt .developer_info_main {
  padding-left: 230px;
}

.developer_txt .developer_info {
  margin-bottom: 10px;
}

.developer_txt .developer_info h3 {
  font-size: 20px;
}

.developer_txt .developer_info ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.developer_txt .developer_info ul li {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
}

.developer_txt .developer_info ul li span {
  display: block;
  font-weight: 700;
}

/*--------------------------------------------------------------
# Similar Properties 
--------------------------------------------------------------*/

/*.SimilarProp_main{*/
/*  position: relative;*/
/*}*/
/*.SimilarProp_main .swiper-container{*/
/*  overflow: hidden;*/
/*} */
/*.SimilarProp_main .card {*/
/*  background-color: var(--white);*/
/*  overflow: hidden;*/
/*  color: var(--dark);*/
/*}*/

/*.SimilarProp_main .price {*/
/*  text-align: right;*/
/*  font-size: 18px;*/
/*  font-weight: 700;*/
/*  color: var(--secondary);*/
/*}*/

/*.SimilarProp_main .group_name {*/
/*  position: absolute;*/
/*  top: 10px;*/
/*  left: 10px;*/
/*  background-color: #9E801B;*/
/*  color: #fff;*/
/*  padding: 4px 8px;*/
/*  font-size: 11px;*/
/*  border-radius: 30px;*/
/*  font-weight: 600;*/
/*  filter: drop-shadow(2px 2px 3px black);*/
/*}*/

/*.SimilarProp_main .rera {*/
/*  background-color: #D9D8D8;*/
/*  border-radius: 20px;*/
/*  padding: 3px 10px;*/
/*}*/

/*.SimilarProp_main .location {*/
/*  color: #787676;*/
/*  font-size: 12px;*/
/*  margin-bottom: 12px;*/
/*}*/

/* .SimilarProp_main .location > i{color: var(--secondary);} */
/*.SimilarProp_main .card .btn {*/
/*  width: 100%;*/
/*}*/

/*.SimilarProp_main .card .wishlist {*/

/*  position: absolute;*/
/*  top: 5px;*/
/*  right: 5px;*/
/*  z-index: 9;*/
/*  padding: 0;*/
/*  margin: 0;*/
/*  text-align: center;*/
/*  line-height: 30px;*/
/*  box-shadow: none;*/
/*  display: none;*/
/*}*/

/*.SimilarProp_main ul {*/
/*  margin: 0;*/
/*  padding: 0;*/
/*  list-style: none;*/
  /*margin-bottom: 10px;*/
/*}*/

/*.SimilarProp_main ul li {*/
  /* position: relative;
  padding-left: 50px; */
/*  margin-bottom: 8px;*/
/*  position: relative;*/
/*  display: flex;*/
/*  align-items: center;*/
  /*margin-right: 16px;*/
/*}*/



/*.SimilarProp_main .developerProjectsData ul li p {*/
/*  margin-bottom: 0;*/
/*  font-size: 14px !important;*/
/*  font-weight: 600;*/
/*}*/

/*.SimilarProp_main .offer_list li i {*/
/*  font-size: 14px;*/
/*  background-color: transparent;*/
/*  color: #147085;*/
/*  padding: 3px 8px;*/
/*  border-radius: 50%;*/
/*  text-align: center;*/
  /*line-height: 22px;*/
/*}*/

/*.SimilarProp_main ul li i {*/
/*  font-size: 14px;*/
/*  background-color: rgb(122 122 122 / 25%);*/
/*  color: #147085;*/
/*  padding: 8px;*/
/*  border-radius: 50%;*/
/*  text-align: center;*/
/*  line-height: 12px;*/
/*}*/

/*.SimilarProp_main .book_btn,*/
/*.location_all_projects .book_btn {*/
/*  background-color: #F3F3F3;*/
/*  padding: 15px 10px;*/
/*}*/


.heart-checkbox {
  display: none;
}

.toggle,
.wishlist {
  position: relative;
  width: 30px;
  height: 30px;
  z-index: 10;
  display: block;
  border-radius: 25px;
  cursor: pointer;
  color: #C8C7C0;
  box-shadow: inset 0 0 0 1px #C8C7C0;
  background-color: rgb(0 0 0 / 59%);
}

.ProjectTour .img_box {
  position: relative;
}

.ProjectTour p {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  width: 100%;
  color: var(--white);
  text-align: center;
  background-color: #0000006e;
  padding: 6px 0px;
  margin: 0;
}

/*--------------------------------------------------------------
# reraQR_main
--------------------------------------------------------------*/
.reraQR_main {
  /*background-color: var(--dark);*/
  background-color: #33363c;
  color: var(--white);
  padding: 10px;
}

.rera_info {
  overflow: hidden;
}

.reraQR_main .swiper-slide {
  /*text-align: center;*/
}

.rera_info ul {
  margin: 0;
  padding: 0;
  margin-top: 20px;
  list-style: none;
}

.rera_info ul li {
  display: inline-block;
  width: calc(25% - 15px);
  text-align: center;
}

.rera_info p span {
  display: block;
  margin-top: 7px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/*footer {*/
/*  font-size: 14px;*/
/*  background:var(--dark);*/
/*  padding:40px 20px; */
/*  color:var(--white)*/
/*}   */
/*.footer_menu ul { */
/*  margin: 0;*/
/*  padding: 0; */
/*  list-style: none;*/
/*}*/
/*.footer_menu ul li{line-height: 30px;}*/
/*.footer_menu ul li a{color:var(--white); }*/
/*.ft_abt p{*/
/*  text-align: justify;*/
/*}*/
/*.ft_abt .ft_img{*/
/*  width: 200px;*/
/*}*/


/*.com_info{*/
/*  background-color: #343645;*/
/*  color: var(--white);*/
/*  padding: 20px;*/
/*  border-radius: 10px;*/
/*}*/

/*.com_info img{ width: 60px;}*/
/*.com_info ul{   */
/*  margin-bottom: 15px;*/
/*}*/
/*.com_info ul li{line-height: normal;}*/
/*.com_info ul li.heading{ */
/*  font-size: 15px;    */
/*  margin: 0;*/
/*  font-weight: 600;*/
/*}*/
/*.com_info ul li>span{*/
/*  color: var(--green);*/
/*}*/

/*.copyright{*/
/*  background-color: var(--dark);*/
/*  color: var(--white);*/
/*  font-size: 14px;*/
/*  padding: 5px 0px;*/
/*}*/

/*.get_in{*/
/*  margin-top: 30px;*/
/*  text-align: center;*/
/*}*/
/*.get_in ul{*/
/*  display: flex;*/
/*  justify-content: space-evenly;*/
/*  align-items: center;*/
/*} */
/*.get_in ul li a{*/
/*  background-color:var(--white);*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    display: block;*/
/*    border-radius: 50%;*/
/*    line-height: 40px;*/
/*    color: var(--dark);*/
/*    font-size: 18px;*/
/*    border:1px solid transparent;*/
/*    transition: ease-in-out 0.5s;*/
/*}*/

/*.get_in ul li a:hover{*/
/*  background-color: var(--bg1);*/
/*  color: var(--white); */
/*  border:1px solid #fff;*/
/*} */


/*--------------------------------------------------------------
# modal popup
--------------------------------------------------------------*/

#EnquireModal .modal-content,
#DownloadBrochureModal .modal-content,
#SimilarProjectEnquire .modal-content {
  background-color: #fff;
  font-size: 11px;
}

#EnquireModal .Project_form_box1,
#DownloadBrochureModal .Project_form_box1,
#SimilarProjectEnquire .Project_form_box1{
  
    background: rgba(var(--primary-rgb), 0.12);
  color: #333;
  padding: 16px;
  border-radius: 8px;
}


.Project_form_box1 .bd-highlight{
    background-color:#e2e2e2;
    width: calc(100%);
    height: 96px;
}

.Project_form_box1 h6{
    /*font-size: 12px; */
    margin-bottom:0;
}

.Project_form_box1 .icon_box_main{
    background-color:#fffffe;
    background: rgba(var(--primary-rgb), 0.18);
    /*background-color: rgba(var(--primary), 0.3);*/
    /*color: #fff;*/    
    height: 48px;
    border-radius: 8px;
}


.Project_form_box1 .icon_box_main .icon_box{
    border: 1px dashed #7E7676;
    border-radius: 100%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0 8px;
    line-height: 28px;
    text-align: center;
}

.Project_form_box1 .bd-highlight .icon_box svg{
    width: 20px;
    height: 20px;
}

#EnquireModal .OfferModal_swiper,
#DownloadBrochureModal .OfferModal_swiper,
#SimilarProjectEnquire .OfferModal_swiper {
  overflow: hidden;
  position: relative;
}

#EnquireModal .buyer h5,
#DownloadBrochureModal .buyer h5,
#SimilarProjectEnquire .buyer h5 {
  font-size: 14px;
  margin-bottom: 5px;
}

#EnquireModal .buyer h6,
#DownloadBrochureModal .buyer h6,
#SimilarProjectEnquire .buyer h6 {
 font-size: 12px;
    font-weight: normal;
 /* margin-bottom: 15px; */
    color: #e6e6e6;
}

#EnquireModal .buyer h6 span,
#DownloadBrochureModal .buyer h6 span,
#SimilarProjectEnquire .buyer h6 span {
    font-size: 16px;
}

#EnquireModal .card,
#DownloadBrochureModal .card,
#SimilarProjectEnquire .card {
  background: var(--primary);
  color: var(--primarytextcolor);
}

#EnquireModal .card,
#DownloadBrochureModal .card,
#SimilarProjectEnquire .card{
    position:relative;
    padding: 32px 16px 16px 16px !important;

}

#EnquireModal .card:before,
#DownloadBrochureModal .card:before
#SimilarProjectEnquire .card:before{
   content: '\F6B0';
    font-family: bootstrap-icons;
    font-size: 60px;
    position: absolute;
    left: 6px;
    top: 0px;
    color: #e6e6e661;
}

#EnquireModal .card p,
#DownloadBrochureModal .card p,
#SimilarProjectEnquire .card p {
    /*max-height: 56px;*/
    line-height: 18px;
    overflow-y: auto;
    color: #FFF;
    font-size: 14px;
    z-index: 2;
}

#EnquireModal .card p::-webkit-scrollbar,
#DownloadBrochureModal .card p::-webkit-scrollbar
#SimilarProjectEnquire .card p::-webkit-scrollbar {
  width: 3px;
  /*background-color: transparent;*/
}

#EnquireModal .card p::-webkit-scrollbar-thumb,
#DownloadBrochureModal .card p::-webkit-scrollbar-thumb,
#SimilarProjectEnquire .card p::-webkit-scrollbar-thumb {
  /*border: 1px solid #ccc;*/
  background-color: #fff;
}

#EnquireModal .Project_form_box2,
#DownloadBrochureModal .Project_form_box2
#SimilarProjectEnquire .Project_form_box2 {
  padding:0 8px;
}


#EnquireModal .form_title h5,
#DownloadBrochureModal .form_title h5,
#SimilarProjectEnquire .form_title h5{
  font-size: 12px;
  margin-bottom: 5px;
  color: #979393;
}
.modal-open #EnquireModal .form_title h1,
.modal-open #SimilarProjectEnquire .form_title h1
{
     color: var(--primary);
    margin: 0;
    font-size: 24px;
}

.modal-open #EnquireModal .form-check-label,
.modal-open #DownloadBrochureModal .form-check-label,
.modal-open #SimilarProjectEnquire .form-check-label{
    line-height: 12px;
    font-size: 9px;
}

.modal-open #EnquireModal .form_title h1{
     color: var(--primary);
    margin: 0;
    font-size: 24px;
}

.modal-open #EnquireModal .form-check-label,
.modal-open #DownloadBrochureModal .form-check-label,
.modal-open #SimilarProjectEnquire .form-check-label{
    line-height: 12px;
    font-size: 9px;
}

body.modal-open {
  overflow: hidden;
}
body.stop-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
/*#EnquireModal .Project_form_box2 .project_name_modal{*/
/*    color: #118792;*/
/*    margin: 0;*/
/*    font-size: 20px;*/
/*}*/

.location_all_project_listing #EnquireModal .form-check{
    line-height: 1.4em;
}

#EnquireModal .form_title p,
#DownloadBrochureModal .form_title p,
#SimilarProjectEnquire .form_title p  {
  font-size: 16px;
  color: #333333;
  margin-bottom: 5px;
}

#EnquireModal .form_title span,
#DownloadBrochureModal .form_title span,
#SimilarProjectEnquire .form_title span {
  height: 2px;
  display: block;
  width: 16%;
  background-color: var(--primary);
  margin: 0 auto;
}

#enquiryForm .form-control,
#DownloadBrochureModal .form-control,
#SimilarProjectEnquire .form-control {
  border-radius: 4px;
  /*height: 40px;*/
  background-color: #E6E6E6;
  border-color: #BEBEBE !important;
  padding: 8px 16px;
}

#enquiryForm .btn.btn-success,
#DownloadBrochureModal .btn.btn-success,
#SimilarProjectEnquire .btn.btn-success {
  width: 100%;
}

#enquiryForm input::placeholder,
#DownloadBrochureModal input::placeholder,
#SimilarProjectEnquire input::placeholder {
  color: #979393;
}

#DownloadBrochureModal .modal-header,
#enquiryForm .modal-header,
#SimilarProjectEnquire .modal-header {
  border: 1px solid #eaeaea !important;
}

.landing_page_project .swiper-button-next,
.landing_page_project .swiper-button-prev {
  background-color: var(--primary);
}


/*--------------------------------------------------------------
# LeftSide
--------------------------------------------------------------*/

#leftSide {}

.relationship .relationship_box {
  position: relative;
  background-color: var(--dark);
  color: var(--white);
  padding: 25px;
}

.interes_box {
  text-align: center;
}

.interes_box span:nth-child(1) {
  color: #979393;
  margin-bottom: 10px;
  display: block;
}

.interes_box .heading {
  color: #02D3E7
}

.interes_box span:nth-child(3) {
  margin-top: 5px;
  display: block;
  font-size: 18px;
}

.interes_box hr {
  opacity: 1;
  padding: 0;
  border-top: 1.5px solid #118792;
  width: 50%;
  margin: 0 auto;
  margin-top: 14px;
}

.relationship_info form .form-group {
  margin-top: 15px;
}

.relationship_info form .form-control {
  /*border-radius: 0;*/
  border: none;
  padding: 8px;
  color: var(--dark);
  border: 1px solid var(--dark);
  /* background-color:var(--bg1); */
}

.relationship_info form .form-control::placeholder {
  color: var(--dark);
}

.relationship_info form .form-check {
  font-size: 12px;
  display: flex;
  /*align-items: center;*/
  margin: 0;
  padding: 0;
  margin-top: 10px;
}

.relationship_info form .form-check-input {
  width: 10px;
  height: 10px;
  border-radius: 0;
  margin: 4px 0;
  margin-right: 10px;
}

.relationship_info form .form-control:focus {
  box-shadow: none;
  border: 1px solid var(--dark);
}


.relationship .cont_box {}

.relationship .cont_box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.SimilarProp_main ul li p {
  /* font-size: 12px !important; */
  margin: 0px;
  font-weight: 700;
}

.SimilarProp_main ul.offer_list {
  margin-bottom: 0px !important;
}

.relationship .cont_box ul li {
  position: relative;
  margin-top: 15px;
  padding-left: 65px;
}

.relationship .cont_box ul li img {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
}

.relationship .cont_box ul li h4 {
  font-size: 16px;
  margin: 0;
  font-weight: 600;
}

.relationship .cont_box ul li p {
  margin: 0;
  padding: 0;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #f3f5fa;
  min-height: 40px;
  margin-top: 72px;
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 68px;
  }
}

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 600;
  color: #37517e;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #4668a2;
  content: "/";
}


/* ---------------------------------------------------------
------------------------------------------------------------- */

@media (max-width: 1024px) {

  .heading {
    font-size: 24px;
  }

  .Configuration_box .btn_box a {
    margin: 0 5px;
  }

}


@media (max-width: 768px) {
  #footer .footer-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #footer .copyright,
  #footer .credits {
    text-align: center;
    float: none;
  }
  .copyright{
    padding: 8px 0 40px;
  }

  #footer .credits {
    padding-top: 4px;
  }

  .relationship .relationship_box {
    margin-top: 20px;
  }
}


@media (max-width:600px) {

  #hero h1 {
    font-size: 23px;
  }

  .project_infoBox {
    padding: 10px 10px;
    padding-left: 70px;
  }

  .project_infoBox .project_logo {
    left: 18px;
    top: 20px;
  }

  .project_infoBox .project_logo img {
    width: 50px;
  }

  .why_box ul li {
    width: auto;
  }

  .Configuration_box {
    margin-top: 40px;
    width: 95%;
  }

  .facilities_box ul {
    flex-wrap: wrap;
  }

  /* .projectCard {
    min-height: auto !important;
  } */

  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    width: 150px;
  }
}


@media (max-width: 767px) {
  .amenitie_tab ul li {
    border: 2px solid #137680;
    margin: 10px;
    padding: 20px;
    width: 50% !important;
   
  }
}

.default-amenities,
#pills-Default-tab {
  display: none;
}

.blur {
  filter: blur(5px);
}

/* .developers_list_location .swiper-wrapper.justify-content-center {
  justify-content: flex-start !important;
} */

/*.modal-backdrop {*/
/*  background-color: rgba(0, 0, 0, 0.5);*/
/*}*/

.developers_landing .project_main .floor_info {
  background-color: transparent;
  border: 1px solid var(--gray);
}

.developers_landing .project_main .floor_info ul li span {
  color: var(--dark);
}


.developer_data_location {
  border: 1px solid #D2D2D2;
  border-radius: 10px;
  overflow: hidden;
  /* box-shadow: 2px 4px 10px -5px #000000cf; */
  margin: 10px 0px;
}

.developer_data_location .developer_logo {
  /* border-bottom: 1px solid #ddd; */
  padding: 0px 0px;
  height: 120px;
  vertical-align: middle;
  display: flex;
}

.developer_data_location .developer_logo img {
  max-width: 115px;
  height: 100%;
  margin: auto;
  object-fit: contain;
  /*filter: invert(1);*/
}

/* .developer_details .title {
  font-size: 18px;
} */
.developer_details ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

/* .developer_details ul li.sub-text {
  font-size: 12px;
  color: #474747;
} */

.developer_data_location .developer-link {
  max-height: none;
  padding: 12px !important;
  background: transparent;
  border: none;
  color: #091A88;
}

.developer_property_type_details .properies_data {
  margin: 0px;
  list-style: none;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  /* align-items: center; */
}

.developer_property_type_details .properies_data .properies_type_data p {
  margin-bottom: 0px;
}

.developer_property_type_details .properies_data .properies_type_data .all_count_project {
  font-size: 18px;
  font-weight: 800;
}

.developer_property_type_details .properies_data .properies_type_data .all_count_project_title {
  font-size: 12px;
  color: #474747;
}


.developer_details {
  margin: 0px 12px 12px;
}

.developer_property_type_details {
  background: #f9f9f9;
  padding: 10px 0px;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}

.developer_details ul li {
  padding: 1px 0px;
}

li.properies_type_data {
  /* padding-right: 15px; */
  width: 50%;
  text-align: center;
}

.developer_details_see_all {
  /* padding:15px; */
  color: #656fb4;
}

.developer_details_see_all a {
  padding: 15px;
  background-color: #118792;
  color: #FFF;
  font-size: 14px;
  border-radius: 0;
}

.all_count_project {
  text-align: center;
}

.all_count_project_title {
  font-size: 11px;
}

.project_main .heading {
  /* color: var(--dark); */
  /* text-align: center; */
}

.developers_list_location .heading,
.projects_list_location h2.heading {
  text-align: center;
}

.projects_list_location {
  /* margin:50px 0px; */
}

.all_location_rera {
  display: inline-block;
  background: #D9D8D8;
  padding: 2px 6px;
  border: 0.73px solid #118792;
  border-radius: 16px;
  margin-bottom: 10px;
}

.all_location_rera .reraloc {
  font-size: 11px;
  color: #333333;
}

.projects_list_location .btn_box a {
  border-radius: 20px;
  padding: 8px 15px;
  /* color: var(--white); */
}

/*.projects_list_location .know_more{*/
/*  background-color: transparent !important;*/
/*  color:#118792;*/
/*  font-size: 14px !important;*/
/*  padding: 8px 15px !important;*/
/*  border-radius: 10px;*/
/*}*/

/*.projects_list_location .book_a_visit:active{*/
/*  background-color: var(--primary); */
/*}*/
/*.projects_list_location .card-img-top {*/
/*  width: 100%;*/
  /* Ensures the image takes up the full width of its container */
/*  height: 250px;*/
  /* Set the desired height */
/*  object-fit: cover;*/
  /* Ensures the image covers the area, maintaining aspect ratio and cropping if necessary */
/*}*/

.developerProjectsData .book_btn,
.location_all_projects .book_btn {
  justify-content: flex-start !important;
}

.developerProjectsData .book_btn .btn_box,
.location_all_projects .book_btn .btn_box {
  margin-right: 5px !important;
}

.location_all_projects .wishlist {
  position: absolute;
  right: 0;
  top: 0;
}

.location_all_projects .wishlist .bi-heart-fill::before {
  position: absolute;
  top: 32%;
  left: 25%;
}

.location_all_projects .card-body {
  /* padding:15px 20px 20px !important; */
}

.view_all_builders,
.view_all_properties {
  padding: 16px !important;
  text-align: center;
  font-size: 14px;
  color: #404041;

}

.view_all_builders a,
.view_all_properties a {
  color: #404041;

}
.select2-container .select2-search--inline .select2-search__field {
  font-size: 12px !important;
}

.select2-results__option {
  font-size: 14px !important;
  padding: 8px;
  display: flex;
}

.select2-container .select2-search--inline .select2-search__field {
  /*width: 100px !important;*/
  margin: 0;
}


.select2-container--default .select2-selection--multiple::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #999;
  transform: translateY(-50%);
  pointer-events: none;
}

#allpropertyType .select2-results__option span {
    display: flex;    
    line-height: normal;
    align-items: flex-start;
}

.select2-results__option .select2-checkbox {
    margin: 0;
    margin-right: 8px;
    width: 16px;
}

#CitySelectDw {
  margin-left: 20px;
}

#CitySelectDw #city-select {
  font-size: 13px;
  appearance: auto;
}


/*****Offer section*********/


.developerProjectsData .card-footer {
  background-color: transparent;
  border: none;
  padding: 16px;
}


.refresh-btn {
  border: 0px;
}

@media (max-width: 768px) {
  li.properies_type_data {
    display: block !important
  }

  .justify-content-center {
    justify-content: flex-start !important;
  }

  /*.filter-modal-content{*/
  /*  width:100% !important;*/
  /*}*/
}

/* CSS for inline display and horizontal scrolling */

.filters {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  padding: 10px;
  box-sizing: border-box;
}

.filters {}

.filters .form-control,
.filters .refresh-btn {
  flex: 0 0 auto;
  /*margin-right: 10px;*/
  min-width: 150px;
  /* Adjust as needed */
}

.filters .form-control {
  height: 38px;
  /* Ensure inputs are tall enough */
}

.filters .refresh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  /* Adjust size as needed */
  height: 38px;
  /* Adjust size as needed */
}

@media (max-width: 768px) {
  .overview_txt .content {
    display: none;
  }

  /*section.filters {*/
  /*    margin: 0px;*/
  /*    padding: 10px 10px;*/
  /*    display: flex;*/
  /*    flex-wrap: nowrap;*/
  /*    align-content: center;*/
  /*    align-items: center;*/
  /*    background-color: #f0f0f0;*/
  /*    justify-content: flex-start;*/
  /*}*/
}


/* .developer-link {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em; 
  position: relative;
  padding-right: 3em; 
} */

/* .read-more {
  font-weight: bold;
  position: absolute;
  right: 0;
  bottom: 0;
  background: white;
  padding-left: 0.5em;
  cursor: pointer;
}
*/
.dev_pr_logo {
  /*margin-right:15px !important;*/
}


.reraQR_main .rera_info .img-fluid {
  width: auto;
}

#header .img-fluid {
  /*width: 90px;*/
      height: 16px;
}



/*Developer project Landing page css*/


.SimilarProp_main ul li i {
  /* background: <?php echo $secondary_color;?>; */
}

#banner_developer {
  /* background:#000; */
}


#project_main {
  /* margin:50px 0px; */
  margin: 0px;
}

.developers_list_location {
  padding: 60px 0 0 0;
}

.projects_list_location {
  padding: 60px 0;
}

.company_name_details li a {
  padding: 0px 10px;
  font-size: 16px;
  letter-spacing: 0.6px;
}

.company_name_details li a.channel_prtner {
  font-size: 12px;
  letter-spacing: 0.7px;
}


.bi.bi-funnel {
  font-size: 20px;
  margin-left: 20px;
}


/* Filter Modal */
/*.filter-modal {*/
/*  display: none;*/
/*  position: fixed;*/
/*  z-index: 10000;*/
/*  right: -100%;*/
/*  top: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  overflow: auto;*/
/*  background-color: rgba(0, 0, 0, 0.75);*/
  /* transition: right 0.6s ease-in-out, opacity 0.6s ease-in-out; */
/*  transition: transform .3s ease-out;*/
/*}*/

/*.filter-modal.show {*/
/*  display: block;*/
/*  right: 0;*/
/*  opacity: 1;*/
/*}*/

/*.filter-modal-content {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    background-color: #fff;*/
/*    width: 100%;*/
/*    height: 100%; */
/*    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);*/
/*    overflow-y: auto;*/
/*}*/
.close {
  position: absolute;
  top: 10px;
  right: 25px;
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.filter-section {
  margin-bottom: 10px;
}

.filter-section h3 {
  margin-bottom: 10px;
}

.filter-section label {
  display: block;
  margin-bottom: 5px;
}

.filter-section input[type="checkbox"] {
  margin-right: 5px;
}

.filter-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.filter-inline label {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* CSS for inline display and horizontal scrolling */

.filters {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  padding: 10px;
  box-sizing: border-box;
}

.filters .form-control,
.filters .refresh-btn {
  flex: 0 0 auto;
  /*margin-right: 10px;*/
  min-width: 150px;
  /* Adjust as needed */
}

.filters .form-control {
  height: 38px;
  /* Ensure inputs are tall enough */
}

.filters .refresh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  /* Adjust size as needed */
  height: 38px;
  /* Adjust size as needed */
}

@media (max-width: 768px) {
  .overview_txt .content {
    display: none;
  }


}

.landing_page_project .highlights_box .row {
  justify-content: center;
}

.landing_page_project .SimilarProp_main .card .btn.book_a_visit {
  background: var(--primary);
  border: var(--primary);
  /*color: var(--primarytextcolor);*/
}

/*.landing_page_project .SimilarProp_main .card .know_more{*/
/*    color:var(--primary);*/
/*    border:1px solid var(--primary);*/
/*}*/
.wishlist {
  display: none;
}


/*.projectCard {*/
/*  position: relative;*/
/*  min-height: 612px;*/
/*}*/

.img_box {
  position: relative;
}

.img_box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), transparent 30%, transparent 100%, rgba(0, 0, 0, 0.9));
  pointer-events: none;
  z-index: 1;
}

/* .company-logo-overlay {
  top: 10px;
  left: 10px;
  z-index: 10;
   background-color: #FFF !important;  
   padding: 5px !important; 
  border-radius: 3px;
}

.company-logo {
  width: 75px; // Adjust the size as needed
  height: auto;
  border-radius: 3px;
} */

.company-logo-overlay {
  width: 70px;
  height: 30px;
  padding: 5px;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  /* Makes the div look clickable */
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  left: 10px;
  z-index: 10;
  background-color: #FFF !important;
  background-color: #FFF !important;
  border: 1px solid #DDD;
}

.company-logo {
  max-width: 100%;
  max-height: 100%;
  /*filter: invert(1);*/
  object-fit: contain;
  /* Ensures the image covers the div properly */
}

.possession_badge1 {
  position: absolute;
  right: 0px;
  top: 10px;
  background-color: rgba(255, 255, 255, 1);
  padding: 4px 12px 4px !important;
  font-weight: 600;
  border-radius: 4px 0 0 4px;
  /* margin: 0px 10px; */
  /* border-radius: 20px; */
  padding: 2px 8px !important;
  /* line-height: 21px; */
  vertical-align: middle;
  display: flex;
  z-index: 2;
}

.possession_badge {
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 10px;
  width: 135px;
  height: 18px;
  background: #22d9eb;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, calc(100% - 100px) 50%);
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
  color: #091e42;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-right: 12px;
  padding-left: 19px !important;
}

.possession_badge.newlaunch {
  width: 110px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, calc(100% - 100px) 50%);
}

.possession_badge.readytomove {
  width: 130px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, calc(100% - 120px) 50%);
}

.possession_badge.underconstruction {
  width: 150px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, calc(100% - 138px) 50%);
}

.possession_badge em {
  font-size: 14px;
}

.possession_badge .reraloc {
  font-size: 10px;
  line-height: 20px;
}


.offer_list {
  position: absolute;
  /* Position list absolutely within the container */
  top: 0;
  width: 100%;
  /* Ensure the list takes up the full width */
  padding: 0;
  margin: 0;
  list-style: none;
  /* Remove list styling */
}

.offer_list li {
  padding: 8px 10px;
  box-sizing: border-box;
  white-space: nowrap;
  /* Prevent text from wrapping to the next line */
  overflow: hidden;
  /* Hide overflow */
  text-overflow: ellipsis;
  /* Add ellipsis for overflowed text */
  display: block;
}

/* .d-flex {
  display: flex !important;
  align-items: center;
  justify-content: center;
} */
.card-footer {
  background-color: transparent;
  border-top: transparent;
}


.sample_flat1 h2.heading {
  text-align: center;
}

.sample_flat1 .row {
  justify-content: center;
}

#filters {
  width: 100%;
  top: 0;
  z-index: 1000;
  transition: all 0.3s ease-in-out;
}

.company_name_details li a {
  padding: 0px 10px;
  font-size: 16px;
  letter-spacing: 0.6px;
}

.company_name_details li a.channel_prtner {
  font-size: 12px;
  letter-spacing: 0.7px;
}


.developer-link {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em;
  /* Adjust this value as needed */
  position: relative;
  padding-right: 3em;
  /* To make space for the Read more link */
}

.read-more {
  font-weight: bold;
  position: absolute;
  right: 0;
  bottom: 0;
  background: white;
  padding-left: 0.5em;
  cursor: pointer;
}

@media (max-width: 768px) {
  #banner_with_title img {
    width: auto;
    height: auto;
    display: block;
    /* max-width: 150%; */
  }

}

.offer-section {
  background-color: #f7f7f7;
  border-radius: 5px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  padding: 0px;
}

.offer-section .offers {
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 10px;
}

.offer-section .offer-list {
  list-style-type: none;

}

.offer-section {
  padding: 10px;
  background-color: #f7f7f7;
  border-radius: 5px 0px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  margin: 0 auto;
  /* Center align */
}

.offer_section .offers {
  overflow-x: auto;
  /* Allows horizontal scrolling on small screens */
  white-space: nowrap;
  /* Prevents wrapping */
  padding-bottom: 10px;
}

.offer_section .offer-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  /* Arrange items in a row */
}

.offer_section .offer-item {
  /* background-image: linear-gradient(266deg, #ffdad9, #dbd9ff); */
  background: rgb(0 0 0 / 50%);
  /* border: 1px 0px solid #ddd !important; */
  border-radius: 0px;
  padding: 2px 10px;
  margin-right: 10px;
  white-space: normal;
  /* Allow line breaks inside item */
  flex: 0 0 auto;
  /* Prevent items from shrinking */
  transition: transform 0.3s ease;
}

.offer_section .offer-item:last-child {
  margin-right: 0;
}

/* .offer_section .offer-item:hover {
  transform: scale(1.05);
} */

.offer_section .d-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.offer_section .offer-item {
  /* background-color: #ffffff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; */
  white-space: normal;
}

.offer_section .d-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

/*.offer_section .offers .offer-icon i {*/
/*  font-size: 12px;*/
/*  color: #22d9eb !important;*/
  /* Vibrant orange-red for the offer icon  ff4500*/
/*  margin-right: 0px;*/
/*}*/

/*.offer_section .offer-icon i {*/
/*  font-size: 12px;*/
/*  color: #FFF !important;*/
  /* Vibrant orange-red for the offer icon  ff4500*/
/*  margin-right: 10px;*/
/*}*/

/*.offer_section .offer_title {*/
/*  font-size: 14px;*/
  /* font-weight: bold; */
/*  color: #fff !important;*/
/*}*/

.SimilarProp_main .highlight-box ul li i {
  background-color: transparent;
}

/* .highlights-section {
  background-color: #f9f9f9; 
  border: 1px solid #ddd;  
  border-radius: 8px;
  padding: 20px;
  margin-top: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
} */


/*.highlights-section {*/
/*  flex-wrap: nowrap;*/
  /* justify-content: space-between; */
/*  margin: 0;*/
/*  padding: 0;*/
/*}*/
/*.hightlightsMore .highlights-list {*/
/*    max-height: calc(280px - 60px);*/
/*    display: block;*/
/*    overflow-y: auto;*/
/*    line-height: normal;*/
/*}*/
/*.highlights-title {*/
/*    font-size: 16px;*/
/*    color: #118792;*/
/*    margin-top: 14px;*/
/*    margin-bottom: 0px;*/
/*    padding-bottom: 2px;*/
/*    line-height: 26px;*/
/*}*/

/*.highlights-list {*/
/*  list-style: none;*/
/*  padding: 0;*/
/*  margin: 0;*/
/*}*/

/*.highlights-section .seeMore {*/
/*    min-width: 80px;*/
/*    max-width: calc(50% - 12px);*/
/*    margin: 0;*/
/*    margin-left: 4px;*/
/*    font-size:12px;*/
/*    line-height: 24px;*/
/*    position: sticky;*/
/*    bottom: 0;*/
/*}*/

/*.highlight-item {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  font-size: 12px;*/
/*  color: #333;*/
  /* Dark color for readability */
/*  margin-bottom: 10px;*/
/*}*/

/*.highlight-item i {*/
/*  margin-right: 5px;*/
/*  color: #118792;  */
/*  font-size: 1.2rem;*/
/*  padding: 4px 4px !important;*/
/*}*/

/*.highlight-item:last-child {*/
/*  margin-bottom: 0;*/
/*}*/


.SimilarProp_main .highlights-section ul li.highlight-item i {
  background-color: transparent;
}


.highlights-section {
  position: relative;
  /* Ensure the container is positioned relative */
}

.hightlightsMore {  
    display: block;
    margin: 0;
    border: 1px solid #DDD;
    padding: 10px;
    border-radius: 8px;
    position: absolute;
    bottom: 65px;
    background: #FFF;
    width: calc(100% - 32px);
    box-shadow: 0px 1px 9px 0px #3333332b;
    z-index: 1000;
    overflow-y: auto;
    max-height: 300px;
}

.highlight-item.hightlightsMore i {padding:0px}

/*.highlights-section.hightlightsMore ul li{*/
/*    margin-bottom: 10px;*/
/*    line-height: normal;*/
/*}*/

.hightlightsMore .seeMore a {
    position: sticky;
    bottom: 0;
}

.additional-highlights {
  display: none;
  /* Hide additional highlights initially */
}

.hightlightsMore .additional-highlights {
  display: block;
  /* Show additional highlights when in .hightlightsMore state */
}


/* .hightlightsMore .highlights-list .seeMore {
  display: none;
} */

/*.hightlightsMore .highlights-list li {*/
/*    width: auto !important;*/
/*    float: none;*/
/*    font-size: 12px;*/
/*    margin-right: 0; */
/*    margin-bottom: 10px;*/
/*    position: sticky;*/
/*    top: 0;*/
/*    background-color: #ffffff;*/
/*}*/

.hightlightsMore .highlights-title {
    margin: 0 !important;
    position: sticky;
    top: 0;
    background-color: #ffffff;
    width: 100%;
    z-index: 99;
    line-height: normal;
    padding-bottom: 10px;
}

.hightlightsMore .highlights-list li .bi {
    display: block;
    background: transparent;
    padding: 0 !important;
    margin-right: 10px !important;
}



.inner-page.load-more-container-project {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.inner-page.load-more-container-project button#load-more-container {
  background: transparent !important;
  border: 0px;
  font-size: 15px;
}

/* Container for highlights section */
/* .highlights-section {
  border: 1px solid #ddd; 
  padding: 10px; 
  background-color: #f9f9f9; 
  border-radius: 5px; 
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
  height: 150px; 
  overflow: hidden; 
} */

/* Scrollable ul for highlights */
/* .highlights-list {
  max-height: 100px;
  overflow-y: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
} */

/*.SimilarProp_main .highlights-section .highlights-list .highlight-item { */
    /*line-height: normal;*/
    /*margin-bottom: 10px;*/
     
/*    position: relative;*/
/*    display: flex;*/
/*    align-items: center; */
/*}*/
  /*.SimilarProp_main .highlights-section .highlights-list .highlight-item {
    
 max-width: calc(50% - 12px);
  float: left;
  background: #f4f5f7;
  border-radius: 4px;
  height: 24px;
  display: block;
  margin-left: 4px;
  margin-right: 0;
  padding: 4px 8px 4px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}*/

/* .SimilarProp_main .highlights-section .highlights-list .highlight-item .bi { display: none; } */

/* Scrollbar styles for webkit browsers (Chrome, Safari) */
/* .highlights-list::-webkit-scrollbar {
  width: 3px;
}

.highlights-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.highlights-list::-webkit-scrollbar-thumb {
  background: #118792;
  border-radius: 10px;
}

.highlights-list::-webkit-scrollbar-thumb:hover {
  background: #118792; 
} */

/* Adding border to scrollbar track */
/* .highlights-list::-webkit-scrollbar-track {
  border: 1px solid #118792;
  border-radius: 10px;
} */

/* Styling for individual highlight items */
/* .highlight-item {
  margin-bottom: 10px; 
  font-size: 14px; 
  display: flex;
  align-items: center; 
  color: #333; 
} */
 

.developer_data_location .developer-link:hover,
.developer_data_location .developer-link:active {
  background-color: transparent;
  color: #118792;
}


.card-footer {
  margin-bottom: 10px;
}

.developer_landing button.btn.btn-success.btn.book_a_visit.ms-1 {
  background-color: #118792;
}


#EnquireModal .btn.btn-success,
#DownloadBrochureModal .btn.btn-success,
#SimilarProjectEnquire .btn.btn-success {
  background: var(--primary);
  border: var(--primary) !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

#EnquireModal .btn.btn-success:hover,
#DownloadBrochureModal .btn.btn-success:hover,
#SimilarProjectEnquire .btn.btn-success:hover {
  background: var(--primary);
  border: var(--primary) !important;
  box-shadow: 0 0 10px var(--primary);
  animation: blink-animation 0.3s linear infinite alternate;
}

.developer_data_location .developer_logo {
  display: block;
  padding: 0px 0px;
  height: 75px;
  vertical-align: middle;
  border: 1px solid #C7C7C7;
  border-radius: 10px;
  margin: 12px;
}

.developer_details a.title {
  font-size: 15px;
  color: #000;
}

.project_detatils_data .project_detatils_data_title {
  color: #000;
}

/* .project_detatils_data_title .card-title{
    color: #000;
    font-size: 20px;
} */

/*.location_all_project_listing a.btn.btn-success.book_a_visit.ms-1 {*/
/*  background: #118792 !important;*/
/*}*/

.developers_landing section.SimilarProp_main {
  padding: 0px !important;
}

.location_all_project_listing #project_main {
  margin-top: 0px !important;
}

.data-not-found .heading {
  text-align: center;
}

/* Filter for the modal  */
/*.filter-modal {*/
/*    position: fixed;*/
/*    right: -100%;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    max-width: 450px;*/
/*    background-color: white;*/
/*    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);*/
/*    z-index: 1050;*/
/*    transition: right 0.3s ease-in-out;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*} */
/*.filter-modal .filter_title {*/
/*  background-color: #0D5C64;*/
/*  padding: 15px;*/
/*  color: #FFF;*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  align-items: center;*/
/*  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/
/*  font-size: 20px;*/
/*  font-weight: bold;*/
/*}*/

/*.filter-modal .filter-header .close {*/
/*  font-size: 20px;*/
/*  color: #000;*/
/*  cursor: pointer;*/
/*  transition: color 0.3s ease;*/
/*}*/

/*.filter-modal .filter-header .close:hover {*/
/*  color: #DDD;*/
/*}*/

/*.filter-section {*/
/*  margin-bottom: 10px;*/
/*}*/

/*.filter-section h3 {*/
/*  font-size: 16px;*/
/*  font-weight: 600;*/
/*  margin-bottom: 10px;*/
/*  color: #333;*/
/*}*/

/*.filter-inline {*/
/*  display: flex;*/
/*  flex-wrap: wrap;*/
/*}*/

/*.filter-inline input[type="checkbox"] {*/
/*  margin-right: 8px;*/
/*  transform: scale(1.2);*/
/*} */
/*.filter-inline .checkFilter {*/
/*  background-color: #118792;*/
/*  color: white;*/
/*  border-color: #118792;*/
/*}*/

/*.filter-footer .clear-all-btn {*/
/*  background-color: transparent;*/
/*  color: #118792;*/
/*  border: 1px solid #118792;*/
/*  padding: 6px 35px;*/
/*  font-size: 16px;*/
/*  font-weight: 600;*/
/*  cursor: pointer;*/
/*  border-radius: 30px;*/
/*  transition: background-color 0.3s ease;*/
/*}*/

/*.filter-footer .clear-all-btn:hover {*/
/*  background-color: #0D5C64;*/
/*  color: #FFF;*/
/*  border-color: #0D5C64;*/
/*}*/

/*.filter-footer .apply-filter-btn {*/
/*  background-color: #118792;*/
/*  color: #FFF;*/
/*  border: none;*/
/*  padding: 8px 30px;*/
/*  font-size: 16px;*/
/*  font-weight: 600;*/
/*  cursor: pointer;*/
/*  border-radius: 30px;*/
/*  transition: background-color 0.3s ease;*/
/*}*/

/*.filter-footer .apply-filter-btn:hover {*/
/*  background-color: #0D5C64;*/
/*} */
/*.filter-inline input[type="checkbox"] {*/
/*  position: absolute;*/
/*  opacity: 0;*/
/*  width: 0;*/
/*  height: 0;*/
/*}*/

/*.filter-inline label {*/
/*  display: inline-block;*/
/*  padding: 5px 15px;*/
/*  border: 2px solid #CCC;*/
/*  border-radius: 5px;*/
/*  background-color: #FFF;*/
/*  color: #333;*/
/*  cursor: pointer;*/
/*  transition: all 0.3s ease;*/
/*}*/

/*.filter-inline input[type="checkbox"]:checked + label {*/
/*  background-color: #118792;*/
/*  color: white;*/
/*  border-color: #118792;*/
/*} */
/*.filter-inline label:hover {*/
/*  border-color: #118792;*/
/*}*/


/*form#filter-form {*/
/*  padding: 0px 15px;*/
/*  overflow-x: hidden;*/
/*  overflow-y: auto;*/
/*  height: 450px;*/
/*}*/

/* Full height modal with a max width of 500px */
/*#DeveloperModal .modal-full-height {*/
/*  max-width: 500px;*/
/*  width: 100%;*/
  /* Ensures it scales down for smaller screens */
/*  height: 100%;*/
/*  margin: 0;*/
/*  top: 0;*/
/*  right: -100%;*/
  /* Start off-screen for the sliding effect */
/*  transition: right 0.3s ease-in-out;*/
/*  position: fixed;*/
/*  background-color: white;*/
  /* Ensure the background is white */
/*  z-index: 1050;*/
  /* Ensure it's above other content */
/*}*/

/* Make the modal header and content fit nicely */
#DeveloperModal .modal-header {
  background-color: #0D5C64;
  color: white;
  padding: 15px;
  border-radius: 0px;

}

#DeveloperModal.about_project_content .modal-header{
    background-color:var(--primary);
}
#projectOverviewModal .modal-header{
    background-color:#0D5C64;
    color:#FFF !important;
}

#DeveloperModal .modal-content {
  border: 0px;
}

/*#DeveloperModal .modal-body {*/
/*  padding: 20px;*/
/*  overflow-y: auto;*/
  /* Allow scrolling if content is long */
/*  height: calc(100% - 60px);*/
  /* Adjust height based on header size */
/*}*/

/* Modal open state */
#DeveloperModal .modal.show .modal-full-height {
  right: 0;
  /* Slide in from the right */
}

/* Ensure the modal close button is visible */
#DeveloperModal .btn-close {
  color: white;
}

/* Adjust padding around content */
/*#DeveloperModal .modal-body .content {*/
/*  margin-bottom: 20px;*/
/*}*/
/*#DeveloperModal .modal-header img{*/
/*  width: 100px;*/
/*}*/
/*#DeveloperModal .modal-header{*/
/*  padding:10px;*/
/*  background:#0D5C64;*/
/*}*/
/*#DeveloperModal .modal-header .btn-close{*/
/*  color:#FFF;*/
/*}*/
/*#DeveloperModal .modal-title{*/
/*  font-size:18px;*/
/*}*/
/*#DeveloperModal .content{*/
/*  margin-bottom:20px;*/
/*}*/
/*#DeveloperModal .project-locations{*/
/*  margin-bottom:70px;*/
/*}*/
/*#DeveloperModal .modal-dialog.modal-dialog-slide{*/
/*  position: fixed;*/
/*  right: 0;*/
/*  margin: 0;*/
/*  top:0;*/
/*}*/
/*#developerModal .modal-content{*/
/*  border:0px*/
/*}*/

.select2-container--default .select2-selection--multiple {
  padding: 8px 3px !important;
  border: 1px solid #dee2e6 !important;
  display: flex;
  font-size: 12px;
  align-items: center;
}

.location_all_project_listing .select2-container--default .select2-selection--multiple {
  padding: 3px 8px !important;
  border: 1px solid #dee2e6 !important;
  display: flex;
  font-size: 12px;
  align-items: center;
}
.location_all_project_listing .select2-container--default .select2-selection--multiple .select2-selection__choice{
  padding:0px;
}

.filters .form-control,
.filters .select2-container--default .select2-selection--multiple {
  margin: 0px;
  /*margin-right: 20px;*/
}

.landing_page_project .swiper-banner1 {
  min-height: 375px;
  max-height: 450px;
}

.landing_page_project .swiper-banner1 .swiper-wrapper img.swiper-slide {
  object-fit: cover;
}

/*.hightlightsMore .highlights-list li.highlight-item{*/
/*  margin-bottom: 0px;*/
/*}*/

.img-fluid.developer-logo-modal {
  width: 100px;
  height: auto;
}

.developers_landing .developers-projects-section-data {
  margin: 0px 0px;
}

/*.portal_homepage .developers-projects-section-data .projectCard {*/
/*  position: relative;*/
/*  min-height: 615px;*/
/*}*/

.location_all_project_listing .developers_landing .location_all_projects.projects_list_location.p-0 {
  margin-top: 0px;
}

.developer-logo-modal-mobile {
  width: 100px !important;
  max-width: 115px;
  height: 100%;
  margin: auto;
  object-fit: contain;
  /*filter: invert(1);*/
}

/* #header .logo img {
  max-height: 50px;
} */
.modal-header {
  /* margin: 0; */
  padding: 10px 20px;
}

.modal-title {
  width: 90%;
  /*text-align: center;*/
}

 
.schedule_a_visit {
    position: relative;
    background-size: cover;
    background-position: center right;
    padding: 60px 0;
    background-attachment: fixed;
    overflow: hidden;
}

.schedule_visit{
    background-color:#509bcfe3;
    background-image: url(../img/bg_img/bg2.png);
}
.schedule_visit .site-visit-img{
   /*float: left;*/
   /* width: 60%;*/ 
    display: contents;
}

.schedule_visit .form-check input[type=checkbox]{
    width:10px;
    height: 10px;
}
.schedule_visit .form-check{
    font-size: 11px;
    line-height: normal;
}
.schedule_a_visit .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  /* This ensures the overlay is behind the form content */
}

.schedule_a_visit .container {
  position: relative;
  z-index: 2;
  /* This ensures the form content is above the overlay */
  color: #fff;
  /* White text for better visibility on the dark background */
}

.schedule_a_visit .relationship_box {
  /* background-color: rgba(255, 255, 255, 0.9); /* Slightly transparent background for the form */
  /* padding: 20px; */
  border-radius: 8px;
  z-index: 3;
  /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); */
}

/*.schedule_a_visit .relationship_info form .form-group {*/
/*   margin-bottom: 15px; */
/*}*/

.schedule_a_visit .relationship_info form .btn_box {
  margin-top: 14px;
}

.schedule_a_visit .submit_form_schedule_visit {
  width: 100%;
  padding: 9px;
}

.schedule_a_visit .relationship_info form .form-control {
  background-color: #fff;
}

.schedule_a_visit .relationship_info form .input-group-text {
  background-color: #118792;
  color: #fff;
}

.schedule_a_visit .relationship_info form button {
  background-color: #118792;
  color: #fff;
  border: none;
}

.schedule_a_visit .relationship_info form button:hover {
  background-color: #0f6a6a;
}

/*site visit section start*/
.schedule_visit .card{
    /*float: right;*/
    margin:0 auto;
    /*width: 50%;*/
    width: 420px;
    border-radius: 8px; 
    box-shadow: 10px 10px 12px 1px #0c0c0c3b;
}
.schedule_visit .card .card-header {
    background: #FFF;
    border: none;
    padding: 24px 0 0 0;
}
.schedule_visit .card .card-header  .section-title {
    color: #333;
    font-size: 20px;
}

.schedule_visit .card .card-body .form-label{
    font-size: 12px;
    color: #787171;
}
.schedule_visit .card .card-body .form-control{
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: border-color 0.3s;
    font-size: 13px;
    border: 1px solid #dee2e6 !important;
}

.schedule_visit .card .btn{
    width: 40%;
}

/*faqs*/
.faq_box{
    
    background-color: #f1f5ff;
}
.faq_box .accordion-button {
    position: relative;
    background: transparent;
    padding: 20px 0px; 
    padding-right: 20px;
    font-size: 16px;
    box-shadow: none;
}

.faq_box .accordion-button::after{
    position: absolute;
    right: 0;
}

.faq_box img{
    max-width: 310px;
    margin: 0 auto;
}

.faq_box .accordion-body {
  padding: 0px;
  padding-bottom: 10px;
}

.faq_box .accordion-button:focus {
  border: none;
  box-shadow: none;
}

.faq_box .accordion-item {
  background-color: transparent;
  border: none;
  border-radius: 0 !important;
  border-bottom: 1px solid #333;
}
.faq_box .accordion-item:last-child{border-bottom:none}

/*faqs end*/

.footer-enquiryBtn {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  /* Make sure it's above other elements */
  display: flex;
  flex-direction: column;
  /* Stack buttons vertically */
  gap: 10px;
  /* Add space between the buttons */
  cursor: pointer;
}

.footer-enquiryBtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: var(--primary);
  /* Customize button color */
  color: var(--primarytextcolor);
  border: 1px solid var(--primarytextcolor);
  text-decoration: none;
  width: 41px;
  /* Narrow width to match the button style */
  height: 140px;
  /* Tall button to create vertical space */
  border-radius: 5px 0 0 5px;
  /* Rounded left side */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  cursor: pointer;
}

.footer-enquiryBtn a span {
  writing-mode: vertical-rl;
  /* Rotate text vertically */
  transform: rotate(180deg);
  /* Adjust the orientation to read from bottom to top */
  font-size: 15px;
  /* font-weight: bold; */
}

.footer-enquiryBtn a:hover {
  background-color: var(--primary);
  /* Darken button color on hover */
}

#schedule_site_visit a.privacy-policy,
#schedule_site_visit a.terms-conditions {
  color: #22d9eb;
  font-weight: 700;
  /*text-decoration: underline;*/
}

#schedule_site_visit a.privacy-policy:hover,
#schedule_site_visit a.terms-conditions:hover {
  text-decoration: underline;
}

.landing_page_project .location_all_projects.projects_list_location {
  padding: 0px !important;
}

.landing_page_project .SimilarProp_main {
  padding-bottom: 30px !important;
}

.city-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.floor_info img {
  border: 1px solid var(--primary);
  filter: blur(2px);
  transition: filter 0.3s ease;
  width: 100%;
  object-fit: cover;
}

.floor_info .btn_box1 {
  background-color: rgba(0, 0, 0, 0.7);
  /* Blackish button with slight transparency */
  color: #fff;
  /* White text */
  font-size: 16px;
  font-weight: 600;
  padding: 6px 24px;
  border-radius: 0;
  /* No border-radius */
  box-shadow: none;
  /* text-transform: uppercase; */
  letter-spacing: 1px;
  transition: background-color 0.3s ease, transform 0.3s ease;
  position: absolute;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
}

.floor_info .btn_box1 a {
  background-color: transparent;
  border: transparent;
  width: 100%;
}

.floor_info .btn_box1:hover {
  background-color: var(--primary);
}

.floor_info .swiper-slide {
  position: relative;
  /* Ensure proper positioning of child elements */
}

.floor_info .btn_box1 a:active {
  background-color: transparent;
  background: transparent;
}

.video-container1 {
  position: relative;
  border: 1px solid var(--primary);
  width: calc(100% - 20px);
}

.video-container1 .btn_box1 {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 24px;
  border-radius: 0;
  box-shadow: none;
  /* text-transform: uppercase; */
  letter-spacing: 1px;
  transition: background-color 0.3s ease, transform 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
}

.video-container1 .btn_box1 a,
.video-container1 .btn_box1 a:active {
  background-color: transparent;
  background: transparent;
  border: transparent;
  width: 100%;
}

.video-container1 .btn_box1:hover {
  background-color: var(--primary);
}

div#sampleFlatContainer .btn_box,
#droneContainer .btn_box {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 24px;
  border-radius: 0;
  box-shadow: none;
  /* text-transform: uppercase; */
  letter-spacing: 1px;
  transition: background-color 0.3s ease, transform 0.3s ease;
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 99%;
  cursor: pointer !important;
}

div#sampleFlatContainer .btn_box:hover,
#droneContainer .btn_box:hover {
  background-color: var(--primary);
  border: var(--primary);
}
div#sampleFlatContainer:hover .btn_box,
#droneContainer:hover .btn_box {
  background-color: var(--primary);
  border: var(--primary);
}
.video-container1:hover .btn_box1,.video-container1:hover .btn_box1{
    background-color: var(--primary);
  border: var(--primary);
}

.flat_videos {
  position: relative;
  margin-top:32px;
}


div#sampleFlatContainer .btn_box a.btn.btn-success,
div#droneContainer .btn_box a.btn.btn-success {
  background: transparent;
  border: transparent;
  width: 100%;
}

div#sampleFlatContainer .btn_box a.btn.btn-success:active,
div#droneContainer .btn_box a.btn.btn-success:active {
  background: transparent;
  border: transparent;
  width: 100%;
}

div#sampleFlatContainer .btn_box a.btn.btn-success:hover,
div#droneContainer .btn_box a.btn.btn-success:hover {
  background: transparent;
  border: transparent;
  width: 100%;
}

@media screen and (max-width: 767px) {

  /*.developer_landing .projects_list_location .SimilarProp_main .swiper-slide{*/
  /*  width:310px !important;*/
  /*}*/
  .swiper-banner .swiper.swiper-banner1 {
    z-index: 0;
  }

  #banner_with_title ul.breadcrum-url {
    left: 46%;
    width: 100%;
  }

  .navbar ul {
    display: block;
  }

}

#sampleFlatContainer1 img,
#droneContainer1 img {
  filter: blur(2px);
  transition: filter .3s;
  width: 100%;
}


.sample_flat1 .flat_videos1 {
    margin-top: 32px;
}

a {
  cursor: pointer !important;
}

.vertical-line {
    width: 2px;
    height: 20px;
    background-color: #ccc;
    margin: 0 10px;
    position: relative;
    top: 2px;
}

#neighborhood .tab-btn.active img,
#neighborhood .tab-btn.active svg {
    vertical-align: middle;
    width: 22px;
    filter: brightness(0) saturate(100%) invert(1);
}
#neighborhood .tab-btn:hover img,
#neighborhood .tab-btn:hover svg {
    vertical-align: middle;
    width: 22px;
    filter: brightness(0) saturate(100%) invert(1);
}
.landing_page_project #DeveloperModal .overview_modal h6{
    font-weight: bold;
}

#neighborhood .tab-btn img,
#neighborhood .tab-btn svg {
    vertical-align: middle;
    width: 18px;
    filter: brightness(0);
}
 
.highlights-wrapper {
  max-height: 100px;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.highlights-wrapper.expanded {
  max-height: 500px;
}



/* new changes code add praful */
.landing_page_project .floor_info:hover .btn_box1 {
  background-color: var(--primary); 
}
.landing_page_project .floor_info:focus , .flat_videos:focus {
  outline: none;
  box-shadow: none;
}


.landing_page_project .floor_info:hover,
.landing_page_project .floor_info:focus,
.landing_page_project  .flat_videos:focus , 
.landing_page_project .flat_videos:hover {
  outline: none;
}
.landing_page_project .landing_page_project #header{
  z-index: 99;
}
.landing_page_project #EnquireModal .modal-header{
  z-index: 99999;
}
.mobile_page .video-container[role="button"] {
  cursor: pointer;
  outline: none;
}
.mobile_page .video-container:hover .btn_box1,
.mobile_page .video-container:focus-within .btn_box1 {
  background-color: #118792; /* light green */
}

.mobile_page .video-container:hover .btn_box1 .btn,
.mobile_page .video-container:focus-within .btn_box1 .btn {
  background-color: #118792; /* darker green */
  color: white;
}
.success-message p{
  font-size:16px;
  padding:10px;
}
body.stop-scroll {
    overflow: hidden; /* Prevents scrolling on the body when modal is open */
}
.right-column .category-icon {
    filter: brightness(0) saturate(100%) invert(1);
    width: 12px;
    margin-right: 12px;
}
.category_name_neighbour {
    color: #FFF !important;
    font-weight: 500;
    margin-top: 5px !important;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.project_gallery #pills-tab .nav-link.active{
    background: var(--primary);
    color: #FFF;
}

.gallery-swiper .gallery-thumbs {
    position: relative; /* Ensure this is present */
}

.gallery-swiper .gallery-thumbs::before {
    content: 'Artistic Impression';
    position: absolute;
    bottom: 5px;
    left: 0;
    background-color: rgba(51, 51, 51, 0.68);
    color: #fff;
    font-size: 11px;
    padding: 2px 5px;
    border-radius: 0px 10px 10px 0px;
    z-index: 2; /* ensure it comes on top */
}

.gslide-media::after {
  content: 'Artistic Impression';
  position: absolute;
  bottom: 5px;
  right: 0;
  background-color: rgba(51, 51, 51, 0.68);
  color: #fff;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 10px 0 0 10px;
  z-index: 10;
}
.gslide-media {
  position: relative;
}

.swiper-banner1 .swiper-slide span {max-height: 310px;}
.swiper-banner1 .swiper-slide span::before {
  content: 'Artistic Impression';
  position: absolute;
  bottom: 10px;
  right: 0;
  background-color: rgba(51, 51, 51, 0.68);
  color: #fff;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 10px 0 0 10px;
  z-index: 10;
  pointer-events: none;
}

.swiper-banner1 .swiper-slide {
  position: relative; /* required for ::before to position absolutely */
}

.overview_img_box::after {
  content: 'Artistic Impression';
  position: absolute;
  bottom: 5px;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 10px 0 0 10px;
  z-index: 10;
  pointer-events: none;
}


.blurred-amenity {
    filter: blur(2px);
    opacity: 0.6;
}

.coming-soon-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 6px 12px;
    font-weight: 600;
    /* border-radius: 4px; */
    z-index: 2;
    white-space: nowrap;
    width: 100%;
}

li.position-relative {
    overflow: hidden;
}

.amenity-box {
    position: relative;
    text-align: center;
}

/* ENd Css */
span.non-rera-title {}.project_infoBox .project_info ul li span.non-rera-title {
    font-size: 13px;
}
.project_infoBox .project_info ul.non-rera li i{
    padding-right: 5px !important;
}
.project_infoBox .project_info ul.non-rera {
    padding: 10px 8px;
}
.project_infoBox .project_info ul.non-rera li:nth-child(1):before, .project_infoBox .project_info ul.non-rera li:nth-child(2):before{
        right: -16px
}
.floor_plan_box .Plans_Layout .swiper-wrapper.less-than-three {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    justify-content: center;
}
.about_project_content li p{
  margin: 0px;
}
.overview_box #toggleButton1{
    background: transparent;
    text-decoration: underline;
    
}
.price_box p.price{
    font-size: 1.75rem;
    font-weight: 600;
}
.landing_page_project .price_box p.price {
        line-height: 35px;
}
#autoLoadingMsg {
  z-index: 9999;
  background: white;
  position: relative;
}
.loader-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}

.loader-card {
  background: #fff;
  padding: 5px 25px;
  border-radius: 12px;
  /* border: 1px solid #e3e3e3; */
  text-align: center;
  width: 100%;
  /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06); */
  animation: fadeIn 0.3s ease-in-out;
}

.spinner-animation {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2D2F79;
  animation: bounce 1.2s infinite ease-in-out;
}

.dot1 { animation-delay: 0s; }
.dot2 { animation-delay: 0.2s; }
.dot3 { animation-delay: 0.4s; }

.loader-text {
  font-size: 15px;
  font-weight: 500;
  color: #2D2F79;
}
#loadMoreBtn{
  border:1px solid #2D2F79;
  background-color: #f3f3f3;
  color: #2D2F79;
  font-size: 14px !important;
  padding: 8px 32px !important;
  border-radius: 40px;
  font-weight: 500;
}
#loadMoreBtn:hover{
  background: #2D2F79;
  color: #FFF;
}

@keyframes bounce {
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.shadow-sm {
    box-shadow: none !important;
}

.spinner-border {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: 0.15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite;
}

@keyframes spinner-border {
    to { transform: rotate(360deg); }
}
.about_project_content a {
    color:#212529;
    text-decoration:underline;
}

.overview_txt a, .about_project_content a{
    color:var(--primary)
}
#toggleButton1{
  color:var(--dark);
  font-weight: bold;
}