:root {
     --main: #1565C0;
     --sub: #0B1F33;
     --c1-bg: #f4f8fd;
     --c2-soft: #e3effd;
     --c3-bright: #1e88e5;
     --c4-border: #bbdefb;
     --c5-primary: #1565C0;
     --brand-dark: #0B1F33;
     --brand-dark-deep: #071524;
     --brand-dark-surface: #102a45;
     --brand-text-dark: #0B1F33;
     --brand-text-muted: #536b82;
     --taxi-yellow: #1565C0;
     --taxi-light-bg: #f4f8fd;
}
@font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter_24pt-Regular.woff2') format('woff2'),
          url('../fonts/Inter_24pt-Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter_24pt-Medium.woff2') format('woff2'),
          url('../fonts/Inter_24pt-Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter_24pt-SemiBold.woff2') format('woff2'),
         url('../fonts/Inter_24pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter24pt-Bold.woff2') format('woff2'),
         url('../fonts/Inter24pt-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
body {font-family: 'Inter', sans-serif;max-width: 1920px;overflow-x: hidden;margin: auto;font-size: 16px;}
html {scroll-behavior: smooth;}
html::-webkit-scrollbar {width: 6px;}
html::-webkit-scrollbar-track {background: #f1f1f1;}
html::-webkit-scrollbar-thumb {background: var(--c5-primary);border-radius: 4px;}
html::-webkit-scrollbar-thumb:hover {background: #0B1F33;}
/* Default & Typography (Even Font Sizes) */
a {color: #000;text-decoration: none;}
.fs-12 {font-size: 12px;}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px;}
.fs-24 {font-size: 24px;}
.fs-26 {font-size: 26px;}
.fs-28 {font-size: 28px;}
.fs-30 {font-size: 30px;}
.fs-32 {font-size: 32px;}
.fs-36 {font-size: 36px;}
.fs-40 {font-size: 40px;}
.text-2line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.text-3line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.cursor-pointer {cursor: pointer;}
.bsd {box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);}
.container {max-width: min(1560px, calc(100% - 10vw));}

/* Reusable Sizing & Layout Utilities */
.mw-250 {max-width: 250px;}
.mw-650 {max-width: 650px;}
.mw-680 {max-width: 680px;}
.mw-760 {max-width: 760px;}
.col-w-130 {min-width: 130px;}
.col-w-150 {min-width: 150px;}
.col-w-220 {min-width: 220px;}
.img-cover {width: 100%;height: 100%;object-fit: cover;}
.sticky-top-70 {position: sticky;top: 70px;z-index: 10;}
.table-cell-pad {padding: 10px 14px;}
.table-box-light {background: #f8fafc;border: 1px solid #e2e8f0;}
.feature-box-light {background: #fafbfc;border: 1px solid #e9ecef;}
.table-thumb {width: 55px;height: 40px;border-radius: 8px;overflow: hidden;background: #f8fafc;border: 1px solid #e2e8f0;}
.icon-box-soft {width: 40px;height: 40px;border-radius: 8px;background: var(--c2-soft);}
.icon-box-52 {width: 52px;height: 52px;font-size: 22px;}
.icon-circle-soft {background: var(--c2-soft);color: var(--main);}
.icon-zalo-soft {background: rgba(2, 143, 227, 0.15) !important;color: #028FE3 !important;border-color: rgba(2, 143, 227, 0.3) !important;}
.badge-outline-soft {background: var(--c2-soft) !important;border: 1px solid var(--c4-border) !important;color: var(--brand-text-dark) !important;}
.bg-taxi-light {background-color: var(--taxi-light-bg) !important;}
.z-2 {z-index: 2;}
.text-light-soft {color: #cbdcf0 !important;}
/* Text Colors */
.text-main {color: var(--main) !important;}
.text-sub {color: var(--sub) !important;}
.text-brand-dark {color: var(--brand-dark) !important;}
.text-brand-green {color: var(--main) !important;}
.text-brand-muted {color: var(--brand-text-muted) !important;}
/* Background Colors */
.bg-main {background-color: var(--main) !important;}
.bg-sub {background-color: var(--sub) !important;}
.bg-c1 {background-color: var(--c1-bg) !important;}
.bg-c2-soft, .bg-soft {background-color: var(--c2-soft) !important;}
.bg-brand-dark {background-color: var(--brand-dark) !important;}
.bg-brand-deep {background-color: var(--brand-dark-deep) !important;}
.bg-gradient-soft {background: linear-gradient(135deg, var(--c1-bg) 0%, var(--c2-soft) 100%) !important;}
.bg-gradient-main {background: linear-gradient(135deg, var(--c5-primary) 0%, var(--c3-bright) 100%) !important;}
.bg-gradient-dark {background: linear-gradient(135deg, var(--brand-dark-deep) 0%, var(--brand-dark) 100%) !important;}
/* Borders & Radius */
.border-theme {border: 1.5px solid var(--c4-border) !important;}
.border-theme-1 {border: 1px solid var(--c4-border) !important;}
.border-theme-2 {border: 2px solid var(--c4-border) !important;}
.border-theme-dashed {border: 1.5px dashed var(--c4-border) !important;}
.border-main {border-color: var(--c5-primary) !important;}
.border-sub {border-color: var(--c3-bright) !important;}
.border-radius-10 {border-radius: 10px !important;}
.border-radius-12 {border-radius: 12px !important;}
.border-radius-14 {border-radius: 14px !important;}
.border-radius-16 {border-radius: 16px !important;}
.border-radius-18 {border-radius: 18px !important;}
.border-radius-20 {border-radius: 20px !important;}
/* Hover Color States */
.hv-text-main:hover {color: var(--main) !important;}
.hv-text-sub:hover {color: var(--sub) !important;}
.hv-text-dark:hover {color: var(--brand-dark) !important;}
.hv-text-green:hover {color: var(--main) !important;}
.hv-text-white:hover {color: #fff !important;}
.hv-bg-main:hover {background-color: var(--main) !important;}
.hv-bg-sub:hover {background-color: var(--sub) !important;}
.hv-bg-soft:hover {background-color: var(--c2-soft) !important;}
.hv-bg-c1:hover {background-color: var(--c1-bg) !important;}
.hv-border-main:hover {border-color: var(--c5-primary) !important;}
.hv-border-sub:hover {border-color: var(--c3-bright) !important;}
/* Hover Animation Utilities */
.hv-lift, .hv-card {transition: all 0.3s ease;}
.hv-lift:hover, .hv-card:hover {transform: translateY(-5px);border-color: var(--c5-primary) !important;box-shadow: 0 14px 28px rgba(11, 31, 51, 0.1) !important;}
.hv-scale {transition: transform 0.3s ease;}
.hv-scale:hover {transform: scale(1.05);}
.hv-translate-x {transition: transform 0.25s ease;}
.hv-translate-x:hover {transform: translateX(4px);}

.logo img {transition: all 0.6s ease;}
.form-search {position: absolute;right: 0;top: 100%;z-index: 9;opacity: 0;transform: translateX(50px);transition: all .7s ease;}
.form-search.show {transform: translateX(0);opacity: 1;}
.btn-search i {transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.btn-search:hover i {transform: scale(1.1) rotate(360deg);-webkit-transform: scale(1.1) rotate(360deg);}
.overlay-search {position: fixed;inset: 0;display: none;z-index: 99999;}
.overlay-search.show {display: block;}
.overlay-search .over {position: absolute;inset: 0;background: rgba(0,0,0,0.7);}
.form-search input, .form-search input:focus {outline: none !important;box-shadow: none !important;border-color: transparent !important;-webkit-appearance: none;}
.menu {z-index: 10;transition: transform 0.8s ease;}
.fixed {position: fixed !important;z-index: 9999;top: 0px;left: 0px;right: 0px;}
.menu.fixed .logo img {max-width: 70px !important;}
.menu ul {padding: 0px;margin-bottom: 0;list-style: none;}
.menu ul li a {display: block;white-space: nowrap;transition: all .6s ease;-webkit-transition: all .6s ease;}
.menu ul li ul {position: absolute;min-width: 250px;background: #fff;border-radius: 0.25rem;-webkit-transform: perspective(600px) rotateX(-90deg);transform: perspective(600px) rotateX(-90deg);-webkit-transform-origin: 0 0 0;transform-origin: 0 0 0;opacity: 0;visibility: hidden;transition: all .5s;list-style: none;margin: auto;padding: 0;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);}
.menu ul li ul li:first-child a {border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;}
.menu ul li ul li:last-child a {border-bottom-left-radius: 0.25rem;border-bottom-right-radius: 0.25rem;}
.menu ul li:hover > ul {-webkit-transform: perspective(600px) rotateX(0);transform: perspective(600px) rotateX(0);-webkit-transform-origin: 0 0 0;opacity: 1;visibility: visible;transition: all .7s;}
.menu ul li ul li a {border-bottom: 1px solid #eee;}
.menu ul li ul li:last-child > a {border-bottom: 0;}
.menu ul.d-none > li > a.active, .menu ul.d-none > li > a:hover {color: var(--main) !important;}
.menu ul.d-none > li > ul::before {position: absolute;content: "";width: 20px;height: 10px;top: -10px;left: 15px;-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%);background-color: #eee;}
.menu ul li ul li ul {position: absolute;top: 0;left: 100%;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.navbar-toggle {position: relative;padding: 5px 5px;background-color: transparent;border: 1px solid transparent;border-radius: 4px;}
.navbar-toggle .icon-bar {display: block;width: 20px;height: 3px;border-radius: 1px;background-color: var(--brand-dark);}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 5px;}

.scrollToTop {width: 41px;height: 41px;text-align: center;color: #fff;text-decoration: none;position: fixed;bottom: 15px;right: 15px;display: none;z-index: 10;cursor: pointer;background: var(--main);line-height: 41px;border-radius: 10px;}
.cart-image {width: 90px;}
.cart-image img {width: 90px;height: 70px;object-fit: cover;}
.cart-item {background: #fff;}
.login-card {background: #fff;border: 1px solid #ececec;border-radius: 20px;overflow: hidden;}
.login-header h2 {font-size: 26px;}
.login-header p {font-size: 14px;}
.form-label {margin-bottom: 8px;font-size: 14px;font-weight: 600;color: #495057;}
.input-custom {overflow: hidden;border: 1px solid #dee2e6;border-radius: 14px;background: #f8f9fa;transition: .25s;}
.input-custom:focus-within {background: #fff;border-color: var(--main);box-shadow: 0 0 0 .2rem rgba(21, 101, 192, .25);}
.input-custom .input-group-text {width: 50px;justify-content: center;border: 0;background: transparent;color: #777;font-size: 17px;}
.input-custom .form-control {padding: .85rem 0;border: 0;background: transparent;box-shadow: none;font-size: 15px;}
.user-sidebar {background: #fff;border: 1px solid #ececec;border-radius: 18px;overflow: hidden;box-shadow: 0 10px 25px rgba(0,0,0,.06);}
.user-sidebar-body {padding: 10px;}
.user-menu {display: flex;align-items: center;gap: 12px;padding: 14px 16px;margin-bottom: 6px;border-radius: 12px;color: #333;font-weight: 600;text-decoration: none;transition: .25s;}
.user-menu:last-child {margin-bottom: 0;}
.user-menu>i:first-child {width: 22px;text-align: center;color: var(--main);font-size: 18px;}
.user-menu:hover {background: var(--c1-bg);color: var(--main);transform: translateX(4px);}
.user-menu.active {background: var(--c2-soft);color: var(--main);}
.content-ckeditor {overflow-wrap: break-word;word-break: break-word;}
.content-ckeditor * {max-width: 100%;box-sizing: border-box;}
.content-ckeditor img {max-width: 100%;height: auto !important;}
.content-ckeditor p {margin-bottom: .5rem;}
.content-ckeditor p:last-child {margin-bottom: 0;}
.breadcrumb {margin-bottom: 0;justify-content: center;}
.breadcrumb li a {color: #fff;text-transform:capitalize;}
.breadcrumb-item.active a{font-weight: 700;color: #bbdefb !important;}
.breadcrumb-item+.breadcrumb-item::before {color: #fff;}
.swiper-wrapper {height: auto !important;}
.swiper-button-next, .swiper-button-prev {background-color: #fff;border-radius: 50%;color: var(--main);width: 58px;height: 58px;box-shadow: 0 4px 14px rgba(11, 31, 51, 0.12);}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 26px;}
.item-slide img {transition: transform 8s ease;transform: scale(1.1);}
.swiper-slide-active .item-slide img {transform: scale(1);}
.owl-prev, .owl-next {position: absolute;top: 50%;left: 0;transform: translate(0, -50%);}
.owl-next {left: inherit;right: 0;}
.owl-dots {display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.owl-dots button span {display: block;width: 9px;height: 9px;border-radius: 50%;background-color: #C5C5C5;margin: 0 3px;}
.owl-dots button.active span {background-color: var(--main);}
.pagination-page ul {flex-wrap: wrap;gap: .5rem;}
.page-link {color: #717171;min-width: 37px;font-size: 18px;height: 37px;border-radius: .3rem;background-color: #EDEDED;font-weight: 700;text-align: center;}
.active>.page-link, .page-link.active, .page-link:hover {background-color: var(--main);border-color: var(--main);color: #fff;}
label.error {display: block;color: #ff4d4f;font-size: 0.875rem;margin-top: 0.25rem;position: relative;padding-left: 15px;}
.grecaptcha-badge {display: none;}

.widget-desktop {position: fixed;right: 10px;bottom: 120px;z-index: 9999;}
.widget-desktop-items {margin-bottom: 20px;border-radius: 50%;position: relative;text-decoration: none;}
.widget-desktop-items:last-child {margin-bottom: 0;}
.widget-desktop-items:before, .widget-desktop-items:after {position: absolute;content: "";width: 100%;height: 100%;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%, -50%);animation: scaleIn1 1s forwards infinite;}
.widget-desktop-items:after {animation: scaleIn 1.2s forwards infinite;}
.widget-desktop-items__icon {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: var(--main);border-radius: 50%;position: relative;z-index: 999;padding: 8px;}
.widget-desktop-items__zalo .widget-desktop-items__icon {background: #028FE3;padding: 0;}
.widget-desktop-items__zalo::before {background: #028FE350;}
.widget-desktop-items__zalo::after {background: linear-gradient(90deg, #028FE350 0, #028FE350 100%);}
.widget-desktop-items__cart::before {background: var(--main);opacity: .5;}
.widget-desktop-items__cart::after {background: linear-gradient(90deg, var(--main) 0, var(--main) 100%);opacity: .5;}
.widget-desktop-items__message .widget-desktop-items__icon {background: linear-gradient(45deg, #1E86FF, #A133FE, #FF557D);}
.widget-desktop-items__message::before {background: #B4A7FE;}
.widget-desktop-items__message::after {background: linear-gradient(90deg, #B4A7FE 0, #B4A7FE 100%);}
.widget-desktop-items__email .widget-desktop-items__icon {background: #F50000;}
.widget-desktop-items__email::before {background: #ED525280;}
.widget-desktop-items__email::after {background: linear-gradient(90deg, #ED525280 0, #ED525280 100%);}
.widget-desktop-items__call::before {background: rgba(21, 101, 192, 0.5);}
.widget-desktop-items__call::after {background: linear-gradient(90deg, rgba(21, 101, 192, 0.4) 0, rgba(21, 101, 192, 0.4) 100%);}
.widget-desktop-items__call .widget-desktop-items__icon {background: var(--main);}
.widget-cart {color: #fff;font-size: 20px;}
.widget-desktop-items img, .widget-cart i {animation: vibrate 1s ease-in-out infinite;}
@keyframes scaleIn {from {transform: translate(-50%, -50%) scale(1);} 60% {transform: translate(-50%, -50%) scale(1.2);}}
@keyframes scaleIn1 {from {transform: translate(-50%, -50%) scale(1);} 60% {transform: translate(-50%, -50%) scale(1.4);}}
@keyframes vibrate {0% {transform: rotate(0) scale(1) skew(1deg);} 10% {transform: rotate(-25deg) scale(1) skew(1deg);} 20% {transform: rotate(25deg) scale(1) skew(1deg);} 30% {transform: rotate(-25deg) scale(1) skew(1deg);} 40% {transform: rotate(25deg) scale(1) skew(1deg);} 50%, 100% {transform: rotate(0) scale(1) skew(1deg);}}
.loading-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(11, 31, 51, 0.85);z-index: 9999;justify-content: center;align-items: center;}
.loading-content {display: flex;flex-direction: column;align-items: center;gap: 20px;height: 100%;justify-content: center;}
.loading-content img {max-width: 100px;}
.dots-loading {display: flex;gap: 8px;}
.dots-loading span {width: 12px;height: 12px;background: var(--main);border-radius: 50%;display: inline-block;animation: bounce 1.2s infinite;}
.dots-loading span:nth-child(2) {animation-delay: 0.2s;}
.dots-loading span:nth-child(3) {animation-delay: 0.4s;}
.dots-loading span:nth-child(4) {animation-delay: 0.6s;}
.dots-loading span:nth-child(5) {animation-delay: 0.8s;}
@keyframes bounce {0%, 80%, 100% {transform: scale(0);} 40% {transform: scale(1);}}
.register-items .image{width: 40px;height: 40px;}
.map-footer iframe{width: 100%;display: block;height: 100%;}
.banner{background: linear-gradient(135deg, var(--brand-dark-deep) 0%, var(--brand-dark) 60%, var(--main) 100%);}
.topbar-rental a {color: #cbdcf0;transition: color 0.2s;}
.topbar-rental a:hover {color: #ffffff;}
.menu-btn-cta {background: linear-gradient(135deg, var(--c5-primary) 0%, var(--c3-bright) 100%);color: #ffffff !important;font-weight: 800;border-radius: 50px;box-shadow: 0 4px 15px rgba(21, 101, 192, 0.4);transition: all 0.3s ease;border: none;}
.menu-btn-cta:hover {background: linear-gradient(135deg, var(--c3-bright) 0%, var(--c5-primary) 100%);transform: translateY(-2px);box-shadow: 0 6px 20px rgba(21, 101, 192, 0.55);color: #ffffff !important;}
.hero-rental-section {position: relative;background: linear-gradient(135deg, var(--brand-dark-deep) 0%, var(--brand-dark) 60%, #1565C0 100%);color: #fff;padding: 70px 0 100px;inset: 0;}
.hero-rental-section::before,.banner::before{content: '';position: absolute;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");inset: 0;}
.hero-rental-section h1 {font-size: 2.5rem;font-weight: 800;line-height: 1.25;text-transform: uppercase;letter-spacing: -0.5px;}
.hero-badge {display: inline-flex;align-items: center;gap: 8px;background: rgba(21, 101, 192, 0.25);border: 1px solid var(--c4-border);color: #90caf9;padding: 6px 18px;border-radius: 50px;font-weight: 700;font-size: 13.5px;margin-bottom: 20px;}
.hero-pills {display: flex;flex-wrap: wrap;gap: 12px;margin: 24px 0 30px;}
.hero-pills .pill-item {background: rgba(255, 255, 255, 0.08);backdrop-filter: blur(8px);border: 1px solid rgba(187, 222, 251, 0.35);color: #f0f6fc;padding: 6px 14px;border-radius: 30px;font-size: 13.5px;font-weight: 500;}
.btn-taxi-primary, .btn-warning {background: linear-gradient(135deg, var(--c5-primary) 0%, #1976D2 100%) !important;color: #ffffff !important;font-weight: 800 !important;border-radius: 50px;padding: 12px 30px;border: 1px solid var(--c5-primary) !important;box-shadow: 0 4px 15px rgba(21, 101, 192, 0.35);transition: all 0.3s;}
.btn-taxi-primary:hover, .btn-warning:hover {background: linear-gradient(135deg, #1E88E5 0%, var(--c5-primary) 100%) !important;transform: translateY(-2px);color: #ffffff !important;box-shadow: 0 8px 24px rgba(21, 101, 192, 0.55);}
.btn-taxi-outline {background: transparent;color: #fff;border: 2px solid var(--c4-border);font-weight: 600;border-radius: 50px;padding: 11px 26px;transition: all 0.3s;}
.btn-taxi-outline:hover {background: rgba(21, 101, 192, 0.25);border-color: #90caf9;color: #ffffff;transform: translateY(-2px);}
.quick-booking-card {background: #ffffff;border-radius: 20px;padding: 26px 30px;box-shadow: 0 15px 40px rgba(11, 31, 51, 0.12);margin-top: -55px;position: relative;z-index: 10;border: 2px solid var(--c4-border);}
.quick-booking-card .form-label {font-size: 12.5px;font-weight: 700;color: var(--brand-dark);text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 6px;}
.quick-booking-card .form-control, .quick-booking-card .form-select {border-radius: 10px;border: 1.5px solid var(--c4-border);padding: 10px 14px;font-size: 14.5px;font-weight: 500;color: #1e293b;background-color: #fff;transition: all 0.2s;}
.quick-booking-card .form-control:focus, .quick-booking-card .form-select:focus {border-color: var(--c5-primary);background-color: var(--c1-bg);box-shadow: 0 0 0 4px rgba(21, 101, 192, 0.2);}
.section-badge-title {color: var(--main);background: var(--c2-soft);border: 1px solid var(--c4-border);padding: 5px 16px;border-radius: 30px;font-weight: 800;font-size: 13px;letter-spacing: 1.2px;text-transform: uppercase;display: inline-block;margin-bottom: 12px;}
/* Shared Card Containers & Hover Lift */
.car-card, .route-card, .why-card, .pricing-table-container, .review-card, .contact-info-box, .about-card-box, .about-step-card {background: #fff;border: 1.5px solid var(--c4-border);transition: all 0.3s ease;}
.car-card:hover, .route-card:hover, .why-card:hover, .contact-info-box:hover, .about-card-box:hover, .about-step-card:hover, .about-stat-card:hover {transform: translateY(-6px);border-color: var(--c5-primary);box-shadow: 0 14px 30px rgba(11, 31, 51, 0.1);}
.car-card {border-radius: 18px;box-shadow: 0 8px 25px rgba(11, 31, 51, 0.05);overflow: hidden;display: flex;flex-direction: column;height: 100%;}
.car-card:hover .car-card-img-wrap img {transform: scale(1.05);}
.car-card-badge {font-size: 12px;font-weight: 800;padding: 4px 12px;border-radius: 20px;box-shadow: 0 3px 8px rgba(0,0,0,0.1);}
.car-card-badge.badge-1{background-color: #E74C3C;}
.car-card-badge.badge-2{background-color: #C0392B;}
.car-card-body {padding: 22px;display: flex;flex-direction: column;flex-grow: 1;}
.car-card-title {font-size: 1.25rem;font-weight: 800;color: var(--brand-dark);margin-bottom: 6px;}
.car-card-models {color: var(--brand-text-muted);font-size: 13.5px;margin-bottom: 16px;font-weight: 500;}
.car-features-list {list-style: none;padding: 0;margin: 0 0 20px;flex-grow: 1;}
.car-features-list li {font-size: 14px;color: #1e293b;margin-bottom: 8px;display: flex;align-items: center;}
.car-features-list li i {color: var(--main);margin-right: 10px;font-size: 15px;}
.car-card-price {font-size: 1.15rem;font-weight: 800;color: var(--main);margin-bottom: 14px;}
.route-card {border-radius: 16px;padding: 24px 20px;box-shadow: 0 6px 20px rgba(11, 31, 51, 0.04);height: 100%;position: relative;overflow: hidden;}
.route-card::before {content: '';position: absolute;top: 0;left: 0;width: 5px;height: 100%;background: linear-gradient(to bottom, var(--main), var(--c3-bright));}
.route-distance-pill {display: inline-block;background: var(--c2-soft);color: var(--main);border: 1px solid var(--c4-border);font-size: 12px;font-weight: 700;padding: 3px 10px;border-radius: 12px;}
.why-card {border-radius: 16px;padding: 26px 20px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);height: 100%;text-align: center;}
.why-icon-box {width: 64px;height: 64px;border-radius: 18px;background: linear-gradient(135deg, var(--c2-soft) 0%, var(--c4-border) 100%);color: var(--main);border: 1px solid var(--c4-border);display: flex;align-items: center;justify-content: center;font-size: 26px;margin: 0 auto 16px;transition: all 0.3s;}
.why-card:hover .why-icon-box {transform: scale(1.1) rotate(5deg);background: linear-gradient(135deg, var(--main) 0%, var(--c3-bright) 100%);color: #ffffff;}
.why-card h4 {font-size: 1.1rem;font-weight: 800;color: var(--brand-dark);margin-bottom: 8px;}
.why-card p {font-size: 13.5px;color: var(--brand-text-muted);line-height: 1.5;margin-bottom: 0;}
.pricing-table-container {border-radius: 18px;padding: 20px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);overflow: hidden;}
.pricing-table-container .table-responsive {overflow-x: auto;-webkit-overflow-scrolling: touch;padding-bottom: 6px;}
.pricing-table-container .table-responsive::-webkit-scrollbar {height: 6px;}
.pricing-table-container .table-responsive::-webkit-scrollbar-track {background: #f1f5f9;border-radius: 4px;}
.pricing-table-container .table-responsive::-webkit-scrollbar-thumb {background: var(--c5-primary);border-radius: 4px;}
.table-rental {min-width: 780px;width: 100%;margin-bottom: 0;}
.table-rental thead th {background: var(--brand-dark);color: #ffffff;font-weight: 800;font-size: 14.5px;padding: 14px 16px;border: none;white-space: nowrap;}
.table-rental thead th:first-child {border-top-left-radius: 12px;white-space: normal;}
.table-rental thead th:last-child {border-top-right-radius: 12px;}
.table-rental tbody td {padding: 14px 16px;vertical-align: middle;font-size: 14.5px;border-bottom: 1px solid rgba(187, 222, 251, 0.4);white-space: nowrap;}
.table-rental tbody td:first-child {white-space: normal;}
.table-rental tbody tr:hover td {background-color: var(--c2-soft);}
.review-card {border-radius: 16px;padding: 24px;box-shadow: 0 8px 24px rgba(11, 31, 51, 0.04);height: 100%;display: flex;flex-direction: column;}
.review-stars {color: #f59e0b;font-size: 15px;margin-bottom: 12px;}
.review-text {font-size: 14.5px;color: #1e293b;font-style: italic;line-height: 1.6;flex-grow: 1;margin-bottom: 16px;}
.review-author {display: flex;align-items: center;gap: 12px;}
.review-avatar {width: 44px;height: 44px;border-radius: 50%;background: var(--c2-soft);color: var(--main);border: 1px solid var(--c4-border);display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 16px;}
.booking-section {background: linear-gradient(135deg, var(--brand-dark-deep) 0%, var(--brand-dark) 100%);color: #fff;border-radius: 24px;padding: 45px 40px;box-shadow: 0 20px 45px rgba(7, 21, 36, 0.35);border: 1.5px solid rgba(187, 222, 251, 0.25);}
.booking-card-form {background: #fff;border-radius: 18px;padding: 30px 26px;color: var(--brand-dark);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);border: 2px solid var(--c4-border);}
.footer-rental {background: var(--brand-dark-deep);color: #9ab4ce;position: relative;border-top: 1px solid var(--brand-dark-surface);font-size: 14.5px;}
.footer-rental .text-main {color: #64b5f6 !important;}
.footer-title {color: #ffffff;font-size: 1.1rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 20px;position: relative;padding-bottom: 10px;}
.footer-title::after {content: '';position: absolute;bottom: 0;left: 0;width: 35px;height: 3px;background: var(--c5-primary);border-radius: 2px;}
.footer-links {list-style: none;padding: 0;margin: 0;}
.footer-links li {margin-bottom: 10px;}
.footer-links li a {color: #cbdcf0;text-decoration: none;transition: all 0.25s ease;display: inline-flex;align-items: center;}
.footer-links li a:hover {color: #90caf9;transform: translateX(4px);}
.footer-links li a i {color: var(--c3-bright);font-size: 12px;margin-right: 8px;}
.footer-contact-item {display: flex;align-items: flex-start;gap: 12px;margin-bottom: 14px;color: #cbdcf0;}
.footer-contact-item i {color: var(--c3-bright);font-size: 16px;margin-top: 3px;flex-shrink: 0;}
.footer-social-btn {width: 38px;height: 38px;border-radius: 50%;background: rgba(255, 255, 255, 0.08);display: inline-flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;transition: all 0.3s;text-decoration: none;border: 1px solid rgba(187, 222, 251, 0.25);}
.footer-social-btn:hover {background: var(--c5-primary);color: #ffffff;transform: translateY(-3px);}
.footer-bottom {background: #040c14;border-top: 1px solid rgba(255, 255, 255, 0.05);padding: 18px 0;color: #66839e;}
.footer-bottom a{color: #90caf9;}
.cta-rental-banner {background: linear-gradient(135deg, var(--brand-dark-deep) 0%, var(--brand-dark) 50%, #0d2744 100%);border-top: 3px solid var(--c5-primary);border-bottom: 1px solid rgba(187, 222, 251, 0.2);position: relative;padding: 50px 0;}
.cta-rental-banner::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: radial-gradient(circle at 80% 50%, rgba(21, 101, 192, 0.22) 0%, transparent 60%);pointer-events: none;}
.cta-rental-banner .btn-warning {background: linear-gradient(135deg, var(--c5-primary) 0%, var(--c3-bright) 100%) !important;color: #ffffff !important;border: 1px solid var(--c4-border) !important;box-shadow: 0 8px 25px rgba(21, 101, 192, 0.45);transition: all 0.3s ease;}
.cta-rental-banner .btn-warning:hover {transform: translateY(-3px);box-shadow: 0 12px 30px rgba(21, 101, 192, 0.65);color: #ffffff !important;}
.cta-rental-banner .btn-light {background: #ffffff;color: var(--brand-dark) !important;border: 1.5px solid var(--c4-border);transition: all 0.3s ease;}
.cta-rental-banner .btn-light:hover {transform: translateY(-3px);background-color: var(--c2-soft);color: var(--main) !important;}
.contact-info-box {border-radius: 16px;padding: 20px;height: 100%;display: flex;align-items: flex-start;gap: 16px;}
.contact-icon {width: 50px;height: 50px;border-radius: 14px;background: var(--c2-soft);color: var(--main);border: 1px solid var(--c4-border);display: flex;align-items: center;justify-content: center;font-size: 20px;flex-shrink: 0;transition: all 0.3s ease;}
.contact-info-box:hover .contact-icon {background: var(--main);color: #ffffff;transform: scale(1.05);}
.contact-form-card {background: #fff;border-radius: 20px;border: 2px solid var(--c4-border);padding: 32px 28px;box-shadow: 0 12px 35px rgba(11, 31, 51, 0.08);}
.contact-working-card {background: linear-gradient(135deg, var(--c1-bg) 0%, var(--c2-soft) 100%);border: 1.5px solid var(--c4-border);border-radius: 16px;padding: 22px;}
.contact-map-wrapper {border-radius: 20px;overflow: hidden;border: 2px solid var(--c4-border);box-shadow: 0 10px 30px rgba(11, 31, 51, 0.06);}
.contact-map-wrapper iframe {width: 100% !important;height: 420px !important;border: 0 !important;display: block;}
.about-stat-card {background: linear-gradient(135deg, var(--c1-bg) 0%, var(--c2-soft) 100%);border: 1.5px solid var(--c4-border);border-radius: 18px;padding: 24px 16px;text-align: center;transition: all 0.3s ease;height: 100%;}
.about-stat-num {font-size: 2.2rem;font-weight: 900;color: var(--main);line-height: 1.1;margin-bottom: 6px;}
.about-stat-label {font-size: 13.5px;color: var(--brand-text-muted);font-weight: 600;margin-bottom: 0;}
.about-card-box {border-radius: 18px;padding: 28px 24px;box-shadow: 0 6px 20px rgba(11, 31, 51, 0.04);}
.about-step-card {border-radius: 18px;padding: 26px 20px;text-align: center;height: 100%;position: relative;}
.about-step-badge {width: 46px;height: 46px;border-radius: 50%;background: linear-gradient(135deg, var(--c5-primary) 0%, var(--c3-bright) 100%);color: #ffffff;font-weight: 800;font-size: 18px;display: flex;align-items: center;justify-content: center;margin: 0 auto 16px;box-shadow: 0 4px 10px rgba(21, 101, 192, 0.4);}
.price-badge-pill {display: inline-block;background: var(--c2-soft);color: var(--main);font-weight: 700;padding: 4px 10px;border-radius: 20px;border: 1px solid var(--c4-border);font-size: 12.5px;}
.price-val {color: var(--main);font-weight: 800;font-size: 15px;}
.price-note-card {background: linear-gradient(135deg, var(--c1-bg) 0%, var(--c2-soft) 100%);border-radius: 18px;border: 1.5px solid var(--c4-border);}

/* Datetimepicker Theme Override */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
    background: var(--main) !important;
    box-shadow: none !important;
    color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
    background: var(--c3-bright) !important;
    color: #fff !important;
}