@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700|Rubik:300,400,500,700&display=swap);
.call,
.logo img {
    width: auto;
    height: 40px;
}
.call,
.f-14 {
    font-size: 14px;
}
.all:hover,
.call,
.call:hover,
.search-btn:hover,
.submit:hover {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    color: #fff;
}
.call,
.car-tags p:last-child,
.footer-menu ul li:last-child {
    margin-right: 0;
}
.call,
.footer-social ul li a,
.language {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
}
.custom-control input,
.custom-control textarea {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
    background: #fff;
}
.car-tags,
.my-group,
.price-inputs {
    align-content: center;
}
.about-img,
.google-review,
.map,
.single-car,
.single-car-img-box {
    overflow: hidden;
}
.blog-section,
.faq-section {
    min-height: calc(100vh - 169px);
}
@font-face {
    font-family: FiragoMedium;
    src: url("/front/assets/fonts/FiraGO-Medium.eot");
    src:
        local("☺"),
        url("/front/assets/fonts/FiraGO-Medium.woff") format("woff"),
        url("/front/assets/fonts/FiraGO-Medium.ttf") format("truetype"),
        url("/front/assets/fonts/FiraGO-Medium.svg") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: FiragoRegular;
    src: url("/front/assets/fonts/FiraGO-Regular.eot");
    src:
        local("☺"),
        url("/front/assets/fonts/FiraGO-Regular.woff") format("woff"),
        url("/front/assets/fonts/FiraGO-Regular.ttf") format("truetype"),
        url("/front/assets/fonts/FiraGO-Regular.svg") format("svg");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: FiragoSemibold;
    src: url("/front/assets/fonts/FiraGO-SemiBold.eot");
    src:
        local("☺"),
        url("/front/assets/fonts/FiraGO-SemiBold.woff") format("woff"),
        url("/front/assets/fonts/FiraGO-SemiBold.ttf") format("truetype"),
        url("/front/assets/fonts/FiraGO-SemiBold.svg") format("svg");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: FiragoBold;
    src: url("/front/assets/fonts/FiraGO-Bold.eot");
    src:
        local("☺"),
        url("/front/assets/fonts/FiraGO-Bold.woff") format("woff"),
        url("/front/assets/fonts/FiraGO-Bold.ttf") format("truetype"),
        url("/front/assets/fonts/FiraGO-Bold.svg") format("svg");
    font-weight: 700;
    font-style: normal;
}
li {
    list-style: none !important;
}
.itemscope,
.my-group .dropdown-toggle::after,
.show-drop-off,
.viewBox {
    display: none;
}
body {
    margin: 0;
    padding: 0;
}
*,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.my-group .bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
}
.header-addon a,
a {
    text-decoration: none;
}
header {
    padding: 12px 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(40px);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
}
.logo img {
    margin-top: 8px;
}
.main-menu {
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-menu .navbar-expand-lg .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 8px 16px;
}
.main-menu .navbar-expand-lg .navbar-nav .nav-link.active {
    padding: 8px 16px;
    border-radius: 10px;
    background: rgba(0, 113, 220, 0.08);
    color: #005fb9;
}
.main-menu .navbar-expand-lg .navbar-nav .nav-link:hover {
    padding: 8px 16px;
    border-radius: 10px;
    background: rgba(116, 116, 128, 0.08);
    color: rgba(0, 0, 0, 0.72);
}
.main-menu .navbar-expand-lg .navbar-nav .nav-link:hover i {
    color: #636366 !important;
}
.main-menu .navbar-expand-lg .navbar-nav .nav-link.active i {
    color: #005fb9 !important;
}
.main-menu .navbar-expand-lg .navbar-nav .nav-link i {
    color: #636366 !important;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 12px;
}
.header-addon {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.call {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #0071dc;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    transition-duration: 0.3s;
}
.call i {
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 8px;
}
.footer-bottom-left p,
.footer-bottom-right a {
    color: #aeaeb2;
    font-weight: 400;
    margin-bottom: 0;
    font-family: FiragoMedium, sans-serif;
}
.footer-bottom-left p,
.footer-bottom-right a,
.footer-menu ul li a {
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
}
.all:hover,
.call:hover,
.search-btn:hover,
.submit:hover {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #2988e2;
    box-shadow:
        0 2px 8px 0 rgba(0, 59, 115, 0.16),
        0 2px 6px -2px rgba(0, 59, 115, 0.08);
    transition-duration: 0.3s;
}
.all:focus,
.call:focus,
.language,
.search-btn:focus,
.submit:focus {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}
.all:focus,
.call:focus,
.search-btn:focus,
.submit:focus {
    border-radius: 12px;
    background: #005fb9;
    box-shadow: 0 0 0 4px rgba(0, 113, 220, 0.12);
    transition-duration: 0.3s;
}
.language {
    justify-content: center;
    padding: 10px;
    height: 40px;
    width: 40px;
    min-width: 40px;
    align-items: center;
    border-radius: 10px;
    border: 1.6px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    transition-duration: 0.3s;
    display: none;
}
.language:focus,
.language:hover {
    background: #fff;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}
.language:hover {
    border-radius: 10px;
    border: 1.6px solid rgba(0, 0, 0, 0.08);
    box-shadow:
        0 4px 12px 0 rgba(0, 0, 0, 0.08),
        0 2px 8px -2px rgba(0, 0, 0, 0.04);
    transition-duration: 0.3s;
}
.language:focus {
    border-radius: 10px;
    outline: rgba(0, 0, 0, 0.08) solid 4px !important;
    transition-duration: 0.3s;
}
.single-car,
.single-car:hover {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}
.footer-top {
    background-color: #1c1c1e;
    display: flex;
    padding: 40px;
    justify-content: space-between;
    align-items: center;
}
.footer-bottom {
    border-top: 1px solid #2c2c2e;
    background-color: #1c1c1e;
    display: flex;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
}
.footer-menu ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.footer-menu ul li {
    list-style: none;
    margin-right: 24px;
}
.footer-menu ul li a {
    color: #f1f2f7;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    font-family: FiragoSemiBold, sans-serif;
}
.footer-social ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.footer-social ul li {
    list-style: none;
    margin-left: 12px;
}
.footer-bottom-right a:first-child,
.footer-social ul li:first-child {
    margin-left: 0;
}
.footer-social ul li a {
    display: flex;
    height: 36px;
    width: 36px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #3a3a3c;
    text-decoration: none;
}
.footer-social ul li a i {
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.car-section-title,
.checkout-head-title,
.footer-bottom-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.footer-bottom-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.footer-bottom-right a {
    margin-left: 16px;
    text-decoration: none;
}
.slider-section {
    height: auto;
}
.hero-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 2;
}
.slider-text {
    height: calc(100% - 145px);
    padding: 32px;
    margin-top: 145px;
    width: 100%;
    border-radius: 20px;
    outline: rgba(255, 255, 255, 0.8) solid 2px;
    background: rgba(255, 255, 255, 0.64);
    backdrop-filter: blur(8px);
}
.slider-text h1 {
    color: #003b73;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.24px;
}
.slider-text p.line1 {
    color: #0071dc;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
    letter-spacing: -0.25px;
}
.slider-text p.line2 {
    color: rgba(0, 0, 0, 0.72);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.hero {
    margin-top: 145px;
    height: calc(100% - 145px);
    background: #1a6fdb;
    border-radius: 16px;
    padding: 32px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}
.hero::before {
    content: "";
    position: absolute;
    right: -40px;
    top: -40px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgb(255 255 255 / 0.07);
}
.hero::after {
    content: "";
    position: absolute;
    right: 80px;
    bottom: -70px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: rgb(255 255 255 / 0.05);
}
.hero-content {
    position: relative;
    width: 50%;
}
.hero-badge {
    display: inline-block;
    background: rgb(255 255 255 / 0.15);
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
    letter-spacing: 0.04em;
}
.hero h2 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 8px;
}
.hero p {
    font-size: 13px;
    color: rgb(255 255 255 / 0.72);
    line-height: 1.6;
}
.hero-btns {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 160px;
}
.hero-btns .btn-white {
    background: #fff;
    color: #1a6fdb;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    padding: 13px 22px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.booking-steps-card {
  text-align: center;
  padding: 25px 20px;
  border-radius: 12px;
  background: #fff;
}

.booking-steps-title {
  font-size: 17px;
  font-weight: 700;
  color: #1a2744;
  margin-bottom: 6px;
}

.booking-steps-subtitle {
  font-size: 12px;
  color: #7a95bb;
  margin-bottom: 22px;
}

.booking-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.booking-step {
flex: 1;
    text-align: center;
    background: #f0f6ff;
    border-radius: 12px;
    padding: 16px 8px;
    max-width: fit-content;
    min-width: 170px;
}

.booking-step-icon {
  font-size: 22px;
  margin-bottom: 6px;
}

.booking-step h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
  color: #1a2744;
}

.booking-step p {
  font-size: 12px;
  color: #7a95bb;
  margin: 0;
}

.booking-step-arrow {
  margin: 0 12px;
  font-size: 20px;
  color: #7a95bb;
}

.booking-steps-btn {
  display: inline-block;
  padding: 13px 36px;
  font-size: 14px;
  background: #2f6fec;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
}

.booking-steps-btn:hover {
  background: #1e5be0;
  color: #fff;
}

.city-strip {
    background: linear-gradient(135deg, #1a6fdb, #3b9af0);
    border-radius: 14px; padding: 20px 26px;
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; flex-wrap: wrap;
}
.city-strip h3 { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.city-checks { display: flex; gap: 14px; flex-wrap: wrap; }
.city-checks span { font-size: 12px; color: rgba(255,255,255,.8); display: flex; align-items: center; gap: 4px; }
.city-checks span b { color: #fff; }

/* ── 4. CAR PAGE ── */
.breadcrumb { font-size: 12px; color: #7a95bb; margin-bottom: 10px; }
.breadcrumb a { color: #1a6fdb; text-decoration: none; }
.car-strip {
    background: #f0f6ff; border: 1.5px solid #c8ddf7; border-radius: 12px;
    padding: 14px 20px; display: flex; align-items: center;
    justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.car-strip-left { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.car-price-label { font-size: 11px; color: #7a95bb; margin-bottom: 2px; }
.car-price { font-size: 22px; font-weight: 700; color: #1a6fdb; display: flex; align-items: baseline; gap: 6px; }
.car-price s { font-size: 13px; color: #bbb; font-weight: 400; }
.car-price .badge { background: #1a6fdb; color: #fff; font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 4px; }
.vline { width: 1px; height: 36px; background: #d4e3f8; flex-shrink: 0; }
.checks { display: flex; gap: 14px; flex-wrap: wrap; }
.checks span { font-size: 12px; color: #5a7ab0; display: flex; align-items: center; gap: 4px; }
.checks span b { color: #1a6fdb; font-weight: 700; }
.car-strip-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.city-checks * {
    font-size: 12px;
    color: rgba(255, 255, 255, .8);
    display: flex;
    align-items: center;
    gap: 4px;
}

.checks * {
    font-size: 12px;
    color: #5a7ab0;
    display: flex;
    align-items: center;
    gap: 4px;
}

.sticky {
    background: #fff; border-radius: 12px 12px 0 0; border: 1px solid #d4e3f8;
    padding: 12px 16px; display: flex; align-items: center;
    justify-content: space-between; gap: 10px;
    box-shadow: 0 -4px 20px rgba(26,111,219,.12);
}
.sticky h4 { font-size: 13px; font-weight: 700; color: #1a2744; }
.sticky p { font-size: 11px; color: #7a95bb; margin-top: 2px; }
.sticky-btns { display: flex; align-items: center; gap: 8px; }
.sticky-close { color: #bbb; cursor: pointer; font-size: 15px; background: none; border: none; }

.blog-bottom {
    background: #1a6fdb; border-radius: 16px; padding: 36px;
    text-align: center; position: relative; overflow: hidden;
}
.blog-bottom::before {
    content: ''; position: absolute; left: -30px; top: -30px;
    width: 160px; height: 160px; border-radius: 50%; background: rgba(255,255,255,.06);
}
.blog-bottom::after {
    content: ''; position: absolute; right: -20px; bottom: -50px;
    width: 200px; height: 200px; border-radius: 50%; background: rgba(255,255,255,.05);
}
.blog-bottom-inner { position: relative; }
.blog-bottom h2 { font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.blog-bottom p { font-size: 13px; color: rgba(255,255,255,.72); margin-bottom: 22px; line-height: 1.7; }
.blog-bottom-btns { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.blog-bottom .btn-white {
    background: #fff; color: #1a6fdb; border: none; border-radius: 8px;
    font-size: 14px; font-weight: 700; padding: 13px 30px; cursor: pointer;
    text-decoration: none; display: inline-block;
}
.city-strip .btn-white {
    background:#fff;
    color:#1a6fdb;
    border:none;
    border-radius:8px;
    font-size:13px;
    font-weight:700;
    padding:13px 22px;
    cursor:pointer;
    text-decoration:none;
    display:inline-block;
    white-space:nowrap;
}

.btn-blue-cars {
    background: #1a6fdb;
    color: #fff !important;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    padding: 11px 22px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
}

.adventages-section,
.cars-section,
.review-section,
.seo-section {
    background-color: #f1f2f7;
    padding: 40px 0;
}
.single-adventage {
    position: relative;
    padding: 20px 24px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.04);
    z-index: 1;
}
.adventage-img-box {
    display: flex;
    width: 56px;
    height: 56px;
    padding: 2px;
    justify-content: center;
    align-items: center;
    border-radius: 14px;
    background: rgba(0, 113, 220, 0.08);
    margin-bottom: 16px;
}
.adventage-img-box img {
    width: 28px;
    height: 28px;
}
.single-adventage p.adtitleV {
    color: rgba(0, 0, 0, 0.88);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.4px;
    margin-bottom: 8px;
}
.last-price-box-single p,
.order-single-det .orderDays,
.single-adventage div.adtextV {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}
.car-tags p,
.car-title span {
    margin-bottom: 8px;
    font-style: normal;
}
.car-main-header {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.64);
    backdrop-filter: blur(8px);
    padding: 20px 24px;
    width: fit-content;
    display: table;
}
.google-review {
    border-radius: 16px;
    border: 2px solid #fff;
    background: #fff;
    box-shadow:
        0 2px 8px -2px rgba(0, 0, 0, 0.04),
        0 4px 12px 0 rgba(0, 0, 0, 0.08);
    display: inline-table;
    width: fit-content;
    text-align: left;
}
.google-review-inner {
    display: inline-flex;
    align-items: center;
    padding: 7px 20px;
}
.g-rating,
.rev-container {
    margin-left: 12px;
}
.g-stars {
    font-size: 15px;
    color: #f7ae32;
    line-height: 20px;
    margin-top: 2px;
}
.faq-text-box .accordion-body,
.g-stats {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
}
.g-stats strong {
    color: rgba(0, 0, 0, 0.88);
}
.g-review-button {
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #4285f4;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 14px;
    cursor: pointer;
}
.car-main-header h1 {
    color: rgba(0, 0, 0, 0.72);
    font-size: 28px;
}
.car-main-header p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
}
.car-section-icon,
.car-section-img,
.partners-img,
.section-icon {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 2px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
    box-shadow:
        0 4px 12px 0 rgba(0, 0, 0, 0.08),
        0 2px 8px -2px rgba(0, 0, 0, 0.04);
}
.car-section-img img,
.partners-img img {
    width: 24px;
    height: 24px;
}
.single-car {
    padding: 0;
    border-radius: 13px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 32px;
    transition-duration: 0.3s;
}
.single-car:hover {
    box-shadow:
        0 20px 24px -4px rgba(0, 0, 0, 0.08),
        0 8px 12px -4px rgba(0, 0, 0, 0.04);
    transition-duration: 0.3s;
}
.all,
.search-btn,
.search-button-boxes {
    line-height: 28px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    margin-right: 16px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
    display: flex;
    font-size: 18px;
    text-decoration: none;
}
.single-car-img-box {
    width: 100%;
    height: 228px;
}
.about-img img,
.car-main-image img,
.car-right-images img,
.single-car-img-box img,
.single-list-car-img-box img,
.status-success-box-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.car-title,
.filter-search {
    padding: 16px 20px;
}
.car-title span {
    color: #003b73;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.4px;
}
.car-title span sub,
.details-broadcum span,
.side-filter-head .dtPriceGs sub {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.car-title h2.carTitle,
.car-title h3.carTitle {
    color: rgba(0, 0, 0, 0.88);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
    min-height: 50px;
    text-align: left;
}
.car-title h2.carTitle span,
.car-title h3.carTitle span {
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.car-tags {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 12px 16px;
    border-radius: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.car-tags p {
    padding: 4px 8px;
    border-radius: 30px;
    background: rgba(116, 116, 128, 0.08);
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.08px;
    margin-right: 8px;
}
.all,
.all i,
.search-btn i {
    color: #fff;
}
.all {
    padding: 14px 28px;
    justify-content: center;
    align-items: center;
    height: 56px;
    width: auto;
    max-width: 212px;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #0071dc;
    font-style: normal;
    font-weight: 600;
    transition-duration: 0.3s;
}
.all i {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 17px;
}
.search-btn i,
.select-icon i {
    font-size: 17px;
    line-height: normal;
    font-style: normal;
    font-weight: 400;
}
.main-filter-box {
    border-radius: 16px;
    border: 2px solid #fff;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(40px);
    margin-top: 56px;
    position: relative;
    z-index: 1;
}
.my-group {
    padding: 16px 24px;
    display: flex;
    justify-content: flex-start;
}
.search-btn,
.search-button-boxes {
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 48px;
    min-width: 48px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #0071dc;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    transition-duration: 0.3s;
}
.info-box,
.info-box:hover {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}
.select-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    min-width: 40px;
    padding: 2px;
    border-radius: 10px;
    margin-right: 16px;
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
}
.select-icon i {
    color: #48484a;
}
.my-group label {
    flex-direction: column;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    width: 100%;
}
.info-box,
.section-ttl {
    display: flex;
    align-items: center;
}
.my-group .btn-light {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
}
.about-text-box .welcomeTo,
.my-checkbox label {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
    font-style: normal;
}
.my-group .bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: rgba(0, 0, 0, 0.6);
}
.btn-check:focus + .btn,
.btn:focus,
.faq-text-box .accordion-button:focus,
.my-group .btn-light:focus {
    box-shadow: none !important;
}
.search-button-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    margin-top: 12px;
    margin-right: 28px;
}
.addon-filter-box {
    padding: 8px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.64);
    backdrop-filter: blur(8px);
    margin-top: 12px;
    margin-bottom: 70px;
}
.about-img,
.section-ttl {
    margin-bottom: 40px;
    width: 100%;
}
.my-checkbox {
    position: relative;
}
.my-checkbox label {
    font-size: 16px;
    line-height: 24px;
    padding-left: 32px;
}
.my-checkbox input,
.side-checkmark input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    pointer-events: none;
    border-radius: 6px;
    border: 0;
    background: #fff;
    margin-top: 0;
    margin-left: 0;
}
.my-checkbox:hover input ~ .checkmark,
.side-checkbox:hover input ~ .side-checkmark {
    background-color: #fff;
}
.my-checkbox input:checked ~ .checkmark,
.side-checkbox input:checked ~ .side-checkmark {
    background-color: #2196f3;
}
.checkmark:after,
.side-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.hasDrop:hover .dropdownInner,
.my-checkbox input:checked ~ .checkmark:after,
.side-checkbox input:checked ~ .side-checkmark:after {
    display: block;
}
.my-checkbox .checkmark:after {
    left: 9px;
    top: 6px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#date-picker input {
    border: 0;
    background-color: transparent;
    width: 100%;
    color: rgba(0, 0, 0, 0.6);
}
#date-picker input:focus-visible {
    border: 0;
    outline: 0;
}
::placeholder {
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
}
::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
}
.about-section {
    padding-top: 145px !important;
    background: #e5e5ea;
}
.about-img {
    height: 732px;
    border-radius: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow:
        0 20px 24px -4px rgba(0, 0, 0, 0.08),
        0 8px 12px -4px rgba(0, 0, 0, 0.04);
}
.about-text-box,
.info-box:hover {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
}
.about-text-box {
    padding: 24px 32px;
    border-radius: 20px;
    background: #fff;
    margin-top: 24px;
}
.adventage-about,
.contact-about {
    background-color: #f1f2f7;
    position: relative;
}
.about-text-box .welcomeTo {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0.24px;
    margin-bottom: 0;
}
.about-text-box h1 {
    color: #0071dc;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    margin-bottom: 24px;
}
.about-text-box p,
.terms-privacy-text-box p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.section-icon i {
    color: #0071dc;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.section-ttl {
    border-radius: 24px;
    justify-content: flex-start;
    margin-top: 16px;
    position: relative;
    z-index: 1;
}
.section-ttl p {
    margin-bottom: 0;
    margin-left: 32px;
    color: rgba(0, 0, 0, 0.72);
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.24px;
}
.adventage-about:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 344px);
    height: 296px;
    border-radius: 24px;
    background: #fc4;
    mix-blend-mode: multiply;
    margin-top: -120px;
    margin-left: 172px;
}
.contact-about {
    padding-top: 120px;
}
.checkout-content,
.contact-box-ttl,
.contact-inputs,
.detail-main-box-head,
.info-box {
    padding: 20px 24px;
}
.contact-box-ttl p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.4px;
    margin-bottom: 0;
}
.info-box {
    justify-content: flex-start;
    border-radius: 16px;
    background: rgba(0, 113, 220, 0.08);
    margin-bottom: 16px;
    transition-duration: 0.3s;
}
.info-box-icon,
.social-box {
    align-items: center;
    display: flex;
}
.info-box:hover {
    transition-duration: 0.3s;
}
.info-box-icon {
    justify-content: center;
    height: 56px;
    width: 56px;
    min-width: 56px;
    padding: 2px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.04);
}
.info-box-icon i {
    color: #ffc220;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.info-box-txt {
    margin-left: 16px;
}
.info-box-txt p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
}
.info-box-txt a {
    color: #005fb9;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.4px;
    margin-bottom: 0;
}
.checkout-head-title-icon i,
.single-social .fb,
.single-social .in,
.single-social .tw {
    font-size: 17px;
    font-weight: 400;
    line-height: normal;
}
.social-box {
    position: relative;
    padding: 20px 24px;
    justify-content: flex-start;
}
.single-social {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    min-width: 44px;
    margin-right: 16px;
    border-radius: 10px;
    border: 1.6px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
}
.checkout-head-title-icon i,
.single-social .fb {
    color: #0071dc;
    font-style: normal;
}
.contact-form-header p,
.submit {
    font-style: normal;
    font-weight: 600;
}
.single-social .tw {
    color: #529fe7;
    font-style: normal;
}
.single-social .in {
    color: #d63228;
    font-style: normal;
}
.contact-form-box {
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: rgba(118, 118, 128, 0.12);
    box-shadow:
        0 2px 0 0 rgba(0, 0, 0, 0.04) inset,
        1px 1px 4px -2px rgba(0, 0, 0, 0.04) inset;
}
.contact-form-header {
    padding: 20px 24px;
    border-bottom: 2px solid #f1f2f7;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.contact-form-header p {
    color: rgba(0, 0, 0, 0.88);
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.4px;
    margin-bottom: 0;
    margin-left: 16px;
}
.contact-form-icon {
    height: 40px;
    width: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.04);
}
.car-section-icon i,
.contact-form-icon i {
    color: #ffc220;
    font-size: 17px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.custom-control {
    position: relative;
    margin-bottom: 20px;
}
.custom-control input {
    width: 100%;
    padding: 10px 12px 10px 36px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.custom-control input:focus-visible {
    border-radius: 10px;
    border: 1.6px solid #0071dc;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(0, 113, 220, 0.12);
    outline: 0;
}
.custom-control textarea {
    width: 100%;
    min-height: 134px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.custom-control textarea:focus-visible {
    border-radius: 10px;
    border: 1.6px solid #0071dc;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(0, 113, 220, 0.12);
    outline: 0;
}
.contact-inputs .custom-control label {
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 4px;
}
.custom-control span {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 12px;
    margin-top: 36px;
}
.checkout-close i,
.custom-control span i,
.sort_btn .sort-icon i {
    color: #636366;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.submit {
    display: flex;
    padding: 14px 28px;
    justify-content: center;
    align-items: center;
    height: 44px;
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #0071dc;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.map {
    margin-top: 40px;
    margin-bottom: 80px;
    border-radius: 24px;
    height: 452px;
    border: 2px solid #fff;
    box-shadow:
        0 12px 16px -4px rgba(0, 0, 0, 0.08),
        0 4px 8px -4px rgba(0, 0, 0, 0.04);
}
.partners-section,
.status-section,
.terms-privacy-section {
    padding-top: 145px !important;
    background: #e5e5ea;
    padding-bottom: 80px;
    min-height: calc(100vh - 169px);
}
.terms-privacy-text-box {
    padding: 24px 32px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
}
.car-listing-section {
    padding-top: 150px !important;
    background: center/cover #e5e5ea;
}
.cars-list-box {
    padding-top: 40px !important;
    padding-bottom: 80px;
    background-color: #f1f2f7;
}
.right-filter-box {
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.04);
}
.accordion-button,
.right-filter-box .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.88);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 20px 20px 16px;
}
.right-numbers,
.side-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.right-filter-box .accordion-button::after {
    font-size: 1.1rem;
}
.right-filter-box .accordion-body {
    padding: 0 20px 20px;
}
.right-filter-box .accordion-item {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.right-filter-box .accordion-button:focus {
    z-index: 3;
    border: 0 !important;
    outline: 0;
    box-shadow: none !important;
}
.right-filter-box .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}
.right-filter-box .accordion-item:first-of-type .accordion-button {
    border-top-right-radius: 16px !important;
    border-top-left-radius: 16px !important;
}
.right-filter-box .accordion-item:last-child,
.table > :not(caption) > * > * {
    border-bottom: 0 !important;
}
.right-filter-box .accordion-button:not(.collapsed)::after {
    background-image: conic-gradient !important;
}
.price-range-block {
    margin: 0;
    width: 100%;
}
.accordion .ui-slider-horizontal {
    width: calc(100% - 12px);
    margin: 0 auto 0 8px;
}
.accordion .ui-button,
.accordion .ui-button.ui-state-disabled:active,
.accordion .ui-button.ui-state-disabled:hover,
.accordion .ui-state-default,
.accordion .ui-widget-content .ui-state-default,
.accordion .ui-widget-header .ui-state-default {
    font-weight: 400;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #0071dc;
    box-shadow:
        0 4px 12px 0 rgba(0, 0, 0, 0.08),
        0 2px 8px -2px rgba(0, 0, 0, 0.04);
    height: 16px;
    width: 16px;
}
.accordion .ui-widget.ui-widget-content {
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: rgba(120, 120, 128, 0.2);
}
.accordion .ui-widget-header {
    background: #2988e2;
}
.price-inputs {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}
.delete-all:before,
.price-inputs:before,
.right-numbers,
.side-checkmark,
.sort_btn .sort-icon {
    position: absolute;
    top: 0;
}
.listing-head-box,
.sort_btn {
    align-items: center;
    display: flex;
}
.price-inputs:before {
    content: "";
    left: 50%;
    height: 2px;
    width: 4px;
    background: rgba(0, 0, 0, 0.12);
    margin-top: 18px;
    margin-left: -2px;
}
.price-range-field {
    width: 46%;
    min-width: 46%;
    color: rgba(0, 0, 0, 0.6);
    height: 40px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
}
.price-range-field:focus-visible {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
    outline: 0;
}
.bordered-checkmark {
    border: 1px solid rgba(0, 0, 0, 0.12);
}
.right-numbers {
    right: 0;
    color: rgba(0, 0, 0, 0.6);
    font-style: normal;
    margin-bottom: 0;
}
.listing-head-box p,
.side-label {
    color: rgba(0, 0, 0, 0.72);
    font-style: normal;
}
.side-label {
    margin-left: 12px;
}
.side-checkmark {
    left: 0;
    height: 20px;
    width: 20px;
    pointer-events: none;
    border-radius: 6px;
    background: #fff;
    margin-top: 3px;
    margin-left: -1px;
}
.car-list-middle,
.custom-group,
.delete-all,
.progress,
.side-checkbox,
.sort_btn {
    position: relative;
}
.side-checkbox {
    margin-bottom: 12px;
}
.car-title,
.car_dets-box p:last-child,
.custom-group:last-child,
.last-price-box-single:last-child,
.order-single-det:last-child,
.seo-txt p,
.side-checkbox:last-child,
.table {
    margin-bottom: 0;
}
.badge-box,
.car-description .descriptionTitle,
.delete-all {
    margin-bottom: 16px;
}
.side-checkbox .side-checkmark:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.listing-head-box {
    justify-content: space-between;
}
.listing-head-box p {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.4px;
    margin-bottom: 0;
}
.badge-box a,
.delete-all i {
    font-size: 15px;
    font-style: normal;
    line-height: normal;
    font-weight: 400;
}
.sort_btn {
    justify-content: center;
}
.sort_btn .btn-light {
    padding: 10px 12px 10px 40px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
}
.sort_btn .sort-icon {
    left: 0;
    z-index: 1;
    margin-top: 12px;
    margin-left: 14px;
}
.listing-head-filter-box,
.seo-txt {
    padding: 20px 24px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.04);
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.delete-all {
    height: 36px;
    width: 36px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 59, 48, 0.08);
    margin-right: 32px;
}
.delete-all i {
    color: #ff3b30;
}
.delete-all:before {
    content: "";
    right: 0;
    background: rgba(0, 0, 0, 0.08);
    height: 20px;
    width: 1px;
    margin-right: -16px;
    margin-top: 8px;
}
.progress .progress-bar,
.progress::after,
.progress > span {
    height: 100%;
    position: absolute;
    top: 0;
}
.badge-box {
    margin-right: 16px;
    border: 0;
    border-radius: 30px;
    background: rgba(116, 116, 128, 0.08);
    padding: 8px 16px;
}
.badge-box a {
    color: #636366;
    margin-left: 8px;
}
.car-list-title h2,
.car-list-title span {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.4px;
    font-style: normal;
}
.single-ist-car {
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 32px;
    margin-left: 0;
}
.single-list-car-img-box {
    height: 228px;
    width: 100%;
    overflow: hidden;
    border-radius: 20px 0 0 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.car-list-title {
    padding: 20px 24px 12px;
}
.car-list-title h2 {
    color: rgba(0, 0, 0, 0.88);
    font-weight: 600;
    margin-bottom: 0;
}
.car-list-title span {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
}
.car-list-bottom {
    padding: 16px 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    margin-right: 0;
}
.car-list-bottom p,
.single-blog p {
    color: rgba(0, 0, 0, 0.72);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
}
.car-list-middle {
    padding: 12px 24px 16px;
}
.car_dets-box i {
    color: #48484a;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 8px;
}
.car_dets-box p,
.price-con p.price1day {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
.car_dets-box p {
    font-style: normal;
    margin-bottom: 12px;
}
.btn-check:checked + .btn-view i,
.btn-view i {
    line-height: normal;
    margin-top: 4px;
    font-style: normal;
    font-size: 15px;
}
.price-con {
    text-align: right;
    padding-right: 12px;
}
.price-con p.price1day {
    font-style: normal;
    margin-bottom: 4px;
}
.price-con p.priceP {
    color: #005fb9;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.24px;
    margin-bottom: 0;
}
.custom-tabs {
    border-radius: 10px;
    background: rgba(118, 118, 128, 0.12);
    padding: 2px;
    margin-left: 24px;
    height: 44px;
}
.btn-view {
    padding: 8px 16px;
    border-radius: 8px;
    border: 0 !important;
    background: 0 0;
    box-shadow: none;
}
.btn-check:checked + .btn-view,
.continue,
.detail-main-box,
.side-filter {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
}
.btn-view i {
    color: #636366;
    font-weight: 400;
}
.cardet-tags .single-tag,
.details-broadcum a {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.btn-check:checked + .btn-view {
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #fff;
}
.btn-check:checked + .btn-view i {
    color: #3a3a3c;
    font-weight: 500;
}
.custom-tabs > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}
.custom-tabs > .btn:nth-child(n + 3) {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}
.car-details-section {
    padding-top: 120px !important;
    background: #f1f2f7;
    padding-bottom: 80px;
}
.details-broadcum {
    padding: 20px 24px;
    border-radius: 14px;
    background: #fff;
}
.details-broadcum a {
    color: #0071dc;
    font-style: normal;
    margin-right: 20px;
}
.detail-main-box-head h1,
.detail-main-box-head h1 span {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0.24px;
    font-style: normal;
}
.details-broadcum a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 14px;
    background-color: rgba(0, 0, 0, 0.08);
    margin-left: 10px;
    transform: skew(-12deg);
    margin-top: 7px;
}
.detail-main-box {
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #fff;
    margin-top: 16px;
}
.car-description,
.car-progress {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.detail-main-box-head h1 {
    color: rgba(0, 0, 0, 0.88);
    margin-bottom: 0;
}
.detail-main-box-head h1 span {
    color: rgba(0, 0, 0, 0.6);
}
.cardet-tags {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 8px;
}
.cardet-tags .single-tag {
    padding: 4px 10px;
    border-radius: 30px;
    background: rgba(0, 113, 220, 0.08);
    color: #005fb9;
    text-align: center;
    font-style: normal;
    margin-right: 8px;
}
.additional-details-box .mnTitleBox,
.car-description .descriptionTitle,
.main-details-box .mnTitleBox {
    color: rgba(0, 0, 0, 0.88);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.4px;
    font-style: normal;
}
.car-description {
    padding: 0 24px 20px;
}
.car-description p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}
.car-progress {
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.additional-details-box,
.main-details-box {
    padding: 20px 24px 24px;
}

.progress {
    width: 60px;
    height: 60px;
    background: 0 0;
}
.progress::after {
    content: "";
    width: 100%;
    border-radius: 50%;
    border: 6px solid #eee;
    left: 0;
}
.car-main-image,
.car-right-images {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
}
.progress > span {
    width: 50%;
    overflow: hidden;
    z-index: 1;
}
.progress .progress-left {
    left: 0;
}
.progress .progress-bar {
    width: 100%;
    background: 0 0;
    border-width: 6px;
    border-style: solid;
}
.progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress .progress-right {
    right: 0;
}
.progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}
.progress .progress-value {
    position: absolute;
    top: 0;
    left: 0;
}
.single-rogress {
    margin-right: 24px;
}
.inside-progress {
    font-size: 22px;
    margin-bottom: 0;
    font-weight: 700;
}
.main-details-box {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.additional-details-box .mnTitleBox,
.main-details-box .mnTitleBox {
    margin-bottom: 24px;
}
.car-image-gallery {
    padding: 0 24px 24px;
}
.car-main-image {
    height: 348px;
}
.car-right-images {
    height: 170px;
    margin-bottom: 8px;
}
.car-section-title,
.car-section-title2 {
    border-radius: 24px;
    align-items: center;
    width: 100%;
    display: flex;
}
.similar-cars {
    margin-top: 24px;
}
.car-section-title {
    margin-bottom: 24px;
    justify-content: flex-start;
}
.car-section-title h2,
.car-section-title2 .similarCars,
.partners-title .p-title {
    margin-bottom: 0;
    margin-left: 16px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.24px;
}
.car-section-title2 {
    margin-top: 32px;
    margin-bottom: 0;
    justify-content: flex-start;
}
.similar-cars .owl-carousel .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -60px;
}
.similar-cars .owl-carousel .owl-nav button.owl-next {
    border-radius: 10px;
    background: rgba(116, 116, 128, 0.08);
    padding: 10px !important;
    height: 40px;
    width: 40px;
    margin-left: 12px;
}
.similar-cars .owl-carousel .owl-nav button.owl-next span,
.similar-cars .owl-carousel .owl-nav button.owl-prev span {
    color: #636366;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 9px;
}
.similar-cars .owl-carousel .owl-nav button.owl-prev {
    border-radius: 10px;
    background: rgba(116, 116, 128, 0.08);
    padding: 10px !important;
    height: 40px;
    width: 40px;
    line-height: 8px;
    color: #636366;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.side-filter {
    border-radius: 13px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #fff;
}
.side-filter-head {
    padding: 16px 20px;
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.side-filter-head .dtPriceGs {
    color: #0071dc;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0.24px;
    margin-bottom: 0;
}
.checkout-middle-box,
.side-filter-form {
    padding: 16px 20px 20px;
}
.custom-group {
    width: 100%;
    margin-bottom: 16px;
}
.custom-group label {
    margin-bottom: 4px;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.custom-group .custom-select .btn-light {
    padding: 10px 12px 10px 40px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}
.custom-group i {
    position: absolute;
    left: 0;
    margin-top: 16px;
    margin-left: 16px;
    color: #636366;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.continue,
.order-single-det .priceTotalsH,
.order-single-det p {
    font-size: 14px;
    line-height: 20px;
}
.order-info-box {
    padding: 12px 16px;
    border-radius: 9px;
    background: rgba(116, 116, 128, 0.08);
}
.last-price-box-single,
.order-single-det {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.order-single-det p {
    color: rgba(0, 0, 0, 0.88);
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0;
}
.checkout-head-title p,
.continue,
.order-single-det .priceTotalsH {
    font-style: normal;
    font-weight: 600;
}
.order-single-det .priceTotalsH {
    color: #ff3b30;
    margin-bottom: 0;
}
.continue,
.continue:hover {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    color: #fff;
}
.checkout-head-title p,
.checkout-left-box .addExtras {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.4px;
    margin-bottom: 0;
}
.continue {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #ffc220;
    margin-top: 16px;
    transition-duration: 0.3s;
}
.continue:hover {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #eebb30;
    box-shadow:
        0 2px 8px 0 rgba(0, 59, 115, 0.16),
        0 2px 6px -2px rgba(0, 59, 115, 0.08);
    transition-duration: 0.3s;
}
.cancel-booking,
.cancel-booking:hover {
    color: rgba(0, 0, 0, 0.72);
    background: #fff;
}
.cancel-booking,
.continue:focus {
    border-radius: 12px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}
.continue:focus {
    background: #bd8c06;
    box-shadow: 0 0 0 4px rgba(255, 195, 32, 0.445);
    transition-duration: 0.3s;
}
.checkkout-box-overlay {
    position: fixed;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    z-index: 999;
    display: none;
}
.checkkout-box {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f1f2f7;
    height: 100%;
    width: 70%;
    overflow-y: scroll;
}
.checkout-head {
    padding: 16px 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.checkout-close,
.checkout-head-title-icon {
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
}
.checkout-close {
    background: rgba(116, 116, 128, 0.08);
    justify-content: center;
    cursor: pointer;
}
.checkout-head-title p {
    color: rgba(0, 0, 0, 0.88);
    margin-left: 16px;
}
.checkout-head-title-icon {
    justify-content: center;
    background: rgba(0, 113, 220, 0.08);
}
.checkout-bottom {
    padding: 16px 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    position: fixed;
    bottom: 0;
    right: 0;
    width: calc(100% - 30%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.booking,
.cancel-booking {
    padding: 14px 24px;
    font-size: 16px;
    line-height: 24px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
    font-style: normal;
    font-weight: 600;
}
.cancel-booking {
    border: 1.6px solid rgba(0, 0, 0, 0.08);
    transition-duration: 0.3s;
}
.booking,
.cancel-booking:hover {
    border-radius: 12px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}
.cancel-booking:hover {
    border: 1.6px solid rgba(0, 0, 0, 0.08);
    box-shadow:
        0 2px 6px 0 rgba(0, 59, 115, 0.16),
        0 2px 6px -2px rgba(0, 59, 115, 0.08);
    transition-duration: 0.3s;
}
.booking {
    min-width: 200px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #ffc220;
    margin-left: 24px;
    color: #003b73;
    transition-duration: 0.3s;
}
.booking:hover,
.show-more-reviews {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}
.booking:hover {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #eebb30;
    color: #003b73;
    box-shadow:
        0 2px 8px 0 rgba(0, 59, 115, 0.16),
        0 2px 6px -2px rgba(0, 59, 115, 0.08);
    transition-duration: 0.3s;
}
.datepicker td,
.datepicker th {
    width: 35px;
    height: 35px;
}
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-image: none !important;
    border-radius: 50%;
}
.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
    background-color: #0071dc;
    color: #fff;
    border-radius: 50%;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
    background-color: #ffc220 !important;
    color: #000;
    border-radius: 50%;
}
.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    border-radius: 50%;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    cursor: not-allowed;
    text-decoration: line-through;
}
.mrg-btm4 {
    margin-bottom: 4px;
}
.checkout-left-box {
    padding: 0;
    border-radius: 13px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
}
.checkout-left-box-head,
.single-extra-box {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.checkout-left-box-head {
    justify-content: flex-start;
    padding: 16px 20px;
}
.checkout-left-box .addExtras {
    color: #0071dc;
    font-style: normal;
    font-weight: 600;
}
.checkout-left-box p,
.color-last,
.last-price-box-single span,
.order-info-note,
.single-extra-box-left .addonTitle,
.single-extra-box-left p {
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
}
.checkout-left-box p {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
    margin-bottom: 0;
    margin-left: 8px;
}
.single-extra-box {
    justify-content: space-between;
    padding: 16px 0;
}
.car-nav .page-link,
.number-input button {
    align-items: center;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
}
.single-extra-box-left .addonTitle {
    color: rgba(0, 0, 0, 0.88);
    font-weight: 600;
    margin-bottom: 0;
}
.single-extra-box-left p {
    color: rgba(0, 0, 0, 0.72);
    font-weight: 400;
    margin-bottom: 0;
}
.last-price-box {
    padding: 12px 16px;
    border-radius: 9px;
    background: rgba(116, 116, 128, 0.08);
    margin-top: 40px;
}
.last-price-box-single span {
    color: rgba(0, 0, 0, 0.88);
    font-weight: 500;
}
.color-last {
    color: #ff3b30;
    font-weight: 600;
}
input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.number-input {
    border: 0;
    display: inline-flex;
    border-radius: 10px;
    background: rgba(118, 118, 128, 0.12);
    padding: 4px;
    height: 44px;
}
.number-input input {
    border: 0;
    width: 40px;
    max-width: 40px;
    background: 0 0;
    text-align: center;
    color: rgba(0, 0, 0, 0.56);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
.number-input,
.number-input * {
    box-sizing: border-box;
}
.number-input button {
    outline: 0;
    -webkit-appearance: none;
    display: flex;
    justify-content: center;
    width: 36px;
    height: 36px;
    cursor: pointer;
    margin: 0;
    position: relative;
    border-radius: 8px;
    border: 1.6px solid rgba(0, 0, 0, 0.08);
    background: #fff;
}
.number-input button i {
    color: #3a3a3c;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.date-inside {
    position: relative;
    width: 100%;
    margin-bottom: 12px !important;
}
.all-partners,
.captcha,
.downloadPdf,
.dropdownInner,
.dropdownInner::before {
    position: absolute;
    top: 0;
}
.blog-title,
.car-title,
.partners-title {
    margin-bottom: 40px;
}
.date-inside input {
    padding: 10px 12px 10px 40px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
}
.date-inside i {
    margin-top: 12px;
}
.order-info-note {
    color: rgb(0 0 0 / 60%);
    font-weight: 400;
    padding: 12px 16px;
    border-radius: 9px;
    background: rgb(255 0 0 / 8%);
    margin-top: 16px;
}
.blog-title,
.car-title,
.faq-section .section-ttl h1 {
    font-size: 28px;
    color: rgba(0, 0, 0, 0.88);
}
.blog-title,
.car-title,
.car-title-2,
.faq-section .section-ttl h1 {
    line-height: 36px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.24px;
}
.car-nav .page-link {
    margin-left: 5px !important;
    margin-right: 5px !important;
    border-radius: 50% !important;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    border: 0;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.6);
}
.car-nav .page-link:hover {
    background-color: rgba(0, 113, 220, 0.08);
}
.blog-section {
    padding-top: 145px !important;
    background: #f1f2f7;
}
.single-blog h4 {
    text-transform: uppercase;
}
.car-title-2 {
    color: rgba(0, 0, 0, 0.7);
    font-size: 20px;
}
.gb-image {
    border-radius: 12px;
    width: 100%;
}
.f1_5rem {
    font-size: 1.5rem;
}
.ps-140 {
    padding-left: 140px !important;
}
.captcha {
    left: 0;
    margin-top: 32px;
    margin-left: 5px;
    border-radius: 10px;
    overflow: hidden;
}
.partners {
    background-color: #e2e3e9;
    padding: 60px 0;
}
.partners-title {
    border-radius: 24px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.brochure-card,
.partner-card {
    flex: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
    background: #fff;
    border-left: 3px solid #e5e5ea;
    padding: 5px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.04);
    border-radius: 16px;
}
.faq-text-box,
.show-more-reviews,
.single-review {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
}
.brochure-card {
    height: 200px;
}
.partner-card img {
    height: auto;
    width: auto;
    max-width: 70px;
    max-height: 70px;
}
.brochure-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.p-image-name {
    margin-left: 12px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}
.all-partners {
    border-radius: 10px;
    border: 1.6px solid #0071dc;
    right: 0;
    padding: 10px 16px;
    color: #0071dc;
    font-size: 14px;
    margin-right: 15px;
}
.faq-section {
    padding-top: 145px !important;
    background: #f1f2f7;
    padding-bottom: 80px;
}
.faq-text-box {
    padding: 8px;
    border-radius: 20px;
    background: #fff;
}
.faq-text-box .accordion-item {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.faq-text-box .accordion-item:last-child {
    border: 0 !important;
}
.faq-text-box .accordion-button {
    color: rgba(0, 0, 0, 0.88);
    font-size: 18px;
}
.faq-text-box .accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: none !important;
}
.faq-home-section {
    background-color: #f1f2f7;
    padding: 20px 0 40px;
}
.accordion-button-mask {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgba(116, 116, 128, 0.08);
    color: #636366;
}
.accordion-button:not(.collapsed) .accordion-button-mask {
    background: rgba(0, 113, 220, 0.08);
    color: #0071dc;
}
.st-title {
    color: rgba(0, 0, 0, 0.88);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-top: 12px;
}
.show-more-reviews {
    display: flex;
    padding: 8px 28px;
    justify-content: center;
    align-items: center;
    height: 44px;
    width: auto;
    max-width: 180px;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #0071dc;
    color: #fff !important;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    transition-duration: 0.3s;
    margin-top: 12px;
}
.single-review {
    padding: 20px 24px;
    border-radius: 13px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #fff;
    margin-bottom: 32px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    height: calc(100% - 33px);
}
.rev-image {
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #e5e5ea;
    box-shadow:
        0 2px 8px -2px rgba(0, 0, 0, 0.04),
        0 4px 12px 0 rgba(0, 0, 0, 0.08);
}
.rev-author {
    color: #005fb9;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.rev-text,
.rev-time {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
}
.rev-time {
    font-size: 14px;
    line-height: 20px;
}
.rev-text {
    font-size: 16px;
    line-height: 24px;
}
.suggest-title,
.thingsgeotitle {
    color: rgba(0, 0, 0, 0.88);
    font-style: normal;
}
.suggest-hotel {
    padding: 20px 24px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.04);
    margin-top: 40px;
    width: 100%;
}
.suggest-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0.24px;
    margin-bottom: 20px;
}
.suggest-image-container {
    border-radius: 16px;
    overflow: hidden;
}
.suggest-book-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 700;
    border-radius: 16px;
    border: 2px dashed #ddd;
}
.suggest-book-container a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #0071dc;
    min-height: 150px;
}
.status-sub-title {
    font-size: 17px;
}
.dropdownInner {
    display: none;
    left: 0;
    margin-top: 48px;
    background: #fff;
    box-shadow: 0 3px 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    width: 100%;
    min-width: 330px;
    margin-left: -60px;
    padding: 12px;
}
.dropdownInner::before {
    content: "";
    left: 0;
    width: 100%;
    height: 10px;
    margin-top: -10px;
}
.dropdownInner a {
    padding: 5px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
}
.dropdownInner a:hover {
    background: rgba(116, 116, 128, 0.08);
    color: rgba(0, 0, 0, 0.72);
}
.terms-privacy-text-box .select2-container--default .select2-selection--multiple {
    border: 1px solid;
    height: 48px;
    border-radius: 12px;
}
.downloadPdf {
    left: 0;
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    margin-left: 30px;
}
.cps .select2-selection {
    display: flex;
    align-items: center;
}
.cps textarea {
    margin-top: 0 !important;
}
.thingsgeotitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0;
    min-height: 50px;
    text-align: left;
    padding: 10px;
}
.vcbl {
    margin-bottom: 12px;
    display: block;
    color: #000;
}
.stk {
    position: sticky;
    top: 90px;
}
.slider-section {
    background-image: var(--desktop-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.sticky-wrap {
    display: none;
}
@media only screen and (max-width: 768px) {
    .main-menu,
    .navbar-toggler,
    .price-con {
        right: 0;
        position: absolute;
    }
    .header-addon,
    .main-menu,
    .navbar-toggler,
    .price-con {
        position: absolute;
    }
    .slider-section {
        background-image: var(--mobile-image) !important;
    }
    .about-text-box .welcomeTo,
    .detail-main-box-head h1,
    .slider-text h6 {
        font-size: 22px;
        line-height: 28px;
    }
    .slider-text h1 {
        font-size: 28px;
        line-height: 40px;
    }
    .slider-text p {
        line-height: 22px !important;
    }
    .slider-text p.line1 {
        font-size: 25px !important;
    }
    .single-adventage {
        margin-bottom: 16px;
    }
    .car-section-title h2 {
        font-size: 20px;
    }
    .footer-social ul {
        justify-content: center;
        margin-top: 12px;
    }
    .cars-section {
        padding: 0 0 40px;
    }
    .footer-bottom-left,
    .footer-bottom-right,
    .footer-menu ul,
    .header-addon,
    .social-box {
        justify-content: center;
    }
    .footer-top {
        padding: 24px;
    }
    .footer-bottom-left p {
        margin-bottom: 12px;
    }
    header {
        padding: 6px;
    }
    .about-img {
        height: 300px;
        margin-bottom: 0;
    }
    .about-text-box {
        padding: 20px;
        margin-bottom: 24px;
    }
    .about-text-box h1 {
        font-size: 34px;
        line-height: 42px;
        margin-bottom: 8px;
    }
    .about-text-box p,
    .listing-head-box p {
        font-size: 14px;
        line-height: 20px;
    }
    .section-ttl p {
        margin-bottom: 0;
        margin-left: 16px;
        font-size: 22px;
        line-height: 28px;
    }
    .adventage-about::before,
    .car-section-title2,
    .header-addon a span,
    .language,
    .listing-head-filter-box,
    .mob-hide,
    .similar-cars {
        display: none;
    }
    .contact-about {
        padding-top: 0;
    }
    .details-broadcum,
    .listing-head-box,
    .side-filter {
        margin-top: 20px;
    }
    .single-ist-car {
        overflow: hidden;
        margin-left: 0;
    }
    .detail-main-box-head h1 span {
        font-size: 20px;
        line-height: 28px;
    }
    .car-main-image {
        margin-bottom: 8px;
        height: 180px;
    }
    .progress {
        width: 44px;
        height: 44px;
    }
    .single-rogress {
        margin-right: 12px;
    }
    .logo {
        text-align: center;
        margin-bottom: 8px;
    }
    .navbar-toggler {
        top: 0;
    }
    .navbar-toggler-icon {
        background-image: url(/front/assets/img/menu.webp);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .main-menu {
        top: 0;
        margin-top: 14px;
        margin-right: 10px;
    }
    .navbar-collapse {
        background-color: #fff;
        padding: 20px;
        box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.04);
        border: 1px solid #f2f2f2;
        margin-top: 32px;
        margin-right: -10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .main-menu .navbar-expand-lg .navbar-nav .nav-link {
        width: 100%;
        display: flex;
        align-content: center;
        justify-content: flex-start;
    }
    .navbar-toggler:focus {
        box-shadow: none !important;
        outline: 0 !important;
    }
    .about-section,
    .car-listing-section {
        padding-top: 100px !important;
    }
    .custom-tabs {
        margin-left: 12px;
    }
    .hero-bg {
        background-size: cover;
        background-position: center;
    }
    .main-filter-box {
        margin-top: 24px;
    }
    .side-checkmark {
        margin-top: 2px !important;
    }
    .side-checkbox input {
        opacity: 0;
    }
    .checkkout-box {
        width: 100%;
        overflow-y: scroll;
    }
    .checkout-content {
        padding: 16px;
        overflow-y: scroll;
        margin-bottom: 100px;
    }
    .checkout-bottom {
        padding: 16px;
        width: 100%;
        justify-content: center;
    }
    .search-button-box {
        top: auto !important;
        bottom: 0 !important;
        margin-bottom: 12px !important;
    }
    .car-main-header,
    .google-review {
        width: 100%;
    }
    .price-con {
        text-align: right;
        padding-right: 12px;
        top: 0;
        margin-top: 12px;
        margin-right: 15px;
    }
    .header-addon {
        top: 0;
        margin-top: 6px;
    }
    .call,
    .call i {
        margin-right: 0;
    }
    .slider-text {
        margin-top: 100px;
        height: auto;
    }
    .hero {
        margin-top: 30px;
        height: auto;
    }
    .hero-content {
        width: 100%;
    }
    .hero-btns {
        flex-direction: row;
    }
    .car-details-section {
        padding-top: 60px !important;
    }
    .sticky-wrap {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 10;
    }
    .text-12px {
        font-size: 12px;
    }
    .sticky-wrap-text * {
        margin-bottom: 2px;
    }
}
.contract,
.status-success-box h4 {
    font-weight: 700;
    text-align: center;
}
.status-success-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.status-success-box-image {
    height: 120px;
    width: 120px;
    overflow: hidden;
    margin-bottom: 40px;
}
.status-success-box h4 {
    color: #0071dc;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 40px;
}
.checkout-content {
    margin-bottom: 100px;
}
.code-select {
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
}
.pl-0 {
    padding-left: 12px !important;
}
.contract {
    font-size: 13px;
    margin-top: 10px !important;
    display: block;
}
.bgCard {
    border-radius: 13px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
    padding: 20px 40px;
}
.total_old_price {
    text-decoration: line-through;
    color: #777;
}
.allPrice {
    margin-right: 10px;
}
.loader {
    width: 18px;
    aspect-ratio: 4;
    --_g: no-repeat radial-gradient(circle closest-side, #8f8f8f 90%, #0000);
    background:
        var(--_g) 0 50%,
        var(--_g) 50% 50%,
        var(--_g) 100% 50%;
    background-size: calc(100% / 3) 100%;
    animation: 1s linear infinite l7;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}
@keyframes l7 {
    33% {
        background-size:
            calc(100% / 3) 0,
            calc(100% / 3) 100%,
            calc(100% / 3) 100%;
    }
    50% {
        background-size:
            calc(100% / 3) 100%,
            calc(100% / 3) 0,
            calc(100% / 3) 100%;
    }
    66% {
        background-size:
            calc(100% / 3) 100%,
            calc(100% / 3) 100%,
            calc(100% / 3) 0;
    }
}
@media screen and (min-width: 1210px) and (max-width: 1270px) {
    .main-menu .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px !important;
    }
}
@media screen and (min-width: 1111px) and (max-width: 1269px) {
    .main-menu .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 13px !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
    .main-menu,
    .navbar-toggler,
    .price-con {
        position: absolute;
        top: 0;
        right: 0;
    }
    .slider-text, .hero {
        margin-top: 110px;
        padding: 20px;
        height: calc(100% - 110px);
    }

    
    .main-filter-box,
    .main-menu {
        margin-top: 20px;
    }
    .slider-text h1 {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.25px;
    }
    .about-text-box .welcomeTo,
    .slider-text h6 {
        font-weight: 500;
        letter-spacing: 0.24px;
        font-style: normal;
    }
    .slider-text h6 {
        color: #003b73;
        font-size: 20px;
        line-height: 22px;
    }
    .slider-text p {
        color: rgba(0, 0, 0, 0.72);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 0;
    }
    .accordion-button,
    .details-broadcum,
    .filter-search,
    .right-filter-box .accordion-button:not(.collapsed),
    .side-filter-head,
    .single-adventage {
        padding: 16px;
    }
    .single-adventage p.adtitleV {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .car-title h2.carTitle,
    .car-title h3.carTitle,
    .single-adventage div.adtextV {
        font-size: 13px;
    }
    .cars-section {
        padding: 0 0 40px;
    }
    .single-car-img-box {
        width: 100%;
        height: 110px;
    }
    .car-title {
        padding: 12px;
    }
    .car-tags {
        padding: 8px;
    }
    .car-details-section {
        padding-bottom: 40px;
    }
    .price-range-field,
    .side-filter-form {
        padding: 10px;
    }
    .about-section,
    .car-listing-section {
        padding-top: 110px !important;
    }
    .about-text-box .welcomeTo {
        color: rgba(0, 0, 0, 0.6);
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 0;
    }
    .about-text-box h1 {
        color: #0071dc;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        margin-bottom: 16px;
    }
    .about-text-box p {
        color: rgba(0, 0, 0, 0.6);
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 0;
    }
    .adventage-about:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 210px);
        height: 100px;
        border-radius: 24px;
        background: #fc4;
        mix-blend-mode: multiply;
        margin-top: -105px;
        margin-left: 105px;
    }
    .social-box {
        padding: 20px 0;
    }
    .navbar-toggler-icon {
        background-image: url(/front/assets/img/menu.webp);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .main-menu {
        margin-right: 20px;
    }
    .navbar-collapse {
        background-color: #fff;
        padding: 20px;
        box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.04);
        border: 1px solid #f2f2f2;
        margin-top: 32px;
        margin-right: -10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .main-menu .navbar-expand-lg .navbar-nav .nav-link {
        width: 100%;
        display: flex;
        align-content: center;
        justify-content: flex-start;
    }
    .navbar-toggler:focus {
        box-shadow: none !important;
        outline: 0 !important;
    }
    .header-addon {
        margin-right: 40px;
    }
    .addon-filter-box {
        margin-bottom: 30px;
    }
    .right-filter-box .accordion-body {
        padding: 0 16px 16px;
    }
    .side-checkbox {
        margin-bottom: 10px;
    }
    .car-tags p {
        padding: 4px 7px;
    }
    .single-list-car-img-box {
        height: 130px;
        border-right: 0px;
    }
    .price-con {
        text-align: right;
        padding-right: 12px;
        margin-top: 8px;
    }
    .car-list-bottom,
    .language {
        display: none;
    }
    .hero-bg {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        position: relative;
        z-index: 2;
    }
    .car-main-image {
        height: 165px;
        width: 100%;
        border-radius: 16px;
        overflow: hidden;
    }
    .listing-head-filter-box {
        padding: 16px;
        margin-top: 20px;
    }
    .car_dets-box p,
    .car_dets-box p:last-child {
        margin-bottom: 8px;
    }
    .listing-head-box p {
        font-size: 16px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1190px) {
    .slider-text h6,
    .slider-text p {
        font-style: normal;
        margin-bottom: 0;
    }
    .single-adventage,
    .slider-text {
        padding: 20px;
    }
    .language {
        display: none;
    }
    .hero-bg {
        background-position: right;
    }
    .call {
        margin-right: 0;
    }
    .main-menu .navbar-expand-lg .navbar-nav .nav-link {
        padding: 8px !important;
    }
    .single-car-img-box {
        width: 100%;
        height: 180px;
        overflow: hidden;
    }
    .slider-text, .hero {
        margin-top: 110px;
        height: calc(100% - 110px);
    }
    
    .slider-text h6 {
        color: #003b73;
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0.24px;
    }
    .slider-text h1 {
        font-size: 42px;
        font-style: normal;
        font-weight: 700;
        line-height: 52px;
        letter-spacing: -0.25px;
    }
    .slider-text p {
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 22px !important;
        margin-bottom: 10px;
    }
    .main-filter-box {
        margin-top: 20px;
    }
    .adventage-about:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 180px);
        height: 200px;
        border-radius: 24px;
        background: #fc4;
        mix-blend-mode: multiply;
        margin-top: -120px;
        margin-left: 90px;
    }
    .car-list-bottom {
        padding: 6px 24px;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        margin-right: 12px;
    }
    .car-tags {
        min-height: 90px;
    }
}
@media screen and (min-width: 1191px) and (max-width: 1399px) {
    .slider-text, .hero {
        margin-top: 120px;
        height: calc(100% - 120px);
    }
    
    .slider-text h1 {
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px;
        letter-spacing: -0.25px;
    }
    .slider-text p {
        font-size: 25px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 0;
    }
    .slider-text p.line1 {
        font-size: 25px !important;
    }
    .main-filter-box {
        margin-top: 30px;
    }
    .single-car-img-box {
        width: 100%;
        height: 200px;
        overflow: hidden;
    }
    .car-tags {
        min-height: 90px;
    }
    .single-adventage {
        padding: 20px;
    }
    .car-list-bottom {
        padding: 7px 24px;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        margin-right: 0;
    }
    .car-main-image {
        height: 310px;
        width: 100%;
        border-radius: 16px;
        overflow: hidden;
    }
}