/* Header */
.mb-30 {
    margin-bottom: 30px !important;
}

@media (max-width:767px) {
    .mb-30 {
        margin-bottom: 20px !important;
    }
}
header {
    background: var(--white);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    padding: 14px 0;
}
.AOClogo img {
    max-width: 270px;
}
.nav_aoc_menu li {display: inline-block;padding: 0  15px;}

.nav_aoc_menu li a {
    text-decoration: none;
    color: var(--dark);
    font-weight: 500;
    transition: all 0.5s ease;
    font-size: 15px;
}

.nav_aoc_menu li a:hover {
    color: var(--main-theme);
}
.fs-40{
    font-size: 40px !important;
}
.nav_aoc_menu li.own_propetry a {
    font-size: 16px;
    font-weight: 600;
}

.nav_aoc_menu li.own_propetry a span {
    display: block;
    font-weight: 400;
    font-size: 12px;
}

nav.nav_aoc_menu ul {
  gap: 15px;
}
.hamburger {
    display: flex;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    z-index: 1201;
    margin-left: 30px;
}
.hamburger span {
    width: 25px;
    height: 3px;
    background: var(--dark);
    border-radius: 19px;
}

 
    /* Side Menu */
    .side-menu {
      position: fixed;
      top: 0;
      right: -350px;
      width: 280px;
      height: 100%;
      background: var(--white);
      box-shadow: -2px 0 8px rgba(0,0,0,0.2);
      padding: 50px 20px;
      transition: 0.3s ease;
      z-index: 99992;
    }

    .side-menu.active {
      right: 0;
    }

    .side-menu a {
      display: block;
      padding: 12px 0;
      color: var(--dark);
      text-decoration: none;
      font-size: 15px;
      border-bottom: 1px solid #eee;
      transition: all 0.5s ease;
    }

    /* Overlay */
    .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      opacity: 0;
      visibility: hidden;
      transition: 0.3s ease;
      z-index: 9999;
    }
.innermenuSlide {
    height: 100%;
    overflow-y: auto;
}
    .overlay.active {
      opacity: 1;
      visibility: visible;
    }
    .side-nav-close {
    position: absolute;
    right: 20px;
    top: 17px;
    opacity: 0.5;
    cursor: pointer;
}
.innermenuSlide li {
    list-style: none;
}
.innermenuSlide a:hover {
    color: #000000;
    padding-left: 10px;
    background: rgb(167 167 167 / 10%);
}
.innermenuSlide {
    height: 100%;
    overflow-y: auto;
}

ul.side-social-ul li {
    display: inline-block;
    margin: 7px 5px 0;
}

ul.side-social-ul {
    text-align: center;
    padding: 10px 0 0;
}

ul.side-social-ul li a {
    border: none;
    background: #eee;
    padding: 8px !important;
    border-radius: 50%;
}

 /* Banner */
.banner_home {
    background: radial-gradient(circle, rgba(42, 78, 163, 1) 0%, rgba(44, 67, 143, 1) 100%);
    color: var(--white);
    min-height: 540px;
}
.banner_inner {
    min-height: 350px!important;
}
.banner_home,.greybanner {  
    padding: 80px 20px 80px;
    text-align: center;
    margin-top: 71px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.banner_home.innerimagebanner:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: radial-gradient(circle, rgba(42, 78, 163, 1) 0%, rgba(44, 67, 143, 1) 100%);
    left: 0;
    opacity: 0.8;
}
  .banner_img3 {
    top: 0;
    right: 100px;
}

.greybanner h1{font-size: 40px;color: #171717; padding-bottom: 10px;}
.greybanner p{font-size: 18px;}
.imagebanner img {
    position: absolute;
}

.banner_img2 {
    left: 20px;
    bottom: 0;
}

.banner_img1 {
    bottom: 0;
    right: 20px;
}  
.banner_home h1 {
    font-size: 44px;
    margin-bottom: 11px;
    font-weight: 800;
}
.banner_home .fs-30,.fs-30{
    font-size: 25px;
    font-weight: 500;
}
.banner_home p {
    font-size: 18px;
    margin-bottom: 34px;
    color: #fff;
}

.banner_home .locationPro img {
    filter: brightness(0) invert(1);
    position: relative;
    top: 3px;
    max-width: 15px;
}.banner_home .breadcrumlist a {
    text-decoration: none;
}
.banner_home.detail_innerBanner p {
    font-size: 17px;
}
    .search-box {
      max-width: 640px;
      margin: auto;
      display: flex;
      border-radius: 50px;
      overflow: hidden;
      background: var(--white);
    }

    .search-box input {
      flex: 1;
      padding: 20px 25px;
      border: none;
      outline: none;
      font-size: 16px;
      border-right: 1px solid #d5d5d5;
    }

    .search-box button {
      background: var(--white);
      border: none;
      padding: 0 25px 0px 17px;
      cursor: pointer;
      font-size: 18px;
      opacity: 0.6;
    }
/* Property */
.custom_h2 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #191919;
}

.para20 {
    font-size: 18px;
    color: #262626;
    font-weight: 500;
}
.propertyboxNew:hover {
    transform: translate(0px, -10px);
}
.propertyboxNew {
    border-radius: 12px;
    overflow: hidden;
    background: var(--white);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    margin-bottom: 32px;
    transition: all 0.5s ease;
}

.propertyboxNew figure img {
    height: 190px;
    object-fit: cover;
}

.propertyboxNew figure {
    position: relative;
}

.propertyboxNew figure  figcaption {
    position: absolute;
    top: 10px;
    left: 11px;
    background: var(--white);
    color: var(--main-theme);
    font-weight: 500;
    font-size: 12px;
    padding: 4px 7px;
    border-radius: 4px;
}

.proejctDetails {
    padding: 13px 14px 10px;
    border-bottom: 1px solid #eee;
}

.proejctDetails h3 a {
    font-size: 17px;
    text-decoration: none;
    color: #2B2B2B;
    font-weight: 600;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.proejctDetails  p.locationPro {
    padding-top: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #5B5B5B;
    font-weight: 500;
    font-size: 15px;
}

.proejctDetails ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    list-style: none;
}
.proejctDetails ul li img {
    max-width: 15px;
}
.proejctDetails ul li {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #666666;
    font-weight: 500;
}

.proejctDetails p.locationPro img {
    max-width: 16px;
}

.projectPrice {
    display: flex;
    justify-content: space-between;
    padding: 12px 15px;
    align-items: center;
}
.allPropertyBox {
    margin-top: 16px;
}
.projectPrice h5 {
    font-size: 17px;
    color: var(--dark);
    font-weight: 700;
}

.projectPrice  .Enquire_Btn {
    background: var(--main-theme);
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    padding: 7px 16px;
    border-radius: 5px;
    letter-spacing: -0.5px;
    transition: all 0.5s ease;
    font-size: 14px;
}

.projectPrice .Enquire_Btn:hover {
    background: #474747;
}
.buttonCommon {
    background: var(--dark);
    padding: 11px 23px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    border-radius: 7px;
    border: none;
    transition: all 0.5s ease;
    cursor: pointer;
    text-decoration: none;
}

.buttonCommon:hover {
    background: #494949;
}
.webTabs {
    margin-bottom: 25px;
    border-bottom: 1px solid #8D8D8C;
}

.webTabs .tab {
    display: inline-block;
    margin-right: 15px;
    border: 1px solid #8D8D8C;
    padding: 13px 25px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: -1px;
    cursor: pointer;
    transition: all 0.52s ease;
}

.webTabs .tab.active {
    border-color: var(--main-theme);
    color: var(--main-theme);
    position: relative;
    z-index: 99;
    background: #fff;
}

.tab.mobile_tab {
    display: none;
}

.tab-section .tab-content {
    display: none;
}

.tab-section .tab-content.active {
    display: block;
}

/* Call to Action */
.call_suitable {
    background: #262626;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    border-radius: 16px;
    overflow: hidden;
}

.call_suitable img {
    width: auto;
    max-height: 340px;
    object-fit: contain;
}

.call_suitable  figure {
    text-align: right;
    margin-bottom: -5px;
    margin-right: -4px;
}

.suitable_box {
    padding-left: 40px;
    max-width: 470px;
}

.suitable_box .custom_h2 {
    font-weight: 700;
}
.banner_home.detail_innerBanner .row {
    align-items: end;
}
.suitable_box p {
    font-size: 19px;
    line-height: 1.5;
    padding-bottom: 12px;
}
.buttonCommon.btn_theme {
    background: var(--main-theme);
    font-weight: 600;
}
.listcheck {
    margin: 15px 0 32px;
}

.listcheck li {
    margin-bottom: 19px;
    font-weight: 500;
    color: #181A20;
    list-style: none;
    position: relative;
    padding-left: 29px;
    line-height: 1.5;
}

.listcheck li:before {
    content: "\f058";
    color: var(--main-theme);
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 1px;
    font-family: 'FontAwesome';
}
.features_warpper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 17px;
    margin-top: 70px;
}

.featuresbox {
    background: #fff;
    border: 1px solid #D3D3D3;
    border-radius:10px;
    padding: 21px 16px;
}

.topHead {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
}

.iconfeatured {
    width: 46px;
    height: 46px;
    background: var(--main-theme);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.topHead h4 {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}

.featuresbox p {
    font-size: 14px;
    color: #4f4f4f;
    font-weight: 500;
    margin-bottom: 5px;
}

.locationwarpper {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px;
    margin: 40px 0;
}

.locationbox a {
    display: grid;
    grid-template-columns: 71px 1fr;
    gap: 15px;
    align-items: center;
    text-decoration: none;
}

.locationbox  img {
    border-radius: 10px;
    max-width: 66px;
    height: 66px;
    object-fit: cover;
    width: 100%;
}

.locationContent h5 {
    color: #181A20;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 4px;
}

.locationContent p {
    margin-bottom: 0;
    font-size: 14px;
}

.clientslider .swiper {
    margin-left: calc((100% - 1330px) / 2 + 15px);
    margin-right: 0;
    padding: 35px 0;
    padding-left: 8px;
}

.testimonial-card {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 8%);
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.QuoteInfo {
    color: #181A20;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 14px;
    display: block;
}

.testimonial-card .stars {
    color: #C1CDE4;
    font-size: 11px;
    margin: 10px 0 30px;
}

.clientInfo {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 10px;
    align-items: center;
    border-top: 1px solid #eee;
    padding-top: 18px;
    width: 100%;
}

.clientInfo img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.clientInfo h4 {
    font-size: 16px;
    font-weight: 600;
}

.clientInfo h4 small {
    display: block;
    font-weight: 400;
    padding: 4px 0;
}

.clientslider .swiper-wrapper .swiper-slide {
    height: auto;
}
 .swiper-pagination-bullet-active{background: var(--main-theme);}

 /* faqs */
 .faq-item {
    background: #FBFBFE;
    margin-top: 26px;
    border-left: 7px solid #F1F2F9;
    padding: 25px;
    border-radius: 8px;
    cursor: pointer;
}

.faq-item .faq-question {
    font-size: 20px;
    font-weight: 500;
    color: #181A20;
    display: grid;
    grid-template-columns: 27px 1fr;
    gap: 8px;
    align-items: center;
}
.faq-answer {
    display: none;
    margin-top: 13px;
    color: #2D2D2D;
    padding-left: 40px;
    line-height: 1.5;
    font-weight: 400;
}

.faq-item.active {
    border-color: var(--main-theme);
    background: #FDF1ED;
}

.faq-item.active .faq-question {
    color: var(--main-theme);
}

.faq-item.active .faq-question i::before {
    content: "\f106";
}

.call_suitable.AppCallWarp {
    background: #F6F6F6;
    grid-template-columns: 60% 40%;
    overflow: visible;
    margin-top: 100px;
}

.call_suitable.AppCallWarp figure {
    margin-top: -170px;
    margin-right: 0;
    margin-bottom: -1px;
}

.call_suitable.AppCallWarp figure img {
    max-height: 100%;
    margin-bottom: -2px;
}

.call_suitable.AppCallWarp .suitable_box {
    max-width: 600px;
}

.button_play {
    display: flex;
    gap: 12px;
}

.button_play img {
    max-width: 196px;
}

.call_suitable.AppCallWarp .suitable_box p {
    font-size: 16px;
}

.call_suitable.AppCallWarp .suitable_box h2.custom_h2 {
    font-weight: 600;
}
/* Footer */
/* Footer Styles */
.footer_warpper {
  background: #fff;
  color: #111;
  font-family: Arial, sans-serif;
  padding: 35px 0px 20px;
}

.footer-container {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr;
  gap: 40px;
  margin: 0 auto;
}

.footer-logo {
  max-width: 240px;
  margin-bottom: 10px;
}

.footer-col h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 20px;
}

.footer-title {
  font-weight: 500 !important;
  margin-top: 23px;
  margin-bottom: 5px;
}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-col ul li {
  margin-bottom: 16px;
}

.footer-col ul li a {
  color: #5f5f5f;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.5s ease;
  font-weight: 500;
}

.footer-col ul li a:hover {
  color: #ff5722;
}

.subscribe-form {
  display: flex;
  margin-bottom: 40px;
  position: relative;
}

.subscribe-form input {
  flex: 1;
  padding: 16px 18px;
  border: 1px solid #ddd;
  border-radius: 8px;
  outline: none;
}

.subscribe-form button {
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  position: absolute;
  right: 7px;
  width: 33px;
  height: 33px;
  padding: 0;
  top: 7px;
  transition: all 0.5s ease;
}

.subscribe-form button:hover {
  background: var(--main-theme);
}

.social-links a {
  display: inline-block;
  margin-right: 15px;
  font-size: 18px;
  color: #111;
  transition: all 0.5s ease;
}

.social-links a:hover {
  color: var(--main-theme);
}

.footer-bottom {
  text-align: center;
  border-top: 1px solid #eee;
  padding: 15px 0 0;
  margin-top: 30px;
  font-size: 14px;
  color: #555;
}


.footer_About p {
    font-weight: 600;
    font-size: 15px;
}

.footer-bottom p {
    margin-bottom: 0;
    font-weight: 500;
}
.back-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  display: none; /* hidden by default */
  z-index: 1000;
  transition: background 0.3s ease, transform 0.3s ease;
  width: 50px;
  height: 50px;
}

.back-to-top:hover {
  background: var(--main-theme);
  transform: scale(1.1);
}
.banner_content {
    position: relative;
    z-index: 99;
}
/* City Rental page */
.bannerafterLinks {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    margin-top: 50px;
    gap: 22px;
}

.linkboxBanner a {
    background: #F7F7F7;
    display: grid;
    grid-template-columns: 40px 1fr;
    text-decoration: none;
    gap: 10px;
    border-radius: 55px;
    padding: 9px 12px;
    align-items: center;
    transition: all 0.5s ease;
}

.linkboxBanner .iconLink {
    background: #fff;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.linkboxBanner p {
    margin: 0;
    font-weight: 600;
    transition: all 0.5s ease;
}
.linkboxBanner a:hover p{ color: #fff;}
.linkboxBanner a:hover {
    background: var(--dark);
    color: #fff;
}
.breadcrumlist li {
    list-style: none;
    margin-right: 10px;
    padding-left: 10px;
    font-size: 14px;
}

.breadcrumlist a {
    color: #454545;
}

.breadcrumlist li:nth-child(1) {
    padding-left: 0;
}
/* Recommend Property */
.Properties_recommendtion {
    margin: 30px 0;
    border-radius: 6px;
    background: #FAEDEB;
    padding: 20px 8px;
}
.recommendedSlider .swiper-button-prev, .recommendedSlider .swiper-button-next {
    background: #FFFFFF;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 42%);
    margin-top: -90px;
}

.recommendedSlider .swiper-button-prev::after, .recommendedSlider .swiper-button-next::after {
    color: #000;
    font-size: 17px;
}

.recommendedSlider .swiper-button-prev {
    left: 6px;
}

.recommendedSlider .swiper-button-next {
    right: 6px;
}

.recommendedSlider .swiper.mySwiper {
    padding: 10px 17px;
}

.Properties_recommendtion .custom_h3 {
    padding-left: 16px;
    margin-bottom: 10px;
}
.custom_h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}

.recommendedSlider .property-card:hover {
    transform: scale(1.04);
}

.recommendedSlider .property-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease;
}
.recommendedSlider .property-card > img {
            width: 100%;
            max-height: 180px;
            object-fit: cover;
        }
.recommendedSlider .property-content {
            padding: 10px 15px 27px;
        }
.recommendedSlider  .property-content h5 {
            font-size: 19px;
            margin-bottom: 8px;
            font-weight: 700;
        }
.recommendedSlider .property-content p {
            font-size: 0.875rem;
            margin-bottom: 5px;
        }
.recommendedSlider  .property-content .badge {
            font-size: 0.7rem;
        }

.recommendedSlider .swiper-wrapper {
    padding-bottom: 15px;
}

.recommendedSlider a {
    color: #2B2B2B;
    text-decoration: none;
}

.recommendedSlider .property-content .pidbadge {
    color: var(--main-theme);
    position: absolute;
    top: 12px;
    background: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 3px;
    left: 12px;
}

.recommendedSlider .property-content h5 span {
    font-size: 14px;
    font-weight: 500;
    color: #585858;
}

.recommendedSlider .property-content h3 {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 1.4;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.recommendedSlider .property-content .locationPro {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    margin-bottom: 19px;
}

.propertyTagbadge {
    background: #F5F5F5;
    padding: 7px 11px;
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
}
 .filter-container {
            background: #F7F7F7;
            border-radius: 12px;
            padding: 24px 20px 0;
            max-width: 320px;
            /* box-shadow: 0 2px 12px rgba(0,0,0,0.1); */
            border: 1px solid #CFCFCF;
        }

        .filter-container h4 {
            font-size: 20px;
            font-weight: 600;
            color: #191919;
            margin-bottom: 24px;
        }

        .filter-container h5 {
            font-size: 16px;
            font-weight: 600;
            color: #1A1A1A;
            margin-bottom: 12px;
            margin-top: 24px;
        }

        .filter-container  h5:first-of-type {
            margin-top: 0;
        }

         .filter-container .price-range {
            margin-bottom: 34px;
        }

        .filter-container  .price-labels {
            display: flex;
            justify-content: space-between;
            margin-bottom: 16px;
        }

         .filter-container .price-label {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

         .filter-container .price-label span:first-child {
            font-size: 12px;
            color: #666;
            margin-bottom: 4px;
        }

        .filter-container  .price-label span:last-child {
            font-size: 14px;
            font-weight: 600;
            color: #ff4500;
        }

         .filter-container .custom-slider {
            position: relative;
            height: 6px;
            background: #e0e0e0;
            border-radius: 3px;
            margin: 20px 0;
            cursor: pointer;
            width: 91%;
        }

        .filter-container  .slider-track {
            position: absolute;
            height: 100%;
            background: #ff4500;
            border-radius: 3px;
        }

        .filter-container  .slider-handle {
            position: absolute;
            width: 20px;
            height: 20px;
            background: #ff4500;
            border-radius: 50%;
            top: -7px;
            cursor: grab;
            border: 2px solid white;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

        .filter-container  .slider-handle:active {
            cursor: grabbing;
        }

        .filter-container  .slider-handle.min-handle {
            z-index: 2;
        }

        .filter-container  .slider-handle.max-handle {
            z-index: 1;
        }

        .filter-container  .property-type, .filter-container  .bed-rooms,  .filter-container .availability,  .filter-container .localities,  .filter-container .project-status {
            margin-bottom: 34px;
        }

         .filter-container .checkbox-item, .radio-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 3px 0 13px;
            cursor: pointer;
        }

        .filter-container  .checkbox-item label, .radio-item label {
            font-size: 14px;
            color: #414141;
            cursor: pointer;
            flex: 1;
        }

         .filter-container .custom-checkbox {
            width: 20px;
            height: 20px;
            border: 2px solid #ddd;
            border-radius: 54px;
            position: relative;
            cursor: pointer;
        }

         .filter-container .custom-checkbox.checked {
            background: #ff4500;
            border-color: #ff4500;
        }

        .filter-container  .custom-checkbox.checked::after {
            content: "\f00c";
            position: absolute;
            font-family:fontawesome;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 12px;
            font-weight: bold;
        }

        .filter-container  .bed-rooms-container {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(5,1fr);
        }

         .filter-container .bed-btn {
            padding: 11px 2px;
            background: white;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            min-width: 40px;
            text-align: center;
        }

         .filter-container .bed-btn.active {
            background: #ff4500;
            color: white;
            border-color: #ff4500;
        }

        .filter-container  .search-input {
            width: 100%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 6px;
            font-size: 14px;
            margin-bottom: 11px;
        }

        .filter-container  .search-input:focus {
            outline: none;
            border-color: #ff4500;
        }

        .filter-container  .location-list {
            max-height: 200px;
            overflow-y: auto;
        }

        .filter-container  .location-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 8px 0;
            cursor: pointer;
        }

         .filter-container .location-item.hidden {
            display: none;
        }

        .filter-container  input[type="checkbox"], .filter-container  input[type="radio"] {
            display: none;
        }

.rentCityRightbox {
    padding-left: 25px;
    padding-top: 15px;
}
.rentCityleftbox{
      padding-right: 20px;
}
.commonFillterwhitebox {
    background: #fff;
    padding: 15px;
    border-radius: 9px;
}

.filter-container .checkbox-item:last-child, .radio-item {
    padding-bottom: 4px;
}

.filter-container .bed-rooms .commonFillterwhitebox {
    padding: 0;
    background: transparent;
}
.unittypelist  ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 17px;
}

.unittypelist ul li a {
    border: 1px solid #B9B9B9;
    padding: 11px 15px;
    display: inline-block;
    color: #5B5B5B;
    text-decoration: none;
    transition: all 0.5s ease;
    border-radius: 45px;
    font-size: 15px;
    font-weight: 500;
}

.unittypelist ul {
    margin-top: 30px;
}

.unittypelist ul li a:hover {
    background: #f7f7f7;
}
.headingtabbutton {
    display: grid;
    grid-template-columns: 1fr 230px;
    align-items: center;
}

.headingtabbutton .webTabs {
    margin: 0;
    border: none;
    background: #eee;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    margin-bottom: 5px;
}

.headingtabbutton .webTabs .tab {
    padding: 8px 9px;
    border-radius: 50px;
    border: none;
    margin: 0;
    font-size: 14px;
}

.headingtabbutton .webTabs .tab.active {
    background: var(--main-theme);
    color: #fff;
} 
section.banner_home.innerimagebanner:before {
    background: #000;
    opacity: 0.6;
}

section.banner_home.innerimagebanner {
    min-height: auto;
    padding: 120px 0;
}
.allPropertyBox.listPropertyView .propertyboxNew {
    display: grid;
    grid-template-columns: 160px 1fr;
    box-shadow: 0 0px 12px rgb(0 0 0 / 15%);
}
 .allPropertyBox .d-flex.flex-wrap {
    margin: 0 -10px;
}
.more-info ul {
    margin: 7px 0;
}

.more-info p {
    font-size: 12px;
    line-height: 1.4;
}

.DatashowMore {
    border: none;
    background: transparent;
    width: 100%;
    height: 20px;
    cursor: pointer;
    color: var(--main-theme);
    margin: 10px auto -3px;
    max-width: 24px;
    text-align: center;
    display: block;
    font-size: 18px;
    padding: 0;
}
.DatashowMore.themebtnCircle {
    background: var(--main-theme);
    color: #fff;
    font-size: 14px;
    max-width: 20px;
    border-radius: 50%;
}
.DatashowMore.active i {
    transform: rotate(180deg);
}
.allPropertyBox.listPropertyView .propertyboxNew img {
    height: 100%;
    border-radius: 11px;
}
.projectPrice h5 i {
    border: 1px solid #919191;
    margin-left: 7px;
    font-size: 9px;
    font-style: italic;
    transform: rotate(8deg);
    border-radius: 50%;
    padding: 4px;
    width: 18px;
    height: 18px;
    line-height: 9px;
    position: relative;
    top: -1px;
}
.allPropertyBox.listPropertyView .propertyboxNew figcaption {
    font-size: 9px;
    padding: 5px 5px;
    font-weight: 600;
    left: 6px;
}
.propertyBHKAccording .custom_h2 {
        font-size: 26px;
    }
    .securityDepositBtn {
        display: block;
        font-size: 12px;
        font-weight: 500;
        text-decoration: underline;
        cursor: pointer;
        padding-top: 2px;
    }

    .securityPopup {
  display: none;
  position: absolute; /* important for next to card */
  width: 330px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.25);
  padding: 15px 0px 0;
  z-index: 9999;
  margin-left: -100px;
}

.securityPopup .popup-header {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 0 15px;
}

.securityPopup .row {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
  font-size: 13px;
  padding: 0 14px;
}

.securityPopup .highlight {
  font-weight: bold;
  border-top: 1px solid #eee;
  padding: 9px 14px 8px;
  font-size: 15px;
}

.securityPopup .total {
  font-weight: bold;
  font-size: 14px;
  margin-top: 8px;
  border-top: 1px solid #c5c5c5;
  padding-top: 10px !important;
}

.securityPopup .closePopup {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  position: relative;
  top: -1px;
}
.firstMonthHigh {
    background: #f6f6f6;
    padding: 17px 10px;
}

.firstMonthHigh small,.firstMonthHigh h5 {
    padding: 0 8px;
}

.firstMonthHigh .row {
    padding: 0px 7px;
}

.firstMonthHigh small {
    font-size: 11px;
}
/* Society/Building/Project */
.banner_home.detail_innerBanner {
    min-height: auto;
    padding: 50px 0 190px;
}
.gallerybanner {
    background: #fff;
    border-radius: 10px;
    padding: 20px 23px;
    margin-top: -120px;
    position: relative;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.171);
}
.tag-section .tag {
    color: var(--dark);
    background: #fff;
    border-radius: 50px;
    font-size: 14px;
    padding: 7px 19px;
    margin-right: 4px;
    font-weight: 500;
}
.gallery-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    height: 100%;
}

.gallery-right .view-all,.galleryViewbutton {
    background: #181A20;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 7px;
    border: none;
    padding: 9px 8px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    line-height: 13px;
    transition: all 0.5s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.gallerybanner img {
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.gallery-left {
    height: 100%;
}
.price-box.contact-box .contact-btn {
    background: #181A20;
    color: #fff;
    text-decoration: none;
    padding: 9px 12px;
    display: inline-flex;
    gap: 6px;
    font-weight: 500;
    border-radius: 5px;
    margin: 5px 0;
    font-size: 15px;
    transition: all 0.5s ease;
}
.gallery-right .view-all:hover,.price-box.contact-box .contact-btn:hover {
    background: var(--main-theme);
}
.pricingcontainer {
    margin: 30px 0;
    border-radius: 6px;
    background: #FAEDEB;
    padding: 25px;
    display: grid;
    grid-template-columns: 35% 35% 30%;
    gap: 20px;
}
.stickyBox .box {background: #fff;border-radius: 10px;border: 1px solid #d8d8d8;margin-bottom: 20px;}


.stickyBox .box h3 {
margin-top: 0;
font-size: 20px;
}


.stickyBox label {font-size: 14px;display: block;margin-bottom: 6px;font-weight: 600;color: #3a3a3a;}
label.checkbox input[type="checkbox"] {
    width: auto;
    position: relative;
    top: 1px;
}

.stickyBox select,.stickyBox input[type="date"],.stickyBox  input[type="checkbox"] {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 6px;
margin-bottom: 15px;
font-size: 14px;
}


.stickyBox button {
width: 100%;
padding: 12px;
background: #0f0f0f;
color: #fff;
border-radius: 6px;
border: none;
font-size: 16px;
cursor: pointer;
}
.box.bookNowRight {
    background: #F7F7F7;
    border-radius: 12px;
    overflow: hidden;
}
.scheculeboxRight h3 {
    padding: 15px 20px;
    border-bottom: 1px solid #dfdfdf;
}
.boxspace {
    padding: 20px;
}
.box.bookNowRight h3 {
    background: #1A1A1A;
    color: #fff;
    padding: 14px 20px;
    font-weight: 600;
    margin: 0;
}
.box.scheculeboxRight button {
    background: var(--main-theme);
}
.Available_text {
    font-size: 14px;
}

.text-green {
    color: green;
}
.pricingcontainer .price-box h3 {
    color: var(--main-theme);
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 3px;
}
.commonrightbox {
    border: 1px solid #e1e1e1;
    border-radius: 9px;
    margin-bottom: 30px;
    padding: 25px;
        background: #fff;
}

.commonrightbox .custom_h3 {
    font-size: 20px;
}

.brief-box {
    margin-top: 20px;
}

.brief-box p {
    margin-bottom: 21px;
}

.brief-box ul {
    margin: 9px 0 20px 20px;
}

.brief-box ul li {
    margin-bottom: 10px;
}

.brief-box li,.brief-box p {
    color: #414141;
    font-size: 15px;
}
.pricingcontainer .price-box  p {
    margin-bottom: 0;
}

.pricingcontainer .price-box  .amount {
    font-size: 19px;
    font-weight: 700;
}

.pricingcontainer .price-box .amount span {
    font-size: 15px;
    font-weight: 600;
}
.commonrightbox hr {
    height: 1px;
    background: #dddddd !important;
    border-width: 0 !important;
}
.pricingcontainer .price-box .deposit {
    color: #4E4E4E;
    font-weight: 500;
}
label.checkbox.termsbox input[type="checkbox"] {
    float: left;
    margin-right: 7px;
    margin-bottom: 30px;
}

label.checkbox.termsbox {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 20px;
}

label.checkbox.termsbox a {
    color: var(--main-theme);
}
.commonrightbox.grybox {
    background: #FAFAFA;
}
.highlights_warpper {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    font-size: 14px;
    font-weight: 500;
}

.highlights_warpper img {
    display: block;
    max-width: 25px;
    margin: 0 0 10px;
}
button.DatashowMore.textButton {
    height: auto;
    max-width: 100%;
    text-align: left;
    font-weight: 500;
    font-size: 16px;
}
.refine-search {
    position: sticky;
    position: --webkit--sticky;
    top: 80px;
}
.propertyListWarpper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.propertyDetlist p {
    color: #666666;
    font-weight: 400;
    margin-bottom: 3px;
    font-size: 13px;
}

.propertyDetlist .describe {
    color: #1A1A1A;
    font-size: 15px;
    font-weight: 500;
}
.amenitiesBox ul {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    color: #1A1A1A;
    gap: 20px;
}

.amenitiesBox ul li {
    display: grid;
    grid-template-columns: 21px 1fr;
    align-items: center;
    gap: 10px;
}
.rentCityleftbox.propertyUnitDetails .propertyListWarpper {
    grid-template-columns: repeat(4, 1fr);
}

.propertyDetlist .describe a {
    color: #1A1A1A;
}
.amenitiesBox ul li img {
    max-height: 21px;
}
.like_property {
    position: relative;
    cursor: pointer;
}

.like_property .heart_fill {
    display: none;
}

.like_property.active .heart_fill {
    display: block;
}

.like_property.active .heart_icon {
    display: none;
}
.listPropertyShort .row {
    margin: 30px 0;
    background: #fff;
    padding: 10px 0;
    border-radius: 10px;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 6%);
}
.slider_property {
    position: relative;
}
.like_property {
    position: absolute;
    top: 19px;
    z-index: 9;
    right: 13px;
    cursor: pointer;
    cursor:pointer;
}
.slider_property .swiper-slide {
    height: auto;
}
.slider_property .swiper-slide img {
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
    max-height: 300px;
    width: 100%;
}
.slider_property .swiper-button-next, .slider_property .swiper-button-prev {
    background: rgba(0, 0, 0, 0.644);
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.slider_property .swiper-button-next:after, .slider_property .swiper-button-prev:after {
    font-size: 17px;
    color: #fff;
}
.property_detailsList .custom_h4 {
    font-size: 18px;
    margin: 5px 0 3px;
}
.property_detailsList .custom_h4 a {
    text-decoration: none;
    color: #191919;
    font-weight: 600;
}
.property_detailsList .locationBHK {
    color: #191919;
    margin-bottom: 10px;
}
.propertyListBox {
    grid-template-columns: 33% 36% 25%;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 11px;
    border-top: 1px solid #d5d5d5;
    display: grid;
    gap: 3%;
    padding: 10px 0;
}
.propertyListBox p {
    margin-bottom: 0;
    border-right: 1px solid #bfbfbf;
}
.property_warperDetails p {
    color: #696969;
    font-size: 14px;
}
.propertyListBox p:last-child {
    border: none;
}
.propertyListBox p b {
    display: block;
    color: #1A1A1A;
}
.propertyDevloper {
    display: grid;
    grid-template-columns: 190px 1fr;
    align-items: center;
    padding: 6px 0 0;
}

.property_detailsList .locationBHK b {
    font-weight: 600;
}

.property_warperDetails p .smallfont {
    font-size: 11px;
    font-weight: 500;
    color: #646464;
}

.propertyListBox p {
    font-size: 11px;
}

.propertyListBox p b {
    font-size: 16px;
}

.propertyBy p {
    font-weight: 500;
    margin: 0;
}

.propertyBy p.text-theme {
    color: var(--main-theme);
}

.propertyDevloper .buttonPropertyShare .buttonCommon {
    padding: 9px 10px;
    gap: 7px;
    font-size: 13px;
}

.propertyDevloper .buttonPropertyShare {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: right;
}

.propertyDevloper .buttonPropertyShare .buttonCommon.btn_blue {
    background: #2C4390;
}

.propertyDevloper .buttonPropertyShare .buttonCommon:hover {
    opacity: 0.8;
}

.property_warperDetails .DatashowMore.themebtnCircle {
    position: relative !important;
    margin: 0 0 10px;
}
.Highlights_lits{margin-bottom: 10px;}
.Highlights_lits  b {
    font-weight: 600;
    padding-right: 10px;
}
.mb-10{margin-bottom: 10px;}
.Highlights_lits span {
    background: #F3F3F3;
    border-radius: 4px;
    padding: 5px 8px;
    display: inline-block;
    color: #303030;
    font-weight: 500;
    font-size: 14px;
}
.banner_home.Renting_Unit_warpper {
    min-height: auto;
    padding: 39px 0 160px;
}
.banner_home.Renting_Unit_warpper {
    background: #F8F8F8;
    color: #181A20;
}

.banner_home.Renting_Unit_warpper .locationPro {
    color: #181A20;
}

.banner_home.Renting_Unit_warpper .locationPro img {
    filter: inherit;
}
.tag-section .Verified_tag.tag {
    background: #0D8957;
    color: #fff;
}
.unitbanner_right h6 {
    font-weight: 500;
    color: #363636;
    margin-bottom: 4px;
}

.unitbanner_right p {
    font-size: 16px;
    color: #181A20;
    font-weight: 400;
    margin-bottom: 20px;
}
.rentaldetails_banner {
    padding-left: 10px;
    color: #181A20;
}

.rentaldetails_banner .project-name {
    font-size: 16px;
    font-weight: 500;
}

.rentaldetails_banner h2 {
    margin: 7px 0 14px;
    font-size: 25px;
    font-weight: 500;
}

.rentaldetails_banner h5 {
    font-size: 14px;
    color: #363636;
    font-weight: 500;
    margin-bottom: 20px;
}

.rentaldetails_banner .price-box span {
    font-size: 14px;
}

.rentaldetails_banner .price-box strong {
    font-size: 26px;
}

.rentaldetails_banner .meta-list {
    margin: 16px 0 15px;
}

.rentaldetails_banner .meta-list li {
    width: 49%;
    display: inline-block;
    list-style: none;
    margin-bottom: 12px;
    font-size: 15px;
}

.btn-wrap .buttonCommon {
    border: 1px solid #2C438F;
}
.btn-theme{background: var(--main-theme);}
.btn-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.btn-wrap .view-btn {
    background: transparent;
    color: #2C438F;
}

.btn-wrap .view-btn:hover {
    background: #2C438F;
    color: #fff;
}

.btn-wrap .buttonCommon.call-btn {
    background: #2C438F;
    gap: 7px;
}

.btn-wrap .buttonCommon.call-btn:hover {
    opacity: 0.8;
}
.buttonRentunit .galleryViewbutton {
    position: relative;
    display: inline-flex;
    text-decoration: none;
    bottom: 0;
    right: 0;
    white-space: nowrap;
    padding-right: 13px;
}

.buttonRentunit {
    display: flex;
    position: absolute;
    bottom: 10px;
    left: 20px;
    gap: 10px;
}

.rentwarpperby .gallery-left > img {
    border-radius: 10px;
}
.sharelinkbutton {
    position: absolute;
    top: 10px;
    right: 20px;
}
.tabsSecondHeader {
    border-top: 1px solid #E5E5E5;
    margin-top: 60px;
    padding: 10px 0 0;
    position: sticky;
    position: --webkit-sticky;
    top: 70px;
    background: #fff;
    z-index: 999;
    box-shadow: 0px 2px 5px #0000001c;
}

.tabsSecondHeader .tab-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.tabsSecondHeader .container {
    overflow-x: auto;
}

.tabsSecondHeader .tab-links li{
    list-style: none;
}
.tabsSecondHeader .tab-links li a{
    padding: 11px 0 20px;
    border-bottom: 3px solid #ffffff;
    font-weight: 500;
    display: inline-block;
    color: #000;
    text-decoration: none;
}
.tabsSecondHeader .tab-links li a.active {
    border-color: var(--main-theme);
    color: var(--main-theme);
}
.sharelinkbutton .icobtn {
    background: #fff;
    border: none;
    width: 35px;
    height: 35px;
    padding: 8px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.5s ease;
}

.sharelinkbutton .icobtn:hover {
    opacity: 0.8;
    transform: scale(0.9);
}
.placeheading {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 20px;
}

.placeContent h4 {
    font-size: 19px;
    font-weight: 500;
}

.placeContent p {
    font-size: 14px;
}
.place_all_location{
      overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
  padding: 10px 0;
  cursor: grab;
}
.place_all_location ul {
    display: flex;
    list-style: none;
    gap: 6px;
}

.place_all_location ul li figure {
    background: var(--main-theme);
    border-radius: 45px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    padding: 9px 14px;
    white-space: nowrap;
    display: grid;
    grid-template-columns: 20px 1fr;
}

.commonrightbox.Places_nearby {
    background: #FDF0EE;
    padding-right: 0;
    padding-bottom: 10px;
}


.commonrightbox.Places_nearby .place_all_location::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.commonrightbox.Places_nearby .place_all_location::-webkit-scrollbar
{
	height: 0px;
	background-color: #F5F5F5;
}

.commonrightbox.Places_nearby .place_all_location::-webkit-scrollbar-thumb
{
	background-color: #777777;
}
.common_iconsGrid {
    display: grid;
    gap: 16px;
    list-style: none;
}
.grid_box4 {
    grid-template-columns: repeat(4, 1fr);
}
.grid_box6 {
    grid-template-columns: repeat(6,1fr);
}

.listiconsFurnished {
    margin-top: 18px;
}

.commonicon {background: url(../images/all_icons.webp) no-repeat;background-repeat: no-repeat;background-size: 334px 334px;width: 25px;height: 23px;}

.common_iconsGrid li {
    font-size: 15px;
    color: #373737;
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 10px;
    align-items: center;
}

.wardrobe_icon {background-position: -24px 0;}
.no_wardrobe_icon{background-position: -24px -167px;}
.fans_icon {background-position: -216px -120px;}
.no_fans_icon {background-position: -216px -144px;}
.exhaust_fan_icon {background-position: -238px -119px;}
.no_exhaust_fan_icon {background-position: -238px -144px;}
.gyser_icon {background-position: -95px 0px;}
.no_gyser_icon {background-position: -95px -167px;}
.lights_icon {background-position: -191px -120px;}
.no_lights_icon {background-position: -191px -144px;}
.ac_icon {background-position: -49px 2px;}
.no_ac_icon {background-position: -49px -167px;}
.kitchen_icon {background-position: -120px 0px;}
.no_kitchen_icon {background-position: -120px -167px;}
.chimney_icon {background-position: -24px -120px;}
.no_chimney_icon {background-position: -24px -144px;}
.no_bed_icon{background-position:-1px -168px}
.no_curtains_icon{background-position:-288px -146px}
.curtains_icon{background-position:-288px -120px}
.dining_table_icon{background-position:-263px -120px}
.no_dining_table_icon{background-position:-263px -143px}
.no_microwave_icon{background-position:-167px -144px}
.microwave_icon{background-position:-167px -120px}
.no_Fridge_icon,.no_fridge_icon{background-position:-71px -167px}
.fridge_icon{background-position:-71px 0}
.no_sofa_icon{background-position:-71px -144px}
.sofa_icon{background-position:-71px -120px}
.no_stove_icon{background-position:-95px -144px}
.stove_icon{background-position:-95px -120px}
.no_tv_icon{background-position:-119px -146px}
.tv_icon{background-position:-119px -120px}
.no_washing_machine_icon{background-position:-309px -144px}
.washing_machine_icon{background-position:-309px -96px}
.no_purifier_icon{background-position:-143px -144px}
.purifier_icon{background-position:-143px -120px}
.grid_box4 {grid-template-columns: repeat(4, 1fr);}
.grid_box5 {grid-template-columns: repeat(5,1fr);}
.security_icon{background-position:-190px -1px}
.intercom_icon{background-position:-238px -1px}
.lift_icon{background-position:-48px -24px}
.swimming_icon{background-position:-23px -23px}
.maintenance_staff_icon{background-position:-71px -49px}
.parking_icon{background-position:-142px -25px}
.water_icon{background-position:-214px -24px}
.park_icon{background-position:-309px -24px}
.shopping_icon{background-position:-191px -24px}
.fitness_icon{background-position:-71px -24px}

.Contact_seller_form .alert-box {
    background: #ffe3d8;
    padding: 6px 9px;
    border-radius: 5px;
    color: var(--main-theme);
    font-size: 11px;
    margin-bottom: 15px;
    font-weight: 500;
}
.Contact_seller_form h3 {
    font-weight: 500;
}
.Contact_seller_form .subtitle {
    font-size: 14px;
    color: #777;
    margin-bottom: 20px;
}

/* Inputs */
.Contact_seller_form .input-field,
.Contact_seller_form .phone-input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
    margin-bottom: 16px;
    height: 45px;
}

.Contact_seller_form .input-field:focus,
.Contact_seller_form .phone-input:focus {
    border-color: #000;
}

/* Phone Field Group */
.Contact_seller_form .phone-group {
    display: flex;
}

.Contact_seller_form .country-code {
    width: 101px;
    border-radius: 8px;
    border: 1px solid #ddd;
    outline: none;
    color: #262626;
}

/* Checkbox */
.Contact_seller_form .check-container {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 12px;
    color: #555;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.4;
}

/* Submit Button */
.Contact_seller_form .submit-btn {
    width: 100%;
    padding: 13px;
    background: #000;
    color: #fff;
    font-size: 16px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-weight: 600;
}

.submit-btn:hover {
    opacity: 0.85;
}
.formdealerwarp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}


.Contact_seller_form .phone-group select.country-code,.dealer-form-row .phone-group select.country-code{
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.Contact_seller_form .phone-group input.phone-input,.dealer-form-row .phone-group input.phone-input{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}

.Contact_seller_form  input::placeholder {
    color: #434343;
}

.Contact_seller_form .check-container input[type="checkbox"] {
    width: 21px;
    margin-top: 3px;
}

.Contact_seller_form {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 15px;
    border-radius: 10px;
}
.ads_box img{
    border-radius: 8px;

}
.aboutPropety_box {
    display: flex;
    gap: 25px;
}
.pcw-image-box {
    flex: 0 0 380px;
}

.pcw-image-box img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    object-fit: cover;
}

/* Content Box */
.pcw-content-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.stg-col  h4 {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
}

.stg-list li {
    display: none;
}

.stg-list li:nth-child(2),.stg-list li:nth-child(1),.stg-list li:nth-child(3) {
    display: block;
}

.stg-list.show-all li {
    display: block;
}

.stg-list li {
    margin-bottom: 8px;
}

.stg-list li a {
    text-decoration: none;
    color: #7b7b7b;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.5s ease;
}

.explore_more_warp .tab {
    color: #818181;
    font-weight: 500;
}

.stg-list li a:hover {
    color: #414141;
}

.stg-toggle {
    color: var(--main-theme);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    margin-top: 4px;
    display: inline-block;
}

.explore_more_warp .swiper-button-next, .explore_more_warp .swiper-button-prev {
    width: 30px;
    height: 30px;
    background: #ffffff;
    border-radius: 50%;
    border: 1px solid #eeee;
    opacity: 0.5;
}

.explore_more_warp .swiper-button-next {
    right: 0;
}

.explore_more_warp .swiper-button-prev {
    left: 0px;
}

.explore_more_warp .swiper-button-next:after, .explore_more_warp .swiper-button-prev:after {
    font-size: 13px;
    color: #000;
}

.explore_more_warp .swiper-button-next:hover, .explore_more_warp .swiper-button-prev:hover {
    opacity: 1;
}

.explore_more_warp .swiper-button-prev.swiper-button-disabled,.explore_more_warp .swiper-button-next.swiper-button-disabled {
    display: none;
}

/* Tags */
.pcw-tags {
    display: flex;
    gap: 10px;
}

.pcw-tag {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
}

.pcw-tag-primary {
    background: #ff4d00;
    color: #fff;
}

.pcw-tag-secondary {
    background: #ff4d00;
    color: #fff;
}

/* Information Boxes */
.pcw-info-box {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.pcw-info-icon img {
    width: 32px;
}

.pcw-info-text h4 {
    font-size: 17px;
    margin: 0;
    font-weight: 500;
}

.pcw-info-text p {
    margin: 1px 0 0;
    color: #666;
    font-size: 15px;
}
.pcw-arrow {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    transition: all 0.5s ease;
}
.pcw-btn strong {
    font-weight: 400;
    font-size: 13px;
    display: block;
    padding-top: 2px;
}
/* Buttons Row */
.pcw-btn-row {
    display: flex;
    gap: 15px;
    margin-top: 10px;
}

.pcw-btn {
    flex: 1;
    padding: 14px 13px;
    border-radius: 10px;
    border: 1px solid #ddd;
    text-decoration: none;
    display: block;
    position: relative;
    background: #f9f9f9;
    color: #222;
    transition: all 0.5s 
ease;
    font-weight: 600;
    font-size: 15px;
}

/* Orange Button */
.pcw-btn:hover {
    background: rgba(255, 80, 0, 0.1);
    border-color: #ff4d00;
    color: #ff4d00;
}

.pcw-btn:hover .pcw-arrow {
    color: #ff4d00;
}


.pcw-info-box.last-border {
    border: none;
    padding-bottom: 0;
}
.refernce_property  .webTabs {
    border: none;
    margin: 8px 0 10px;
}

.refernce_property .webTabs .tab {
    border-radius: 7px;
    padding: 9px 23px;
}

.refernce_property .webTabs .tab.active {
    color: #fff;
    background: var(--main-theme);
}

.refernce_property .recommendedSlider .swiper.mySwiper {
    padding: 5px 0;
}

.refernce_property .recommendedSlider .property-card > a > img {
    max-height: 170px;
    width: 100%;
    object-fit: cover;
    min-height: 170px;
}

.refernce_property .recommendedSlider .property-card .call-btn {
    background: #2C4492;
    color: white;
    gap: 6px;
    padding: 10px 13px;
}

.locationNearbox {
    background: #F8F8F8;
    padding: 24px 35px;
    border-radius: 8px;
    height: 100%;
}

.LandmarkNear .col-md-6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.locationNearbox h4 {
    font-size: 20px;
    font-weight: 600;
    color: #1A1A1A;
    margin-bottom: 14px;
}

.locationNearbox ul li {
    color: #202020;
    margin-bottom: 12px;
    list-style: none;
    padding-left: 22px;
    position: relative;
}

.locationNearbox ul li:before {
    content: "\f058";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 14px;
    color: var(--main-theme);
}
.projectPrice h5 span {
    font-weight: 500;
    font-size: 14px;
    color: #7a7a7a;
}

/* Tool Box */
.tollBoxAds {
    background: #fff;
    padding: 30px 25px;
    border: 1px solid #cfcfcf;
    border-radius: 15px;
    height: 100%;
    transition: all 0.5s ease;
}

.tollBoxAds h5 {
    font-size: 19px;
    font-weight: 500;
    color: #323232;
    margin-bottom: 7px;
}

.tollBoxAds p {
    font-size: 15px;
    line-height: 1.6;
    color: #535353;
}

.tollBoxAds .text_btn {
    display: flex;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    align-items: center;
    gap: 3px;
}

.tollBoxAds .text_btn img {
    margin-left: 5px;
    max-width: 21px;
    position: relative;
    top: 0px;
}

.tollBoxAds:hover {
    background: #fff8f5;
    border-color: #e93f0c;
}
/* LEFT BOX */
.dealer-box {
    padding: 20px;
}

.dealer-title,
.form-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
}

/* Profile Section */
.dealer-profile {
    display: flex;
    gap: 25px;
    margin-bottom: 20px;
}

.dealer-photo {
    width: 140px;
    height: 130px;
    border-radius: 1px;
    object-fit: cover;
}

.dealer-info h4 {
    font-size: 20px;
    font-weight: 700;
    color: #e63900;
    margin-bottom: 5px;
}

.dealer-company {
    margin-top: 0;
    color: #444;
}

.dealer-phone-btn {
    padding: 10px 16px;
    background: #111;
    color: #fff;
    border: 0;
    border-radius: 6px;
    margin-top: 10px;
    cursor: pointer;
    font-weight: 500;
}

/* Stats */
.dealer-stats {
    display: flex;
    gap: 20px;
    margin: 15px 0;
}

.dealer-stats span {
    color: #2C4390;
    font-size: 16px;
}


/* Dealer Text Sections */
.dealer-text p {
    margin-bottom: 12px;
    color: #5D5D5D;
}

.dealer-reviews-title {
    margin: 20px 0 6px;
    font-size: 22px;
    font-weight: 600;
    color: #2C4390;
}

/* RIGHT FORM BOX */
.dealer-form-box {
    padding: 20px 0px 0;
}
.dealer-radio-group h4 {
    font-weight: 500;
    color: #5D5D5D;
}
.dealer-radio-group {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
    color: #5D5D5D;
}

.dealer-radio-group input {
    margin-right: 1px;
    accent-color: var(--main-theme);
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    outline: none;
    box-shadow: none;
}

.dealer-form-row {
    margin-bottom: 15px;
}

.dealer-input {
    width: 100%;
    padding: 14px 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
}
.dealer-terms input {
    width: 15px;
    height: 15px;
    accent-color: var(--main-theme);
    position: relative;
    top: 2px;
    margin-right: 3px;
}
.dealer-textarea {
    width: 100%;
    height: 147px;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 15px;
}

.dealer-terms {
    font-size: 14px;
    color: #444;
    margin-bottom: 25px;
}

.dealer-terms a {
    color: #e63900;
}
.dealer-form-row .phone-group {
    display: grid;
    grid-template-columns: 70px 1fr;
    margin: 10px 0;
}

.dealer-form-row .phone-group select.country-code.dealer-input {
    padding-left: 10px;
}
.dealer-submit-btn {
    background: #2C4390;
    color: #fff;
    padding: 12px 30px;
    border: 0;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

/* Review button */
.review-btn-wrap {
    margin-top: 25px;
    text-align: right;
}

.dealer-review-btn {
    padding: 12px 20px;
    background: var(--main-theme);
    color: #fff;
    font-size: 15px;
    border-radius: 6px;
    border: 0;
    font-weight: 500;
}
.place_all_location ul li:last-child {
    padding-right: 20px;
}

.SchollBoxDetails {
    padding: 30px;
    max-width: 1200px;
    margin: 30px auto 0;
}
.bg-white {
    background: white;
}
.SchollBoxDetails > .row {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.reviewbased h3 {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 32px;
}
.reviewbased h3 i {
    color: #FFB540;
}
.reviewbased h3 span {
    font-size: 20px;
}
.reviewbased p a {
    color: #000;
    margin-right: 10px;
    text-decoration: underline;
}
.progressBoxpo {
    display: grid;
    grid-template-columns: 39px 1fr 30px;
    gap: 14px;
    align-items: center;
    margin-bottom: 4px;
    font-weight: 500;
    color: #323232;
}
.progressBoxpo i {
    color: #FFB540;
}
.mb-0 {
    margin-bottom: 0;
}
.progressBoxpo .progress {
    height: 8px;
    margin-bottom: 0;
}
.progress {
    display: flex;
    height: 35px;
    width: 100%;
    background-color: #f3f3f3;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progressBoxpo .progress .progress-bar {
    background: #FFB540;
}

.progress > div {
    border: 1px solid rgb(0 0 0 / 9%);
    color: rgb(0 0 0 / 44%);
}
.progress div {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-transition: width .6s 
ease;
    -o-transition: width .6s ease;
    transition: width .6s 
ease;
}

.bigbtn {
    border-radius: 50px;
    padding: 17px 42px;
}
.ratingHeader {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 15px;
    align-items: center;
}

.ratingTitleWarp {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 10px;
    align-items: center;
}

.ratingTitleWarp .shorttitle {
    max-width: 48px;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    line-height: 48px;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
}

.ratingTitleWarp h3 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0;
    color: #202020;
}

.ratingTitleWarp h3 span {font-weight: 400;font-size: 14px;display: block;padding: 3px 0;color: #747474;}

.ratingHeader .badge {
    padding: 6px 14px;
    font-size: 17px;
    border-radius: 50px;
    color: #fff;
}

.positive-review {
    background: #12974e;
}

.Negative_badge {
    background: #db8c12;
}

.reviewPostivi {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.reviewContent {
    padding: 23px 11px;
}

.reviewPositive.reviewContent {
    border-right: 1px solid #c3c3c3;
}

.reviewContent h6 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 7px;
}

.reviewContent p {
    font-size: 15px;
    line-height: 1.6;
    color: #585858;
    display: -webkit-inline-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
}

.reviewContent a {
    color: #e74009;
    font-size: 15px;
}

.reviewButtonGroup {
    border-top: 1px solid #cfcfcf;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 15px 0px;
    gap: 30px;
    border-bottom: 1px solid #cfcfcf;
}

.ratingMaheeWarp {
    margin-bottom: 50px;
}

.reviewButtonGroup button {
    background: transparent;
    border: none;
    font-size: 16px;
    color: #626262;
}

.reviewRatingBwarp {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 15px;
}

.ratingMaheeWarp:last-child {
    margin-bottom: 0;
}
/* Graph Chat */

.project-compare-section .compare-table {
    width: 100%;
    border-collapse: collapse;
}

.project-compare-section .compare-table thead th {
    color: #333;
    font-weight: 600;
    padding: 12px 2px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.project-compare-section .compare-table td {
    padding: 12px 3px;
    color: #444;
    font-size: 15px;
}

.project-compare-section .chk {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 2px solid #ccc;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
}

.project-compare-section .chk.active {
    background: #ffb400;
    border-color: #ffb400;
}

.project-compare-section .chk.red {
    background: #d9534f;
    border-color: #d9534f;
}

.project-compare-section .tag {
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 8px;
    color: #fff;
}

.project-compare-section .tag.highest {
    background: #00b894;
}

.project-compare-section .tag.lowest {
    background: #d63031;
}

/* Chart container */
.project-compare-section #compareChart {
    width: 100%;
    height: 350px;
}
.bg-grey {
    background: #F8F8F8;
}

.terms_warp {
    min-height: auto;
    color: #181A20;
}
.text_content p ,.text_content li {
    color: #262626;
    font-size: 16px;
    line-height: 1.6;
}


.text_content ol,.text_content ul {
    margin-left: 20px;
}

.text_content li {
    margin-bottom: 16px;
}
/* Rental  */
/* ================= Residential Cards ================= */
.FurnishingTupeWarp{padding-top: 40px;}
.rp-card-wrap {
  position: relative;
  display: block;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
}

.rp-card-image {
  width: 100%;
  height: 100%;
  min-height: 190px;
  object-fit: cover;
  transition: transform 0.4s ease;
  margin-bottom: -5px;
}

.rp-card-large .rp-card-image {
  min-height: 300px;
}

.rp-card-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgb(0 0 0 / 0%));
  z-index: 1;
}

.rp-card-content {
  position: absolute;
  bottom: 18px;
  left: 18px;
  right: 18px;
  z-index: 2;
  padding-right: 50px;
}

.rp-card-count {
  font-size: 13px;
  font-weight: 500;
  color: #FFCA08;
  display: block;
  margin-bottom: 6px;
}

.rp-card-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.rp-card-arrow {
  position: absolute;
  right: 0px;
  bottom: 3px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.rp-card-wrap:hover .rp-card-image {
  transform: scale(1.08);
}

/* ================= Furnishing Cards ================= */

.fn-card-wrap {
  position: relative;
  display: block;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
}

.fn-card-image {
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
  transition: transform 0.4s ease;
  margin-bottom: -4px;
}

.fn-card-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgb(0 0 0 / 0%));
  z-index: 1;
}

.fn-card-content {
  position: absolute;
  bottom: 18px;
  left: 18px;
  right: 18px;
  z-index: 2;
}

.fn-card-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.fn-card-text {
  font-size: 14px;
  margin-top: 2px;
  opacity: 0.9;
  color: #fff;
  margin-bottom: 0;
}

.fn-card-arrow {
  position: absolute;
  right: 4px;
  bottom: 8px;
  width: 30px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.fn-card-wrap:hover .fn-card-image {
  transform: scale(1.08);
}



.propertyboxWrentalk {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* City Tabs */
.city-tab-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.city-tabs {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  scroll-behavior: smooth;
  flex: 1;
  margin-bottom: 0;
}

.city-tabs::-webkit-scrollbar {
  display: none;
}

.webTabs .tab.city-tab {
  position: relative;
  cursor: pointer;
  color: #222;
  border: none;
  margin-right: 0;
}

.city-tab::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #ff5a1f;
  transition: 0.3s;
}

.city-tab:hover::after,
.city-tab.active::after {
  width: 100%;
}


/* Arrow */
.tab-arrow {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #eee;
  background: #fff;
  cursor: pointer;
}

.tab-arrow:hover {
  background: #ff5a1f;
  color: #fff;
}

/* Rental Box */
.rental-section .tab-section {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  padding: 25px 30px;
  margin: 30px 0 0;
}

/* Image */
.rental-image img {
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  width: 97%;
}

/* List */
.rental-list {
  flex: 1;
}
.rental-item strong {font-weight: 800;}
.rental-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
  border: 1px solid #eee;
  border-radius: 12px;
  margin-bottom: 12px;
  cursor: pointer;
  font-weight: 600;
  color: #1A1A1A;
  transition: all 0.5s ease;
  text-decoration: none;
}

.rental-item:hover {
  background: #fff3ed;
  border-color: #ff5a1f;
  color: #ff5a1f;
}

.rental-item:hover {
  border-color: #ff5a1f;
}
.allPropertyBox.topcitylocation {
    margin-top: 6px;
}
.webTabs .tab.city-tab:hover:after {
   display:none;
}
.topcitylocation .proejctDetails h3 a {
    font-size: 21px;
    margin-bottom: 6px;
}

.topcitylocation .proejctDetails  p {
    margin-bottom: 2px;
}

.proejctDetails  .call-btn {
    background: #2C4492;
    color: white;
    gap: 9px;
    padding: 7px 13px;
    margin-top: 15px;
}

.city-tab.tab.active:hover:after,.city-tab.tab.active:after  {display:block !important;}

.webTabs .city-tab.tab.active {
    border-bottom: 1px solid var(--main-theme);
    color: var(--main-theme);
    position: relative;
    margin-bottom: -1px;
}

.tab-arrow {
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}

.tab-arrow.show {
  opacity: 1;
  pointer-events: auto;
}

.search-wrapper {
  position: relative;
  text-align: left;
  padding-top: 25px;
  max-width: 1080px;
  margin: 0 auto;
}

.search-wrapper .search-bar {
  display: flex;
  align-items: stretch;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 10;
}

.search-wrapper .search-field {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  position: relative;
}

.search-wrapper .search-field:hover {
  background-color: #f9f9f9;
}

.search-wrapper .search-field.active {
}

.search-wrapper .field-icon {
  color: #666;
  display: flex;
  align-items: center;
}

.search-wrapper .field-content {
  flex: 1;
}

.search-wrapper .field-label {
  font-size: 12px;
  color: #888;
  margin-bottom: 4px;
  font-weight: 500;
}

.search-wrapper .field-value {
  font-size: 15px;
  color: #333;
  font-weight: 600;
}

.search-wrapper .search-divider {
  width: 1px;
  background-color: #e0e0e0;
  align-self: center;
  height: 40px;
}

.search-wrapper .search-button {
  background: var(--main-theme);
  color: white;
  border: none;
  padding: 0 32px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.search-wrapper .search-button:hover {
  background: #e64500;
}

.search-wrapper .search-button:active {
  background: #cc3e00;
}

/* Dropdown Panels */
.search-wrapper .dropdown-panel {
  position: absolute;
  top: calc(100% + 12px);
  background: white;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 24px;
  display: none;
  z-index: 100;
  width: 100%;
  left: 0;
}

.search-wrapper .dropdown-panel.show {
  display: block;
}

.search-wrapper #locationPanel {
  left: 0;
}

.search-wrapper #datePanel {
  left: 0;
  /* transform: translateX(-50%); */
}

.search-wrapper #tenantPanel {
  right: 0;
  min-width: 360px;
}

.search-wrapper .panel-title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
}

/* Location Panel */
.search-wrapper .location-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.search-wrapper .location-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.search-wrapper .location-item:hover {
  background-color: #f5f5f5;
}

.search-wrapper .location-icon {
  display: flex;
  align-items: center;
}

.search-wrapper .location-name {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 2px;
}

.search-wrapper .location-region {
  font-size: 12px;
  color: #888;
}
.search-wrapper .counter-btn svg {
    width: 100%;
    height: 100%;
}
/* Calendar */
.search-wrapper .calendar {
  width: 100%;
}

.search-wrapper .calendar-header {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  margin-bottom: 8px;
}

.search-wrapper .day-name {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #888;
  padding: 8px 0;
}

.search-wrapper .calendar-body {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}

.search-wrapper .calendar-day {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 13px;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
}

.search-wrapper .calendar-day:not(.empty):hover {
  background-color: #f5f5f5;
}

.search-wrapper .calendar-day.selected {
  background-color: #ff4f00;
  color: white;
  font-weight: 600;
}

.search-wrapper .calendar-day.empty {
  cursor: default;
}

/* Tenant Panel */
.search-wrapper .counter-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
}

.search-wrapper .counter-row:not(:last-of-type) {
  border-bottom: 1px solid #e8e8e8;
}

.search-wrapper .counter-label {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

.search-wrapper .counter-controls {
  display: flex;
  align-items: center;
  gap: 6px;
}

.search-wrapper .counter-btn {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: white;
  color: #ff4f00;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  padding: 0;
}

.search-wrapper .counter-btn:hover {
  background: #fff5f2;
}

.search-wrapper .counter-btn:active {
  transform: scale(0.95);
}

.search-wrapper .counter-value {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  min-width: 32px;
  text-align: center;
}

.search-wrapper .panel-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 20px;
  padding-top: 20px;
}

.search-wrapper .action-btn {
  padding: 10px 24px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}

.search-wrapper .action-btn.reset {
  background: transparent;
  color: #888;
}
.SearchWarpPage .propertyboxNew figure img {
    width: 100%;
}
.search-wrapper .action-btn.reset:hover {
  background: #f5f5f5;
  color: #333;
}

.search-wrapper .action-btn.apply {
  background: #007bff;
  color: white;
}

.search-wrapper .action-btn.apply:hover {
  background: #0066d6;
}

.search-wrapper .action-btn.apply:active {
  background: #0052b3;
}

/* Responsive Design */
@media (max-width: 768px) {
.search-wrapper .search-bar {
    flex-direction: column;
  }

    .search-wrapper .search-divider {
    width: 100%;
    height: 1px;
  }

  .search-wrapper .search-field {
    padding: 16px 20px;
  }

  .search-wrapper .search-button {
    width: 100%;
    padding: 18px;
  }

  .search-wrapper .search-wrapper .dropdown-panel {
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100%;
    min-width: unset;
  }

 .search-wrapper  #tenantPanel {
    min-width: unset;
  }
}

/* Responsive */

@media(max-width:1399px){
    .clientslider .swiper {
        margin-left: calc((100% - 1160px) / 2 + 15px);
    }
    .call_suitable.AppCallWarp figure img {
        max-width: 440px;
        border-radius: 5px;
    }
    .allPropertyBox.listPropertyView .propertyboxNew h3 a {
    font-size: 15px;
    line-height: 1.4;
}

.allPropertyBox.listPropertyView .propertyboxNew  .locationPro {
    font-size: 13px;
    margin-bottom: 10px;
}

.allPropertyBox.listPropertyView .propertyboxNew .proejctDetails ul li {
    font-size: 11px;
}

.allPropertyBox.listPropertyView .propertyboxNew .proejctDetails {
    padding: 10px 11px 16px;
}

.allPropertyBox.listPropertyView .propertyboxNew .projectPrice {
    padding: 10px 12px;
}

.allPropertyBox.listPropertyView .propertyboxNew .projectPrice h5 {
    font-size: 15px;
}
.banner_home .fs-30, .fs-30 {
    font-size: 26px;
}
.banner_home p {
    font-size: 18px;
}
.rentaldetails_banner h2 {
    font-size: 25px;
}
.rentaldetails_banner .price-box strong {
    font-size: 26px;
}
.rentaldetails_banner .price-box span {
    font-size: 13px;
}
.banner_home.Renting_Unit_warpper {
    padding: 35px 0 160px;
}
    .tabsSecondHeader .tab-links li a {
        font-size: 15px;
        white-space: nowrap;
            padding: 11px 10px 20px;
    }

.pcw-image-box {
    flex: 0 0 300px;
}
.pcw-btn {
    padding: 14px 10px;
}
.pcw-info-text h4 {
    font-size: 17px;
}
.refernce_property .recommendedSlider .property-card .call-btn {
    font-size: 13px;
}
.refernce_property .recommendedSlider .property-card .call-btn img {
    max-width: 14px;
}
.propertygridUnit .projectPrice h5 {
    font-size: 15px;
}
.propertygridUnit .projectPrice h5 span {
    font-size: 12px;
}
}
@media (max-width: 1199px) {
    .banner_img2,.banner_img1 {
    max-width: 240px;
}
.banner_img3 {
    right: 50px;
    max-width: 50px;
}
.banner_home {
    padding: 30px 20px 80px;
    min-height: 440px;
}.greybanner{
     padding: 50px 0px;
}
.banner_home h1 {
    font-size: 35px;
}
.banner_home p {
    font-size: 18px;
}
.search-box input {
    padding: 18px 25px;
}
.search-box {
    max-width: 560px;
}
.ptb-80 {
    padding-top: 70px;
    padding-bottom: 70px;
}
.custom_h2 {
    font-size: 26px;
}
.webTabs .tab {
    font-size: 15px;
}
.greybanner h1 {
    font-size: 35px;
}
.fs-40{
    font-size: 32px !important;
}
.para20 {
    font-size: 17px;
}
.propertyboxNew figure figcaption {
    font-size: 11px;
}
.AOClogo img {
    max-width: 240px;
}
.features_warpper {
    grid-template-columns: repeat(2, 1fr);
}
.locationwarpper {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.clientslider .swiper {
    margin-left: calc((100% - 970px) / 2 + 15px);
}
.faq-item .faq-question {
    font-size: 18px;
}
.button_play img {
    max-width: 186px;
}
.call_suitable.AppCallWarp .suitable_box {
    max-width: 480px;
}
.footer-container {
    grid-template-columns: 1.2fr 1fr;
}
    .call_suitable.AppCallWarp figure img {
        max-width: 370px;
    }
    .call_suitable.AppCallWarp figure {
        margin-top: -80px;
    }
    .call_suitable.AppCallWarp {
        margin-top: 30px;
    }
    section.banner_home.innerimagebanner {
    padding: 20px 0px 20px;
}
.pricingcontainer {
    grid-template-columns: 1fr 1fr;
}
.highlights_warpper {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.listPropertyShort .col-md-6.col-lg-5, .listPropertyShort .col-lg-7.col-md-6 {
    width: 100%;
}
.rentCityleftbox.propertyUnitDetails .propertyListWarpper {
    grid-template-columns: repeat(3, 1fr);
}
.rentaldetails_banner h2 {
        font-size: 22px;
    }
    .rentaldetails_banner .project-name {
    font-size: 16px;
}
.rentaldetails_banner .meta-list li {
    font-size: 14px;
}
.rentaldetails_banner .meta-list {
    margin: 12px 0 20px;
}
.rentCityleftbox {
    padding-right: 0px;
}
.place_all_location ul li figure {
    font-size: 13px;
        grid-template-columns: 14px 1fr;
    gap: 5px;
}
.grid_box6 {
    grid-template-columns: repeat(3, 1fr);
}
.aboutPropety_box {
    display: block;
}
.pcw-image-box {
        margin-bottom: 18px;
    }
    .tabsSecondHeader {
    top: 66px;
}
.tollBoxAds {
    padding: 24px 16px;
}
.tollBoxAds h5 {
    font-size: 17px;
}
.delar_warpper .col-md-5, .delar_warpper .col-md-7 {
    width: 100%;
}
.dealer-box {
    padding: 0px 0 10px;
}
.bigbtn {
    padding: 14px 28px;
}
.grid_box5 {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 991px) {
  .footer-container {
    grid-template-columns: 1fr 1fr;
  }
  .bannerafterLinks {
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
    }
  nav.nav_aoc_menu {
        display: none;
    }
    .banner_home {
        margin-top: 65px;
        min-height: 370px;
    }
    .banner_home h1 {
        font-size: 30px;
    }
    .banner_home p {
        margin-bottom: 27px;
    }
    .custom_h2 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .fs-40{font-size: 28px !important;}
    .call_suitable img {
        max-height: 200px;
    }
    .ptb-60 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .call_suitable figure {
        display: none;
    }
    .call_suitable {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 48px 0;
    }
    .suitable_box {
        padding-left: 0;
        max-width: 100%;
    }
    .locationwarpper {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .clientslider .swiper {
        margin-left: calc((100% - 730px) / 2 + 15px);
        padding: 20px 0 50px;
    }
    .faq-item {
        padding: 19px;
    }
    .call_suitable.AppCallWarp {
        grid-template-columns: 1fr;
        margin-top: 0;
    }
    .call_suitable.AppCallWarp .suitable_box {
        max-width: 100%;
        padding: 0 40px;
    }
    .button_play {
        justify-content: center;
    }
    .refine-search {
    display: none;
}
.rentalCityWarpper {
    padding-top: 40px;
}
.rentCityRightbox {
    padding-left: 0;
 
}
.search-wrapper .search-bar {
    flex-wrap: wrap;
}
.greybanner h1 {
        font-size: 28px;
    }
    .greybanner p {
    font-size: 16px;
}
.tag-section .tag {
    font-size: 13px;
    padding: 5px 19px;
    margin-bottom: 10px;
    display: inline-block;
    
}
.search-wrapper .search-bar {
    display: block;
}
.search-wrapper .search-divider {
    width: 100%;
    height: 1px;
}
.search-wrapper .search-button {
    width: 100%;
    border-radius: 0;
    padding: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.gallery-right .view-all {
  
        font-size: 9px;
        padding: 9px 8px;
        bottom: 12px;
        right: 12px;
    }
    .propertyListWarpper {
        grid-template-columns: repeat(2, 1fr);
    }
    .amenitiesBox ul {
        grid-template-columns: repeat(3, 1fr);
    }
   .gallerybanner .col-md-6:nth-child(1) {
    margin-bottom: 15px;
}
}
@media (max-width: 767px) {
    .side-menu {
        width: 250px;
    }
    .banner_home p {
        margin-bottom: 23px;
        font-size: 15px;
    }
    .search-box input {
        padding: 14px 20px;
        font-size: 15px;
    }
    .search-box {
        max-width: 460px;
    }
    .banner_img2, .banner_img1 {
        max-width: 150px;
    }
    .footer-container {
        grid-template-columns: 1fr;
    }
    .banner_home {
        min-height: 340px;
        padding: 30px 0px 40px;
    }
    .propertyboxNew figure img {
        width: 100%;
    }
    .unitbanner_right {
        text-align: left;
    }
    .custom_h2 {
        font-size: 21px;
        margin-bottom: 8px;
    }
    .fs-40{font-size: 24px !important;}
    .clientslider .swiper {
        margin-left: calc((100% - 530px) / 2 + 15px);
    }
    .para20 {
        font-size: 16px;
    }
    .headingtabbutton {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .suitable_box {
        padding: 0 30px;
    }
    .suitable_box p {
        font-size: 16px;
        padding-bottom: 2px;
    }
    .buttonCommon {
        padding: 12px 18px;
        gap: 10px;
    }
    .call_suitable {
        padding: 38px 0;
    }
    .ptb-80 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .features_warpper {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 10px;
    }
    .faq-item .faq-question {
        font-size: 17px;
        line-height: 1.5;
    }
    .headingtabbutton .webTabs .tab {
        width: 49%;
                text-align: center;
    }
.rentCityleftbox.propertyUnitDetails .propertyListWarpper {
    grid-template-columns: repeat(2, 1fr);
}
.gallerybanner {
    padding: 20px 13px;
}
.pricingcontainer {
        grid-template-columns: 1fr;
        padding: 18px;
    }
    .rental-image img {
    width: 100%;
}
        .rentCityRightbox {
        padding-top: 0;
    }
        .highlights_warpper {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    .amenitiesBox ul {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 650px) {
  .footer-container {
    grid-template-columns: 1fr;
  }
    .banner_home {
        margin-top: 55px;
    }
        .banner_img3 {
        right: 20px;
        max-width: 40px;
    }
    .banner_img2, .banner_img1 {
        max-width: 120px;
    }
    .faq-item .faq-question {
        font-size: 16px;
        line-height: 1.4;
    }
    .commonrightbox {
    padding: 20px;
}
   .propertyListBox {
    grid-template-columns: 1fr;
} 
.propertyListBox p {
    font-size: 11px;
    border: none;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
    .grid_box6 {
        grid-template-columns: repeat(2, 1fr);
    }
    .propertyboxWrentalk {
    grid-template-columns: 1fr;
}
.rp-card-large .rp-card-image {
    min-height: 180px;
}
}
@media (max-width: 580px) {
    .AOClogo img {
        max-width: 220px;
    }
    .rental-item {
     
        padding: 14px 12px;
        font-size: 13px;
        margin-bottom: 9px;
    }
.rental-section .tab-section {
    padding: 25px 20px;
}
    .rentCityleftbox.propertyUnitDetails .propertyListWarpper {
        grid-template-columns: repeat(1, 1fr);
    }
    .bannerafterLinks {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        margin-top: 40px;
    }
    .rentalCityWarpper .breadcrumlist {
    display: none;
    }
    .rentalCityWarpper {
        padding-top: 0 !important;
    }
    .banner_home h1 {
        font-size: 26px;
    }
    .locationwarpper {
        grid-template-columns: repeat(1, 1fr);
    }
    .button_play {
        justify-content: center;
        flex-wrap: wrap;
    }
    .call_suitable.AppCallWarp .suitable_box {
        padding: 0 16px;
    }
    .pcw-btn-row {
        display: block;
    }
    .pcw-btn {
            margin-bottom: 13px;
        }
    .reviewPostivi {
        grid-template-columns: 1fr;
    }
    .reviewPositive.reviewContent {
        border-right: none;
        border-bottom: 1px solid #c3c3c3;
    }
    p {
        font-size: 15px;
    }
      .suitable_box br {display: none;}
    .suitable_box {
        padding: 0 14px;
    }
}
@media (max-width: 480px) {
    .webTabs .tab {
        font-size: 14px;
        padding: 10px 15px;
        margin-right: 2px;
    }
    .allPropertyBox {
    margin-top: 20px;
    }
}
@media (max-width: 420px) {
    .headingtabbutton .webTabs {
    display: none;
    }
    .rentCityleftbox.propertyUnitDetails .propertyListWarpper {
        grid-template-columns: repeat(1, 1fr);
    }
    .amenitiesBox ul {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 375px) {
    .webTabs .tab {
      padding: 8px 12px;
    }
        .bannerafterLinks {
        grid-template-columns: repeat(1, 1fr);
    }
}

.form-control {display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da;-webkit-appearance: none; -moz-appearance: none;appearance: none;border-radius: .25rem;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.form-group {margin-bottom: 1rem;}
input#serachValue {border: none;}
.btn-danger {color: #fff;background-color: #dc3545;border-color: #dc3545;}
.btn {display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.common-form {position: fixed;top: 0;right: 0;bottom: 0;left: 0; background: rgb(0 0 0 / 40%); z-index: 9999;}
.common-form .modal-dialog {position: relative;width: auto;margin: .5rem;}
.common-form .modal-content{border: 1px solid rgba(0, 0, 0, .2);border-radius: .8rem;outline: 0;}
.common-form .modal-header {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start;-ms-flex-align: start; align-items: flex-start;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem;border-bottom: 1px solid #e9ecef;border-top-left-radius: .3rem;border-top-right-radius: .3rem;}
.common-form .modal-body {position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem;}
.common-form .close {padding: 1rem; margin: -1rem -1rem -1rem auto;}
button.close {padding: 0;background-color: transparent; border: 0; -webkit-appearance: none;}
.close { float: right;font-size: 1.5rem;font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5;}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.text-success{color: #155724;}
@media (min-width: 576px) {
    .common-form .modal-dialog {max-width: 400px;margin: 1.75rem auto;}
}