@import url(../css/odometer.css);
@import url(../css/jquery-ui.min.css);
@import url(https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css);
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

@font-face {
    font-family: "borna";
    src: url(../fonts/borna-medium.otf);
}

@font-face {
    font-family: "ar";
    src: url(../fonts/abdo-master-medium.otf);
}

@font-face {
    font-family: "arLight";
    src: url(../fonts/abdo-master-light.otf);
}


:root {
    --title-font-family: "Tajawal", sans-serif;
    --body-font-family: "Tajawal", sans-serif;
    --icon-font-family: "Font Awesome 6 Pro";
    --icon-font-family2: "Flaticon";
    --container-width: 1290px;
    --headings-color: #0c0c6e;
    --light-color: #c60e13;
    --light-2-color: #0c0c6e;
}

@font-face {
    font-family: 'geMed';
    src: url(../fonts/GE_SS_Two_Medium.otf);
}

@font-face {
    font-family: 'geBold';
    src: url(../fonts/GE_SS_Two_Bold.otf);
}
body {
    font-size: 16px;}
.home2-hero-banner {
    background: transparent;
    height: 650px;
}

.home2-hero-banner .home-slider {
    /* direction: ltr; */
    height: 100%;
}

.home2-hero-banner .home-slider * {
    height: 100%;
}

.home2-hero-banner .home-slider img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

.owl-carousel {
    direction: ltr;
}

.iconbox-style4 .icon {
    line-height: 35px;
    width: 100px;
    height: 100px;
    padding: 15px;
    line-height: 64px;
    transition: all .4s;
}

.text {
    color: #666;
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
    color: #121212;
}

header.nav-homepage-style.stricky.stricky-fixed .sidemenu-btn,
header.nav-homepage-style.stricky.stricky-fixed .login-info {
    color: #121212;
}

header.nav-homepage-style.stricky.stricky-fixed .ace-responsive-menu a {
    color: #121212;
}

header.nav-homepage-style.stricky.stricky-fixed .header-logo img {
    max-width: 150px;
}

.header-logo img {
    transition: all .4s;
}

.card-h .list-thumb {
    height: 200px;
}

.card-h .list-thumb img {
    height: 100% !important;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.home-banner-style2 {
    /* overflow: hidden; */
    background: var(--light-2-color);
}

.bgc-dark .btn-thm {
    background: #0c0c6e;
    border-color: var(--light-2-color);
}

.tabs-req .nav.nav-pills {
    gap: 20px;
    margin-bottom: 40px;
}

.tabs-req .nav.nav-pills .nav-item .nav-link {
    min-width: 140px;
    display: inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    text-align: center;
    background: #afafaf1a;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    min-height: 50px;
    padding: 10px 20px;
    border-radius: 7px;
    border: 1px #e3e3e3 solid;
}

.tabs-req .nav.nav-pills .nav-item .nav-link.active {
    background: var(--light-color);
    border-color: var(--light-color);
    color: #fff;
}

select {
    appearance: auto !important;
}

.lang-menu,
.city-menu {
    position: relative;
}

.btn-lang,
.btn-city {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    padding: 0;
    font-family: var(--title-font-family);
    font-size: 14px;
}

.lang-menu .sub-lang,
.city-menu .sub-city {
    position: absolute;
    top: 100%;
    z-index: 5;
    background: #fff;
    left: 0;
    min-width: 200px;
    box-shadow: 0 0 30px rgb(0 0 0 / 47%);
    border-radius: 5px;
    display: none;
    padding: 15px;
    right: auto;
}

.lang-menu .sub-lang ul,
.city-menu .sub-city ul {
    padding: 0;
    margin: 0;
}

.lang-menu .sub-lang ul li,
.city-menu .sub-city ul li {
    display: block;
}

.lang-menu .sub-lang ul li a,
.city-menu .sub-city ul li a {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    color: #222;
    text-align: start;
    padding: 2px 0px;
    gap: 0 5px;
    font-size: 14px;
    font-weight: bold;
}

.city-menu {
    margin: 0 20px;
    /* margin-inline-start: 5px; */
}

.advance-style2 {
    margin-top: 155px !important;
}

.home2-hero-banner {
    top: 191px;
    height: 640px;
}

.inner-banner-style2.text-banner.text-center {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
}

.inner-banner-style2.text-banner.text-center * {
    height: auto !important;
}

.login-info2 {
    color: #fff !important;
    background: var(--light-color) !important;
    padding: 8px 30px;
    border-radius: 30px;
        gap: 4px;
}

header.nav-homepage-style .header-logo img {
    filter: brightness(0) invert(1);
}

header.nav-homepage-style.stricky.stricky-fixed .header-logo img {
    filter: none;
}

.feature-style1:hover .top-area {
    opacity: 1;
}

.feature-style1 .top-area {
    transition: all .4s;
    opacity: 0;
}

.banner-block-h {
    height: 300px;
    overflow: hidden;
    border-radius: 15px;
}
.spons-card-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, #0c0c6e -2%, rgb(12 12 110 / 0%) 30%, transparent 60%, rgb(198 14 19 / 0%) 100%);
    z-index: 2;
}
.link-block {
    position: absolute;
    inset: 0;
    z-index: 3;
}

.banner-block-h img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .4s;
}

.bgc-thm {
    background: #192026;
    background: var(--light-2-color);
}

.listing-style11 {
    background-color: #f8f8ff;
}

a,
.btn {
    color: #333;
}

.listing-style6 .list-meta a:hover {
    background: var(--headings-color);
    border-color: var(--headings-color);
}

.listing-style6 .list-meta a {
    background: var(--light-color);
    border-color: var(--light-color);
}

.footer-style1 {
    background: #030317;
}

.cta-style3 .cta-text {
    color: #666;
}

.bgc-f7 {
    background-color: #f8f8f8;
}

.bg-h {
    background: var(--light-color);
}

.bg-h .funfact_one .timer,
.bg-h .funfact_one span {
    color: #fff;
    direction: ltr;
    font-family: sans-serif;
}

.bg-h .text {
    color: #fff;
}

img {
    max-width: 100%;
}

.iconbox-style4 .icon img {
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.home2-hero-banner .owl-nav,
.home2-hero-banner .owl-dots {
    height: auto;
}

.feature-style2 {
    padding: 30px;
    background: #ffffff;
    box-shadow: 0px 4px 24px rgb(225 225 225 / 52%);
    text-align: center;
    border-radius: 8px;
}

.feature-style2 .feature-content {
    margin-top: 20px;
}

.feature-style2 .feature-content .title {
    color: #121212;
    font-size: 18px;
    line-height: 28px;
}

.feature-style2 .feature-content .text {
    margin: 6px 0 0;
    color: #666;
    font-size: 16px;
}

.cities-pagination {
    justify-content: center;
    text-align: center;
    margin-top: 20px;
}

.cities-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: var(--light-2-color);
}

.cities-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

.overlay-img {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.overlay-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.big-banner-car-h {
    padding-block: 80px 0;
}

.big-banner-text {
    text-align: center;
    margin: 0 auto;
}

.big-banner-text p {
    max-width: 414px;
    margin: 0 auto;
    font-style: italic;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #0c0c6e !important;
}

.big-banner-text h2 {
    font-size: 90px;
    font-weight: 500;
    line-height: 80px;
    color: #0e0d6d;
}

.hero-search-tagline-inner .hero-search-tagline-out {
    font-size: 22px;
    font-weight: 500;
        background-image: linear-gradient(118deg, #c60e1333 50%, #c60e13a1 50%);
}
 .hero-search-tagline {
                text-align: center;
                margin: 0 0 18px;
                font-size: clamp(0.95rem, 1.85vw, 1.2rem);
                color: #ffffff;
                /*font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;*/
                font-weight: 500;
                letter-spacing: -0.02em;
                line-height: 1.55;
                    height: 40px;
            }
            .hero-search-tagline-inner {
                display: inline-flex;
                align-items: baseline;
                flex-wrap: wrap;
                justify-content: center;
                gap: 0.15em;
            }
            .hero-search-tagline-cursor {
                display: inline-block;
                width: 2px;
                height: 1.05em;
                background: #de0811;
                flex-shrink: 0;
                animation: hero-search-cursor-blink 1s step-end infinite;
            }
            @keyframes hero-search-cursor-blink {
                50% { opacity: 0; }
            }
            
.big-banner-text h2 span {
    display: block;
    color: var(--light-color);    text-transform: capitalize;
}

.big-banner-img {
    margin-bottom: -150px;
    z-index: 3;
    position: relative;
}

.product-block-h {
    position: relative;
    background: #ffffff;
    border-radius: 10px;
    margin: 0 0 24px 0;
    padding: 15px;
}

.product-block-h .list-thumb {
    height: 320px;
    border-radius: 10px;
    overflow: hidden;
}

.product-block-h .list-thumb>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.product-block-h .list-thumb .img-small {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 2px solid #ffffff;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    margin: 10px;
}

.product-block-h .list-thumb .img-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.product-block-h .list-content {
    padding: 0;
    padding-block-start: 15px;
}

.product-block-h .list-content .list-title {
    margin-bottom: 5px !important;
    font-size: 20px;
    text-decoration: none !important;
}

.product-block-h .list-content .list-title a {
    text-decoration: none;
}

.product-block-h .list-content .listing-details-group ul {
    padding: 0;
    margin: 0 0 15px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
}

.product-block-h .list-content .listing-details-group ul li {
    width: 33.33%;
    flex: 0 0 auto;
    margin-block: 5px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 8px;
    font-size: 15px;
    color: #787878;
}

.product-block-h .list-content .listing-details-group ul li p {
    color: #787878;
    margin: 0;
    font-size: 11px;
}

.product-block-h .list-content .listing-location-details {
    display: flex;
    justify-content: space-between;
    background: #F2F7F6;
    padding: 8px;
    margin: 0 0 15px;
    flex-direction: column;
}

.product-block-h .list-content .listing-location-details .loction-in {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    color: #787878;
}

.product-block-h .list-content .listing-location-details .list-price span {
    display: flex;
    /* align-items: center; */
    gap: 0;
    font-size: 10px;
    color: #787878;
    flex-direction: column;
    line-height: 20px;
    width: 33.33%;
}

.product-block-h .list-content .listing-location-details .list-price span strong,
.product-block-h .list-content .listing-location-details .list-price span span {
    font-weight: 700;
    font-size: 18px;
    color: var(--light-color);
    display: inline-block;
}

.product-block-h .list-content .listing-location-details .list-price span i {
    color: rgb(130, 130, 130);
    font-weight: 400;
    font-style: normal;
}

.product-block-h .list-content .listing-location-details .list-price span strong {
    font-family: sans-serif;
    margin: 2px 0;
}

.product-block-h .list-content .btn-h {
    width: 100%;
    margin-top: 10px;
}

.btn-h {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    padding: 14px;
    background: var(--light-color);
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
}

.funfact_one .icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto 10px;
    background: rgb(255 255 255 / 17%);
    backdrop-filter: blur(32px);
    line-height: 100px;
}

.funfact_one .icon img {
    max-width: 50px;
    max-height: 50px;
    object-fit: contain;
    object-position: center;
    /* filter: brightness(0) invert(1); */
}

.home-banner-style2 .container {
    padding: 0;
}

.listing-style11 .list-meta a span {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    align-content: center;
    border-radius: 5px;
}

.listing-style11 .list-meta a span img {
    max-width: 18px;
    max-height: 18px;
    object-fit: contain;
    display: inline-block !important;
}

.listing-style11 .list-meta a p {
    margin: 0;
}

.list-meta2.list-price-h {
    display: flex;
    gap: 24px;
}

.list-meta2.list-price-h .list-price {
    display: flex;
    flex-direction: column;
    text-align: start;
    gap: 4px 0;
    color: var(--light-color);
}

.list-meta2.list-price-h .list-price span {
    font-size: 14px;
    color: #666;
}
.py-header-info .py-ref, .py-header-amount .py-total-label, .py-car-spec, .py-booking-item .py-booking-label ,.py-payment-option-text span {
    font-size: 14px !important}
    .py-user-item label {
    font-size: 14px !important;
}
.listing-style6.pro-block-h3 .list-thumb {
    height: 350px;
}

.listing-style6.pro-block-h3 .list-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

.listing-style6.pro-block-h3 .list-content {
    box-shadow: 0 0 20px rgb(0 0 0 / 8%);
    display: flex;
    flex-direction: column;
    padding-top: 30px;
}

.listing-style6.pro-block-h3 .list-content .list-price {
    /* top: 0; */
    margin: 0;
}

.listing-style6.pro-block-h3 .list-content .list-title,
.listing-style6.pro-block-h3 .list-content .list-text {
    max-width: calc(100% - 100px);
}

.listing-style6.pro-block-h3 .list-content .list-title a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listing-style7 .list-price {
    display: flex;
    gap: 10px;
    width: 100%;
    margin-top: 5px;
}

.product-block-h .list-content .listing-location-details .list-price span span {
    font-size: 14px;
    line-height: 22px;
}

.footer-logo img {
    max-height: 100px;
}

.menu-top-h {
    display: flex;
    justify-content: end;
}

.header-top {
    background: var(--light-color);
    padding: 10px 0;
    border-bottom: 1px solid #c60e1357;
}

header.nav-homepage-style {
    padding: 0;
}

nav.posr {
    padding: 20px 0;
}

header.nav-homepage-style.stricky.stricky-fixed .header-top {
    display: none;
}

.iconbox-style4 .icon img {
    display: inline-block;
}

.iconbox-style4:hover .icon {
    transform: scale(1.2);
}

.banner-block-h:hover img {
    /* transform: scale(1.1); */
}

.feature-style3 .feature-img {
    width: 195px !important;
    height: 195px !important;
}

.product-block-h .list-thumb .text-offer {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 10px;
    background: var(--light-color);
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    font-weight: bold;
    backdrop-filter: blur(18px);
    font-size: 14px;
    font-weight: bold;
}

.cta-img {
    position: relative;
    left: 0;
    right: 0;
}

.cta-img {
    position: relative;
    left: 0;
    right: 0;
}

.footer-style1 .link-list {
    display: flex;
    flex-wrap: wrap;
}

.footer-style1 .link-list a {
    width: 50%;
}

.cta-img {
    position: relative;
    left: 0;
    right: 0;
    height: 450px;
    text-align: end;
}

.footer-style1 .link-list {
    display: flex;
    flex-wrap: wrap;
}

.footer-style1 .link-list a {
    width: 33.33%;
}

.btn-h:hover,
.btn:hover {
    background: var(--light-2-color);
    color: #fff;
}

.header-top .row {
    align-items: center;
    -webkit-align-items: center;
}

.btns-req {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 20px;
}

.btns-req .btn-h {
    font-size: 14px;
    background: var(--light-2-color);
    padding: 6px 15px;
    border-radius: 5px;
}

.btns-req .btn-link {
    color: #fff;
}

.btns-req .btn-h:hover {
    background: #080851;
}

.iconbox-style4:hover {
    background: #fff;
}

.iconbox-style4:hover .icon {
    background-color: rgba(235, 103, 83, 0.07);
}

.iconbox-style4:hover .title,
.iconbox-style4:hover .text,
.iconbox-style4:hover .icon {
    color: #121212;
}

.our-cta.bgc-thm-light .row {
    align-items: center;
    -webkit-align-items: center;
}

.our-cta.bgc-thm-light {
    padding: 30px 0 !important;
}

.cta-img img {
    max-height: 100%;
}

.blog-style1 .blog-img {
    height: 250px;
}

.blog-style1 .blog-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.steps-h {
    background: #f1f1f1;
    padding: 90px 0;
}

.step-block {
    width: 300px;
    height: 300px;
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 40px 0;
}

.step-block::before,
.step-block::after {
    content: "";
    position: absolute;
}

.step-block::before {
    background: #fff;
    border-radius: 50%;
    inset: 0;
    z-index: -2;
}

.step-block .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto 15px;
    background: #f1f1f1;
    border-radius: 50%;
}

.step-block .icon img {
    max-width: 50px;
    max-height: 50px;
    object-fit: contain;
    object-position: center;
}

.step-block .details h3 {
    font-size: 22px;
    margin: 0 0 10px !important;
    color: var(--light-2-color);
    font-weight: bold !important;
    font-size: 18px;
    line-height: 28px;
}

.step-block .details p {
    font-size: 13px;
    max-width: 72%;
    margin: 0 auto;
}

.step-block::after {
    content: url(../images/arrow.webp);
    display: block;
    position: absolute;
    right: -100px;
    top: 62px;
    transform: scaleX(-1);
}

.steps-h .row .col-md-3:nth-child(2) .step-block::after {
    display: none;
}

.steps-h .row .col-md-3 .step-block .icon::after {
    content: counter(section);
    counter-increment: section;
    font-size: 18px;
    font-weight: 700;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    color: white;
    background: var(--light-color);
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 33px;
    top: 6px;
    z-index: 4;
}

.steps-h .row {
    counter-reset: section;
}

.footer-logo {
    display: block;
    max-width: 250px;
}

.footer-widget .social-style1 {
    display: flex;
    text-align: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.footer-widget .social-style1 a i {
    background: #fff;
    color: var(--light-2-color);
    border-radius: 6px;
    font-size: 20px;
}

.footer-widget .app-widget .col-auto {
    /* width: 50%; */
    /* padding: 0; */
}

.footer-widget .app-widget .app-info {
    width: 160px;
    padding: 5px 20px 10px;
    align-items: center !important;
}

.footer-widget .app-widget .app-info .app-text {
    font-size: 10px;
}

.footer-widget .app-widget .app-info i {
    font-size: 25px;
}

.footer-widget .app-widget .app-info .flex-grow-1.mr20 {
    margin: 0 !important;
    padding-inline-start: 14px;
}

.footer-widget .app-widget .app-info .app-title {
    font-size: 14px;
    margin: 0;
}

.breadcumb-section2 {
    height: 300px;
}

.breadcumb-style1 .title {
    color: #fff;
    font-size: 38px !important;
    line-height: 48px;
    /*font-family: 'ar';*/
    margin-bottom: 15px;
}

.breadcumb-style1 .breadcumb-list a {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}

.breadcumb-style1 .breadcumb-list a:first-child:after {
    top: 3px;
}

.breadcumb-section2::before {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 33%;
    background: linear-gradient(to left, #293951, transparent);
}

.about-page {
    padding: 80px 0;
}

.about-img {
    height: 400px;
    overflow: hidden;
    border-radius: 10px;
}

.about-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.about-text {
    max-width: 600px;
}

.about-text h2 {
    font-size: 35px;
    line-height: 50px;
    color: var(--light-2-color);
    font-family: 'ar';
    margin-bottom: 30px;
}

.about-text p {
    font-size: 18px;
    line-height: 35px;
    color: #000;
}

.about-more {
    padding-block: 0 50px;
}

.about-more .why-chose-list {
    margin: 14px 0;
    height: calc(100% - 30px);
    background: #f9f9f9;
    border-radius: 20px;
    padding: 30px;
    transition: all .3s;
}

.about-more .why-chose-list .list-one {
    margin: 0 !important;
}

.about-more .why-chose-list .list-one .list-icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: #f2f2f2;
    transition: all .3s;
}

.about-more .why-chose-list .list-one h6 {
    font-size: 25px;
    font-family: 'ar';
    color: var(--light-2-color);
    margin-bottom: 15px !important;
    line-height: 35px;
}

.about-more .why-chose-list .list-one p {
    font-size: 16px;
    line-height: 26px;
    color: #222;
}

.about-more .row {
    justify-content: center;
}

.about-more .why-chose-list:hover {
    background: var(--light-color);
}
.page-item:first-child .page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.page-item:first-child .page-link {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}
.page-item:last-child .page-link {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}
.page-item:last-child .page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.mbp_pagination .page-link {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    color: var(--headings-color);
    font-family: var(--title-font-family);
    font-weight: 400;
    font-size: 15px;
    height: 40px;
    line-height: 22px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 40px;
}
.table>:not(:first-child) {
    border-top: 2px solid rgb(224 224 224);
}
.cl-pagination .page-link {
    border-radius: 50% !important;}
    .cl-search-bar {
    border-radius: 30px !important;}
.about-more .why-chose-list:hover .list-one .list-icon {
    background: #fff;
    color: var(--light-color);
}

.about-more .why-chose-list:hover .list-one h6,
.about-more .why-chose-list:hover .list-one p {
    color: #fff;
}

header.nav-innerpage-style {
    padding: 0;
}

header.nav-innerpage-style .lang-menu,
header.nav-innerpage-style button {
    color: #151543;
}
.cl-search-bar{border-radius:30px !important;}
header.nav-innerpage-style {
    padding: 0;
}

header.nav-innerpage-style .lang-menu,
header.nav-innerpage-style button {
    color: #151543;
}
.py-pay-btn {
    border-radius: 30px !important;}
.cars-page {
    padding: 80px 0;
}

.cars-sidebar {
    background: #f8f8f8;
    padding: 30px 20px;
}

.cars-sidebar .widget-wrapper {
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px #e6e6e6 solid;
}

.cars-sidebar form .widget-wrapper:nth-child(1) {
    padding-top: 0;
}

.cars-sidebar .widget-wrapper .list-title {
    font-family: 'ar';
    font-size: 14px;
    margin-bottom: 10px;
}

.cars-sidebar .widget-wrapper .search_area .form-control {
    background: #fcfcfc;
    height: 48px;
    padding-block: 3px;
}

.cars-sidebar .widget-wrapper .search_area .form-control::placeholder {
    font-size: 14px;
}

.cars-sidebar .widget-wrapper .search_area label {
    top: 12px;
    right: 14px;
    left: 7px;
    font-size: 15px;
}

.cars-sidebar .widget-wrapper .form-check-label {
    padding-inline-start: 16px;
}

.cars-sidebar .widget-wrapper .custom_checkbox {
    color: #222;
}

.cars-sidebar .widget-wrapper .checkbox-style1 {
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
}

.cars-sidebar .widget-wrapper .range-slider-style1 .slider-range.mt30.mb20 {
    margin: 0 !important;
}

.cars-sidebar .widget-wrapper .range-slider-style1 input.amount,
.cars-sidebar .widget-wrapper .range-slider-style1 input.amount2 {
    width: calc(50% - 16px);
    height: 45px;
}

.cars-sidebar .widget-wrapper .range-slider-style1 .text-center {
    text-align: start !important;
}

.cars-page .product-block-h .list-thumb {
    height: 250px;
}

.cars-page .product-block-h .list-content .list-title a {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.cars-page .product-block-h .list-content .listing-details-group ul li {
    font-size: 14px;
    margin: 4px 0;
}

.cars-page .product-block-h .list-content .listing-location-details {
    margin: 0 0 5px;
    gap: 10px;
}

.cars-page .product-block-h .list-content .listing-location-details .loction-in {
    font-size: 14px;
}

.cars-page .product-block-h .list-content .listing-location-details .list-price span {
    font-size: 8px;
}

.cars-page .product-block-h .list-content .listing-location-details .list-price span strong {
    font-size: 16px;
    margin-bottom: 0;
}

.cars-page .listing-style7 .list-price {
    gap: 6px;
}

.cars-page .product-block-h .list-content .listing-location-details .list-price span i {
    line-height: 7px;
}

.cars-page .product-block-h .list-content .btn-h {
    font-size: 15px;
    padding: 10px;
    border-radius: 6px;
}

.cars-page .product-block-h {
    height: calc(100% - 24px);
}

.cars-page .product-block-h .list-content .listing-details-group ul li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ps-v4-hero-tab .ps-v6-slider img {
    height: 500px;
    object-fit: cover;
    object-position: center;
}

.btn-single .btn {
    padding: 4px 10px;
    color: #fff;
    min-height: 50px;
    border-radius: 9px;
}

.accordion-style1.faq-page .accordion-body {
    padding: 20px 0;
}

.accordion-style1.faq-page .accordion-body p {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
}

.accordion-style1.faq-page {
    max-width: 900px;
    margin: 30px auto !important;
}

.accordion-style1 .accordion-button {
    font-size: 15px;
    padding-inline-start: 0;
    font-family: 'ar';
}

.accordion-style1 .accordion-button:before {
    font-size: 15px;
}

.form-style1 .form-control {
    padding: 10px !important;
    text-align: right;
    width: 100%;
}

.header-mobile {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background: transparent;
    width: 100%;
    display: none;
    flex: 0 1;
}

.header-mobile .item {
    width: 20%;
    flex: 0 0 auto;
    text-align: center;
}

.header-mobile .item a {
    display: flex;
    flex-direction: column;
    text-align: center;
    background: #fff;
    font-size: 9px;
    line-height: 20px;
    color: #999;
    padding: 10px 6px;
    height: 60px;
}

.header-mobile .item.active i {
    width: 45px;
    height: 45px;
    margin: 0 auto;
    margin-top: -35px;
    background: var(--light-color);
    align-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
}

.header-mobile .item.active span {
    /* opacity: 0; */
}

.comp-name {
    display: inline-flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 10px;
}

.comp-name img {
    max-width: 50px;
    position: relative;
    top: 4px;
}

.listing-style7 .list-tag {
    background: gold;
}

.mbp_pagination .page_navigation {
    display: inline-flex;
    width: auto;
}

.locationNow .modal-dialog {
    max-width: 900px;
    padding: 0;
}

.locationNow .modal-dialog .modal-body {
    padding: 0;
    overflow: hidden;
    border-radius: 10px;
}

.locationNow .modal-dialog .modal-content {
    border-radius: 10px;
}

button.btn-close {
    position: absolute;
    left: 0;
    top: 0;
    margin: 10px;
    background-color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.modal-inner .col-md-6:nth-child(1) {
    padding: 100px 40px;
    text-align: center;
}

.modal-inner.row {
    /* margin: 0; */
}

.modal-img {
    height: 100%;
}

.modal-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.modal-inner .title {
    margin-bottom: 30px;
}

.modal-inner .title h3 {
    font-size: 40px;
    font-weight: bold;
    margin: 0;
}

.modal-inner .form-group {
    margin: 20px 0;
}

.modal-inner .form-group select {
    width: 100%;
}

.modal-inner button.btn {
    width: 100%;
    color: #fff;
    font-size: 18px;
}

.slider-video {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.slider-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.slider-video::after {
    content: "";
    position: absolute;
    inset: 0;
background: linear-gradient(to bottom, #0c0c6e 0%, rgb(12 12 110 / 21%) 30%, transparent 60%, rgb(12 12 110) 130%) !important;
}

.banner-block .row {
    padding: 200px 0 180px;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    min-height: 100vh;
}
h2.hm-best-title {
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    margin: 0;
}
.banner-block .inner-banner-style2.text-banner.text-center {
    position: relative;
    text-align: start !important;
    display: block;
}

.banner-block .inner-banner-style2 h1 {
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 30px;
}

.banner-block .inner-banner-style2 p {
    max-width: 500px;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
}

.banner-form-h .row {
    padding: 0 !important;
    min-height: auto;
}

.banner-form-h {
    background: rgb(255 255 255 / 10%);
    backdrop-filter: blur(5px);
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 0 40px rgb(0 0 0 / 20%);
}

.banner-form-h .cars-sidebar {
    background: transparent;
    padding: 0;
    border-radius: 0;
    margin: 0;
}

.banner-form-h .cars-sidebar .widget-wrapper .list-title {
    margin-bottom: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.banner-form-h .widget-wrapper {
    border: none;
    padding: 0;
    margin: 0 0 10px;
}

.banner-form-h div:nth-child(1) .widget-wrapper {
    /* margin-top: 0; */
}

.banner-form-h form div:last-child .widget-wrapper {
    margin: 0;
}

.banner-form-h .cars-sidebar .widget-wrapper .form-control {
    width: 100%;
    max-width: 100%;
    height: 40px;
    border-radius: 5px;
    font-size: 14px;
}

.banner-form-h .cars-sidebar .widget-wrapper .range-slider-style1 input.amount,
.banner-form-h .cars-sidebar .widget-wrapper .range-slider-style1 input.amount2 {
    width: 100%;
}

.banner-form-h .cars-sidebar .widget-wrapper label {
    top: 8px;
}

.banner-form-h .col-md-12 .widget-wrapper {
    margin: 0;
}

.banner-form-h .search_area {
    margin-bottom: 10px;
}

.banner-form-h .col-md-6 .widget-wrapper .search_area {
    margin: 0 !important;
}


.banner-form-h .widget-wrapper .range-slider-style1 input {
    margin: 0;
}

.banner-form-h button.ud-btn.btn-thm {
    height: 40px;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 13px;
    margin-top: 5px;
}

.banner-form-h button.ud-btn.btn-thm .flaticon-search {
    padding: 0 !important;
    margin-inline-end: 5px;
    position: relative;
    top: 2px;
}

.banner-form-h .col-md-12 .widget-wrapper.mb20 {
    margin-bottom: 0 !important;
}

.spcial-new-h .col-md-4:nth-child(odd) {
    margin-inline-end: 33.33333333%;
}

.spcial-img-center {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 360px;
    overflow: hidden;
    width: 30.333333%;
}

.spcial-img-center img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: 10px;
}

.spcial-new-h .iconbox-style4 {
    margin-bottom: 30px !important;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    padding: 20px 30px;
}

.spcial-new-h .iconbox-style4 .icon {
    margin: 0;
    width: 60px !important;
    height: 60px;
    padding: 5px !important;
    align-content: center;
    padding: 0;
    line-height: 45px;
}

.spcial-new-h .iconbox-style4 .icon img {
    max-width: 95%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.spcial-new-h .iconbox-style4 .iconbox-content {
    max-width: calc(100% - 60px);
    padding-inline-start: 15px;
}

/* ===== Available Cars Section ===== */
.available-cars-section {
    background: #F2F5FB;
}

.section-heading {
    margin-bottom: 40px;
}

.section-tag {
    display: inline-block;
    background: rgba(198, 14, 19, 0.08);
    color: var(--light-color);
    font-size: 14px;
    font-weight: 600;
    padding: 6px 20px;
    border-radius: 50px;
    margin-bottom: 12px;
}

.section-heading .section-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--headings-color);
    margin: 0;
}

/* ===== Sponsored Car Card ===== */
.spons-card {
    position: relative;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(0,0,0,0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 10px 0;
}

.spons-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}

/* Image */
.spons-card-img {
    position: relative;
    height: 300px;
    overflow: hidden;
}

.spons-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.spons-card:hover .spons-card-img img {
    transform: scale(1.05);
}

.spons-badge {
position: absolute;
    top: 12px;
    inset-inline-start: 12px;
    padding: 4px 12px;
    border-radius: 30px;
    font-size: 14px;
    letter-spacing: .5px;
    font-weight: 600;
    z-index: 3;
}

.spons-badge.featured {
    background: var(--light-2-color);
    color: #fff;
}

.spons-badge.sponsored {
    background: var(--light-color);
    color: #fff;
    inset-inline-start: auto;
    inset-inline-end: 12px;
}

.spons-fav {
position: absolute;
    top: 52px;
    inset-inline-end: 12px;
    width: 36px;
    height: 36px;
    background: rgb(255 255 255 / 38%);
    backdrop-filter: blur(4px);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    font-size: 16px;
    color: #ffffff;
    transition: all 0.2s ease;
}

.spons-fav:hover {
    background: #fff;
    color: var(--light-color);
}

/* Card Body */
.spons-card-body {
    padding: 15px 15px;
}

.spons-card-header {
    margin-bottom: 8px;
}

.spons-card-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 4px;
    line-height: 1.3;
}

.spons-card-title a {
    color: var(--headings-color);
}

.spons-card-location {
    font-size: 14px;
    color: #777;
    margin: 0;
}

.spons-card-location i {
    /*color: var(--light-color);*/
    margin-inline-end: 4px;
    font-size: 14px;
}

/* Specs Grid */
.spons-specs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
    padding: 0px 0 4px;
    border-top: 0px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 4px;
}

.spons-spec-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.spons-spec-item img {
    width: 18px;
    height: 18px;
    opacity: 0.6;
}

.spons-spec-item span {
    font-size: 14px;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Prices */
.spons-prices {
    display: flex;
    gap: 0;
    margin-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 4px;
}

.spons-price-item {
    flex: 1;
    text-align: center;
    padding: 4px 4px;
    background: #f8f9fc;
    border-radius: 0px;
    margin-inline-end: 4px;
}

.spons-price-item:last-child {
    margin-inline-end: 0;
}

.spons-price-label {
display: block;
    font-size: 13px;
    color: #555;
    margin-bottom: 0px;
    line-height: 1.5;
}

.spons-price-value {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: var(--headings-color);
    font-family: 'borna', sans-serif;
    line-height: 1.2;
    padding-bottom: 2px;
    padding-top: 3px;
}

/* Footer */
.spons-card-footer {
    display: flex;
    justify-content: flex-end;
}

.spons-book-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--light-color);
    color: #fff;
    padding: 10px 24px;
    border-radius: 30px;
    font-size: 15px;
   ;
    transition: all 0.2s ease;
    position: relative;
    z-index: 3;
}

.spons-book-btn:hover {
    background: var(--light-2-color);
    color: #fff;
}

.spons-book-btn i {
    font-size: 14px;
}
.spons-card-footer.spons-card-footer-actions {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
            }
            .spons-card-footer .spons-book-btn {
display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #0e0d6d;
    background: #fff;
    padding: 10px 4px;
            }
            .spons-card-footer .spons-book-btn i {
                color: #de0811;
                font-size: 20px;
                line-height: 1;
            }
            .spons-card-footer .spons-footer-fav {
    width: 40px;
    height: 40px;
    border-radius: 30px;
    background: #eef1f4;
    color: #cbcbcb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
            }
            [dir="rtl"] .spons-card-footer .spons-book-btn i {
    color: #de0811;
    font-size: 15px;
    line-height: 1;
    transform: rotate(180deg);
}
        .hm-cities .hm-cities-head {
            /*max-width: 640px;*/
        }
        .bgc-thm .hm-cities-title ,.hm-cities .hm-cities-title {
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    margin: 0;
        }
       html[dir="ltr"] .spons-card {
    direction: ltr;
}
       .owl-carousel .owl-item .spons-spec-item img {
    width: 18px;
} 
        .hm-thm .hm-cities-divider ,.hm-cities .hm-cities-divider {
            margin-top: 14px;
            margin-bottom: 14px;
            max-width: 520px;
        }
        section.banners-h.pt40.pb40 {
    background-color: #fff0;
    background-image: linear-gradient(118deg, #f2f5fb 64%, #c60e13 44%);
}
.hm-cities-divider {
    display: block;
    width: 195px;
    height: auto;
    -webkit-filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(5200%) hue-rotate(231deg) brightness(0.92) contrast(1.08);
    filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(5200%) hue-rotate(231deg) brightness(5.82) contrast(12.08);
}
html[dir="rtl"] .hm-cities-divider img {
    transform: scaleX(-1);
}
html[dir="rtl"] .hm-brands-divider img {
    transform: scaleX(-1);
}
        .hm-cities .hm-cities-divider img {
    display: block;
    width: 195px;
    height: auto;
    -webkit-filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(5200%) hue-rotate(231deg) brightness(0.92) contrast(1.08);
    filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(5200%) hue-rotate(231deg) brightness(5.82) contrast(12.08);
        }
        html[dir="rtl"] .hm-cities .hm-cities-divider img {
            transform: scaleX(-1);
        }
        .hm-cities .hm-cities-btn {
            white-space: nowrap;
        }
        @media (max-width: 991.98px) {
            .hm-cities .hm-cities-btn {
                width: 100%;
                text-align: center;
            }
        }
            .spons-card-footer .spons-footer-fav:hover {
                  color: #fcfcff;
    background: #c60e13;
            }
[dir="rtl"] .spons-book-btn i {
    transform: rotate(0deg);
}

.btn {
    color: #fff;
}

.form-style1 imgs {
    width: 70px !important;
    height: 60px !important;
    object-fit: contain;
    object-position: center;
    border: 2px solid #eee;
    padding: 4px;
    border-radius: 5px;
    margin: 10px 0;
}

.file-upload-group.form-control {
    position: relative;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    padding-inline-end: 10px;
}

.file-upload-group.form-control .file-uploadH {
    position: absolute;
    inset: 0;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
}

.file-upload-group.form-control .for-sm-input-file {
    margin: 0;
    min-width: 100px;
    display: inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    background: var(--headings-color);
    border-radius: 50px;
    min-height: 25.58px;
    color: #fff;
    font-size: 17.8px;
    height: 31.58px;
    font-weight: 460;
    font-size: 13.8px;
    line-height: 13.73px;
    padding: 0 0 4px;
    font-weight: bold;
}

.btn-dark {
    background-color: var(--light-color);
    border: 1px solid var(--light-color);
    color: #ffffff;
    border-radius: 50px;
    padding: 10px 20px;
}

.single-imgs-h .mySwiper2 {
    margin-bottom: 10px;
}

.single-imgs-h .mySwiper2 img {
    height: 500px;
    /* width: 100%; */
    /* object-fit: contain; */
    object-position: center;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.swiper-button-next,
.swiper-button-prev {
    color: #ccc;
}

.single-imgs-h .mySwiper img {
    height: 80px;
    width: 100%;
    object-fit: cover;
    object-position: revert;
    border-radius: 5px;
    transition: all .4s;
    border: 2px transparent solid;
    opacity: .6;
}

.single-imgs-h .mySwiper .swiper-slide-thumb-active img {
    border-color: var(--light-color);
    opacity: 1;
}

.spcial-new-h .iconbox-style4 .icon {
    /* background: transparent; */
    /* position: absolute; */
    /* left: 0; */
    /* margin: 14px; */
    /* padding: 0; */
    /* transform: scale(1.5); */
    /* opacity: 0.5; */
    /* display: none; */
}

.spcial-new-h .iconbox-style4 {
    overflow: hidden;
    padding: 25px;
    background: linear-gradient(226deg, #c60e130f, transparent);
    max-width: 90%;
    margin: 0 auto;
}

.spcial-new-h .iconbox-style4 .iconbox-content {
    padding-inline-start: 20px;
    /* padding-inline-end: 20px; */
}

.spcial-new-h .iconbox-style4 .iconbox-content .title {
    font-size: 17px;
}

.feature-style2:hover img {
    transform: none;
}

span.toggle-password {
    position: absolute;
    left: 0;
    top: 30px;
    margin: 20px 20px;
}

.form-group {
    position: relative;
}

.listing-style7 .list-meta a:hover {
    background: var(--light-color);
}

.listing-style7 .list-meta {
    right: 0;
    left: 0;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
}

.listing-style7 .list-meta {
    z-index: 3;
}

.property-city-slider .feature-style3 .feature-img img {
    object-fit: contain;
}

.pe-2 {
    padding-inline-end: .5rem !important;
}

.me-2 {
    margin: 0 !important;
    margin-inline-start: .5rem !important;
}

.list-news-style .list-meta a {
    margin: 0 2px !important;
    font-size: 14px;
}

.list-news-style .news-img {
    height: 100px;
    width: 100px;
}

.list-news-style .news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.whatsappIcon {
    position: fixed;
    width: 60px;
    height: 60px;
    line-height: 60px;
    bottom: 0;
    left: 0;
    margin: 30px;
    z-index: 9;
    background: #25D366;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    display: inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
}

.iconbox-content h6 {
    display: table;
    direction: ltr;
    margin: 0 auto;
}

.spcial-new-h .col-md-4:nth-child(odd) .iconbox-style4 {
    flex-direction: row-reverse;
}

.spcial-new-h .col-md-4:nth-child(odd) .iconbox-style4 .iconbox-content {
    padding-inline-start: 0;
    padding-inline-end: 20px;
}

.rental-term {
    display: flex;
}

.rental-term .icon {
    font-size: 20px;
    color: var(--light-color);
    width: 22px;
}

.rental-term .details {
    width: clac(100% - 22px);
    padding-inline-start: 20px;
}

.branch-block-h {
    text-align: start !important;
    display: flex;
    align-items: center;
    padding: 20px;
    border: 1px #eee solid;
}

.branch-block-h .icon {
    margin: 0;
    width: 200px;
}

.branch-block-h .iconbox-content {
    max-width: calc(100% - 200px);
    padding-inline-start: 20px;
}

.branch-block-h .iconbox-content h6 {
    margin: 0;
}

.form-check label {
    display: block;
    position: relative;
}

.form-check label a {
    display: inline-block;
}

.feature-style2 .feature-img {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
}

.fa-regular, .far, .fa-light, .fal {
    font-weight: bold !important;
}

.spcial-new-h .iconbox-style4 .iconbox-content .title {
    white-space: normal;
}

.ud-btn {
    padding: 6px 30px !important;
    border-radius: 30px;
    justify-content: center;
    text-align: center;
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    -webkit-align-items: center;
    margin: 0 !important;
    box-shadow: 0 0px 6px rgb(0 0 0 / 13%);
}

.ud-btn i.fal.fa-arrow-right-long {
    display: none;
}

@media (max-width: 991px) {
    .advance-content-style2 {
        border-radius: 20px;
    }

    .advance-style2 {
        margin-top: 20px !important;
    }

    .advance-search-field .box-search input {
        border-bottom: 1px solid #DDDDDD;
        border-radius: 0;
    }

    .advance-content-style2 .advance-search-field {
        border: none;
        border-bottom: 1px solid #DDDDDD;
    }

    .advance-content-style2 .bootselect-multiselect .btn {
        border: none !important;
        border-bottom: 1px solid #DDDDDD !important;
        border-radius: 0;
    }

    .advance-content-style2 .bdrr1 {
        border: none;
    }

    .advance-content-style2 .advance-search-icon {
        width: 100%;
        border-radius: 5px;
        margin: 10px 0 !important;
    }

    .home2-hero-banner {
        height: 341px;
    }

    .home-banner-style2+section.pb90.pb30-md {
        padding: 0 !important;
    }

    .home-banner-style2 .home-style2 {
        /* height: 400px; */
    }

    .iconbox-style4 {
        /* margin: 0; */
        padding: 15px 15px 20px;
    }

    .main-title2 {
        margin-bottom: 4px;
    }

    .main-title .title,
    .main-title2 .title {
        font-size: 18px;
    }

    .ud-btn2 {
        font-size: 14px;
        line-height: 22px;
    }

    .feature-style2 {
        padding: 6px;
        margin-bottom: 0px !important;
    }

    .feature-style2 .feature-content {
        margin-top: 5px;
    }

    .feature-style2 .feature-content .title {
        font-size: 14px;
        line-height: 24px;
    }

    .feature-style2 .feature-content .text {
        margin: 2px 0;
        font-size: 10px;
    }

    .cities-pagination .swiper-pagination-bullet {
        height: 3px;
        border-radius: 50px;
        margin: 0 2px !important;
        width: 16px;
    }

    .cities-pagination {
        margin-top: 10px;
    }

    section.pb40-md.pb40.pt0-md.pt0 {
        padding: 30px 0 !important;
    }

    .banners-h {
        padding: 0 !important;
    }

    .banner-block-h {
        height: auto;
        margin: 10px 0;
    }

    section.pb50.pt50.pb30-md.bgc-white {
        padding: 20px 0 !important;
    }

    .feature-style3 .feature-img {
        width: 100px !important;
        height: 100px !important;
    }

    .feature-style3 .feature-content.pt25 {
        padding-top: 8px !important;
    }

    .feature-style3 .feature-content .title {
        font-size: 14px;
        line-height: 24px;
        margin: 0 !important;
    }

    .feature-style3 .feature-content.pt25 p {
        font-size: 10px;
        line-height: 20px;
    }

    .vam_nav_style.owl-theme .owl-nav button.owl-prev,
    .vam_nav_style.owl-theme .owl-nav button.owl-next {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin: 0 5px;
    }

    .feature-style3.mb30 {
        margin: 0 !important;
    }

    .big-banner-car-h {
        padding: 30px 0;
    }

    .big-banner-text p {
        font-size: 14px;
        line-height: 24px;
    }

    .big-banner-text h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .big-banner-img {
        margin-bottom: -66px;
    }

    section.bgc-thm.pb50.pb40-md.pt200.pt40-md {
        padding: 70px 0 10px !important;
    }

    section.bgc-thm.pb50.pb40-md.pt200.pt40-md .main-title2 {
        margin-bottom: 30px;
    }

    .product-block-h {
        padding: 5px;
        border-radius: 5px;
        margin: 0;
    }

    .product-block-h .list-thumb,
    .cars-page .product-block-h .list-thumb {
        height: 140px;
        border-radius: 30px;
    }

    .product-block-h .list-thumb .text-offer {
        font-size: 8px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin: 5px;
    }

    .listing-style7 .list-tag2 {
        left: 55px;
        top: 5px;
        padding: 1px 10px;
        font-size: 8px;
        min-height: auto;
        line-height: 19px;
    }

    .listing-style7 .list-tag {
        left: 5px;
        top: 5px;
        padding: 1px 10px;
        font-size: 8px;
        line-height: 19px;
    }

    .product-block-h .list-thumb .img-small {
        width: 30px;
        height: 30px;
        margin: 5px;
    }

    .product-block-h .list-content {
        padding-block-start: 5px;
    }

    .product-block-h .list-content .list-title {
        font-size: 15px;
        line-height: 25px;
    }

    .product-block-h .list-content .listing-details-group ul li,
    .cars-page .product-block-h .list-content .listing-details-group ul li {
        font-size: 5px;
        line-height: 18px;
        gap: 5px;
        margin-block: 1px;
        width: 50%;
    }

    .owl-carousel .owl-item img {}

    .product-block-h .list-content .listing-details-group ul li span {
        width: 10px;
    }

    .product-block-h .list-content .listing-details-group ul {
        margin: 0;
    }

    .product-block-h .list-content .listing-location-details {
        display: none;
        flex-direction: column;
        padding: 8px 8px 14px;
        margin: 0;
    }

    .product-block-h .list-content .listing-location-details .loction-in {
        gap: 4px;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 6px;
    }

    .product-block-h .list-content .listing-location-details .loction-in i {
        position: relative;
        top: 3px;
    }

    .listing-style7 .list-price {
        justify-content: space-between;
    }

    .product-block-h .list-content .listing-location-details .list-price span {
        font-size: 8px;
        line-height: 18px;
    }

    .product-block-h .list-content .listing-location-details .list-price span strong {
        font-size: 14px;
        line-height: 14px;
        margin: 0;
    }

    .product-block-h .list-content .listing-location-details .list-price span span {
        font-size: 9px;
        line-height: 9px;
    }

    .product-block-h .list-content .listing-location-details .list-price span i {
        line-height: 11px;
    }

    .btn-h {
        font-size: 14px;
        min-height: auto;
        padding: 8px;
        border-radius: 30px;
    }

    .our-testimonial {
        padding: 30px 0 !important;
    }

    .listing-style11 {
        padding: 15px;
        margin: 0;
    }

    .listing-style11 .list-content {
        padding: 0 5px;
        margin: 0 !important;
    }

    .listing-style11 .list-content .d-flex.mb30 {
        margin-bottom: 10px !important;
        align-items: center;
        margin: 0 !important;
    }

    .listing-style11 .list-title a {
        font-size: 14px;
        line-height: 24px;
        display: block;
    }

    .listing-style11 .list-meta {
        margin: 5px 0 0 !important;
        display: flex !important;
        flex-wrap: wrap;
    }

    .listing-style11 .list-meta a span {
        width: 15px;
        line-height: 11px;
        height: 15px;
        margin-inline-end: 5px;
        background: transparent;
    }

    .listing-style11 .list-meta a span img {
        max-width: 12px;
        max-height: 12px;
    }

    .listing-style11 .list-meta a p {
        font-size: 14px;
        line-height: 22px;
        width: calc(100% - 20px);
    }

    .listing-style11 .list-meta a {
        margin: 0 0 6px !important;
        width: 33.33%;
        padding-inline-end: 10px;
    }

    .listing-style11 .contact-info p {
        font-size: 14px;
        line-height: 16px;
        margin: 0 !important;
    }

    .listing-style11 .contact-info a {
        font-size: 14px;
        line-height: 12px;
        display: inline-block;
    }

    h6.info-phone {
        margin: 0;
    }

    h6.info-mail {
        margin: 0;
    }

    .list-meta2.list-price-h .list-price {
        font-size: 13px;
    }

    .list-meta2.list-price-h .list-price span {
        font-size: 10px;
    }

    .listing-style11 .list-content .list-meta2 .icons {
        margin-top: 10px;
    }

    .listing-style11 .list-meta2 a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .list-thumb.col-lg-6.col-xl-6.offset-xl-1.p-xl-0 {
        /* display: none; */
        margin-bottom: 15px;
    }

    .home6-listing-single-slider.owl-theme .owl-nav {
        display: none;
    }

    .home6-listing-single-slider.owl-theme .owl-dots {
        right: 0;
        left: 0;
        width: auto;
    }

    .navi_pagi_top_right.owl-theme .owl-nav {
        display: none;
    }

    .navi_pagi_top_right.owl-theme .owl-dots {
        right: 0;
        left: 0;
        text-align: center;
        width: 100%;
    }

    .listing-style6.pro-block-h3 {
        margin: 0;
    }

    .steps-h {
        padding: 40px 0;
        display: none;
    }

    .step-block {
        width: 200px;
        height: 200px;
    }

    section.pt45.pb-0.bg-h .col-sm-6.col-lg-4.col-xl-2 {
        width: 50%;
    }

    .funfact_one.text-center {
        margin: 5px 0;
    }

    .funfact_one .icon {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }

    .funfact_one .icon img {
        max-width: 30px;
        max-height: 30px;
    }

    .funfact_one .timer,
    .funfact_one span {
        font-size: 20px;
        line-height: 30px;
    }

    .bg-h .text {
        font-size: 10px;
    }

    .header-mobile {
        display: flex;
        /* box-shadow: 0 0 20px rgb(0 0 0 / 20%); */
    }

    .home2-hero-banner .home-slider .item {
        position: relative;
    }

    .inner-banner-style2.text-banner.text-center h2 {
        animation: none !important;
        opacity: 1 !important;
    }

    .home2-hero-banner .home-slider img {
        object-position: right center;
    }

    .home-slider .owl-nav {
        display: none;
    }

    .iconbox-style4 .icon {
        width: 65px !important;
        height: 65px;
        line-height: 35px;
        padding: 10px;
        margin-bottom: 8px;
    }

    .iconbox-style4 .title {
        margin: 0;
        font-size: 14px;
        line-height: 22px;
    }

    .mobile_logo img {
        width: auto;
        max-width: 200px;
    }

    .product-block-h .list-content .list-title a,
    .cars-page .product-block-h .list-content .list-title a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        font-size: 14px;
        line-height: 22px;
    }

    .product-block-h .list-content .listing-details-group ul li p {
        width: calc(100% - 10px);
        font-size: 8px;
    }

    .product-block-h .list-content .btn-h,
    .cars-page .product-block-h .list-content .btn-h {
        min-height: auto;
        height: auto;
        padding: 2px;
        font-size: 10px;
    }

    .listing-style7 .list-tag .me-2 {
        margin: 0 !important;
        margin-inline-end: 3px !important;
        position: relative;
        top: 2px;
    }

    .listing-style11 .list-tag {
        font-size: 9px;
        margin-inline-end: 5px;
        line-height: 20px;
        height: auto;
        min-height: auto;
        padding: 2px 10px 4px;
    }

    .listing-style11 .list-tag2 {
        font-size: 9px;
        line-height: 20px;
        height: auto;
        min-height: auto;
        padding: 2px 10px 4px;
    }

    .listing-style11 .list-tag .me-2 {
        margin: 0 !important;
        margin-inline-end: 2px !important;
        position: relative;
        top: 2px;
    }

    .listing-style11 .list-title {
        margin: 4px 0;
    }

    .list-meta2.list-price-h {
        display: none;
    }

    .listing-style11 .mb20 {
        margin-bottom: 4px !important;
        display: none;
    }

    .listing-style11 .justify-content-between {
        justify-content: start !important;
    }

    .listing-style6.pro-block-h3 .list-thumb img {
        object-fit: cover;
    }

    .listing-style6.pro-block-h3 .list-thumb {
        height: 220px;
        border-radius: 5px;
    }

    .listing-style6 .list-tag,
    .listing-style6 .list-tag2 {
        font-size: 8px;
        line-height: 18px;
        left: 5px;
        top: 5px;
        padding: 2px 8px;
        border-radius: 2px;
    }

    .listing-style6 .list-tag2 {
        left: 55px;
    }

    .listing-style6.pro-block-h3 .list-content {
        padding: 10px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        justify-content: space-between;
        min-height: 60px;
        border-radius: 5px;
    }

    .listing-style6.pro-block-h3 .list-content .list-price {
        font-size: 10px;
        padding: 5px;
        min-height: auto;
        height: auto;
        line-height: 15px;
        text-align: center;
        border-radius: 2px;
        margin-bottom: 2px !important;
    }

    .listing-style6.pro-block-h3 .list-content .list-title,
    .listing-style6.pro-block-h3 .list-content .list-text {
        max-width: 100%;
        font-size: 10px;
        line-height: 20px;
        margin: 0;
    }

    .listing-style6.pro-block-h3 .list-content .list-text {
        display: none;
    }

    .blogs-h .col-sm-6.col-lg-3 {
        width: 50%;
    }

    .blogs-h .col-sm-6.col-lg-3:nth-child(odd) {
        padding-inline-end: 5px;
    }

    .blogs-h .col-sm-6.col-lg-3:nth-child(even) {
        padding-inline-start: 5px;
    }

    .blog-style1 {
        margin: 0;
    }

    .blog-style1 .blog-img {
        height: 130px;
        border-radius: 5px;
    }

    .blog-style1 .blog-content {
        padding: 20px 0 0;
    }

    .blog-style1 .date {
        width: 45px;
        height: 50px;
        border-radius: 30px;
        padding: 1px 0;
        top: -29px;
    }

    .blog-style1 .month {
        font-size: 10px;
        line-height: 14px;
        display: inline-block;
    }

    .blog-style1 .day {
        font-size: 15px;
        line-height: 15px;
    }

    .blog-style1 .blog-content .title a {
        font-size: 14px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 22px;
    }

    .blogs-h {
        padding: 30px 0 !important;
    }

    .btn-thm {
        padding: 7px 10px;
        font-size: 11px;
        border-radius: 5px;
    }

    .ud-btn i {
        font-size: inherit;
        margin-inline-start: 5px;
    }

    .cta-style3 .cta-text {
        margin: 0 0 10px !important;
        font-size: 14px;
        line-height: 22px;
    }

    .cta-style3 .cta-title {
        font-size: 18px;
        line-height: 28px;
    }

    .footer-style1 .container {
        display: none;
    }

    .footer-style1 {
        background: transparent;
    }

    .header-top {
        display: none;
    }

    header.posr.menu_bdrt1 {
        display: none;
    }

    .dashboard__main {
        padding: 0;
    }

    .dashboard__content.property-page {
        padding: 25px 15px;
    }

    .dashboard_navigationbar {
        margin: 0 !important;
    }

    .dashboard_navigationbar button.dropbtn {
        margin: 0;
    }

    .statistics_funfact {
        margin-bottom: 15px;
    }

    footer.dashboard_footer {
        padding: 10px 0 30px !important;
    }

    footer.dashboard_footer p {
        margin: 0 !important;
    }

    .dashboard_navigationbar .dropdown-content li a {
        padding: 10px 35px;
    }

    .dashboard_navigationbar .show {
        padding: 0 20px;
        border-radius: 0;
    }

    .dashboard_navigationbar .dropdown-content a i {
        margin: 0 !important;
        margin-inline-end: 10px !important;
    }

    .dashboard_navigationbar .dropdown-content a {
        padding: 10px 12px;
    }

    .table-style3 .t-head th {
        padding: 10px;
        font-size: 11px;
        vertical-align: middle;
    }

    .table-style3 tr td {
        padding: 10px;
        font-size: 14px;
    }

    .table-style3.table {
        margin: 0;
    }

    .btn {
        color: #fff;
        font-size: 14px;
        min-height: auto;
        height: auto;
        border-radius: 5px;
        padding: 6px;
    }

    .ud-btn {
        font-size: 14px;
        width: 100%;
        border-radius: 5px;
        padding: 10px;
    }

    a.filter-btn-left.mobile-filter-btn.d-block.d-lg-none {}

    .breadcumb-style1 .filter-btn-left {
        display: none !important;
    }

    .breadcumb-section2 {
        height: auto;
        padding: 40px 0 !important;
    }

    .breadcumb-style1 .title {
        font-size: 22px !important;
        line-height: 32px;
        margin-bottom: 10px;
    }

    .breadcumb-style1 .breadcumb-list a {
        font-size: 14px;
    }

    .login-page .log-reg-form {
        padding: 20px;
    }

    .about-page {
        padding: 40px 0;
    }

    .about-img {
        height: 200px;
        margin-bottom: 12px;
        border-radius: 5px;
    }

    .about-text h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .about-text p {
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 10px !important;
    }

    .about-more .why-chose-list {
        height: calc(100% - 10px);
        margin: 5px 0;
        padding: 15px;
        border-radius: 10px;
    }

    .about-more .why-chose-list .list-one .list-icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-bottom: 8px !important;
        font-size: 18px;
    }

    .about-more .why-chose-list .list-one h6 {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 5px !important;
    }

    .about-more .why-chose-list .list-one p {
        font-size: 10px;
        line-height: 20px;
        max-height: 70px;
        overflow: hidden;
        overflow-y: auto;
    }

    .about-more .col-sm-4,
    .about-more .col-sm-6 {
        width: 50%;
    }

    .about-more .col-sm-4:nth-child(odd) {
        padding-inline-end: 5px;
    }

    .about-more .col-sm-4:nth-child(even) {
        padding-inline-start: 5px;
    }

    .about-more {
        padding-block: 0 30px;
    }

    .cars-page {
        padding: 30px 0;
    }

    .cars-page .col-sm-6.col-lg-4 {
        width: 50%;
    }

    .cars-page .col-sm-6.col-lg-4:nth-child(odd) {
        padding-inline-end: 5px;
    }

    .cars-page .col-sm-6.col-lg-4:nth-child(even) {
        padding-inline-start: 5px;
    }

    .cars-page .product-block-h {
        margin: 5px 0;
        height: calc(100% - 10px);
    }

    .single-car-content {
        margin-bottom: 10px !important;
    }

    .single-car-content .sp-lg-title {
        font-size: 18px;
        line-height: 28px;
    }

    .single-car-content.mb30-md p {
        font-size: 10px;
        margin-inline-end: 5px !important;
        padding-inline-end: 5px !important;
    }

    .single-car-content .pd-meta.mb15 {
        margin-bottom: 10px !important;
    }

    .single-car-content.single-car-btn {
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .btn-single .btn {
        min-height: auto;
        min-width: auto;
        padding: 5px 30px;
        border-radius: 5px;
    }

    .car-action .price {
        font-size: 18px;
        font-weight: bold !important;
    }

    .car-action .text {
        font-size: 10px;
    }

    .ps-v4-hero-tab .ps-v6-slider img {
        height: 185px;
        border-radius: 5px;
    }

    .ps-v4-hero-tab .nav-link {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
    }

    .ps-v4-hero-tab .nav-pills {
        right: 10px;
        top: 10px;
    }

    .ps-widget .title {
        font-size: 16px;
        margin-bottom: 14px !important;
    }

    .ps-widget .text {
        font-size: 14px;
        line-height: 22px;
    }

    .ps-widget {
        margin-bottom: 10px !important;
    }

    .rental-term h5 {
        font-size: 13px;
        line-height: 23px;
    }

    .rental-term p {
        font-size: 14px;
        line-height: 22px;
    }

    .ps-widget .col-sm-6.col-md-4 {
        width: 50%;
    }

    .ps-widget .col-sm-6 {
        width: 50%;
        margin-bottom: 5px !important;
    }

    .car-feature .details h5 {
        font-size: 13px;
        line-height: 23px;
    }

    .car-feature .details p {
        font-size: 14px;
        line-height: 22px;
    }

    .ps-widget .ps-widget {
        margin: 0 !important;
    }

    .map-page .col-sm-6 {
        width: 50%;
        margin: 5px 0;
    }

    .map-page .col-sm-6:nth-child(odd) {
        padding-inline-end: 5px;
    }

    .map-page .col-sm-6:nth-child(even) {
        padding-inline-start: 5px;
    }

    .half_map_area_content>h3 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 15px !important;
    }

    .half_map_area_content {
        height: auto;
        overflow: visible;
        padding: 0;
    }

    .half_map_area {
        display: none;
    }

    .mbp_pagination .page-link {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
    }

    .mbp_pagination .page_navigation {
        margin: 20px 0 0;
    }

    .brands-page .col-md-3.md-sm-6.col-sm-12 {
        width: 50%;
        margin: 10px 0;
    }

    .cars-page .d-none.d-lg-block {
        display: block !important;
    }

    .modal-img {
        display: none;
    }

    .modal-inner .col-md-6:nth-child(1) {
        padding: 50px 40px;
    }

    .modal-inner .title h3 {
        font-size: 25px;
    }

    .modal-inner button.btn {
        font-size: 14px;
    }

    .mm-navbar {
        display: none;
    }

    .sidebar-logo {
        position: relative;
        /* height: 77px; */
        --mm-panel-child-offset: none;
        --mm-panel-parent-offset: none;
    }

    .mm-panels .sidebar-btns {
        position: relative;
        --mm-panel-child-offset: none;
        --mm-panel-parent-offset: none;
        /* padding: 20px; */
        /* background: var(--light-2-color); */
    }

    .mm-panels .mm-panel {
        position: relative;
        --mm-panel-child-offset: none;
        --mm-panel-parent-offset: none;
        gap: 0;
    }

    .sidebar-logo .mobile_logo {
        display: block;
        text-align: center;
        padding: 20px;
    }

    .mm-panels .sidebar-btns .mm-navbar {
        display: none;
    }

    .mm-panels .sidebar-btns .btns-req .btn-h,
    .mm-panels .sidebar-btns .btns-req .btn-link {
        min-width: auto;
        width: calc(50% - 5px);
        padding: 5px 10px;
        color: #fff;
        min-height: 40px;
        font-size: 14px;
        text-align: center;
        font-weight: bold;
    }

    .mm-panels .sidebar-btns .btns-req .btn-h {
        background: var(--light-color);
    }

    .mm-panels .sidebar-btns .btns-req {
        gap: 6px;
        padding: 10px 20px;
        background: var(--light-2-color);
        justify-content: center;
    }

    .mm-panels .mm-panel::after {
        height: 0;
    }

    .sidebar-btns .menu-top-h {
        padding: 17px 10px;
        justify-content: space-between;
    }

    .sidebar-btns .menu-top-h button {
        font-size: 14px;
        gap: 7px;
    }

    .sidebar-btns .menu-top-h button i.fa.fa-dollar {
        display: none;
    }

    li.px-3.mobile-menu-btn.mm-listitem {
        display: none;
    }

    .banners-h .row {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }

    .banners-h .row .col-md-6 {
        width: 80%;
        display: inline-block;
        padding-inline-end: 0;
    }

    .listing-style11 .row.align-items-center {
        flex-direction: column-reverse;
    }

    .listing-style11 .list-thumb .img-1 {
        height: 120px;
        object-fit: cover;
        object-position: center;
    }

    .header-mobile .item a span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .listing-style7 .list-meta {
        transform: translateY(0px);
        right: 0;
        left: 0;
        justify-content: center;
        display: flex;
        gap: 5px;
    }

    .listing-style7 .list-meta a {
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
    }

    .header-mobile .item.active a {
        background: url(../images/bg-menu.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: bottom center;
    }

    .banner-block .inner-banner-style2.text-banner.text-center {
        margin-bottom: 40px;
    }

    .banner-block .row {
        padding: 50px 0;
        min-height: auto;
    }

    .banner-block .inner-banner-style2 h1 {
        font-size: 22px;
        line-height: 32px;
    }

    .banner-block .inner-banner-style2 p {
        font-size: 15px;
        line-height: 25px;
    }

    .spcial-new-h .row .spcial-img-center {
        display: none !important;
    }

    .spcial-new-h .row {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }

    .spcial-new-h .row .col-md-4 {
        display: inline-block;
        margin: 0;
        max-width: 75%;
        padding-inline-end: 0;
    }

    .spcial-new-h .row .col-md-4:nth-last-child(2) {
        padding-inline-end: 10px;
    }

    .spons-card-img {
        height: 180px;
    }

    .spons-specs {
        grid-template-columns: repeat(2, 1fr);
    }

    .spons-price-value {
        font-size: 14px;
    }

    .section-heading .section-title {
        font-size: 24px;
    }

    .single-imgs-h .mySwiper2 img {
        height: auto;
        max-height: 300px;
    }

    .single-imgs-h .mySwiper img {
        height: 50px;
    }

    .spons-card-body {
        padding: 14px 16px;
    }

    .spcial-new-h .iconbox-style4 {
        padding: 20px;
    }

    .spcial-new-h .iconbox-style4 .icon {
        margin: 0;
    }

    .spcial-new-h .iconbox-style4 .iconbox-content .title {
        font-size: 14px;
        overflow-wrap: anywhere;
    }

    .listing-style7 .list-meta {
        z-index: 3;
    }

    .lang-menu .sub-lang,
    .city-menu .sub-city {
        right: 0;
        left: 0;
        top: 45px;
        box-shadow: 0 0 30px rgb(212 212 212 / 47%);
    }

    .city-menu .sub-city {
        left: 0;
        right: auto;
    }

    .lang-menu:last-child .sub-lang {
        right: auto;
    }

    .whatsappIcon {
        margin: 30px 15px 75px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 23px;
    }

    .banner-form-h .cars-sidebar .widget-wrapper .list-title {
        margin: 10px 0;
    }

    .banner-form-h {
        padding: 20px 25px 30px;
    }

    .banner-form-h .col-md-6 .widget-wrapper .search_area {
        margin: 5px 0 !important;
    }

    .booking-inner {
        padding: 20px;
        border-radius: 14px;
        margin: 0 0 20px;
    }

    .booking-title .title h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .checkout-modal-details {}

    .booking-title {
        margin-bottom: 10px;
    }

    .product-checkout-details {
        display: block;
    }

    .product-checkout-details .img {
        width: 100px;
        height: 100px;
    }

    .checkout-modal-title {
        margin-bottom: 20px;
    }

    .checkout-modal-title h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .product-checkout-details .details {
        width: 100%;
        padding: 20px 0 0;
    }

    .product-checkout-details .details h3 {
        font-size: 16px;
        line-height: 26px;
    }

    .product-checkout-details .details ul {
        padding: 0;
    }

    .product-checkout-details .details ul li {
        width: 50%;
        margin: 10px 0 !important;
        font-size: 14px;
        line-height: 22px;
    }

    .rooms-details .rooms-flex {
        padding: 0;
    }

    .rooms-details {
        margin: 20px 0;
    }

    .rooms-details .rooms-flex li {
        width: 50%;
        font-size: 14px;
        line-height: 20px;
        margin: 5px 0;
    }

    .policy-text {
        margin-top: 20px;
    }

    .checkout-modal-title h3 {}

    .policy-text p {
        font-size: 14px;
        line-height: 22px;
        margin: 10px 0;
    }

    .booking-sidebar .item {
        padding: 20px;
        border-radius: 15px;
    }

    .booking-sidebar .item .form-group label {
        /* font-size: 14px; */
        line-height: 22px;
    }

    .form-control {
        height: 45px;
        font-size: 14px;
    }

    .booking-sidebar .item .form-group .btn {
        width: 100%;
    }

    .sidebar-btns {
        gap: 0;
    }

    .city-menu {
        margin: 0 10px;
    }

    .mm-menu--position-left,
    .mm-menu--position-left-front,
    .mm-menu--position-right,
    .mm-menu--position-right-front {
        width: 90%;
    }

    .branch-block-h {
    display: block;
    text-align: center !important;
}

.branch-block-h .icon {
    margin: 0 auto;
}

.branch-block-h .iconbox-content {
    max-width: 100%;
    padding: 20px 0 0;
}

.branch-block-h .iconbox-content h6 {
    margin: 0 auto;
}

}

/* input#startDate {
    margin-left: 10px;
} */

.phone-dir{
    direction: ltr;
}

.icon i.far.fa-heart {
    font-size: 20px;
}
.icon i.fas.fa-heart.text-danger{
    font-size: 20px;
}

.form-check .form-check-input {
    float: left !important;
}

.mb25.form-group.form-check {
    display: flex;
    align-items: center;
    gap: 10px;
}

 .date-range-container {
            position: relative;
        }

        .date-range-input {
            cursor: pointer;
            background-color: white !important;
        }

        .date-range-input:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            border-color: #80bdff;
        }

        /* RTL support for Arabic */
        [dir="rtl"] .daterangepicker {
            direction: rtl;
        }

        [dir="rtl"] .daterangepicker .calendar-table {
            direction: rtl;
        }

        /* Custom styling for the date range picker */
        .daterangepicker {
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            border: 1px solid #e0e0e0;
        }

        .daterangepicker .calendar-table {
            border: none;
        }

        .daterangepicker td.active,
        .daterangepicker td.active:hover {
            background-color: #007bff;
            border-color: #007bff;
        }

        .daterangepicker td.in-range {
            background-color: #e3f2fd;
            color: #333;
        }

        .daterangepicker .ranges li.active {
            background-color: #007bff;
            color: white;
        }

        /* Mobile responsive */
        @media (max-width: 768px) {
            .daterangepicker {
                width: 100% !important;
                left: 0 !important;
                right: 0 !important;
            }
        }

/* ============================================
   NEW HEADER DESIGN - No top bar, transparent overlay
   ============================================ */

/* Remove old header-top */
.header-top {
    display: none !important;
}

/* Header overlays the slider */
header.nav-homepage-style {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: transparent;
    padding: 0px 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

header.nav-homepage-style.stricky.stricky-fixed {
    position: fixed;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(10px);
    padding: 0;
}

header.nav-homepage-style.stricky.stricky-fixed .login-info2 {
    color: #fff !important;
}

header.nav-homepage-style.stricky.stricky-fixed .header-settings-btn,
header.nav-innerpage-style .header-settings-btn {
    color: #222;
    border-color: rgba(0,0,0,0.15);
    background: rgba(0,0,0,0.04);
}

header.nav-homepage-style.stricky.stricky-fixed .header-settings-btn:hover,
header.nav-innerpage-style .header-settings-btn:hover {
    background: rgba(0,0,0,0.08);
    border-color: rgba(0,0,0,0.25);
}

header.nav-homepage-style.stricky.stricky-fixed .ud-btn.btn-white {
    background: var(--light-color);
    color: #fff;
}

/* Nav bar */
header.nav-homepage-style nav.posr {
    padding: 20px 0;
}

header.nav-homepage-style .menu_bdrt1 {
    border: none;
}

/* Settings button */
.header-settings-btn {
    width: 42px;
    height: 42px;
    border-radius: 30px;
    border: 2px solid rgba(255,255,255,0.4);
    background: rgba(255,255,255,0.1);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    position: relative;
}
.flatpickr-day {
    line-height: 37px;
    font-weight: bold;}
    
.flatpickr-current-month .flatpickr-monthDropdown-months {
    margin: 4px 0 0 0;}
    .flatpickr-calendar {
    border-radius: 10px;}
    .flatpickr-current-month {
    font-size: 14px;
    font-weight: bold !important;
}
.flatpickr-current-month {
    padding: 1.48px 0 0px 0;}
    .flatpickr-months .flatpickr-month {
    background: #f5f5f5;border-radius: 10px;}
.header-settings-btn:hover {
    background: rgba(255,255,255,0.25);
    border-color: rgba(255,255,255,0.6);
}

/* Settings Popup */
.header-settings-popup {
    position: fixed;
    top: 0;
    right: -400px;
    width: 360px;
    max-width: 90vw;
    height: auto;
    max-height: 80vh;
    background: #fff;
    border-radius: 0 0 0 6px;
    box-shadow: -5px 5px 30px rgba(0,0,0,0.15);
    z-index: 10000;
    transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    top: 80px;
}

[dir="rtl"] .header-settings-popup {
    right: auto;
    left: -400px;
    border-radius: 0 0 20px 0;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.15);
    transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-settings-popup.show {
    right: 0;
}

[dir="rtl"] .header-settings-popup.show {
    right: auto;
    left: 0;
}

.settings-popup-inner {
    padding: 25px;
}

/* Settings Tabs */
.settings-tabs {
    display: flex;
    background: #f5f5f5;
    border-radius: 12px;
    padding: 4px;
    margin-bottom: 20px;
}

.settings-tab {
    flex: 1;
    padding: 10px 16px;
    border: none;
    background: transparent;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #666;
    cursor: pointer;
    transition: all 0.25s;
    font-family: var(--body-font-family);
}

.settings-tab.active {
    background: #fff;
    color: #222;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Tab content */
.settings-tab-content {
    display: none;
}

.settings-tab-content.active {
    display: block;
}

/* Language items */
.settings-lang-item {
 display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: 13px;
    margin-bottom: 4px;
    text-decoration: none;
    color: #333;
    transition: all 0.2s;
    border: 2px solid #eee;
}
.hm-counters-parallax .hm-counter-val {
    font-size: 2.75rem !important;    font-weight: 600 !important;}
.settings-lang-item:hover {
    background: #f8f8f8;
    color: #333;
}

.settings-lang-item.active {
    background: #f0f0ff;
    border-color: var(--light-2-color);
}

.settings-lang-item .lang-name {
    font-size: 15px;
    font-weight: 500;
}

.settings-lang-item .lang-flag {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

/* Country/City items */
.settings-section-title {
    font-size: 13px;
    font-weight: 600;
    color: #999;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.settings-country-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.settings-country-item {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 13px;
    color: #444;
    background: #f5f5f5;
    text-decoration: none;
    transition: all 0.2s;
    border: 1px solid transparent;
}

.settings-country-item:hover {
    background: #eee;
    color: #222;
}

.settings-country-item.active {
    background: var(--light-2-color);
    color: #fff;
    border-color: var(--light-2-color);
}

/* Slider starts from top */
.banner-style2.p0 {
    margin-top: 0;
}

.banner-block .row {
    padding-top: 160px;
}

/* ===== Horizontal Search Bar at Bottom of Slider ===== */
.banner-search-bar {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    z-index: 8;
    padding: 0 15px;
}

.banner-search-inner {
display: flex;
    align-items: flex-end;
    gap: 12px;
    background: rgb(255 255 255);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    padding: 20px 24px;
}

.banner-search-field {
    flex: 1;
    min-width: 0;
}

.banner-search-field label {
    display: block;
    color:#6e6e6e;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
    white-space: nowrap;
        letter-spacing: .8px;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    color: rgb(57 57 57 / 22%);
}
.flatpickr-day {
    border-radius: 30px;}
    .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    padding: 5px 10px;}
    .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    width: 12px;
    height: 12px;
}
.banner-search-field .input-group {
    background: #fff;
    background-color: #F5F5F5;
    border: 1px solid #E5E5EA !important;
    border-radius: 30px;
    overflow: hidden;
}

.banner-search-field .input-group .form-control {
    border: none;
    height: 48px;
    font-size: 14px;
    background: transparent;
    padding: 0 14px;
    color: #333;
    box-shadow: none;
}

.banner-search-field .input-group .form-control::placeholder {
    color: #999;
}

.banner-search-field .input-group .input-group-text {
    background: transparent;
    border: none;
    color: #6e6e6e;
    font-size: 16px;
    padding: 0 14px;
}
[dir="rtl"] .iti__country-list {
    left: 5px !important;
    right: auto !important;
}
.banner-search-field select.form-control {
    height: 48px;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    padding: 0 14px;
    color: #333;
    cursor: pointer;
    appearance: auto;
    background-color: #F5F5F5;
    border: 1px solid #E5E5EA !important;
    border-radius: 30px;
    overflow: hidden;
}

.banner-search-location {
    flex: 1.2;
}

.banner-search-btn {
    flex-shrink: 0;
}

.banner-search-btn button {
    height: 48px;
    padding: 0 32px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    border: none;
    margin-top: 22px;
}

.banner-search-btn button i {
    font-size: 16px;
}

/* Flatpickr custom theme for search bar */
.flatpickr-calendar {
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
    border: none;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: var(--light-color) !important;
    border-color: var(--light-color) !important;
}

.flatpickr-day.inRange {
    background: rgba(198, 14, 19, 0.1) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.flatpickr-day:hover {
    background: rgba(198, 14, 19, 0.15) !important;
    border-color: transparent !important;
}

/* Responsive search bar */
@media (max-width: 991px) {
    .banner-search-bar {
        position: relative;
        bottom: auto;
        padding: 0 15px 30px;
        margin-top: -30px;
    }

    .banner-search-inner {
        flex-wrap: wrap;
        gap: 10px;
        padding: 16px 18px;
    }

    .banner-search-field {
        flex: 1 1 calc(50% - 5px);
        min-width: calc(50% - 5px);
    }

    .banner-search-location {
        flex: 1 1 100%;
    }

    .banner-search-btn {
        flex: 1 1 100%;
    }

    .banner-search-btn button {
        width: 100%;
        justify-content: center;
        margin-top: 0;
    }
}

@media (max-width: 575px) {
    .banner-search-field {
        flex: 1 1 100%;
        min-width: 100%;
    }

    .banner-search-inner {
        border-radius: 12px;
        padding: 14px;
    }
}

/* Responsive for new header */
@media (max-width: 991px) {
    .header-settings-btn {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }

    .header-settings-popup {
        width: 100%;
        max-width: 100vw;
        border-radius: 0;
        top: 0;
        max-height: 100vh;
    }

    [dir="rtl"] .header-settings-popup {
        border-radius: 0;
    }
}

/* ===================================================================
   CAR DETAIL PAGE - Professional Redesign
   =================================================================== */

/* Hero Gallery */
.cd-hero-section {
    padding: 30px 0 0;
    background: #F2F5FB;
}

.cd-gallery-wrapper {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    /*box-shadow: 0 2px 20px rgba(0,0,0,0.06);*/
    margin-bottom: 20px;
}

.cd-gallery-main {
    position: relative;
}

.cd-gallery-main .mySwiper2 img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    object-position: center;
}

.cd-gallery-thumbs {
    padding: 12px;
    background: #fff;
}

.cd-gallery-thumbs .mySwiper img {
    height: 72px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    opacity: 0.5;
    transition: all 0.3s;
    border: 2px solid transparent;
    cursor: pointer;
}

.cd-gallery-thumbs .mySwiper .swiper-slide-thumb-active img {
    opacity: 1;
    border-color: var(--light-color, #c60e13);
}

.cd-gallery-main .swiper-button-next,
.cd-gallery-main .swiper-button-prev {
    width: 44px;
    height: 44px;
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    color: #333;
    backdrop-filter: blur(4px);
}

.cd-gallery-main .swiper-button-next::after,
.cd-gallery-main .swiper-button-prev::after {
    font-size: 16px;
    font-weight: 700;
}

/* Status Badge */
.cd-status-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 10;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    backdrop-filter: blur(8px);
}

[dir="rtl"] .cd-status-badge {
    left: auto;
    right: 16px;
}

.cd-status-badge i {
    font-size: 8px;
    margin-inline-end: 6px;
    vertical-align: middle;
}

.cd-available {
    background: #16a34a;
    color: #ffffff;
    border: 1px solid rgb(22 163 74);
}

.cd-unavailable {
    background: rgb(198 14 19);
    color: #ffffff;
    border: 1px solid rgb(198 14 19);
}

/* Main Section */
.cd-main-section {
    padding: 30px 0 60px;
    background: #F2F5FB;
}

/* Cards */
.cd-card {
    background: #fff;
    border-radius: 16px;
    padding: 28px;
    margin-bottom: 20px;
    /*box-shadow: 0 2px 12px rgba(0,0,0,0.04);*/
    border: 1px solid rgba(0,0,0,0.04);
}

.cd-card-title {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 2px solid #f0f0f5;
    display: flex;
    align-items: center;
    gap: 10px;
}

.cd-card-title i {
    color: var(--light-color, #c60e13);
    font-size: 16px;
}

/* Title Block */
.cd-title-block {
    background: #fff;
    border-radius: 16px;
    padding: 24px 28px;
    margin-bottom: 20px;
    /*box-shadow: 0 2px 12px rgba(0,0,0,0.04);*/
    border: 1px solid rgba(0,0,0,0.04);
}

.cd-title-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.cd-car-title {
    font-size: 26px;
    font-weight: 800;
    color: #1a1a2e;
    margin-bottom: 10px;
    line-height: 1.3;
}

.cd-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.cd-meta-item {
    font-size: 14px;
    color: #6b7280;
}

.cd-meta-item i {
    color: var(--light-color, #c60e13);
    margin-inline-end: 5px;
}

/* Actions */
.cd-actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.cd-action-btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    font-size: 16px;
    transition: all 0.3s;
    border: 1px solid #e5e7eb;
    text-decoration: none;
}

.cd-action-btn:hover {
    background: var(--light-color, #c60e13);
    color: #fff;
    border-color: var(--light-color, #c60e13);
    transform: scale(1.1);
}

.cd-share-menu {
    min-width: 220px;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.12);
    border: 1px solid #e5e7eb;
    padding: 8px 0;
    overflow: hidden;
}

.cd-share-menu .dropdown-item {
    padding: 10px 18px;
    font-size: 14px;
    transition: all 0.2s;
}

.cd-share-menu .dropdown-item:hover {
    background: #F2F5FB;
    padding-inline-start: 24px;
}

.cd-share-menu .dropdown-header {
    font-weight: 700;
    color: #1a1a2e;
    font-size: 14px;
}

.cd-copied {
    background: #d1fae5 !important;
}

/* Quick Specs */
.cd-quick-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.cd-spec-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 16px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    transition: all 0.3s;
}

.cd-spec-chip:hover {
    border-color: var(--light-color, #c60e13);
    background: rgba(198,14,19,0.04);
    color: var(--light-color, #c60e13);
}

.cd-spec-chip i {
    color: var(--light-color, #c60e13);
    font-size: 13px;
}

/* Pricing Grid */
.cd-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 10px;
}

.cd-price-card {
    background: linear-gradient(135deg, #fafbfc 0%, #f3f4f8 100%);
    border-radius: 10px;
    padding: 10px 10px;
    text-align: center;
    border: 1px solid #e8e9ee;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.cd-price-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--light-color, #c60e13);
    opacity: 0;
    transition: opacity 0.3s;
}

.cd-price-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    border-color: rgba(198,14,19,0.2);
}

.cd-price-card:hover::before {
    opacity: 1;
}

.cd-price-icon {
    font-size: 22px;
    color: var(--light-color, #c60e13);
    margin-bottom: 8px;
}

.cd-price-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #9ca3af;
    font-weight: 600;
    margin-bottom: 2px;
}

.cd-price-amount {
    font-size: 22px;
    font-weight: 800;
    color: #1a1a2e;
    line-height: 1.2;
}

.cd-price-amount small {
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
}

.cd-price-sub {
    font-size: 14px;
    color: #9ca3af;
    margin-top: 2px;
}

.cd-price-unlimited {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a40 100%);
    border-color: #fbbf2440;
}

.cd-unlimited-banner {
    background: linear-gradient(135deg, #fef3c7, #fde68a60);
    color: #92400e;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 18px;
    border-radius: 10px;
    margin: 14px 0;
    text-align: center;
}

.cd-unlimited-banner i {
    margin-inline-end: 6px;
}

.cd-excess-fee {
    background: #fef2f2;
    color: #991b1b;
    font-size: 14px;
    padding: 10px 16px;
    border-radius: 10px;
    margin-top: 10px;
}

.cd-excess-fee i {
    margin-inline-end: 5px;
}

/* Description */
.cd-description {
    font-size: 15px;
    line-height: 1.8;
    color: #4b5563;
}

/* Specifications Table */
.cd-specs-table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.cd-spec-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 16px;
    border-bottom: 1px solid #f3f4f6;
    transition: background 0.2s;
}

.cd-spec-row:hover {
    background: #F2F5FB;
}

.cd-spec-row:nth-child(odd) {
    border-inline-end: 1px solid #f3f4f6;
}

.cd-spec-label {
    font-size: 16px;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cd-spec-label i {
    color: var(--light-color, #c60e13);
    width: 16px;
    text-align: center;
    font-size: 14px;
}
  /* ===== HERO ===== */
    .ab-hero {
        background: linear-gradient(135deg, var(--headings-color, #242424) 0%, #1a1a2e 100%);
        padding: 50px 0 55px;
        position: relative; overflow: hidden;
    }
    .ab-hero::before {
        content: '';
        position: absolute; top: 0; left: 0; right: 0; bottom: 0;
        background: radial-gradient(circle at 30% 70%, rgba(198,14,19,0.12) 0%, transparent 50%);
        pointer-events: none;
    }
    .ab-hero-inner { position: relative; z-index: 1; text-align: center; }
    .ab-hero-title { color: #fff; font-size: 34px; font-weight: 800; margin-bottom: 12px; }
    .ab-breadcrumb {
        display: flex; align-items: center; justify-content: center; gap: 10px;
        font-size: 14px; color: rgba(255,255,255,0.5);
    }
    .ab-breadcrumb a { color: rgba(255,255,255,0.7); text-decoration: none; transition: color 0.2s; }
    .ab-breadcrumb a:hover { color: #fff; }
    .ab-breadcrumb i { font-size: 10px; }
    .ab-breadcrumb span { color: var(--light-color, #de0811); }

    /* ===== ABOUT ===== */
    .ab-section { padding: 60px 0; background: #fff; }

    .ab-about {
        display: flex; gap: 40px; align-items: center;
    }
    .ab-about-img {
        flex: 0 0 45%; position: relative;
    }
    .ab-about-img img {
        width: 100%; height: 400px; object-fit: cover;
        border-radius: 20px; position: relative; z-index: 2;
    }
    .ab-img-accent {
        position: absolute; bottom: -14px; inset-inline-end: -14px;
        width: 60%; height: 60%;
        background: var(--light-color, #de0811);
        border-radius: 20px; z-index: 1; opacity: 0.12;
    }
    .ab-about-content { flex: 1; }
    .ab-label {
        display: inline-block; padding: 4px 14px; border-radius: 50px;
        background: rgba(198,14,19,0.08); color: var(--light-color, #de0811);
        font-size: 13px; font-weight: 600; margin-bottom: 14px;
        text-transform: uppercase; letter-spacing: 1px;
    }
    .ab-title {
        font-size: 30px; font-weight: 800; color: #1a1a2e;
        line-height: 1.4; margin-bottom: 18px;
    }
    .ab-text {
        font-size: 15px; line-height: 1.9; color: #4b5563;
    }

    /* ===== CARDS (Vision/Mission/Objective) ===== */
    .ab-cards-section { padding: 0 0 60px; background: #fff; }
    .ab-cards-grid {
        display: grid; gap: 20px;
    }
    .ab-cards-3 { grid-template-columns: repeat(3, 1fr); }
    .ab-cards-2 { grid-template-columns: repeat(2, 1fr); }
    .ab-cards-1 { grid-template-columns: 1fr; max-width: 600px; }

    .ab-card {
        background: #f8f9fb; border-radius: 16px; padding: 30px;
        border: 1px solid rgba(0,0,0,0.04);
        transition: all 0.35s; position: relative; overflow: hidden;
    }
    .ab-card::before {
        content: ''; position: absolute; top: 0; inset-inline-start: 0;
        width: 4px; height: 0; background: var(--card-color, var(--light-color, #de0811));
        border-radius: 0 4px 4px 0; transition: height 0.35s;
    }
    .ab-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.08); }
    .ab-card:hover::before { height: 100%; }

    .ab-card-icon {
        width: 56px; height: 56px; border-radius: 14px;
        background: rgba(0,0,0,0.04);
        display: flex; align-items: center; justify-content: center;
        font-size: 22px; color: var(--card-color, var(--light-color, #de0811));
        margin-bottom: 18px; transition: all 0.3s;
    }
    .ab-card:hover .ab-card-icon {
        background: var(--card-color, var(--light-color, #de0811));
        color: #fff;
    }
    .ab-card-title {
        font-size: 18px; font-weight: 700; color: #1a1a2e; margin-bottom: 10px;
    }
    .ab-card-text { font-size: 14px; line-height: 1.8; color: #6b7280; }

    /* ===== VALUES ===== */
    .ab-values-section { padding: 0 0 60px; background: #fff; }
    .ab-values-box {
        display: flex; align-items: flex-start; gap: 24px;
        background: linear-gradient(135deg, #fef3c7, #fde68a30);
        border: 1px solid #fbbf2430; border-radius: 16px; padding: 30px;
    }
    .ab-values-icon {
        width: 56px; height: 56px; border-radius: 14px;
        background: #f59e0b; color: #fff;
        display: flex; align-items: center; justify-content: center;
        font-size: 22px; flex-shrink: 0;
    }
    .ab-values-content h3 {
        font-size: 18px; font-weight: 700; color: #92400e; margin-bottom: 8px;
    }
    .ab-values-content .ab-text { color: #78350f; }

    /* ===== COUNTERS ===== */
    .ab-counters {
        padding: 60px 0;
        background: linear-gradient(135deg, var(--headings-color, #242424), #1a1a2e);
    }
    .ab-counters-grid {
        display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 24px; text-align: center;
    }
    .ab-counter {
        padding: 24px 16px;
        border-radius: 16px; background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.06);
        transition: all 0.3s;
    }
    .ab-counter:hover {
        background: rgba(255,255,255,0.08);
        transform: translateY(-3px);
    }
    .ab-counter-icon {
        width: 48px; height: 48px; margin: 0 auto 12px;
    }
    .ab-counter-icon img { width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1); }
    .ab-counter-val {
        font-size: 36px; font-weight: 800; color: #fff; margin-bottom: 4px;
    }
    .ab-counter-label { font-size: 13px; color: rgba(255,255,255,0.6); }

    /* ===== FEATURES ===== */
    .ab-features { padding: 60px 0; background: #f8f9fb; }
    .ab-section-header {
        text-align: center; margin-bottom: 40px; max-width: 600px; margin-inline: auto;
    }
    .ab-section-header h2 {
        font-size: 28px; font-weight: 800; color: #1a1a2e; margin-bottom: 10px;
    }
    .ab-section-header p { font-size: 15px; color: #6b7280; line-height: 1.7; }

    .ab-features-grid {
        display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 20px;
    }
    .ab-feature {
        background: #fff; border-radius: 16px; padding: 28px 24px;
        text-align: center; transition: all 0.3s;
        border: 1px solid rgba(0,0,0,0.04);
    }
    .ab-feature:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 32px rgba(0,0,0,0.08);
    }
    .ab-feature-icon {
        width: 64px; height: 64px; margin: 0 auto 16px;
        background: rgba(198,14,19,0.06); border-radius: 16px;
        display: flex; align-items: center; justify-content: center;
        transition: all 0.3s;
    }
    .ab-feature:hover .ab-feature-icon {
        background: var(--light-color, #de0811);
    }
    .ab-feature-icon img {
        width: 32px; height: 32px; object-fit: contain;
        transition: filter 0.3s;
    }
    .ab-feature:hover .ab-feature-icon img { filter: brightness(0) invert(1); }
    .ab-feature-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }
    .ab-feature-text { font-size: 13px; line-height: 1.7; color: #6b7280; margin: 0; }

    /* ===== CTA ===== */
    .ab-cta { padding: 0 0 60px; background: #f8f9fb; }
    .ab-cta-box {
        display: flex; align-items: center; justify-content: space-between;
        gap: 30px; padding: 36px 40px;
        background: linear-gradient(135deg, var(--light-color, #de0811), #a50b0f);
        border-radius: 20px; flex-wrap: wrap;
    }
    .ab-cta-content h3 { color: #fff; font-size: 22px; font-weight: 700; margin-bottom: 6px; }
    .ab-cta-content p { color: rgba(255,255,255,0.8); font-size: 14px; margin: 0; }
    .ab-cta-btn {
        display: inline-flex; align-items: center; gap: 10px;
        padding: 14px 30px; background: #fff;
        color: var(--light-color, #de0811); font-size: 15px; font-weight: 700;
        border-radius: 12px; text-decoration: none; transition: all 0.3s;
        white-space: nowrap;
    }
    .ab-cta-btn:hover {
        background: var(--headings-color, #242424); color: #fff;
        transform: translateY(-2px);
    }
    [dir="rtl"] .ab-cta-btn i { transform: rotate(180deg); }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 991px) {
        .ab-about { flex-direction: column; gap: 30px; }
        .ab-about-img { flex: none; width: 100%; }
        .ab-about-img img { height: 300px; }
        .ab-cards-3 { grid-template-columns: 1fr; }
        .ab-cards-2 { grid-template-columns: 1fr; }
        .ab-hero { padding: 35px 0 40px; }
        .ab-hero-title { font-size: 26px; }
    }
    @media (max-width: 767px) {
        .ab-section { padding: 40px 0; }
        .ab-title { font-size: 24px; }
        .ab-cta-box { flex-direction: column; text-align: center; padding: 28px 24px; }
        .ab-cta-btn { width: 100%; justify-content: center; }
        .ab-features-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 575px) {
        .ab-about-img img { height: 220px; }
        .ab-hero-title { font-size: 22px; }
        .ab-features-grid { grid-template-columns: 1fr; }
        .ab-counters-grid { grid-template-columns: repeat(2, 1fr); }
        .ab-section-header h2 { font-size: 22px; }
    }
.cd-spec-value {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a2e;
}

/* Sidebar */
.cd-sidebar-sticky {
    position: sticky;
    top: 100px;
}

/* Booking Card */
.cd-booking-card {
    background: #fff;
    border-radius: 16px;
    padding: 28px;
    margin-bottom: 20px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
    border: 1px solid rgba(0,0,0,0.04);
    text-align: center;
}

.cd-booking-price {
    margin-bottom: 20px;
}

.cd-booking-amount {
    font-size: 32px;
    font-weight: 800;
    color: #1a1a2e;
}

.cd-booking-per {
    font-size: 15px;
    color: #9ca3af;
    font-weight: 500;
}

.cd-book-btn {
    display: block;
    width: 100%;
    padding: 16px;
    background: var(--light-color, #c60e13);
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    border-radius: 30px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s;
    margin-bottom: 20px;
    border: none;
    cursor: pointer;
}

.cd-book-btn:hover {
    background: #a50b0f;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(198,14,19,0.3);
}

.cd-book-btn i {
    margin-inline-end: 6px;
}

.cd-booking-features {
    text-align: start;
}

.cd-bf-item {
    padding: 10px 0;
    font-size: 16px;
    color: #4b5563;
    border-bottom: 1px solid #f3f4f6;
    display: flex;
    align-items: center;
    gap: 10px;
}

.cd-bf-item:last-child {
    border-bottom: none;
}

.cd-bf-item i {
    color: var(--light-color, #c60e13);
    width: 18px;
    text-align: center;
}

/* Similar Cars */
.cd-similar-card {
    padding: 20px;
}

.cd-similar-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cd-similar-item {
    display: flex;
    gap: 14px;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #f0f0f5;
    text-decoration: none;
    transition: all 0.3s;
    align-items: center;
}

.cd-similar-item:hover {
    border-color: rgba(198,14,19,0.2);
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
    transform: translateY(-2px);
}

.cd-similar-img {
    width: 90px;
    height: 68px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
}

.cd-similar-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cd-similar-info {
    flex: 1;
    min-width: 0;
}

.cd-similar-info h5 {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cd-similar-meta {
    display: flex;
    gap: 10px;
    margin-bottom: 4px;
}

.cd-similar-meta span {
    font-size: 14px;
    color: #9ca3af;
}

.cl-results {
    background: #F2F5FB !important;
}

.cd-similar-meta i {
    margin-inline-end: 3px;
    font-size: 10px;
}

.cd-similar-price {
    font-size: 15px;
    font-weight: 700;
    color: var(--light-color, #c60e13);
}

.cd-similar-price small {
    font-size: 14px;
    color: #9ca3af;
    font-weight: 400;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
    .cd-gallery-main .mySwiper2 img {
        height: 320px;
    }

    .cd-title-top {
        flex-direction: column;
    }

    .cd-actions {
        align-self: flex-start;
    }

    .cd-car-title {
        font-size: 22px;
    }

    .cd-pricing-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .cd-specs-table {
        grid-template-columns: 1fr;
    }

    .cd-spec-row:nth-child(odd) {
        border-inline-end: none;
    }

    .cd-sidebar-sticky {
        position: static;
    }

    .cd-booking-card {
        margin-top: 10px;
    }
}

@media (max-width: 575px) {
    .cd-hero-section {
        padding: 15px 0 0;
    }

    .cd-gallery-main .mySwiper2 img {
        height: 240px;
    }

    .cd-gallery-thumbs .mySwiper img {
        height: 52px;
    }

    .cd-card {
        padding: 20px 16px;
        border-radius: 12px;
    }

    .cd-title-block {
        padding: 18px 16px;
        border-radius: 12px;
    }

    .cd-car-title {
        font-size: 19px;
    }

    .cd-meta-row {
        gap: 10px;
    }

    .cd-pricing-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .cd-price-card {
        display: flex;
        align-items: center;
        gap: 14px;
        text-align: start;
        padding: 14px 16px;
    }

    .cd-price-icon {
        margin-bottom: 0;
        font-size: 20px;
    }

    .cd-price-label {
        margin-bottom: 0;
        font-size: 13px;
    }

    .cd-price-amount {
        font-size: 18px;
    }

    .cd-quick-specs {
        gap: 6px;
    }

    .cd-spec-chip {
        padding: 6px 12px;
        font-size: 14px;
    }

    .cd-booking-amount {
        font-size: 26px;
    }

    .cd-similar-img {
        width: 70px;
        height: 55px;
    }

    .cd-main-section {
        padding: 20px 0 40px;
    }
}

/* ========================================================================
   FOOTER REDESIGN (ft- prefix)
   ======================================================================== */

.ft-main {
    position: relative;
}

.ft-wave {
    position: relative;
    height: 40px;
    overflow: hidden;
    margin-bottom: -1px;
}
.ft-wave svg {
    display: block;
    width: 100%;
    height: 100%;
}

.ft-body {
    background-color: var(--headings-color, #242424);
    color: #a8a8a8;
}

/* Upper Section */
.ft-upper {
    padding: 50px 0 30px;
}

/* Brand / Logo Column */
.ft-logo {
    display: inline-block;
    margin-bottom: 18px;
}
.ft-logo img {
    max-height: 45px;
    width: auto;
}

.ft-about {
    color: #a0a0a0;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
}

/* Social Icons */
.ft-social {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
        justify-content: center;
}
.ft-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
background: rgb(255 255 255 / 15%);
    color: #ffffff;
    font-size: 15px;
    transition: all 0.3s ease;
}
.ft-social a:hover {
    background: var(--light-color, #de0811);
    color: #fff;
    transform: translateY(-3px);
}

/* Links Columns */
.ft-heading {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 12px;
}
.ft-heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 30px;
    height: 2px;
    background: var(--light-color, #de0811);
    border-radius: 2px;
}

.ft-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.ft-links ul li {
    margin-bottom: 0;
}
.ft-links ul li a {
    color: #a0a0a0;
    font-size: 14px;
    display: inline-block;
    padding: 5px 0;
    transition: all 0.25s ease;
    text-decoration: none;
}
.ft-links ul li a:hover {
    color: #fff;
    padding-inline-start: 6px;
}

/* App Download Buttons */
.ft-apps {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}
.ft-app-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    padding: 8px 16px;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    max-width: 200px;
}
.ft-app-btn:hover {
    background: var(--light-color, #de0811);
    border-color: var(--light-color, #de0811);
    color: #fff;
    transform: translateY(-2px);
}
.ft-app-btn i {
    font-size: 24px;
    flex-shrink: 0;
}
.ft-app-btn span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}
.ft-app-btn span small {
    display: block;
    font-size: 10px;
    font-weight: 400;
    opacity: 0.7;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Bottom Bar */
.ft-bottom {
    border-top: 1px solid rgba(255,255,255,0.08);
}
.ft-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 18px 0;
}
.ft-copy {
    color: #fff;
    font-size: 15px;
    margin: 0;
}
.ft-bottom-links {
    display: flex;
    align-items: center;
    gap: 8px;
}
.ft-bottom-links a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    transition: color 0.25s;
}
.ft-bottom-links a:hover {
    color: #fff;
}
.ft-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
}
.ft-credit {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #777;
    font-size: 13px;
    text-decoration: none;
    transition: color 0.25s;
}
.ft-credit:hover {
    color: #fff;
}
.ft-credit img {
    height: 18px;
    width: auto;
    opacity: 0.6;
    transition: opacity 0.25s;
}
.ft-credit:hover img {
    opacity: 1;
}

/* Footer Responsive */
@media (max-width: 991px) {
    .ft-upper {
        padding: 40px 0 20px;
    }
}
@media (max-width: 767px) {
    .ft-bottom-inner {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
    .ft-wave {
        height: 25px;
    }
    .ft-upper {
        padding: 30px 0 10px;
    }
    .ft-app-btn {
        max-width: 100%;
    }
}
@media (max-width: 575px) {
    .ft-heading {
        font-size: 15px;
        margin-bottom: 14px;
        padding-bottom: 10px;
    }
    .ft-links ul li a {
        font-size: 13px;
        padding: 4px 0;
    }
}

/* ========================================================================
   HOMEPAGE SECTIONS REDESIGN (hm- prefix)
   ======================================================================== */

/* ===== Section Headers ===== */
.hm-sec-header { margin-bottom: 30px; }
.hm-sec-header-center { text-align: center; max-width: 600px; margin-inline: auto; margin-bottom: 36px; }
.hm-sec-header-between {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 12px;
}
.hm-sec-title { font-size: 26px; font-weight: 800; color: #1a1a2e; margin-bottom: 6px; }
.hm-sec-sub { font-size: 14px; color: #6b7280; line-height: 1.7; margin-top: 6px; }
.hm-see-all {
    display: inline-flex; align-items: center; gap: 8px;
    color: var(--light-color, #de0811); font-weight: 600; font-size: 14px;
    text-decoration: none; transition: gap 0.3s;
}
.hm-see-all:hover { gap: 12px; color: var(--light-color, #de0811); }
[dir="rtl"] .hm-see-all i { transform: rotate(180deg); }

/* ===== Advantages (spcial) ===== */
.hm-advantages { padding: 60px 0; background: #fff; }
.hm-adv-wrap {
    display: flex; align-items: center; gap: 15px;
}
.ac-sec-content{    flex: 1 0 50%;
    min-width: 0;}
     .hm-advantages .hm-adv-apps {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            flex-wrap: wrap;
            margin-top: 16px;
        }
        .hm-advantages .hm-store-btn {
            display: inline-flex;
        }
        .hm-advantages .hm-store-btn img {
         display: block;
    width: auto;
    height: 47px;
    object-fit: contain;
    margin-top: -50px;
    border-radius: 37px;
    background: #000;
    padding: 4px 38px;
        box-shadow: 0 2px 16px rgb(0 0 0 / 63%);
        }
        .hm-adv-apps-hero {
    text-align: center;
    margin-bottom: 10px;
}
.hm-adv-apps-hero a.hm-store-btn.hm-store-btn--inactive img {
    height: 34px;
}
.hm-adv-apps-hero a.hm-store-btn.hm-store-btn--inactive img {
    height: 40px;
    background: #fff;
    background: rgb(12 12 110 / 17%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 2px solid rgba(255, 255, 255, 0.2);
    padding: 3px 15px;
    border-radius: 35px;
}
.hm-adv-apps-hero {
    text-align: center;
    margin-bottom: 10px;
}
.hm-adv-cards { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.hm-adv-card {
display: flex;
    align-items: center;
    gap: 8px;
    background: #F2F5FB;
    border-radius: 30px;
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    transition: all 0.3s;
}
.hm-adv-card:hover {
    background: var(--light-color, #de0811); color: #fff;
    transform: translateY(-3px); box-shadow: 0 8px 24px rgba(198,14,19,0.2);
}
.hm-adv-icon {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: rgb(14 13 109 / 7%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s;
}
.hm-adv-card:hover .hm-adv-icon { background: rgba(255,255,255,0.2); }
.hm-adv-icon img { width: 28px; height: 28px; object-fit: contain; transition: filter 0.3s; }
.hm-adv-card:hover .hm-adv-icon img { filter: brightness(0) invert(1); }
.hm-adv-title { font-size: 15px; font-weight: 700; color: #1a1a2e; margin: 0; transition: color 0.3s; }
.hm-adv-card:hover .hm-adv-title { color: #fff; }
.hm-adv-img { flex: 0 0 50%; }
.hm-adv-img img { width: 100%; height: auto; max-height: 400px; object-fit: contain; }

/* ===== Banners Single ===== */
.hm-banners-single { padding: 20px 0 50px; }
.hm-banner-full {
    border-radius: 16px; overflow: hidden; margin-bottom: 16px;
}
.hm-banner-full img {
    width: 100%; display: block; border-radius: 16px;
    transition: transform 0.4s;
}
.hm-banner-full:hover img { transform: scale(1.02); }

/* ===== Car Cards (shared for featured/popular) ===== */
.hm-car-card {
    background: #fff; border-radius: 16px; overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.04);
    transition: all 0.3s; height: 100%;
    display: flex; flex-direction: column;    position: relative;
}
.hm-car-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.1);
}
.hm-car-img { position: relative; height: 400px; overflow: hidden; }
.hm-car-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.hm-car-card:hover .hm-car-img img { transform: scale(1.05); }

.hm-car-badge {
    position: absolute; top: 12px; inset-inline-start: 12px;
    padding: 4px 10px; border-radius: 6px;
    font-size: 11px; font-weight: 600; z-index: 2;
}
.hm-badge-featured { background: #c60e13; color: #fff; }
.hm-badge-featured i { margin-inline-end: 3px; font-size: 10px; }

.hm-car-brand {
    position: absolute; bottom: 12px; inset-inline-end: 12px;
    width: 40px; height: 40px; background: #fff;
    border-radius: 10px; padding: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    display: flex; align-items: center; justify-content: center;
}
.hm-car-brand img { max-width: 100%; max-height: 100%; object-fit: contain; }

.hm-car-actions {
    position: absolute; bottom: 18px; inset-inline-end: 18px;
    display: flex; flex-direction: column; gap: 6px;z-index:9;
}
.hm-car-actions a {
    width: 34px; height: 34px; border-radius: 50%;
    background: rgba(255,255,255,0.9); color: #374151;
    display: flex; align-items: center; justify-content: center;
    font-size: 14px; transition: all 0.2s;
    backdrop-filter: blur(4px);
}
.hm-car-actions a:hover { background: var(--light-color, #de0811); color: #fff; }

.hm-car-body { padding: 60px 18px 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    background: #ffffff;
    width: 100%;
    background: linear-gradient(to bottom, #0c0c6e00 -2%, rgb(12 12 110 / 44%) 30%, #0e0d6d99 60%, rgb(14 13 109 / 74%) 100%); }
    .hm-car-img a::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, #0c0c6e -2%, rgb(12 12 110 / 0%) 30%, transparent 60%, rgb(198 14 19 / 0%) 100%);
}
.hm-car-title { font-size: 16px;
    font-weight: 700;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.hm-car-title a { color: #ffffff; text-decoration: none; transition: color 0.2s; }
.hm-car-title a:hover { color: var(--light-color, #de0811); }

.hm-car-specs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.hm-car-specs span {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 8px; background: #F2F5FB; border-radius: 50px;
    font-size: 11px; color: #6b7280;
}
.hm-car-img .hm-car-actions a::after{display:none;}
.hm-car-specs span i { color: var(--light-color, #de0811); font-size: 10px; }

.hm-car-footer {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: auto; padding-top: 12px; border-top: 1px solid #f3f4f6;
}
.hm-car-price-top {
    font-size: 18px; font-weight: 800; color: #fff; margin-bottom: 0px;
}
.hm-price-val { font-size: 18px; font-weight: 800; color: #1a1a2e; }
.hm-price-val small { font-size: 11px; color: #9ca3af; font-weight: 500; }
.hm-price-per { font-size: 14px; color: #9ca3af; }
.hm-rent-btn {
    padding: 8px 16px; background: var(--light-color, #de0811); color: #fff;
    font-size: 13px; font-weight: 600; border-radius: 8px;
    text-decoration: none; transition: all 0.3s; white-space: nowrap;
}
.hm-rent-btn:hover { background: #a50b0f; color: #fff; }
.hm-car-location { font-size: 14px; color: #fff; margin: 0; }
.hm-car-location i { color: #ffffff; margin-inline-end: 4px; font-size: 14px; }

/* ===== Featured & Popular sections ===== */
.hm-featured { padding: 50px 0; background: #F2F5FB; }
.hm-popular { padding: 50px 0; background: #fff; }

/* Owl Carousel overrides for hm-car-slider */
.hm-car-slider.owl-carousel .owl-stage-outer { padding: 10px 0; }
.hm-car-slider.owl-carousel .owl-nav button {
    width: 40px; height: 40px; border-radius: 50% !important;
    background: #fff !important; box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    color: #1a1a2e !important; font-size: 18px !important;
    position: absolute; top: 50%; transform: translateY(-50%);
    border: 1px solid #e5e7eb !important; transition: all 0.3s;
}
.hm-car-slider.owl-carousel .owl-nav button:hover {
    background: var(--light-color, #de0811) !important;
    color: #fff !important; border-color: var(--light-color, #de0811) !important;
}
.hm-car-slider.owl-carousel .owl-nav .owl-prev { inset-inline-start: -20px; }
.hm-car-slider.owl-carousel .owl-nav .owl-next { inset-inline-end: -20px; }
.hm-car-slider.owl-carousel .owl-dots { margin-top: 20px; text-align: center; }
.hm-car-slider.owl-carousel .owl-dots .owl-dot span {
    width: 8px; height: 8px; background: #d1d5db; border-radius: 50%;
    margin: 0 4px; transition: all 0.3s;
}
.hm-car-slider.owl-carousel .owl-dots .owl-dot.active span {
    background: var(--light-color, #de0811); width: 24px; border-radius: 30px;
}

/* ===== Services ===== */
.hm-services { padding: 90px 0; background: #F2F5FB; }
.hm-services-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px;
}
.hm-service-card {
    background: #0e0d6d; border-radius: 16px; padding: 28px 24px;
    text-align: center; border: 1px solid rgba(0,0,0,0.04);
    transition: all 0.3s;position: relative;
}
span.hm-service-step {
    color: #ffffff24;
    font-size: 150px;
    font-weight: bold;
    position: absolute;
    top: 35px;
    right: 0;
}
.hm-service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}

.hm-service-icon {
width: 64px;
    height: 64px;
    margin: -30px auto 16px -26px;
    background: rgb(248 249 251);
    border-radius: 15px 0 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
      .hm-advantages .ac-sec-head {
            max-width: 640px;
                margin-bottom: 25px;
        }
        .hm-advantages .ac-sec-title {
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
    font-weight: 700;
    color: #0c0c6e;
    line-height: 1.3;
    margin: 0;
        }
        .hm-advantages .ac-sec-divider {
            margin-top: 14px;
            margin-bottom: 14px;
            max-width: 520px;
        }
        /* فلتر لون الفاصل الى نفس لون الموقع */
        .hm-advantages .ac-sec-divider img {
            display: block;
            width: 195px;
            height: auto;
            -webkit-filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(5200%) hue-rotate(231deg) brightness(0.92) contrast(1.08);
            filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(5200%) hue-rotate(231deg) brightness(0.92) contrast(1.08);
        }
        html[dir="rtl"] .hm-advantages .ac-sec-divider img {
            transform: scaleX(-1);
        }
        .hm-advantages .ac-sec-desc {
font-size: 18px;
    line-height: 1.65;
    color: #0c0c6e;
    margin: 0;
        }
.hm-service-card:hover .hm-service-icon { background: var(--light-color, #de0811); }
.hm-service-icon img { width: 50px;
    height: 50px;
    object-fit: contain;
    transition: filter 0.3s; }
.hm-service-card:hover .hm-service-icon img { filter: brightness(0) invert(1); }
.hm-service-title {font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px; }
.hm-service-text {     font-size: 16px;
    line-height: 1.5;
    color: #ffffff9c;
    margin: 0; }

/* ===== Counters ===== */
.hm-counters {
    padding: 60px 0;
    background: linear-gradient(135deg, var(--headings-color, #242424), #1a1a2e);
}
.hm-counters-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 24px; text-align: center;
}
.hm-counter {
    padding: 24px 16px; border-radius: 16px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
    transition: all 0.3s;
}
.hm-counter:hover { background: rgba(255,255,255,0.08); transform: translateY(-3px); }
.hm-counter-icon { width: 48px; height: 48px; margin: 0 auto 12px; }
.hm-counter-icon img { width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1); }
.hm-counter-val { font-size: 36px; font-weight: 800; color: #fff; margin-bottom: 4px; }
.hm-counter-label { font-size: 13px; color: rgba(255,255,255,0.6); }

/* ===== Testimonials ===== */
.hm-testimonials { padding: 60px 0; background: #fff; }
.hm-testimonial-card {
    background: #F2F5FB; border-radius: 16px; padding: 32px;
    text-align: center; position: relative;
    border: 1px solid rgba(0,0,0,0.04);
}
.hm-testimonial-quote {
    width: 48px; height: 48px; border-radius: 50%;
    background: var(--light-color, #de0811); color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; margin: 0 auto 18px;
}
.hm-testimonial-text {
    font-size: 16px; line-height: 1.8; color: #374151;
    font-style: italic; margin-bottom: 16px;
}
.hm-testimonial-stars { display: flex; justify-content: center; gap: 3px; }
.hm-testimonial-stars i { color: #f59e0b; font-size: 14px; }
.hm-testimonial-stars i.hm-star-empty { color: #d1d5db; }

.hm-testimonial-slider.owl-carousel .owl-dots { margin-top: 24px; text-align: center; }
.hm-testimonial-slider.owl-carousel .owl-dots .owl-dot span {
    width: 8px; height: 8px; background: #d1d5db; border-radius: 50%;
    margin: 0 4px; transition: all 0.3s;
}
.hm-testimonial-slider.owl-carousel .owl-dots .owl-dot.active span {
    background: var(--light-color, #de0811); width: 24px; border-radius: 30px;
}

/* ===== CTA (Become Agent) ===== */
.hm-cta { padding: 120px 0; background: #F2F5FB; }
.hm-cta-box {
    display: flex;
    align-items: center;
    gap: 40px;
    background: linear-gradient(135deg, var(--light-color, #de0811), #a50b0f);
    background-color: #c60e13;
    background-image: linear-gradient(66.5deg, #c60e13 64%, #0e0d6d24 44%);
    border-radius: 20px;
    padding: 0px;
    overflow: hidden;
}
.hm-cta-content { flex: 1;    padding: 65px; }
.hm-cta-content h2 { color: #fff; font-size: 28px; font-weight: 800; margin-bottom: 12px;width: 65%; }
.hm-cta-content p {     color: rgba(255, 255, 255, 0.85);
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 24px;    width: 85%; }
.hm-cta-btn {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 12px 40px; background: #fff;
    color: var(--light-color, #de0811); font-size: 16px; font-weight: 700;
    border-radius: 50px; text-decoration: none; transition: all 0.3s;
}
.hm-cta-btn:hover {
    background: var(--headings-color, #242424); color: #fff;
    transform: translateY(-2px);
}
[dir="rtl"] .hm-cta-btn i { transform: rotate(180deg); }
.hm-cta-img { flex: 0 0 340px; }
.hm-cta-img img { width: 100%; height: auto; border-radius: 16px; }

/* ===== Blog ===== */
.hm-blog { padding: 50px 0; background: #fff; }
.hm-blog-grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
}
.hm-blog-card {
    background: #fff; border-radius: 16px; overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.04);
    transition: all 0.3s;
}
.hm-blog-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}
.hm-blog-img { position: relative; height: 180px; overflow: hidden; }
.hm-blog-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.hm-blog-card:hover .hm-blog-img img { transform: scale(1.05); }
.hm-blog-date {
    position: absolute; top: 12px; inset-inline-start: 12px;
    background: #fff; border-radius: 8px; padding: 6px 10px;
    text-align: center; line-height: 1.2; font-size: 11px; color: #6b7280;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.hm-blog-date strong { display: block; font-size: 18px; color: #ffffff; }
.hm-blog-body { padding: 16px 18px 18px; }
.hm-blog-tag {
    display: inline-block; padding: 2px 10px; border-radius: 50px;
    background: rgba(198,14,19,0.08); color: var(--light-color, #de0811);
    font-size: 11px; font-weight: 600; margin-bottom: 8px;
}
.hm-blog-title { font-size: 15px; font-weight: 700; margin: 0; line-height: 1.5; }
.hm-blog-title a { color: #1a1a2e; text-decoration: none; transition: color 0.2s; }
.hm-blog-title a:hover { color: var(--light-color, #de0811); }

/* ===== Cities Section ===== */
.hm-cities {padding: 70px 0;
    background: #0e0d6d;}
.hm-cities .swiper-wrapper { justify-content: center; }
.hm-cities .hm-sec-header-between { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; }
.hm-see-all { color: var(--light-color, #de0811); font-weight: 600; font-size: 14px; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: gap 0.3s; }
.hm-see-all:hover { gap: 10px; color: var(--light-color, #de0811); }
[dir="rtl"] .hm-see-all i { transform: scaleX(-1); }
.hm-city-card {
    display: block;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    height: 300px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.hm-city-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0,0,0,0.18); text-decoration: none; }
.hm-city-img { position: relative; width: 100%; height: 100%; }
.hm-city-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.hm-city-card:hover .hm-city-img img { transform: scale(1.08); }
.hm-city-overlay {
    position: absolute;
    inset: 0;
    /*background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, transparent 100%);*/
    z-index: 1;
    transition: background 0.3s;
        background-color: #fff0;
    /*background-image: linear-gradient(118deg, #0e0d6d66 64%, #ffffff4d 44%);*/
        background: linear-gradient(to bottom, #0c0c6e -2%, rgb(12 12 110 / 0%) 30%, transparent 60%, rgb(14 13 109) 100%);
}
html[dir="rtl"] .hm-city-overlay {
    position: absolute;
    inset: 0;
    /*background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 50%, transparent 100%);*/
    z-index: 1;
    transition: background 0.3s;
    /*background-color: #fff0;*/
    /*background-image: linear-gradient(299deg, #0e0d6d66 64%, #ffffff4d 44%);*/
        background: linear-gradient(to bottom, #0c0c6e -2%, rgb(12 12 110 / 0%) 30%, transparent 60%, rgb(14 13 109) 100%);
}
.hm-city-card:hover .hm-city-overlay {
    background-image: linear-gradient(118deg, #0e0d6d00 64%, #0e0d6d9c 44%);
}
html[dir="ltr"] .hm-city-card:hover .hm-city-overlay {
   background-image: linear-gradient(298deg, #0e0d6d00 64%, #0e0d6d9c 44%);
}
.feature-img.rounded-circle {
    border-radius: 15px !important;
}
p.fz15.fw400.dark-color.mb-0 {
line-height: 1;
    font-size: 14px;
    margin-top: -22px;
    z-index: 1;
    position: relative;
    color: #fff;
    font-weight: 700;
    background: #cf1e26;
    display: ruby-text;
    top: -11px;
        direction: ltr;
}
h2.hm-brands-title {
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
    font-weight: 700;
    color: #0c0c6e;
    line-height: 1.3;
    margin: 0;
}
.hm-brands-divider img {
    display: block;
    width: 195px;
    height: auto;
    -webkit-filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(5200%) hue-rotate(231deg) brightness(0.92) contrast(1.08);
    filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(5200%) hue-rotate(231deg) brightness(0.82) contrast(1.08);
}
p.hm-brands-desc {
    font-size: 18px;
    line-height: 1.65;
    color: #0c0c6e;
    margin: 0;
}
.hm-brands-divider {
    margin-top: 14px;
    margin-bottom: 14px;
    max-width: 520px;
}
p.hm-cities-desc {
    font-size: 18px;
    line-height: 1.65;
    color: #ffffff;
    margin: 0;
}
.hm-city-info {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    z-index: 2;
    color: #fff;
    text-align: center;
    padding: 35px;
}
.hm-city-name {     font-size: 30px;
    font-weight: 700;
    margin: 0 0 8px;
    color: #fff; }
.hm-city-count {
font-size: 20px;
    color: rgba(255, 255, 255, 0.85);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(255, 255, 255, 0.45);
    padding: 3px 12px;
    border-radius: 30px;
    backdrop-filter: blur(4px);
}
.hm-cities-pagination {
    display: flex;
    justify-content: center;
    margin-top: 24px;
    gap: 6px;
}
.hm-cities-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 1;
    border-radius: 50%;
    transition: all 0.3s;
}
.hm-cities-pagination .swiper-pagination-bullet-active {
    background: var(--light-color, #de0811);
    width: 28px;
    border-radius: 5px;
}
.hm-services .ac-sec-head {
    text-align: center;
}
.hm-services .ac-sec-head h2.ac-sec-title {
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
    font-weight: 700;
    color: #0c0c6e;
    line-height: 1.3;
    margin: 0;
}
.hm-services .ac-sec-divider {
    margin-top: 10px;
    margin-bottom: 10px;
}
.hm-services .ac-sec-divider img {
    -webkit-filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(5200%) hue-rotate(231deg) brightness(0.92) contrast(1.08);
    filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(5200%) hue-rotate(231deg) brightness(0.82) contrast(1.08);
    display: block;
    width: 195px;
    height: auto;
    margin: 0 auto;
}
.hm-services p.ac-sec-desc {
    font-size: 18px;
    line-height: 1.65;
    color: #0c0c6e;
    margin: 0;
}


.hm-counters .ac-sec-head {
    text-align: center;
}
.hm-counters .ac-sec-head h2.ac-sec-title {
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    margin: 0;
}
.hm-counters .ac-sec-divider {
    margin-top: 10px;
    margin-bottom: 10px;
}
.hm-counters .ac-sec-divider img {
    -webkit-filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(5200%) hue-rotate(231deg) brightness(5.82) contrast(12.08);
    filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(5200%) hue-rotate(231deg) brightness(5.82) contrast(12.08);
    display: block;
    width: 195px;
    height: auto;
    margin: 0 auto;
}
.hm-counters p.ac-sec-desc {
    font-size: 18px;
    line-height: 1.65;
    color: #ffffff;
    margin: 0;
}

/* ===== Homepage Sections Responsive ===== */
@media (max-width: 1199px) {
    .hm-blog-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 991px) {
    .hm-adv-wrap { flex-direction: column; }
    .hm-adv-img { flex: none; width: 100%; max-width: 340px; margin: 0 auto; }
    .hm-cta-box { flex-direction: column; padding: 0px; text-align: center; }
    .hm-cta-img { flex: none; width: 100%; max-width: 300px; }
    .hm-cta-content h2 { font-size: 24px;    width: 65%; }
    .hm-car-slider.owl-carousel .owl-nav .owl-prev { inset-inline-start: 0; }
    .hm-car-slider.owl-carousel .owl-nav .owl-next { inset-inline-end: 0; }
}
@media (max-width: 767px) {
    .hm-adv-cards { grid-template-columns: 1fr; }
    .hm-blog-grid { grid-template-columns: 1fr; }
    .hm-sec-title { font-size: 22px; }
    .hm-counters-grid { grid-template-columns: repeat(2, 1fr); }
    .hm-services-grid { grid-template-columns: repeat(2, 1fr); }
    .hm-cta-box { padding: 28px 24px; }
    .hm-city-card { height: 220px; }
    .hm-city-name { font-size: 17px; }
}
@media (max-width: 575px) {
    .hm-services-grid { grid-template-columns: 1fr; }
    .hm-sec-header-between { flex-direction: column; align-items: flex-start; }
    .hm-car-img { height: 170px; }
}

/* ============================================
   Dashboard Layout (db- prefix)
   ============================================ */

/* Wrapper */
.db-wrapper {
    display: flex;
    min-height: calc(100vh - 80px);
    background: #f4f6f9;
}

/* ===== Sidebar ===== */
.db-sidebar {
    width: 280px;
    flex-shrink: 0;
    background: #fff;
    border-inline-end: 1px solid #e9ecef;
    position: sticky;
    top: 80px;
    height: calc(100vh - 80px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    z-index: 10;
}
.db-sidebar::-webkit-scrollbar { width: 4px; }
.db-sidebar::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.12); border-radius: 30px; }

.db-sidebar-inner { padding: 24px 0; }

/* User Card */
.db-user-card {
    text-align: center;
    padding: 0 20px 24px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 8px;
}
.db-user-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 12px;
    overflow: hidden;
    border: 3px solid var(--light-color, #de0811);
    padding: 3px;
}
.db-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.db-user-name {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 4px;
}
.db-user-type {
    font-size: 14px;
    color: #888;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #f4f6f9;
    padding: 3px 12px;
    border-radius: 20px;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #c60e134f;
    box-shadow: -10px 0 0 #c60e134f;
}
/* Navigation */
.db-nav { padding: 8px 12px; }
.db-nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 16px;
    border-radius: 10px;
    color: #555;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    margin-bottom: 2px;
}
.db-nav-item:hover {
    background: #f4f6f9;
    color: var(--light-color, #de0811);
    text-decoration: none;
}
.db-nav-item i {
    width: 20px;
    text-align: center;
    font-size: 15px;
    flex-shrink: 0;
}
.db-nav-item.db-active {
    background: var(--light-color, #de0811);
    color: #fff;
    font-weight: 600;
}
.db-nav-item.db-active:hover { color: #fff; }

.db-nav-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #aaa;
    letter-spacing: 0.5px;
    padding: 16px 16px 6px;
}

.db-nav-logout { color: #dc3545; }
.db-nav-logout:hover { background: #fff5f5; color: #dc3545; }

/* ===== Main Content ===== */
.db-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.db-content {
    flex: 1;
    padding: 28px 32px;
}

/* ===== Mobile Menu ===== */
.db-mobile-bar {
    padding: 12px 16px;
    background: #fff;
    border-bottom: 1px solid #e9ecef;
}
.db-mobile-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f4f6f9;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    width: 100%;
    justify-content: center;
}
.db-mobile-menu {
    position: fixed;
    top: 0;
    inset-inline-start: -320px;
    width: 300px;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    overflow-y: auto;
    transition: inset-inline-start 0.35s ease;
    box-shadow: 4px 0 20px rgba(0,0,0,0.1);
}
.db-mobile-menu.db-mm-open { inset-inline-start: 0; }
.db-mm-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid #f0f0f0;
}
.db-mm-user {
    display: flex;
    align-items: center;
    gap: 10px;
}
.db-mm-user img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--light-color, #de0811);
}
.db-mm-user strong { font-size: 14px; color: #1a1a2e; display: block; }
.db-mm-user small { font-size: 11px; color: #999; }
.db-mm-close {
    background: none;
    border: none;
    font-size: 20px;
    color: #999;
    cursor: pointer;
    padding: 4px;
}
.db-mm-nav { padding: 12px; }
.db-mm-nav a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 8px;
    color: #555;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s;
}
.db-mm-nav a:hover { background: #f4f6f9; color: var(--light-color, #de0811); text-decoration: none; }
.db-mm-nav a.db-active { background: var(--light-color, #de0811); color: #fff; }
.db-mm-nav a i { width: 20px; text-align: center; font-size: 14px; }
.db-mm-nav .db-nav-logout { color: #dc3545; }
.db-mm-nav .db-nav-logout:hover { background: #fff5f5; }
.db-mm-divider { height: 1px; background: #f0f0f0; margin: 10px 0; }
.db-mobile-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 9998;
    display: none;
}
.db-mm-open ~ .db-mobile-overlay { display: block; }

/* ===== Dashboard Page Header ===== */
.db-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.db-page-title {
    font-size: 24px;
    font-weight: 800;
    color: #1a1a2e;
    margin: 0;
}
.db-page-subtitle {
    font-size: 14px;
    color: #888;
    margin: 4px 0 0;
}

/* ===== Stats Cards ===== */
.db-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}
.db-stat-card {
    background: #fff;
    border-radius: 14px;
    padding: 22px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    border: 1px solid #f0f0f0;
    transition: transform 0.2s, box-shadow 0.2s;
}
.db-stat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.db-stat-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}
.db-stat-primary .db-stat-icon { background: rgba(222,8,17,0.1); color: var(--light-color, #de0811); }
.db-stat-success .db-stat-icon { background: rgba(40,167,69,0.1); color: #28a745; }
.db-stat-warning .db-stat-icon { background: rgba(255,193,7,0.1); color: #e6a800; }
.db-stat-info .db-stat-icon { background: rgba(23,162,184,0.1); color: #17a2b8; }

.db-stat-info { display: flex; flex-direction: column; min-width: 0; }
.db-stat-value {
    font-size: 22px;
    font-weight: 800;
    color: #1a1a2e;
    line-height: 1.2;
}
.db-stat-label {
    font-size: 13px;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ===== Dashboard Card ===== */
.db-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    border: 1px solid #f0f0f0;
    margin-bottom: 24px;
    overflow: hidden;
}
.db-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    border-bottom: 1px solid #f0f0f0;
}
.db-card-title {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.db-card-title i { color: var(--light-color, #de0811); font-size: 18px; }
.db-card-body { padding: 24px; }

.db-period-form { display: flex; align-items: center; }
.db-period-select {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    color: #555;
    background: #f9f9f9;
    cursor: pointer;
    outline: none;
}
.db-period-select:focus { border-color: var(--light-color, #de0811); }

/* ===== Dashboard Footer ===== */
.db-main > footer.dashboard_footer {
    margin-top: auto;
    background: #fff;
    border-top: 1px solid #e9ecef;
}

/* ===== Override old dashboard styles ===== */
.db-wrapper .dashboard_content_wrapper,
.db-wrapper .dashboard.dashboard_wrapper,
.db-wrapper .dashboard__sidebar,
.db-wrapper .dashboard__main { all: unset; }

/* ===== Dashboard Button ===== */
.db-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--light-color, #de0811);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;
}
.db-btn-primary:hover { background: #c00710; color: #fff; text-decoration: none; transform: translateY(-1px); }
.db-btn-sm { padding: 6px 14px; font-size: 13px; border-radius: 8px; }

/* ===== Dashboard Table ===== */
.db-table-responsive { overflow-x: auto; }
.db-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px;
}
.db-table thead th {
    background: #F2F5FB;
    color: #666;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 12px 16px;
    border-bottom: 2px solid #e9ecef;
    white-space: nowrap;
}
.db-table tbody td {
    padding: 14px 16px;
    border-bottom: 1px solid #f0f0f0;
    color: #444;
    vertical-align: middle;
}
.db-table tbody tr:hover { background: #fafbfc; }
.db-table tbody tr:last-child td { border-bottom: none; }

.db-code {
    background: #f0f0f0;
    color: var(--light-color, #de0811);
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
}
.db-link { color: var(--light-color, #de0811); text-decoration: none; font-weight: 500; }
.db-link:hover { text-decoration: underline; }

/* ===== Dashboard Actions ===== */
.db-actions { display: flex; gap: 6px; }
.db-action-btn {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s;
}
.db-action-view { background: rgba(23,162,184,0.1); color: #17a2b8; }
.db-action-view:hover { background: #17a2b8; color: #fff; }
.db-action-edit { background: rgba(255,193,7,0.1); color: #e6a800; }
.db-action-edit:hover { background: #ffc107; color: #fff; }
.db-action-delete { background: rgba(220,53,69,0.1); color: #dc3545; }
.db-action-delete:hover { background: #dc3545; color: #fff; }

/* ===== Dashboard Pagination ===== */
.db-pagination { padding: 16px 0 0; display: flex; justify-content: center; }
.db-pagination .pagination { gap: 4px; }

/* ===== Dashboard Empty State ===== */
.db-empty {
    text-align: center;
    padding: 60px 20px;
}
.db-empty i {
    font-size: 52px;
    color: #ddd;
    margin-bottom: 16px;
    display: block;
}
.db-empty h4 { color: #666; font-size: 18px; font-weight: 600; margin: 0 0 8px; }
.db-empty p { color: #999; font-size: 14px; margin: 0 0 20px; }
.db-empty-sm { padding: 40px 20px; }
.db-empty-sm i { font-size: 36px; }
.db-empty-sm h4 { font-size: 15px; }

/* ===== Dashboard Stars ===== */
.db-stars { display: inline-flex; gap: 2px; }
.db-stars i { color: #e0e0e0; font-size: 13px; }
.db-stars i.active { color: #ffc107; }

/* ===== Dashboard Badge ===== */
.db-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
}
.db-badge-success { background: rgba(40,167,69,0.1); color: #28a745; }
.db-badge-danger { background: rgba(220,53,69,0.1); color: #dc3545; }
.db-badge-warning { background: rgba(255,193,7,0.1); color: #e6a800; }
.db-badge-info { background: rgba(23,162,184,0.1); color: #17a2b8; }

/* ===== Dashboard Tabs ===== */
.db-tabs { display: flex; gap: 4px; }
.db-tab {
    background: none;
    border: none;
    padding: 8px 18px;
    font-size: 14px;
    font-weight: 500;
    color: #888;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
}
.db-tab:hover { color: #555; background: #f4f6f9; }
.db-tab.active { background: var(--light-color, #de0811); color: #fff; }
.db-tab-pane { display: none; }
.db-tab-pane.active { display: block; }

/* ===== Dashboard Form ===== */
.db-form-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #444;
    margin-bottom: 6px;
}
.db-form-input {
    display: block;
    width: 100%;
    padding: 10px 14px;
    font-size: 14px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #f9f9fb;
    color: #333;
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
}
.db-form-input:focus {
    border-color: var(--light-color, #de0811);
    box-shadow: 0 0 0 3px rgba(222,8,17,0.08);
    background: #fff;
}
.db-form-value {
    padding: 10px 14px;
    font-size: 16px;
    font-weight: 700;
    color: var(--light-color, #de0811);
    background: #fef5f5;
    border-radius: 10px;
}

/* ===== Profile Edit Layout ===== */
.db-profile-layout {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}
.db-profile-photos {
    width: 300px;
    flex-shrink: 0;
}
.db-profile-form { flex: 1; min-width: 0; }

.db-photo-upload {
    text-align: center;
}
.db-photo-upload img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #f0f0f0;
    margin-bottom: 14px;
    display: block;
    margin-inline: auto;
}
.db-photo-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f4f6f9;
    border: 1px dashed #ccc;
    border-radius: 8px;
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 600;
    color: #555;
    cursor: pointer;
    transition: all 0.2s;
}
.db-photo-btn:hover { background: #e9ecef; border-color: var(--light-color, #de0811); color: var(--light-color, #de0811); }

.db-doc-upload { text-align: center; }
.db-doc-upload img {
    width: 100%;
    max-height: 160px;
    object-fit: cover;
    border-radius: 10px;
    border: 2px solid #f0f0f0;
    margin-bottom: 12px;
}

/* ===== FullCalendar override ===== */
.db-card .fc { font-size: 14px; }
.db-card .fc .fc-toolbar-title { font-size: 18px; font-weight: 700; }
.db-card .fc .fc-button-primary {
    background: var(--light-color, #de0811);
    border-color: var(--light-color, #de0811);
}
.db-card .fc .fc-button-primary:hover { background: #c00710; border-color: #c00710; }
.db-card .fc .fc-button-primary:not(:disabled).fc-button-active {
    background: #a00510;
    border-color: #a00510;
}
.db-card .fc .fc-daygrid-day:hover { background: #fef5f5; }

/* ===== Dashboard Responsive ===== */
@media (max-width: 1199px) {
    .db-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .db-content { padding: 24px 20px; }
}
@media (max-width: 991px) {
    .db-sidebar { width: 240px; }
    .db-profile-layout { flex-direction: column; }
    .db-profile-photos { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
}
@media (max-width: 767px) {
    .db-stats-grid { grid-template-columns: 1fr; }
    .db-content { padding: 16px; }
    .db-page-title { font-size: 20px; }
    .db-page-header { flex-direction: column; gap: 12px; align-items: flex-start; }
    .db-stat-card { padding: 16px; }
    .db-stat-value { font-size: 18px; }
    .db-card-header { padding: 14px 16px; flex-wrap: wrap; gap: 10px; }
    .db-card-body { padding: 16px; }
    .db-table { font-size: 13px; }
    .db-table thead th { padding: 10px 12px; }
    .db-table tbody td { padding: 10px 12px; }
    .db-tabs { flex-wrap: wrap; }
    .db-profile-photos { grid-template-columns: 1fr; }
}


/* ========== NOTIFICATION BELL (HEADER) ========== */
.header-notif-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.header-notif-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px 10px;
    font-size: 18px;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1;
    transition: color .2s;
    width: 42px;
    height: 42px;
    border-radius: 30px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    position: relative;
}
.header-notif-btn:hover { color: rgba(255,255,255,0.75); }

/* Sticky header & inner pages: bell becomes dark */
header.nav-homepage-style.stricky.stricky-fixed .header-notif-btn,
header.nav-innerpage-style .header-notif-btn {
    color: #222;    border-color: rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 0.04);
}
header.nav-homepage-style.stricky.stricky-fixed .header-notif-btn:hover,
header.nav-innerpage-style .header-notif-btn:hover {
    color: #de0811;
}
.header-notif-badge {
    position: absolute;
    top: 0;
    right: 2px;
    background: #de0811;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    min-width: 16px;
    height: 16px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    line-height: 1;
    pointer-events: none;
}
.header-notif-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 340px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,.15);
    z-index: 9999;
    overflow: hidden;
    border: 1px solid #eee;
    animation: notifFadeIn .18s ease;
}
[dir="rtl"] .header-notif-dropdown { right: auto; left: 0; }
.header-notif-dropdown.show { display: block; }
@keyframes notifFadeIn { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
.hnd-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px 10px;
    border-bottom: 1px solid #f0f0f0;
}
.hnd-title {
    font-weight: 700;
    font-size: 15px;
    color: #0D1C39;
}
.hnd-mark-all {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #de0811;
    padding: 0;
    font-weight: 500;
}
.hnd-mark-all:hover { text-decoration: underline; }
.hnd-list {
    max-height: 360px;
    overflow-y: auto;
}
.hnd-loading, .hnd-empty {
    padding: 30px;
    text-align: center;
    color: #aaa;
    font-size: 14px;
}
.hnd-empty i { font-size: 28px; margin-bottom: 8px; display: block; }
.hnd-item {
display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 7px 16px;
    border-bottom: 1px solid #16156b0f;
    text-decoration: none;
    color: #333;
    transition: background .15s;
    position: relative;
}
.hnd-item:hover { background: #fafafa; }
.hnd-item-unread { background: #fff8f8; }
.hnd-item-unread:hover { background: #fff0f0; }
.hnd-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #de0811;
    font-size: 14px;
}
.hnd-item-unread .hnd-icon { background: #ffe5e5; }
.hnd-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.hnd-item-title {
    font-weight: 600;
    font-size: 13px;
    color: #0D1C39;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hnd-item-msg {
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
        line-height: 15px;
}
.hnd-item-time {
    font-size: 14px;
    color: #aaa;
    margin-top: 2px;
    line-height: 12px;
}
.hnd-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #de0811;
    flex-shrink: 0;
    align-self: center;
    margin-inline-start: 4px;
}
.hnd-footer {
    display: block;
    text-align: center;
    padding: 10px;
    font-size: 13px;
    color: #de0811;
    font-weight: 600;
    border-top: 1px solid #f0f0f0;
    text-decoration: none;
    background: #fafafa;
    transition: background .15s;
}
.hnd-footer:hover { background: #f5f5f5; color: #c01522; }

.available-cars-section .ac-sec-head {
            max-width: 640px;
        }
        .available-cars-section .ac-sec-title {
            font-size: clamp(1.35rem, 2.5vw, 1.85rem);
            font-weight: 700;
    color: #0c0c6e;
    line-height: 1.3;
    margin: 0;
        }
        .available-cars-section .ac-sec-divider {
    margin-top: 10px;
    margin-bottom: 10px;
        }
        .available-cars-section .ac-sec-divider img {
            display: block;
            width: 195px;
            height: auto;
                -webkit-filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(5200%) hue-rotate(231deg) brightness(0.92) contrast(1.08);
    filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(5200%) hue-rotate(231deg) brightness(0.82) contrast(1.08);
        }
        .available-cars-section .ac-sec-desc {
       font-size: 18px;
    line-height: 1.65;
    color: #0c0c6e;
    margin: 0;
        }
        .available-cars-section .ac-sec-btn {
            white-space: nowrap;
        }
        @media (max-width: 991.98px) {
            .available-cars-section .ac-sec-btn {
                width: 100%;
                text-align: center;
            }
        }
        .terms-conditions-content h2 {
    color: #0c0c6e;
}