@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("button.css");

:root {
  --primary:#081E2A;
 --yellow:#FCC406;
 --blue:#18181B;
 --grey:#4F545A;
 --green:#22C35D;
 --white:#fff;
 --bg:#F2F4F9;
 --black:#000;
}
* {
  box-sizing: border-box;
    font-family: "Poppins", sans-serif!important;
      -webkit-font-smoothing: antialiased;
}

body {
  margin: 0;
  color: var(--primary);
  background: var(--bg);
  font-family: "Poppins", sans-serif!important;
}

a {
  text-decoration:none;
}

a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
h3,
p {
  margin: 0;
}
button:focus-visible, a:focus-visible{
  outline:none;
}
.common_padding{
  padding:80px 0;
}

.section-title {
  text-align: center;
}
.section-title h2 {
  font-weight:600;
  color:var(--primary);
  letter-spacing: 0;
  font-size: clamp(2.25rem, 3.5vw, 3rem);
    line-height: 1.25;
}
.section-title p {
  margin-top: 10px;
  font-size: 18px;
  color: var(--blue);
  line-height: 26px;
  letter-spacing: 1px;
  font-weight: 400;
}
/* ======================== Header ========================================== */
.hero {
  position: relative;
}
.navbar-brand img {
  width: 100%;
  max-width: 140px;
}
.navbar {
    position: absolute;
    width: 100%;
    z-index: 5;
    padding-top: 20px;
        transition: all 0.3s ease;
}

.navbar-nav .nav-link {
  color: var(--primary);
  font-weight: 500;
  margin-left: 22px;
  padding:8px;
  font-size:18px;
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
  position: relative;
}
.navbar-nav .nav-link.active{
   color: var(--yellow);
}
.navbar-nav .nav-link:hover {
  color: var(--yellow);
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-link:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  width: 0;
  height: 2px;
  background: var(--yellow);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}
.navbar-nav .nav-link:hover::after{
    width: 60%;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-link.active::after{
   width: 60%;
    transition: all 0.3s ease-in-out;
}
.navbar-toggler-icon{
      filter: brightness(0) saturate(100%);
}
.navbar-toggler {
  border: none;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar {
  transition: all 0.3s ease;
}

/* .navbar.scrolled {
  background-color: #000; 
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
} */
.navbar.fixed {
    position: fixed;
    top: 0;
    background-color: var(--white); 
    padding-top: 5px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 9998;
}
/* =========================== Banner-section =============================== */
.hero-layout {
  display: grid;
      grid-template-columns: 47% 53%;
  min-height: 879px;
}
.hero-content {
  margin-bottom: 56px;
       padding-top: 158px;
    width: 100%;
    padding-right: 11px;
}
.hero-content h1 {
      font-size: clamp(3rem, 4.3vw, 3.2rem);
    line-height: 1.11;
    letter-spacing: -0.7px;
    color: var(--primary);
    font-weight: 600;
}
.hero-content h2 {
 font-size: clamp(1.2rem, 2vw, 1.4rem);
  line-height: 1.4;
    padding: 20px 0 4px 0;
     color: var(--primary);
}
.hero-content p{
      color: var(--blue);
   font-size: clamp(1rem, 1.2vw, 1.1rem);
    line-height: 1.6;
    letter-spacing: 1px;
}
.hero-desc {
  margin-top: 14px;
}
.hero-desc p {
      color: var(--blue);
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1px;
}

.quick-quote-form {
  background: var(--white);
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  max-width: 100%;
      display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
.quick-quote-form h3 {
  margin-bottom: 15px;
  font-size: 20px;
}

.quick-quote-form input {
   padding: 10px;
    padding-right: 40px;
    border: 1px solid var(--black);
    border-radius: 6px;
    height: 45px;
    font-size: 16px;
    box-sizing: border-box;
    background-color: var(--white);
  width: 100%;                     
    width: -webkit-fill-available;  
    width: -moz-available;     
        max-width: 100%;
}
.form-row{
      display: flex;
    gap: 12px;
    width: 100%;
}
/* .quick-quote-form > * {
    min-width: 0;
} */
.date-wrapper {
    position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.date-wrapper::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    pointer-events: none;
    background-image: url(../image/calendar-clock.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.quick-quote-form .form-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
    min-width: 0;
    position:relative;
}
.quick-quote-form .form-group svg{
      position: absolute;
    left: 16px;
    color: #525151; 
    pointer-events: none;
    flex-shrink: 0;
    top: 14px;
}
.error {
  border: 2px solid red !important;
}
.error-text {
  color: red;
  font-size: 13px;
  margin-top: 5px;
}
.button_banner {
    width: 50%;
}
input::placeholder {
  color: #525151;       
  opacity: 1;        
  font-size:16px;
}

.date-wrapper {
  position: relative;

}
.placeholder-label {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #aaa;            
  text-transform: uppercase; 
  pointer-events: none;    
  transition: 0.2s ease all;
}
.call_banner {
    display: flex;
    font-size: 20px;
    margin-top: 15px;
    gap: 12px;
    color: var(--primary);
   
}
.call_banner a{
  font-weight:600;
   text-decoration: underline;
}
 .hero-slider-abs {
      position: absolute;
      top: 0;
      right: 0;         
      width: 48%;        
      height: 100%;
      z-index: 1;
      overflow: hidden;
    }
    .hero-slider-abs .swiper {
      width: 100%;
      height: 100%;
    }

    .hero-slider-abs .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

     .hero-slider-abs .swiper-pagination { bottom: 20px !important; }
     .hero-slider-abs .swiper-pagination-bullet {  opacity:1; width: 20px; height: 20px; border:1px solid var(--white); background:transparent;}
     .hero-slider-abs .swiper-pagination-bullet-active { opacity: 1; background:var(--white); } 
.sticky_button{
position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    z-index: 9999;
    gap:16px;
    background-color: var(--white);
    width: 100%;
    padding: 20px 50px 10px 50px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 52%);
}
/* ========================== Trust-bar-slider ========================== */
.trust-bar {
  color: var(--white);
  background: var(--primary);
  overflow: hidden;
}

.trust-track {
  display: flex;
  width: max-content;
  min-width: 100%;
  animation: trust-marquee 26s linear infinite;
}

.trust-list {
  display: flex;
  flex-wrap: nowrap;
  gap: 22px;
  padding: 40px 0;
  margin-right: 22px;
}

.trust-list span {
  white-space: nowrap;
  font-size: 24px;
  font-weight: 500;
  padding-left: 22px;
  display: flex;
    align-items: center;
    gap: 10px;
}
.trust-list span img{
  width:30px;
  height:30px;
}
@keyframes trust-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .trust-track {
    animation: none;
  }
}
/* ============================== About-us ============================ */
.about {
  background: var(--white);
  align-items: center;
}

.about-gallery {
  /* display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
      margin-right: 40px;
    margin-left: -40px; */
        display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 38px;
}

.about-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.about-copy{
  height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 891px;
    margin-left: auto;
        align-items: start;
}
.about-col-shift {
  margin-top: 38px;
}

.about-img {
  width: 100%;
  border-radius: 20px;
  border: 1px solid var(--line);
  object-fit: cover;
}

.about-img-small {
     height: 274px;
}

.about-img-tall {
  height: 309px;
}

.about-copy h2 {
 line-height: 56px;
    letter-spacing: 0;
    font-size: 46px;
    color: var(--primary);
    font-weight: 600;
    font-size: clamp(2.25rem, 3.5vw, 3rem);
      line-height: 1.25;
}

.about-copy > p {
  margin-top: 18px;
  color: var(--blue);
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 1px;
  font-weight: 400;;
}
.feature-grid {
 margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 40px;
}

.feature-item {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.feature-icon {
  width: 50px;
  height: 50px;
  border-radius: 2px;
  background: var(--primary);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  position:relative;
}

.feature-icon::before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid var(--white);
    position: absolute;
    top: -8px;
    right: -4px;
    transform: rotate(-45deg);
}
.feature-icon img {
  width: 24px;
  height: 24px;
}

.feature-grid h3 {
    font-size: 20px;
    color: var(--grey);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 126%;
    transform: none;
    margin-bottom: 0;
}

.feature-grid p {
  margin-top: 4px;
    font-size: 18px;
    line-height: 26px;
    transform: none;
    white-space: normal;
    color: var(--blue);
    font-weight: 400;
}

/* ======================= choose-trip ============================= */
section.choose-trip{
  padding: 80px 0 0;
}
section.choose-trip .swiper-wrapper{
  padding-bottom: 70px;
}
.carSwiper {
  padding:40px 0 0 0;
}
.car-card {
  border-radius: 18px;
  border: 1px solid var(--line);
  background: var(--white);
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px #00000029;

}

.car-card img {
  width: 100%;
  height: 170px;
  object-fit: contain;
  background: var(--white);
}

.car-card h3 {
  margin-top: 10px;
  text-align: center;
  font-size: 17px;
}

.car-card p {
  margin-top: 5px;
  text-align: center;
  color: var(--muted);
  font-size: 13px;
}

/* .car-card .btn {
  width: calc(100% - 24px);
  margin: 10px 12px 0;
} */
.car-body{
      border-top: 1px solid #22222233;
    padding: 20px 40px;
}

.car-img img {
  width: 100%;
  height: 250px;
  object-fit: contain;
}

.car-body h5 {
  font-weight: 600;
    color: var(--primary);
    font-size: 20px;
}

p.passenger {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    font-size: 18px;
    padding: 14px 0 27px 0;
    margin: 0;
    gap: 10px;
}
p.passenger img{
      width: 14px;
    height: 14px;
    background-color: transparent;
}

.call-btn {
  background: var(--yellow);
  border: 1px solid var(--yellow);
  color: var(--black);
  border-radius: 50px;
  padding: 10px 30px;
  font-weight: 600;
  transition: all 0.4s ease;
}
.call-btn:hover {
      background-color: var(--white);
    border: 1px solid var(--yellow);
    color: var(--black);
}

.swiper-pagination-bullet{
border: 1px solid var(--primary);
width:20px;
height:20px;
border-radius: 50%;
background-color:transparent;
opacity:1;
}
 .swiper-pagination-bullet-active{
  background-color: var(--primary);
}
.choose-trip .swiper-slide{
  height:auto;
}
.choose-trip .car-card{
  height:100%;
}
/* ================================ trust ============================ */
.premium-strip {
    margin-top: 36px;
    background: var(--primary);
    border-radius: 60px;
    color: var(--white);
    padding: 40px 28px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 5;
}
.premium-strip::before {
    content: '';
    background-image: url(../image/service_before.png);
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    z-index:0;
}
.premium-strip::after {
    content: '';
    background-image: url(../image/service_after.png);
    width: 418px;
    height: 235px;
    position: absolute;
    background-repeat: no-repeat;
    right: 0;
    bottom: 0;
    background-size: auto;
    z-index:0;
}
.premium-strip h2 {
color: var(--white);
    font-size: 50px;
    font-weight: 600;
    line-height: 92px;
}

.stats {
 margin: 30px auto 50px auto;
    max-width: 760px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.stats p {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.stats strong {
  color: var(--white);
    font-size: 50px;
    font-weight: 600;
    line-height: 62px;
}

.stats span {
color: var(--white);
    font-size: 18px;
    font-weight: 500;
    padding-top: 12px;
}
  .premium-strips{
          z-index: 1;
    position: relative;
     }
/* ========================= routes ======================= */
.popular-routes {
    background: var(--white);
    padding: 254px 0 100px 0;
    text-align: center;
    margin-top: -197px;
}
.routes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 30px;
  margin-top: 33px;
}
.route-pill {
  padding: 16px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  border:1px solid var(--primary);
  color:var(--primary);
}
/* ============================= Services ================================ */
.services-grid {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}
.services  .section-title p{
  max-width:824px;
  margin-right:auto;
  margin-left:auto
}
.service-card {
    border-radius: 24px;
    border: 1px solid #4F545A33;
    background: var(--white);
    padding: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.service_icon {
    background-color: var(--primary);
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}
.service_icon img{
  width:24px;
  height:24px;
}
.service-card h3 {
     font-size: 18px;
    padding-top: 30px;
    color: var(--primary);
    font-weight: 600;
    line-height: 100%;
}

.service-card p {
margin-top: 14px;
    font-size: 18px;
    color: var(--grey);
    font-weight: 400;
    line-height: normal;
}
/* ============================== footer =================================== */
.footer {
  color: var(--white);
  background: var(--primary);
  padding: 40px 0;
}

.footer-main {
  display: grid;
  grid-template-columns: 1fr 1.4fr auto;
  gap: 22px;
  align-items: center;
}
.footer_left{
  display: flex;
    justify-content: end;
    gap: 40px;
}

a.footer_link {
    padding: 8px;
    font-size: 18px;
    color: var(--white);
    font-weight: 500;
    position: relative;
}
a.footer_link:hover{
  color: var(--yellow);
    transition: all 0.3s ease-in-out;
}
a.footer_link:after{
  content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 0;
    height: 2px;
    background: var(--yellow);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}
a.footer_link:hover:after{
      width: 60%;
    transition: all 0.3s ease-in-out;
}
.footer-main p {
margin-top: 14px;
    max-width: 687px;
    font-size: 18px;
    line-height: normal;
    color: var(--white);
}

.footer-main nav {
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.footer-bottom {
margin-top: 60px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.30);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.footer-bottom p {
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
}

.socials {
  display: flex;
  gap: 30px;
}

.socials a {
  width: 24px;
  height: 24px;
}
a.brand.brand-footer img{
  width: 222px;
    height: auto;
}
input[type="date"] {
  -webkit-appearance: none !important;
    -moz-appearance: textfield;
    appearance: none !important;
    background-color: transparent;
    position: relative;
    z-index: 2;
    text-align: left !important;
    -webkit-text-align-last: left !important;
    text-align-last: left !important;
        min-width: 0;
         -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
}
  input[type="date"]::-webkit-inner-spin-button,
  input[type="date"]::-webkit-clear-button,
  input[type="date"]::-webkit-calendar-picker-indicator {
      opacity: 0;
      display: block;
      position: absolute;
      right: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
  }
.quick-quote-form input[type="date"]::-webkit-inner-spin-button,
.quick-quote-form input[type="date"]::-webkit-clear-button {
    -webkit-appearance: none;
    display: none;
}
/* ================================== service page ========================================== */
.airport-form-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.airport-form-box {
    width: calc(100% / 2 - 10px);
    padding: 22px;
    border-radius: 18px;

    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border: 1px solid rgba(255, 255, 255, 0.25);

    box-shadow:
        0 10px 35px rgba(0, 0, 0, 0.25),
        inset 0 0 12px rgba(255, 255, 255, 0.15);

    transition: all 0.35s ease;
}

.airport-form-box:hover {
    transform: translateY(-6px);
    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.35),
        inset 0 0 15px rgba(255, 255, 255, 0.25);
}

.airport-form-box h5 {
    font-weight: 600;
    margin-bottom: 15px;
}

.airport-form-box .form-group {
    margin-bottom: 12px;
}

.airport-form-box input {
    padding: 10px;
    padding-right: 10px;
    border: 1px solid var(--black);
    border-radius: 6px;
    height: 34px;
    font-size: 16px;
    box-sizing: border-box;
    background-color: var(--white);
    width: 100%;
    width: -webkit-fill-available;
    width: -moz-available;
    max-width: 100%;
}

.airport-form-box .date-wrapper input {
    background-color: var(--white);
}

.airport-form-box .form-group label {
    margin-bottom: 5px;
}

.airport-form-box label.box-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--blue);
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.3), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
}

.airport-form-box button {
    width: 100%;
    padding: 12px;
    background: var(--green);
    color: var(--white);
    border: none;
    border-radius: 6px;
    font-size: 15px;
    cursor: pointer;
    max-height: 47px;
}
.cust-tab-wrapper .nav-tabs {
  border-bottom: 1px solid var(--primary);
}
.cust-tab-wrapper .nav-tabs li  {
  color: var(--primary);
  border: 1px solid transparent;
  margin-top: 10px !important;
}
.cust-tab-wrapper .nav-tabs li .nav-link {
  color: var(--primary);
  border-bottom: 0;
}
.cust-tab-wrapper .nav-tabs li .nav-link.active {
  color: var(--white);
  background: var(--primary);
}
.show-mb {
  display: none;
}
    .date-wrapper.date_before:after{
top: 72%;
z-index:55;
}
/* ============================= map ============================= */
.map_section{
  background-color: var(--white);
}
.map_section .section-title ul{
     display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0px;
    margin-bottom:0px;
    gap: 30px;
    padding: 0;
}
.map_section .section-title ul li{
  font-size:20px;
  color:var(--primary);
  position:relative;
  list-style-type: none;
      border-radius: 18px;
    border: 1px solid var(--line);
    background: var(--bg);
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px #00000029;
    height: 100%;
    font-weight: 600;
}
.map_section .section-title ul li img{
  width: 80px;
    height: 80px;
    background: var(--white);
    /* padding: 10px; */
}
.map_section .section-title ul li span{
  padding-left: 20px;
}
.left_map_img img{
  max-width:100%;
}

/* ============================= fleet-tabs-section ============================= */
.fleetTabs_section { padding: 80px 20px; background: #f5f5f5; font-family: "Poppins", sans-serif; }
.fleetTabs_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; flex-wrap: wrap; gap: 20px; }
.fleetTabs_titleSmall { color: var(--yellow); font-size: 14px; font-weight: 600; margin-bottom: 8px; }
.fleetTabs_title { font-size: 32px; font-weight: 700; line-height: 1.3; color: #222; max-width: 520px; }
.fleetTabs_all { font-size: 15px; text-decoration: none; color: #222; }
.fleetTabs_all:hover { color: var(--yellow); }
.fleetTabs_grid { display: grid; grid-template-columns: 1fr 420px; gap: 40px; align-items: center; }
.fleetTabs_list { list-style: none; padding: 0; margin: 0; border-top: 1px solid #ddd; }
.fleetTabs_item { font-size: 32px; font-weight: 700; padding: 22px 0; border-bottom: 1px solid #ddd; cursor: pointer; color: #444; transition: .3s; }
.fleetTabs_item:hover { color: var(--yellow); }
.fleetTabs_item.active { color: var(--yellow); }
.fleetTabs_card { background: #fff; border-radius: 14px; padding: 18px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); display: none; }
.fleetTabs_card.active { display: block; }
.fleetTabs_img { width: 100%; border-radius: 10px; height: 230px; object-fit: cover; }
.fleetTabs_cardTop { display: flex; justify-content: space-between; margin-top: 14px; font-weight: 600; }
.fleetTabs_price { color: var(--yellow); }
.fleetTabs_features { display: flex; justify-content: space-between; margin: 18px 0; font-size: 14px; color: #555; }
.fleetTabs_buttons { display: flex; gap: 15px; align-items: center; }
.fleetTabs_btn { background: var(--yellow); color: var(--primary); padding: 10px 18px; border-radius: 30px; text-decoration: none; font-size: 14px; font-weight: 600; }
.fleetTabs_link { text-decoration: none; color: #222; font-size: 14px; }
.fleetTabs_link:hover { color: var(--yellow); }
.fleetTabs_btn:hover { background-color: transparent; color: var(--yellow); border: 1px solid var(--yellow); }

/* ============================= deal-slider-section ============================= */
.dealSlider_section { padding: 90px 0; background: #f5f5f5; }
.dealSlider_header { text-align: center; max-width: 700px; margin: auto; margin-bottom: 60px; }
.dealSlider_header h2 { font-size: 38px; font-weight: 700; margin-bottom: 12px; }
.dealSlider_header p { color: #666; font-size: 16px; }
.dealCard { display: grid; grid-template-columns: 280px 1fr; background: #fff; border-radius: 18px; overflow: hidden; transition: all .35s ease; height: 100%; }
.dealCard_img { position: relative; overflow: hidden; }
.dealCard_img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.dealBadge { position: absolute; top: 18px; left: 18px; background: linear-gradient(135deg, #ffb300, #fcc406); color: #fff; font-size: 13px; font-weight: 600; padding: 7px 14px; border-radius: 50px; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); }
.dealBtn { position: absolute; bottom: 20px; left: 20px; background: #111; color: #fff; padding: 12px 22px; border-radius: 10px; font-weight: 600; text-decoration: none; transition: .3s; }
.dealBtn:hover { background: var(--yellow); }
.dealCard_content { padding: 32px; display: flex; flex-direction: column; justify-content: space-between; }
.dealCard_content h3 { font-size: 24px; font-weight: 700; margin-bottom: 10px; }
.dealCard_content p { color: #666; margin-bottom: 18px; line-height: 1.6; }
.dealCard_content ul { margin-bottom: 25px; padding-left: 18px; color: #555; }
.dealCard_content ul li { margin-bottom: 6px; }
.dealTimer { display: flex; gap: 30px; padding: 18px; border-radius: 14px; margin-bottom: 25px; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.4); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); }
.dealTimer div { text-align: center; }
.dealTimer b { display: block; font-size: 22px; font-weight: 700; color: #111; }
.dealTimer span { font-size: 12px; color: #777; }
.dealPrice { display: flex; align-items: center; gap: 12px; }
.dealPrice .old { text-decoration: line-through; color: #888; font-size: 15px; }
.dealPrice .new { font-size: 26px; font-weight: 700; color: var(--yellow); }
.dealSlider_swiper .swiper-slide { height: auto !important; }
.dealSlider_swiper .swiper-wrapper { align-items: stretch; }

/* ============================= intercity-section ============================= */
.intercity_section { padding: 80px 0; position: relative; background: url("../image/intercity.jpg") center/cover no-repeat fixed; }
.intercity_section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.55); z-index: 0; }
.intercity_section .container { position: relative; z-index: 2; }
.intercity_grid { display: grid; grid-template-columns: 1.1fr 420px; gap: 60px; align-items: center; }
.intercity_content h2 { font-size: 36px; margin-bottom: 20px; color: #fff; }
.intercity_content p { color: #e5e5e5; margin-bottom: 20px; line-height: 1.7; }
.intercity_features { padding-left: 18px; margin-bottom: 25px; }
.intercity_features li { margin-bottom: 8px; color: #f1f1f1; }
.intercity-form-box { width: 100%; padding: 22px; border-radius: 18px; background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, 0.25); box-shadow: 0 10px 35px rgba(0, 0, 0, 0.25), inset 0 0 12px rgba(255, 255, 255, 0.15); transition: all .35s ease; }
.intercity-form-box:hover { transform: translateY(-6px); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35), inset 0 0 15px rgba(255, 255, 255, 0.25); }
.intercity-form-box h5 { font-weight: 600; margin-bottom: 15px; }
.intercity-form-box .form-group { margin-bottom: 12px; }
.intercity-form-box input { padding: 10px; border: 1px solid var(--black); border-radius: 6px; height: 34px; font-size: 16px; box-sizing: border-box; background-color: var(--white); width: 100%; max-width: 100%; }
.intercity-form-box .date-wrapper input { background-color: var(--white); }
.intercity-form-box .form-group label { color: #fff; margin-bottom: 5px; display: block; }
.intercity-form-box label.box-title { font-size: 20px; font-weight: 600; color: var(--blue); text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.3), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1); margin-bottom: 10px; }
.intercity-form-box button { width: 100%; padding: 12px; background: var(--green); color: var(--white); border: none; border-radius: 6px; font-size: 15px; cursor: pointer; max-height: 47px; }

/* ============================= outercity-section ============================= */
.outercity_section { padding: 80px 0; position: relative; background: url("../image/outercity.jpg") center/cover no-repeat fixed; }
.outercity_section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.66); z-index: 0; }
.outercity_section .container { position: relative; z-index: 2; }
.outercity_grid { display: grid; grid-template-columns: 420px 1.1fr; gap: 60px; align-items: center; }
.outercity_content h2 { font-size: 36px; margin-bottom: 20px; color: #fff; }
.outercity_content p { color: #e5e5e5; margin-bottom: 20px; line-height: 1.7; }
.outercity_features { padding-left: 18px; margin-bottom: 25px; }
.outercity_features li { margin-bottom: 8px; color: #f1f1f1; }
.outercity-form-box { width: 100%; padding: 22px; border-radius: 18px; background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, 0.25); box-shadow: 0 10px 35px rgba(0, 0, 0, 0.25), inset 0 0 12px rgba(255, 255, 255, 0.15); transition: all .35s ease; }
.outercity-form-box:hover { transform: translateY(-6px); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35), inset 0 0 15px rgba(255, 255, 255, 0.25); }
.outercity-form-box h5 { font-weight: 600; margin-bottom: 15px; }
.outercity-form-box .form-group { margin-bottom: 12px; }
.outercity-form-box input { padding: 10px; border: 1px solid var(--black); border-radius: 6px; height: 34px; font-size: 16px; box-sizing: border-box; background-color: var(--white); width: 100%; max-width: 100%; }
.outercity-form-box .date-wrapper input { background-color: var(--white); }
.outercity-form-box .form-group label { color: #fff; margin-bottom: 5px; display: block; }
.outercity-form-box label.box-title { font-size: 20px; font-weight: 600; color: var(--blue); text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.3), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1); margin-bottom: 10px; }
.outercity-form-box button { width: 100%; padding: 12px; background: var(--green); color: var(--white); border: none; border-radius: 6px; font-size: 15px; cursor: pointer; max-height: 47px; }

/* ============================= why-choose-section ============================= */
.why-choose-section { padding: 80px 0; background: #f6f6f6; }
.why-choose-section h2 { text-align: left; }
.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.section-sub { color: var(--primary); font-weight: 600; margin-bottom: 10px; }
.section-title { font-size: 32px; font-weight: 700; line-height: 1.4; margin-bottom: 30px; }
.image-wrapper { position: relative; }
.image-wrapper img { border-radius: 15px; width: 100%; }
.img1 { max-width: 320px; }
.img2 { position: absolute; bottom: -40px; right: 40px; max-width: 280px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
.experience-box { position: absolute; left: 60px; bottom: -50px; background: var(--yellow); color: #fff; padding: 20px; border-radius: 12px; text-align: center; }
.experience-box h3 { font-size: 36px; margin: 0; }
.experience-box p { margin: 0; font-size: 14px; }
.faq-item { background: #fff; border-radius: 10px; margin-bottom: 15px; overflow: hidden; border: 1px solid #eee; }
.faq-header { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; cursor: pointer; font-weight: 600; gap: 10px; }
.faq-icon { font-size: 20px; color: var(--yellow); }
.faq-body { height: 0; overflow: hidden; transition: height 0.35s ease; padding: 0 20px; will-change: height; }
.faq-body p { margin-top: 10px; }
.faq-body ul { margin-top: 10px; padding-left: 18px; }
.faq-item.active .faq-body { padding-bottom: 20px; }
.image-wrapper { position: relative; }
.image-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.image-grid img { width: 100%; border-radius: 25px; object-fit: cover; height: 260px; }
.experience-box { height: max-content; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px 25px; border-radius: 15px; text-align: center; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); }
.experience-box h3 { font-size: 32px; margin: 0; }
.experience-box p { margin: 0; font-size: 14px; }


.pricing-section {
  background: var(--white);
  padding: 80px 0;
  font-family: 'Poppins', sans-serif;
}

/* Section Header */
.sec-lbl {
  font-size: 16px;
  font-weight: 600;
  color: var(--yellow);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.sec-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--primary);
  margin: 10px 0;
}

.highlight {
  color: var(--yellow);
}

.divider {
  width: 80px;
  height: 3px;
  background: var(--yellow);
  margin: 10px auto 0 auto;
  border-radius: 3px;
}

.lead {
  color: var(--grey);
  font-weight: 500;
}

/* Tabs */
.pricing-tabs .nav-link {
  font-weight: 600;
  color: var(--primary);
  border: 2px solid var(--yellow);
  border-radius: 50px;
  margin: 0 10px;
  padding: 10px 30px;
  transition: all 0.3s ease;
}

.pricing-tabs .nav-link.active,
.pricing-tabs .nav-link:hover {
  background: var(--yellow);
  color: var(--white);
  border-color: var(--yellow);
}

/* TABLE STYLING */
.route-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
  background: var(--bg);
   padding: 15px;
   border-radius:8px;
}

.route-table thead th {
  background: var(--bg);
  color: var(--primary);
  font-weight: 600;
 
  text-align: center;
  border-radius: 8px;
}

.route-table tbody tr {
  background: #fdfdfd;
  transition: all 0.3s ease;
  border-radius: 8px;
}

.route-table tbody tr:hover {
  background: #fffbe6;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.08);
}

.route-table td {
  text-align: center;
  padding: 8px;
  color: var(--primary);
  font-weight: 500;
}

.popular-row {
  background: #fff8e1;
  border-left: 5px solid var(--yellow);
}

/* Route Info Small Text */
.route-info small {
  display: block;
  font-size: 12px;
  color: var(--grey);
  margin-top: 4px;
}

/* Footer Notes */
.pricing-notes {
  font-size: 14px;
  color: var(--grey);
  margin-bottom: 10px;
  line-height: 1.6;
}

/* Button */
.btn-success {
  background: var(--green);
  border: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  padding: 12px 25px;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.btn-success:hover {
  background: #1bb54f;
}

.chat-icon {
  width: 20px;
  margin-left: 5px;
}
.pricing-section .button_banner {
    width: 30%;
}