/**
 * Template-ten homepage responsive layer (10/10 target).
 * Loaded after homepage.css so fluid rules win without editing the legacy monolith.
 */
:root {
  --rr-home-touch: 44px;
  --rr-home-gutter: clamp(12px, 3vw, 24px);
}

.al_body_template_ten {
  overflow-x: clip;
}

html:has(body.al_body_template_ten),
body.al_body_template_ten {
  overflow-x: clip;
  max-width: 100%;
}

.al_body_template_ten .container {
  padding-left: var(--rr-home-gutter);
  padding-right: var(--rr-home-gutter);
  max-width: 100%;
}

/* Prevent legacy absolute art from widening the page */
.al_body_template_ten .pos-rr {
  right: 0;
  width: min(40%, 520px);
  max-width: 100%;
}

.al_body_template_ten .slick-list {
  overflow: hidden;
}

.al_body_template_ten .slick-track {
  max-width: 100% !important;
}

.al_body_template_ten .cars-slider.btn-sliders .slick-next.slick-arrow,
.al_body_template_ten .ridein-slider.btn-sliders .slick-next.slick-arrow {
  right: 12px;
}

.al_body_template_ten .cars-slider.btn-sliders .slick-prev.slick-arrow,
.al_body_template_ten .ridein-slider.btn-sliders .slick-prev.slick-arrow {
  right: 52px;
  left: auto;
}

/* ----- Hero ----- */
.al_body_template_ten .top-bg {
  background-size: cover;
  background-position: center bottom;
  min-height: min(100svh, 900px);
  padding-top: calc(var(--rr-header-h, 85px) + 24px) !important;
  padding-bottom: clamp(32px, 6vw, 80px);
  margin-top: 0 !important;
}

.al_body_template_ten .top-bg h1 {
  font-size: clamp(22px, 4.5vw, 60px);
  line-height: 1.15;
  padding-inline: 12px;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

.al_body_template_ten .top-bg h2 {
  font-size: clamp(32px, 8vw, 94px);
  line-height: 1.05;
  margin-bottom: clamp(16px, 3vw, 35px);
  padding-inline: 8px;
  overflow-wrap: anywhere;
  max-width: 100%;
}

.al_body_template_ten .cab-booking-form {
  max-width: 720px;
  margin-inline: auto;
  padding-inline: 8px;
}

.al_body_template_ten .cab-booking-form .outer-searchs {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  float: none;
  margin-inline: auto;
  min-height: var(--rr-home-touch);
}

.al_body_template_ten .cab-booking-form .outer-searchs .form-control {
  min-height: var(--rr-home-touch);
  height: auto;
}

.al_body_template_ten .cab-booking-form .right-pull,
.al_body_template_ten .cab-booking-form .left-pull {
  float: none;
  width: 100%;
}

.al_body_template_ten .cab-booking-form .btn-req {
  width: 100%;
  white-space: normal;
  min-height: var(--rr-home-touch);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.al_body_template_ten .cab-hero-cars {
  width: min(100%, 720px);
  height: auto;
  margin-top: clamp(16px, 4vw, 40px);
  margin-bottom: clamp(24px, 6vw, 100px) !important;
}

.al_body_template_ten .header-content .mb-40 {
  margin-bottom: clamp(24px, 6vw, 100px) !important;
}

/* ----- Shared mid-page ----- */
.al_body_template_ten .our-app-text h5 {
  font-size: clamp(22px, 3.5vw, 43px);
  line-height: 1.2;
}

.al_body_template_ten .our-app-text p {
  font-size: clamp(18px, 2.8vw, 34px);
  line-height: 1.25;
}

.al_body_template_ten .our-app-text h6,
.al_body_template_ten .safty-content {
  font-size: clamp(15px, 2vw, 18px);
  line-height: 1.5;
}

.al_body_template_ten .border-side {
  min-height: 0;
}

.al_body_template_ten img {
  max-width: 100%;
  height: auto;
}

.al_body_template_ten .btn-couple {
  flex-wrap: wrap;
  gap: 12px;
}

.al_body_template_ten .btn-couple a {
  min-height: var(--rr-home-touch);
  display: inline-flex;
  align-items: center;
}

.al_body_template_ten .btn-couple img {
  max-height: 48px;
  width: auto;
}

.al_body_template_ten .nav-check {
  padding-left: clamp(36px, 8vw, 48px);
}

.al_body_template_ten .nav-check li {
  font-size: clamp(15px, 2.2vw, 18px);
  line-height: 1.45;
}

.al_body_template_ten .outer-cards1 {
  height: 100%;
  box-sizing: border-box;
}

.al_body_template_ten .ridein-slider .col {
  min-width: min(280px, 100%);
}

.al_body_template_ten .enhanec-t {
  font-size: clamp(16px, 2.4vw, 22px);
  line-height: 1.4;
}

.al_body_template_ten .ewallet-img-text .padding-top {
  padding-top: clamp(32px, 6vw, 80px) !important;
}

.al_body_template_ten .ewallet-section-content h2 {
  font-size: clamp(22px, 3.2vw, 36px);
  line-height: 1.25;
}

.al_body_template_ten .ewallet-section-content p {
  font-size: clamp(14px, 1.8vw, 16px);
  line-height: 1.5;
}

.al_body_template_ten .ewallet-section-content .custom_btn,
.al_body_template_ten .start-today .btn,
.al_body_template_ten .case-outer a {
  min-height: var(--rr-home-touch);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 20px;
}

.al_body_template_ten .case-study h5 {
  font-size: clamp(16px, 2vw, 20px);
}

.al_body_template_ten .case-study h4 {
  font-size: clamp(20px, 3vw, 32px);
  line-height: 1.3;
}

.al_body_template_ten .start-today h2,
.al_body_template_ten .start-today h3 {
  font-size: clamp(22px, 3.5vw, 40px);
  line-height: 1.25;
}

.al_body_template_ten .ewallet-img-text img,
.al_body_template_ten .start-today img,
.al_body_template_ten .case-outer img {
  max-width: 100%;
  height: auto;
}

/* ----- Header / mega (touch + small screens) ----- */
.top-header.al_custom_head .rr-header-actions a,
.top-header.al_custom_head .rr-mobile-auth a {
  min-height: var(--rr-home-touch);
  min-width: var(--rr-home-touch);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.top-header.al_custom_head .rr-main-menu > .nav-item > .nav-link {
  min-height: var(--rr-home-touch);
  display: inline-flex;
  align-items: center;
}

@media (max-width: 1199px) {
  .top-header.al_custom_head .rr-toggler-mobile {
    min-height: var(--rr-home-touch);
    min-width: var(--rr-home-touch);
  }

  .al_body_template_ten .typewriter h1 {
    white-space: normal;
    overflow: visible;
    display: block;
    width: auto;
    max-width: 100%;
    animation: none;
    border-right: 0;
    letter-spacing: normal;
  }

  .al_body_template_ten .top-bg {
    min-height: auto;
    padding-top: calc(var(--rr-header-h, 120px) + 20px) !important;
  }

  .al_body_template_ten .outer-searchs {
    width: 100%;
  }

  .top-header.al_custom_head .rr-location-input {
    width: 100%;
    max-width: none;
  }

  .top-header.al_custom_head .rr-header-container {
    gap: 8px;
  }
}

@media (max-width: 991px) {
  .al_body_template_ten .os-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .al_body_template_ten .case-study .col-lg-4,
  .al_body_template_ten .case-study [class*="col-"] {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .al_body_template_ten .cab-booking-form .btn-req {
    font-size: 14px;
    padding: 12px 14px;
  }

  .al_body_template_ten .pos-rr {
    position: static;
    width: min(420px, 80%);
    margin: 0 auto 24px;
    display: block;
  }

  .al_body_template_ten .our-app {
    text-align: center;
    padding: 48px 0 !important;
  }

  .al_body_template_ten .our-app-text {
    text-align: center;
  }

  .al_body_template_ten .btn-couple {
    justify-content: center;
  }

  .al_body_template_ten .flex-t {
    padding-left: 0;
    text-align: center;
  }

  .al_body_template_ten .flex-t .size-dummy {
    margin: 12px auto;
  }

  .al_body_template_ten .ewallet-pl,
  .al_body_template_ten .ewallet-pr {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
  }

  .al_body_template_ten .column-reverse {
    flex-direction: column-reverse;
  }
}

@media (max-width: 767px) {
  .al_body_template_ten .top-bg {
    margin-top: 0;
    padding-inline: 0;
  }

  .al_body_template_ten .os-grid {
    grid-template-columns: 1fr;
  }

  .al_body_template_ten .cab-booking-actions .btn-req {
    font-size: 13px;
    padding: 12px 10px;
    line-height: 1.3;
  }

  .al_body_template_ten .welcome-sec .col-lg-3,
  .al_body_template_ten .welcome-sec .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .al_body_template_ten .border-side {
    margin-bottom: 20px;
    padding: 8px;
  }

  .al_body_template_ten .yallow-b {
    width: 100%;
    height: auto;
    min-height: 68px;
  }

  .al_body_template_ten .cars-slider .col {
    min-width: 140px;
  }

  .al_body_template_ten .pb-150 {
    padding-bottom: 48px !important;
  }

  .al_body_template_ten .case-study .col-lg-4,
  .al_body_template_ten .case-study [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .al_body_template_ten .ridein-slider {
    margin-inline: 0;
  }
}

@media (max-width: 575px) {
  .al_body_template_ten .welcome-sec .col-lg-3,
  .al_body_template_ten .welcome-sec .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .al_body_template_ten .case-study .col-lg-4,
  .al_body_template_ten .case-study [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .al_body_template_ten .cab-booking-actions .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 8px;
  }

  .al_body_template_ten .strok-text {
    letter-spacing: 0.02em;
  }

  .al_body_template_ten .outer-searchs {
    padding: 8px 28px;
  }

  .top-header.al_custom_head.custom_header .navbar.rr-navbar {
    min-height: 60px;
  }
}

/* Short landscape */
@media (max-height: 540px) and (orientation: landscape) {
  .al_body_template_ten .top-bg {
    min-height: auto;
    padding-top: calc(var(--rr-header-h, 56px) + 12px) !important;
    padding-bottom: 24px;
  }

  .al_body_template_ten .top-bg h1 {
    font-size: clamp(18px, 4vh, 28px);
  }

  .al_body_template_ten .top-bg h2 {
    font-size: clamp(28px, 8vh, 48px);
    margin-bottom: 12px;
  }

  .al_body_template_ten .cab-hero-cars {
    max-height: 120px;
    width: auto;
    margin-bottom: 16px !important;
  }

  .top-header.al_custom_head.custom_header .navbar.rr-navbar {
    min-height: 56px;
  }
}

/* Ultra-wide */
@media (min-width: 1600px) {
  .al_body_template_ten .top-bg {
    background-position: center bottom;
  }

  .al_body_template_ten .cab-booking-form {
    max-width: 780px;
  }
}

/* Tall phones / foldables */
@media (min-height: 800px) and (max-width: 575px) {
  .al_body_template_ten .top-bg {
    min-height: min(92svh, 820px);
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .al_body_template_ten .os-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .al_body_template_ten .header-content2 h3,
  .al_body_template_ten .header-content2 h4 {
    overflow-wrap: anywhere;
  }
}

.al_body_template_ten .slick-arrow {
  min-width: var(--rr-home-touch);
  min-height: var(--rr-home-touch);
}

.al_body_template_ten .os-link {
  min-height: var(--rr-home-touch);
}

.al_footer_template_ten .social-links a,
.al_footer_template_ten .nav-f a {
  min-height: var(--rr-home-touch);
  display: inline-flex;
  align-items: center;
}

.al_footer_template_ten img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .al_footer_template_ten .container {
    padding-left: var(--rr-home-gutter);
    padding-right: var(--rr-home-gutter);
  }

  .al_footer_template_ten .mob-sp {
    margin-bottom: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .al_body_template_ten [data-aos] {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}