.bg-green {
  background-color: #074c3e !important;
}
.w-100 {
  max-width: 100% !important;
}
.t_green {
  color: #074c3e !important;
}
.slick-next:before,
.slick-prev:before {
  background-color: #074c3e !important;
  padding: 10px 10px;
}
.slick-next:after,
.slick-prev:after {
  background-color: #074c3e !important;
  padding: 10px 10px;
}
.tcul-custom::after {
  max-width: 100%;
  max-height: 100%;
}
.plus {
  background: #00997c;
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}
.minus {
  background: #00997c;
  color: #ffffff !important;
  font-size: 34px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}
.parking-plus {
  background: #00997c;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}
.parking-minus {
  background: #00997c;
  color: #ffffff !important;
  font-size: 34px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}
.section {
  padding: 55px 0px !important;
}
.header-section .navbar {
  padding: 4px 0;
}
.input-single {
  gap: 4px;
}
.popup_img:hover img,
.zoom_effect:hover img {
  transform: scale(1.2) rotate(-2deg);
}
.working-section4 {
  padding: 60px 0 50px;
}
.input-single .label {
  font-size: 16px;
}
.card--custom {
  padding: 36px 16px !important;
}
.working-process::before {
  display: none !important;
}
/* .park-highlight{
    background: linear-gradient(to right, #3f7f22 0%, #93db3c 100%);
    border-radius: 100px !important;
    padding: 4px 16px !important;
} */
.loan-reviews .loan-reviews_card .loan-reviews__part-one .loan-reviews__review {
  border: 1px solid rgba(223, 224, 228, 0);
  border-radius: 8px;
}
.banner__thumb img {
  width: 30% !important;
}
.banner {
  padding-top: 120px;
}
.contact .more-help .card--small .card--small-icon {
  width: 50px;
  min-width: 50px;
  height: 50px;
}
.contact .more-help .card--small .card--small-icon i {
  font-size: 24px;
}
.goog-te-gadget-simple {
  border-radius: 8px !important;
  background-color: #fffffff7 !important;
  border: none !important;
  display: inline-block !important;
  padding: 8px 6px 8px 8px !important;
  cursor: pointer !important;
}
.btn_theme {
  font-size: 15px !important;
}
.btn_theme_deactive {
  border: 1px solid #fcb650;
  background: #fcb650;
  color: #ffffff;
}
.cus_scrollbar {
  max-height: 100%;
}
.slick-dots li button {
  background-color: #d9d9d9 !important;
  height: 10px !important;
}
.slick-dots .slick-active button {
  background: #074c3e !important;
  width: 24px !important;
  height: 10px !important;
}
.slick-dots li button:before {
  width: 24px !important;
  height: 10px !important;
}

.header-section .navbar .navbar-toggler {
  font-size: 32px !important;
}
.hero-version5 {
  background: url(/frontend/assets/images/hero4-bg.png) no-repeat center center;
  background-size: cover;
}
.dropdown-menu {
  min-width: 260px !important;
  padding: 10px 0;
}

.header-section .nav-item.dropdown .dropdown-menu {
  min-width: 220px;
  padding: 8px 0;
  border-radius: 8px;
}

.header-section .dropdown-menu .dropdown-item {
  font-size: 14px;
  white-space: nowrap;
  padding: 8px 16px;
}

#footerExploreDropdown a {
  color: #fdb651 !important;
}
#footerExploreDropdown a:hover {
  color: #fdb651 !important;
}

#footerPlanVisitDropdown a {
  color: #fdb651 !important;
}
#footerPlanVisitDropdown a:hover {
  color: #fdb651 !important;
}

.small-ok-btn {
  padding: 6px 20px !important;
  font-size: 15px !important;
  width: auto !important;
  display: none !important;
  border-radius: 8px !important;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}


/* Mobile CSS */

@media (max-width: 575px) {
  .input-group {
    display: flex;
    gap: 10px;
  }
  .header-section .navbar .navbar-brand {
    width: 20%;
  }
  .hero-version5 {
    padding: 120px 0 90px;
  }
  .hero-title {
    font-weight: 400 !important;
    font-size: 16px !important;
    margin-bottom: 20px !important;
  }
  .w_sm_50 {
    width: 44% !important;
  }
  .offcanvas .offcanvas-body .custom-nevbar__left .custom-nevbar__nav li a {
    font-size: 20px;
    padding: 18px 16px;
  }
  .banner {
    padding: 100px 0px 0px !important;
  }
  .w-sm-50 {
    width: 46% !important;
  }
}

/* Desktop CSS */
@media (min-width: 575px) {
  .hero-title {
    max-width: 80% !important;
  }
  .working-process::after {
    height: 100% !important;
  }
}
@media (max-width: 1599px) {
  .main-menu .navbar-nav .nav-item .nav-link {
    padding: 24px 16px;
  }
}

@media (min-width: 1600px) {
  .unset-xxl img {
    max-width: -webkit-fill-available;
  }
}



  .desktop-only { display: none; }
    .mobile-only { display: none; }

    @media (min-width: 992px) {
    .desktop-only { display: block; }
    }

    @media (max-width: 991px) {
    .mobile-only { display: block; }
    }

    /* Optional: ensure placeholders don't collapse if widget not yet moved */
    .translate-placeholder { min-width: 120px; min-height: 30px; display:inline-block; }