:root {
  --theme-color-dark: #0d223a;
  --theme-color1: #2f6ea5;
  --theme-color2: #67c2e8;
  --theme-color3: #eff7fd;
  --bg-theme-color1: var(--theme-color1);
  --bg-theme-color2: var(--theme-color2);
  --bg-theme-color3: var(--theme-color3);
  --text-color: #18324b;
  --text-color2: #61758a;
  --headings-color: #0d223a;
  --theme-light-background: #f2f8fc;
  --Border: #d8e5f0;
  --bg-1: #eef6fc;
  --bg-2: #dcecf7;
  --bg-3: linear-gradient(135deg, #e6f4ff 0%, #dcecf9 100%);
  --bg-4: linear-gradient(135deg, #d7ebfb 0%, #eef7ff 100%);
}

::selection {
  background: var(--theme-color1);
}

body {
  background: linear-gradient(180deg, #f9fcff 0%, #ffffff 26%);
}

.background-slider .slide::before {
  background: linear-gradient(
    180deg,
    rgba(7, 24, 45, 0.72) 0%,
    rgba(12, 41, 72, 0.52) 48%,
    rgba(7, 24, 45, 0.74) 100%
  );
}

.header-style-v1 .btn .header-btn-two {
  box-shadow: 0 12px 26px rgba(11, 42, 75, 0.14);
}

.header-style-v1 .btn .header-btn-two:hover,
.offcanvas .header-btn-two {
  background: linear-gradient(135deg, #2f6ea5 0%, #57a8cf 100%) !important;
  color: #fff !important;
}

.boxcar-banner-section-v1 .banner-content .form-tab-content .model-links li a {
  background: rgba(224, 239, 251, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(6px);
}

.boxcar-banner-section-v1 .banner-content .form-tab-content .model-links li a:hover {
  background: rgba(224, 239, 251, 0.28);
}

.banner-northern-note {
  max-width: 760px;
  margin: 18px auto 0;
  color: rgba(241, 248, 254, 0.92);
  font-size: 15px;
  line-height: 26px;
}

.promo-stories {
  background: linear-gradient(180deg, #f4f9fd 0%, #eaf4fb 100%);
}

.promo-stories__track::-webkit-scrollbar-thumb {
  background: #93bad8;
}

.promo-card {
  border: 1px solid rgba(99, 145, 187, 0.12);
  box-shadow: 0 14px 28px rgba(13, 38, 69, 0.08);
}

.promo-card:hover {
  box-shadow: 0 18px 38px rgba(13, 38, 69, 0.14);
}

.boxcar-brand-section.section-radius-top.bg-1 {
  background: transparent;
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: 18px;
  padding-bottom: 44px;
}

.brand-head {
  margin-bottom: 18px;
}

.brand-list {
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.brand-list--buttons a {
  background: rgba(255, 255, 255, 0.88);
  border-color: #d7e5f1;
  color: #12314e;
}

.brand-list--buttons a:hover {
  border-color: var(--theme-color1);
  color: var(--theme-color1);
  box-shadow: 0 12px 28px rgba(24, 74, 117, 0.12);
}

.chip {
  background: transparent;
  color: #12314e;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 18px;
  font-weight: 700;
}

.chip::before {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: linear-gradient(135deg, #67c2e8 0%, #2f6ea5 100%);
  box-shadow: 0 0 0 4px rgba(103, 194, 232, 0.12);
}

.catalog-filter {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(99, 145, 187, 0.18);
  box-shadow: 0 28px 70px rgba(7, 31, 62, 0.16);
  backdrop-filter: blur(12px);
}

.catalog-filter select,
.catalog-filter input[type="number"],
.catalog-filter .select {
  border-color: #d7e5f1;
  background: #fbfdff;
}

.catalog-filter select:focus,
.catalog-filter input[type="number"]:focus {
  border-color: var(--theme-color1);
  box-shadow: 0 0 0 3px rgba(47, 110, 165, 0.16);
}

.catalog-filter .dropdown li:hover,
.catalog-filter .mega-menu.dropdown li:hover {
  background: #edf6fd;
  color: var(--theme-color1);
}

.catalog-filter__actions .theme-btn {
  background: linear-gradient(135deg, #2f6ea5 0%, #4f9bc7 100%);
  box-shadow: 0 18px 36px rgba(20, 72, 115, 0.26);
}

.catalog-filter__actions .theme-btn:hover {
  background: linear-gradient(135deg, #255984 0%, #408ab8 100%);
}

.catalog-filter__reset--mobile {
  color: var(--theme-color1);
  background: rgba(47, 110, 165, 0.08);
  border-color: rgba(47, 110, 165, 0.18);
}

.catalog-filter__reset--mobile:hover {
  color: #255984;
  background: rgba(47, 110, 165, 0.14);
  border-color: rgba(47, 110, 165, 0.28);
}

.boxcar-pricing-section .content-column .inner-column {
  background: linear-gradient(180deg, #eff7fd 0%, #e4f0f8 100%);
}

.boxcar-pricing-section .content-column .inner-column .read-more,
.blog-blockt-two .inner-box .read-more {
  background: linear-gradient(135deg, #2f6ea5 0%, #57a8cf 100%);
  box-shadow: 0 14px 28px rgba(26, 82, 126, 0.2);
}

.boxcar-pricing-section .content-column .inner-column .read-more:hover,
.blog-blockt-two .inner-box .read-more:hover {
  background: linear-gradient(135deg, #255984 0%, #468ebb 100%);
}

.boxcar-fun-fact-section {
  padding: 10px 0 24px;
}

.boxcar-fun-fact-section .fact-counter {
  border-bottom: 0;
  padding: 50px 90px 24px;
  border-radius: 32px;
  background: linear-gradient(135deg, #0d223a 0%, #1a3e64 100%);
  box-shadow: 0 24px 48px rgba(10, 34, 61, 0.18);
}

.boxcar-fun-fact-section .counter-block .widget-counter,
.boxcar-fun-fact-section .counter-block .widget-counter .count-text {
  color: #f6fbff;
  text-shadow: 0 10px 24px rgba(4, 15, 29, 0.24);
}

.boxcar-fun-fact-section .counter-block .widget-counter {
  font-size: 44px;
  line-height: 1.1;
  margin-bottom: 8px;
}

.boxcar-fun-fact-section .counter-block .widget-counter .count-text {
  font-size: 44px;
  line-height: 1.1;
  font-weight: 700;
}

.boxcar-fun-fact-section .counter-title {
  color: rgba(241, 248, 254, 0.92);
  letter-spacing: 0.04em;
}

.why-choose-us-section {
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.choose-us-block .inner-box {
  height: 100%;
  padding: 28px 24px;
  border-radius: 24px;
  border: 1px solid rgba(110, 153, 191, 0.16);
  background: linear-gradient(180deg, #ffffff 0%, #f1f8fd 100%);
  box-shadow: 0 12px 32px rgba(13, 38, 69, 0.06);
  transition: transform 0.24s ease, box-shadow 0.24s ease;
}

.lead-cta-price,
.price-accent {
  color: var(--theme-color1) !important;
}

.car-advantage__icon {
  background: rgba(47, 110, 165, 0.12);
  color: var(--theme-color1);
  box-shadow: inset 0 0 0 1px rgba(47, 110, 165, 0.08);
}

.lead-btn.primary {
  background: linear-gradient(135deg, #2f6ea5 0%, #4f9bc7 100%);
  box-shadow: 0 14px 30px rgba(21, 72, 116, 0.24);
}

.lead-btn.primary:hover {
  background: linear-gradient(135deg, #255984 0%, #408ab8 100%);
}

.btn-custom {
  background: linear-gradient(135deg, #2f6ea5 0%, #4f9bc7 100%);
  color: #fff;
  border: none;
  box-shadow: 0 14px 30px rgba(21, 72, 116, 0.2);
}

.btn-custom:hover {
  background: linear-gradient(135deg, #255984 0%, #408ab8 100%);
  color: #fff;
}

.specs-tab.active {
  color: var(--theme-color1);
  border-color: rgba(47, 110, 165, 0.24);
  box-shadow: inset 0 0 0 2px rgba(47, 110, 165, 0.12);
}

.vin-check-btn {
  background: linear-gradient(135deg, #2f6ea5 0%, #57a8cf 100%);
  box-shadow: 0 15px 30px rgba(21, 72, 116, 0.24);
}

.vin-check-btn:hover {
  background: linear-gradient(135deg, #255984 0%, #4a95c1 100%);
}

.specs-feature__icon {
  background: rgba(47, 110, 165, 0.12);
  color: var(--theme-color1);
}

.car-spec-accordion .widget-accordion .block .acc-btn .icon {
  background: rgba(47, 110, 165, 0.12);
  color: var(--theme-color1);
  box-shadow: inset 0 0 0 1px rgba(47, 110, 165, 0.14);
}

.car-spec-accordion .widget-accordion .block.active-block .acc-btn .icon {
  background: rgba(103, 194, 232, 0.2);
}

.choose-us-block .inner-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(13, 38, 69, 0.12);
}

.choose-us-block .inner-box .content-box .text {
  padding-right: 0;
  color: #546a7d;
}

.blog-blockt-two .inner-box {
  background: var(--bg-3);
}

.blog-blockt-two .inner-box.two {
  background: var(--bg-4);
}

.blog-blockt-two .inner-box.two .read-more {
  background: #0f2743;
}

.footer-06,
.footer-06 .aside-stretch,
.footer-06 .aside-stretch-right {
  background: linear-gradient(180deg, #0d223a 0%, #0a1c30 100%) !important;
}

.footer-06 .footer-heading {
  color: #e8f4ff;
}

.footer-06 p,
.footer-06 a {
  color: rgba(232, 244, 255, 0.76);
}

.footer-06 a:hover {
  color: #83d0ef;
}

.footer-06 .list-unstyled li a span {
  color: #83d0ef;
}

.credit-benefit-card {
  background: linear-gradient(180deg, #f6fbff 0%, #eaf4fb 100%) !important;
  border: 1px solid #d6e6f2 !important;
  padding: 16px 18px !important;
  box-shadow: 0 10px 24px rgba(12, 41, 72, 0.06);
}

.credit-benefit-card h5 {
  color: #0f2743;
}

.credit-benefit-card p {
  color: #4b647d;
  font-weight: 600;
}

.credit-intro-note,
.contact-intro-note {
  max-width: 760px;
  color: #597187;
  margin: 14px 0 24px;
}

.contact-intro-note {
  margin-top: 12px;
}

.why-choose-us-section .icon-box [fill="#EEF1FB"] {
  fill: #d7ebf8;
}

.why-choose-us-section .icon-box [stroke="#252422"],
.blog-section-two .hover-img [stroke="#252422"] {
  stroke: #0f2743;
}

.why-choose-us-section .icon-box [fill="#252422"],
.blog-section-two .hover-img [fill="#252422"] {
  fill: #0f2743;
}

.why-choose-us-section .icon-box [stroke="#EB5E28"],
.blog-section-two .hover-img [stroke="#EB5E28"] {
  stroke: #2f6ea5;
}

.why-choose-us-section .icon-box [fill="#EB5E28"],
.blog-section-two .hover-img [fill="#EB5E28"] {
  fill: #2f6ea5;
}

.blog-section-two .hover-img [fill="#CEE1F2"] {
  fill: #d7ebf8;
}

.btn-primary,
.btn-check + .btn-primary {
  background: linear-gradient(135deg, #2f6ea5 0%, #4f9bc7 100%);
  border-color: #2f6ea5;
  color: #fff;
  box-shadow: 0 14px 30px rgba(21, 72, 116, 0.2);
}

.btn-primary:hover,
.btn-check:hover + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background: linear-gradient(135deg, #255984 0%, #408ab8 100%);
  border-color: #255984;
  color: #fff;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
  background: linear-gradient(135deg, #2f6ea5 0%, #4f9bc7 100%);
  border-color: #2f6ea5;
  color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(47, 110, 165, 0.24);
}

.btn-primary:disabled,
.btn-primary.disabled {
  background: linear-gradient(135deg, #6f9ec4 0%, #8cc5df 100%);
  border-color: #6f9ec4;
  color: #fff;
}

@media (max-width: 991.98px) {
  .boxcar-fun-fact-section .fact-counter {
    padding: 36px 28px 12px;
    border-radius: 24px;
  }

  .choose-us-block .inner-box {
    padding: 24px 20px;
  }
}

@media (max-width: 767.98px) {
  .banner-northern-note {
    font-size: 14px;
    line-height: 24px;
  }

  .boxcar-fun-fact-section .fact-counter {
    padding: 32px 18px 6px;
    border-radius: 20px;
  }
}