/*
  Premium Dark Theme — blue & black harmony (UI-only)
  Layout, spacing, and element positions are unchanged.
*/

:root{
  --dp-bg-void: #04070f;
  --dp-bg-deep: #060b14;
  --dp-bg-base: #0a1020;
  --dp-bg-surface: #101a2e;
  --dp-bg-elevated: #151f35;
  --dp-bg-card: rgba(16, 26, 46, 0.94);
  --dp-bg-glass: rgba(12, 20, 38, 0.82);

  --dp-border: rgba(59, 130, 246, 0.22);
  --dp-border-soft: rgba(148, 163, 184, 0.14);

  --dp-text: #f8fafc;
  --dp-text-soft: #e2e8f0;
  --dp-text-muted: #94a3b8;
  --dp-text-faint: #64748b;

  --dp-blue: #3b82f6;
  --dp-blue-bright: #60a5fa;
  --dp-blue-deep: #1d4ed8;
  --dp-blue-glow: rgba(59, 130, 246, 0.38);
  --dp-gradient-accent: linear-gradient(135deg, #0c1929 0%, #1e3a8a 48%, #2563eb 100%);
  --dp-gradient-btn: linear-gradient(135deg, #2563eb 0%, #1d4ed8 55%, #1e40af 100%);
  --dp-shadow-card: 0 24px 64px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(59, 130, 246, 0.1);
  --dp-shadow-float: 0 20px 50px rgba(0, 0, 0, 0.55), 0 0 32px var(--dp-blue-glow);
}

/* ========== Page shell ========== */
html{
  background-color: var(--dp-bg-void);
}

body{
  background:
    radial-gradient(ellipse 120% 80% at 50% -20%, rgba(30, 58, 138, 0.28) 0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 100% 40%, rgba(37, 99, 235, 0.12) 0%, transparent 50%),
    radial-gradient(ellipse 60% 40% at 0% 80%, rgba(15, 23, 42, 0.9) 0%, transparent 45%),
    linear-gradient(180deg, var(--dp-bg-deep) 0%, var(--dp-bg-base) 38%, var(--dp-bg-void) 100%) !important;
  color: var(--dp-text-soft) !important;
}

main{
  background: transparent;
}

/* ========== Typography (no size/position changes) ========== */
h1, h2, h3, h4, h5, h6,
.cs-wbg-head-1,
.cs-wbg-head-2,
.cs-wbg-head-3{
  color: var(--dp-text) !important;
}

.cs-wbg-head-2 span::before,
.cs-wbg-head-1 span::before{
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.45), rgba(37, 99, 235, 0.15)) !important;
}

.cs-global-desc-1,
.cs-global-desc-2,
.cs-global-desc-3,
main p:not(.desc-1):not(.desc-2):not(.desc-3),
.in-content-1,
.in-content-1 p,
.tab-content .in-content-1 *{
  color: var(--dp-text-muted) !important;
}

.cs-global-link-1,
a.cs-global-link-1{
  color: var(--dp-blue-bright) !important;
}

.cs-global-link-1:hover{
  color: #93c5fd !important;
}

/* ========== Header ========== */
.cs-sticky-header-1{
  background-color: rgba(6, 11, 20, 0.92) !important;
  border-bottom-color: var(--dp-border-soft) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
}

.cs-sticky-header-1.header-transparent:not(.is-scrolled){
  background-color: transparent !important;
  border-bottom-color: transparent !important;
}

.cs-sticky-header-1.header-transparent.is-scrolled,
.cs-sticky-header-1.is-scrolled{
  background-color: rgba(8, 14, 28, 0.96) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--dp-border-soft) !important;
}

.cs-sticky-header-1 .main-dd-d-1,
.cs-sticky-header-1 .cs-globe-dd-1 .csgdd1-d-1{
  background: rgba(12, 20, 38, 0.98) !important;
  border-color: var(--dp-border) !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.5) !important;
}

.cs-sticky-header-1 .main-dd-d-1 .mdd-m-l-1{
  color: var(--dp-text-soft) !important;
}

.cs-sticky-header-1 .main-dd-d-1 .mdd-m-l-1:hover{
  color: var(--dp-blue-bright) !important;
}

.cs-sticky-header-1 .cs-header-btn-3,
.cs-sticky-header-1 .cs-header-btn-1.cs-login-btn{
  background: var(--dp-gradient-btn) !important;
  border-color: rgba(96, 165, 250, 0.35) !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35) !important;
}

/* ========== Homepage sections (background only) ========== */
.cs-homepage-sec-2,
.cs-homepage-sec-3,
.cs-homepage-sec-4,
.cs-homepage-sec-5,
.cs-homepage-sec-6,
.cs-homepage-sec-7,
.cs-homepage-sec-9,
.cs-homepage-sec-10,
.cs-homepage-sec-11{
  background: transparent !important;
}

.cs-homepage-sec-4.section,
.cs-homepage-sec-5.section,
.cs-homepage-sec-6.section,
.cs-homepage-sec-8.section,
.cs-homepage-sec-9.section,
.cs-homepage-sec-10.section,
.cs-homepage-sec-11.section{
  border-top-color: var(--dp-border-soft) !important;
}

/* Search bar */
.cs-loc-date-d-1{
  background: var(--dp-bg-elevated) !important;
  border-color: var(--dp-border) !important;
  box-shadow: var(--dp-shadow-float) !important;
}

.cs-loc-date-d-1 .csld1-col-1,
.cs-loc-date-d-1 .csld1-col-2{
  border-right-color: var(--dp-border-soft) !important;
}

.cs-loc-date-d-1 .csld1-col-1.active,
.cs-loc-date-d-1 .csld1-col-2.active{
  background-color: rgba(30, 58, 138, 0.35) !important;
  border-color: var(--dp-border) !important;
}

.cs-icon-box-1 label,
.cs-icon-box-1 .desc-2,
.cs-loc-date-d-1 .form-control{
  color: var(--dp-text-soft) !important;
}

.cs-loc-date-d-1 .form-control::placeholder{
  color: var(--dp-text-faint) !important;
}

.cs-loc-date-d-1 .form-control{
  background: transparent !important;
  border-color: transparent !important;
}

.cs-icon-box-1 .desc-1,
.cs-loc-date-d-1 .csib1-col-1 .desc-1 i{
  color: var(--dp-blue-bright) !important;
}

.cs-loc-date-d-1 .cs-search-btn-1,
.cs-loc-date-d-1 .csld1-col-3 .cs-primary-btn-1{
  background: var(--dp-gradient-btn) !important;
  box-shadow: 0 10px 28px rgba(37, 99, 235, 0.4) !important;
}

.search-m-d-1{
  background: var(--dp-bg-surface) !important;
  border: 1px solid var(--dp-border) !important;
  box-shadow: var(--dp-shadow-card) !important;
}

.search-m-d-1 a,
.search-m-d-1 li a{
  color: var(--dp-text-muted) !important;
}

.search-m-d-1 a:hover{
  color: var(--dp-blue-bright) !important;
}

/* Premium cards — How it works, Vale, etc. */
.premium-card,
.cs-homepage-sec-4 .cssr1-col-3 .cs-tab-container-1,
.cs-homepage-sec-3 .premium-card{
  background: var(--dp-bg-card) !important;
  border: 1px solid var(--dp-border) !important;
  box-shadow: var(--dp-shadow-card) !important;
}

.premium-card:hover{
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.55), 0 0 40px rgba(59, 130, 246, 0.12) !important;
}

/* Step tabs */
.cs-homepage-sec-3 .cs-navTabs-1.nav-tabs .nav-link.cs-rent-step-tab{
  background: rgba(21, 31, 53, 0.75) !important;
  border-color: var(--dp-border-soft) !important;
  color: var(--dp-text-muted) !important;
}

.cs-homepage-sec-3 .cs-navTabs-1.nav-tabs .nav-link.cs-rent-step-tab.active{
  background: var(--dp-gradient-accent) !important;
  border-color: rgba(96, 165, 250, 0.35) !important;
  color: var(--dp-text) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4), 0 0 24px var(--dp-blue-glow) !important;
}

.cs-homepage-sec-3 .cs-navTabs-1.nav-tabs .nav-link.cs-rent-step-tab:hover:not(.active){
  border-color: var(--dp-border) !important;
  color: var(--dp-text-soft) !important;
}

/* Carousel placeholders only (not static hero illustrations) */
.cs-homepage-sec-3 .imageSlider1 .item,
.cs-homepage-sec-4 .imageSlider2 .item,
.how-it-works-placeholder,
.three-d-placeholder{
  background: linear-gradient(165deg, rgba(15, 23, 42, 0.9) 0%, rgba(30, 58, 138, 0.25) 100%) !important;
  border-color: var(--dp-border-soft) !important;
}

/* No frame behind hero illustrations */
.cs-homepage-sec-3 .imageSlider1 .item:has(.how-it-works-hero-img),
.cs-homepage-sec-4 .imageSlider2 .item:has(.how-it-works-hero-img){
  background: transparent !important;
}

/*
  Sec-3 / sec-4 hero illustrations — visible + sized to match text cards.
  Legacy: .bg-image-1 had z-index:-1 and column was only ~300px wide.
*/
.cs-homepage-sec-3 .cs-tab-slider-d-1,
.cs-homepage-sec-4 .cs-tab-slider-d-1{
  overflow: visible !important;
}

.cs-homepage-sec-3 .cs-slider-row-1,
.cs-homepage-sec-4 .cs-slider-row-1{
  align-items: stretch !important;
}

/* Wider image column (was ~300px) — text card keeps the rest */
.cs-homepage-sec-3 .cs-slider-row-1 > .cssr1-col-1,
.cs-homepage-sec-4 .cs-slider-row-1 > .cssr1-col-1{
  position: relative;
  z-index: 0;
  flex: 0 0 44% !important;
  max-width: 44% !important;
  width: 44% !important;
  min-width: 0;
  min-height: 0;
  display: flex !important;
  align-items: center !important;
}

.cs-homepage-sec-3 .cs-slider-row-1 > .cssr1-col-2,
.cs-homepage-sec-4 .cs-slider-row-1 > .cssr1-col-3{
  flex: 0 0 56% !important;
  max-width: 56% !important;
  width: 56% !important;
}

.cs-homepage-sec-3 .cs-slider-cont-1,
.cs-homepage-sec-4 .cs-slider-cont-1{
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  height: auto;
  overflow: visible !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Foto çerçevesi — yuvarlak köşe, üstte boşluk/çizgi yok */
.cs-homepage-sec-3 .cs-slider-cont-1 .bg-image-1,
.cs-homepage-sec-4 .cs-slider-cont-1 .bg-image-1{
  position: relative !important;
  z-index: 1 !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  display: block !important;
  padding: 0 !important;
  margin: 0;
  line-height: 0;
  font-size: 0;
  border: none !important;
  outline: none !important;
  border-radius: 24px !important;
  background: transparent !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.4) !important;
  box-sizing: border-box;
  isolation: isolate;
}

.cs-homepage-sec-3 .cs-slider-cont-1 .bg-image-1{
  margin-right: auto;
  margin-left: 0;
}

.cs-homepage-sec-4 .cs-slider-cont-1 .bg-image-1.right{
  margin-left: auto;
  margin-right: 0;
}

.cs-homepage-sec-3 .bg-image-1 img,
.cs-homepage-sec-4 .bg-image-1 img,
.how-it-works-hero-img{
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0;
  max-height: 460px;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  object-fit: cover;
  object-position: center center;
  transform: none;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  border-radius: 24px !important;
  box-shadow: none !important;
  filter: drop-shadow(0 16px 32px rgba(0, 0, 0, 0.45));
  vertical-align: top;
}

/* Vale foto: beyaz zemin — çerçeve içinde multiply */
.cs-homepage-sec-4 .how-it-works-hero-img--vale,
.cs-homepage-sec-4 .how-it-works-hero-img[src*="vale-modal-guncel"]{
  mix-blend-mode: multiply;
}

/* Sass height/border-radius çakışması — üst çizgi kaynağı */
.cs-homepage-sec-3 .cssr1-col-1 .cs-slider-cont-1 .bg-image-1,
.cs-homepage-sec-4 .cssr1-col-1 .cs-slider-cont-1 .bg-image-1{
  height: auto !important;
  min-height: 0 !important;
}

.cs-homepage-sec-3 .cssr1-col-1 .cs-slider-cont-1 .bg-image-1 img,
.cs-homepage-sec-4 .cssr1-col-1 .cs-slider-cont-1 .bg-image-1 img{
  height: auto !important;
  transform: none !important;
  border-radius: 24px !important;
}

/* Sec-4 görsel sütunu — arka plan ve slider kutusu */
.cs-homepage-sec-4 .cssr1-col-1 .cs-slider-cont-1,
.cs-homepage-sec-4 .cssr1-col-1 .bg-image-1,
.cs-homepage-sec-4 .imageSlider2 .item{
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
}

/* Bölüm ayırıcı çizgi görsel sütununa taşmasın */
.cs-homepage-sec-4.section{
  border-top: none !important;
}

@media (min-width: 1200px){
  .cs-homepage-sec-3 .cs-slider-row-1 > .cssr1-col-1,
  .cs-homepage-sec-4 .cs-slider-row-1 > .cssr1-col-1{
    flex: 0 0 46% !important;
    max-width: 46% !important;
    width: 46% !important;
  }

  .cs-homepage-sec-3 .cs-slider-row-1 > .cssr1-col-2,
  .cs-homepage-sec-4 .cs-slider-row-1 > .cssr1-col-3{
    flex: 0 0 54% !important;
    max-width: 54% !important;
    width: 54% !important;
  }

  .cs-homepage-sec-3 .bg-image-1 img,
  .cs-homepage-sec-4 .bg-image-1 img{
    max-height: 480px;
  }
}

@media (max-width: 991px){
  .cs-homepage-sec-3 .cs-slider-row-1 > .cssr1-col-1,
  .cs-homepage-sec-4 .cs-slider-row-1 > .cssr1-col-1,
  .cs-homepage-sec-3 .cs-slider-row-1 > .cssr1-col-2,
  .cs-homepage-sec-4 .cs-slider-row-1 > .cssr1-col-3{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    min-height: 300px;
  }

  .cs-homepage-sec-3 .cs-slider-cont-1,
  .cs-homepage-sec-4 .cs-slider-cont-1{
    min-height: 300px;
  }

  .cs-homepage-sec-3 .cs-slider-cont-1 .bg-image-1,
  .cs-homepage-sec-4 .cs-slider-cont-1 .bg-image-1{
    min-height: 0 !important;
  }

  .cs-homepage-sec-3 .bg-image-1 img,
  .cs-homepage-sec-4 .bg-image-1 img{
    max-height: 360px;
    border-radius: 20px !important;
  }

  .cs-homepage-sec-3 .cs-slider-cont-1 .bg-image-1,
  .cs-homepage-sec-4 .cs-slider-cont-1 .bg-image-1{
    border-radius: 20px !important;
  }
}

/* Reviews */
.cs-comment-box-1{
  background: var(--dp-bg-glass) !important;
  border-color: var(--dp-border-soft) !important;
  box-shadow: var(--dp-shadow-card) !important;
}

.cs-comment-box-1 .head-1,
.cs-comment-box-1 .desc-1,
.cs-comment-box-1 .desc-2,
.cs-comment-box-1 .desc-3,
.cs-comment-box-1 .link-1{
  color: var(--dp-text-soft) !important;
}

/* Cities */
.cs-city-box-1{
  background: var(--dp-bg-elevated) !important;
  border: 1px solid var(--dp-border-soft) !important;
}

.cs-city-box-1 .head-1{
  color: var(--dp-text) !important;
}

.cs-city-box-1:hover{
  border-color: var(--dp-border) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), 0 0 24px var(--dp-blue-glow) !important;
}

/* Sec-5 pair cards — surface tint only (layout unchanged) */
.cs-homepage-sec-5 .left-side,
.cs-homepage-sec-5 .right-side{
  background: var(--dp-bg-glass) !important;
}

.cs-homepage-sec-5 .left-side{
  border-right-color: var(--dp-border-soft) !important;
}

/* Accordion FAQ */
.cs-accordion-1 .card,
.cs-accordion-2 .card{
  background: var(--dp-bg-glass) !important;
  border-color: var(--dp-border-soft) !important;
}

.cs-accordion-1 .btn-link,
.cs-accordion-2 .btn-link{
  color: var(--dp-text) !important;
  background: transparent !important;
}

.cs-accordion-1 .card-body,
.cs-accordion-2 .card-body{
  color: var(--dp-text-muted) !important;
  background: rgba(8, 14, 28, 0.5) !important;
}

.cs-navTabs-1.nav-tabs{
  border-color: var(--dp-border-soft) !important;
}

.cs-navTabs-1.nav-tabs .nav-link{
  color: var(--dp-text-muted) !important;
}

.cs-navTabs-1.nav-tabs .nav-link.active{
  color: var(--dp-blue-bright) !important;
}

/* App section — already gradient; deepen harmony */
.cs-homepage-sec-8.p-home-app::before{
  background: linear-gradient(105deg, #04070f 0%, #0f172a 22%, #1e3a8a 52%, #1d4ed8 78%, #0c4a6e 100%) !important;
}

/* ========== Inner pages ========== */
.section:not(.section-hero):not(.cs-homepage-sec-1){
  background: transparent;
}

.cs-banner-sec-1,
.cs-about-us-sec-1,
.cs-contact-us-sec-1,
.cs-career-sec-1,
.cs-faq-sec-1,
.cs-p-blog-sec-1,
.cs-p-campaign-sec-1,
.cs-p-blogdetail-sec-1{
  background: transparent !important;
}

.cs-login-form-c-1,
.cs-register-form-c-1,
.cs-vale-form-c-1,
.cs-account-m-row-1 .csamr1-col-2,
.cs-account-sidebar-1,
.cs-car-box-1,
.cs-orderSum-left-a-1,
.cs-orderSum-right-a-1,
.cs-page-filter-d-1,
.cs-speech-info-box-1,
.cs-speech-info-box-2,
.cs-main-comment-box-1,
.cs-blog-box-1,
.cs-campaign-box-1,
.cs-list-main-2,
.modal-content,
.custom-modal .modal-content,
.cs-cookie-fly-d-1{
  background: var(--dp-bg-card) !important;
  border-color: var(--dp-border-soft) !important;
  color: var(--dp-text-soft) !important;
  box-shadow: var(--dp-shadow-card) !important;
}

.cs-account-sidebar-1 a,
.cs-footer-menu-1 a{
  color: var(--dp-text-muted) !important;
}

.cs-account-sidebar-1 a:hover,
.cs-account-sidebar-1 a.active{
  color: var(--dp-blue-bright) !important;
}

/* Forms */
.form-control,
.custom-select,
select.form-control,
.cs-form-control-1 input,
.cs-form-control-1 textarea{
  background-color: var(--dp-bg-elevated) !important;
  border-color: var(--dp-border-soft) !important;
  color: var(--dp-text-soft) !important;
}

.form-control:focus,
.custom-select:focus{
  border-color: var(--dp-blue) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

.form-control::placeholder{
  color: var(--dp-text-faint) !important;
}

label,
.form-group label{
  color: var(--dp-text-muted) !important;
}

/* Tables */
.table,
table{
  color: var(--dp-text-soft);
}

.table thead th{
  background: var(--dp-bg-elevated) !important;
  color: var(--dp-text) !important;
  border-color: var(--dp-border-soft) !important;
}

.table td,
.table th{
  border-color: var(--dp-border-soft) !important;
}

.table-striped tbody tr:nth-of-type(odd){
  background-color: rgba(21, 31, 53, 0.45) !important;
}

/* Breadcrumb */
.cs-global-breadcrumb-1,
.breadcrumb{
  background: transparent !important;
}

.cs-global-breadcrumb-1 li,
.breadcrumb-item,
.breadcrumb-item a{
  color: var(--dp-text-faint) !important;
}

.breadcrumb-item.active{
  color: var(--dp-text-muted) !important;
}

/* Buttons — keep geometry, shift to blue */
.cs-primary-btn-1,
.cs-primary-btn-2,
.btn-primary,
.cs-header-btn-3{
  background: var(--dp-gradient-btn) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.cs-secondary-btn-1,
.cs-secondary-btn-2{
  background: linear-gradient(135deg, #1e293b, #334155) !important;
  color: var(--dp-text) !important;
  border: 1px solid var(--dp-border-soft) !important;
}

/* Footer — deepen premium black-blue */
.cs-footer-1{
  background: linear-gradient(180deg, #030508 0%, #060b14 100%) !important;
  border-top: 1px solid var(--dp-border-soft) !important;
}

.cs-footer-1 h5.cs-wbg-head-1,
.cs-footer-1 h5.cs-wbg-head-2{
  color: var(--dp-text) !important;
}

/* Go top */
#goTpButton{
  background: var(--dp-gradient-btn) !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.45) !important;
}

/* Glass utility from sass */
.glass{
  background: var(--dp-bg-glass) !important;
  border-color: var(--dp-border) !important;
}

.image-wrapper{
  background: var(--dp-bg-surface) !important;
}

.section-divider{
  background: linear-gradient(to right, transparent, var(--dp-border-soft), transparent) !important;
}

/* ========== home-modern.css overrides ========== */
.p-home{
  background: transparent !important;
  color: var(--dp-text-soft);
}

.p-home .p-home-card,
.p-home .cs-accordion-1 .card{
  background: var(--dp-bg-card) !important;
  border: 1px solid var(--dp-border) !important;
}

.p-home .jsTabSliderTab1 .nav-link,
.p-home .jsTabSliderTab2 .nav-link{
  background: rgba(21, 31, 53, 0.7) !important;
  color: var(--dp-text-muted) !important;
}

.p-home .jsTabSliderTab1 .nav-link.active,
.p-home .jsTabSliderTab2 .nav-link.active{
  background: var(--dp-gradient-accent) !important;
  color: #fff !important;
}

.p-home .p-home-how-step{
  background: var(--dp-bg-glass) !important;
  border: 1px solid var(--dp-border-soft) !important;
}

.p-home .p-home-pair-cards__card,
.p-home .p-home-app__badge{
  background: var(--dp-bg-glass) !important;
  border-color: var(--dp-border-soft) !important;
}

.p-home .owl-nav button{
  background: rgba(30, 58, 138, 0.4) !important;
  color: #fff !important;
}

.p-home .owl-dots .owl-dot span{
  background: rgba(148, 163, 184, 0.35) !important;
}

.p-home .owl-dots .owl-dot.active span{
  background: var(--dp-blue) !important;
}

/* Legacy near-black text (#041614) → readable on dark surfaces */
.cs-car-box-1 .head-1,
.cs-car-box-1 .desc-1,
.cs-car-box-1 .desc-2,
.cs-car-box-1 .desc-3,
.cs-car-box-1 .price-1,
.cs-car-box-1 .price-2,
.cs-car-box-1 label,
.cs-page-filter-d-1,
.cs-page-filter-d-1 label,
.cs-page-filter-d-1 .desc-1,
.cs-page-filter-d-1 .desc-2,
.cs-rentcar-row-1 .desc-1,
.cs-rentcar-row-1 .desc-2,
.cs-orderSum-left-a-1,
.cs-orderSum-right-a-1,
.cs-orderSum-left-a-1 *,
.cs-orderSum-right-a-1 *,
.cs-list-main-2,
.cs-list-main-2 .desc-1,
.cs-list-main-2 .desc-2,
.cs-account-m-row-1 .csamr1-col-2,
.cs-account-m-row-1 .csamr1-col-2 *:not(.btn):not(.cs-primary-btn-1),
.cs-blog-box-1 .head-1,
.cs-blog-box-1 .desc-1,
.cs-campaign-box-1 .head-1,
.cs-campaign-box-1 .desc-1{
  color: var(--dp-text-soft) !important;
}

.cs-homepage-sec-10 .cs-blog-box-1 .image-div-1{
  margin-bottom: 0 !important;
  overflow: hidden;
  border-radius: 24px 24px 0 0;
  min-height: 200px;
  background: var(--dp-bg-elevated, #0f1729);
}

.cs-homepage-sec-10 .cs-blog-box-1 .image-div-1 .cs-blog-card-img,
.cs-homepage-sec-10 .cs-blog-box-1 .image-div-1 img{
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 24px 24px 0 0;
  background: transparent !important;
}

/* Hero slider text stays light */
.section-hero .slider-content-1,
.section-hero .slider-content-1 h1,
.section-hero .slider-content-1 h2,
.section-hero .slider-content-1 p,
.section-hero .slider-content-1 span,
.section-hero .slider-content-1 a:not(.cs-white-btn-1):not(.cs-white-outline-btn-1){
  color: #fff !important;
}