:root {
    /* --gold: #d9b168; */
    --gold: #ca911e;
    --gold-light: #f0d79a;
    --gold-dark: #c19a4e;
    --gold-dark-800: #8b6d24;
    --gold-gradient: linear-gradient(100deg, #c79a4c, #f2dca4, #cba054);
    --radial-gold-gradient: radial-gradient(circle at 68% 36%, rgba(216, 184, 90, 0.09), transparent 22rem), linear-gradient(180deg, #f0ece2 0%, #e8e2d6 52%, #ded8cc 100%);
    /* --btn-gradient: linear-gradient(100deg, rgba(193, 154, 78, 1) 0%, rgba(203, 160, 84, 1) 50%, rgba(242, 220, 164, 1) 75%, rgba(203, 160, 84, 1) 100%); */
    --btn-gradient: linear-gradient(100deg, #ca911e 0%, #ca911e 50%, #f2dca4 75%, #ca911e 100%);
    --navy: #28304f;
    --navy-deep: #141a2e;
    /* --bg: #0f1424; */
    --bg: #0b2241;
    /* --card: #1a2138; */
    --card: #163152;
    --fg: #f2f4f8;
    --muted: #a2a9bd;
    /* --border: rgba(217, 177, 104, .22); */
    --border: rgba(255, 255, 255, .1);
    --shadow-lux: 0 30px 70px -30px rgba(4, 6, 14, .8);
    /* --font-heading: "Cormorant Garamond", Georgia, serif;
    --font-body: "Manrope", ui-sans-serif, system-ui, sans-serif; */
    --font-heading: "Playfair Display", Georgia, serif;
    --font-body: "Tahoma", ui-sans-serif, system-ui, sans-serif;

    --input-bg: rgba(210, 186, 148, 0.62);
    --input-border-color: rgba(250, 236, 208, 0.680);
    --input-focus: rgba(210, 186, 148, 1);
    --input-border-color-focus: rgba(250, 236, 208, 1);
    --input-text-color: #000;

    --border-color: #b6b6b6;
}


.clr-gold {
    color: var(--gold);
}

.bg-radial-gradient {
    background: var(--radial-gold-gradient) !important;
}

.wp-block-themepunch-revslider {

    .btn-outline,
    .button {
        padding: 14px 22px !important;
        font-size: clamp(0.875rem, 0.5712rem + 0.6329vw, 1.125rem) !important;
        font-weight: 500 !important;
        background: var(--btn-gradient) !important;
        background-size: 200% !important;
        background-position: right center !important;
        color: #000 !important;
        border-radius: 8px !important;

        @media screen and (max-width: 992px) {
            padding: 12px 18px !important;
        }

        &:hover {
            background-position: left center !important;
        }
    }


    .btn-link,
    .btn-outline,
    .button {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: fit-content !important;
        gap: 8px;
        min-height: 52px;
        transition: 250ms ease-out !important;

        @media screen and (max-width: 992px) {
            /* min-height: auto; */
        }

        i {
            font-size: 24px;

            @media screen and (max-width: 992px) {
                font-size: 20px;
            }
        }
    }

    .btn-outline {
        background: none !important;
        outline: 1px solid var(--gold) !important;
        outline-offset: -1px;
        color: var(--gold) !important;

        &:hover {
            background-color: var(--gold) !important;
            color: #000 !important;
        }
    }

    .btn-link:hover {
        color: var(--gold) !important;
    }
}

.elementor-button,
.btn-outline,
.button {
    padding: 14px 22px;
    font-size: clamp(0.875rem, 0.5712rem + 0.6329vw, 1.125rem);
    font-weight: 500;
    background: var(--btn-gradient);
    background-size: 200%;
    background-position: right center;
    color: #000;
    border-radius: 8px !important;
    min-height: 52px;

    @media screen and (max-width: 992px) {
        padding: 12px 18px;
        min-height: auto;
    }
}

.qodef-button {
    padding: 14px 22px !important;
    font-size: clamp(0.875rem, 0.5712rem + 0.6329vw, 1.125rem) !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    min-height: 52px !important;
    transition: 250ms ease-out !important;
    text-transform: capitalize !important;
    letter-spacing: 0 !important;

    @media screen and (max-width: 992px) {
        min-height: auto !important;
        padding: 12px 18px !important;
    }
}

.qodef-button.qodef-layout--filled {
    background: var(--btn-gradient) !important;
    background-size: 200% !important;
    background-position: right center !important;
    color: #000 !important;
    letter-spacing: 0 !important;
    text-transform: capitalize !important;
}

.qodef-button.qodef-layout--filled:hover {
    background-position: left center !important;
}

.qodef-button.qodef-layout--outlined {
    color: var(--gold) !important;
}

.qodef-button.qodef-layout--outlined:hover {
    background-color: var(--gold) !important;
    color: #000 !important;
}

.qodef-button .qodef-m-text {
    margin: 0 !important;
}

.qodef-button .qodef-m-text::after,
.qodef-button .qodef-m-text::before {
    display: none !important;
}

.qodef-button.qodef-layout--filled,
.elementor-button:hover,
.button:hover {
    background-position: left center;
}

.btn-link,
.btn-outline,
.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    gap: 8px;

    i {
        font-size: 24px;

        @media screen and (max-width: 992px) {
            font-size: 20px;
        }
    }
}

.elementor-button-info .elementor-button,
.btn-outline {
    background-color: transparent !important;
    background: none !important;
    outline: 1px solid var(--gold);
    outline-offset: -1px;
    color: var(--gold) !important;
}

.elementor-button-info .elementor-button:hover,
.btn-outline:hover {
    background-color: var(--gold) !important;
    color: #000 !important;
}

header .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: auto !important;
    font-size: 16px;

    @media screen and (max-width: 1250px) {
        padding: 10px 18px !important;
        font-size: 14px !important;
    }

}

@media screen and (max-width: 1024px) {
    .header-btn-row {
        margin-left: auto;
    }
}

header .elementor-button svg {
    width: 18px;
    height: 18px;
    fill: currentColor;

    @media screen and (max-width: 992px) {
        width: 16px;
        height: 16px;
    }
}

.custom-counter .qodef-m-digit {
    color: var(--gold) !important;
    font-family: var(--font-heading) !important;
    font-variant-numeric: tabular-nums !important;
}

.custom-counter .qodef-m-digit-wrapper {
    margin-bottom: 20px;
}

.custom-counter .qodef-m-title {
    color: var(--muted) !important;
}

header.sticky #header {
    background-color: var(--bg);
    border-bottom: 1px solid var(--navy);
}

body.admin-bar header #header {
    top: var(--wp-admin--admin-bar--height);
}

@media screen and (max-width: 600px){    
    body.admin-bar header.sticky #header {
        top: 0;
    }
}


#header {
    backdrop-filter: blur(10px);
}

@media screen and (min-width: 1024px) and (max-width: 1250px) {
    #header .hfe-site-logo .hfe-site-logo-container img {
        width: 100px !important;
    }

    #header .hfe-nav-menu a.hfe-menu-item,
    #header .hfe-nav-menu a.hfe-sub-menu-item {
        font-size: 14px !important;
    }
}

@media (max-width: 1024px) {
    header nav {
        position: absolute !important;
        width: calc(100% + 40px) !important;
        left: -20px !important;
        top: calc(100% + 20px) !important;
    }

    header .elementor-widget-navigation-menu.elementor-widget {
        position: static;
    }
}

body:has(#header.inner-pages-header) {
    padding-top: 129px;

    @media screen and (max-width: 1250px) {
        padding-top: 102px;
    }

    @media screen and (max-width: 768px) {
        padding-top: 90px;
    }
}

#header.inner-pages-header {
    background: var(--radial-gold-gradient);
    border-bottom: 1px solid #b6b6b6 !important;

    .elementor-button-info .elementor-button,
    .btn-outline {
        color: #000 !important;
    }
}

.elementor-widget-luxedrive_core_section_title .qodef-section-title {
    display: flex;
    flex-direction: column;
}

.elementor-widget-luxedrive_core_section_title .qodef-section-title .qodef-m-subtitle {
    order: -1;
    margin-bottom: 12px;
}

.qodef-section-title .qodef-m-subtitle {
    font-family: var(--font-body);
    /* color: var(--gold-dark); */
    color: var(--gold);
    font-weight: 600;
}

.showcase-video {
    border-radius: 12px;
    overflow: hidden;
}

.showcase-video img,
.showcase-video .elementor-wrapper {
    aspect-ratio: 9 / 10;
}

.showcase-video img,
.showcase-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.white-color .qodef-section-title {
    .qodef-m-title {
        color: #FFF;
    }

    .qodef-m-text {
        color: var(--muted);
    }
}

.service-box .qodef-icon-with-text {
    position: relative;
    background-color: var(--card);
    border-radius: 12px;
    padding: 32px 24px;
    border: 1px solid var(--border);
    z-index: 1;
    transition: background-color 250ms ease-out;
    height: 100%;

    @media screen and (max-width: 992px) {
        padding: 24px;
    }

    &:hover {
        /* background-color: rgba(40, 48, 79, .7); */
        background-color: rgb(12, 44, 83);
    }

    .qodef-m-icon-wrapper {
        position: static;
        width: 72px;
        height: 72px;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 8px;
        padding: 12px;
        border: 1px solid var(--border);

        @media screen and (max-width: 992px) {
            font-size: 52px;
        }

        img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            filter: brightness(0) saturate(100%) invert(58%) sepia(87%) saturate(441%) hue-rotate(2deg) brightness(88%) contrast(85%);
        }

        a {
            &::after {
                content: '';
                position: absolute;
                inset: 0;
                z-index: 1;
            }
        }
    }

    .qodef-m-content {

        .qodef-m-title {
            font-size: 22px;
            font-weight: 700;
            margin-top: 30px;
            font-family: var(--font-body);

            @media screen and (max-width: 992px) {
                font-size: 18px;
            }
        }

        .qodef-m-text {
            margin-top: 12px;
            font-size: 16px;
            line-height: 1.4;

            @media screen and (max-width: 992px) {
                font-size: 14px;
            }
        }
    }
}


.why-transitara-box .qodef-icon-with-text {
    background-color: #FFF;
    position: relative;
    padding: 32px 24px;
    border-radius: 12px;
    z-index: 1;
    transition: background-color 250ms ease-out;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    @media screen and (max-width: 992px) {
        padding: 24px;
    }

    .qodef-m-icon-wrapper {
        flex-shrink: 0;
        position: static;
        width: 72px;
        height: auto;
        aspect-ratio: 1;
        display: block;
        border-radius: 8px;
        padding: 12px;
        background: rgb(217, 177, 104, 10%);

        @media screen and (max-width: 992px) {
            width: 52px;
        }

        img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain;
            /* filter: brightness(0) saturate(100%) invert(64%) sepia(7%) saturate(3142%) hue-rotate(1deg) brightness(100%) contrast(78%); */
            filter: brightness(0) saturate(100%) invert(58%) sepia(87%) saturate(441%) hue-rotate(2deg) brightness(88%) contrast(85%);
        }
    }

    .qodef-m-content {
        .qodef-m-title {
            font-size: 24px;
            font-weight: 700;
            margin-top: 30px;
            font-family: var(--font-body);

            @media screen and (max-width: 992px) {
                font-size: 20px;
            }
        }

        .qodef-m-text {
            margin-top: 20px;
            font-size: 18px;
            line-height: 1.6;
            opacity: 0.8;

            @media screen and (max-width: 992px) {
                font-size: 16px;
                margin-bottom: 16px;
            }
        }
    }
}


.fleet-swiper-box {

    .row {
        display: grid;
        grid-template-columns: minmax(0px, 0.4fr) minmax(0px, 1fr);
        gap: 40px;
        align-items: center;

        @media screen and (max-width: 992px) {
            grid-template-columns: minmax(0px, 1fr);
        }
    }

    .fleet-pagination-swiper {
        width: 100%;

        .swiper-wrapper {

            @media screen and (min-width: 992.99px) {
                display: block;
                transform: translate(0) !important;
            }

            .swiper-slide {
                width: auto !important;
                height: auto !important;
                align-items: flex-start;
                justify-content: flex-start;
                text-align: left;
                cursor: pointer;

                &:not(:last-child) {
                    margin-bottom: 20px;

                    @media screen and (max-width: 992px) {
                        margin-bottom: 0;
                        border-right: 2px solid var(--border);
                        margin-right: 20px;
                        padding-right: 20px;
                    }

                }

                &.swiper-slide-thumb-active {
                    span {
                        color: var(--gold);
                    }
                }

                span {
                    font-size: clamp(1.375rem, 0.6155rem + 1.5823vw, 2rem);
                    font-weight: 600;
                    color: var(--gold-light);
                    font-family: var(--font-heading);
                    transition: 250ms ease-out;
                }
            }
        }
    }

    .fleet-swiper {
        width: 100%;
        position: relative;
        overflow: visible;

        &::after {
            content: '';
            position: absolute;
            inset: 0;
            ;
            background: radial-gradient(ellipse 80% 60% at 50% 45%, var(--gold), transparent 70%);
            filter: blur(80px);
            pointer-events: none;
            border-radius: 50%;
            transition: background .9s;
            opacity: 0.3;
            width: 150%;
            height: 150%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .swiper-slide {

            &.swiper-slide-active {
                figure {
                    opacity: 1;
                    transform: translateY(0) scale(1) rotate(0deg);
                    transition-delay: .22s;
                }
            }

            figure {
                opacity: 0;
                transform: translateY(26px) scale(.96) rotate(-1deg);
                will-change: transform, opacity;
                transition: opacity .22s, transform .22s cubic-bezier(.22, 1, .36, 1);
                aspect-ratio: 907 / 605;
            }

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }
    }
}

.gallery-swiper {

    .swiper {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center;
        justify-content: center;
        gap: 20px 10px;
        width: 100% !important;
        margin: 0;

        .swiper-wrapper {
            width: 100% !important;
        }

        .swiper-pagination,
        .elementor-swiper-button {
            position: static !important;
            transform: revert !important;
            margin: 0 !important;
        }

        .elementor-swiper-button-prev {
            /* grid-area: prev-button; */
        }

        .swiper-pagination {
            display: flex;
            align-items: center;
            justify-content: center;
            width: auto !important;
            background-color: #FFF;
            border: 1px solid #100f0d24;
            border-radius: 999px;
            height: 40px;
            padding: 0 10px;

            .swiper-pagination-bullet {
                width: 8px;
                height: 8px;
                border: 50%;
                background-color: #14120e47;
                transition: width .18s, background-color .18s;
                margin: 0;

                &::after,
                &::before {
                    display: none !important;
                }

                &.swiper-pagination-bullet-active {
                    width: 26px;
                    background-color: #14120ed1;
                }
            }
        }

        .elementor-swiper-button-next {
            order: 1;
        }

        .elementor-swiper-button {
            display: flex;
            align-items: center;
            justify-content: center;
            grid-area: button;
            width: 40px;
            height: 40px;
            background-color: #FFF;
            border-radius: 50%;
            border: 1px solid #100f0d24;
            transition: 250ms ease-out;
            
            &:hover {
                background-color: var(--gold);
                border-color: var(--gold);
                
                svg {
                    color: #FFF !important;
                }
            }
            
            svg {
                transition: 250ms ease-out;
                width: 60% !important;
                fill: #100f0d !important;
            }
        }

        .swiper-slide {
            aspect-ratio: 735 / 418;
            border-radius: 12px;
            overflow: hidden;

            img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
}

.swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    background-color: #FFF;
    border: 1px solid #100f0d24;
    border-radius: 999px;
    height: 40px;
    padding: 0 10px;
    width: fit-content !important;
    margin-inline: auto;

    @media screen and (max-width: 992px) {
        height: 30px;
        padding: 0 8px;
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        border: 50%;
        background-color: #14120e47;
        transition: width .18s, background-color .18s;
        margin: 0;

        @media screen and (max-width: 992px) {
            width: 6px;
            height: 6px;
        }

        &::after,
        &::before {
            display: none !important;
        }

        &.swiper-pagination-bullet-active {
            width: 26px;
            background-color: #14120ed1;
        }
    }
}


.banner-cta-box-title .e-con-inner {
    margin-right: 0 !important;
}

#qodef-page-footer .widget .qodef-widget-title {
    font-family: var(--font-body);
    font-weight: 600;
}

#qodef-page-footer-top-area-inner .widget.widget_nav_menu .menu-item a {
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1;
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--font-body) !important;
}

#qodef-page-footer-top-area-inner .widget.widget_nav_menu .menu-item a:hover {
    color: #FFF;
}

.menu-privacy-policy-container ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 22px;

    li {
        margin-bottom: 0 !important;
    }
}

#qodef-page-footer-bottom-area-inner a,
#qodef-page-footer-bottom-area-inner {
    font-size: 14px;
}

[data-area="qodef-footer-top-area-column-1"] {
    p {
        color: var(--muted);
    }
}

#qodef-content-bottom {
    background-color: var(--bg) !important;
    padding-inline: 0 !important;
    border-top: 1px solid #2d363e;
    

    @media only screen and (max-width: 1024px) {
        padding: 50px 0;
    }
}

.qodef-content-grid {
    max-width: 1440px !important;
    width: 100% !important;
    padding-inline: 30px !important;
}

.our-fleet-section {
    overflow: hidden;
}

.qodef-content-grid-1400 section.qodef-elementor-content-grid>.elementor-container,
.qodef-content-grid-1400 section.qodef-elementor-content-grid>.elementor-element {
    max-width: 1440px !important;
    width: 100% !important;
    padding: 0 30px !important;
}

.contact-us-image {
    height: 100vh;
}

.contact-us-image .qodef-m-image {
    height: 100%;
}

.contact-us-image .qodef-m-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gold-bg-form {

    input,
    input[type=email],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=url],
    select,
    textarea {
        background: rgba(210, 186, 148, 0.62);
        border: 1px solid rgba(250, 236, 208, 0.68);
        padding: 14px 20px;
        border-radius: 12px;
        font-size: 16px;
        font-weight: 500;
        font-family: var(--font-body);
        color: #000;
        transition: 250ms ease-out !important;

        @media screen and (max-width: 992px) {
            padding: 12px 18px;
            font-size: 14px;
        }

        &:focus-visible {
            background: rgba(210, 186, 148, 1);
            border-color: rgba(250, 236, 208, 1);
        }

        &::placeholder {
            color: rgba(0, 0, 0, 0.6);
        }
    }

    .form-group,
    .qodef-grid-inner {
        .wpcf7-form-control-wrap {
            margin-bottom: 0;
        }
    }

    label {
        font-size: 15px;
        color: #000;

        @media screen and (max-width: 992px) {
            font-size: 14px;
        }
    }
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;

    @media screen and (max-width: 768px) {
        grid-template-columns: 1fr;
    }

    .full-col {
        grid-column: 1 / -1;
    }


    .form-group {
        .wpcf7-form-control-wrap {
            margin-bottom: 0;
        }
    }
}

.wpcf7-not-valid-tip {
    font-family: var(--font-body) !important;
    letter-spacing: 0 !important;
    line-height: 1.3 !important;
}


.wpcf7 form .wpcf7-response-output {
    margin-bottom: 0;
    background: #FFF;
    border-radius: 6px;
    padding: 10px 20px;
    color: green;
    text-align: center;
    line-height: 1.2 !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
    border-color: #ff0000;
    background-color: color-mix(in srgb, #ff0000 10%, #FFF);
    color: #ff0000;
}

.qodef-contact-form-7 .wpcf7-response-output,
.rs-layer .wpcf7-response-output {
    font-family: var(--font-body) !important;
}

select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgklEQVR4nO2UOwrAIBAF5xKReP+bJFV+TSxynATBQiSI0TXVDggW7htesYKiKIogE7ADRiDLZxzAXPJ4BW7ANcpNyPBZS8nAAJxh4AJshTTNGGsH7R/SFnmztEYuJv0iF5eWyLtJc/Lu0rfddMld4sPJErfs3jTFt9vC6d5UURSFmAePTDtnrV72/QAAAABJRU5ErkJggg==") !important;
    background-repeat: no-repeat !important;
    background-position: right 20px center !important;
    background-size: 16px !important;
    appearance: none !important;

    @media screen and (max-width: 992px) {
        background-size: 14px !important;
    }
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
    margin-left: 0 !important;

    label {
        display: grid;
        grid-template-columns: 20px 1fr;
        gap: 8px;
        margin-bottom: 0 !important;

        input[type="checkbox"] {
            transform: translateY(5px);
        }
    }
}

input[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: var(--gold);
    margin: 0;
}


.image-gallery .qodef-image-gallery.qodef-popup-gallery .qodef-image-wrapper {
    /* display: flex; */
    /* grid-row: auto;
    grid-template-rows: subgrid;
    display: grid; */
}

@media screen and (max-width: 1023px) {
    .image-gallery .qodef-image-gallery.qodef-popup-gallery .qodef-grid-inner {
        display: grid;
        grid-template-columns: repeat(4, 1fr) !important;
        height: auto !important;
    }

    .image-gallery .qodef-image-gallery.qodef-popup-gallery .qodef-grid-inner .qodef-grid-masonry-sizer {
        display: none;
    }

    .image-gallery .qodef-image-gallery.qodef-popup-gallery .qodef-image-wrapper {
        position: relative !important;
        width: 100% !important;
        top: 0 !important;
        left: 0 !important;
        aspect-ratio: 19 / 18 !important;
        height: auto !important;
        display: block !important;

        &.qodef-item--huge-square{
            grid-column: 1 / -1;
        }
    }
}

@media screen and (max-width: 768px) {
    .gallery-section  .e-con.e-flex {
        flex-wrap: nowrap;
    }
    .image-gallery .qodef-image-gallery.qodef-popup-gallery .qodef-grid-inner {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
}

@media screen and (max-width: 568px) {
    .image-gallery .qodef-image-gallery.qodef-popup-gallery .qodef-grid-inner {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

.image-gallery .qodef-image-gallery.qodef-popup-gallery .qodef-image-wrapper a {
    flex: 1;
}

.image-gallery .qodef-image-gallery.qodef-popup-gallery .qodef--masonry-init .qodef-image-wrapper a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    content-visibility: auto;
}

#qodef-page-footer-bottom-area .qodef-grid-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

#qodef-page-footer-bottom-area .qodef-grid-inner .qodef-grid-item {
    display: contents;
}

#qodef-page-footer-bottom-area .qodef-grid-inner .qodef-grid-item .widget_nav_menu {
    margin-bottom: 0;
}

#qodef-page-footer-bottom-area .qodef-grid-inner .qodef-grid-item .widget.widget_block img {
    margin: 0 !important;
    transition: transform 250ms ease-out;
}

#qodef-page-footer-bottom-area .qodef-grid-inner .qodef-grid-item .widget.widget_block img:hover {
    transform: scale(0.95);
}

.qodef-testimonials-list .qodef-e-inner:before {
    left: -2px !important;
}

.qodef-button.qodef-html--link {
    font-family: var(--font-body) !important;
}


.qodef-vehicle-list,
.tax-vehicle-tag,
.fleet-list-section {
    .qodef-filter-heading {
        margin: 0 !important;
    }

    [class*=luxedrive] .select2-container--default {
        margin: 0 !important;
    }

    .qodef-vehicle-list-filter-holder {
        margin-bottom: 60px;

        @media screen and (max-width: 992px) {
            margin-bottom: 40px;
        }
    }

    .qodef-vehicle-list.qodef-item-layout--standard .qodef-e-inner {
        display: flex;
        flex-direction: column;
        padding: 32px !important;
        background-color: #FFF !important;
        border-radius: 12px;
        height: 100%;

        @media screen and (max-width: 992px) {
            padding: 24px !important;
        }

        .qodef-e-content{
            flex: 1;
        }

        .entry-title {
            font-family: var(--font-body);
            color: var(--bg);
            font-weight: 600;
            margin-bottom: 10px;
            font-size: 22px;
            flex: 1;

            @media screen and (max-width: 992px) {
                font-size: 18px;
            }
        }

        .qodef-e-price-info,
        .qodef-reviews-list-info {
            display: none;
        }

        .qodef-e-excerpt {
            font-size: 16px;
            line-height: 1.4;
            color: rgba(0, 0, 0, 0.8);
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-weight: 500;

            @media screen and (max-width: 992px) {
                font-size: 14px;
            }
        }

        .qodef-button {
            padding: 8px 22px !important;
            font-size: 16px !important;
            min-height: auto !important;

            @media screen and (max-width: 992px) {
                padding: 6px 20px !important;
                font-size: 14px !important;
            }
        }

        .qodef-e-media-image {
            a {
                &:hover {
                    img {
                        transform: scale(1.03);
                    }
                }
            }

            img {
                will-change: transform;
                transition: transform 250ms ease-out;
                width: 100%;
                height: 100%;
                object-fit: contain;
                aspect-ratio: 266 / 178;
            }
        }
    }
}

.qodef-e-media-image {
    a {
        &:hover {
            img {
                transform: scale(1.03);
            }
        }

        img {
            will-change: transform;
            transition: transform 250ms ease-out;
        }
    }
}

.qodef-vehicle-list .qodef-vehicle-list-filter-holder .qodef-filter-right {
    margin-bottom: 0 !important;
}

@media only screen and (max-width: 680px) {
    .qodef-vehicle-list .qodef-vehicle-list-filter-holder .qodef-filter-right {
        gap: 8px;
    }
}

[class*=luxedrive] .select2-container--default .select2-selection--single {
    font-family: var(--font-body) !important;
}

/* Container */
body {
    .select2-container--default {
        --background: rgba(210, 186, 148, 0.62);
        --border-color: rgba(250, 236, 208, 0.680);
        --background-focus: rgba(210, 186, 148, 1);
        --border-color-focus: rgba(250, 236, 208, 1);
        --text-color: #000;
    }

    [class*=luxedrive] {
        .select2-container--default {
            width: 100% !important;
        }
    }

    .select2-container--default .select2-results__option {
        font-family: var(--font-body) !important;
    }

    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--multiple {
        background-color: var(--background) !important;
        border: 1px solid var(--border-color) !important;
        color: var(--text-color) !important;
        border-radius: 6px !important;
        min-height: 42px !important;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

    .select2-container--default .select2-selection:focus {
        background-color: var(--background-focus) !important;
        border: 1px solid var(--border-color-focus) !important;
        color: var(--text-color) !important;
    }

    .select2-container--default .select2-dropdown {
        border: 1px solid var(--border-color) !important;
        background-color: var(--background) !important;
        border-radius: 6px !important;
        backdrop-filter: blur(10px);
        overflow: hidden;
    }


    .select2-container--default .select2-results__options {
        margin: 0 !important;
        padding: 0 !important;
    }

    .select2-container--default .select2-results__option {
        padding: 8px 20px !important;
        transition: 250ms ease-out !important;
        transition-property: background, color !important;
        color: var(--text-color) !important;

        &:not(:last-child) {
            border-bottom: 1px solid var(--border-color);
        }

        &:hover,
        &[aria-selected="true"] {
            background-color: var(--background-focus) !important;
        }
    }

    .select2-container--default .select2-results__options {
        scrollbar-width: thin !important;
    }
}

#qodef-page-outer {
    margin-top: 0 !important;
}

.qodef-page-title {
    display: var(--page-title-display);
}

header nav {
    @media screen and (min-width: 1024.99px) {
        width: auto !important;
    }
}

.qodef-form-wrapper .qodef-form-line {
    display: none;
}

body.single-vehicle {
    background: var(--radial-gold-gradient);

    .qodef-page-title {
        background: var(--input-bg) !important;
        border-bottom: 1px solid #b6b6b6;
        height: auto;

        .entry-title {
            display: none;
        }

        .qodef-breadcrumbs {
            text-align: left;
            padding: 10px 0;
            margin-top: 0;
            font-size: 14px;
            color: #000;
            font-weight: 500;

            .qodef-page-title .qodef-breadcrumbs a,
            .qodef-page-title .qodef-breadcrumbs span {
                color: rgba(0, 0, 0, 0.6) !important;
                transition: 250ms ease-out !important;

                &:hover {
                    color: #000 !important;
                }

                &.qodef-breadcrumbs-current {
                    color: #000 !important;
                }
            }
        }
    }

    .qodef-e-vehicle-media {
        .qodef-popup-item {
            border-radius: 12px !important;
            overflow: hidden !important;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                aspect-ratio: 263 / 215;
            }
        }
    }

    .qodef-e-info-sidebar {

        .sticky-box {
            position: sticky;
            top: 190px;
            display: flex;
            flex-direction: column;

            .qodef-e-category-image {
                display: none;
            }

            .qodef-vehicle-title {
                font-size: 36px !important;
                font-family: var(--font-body) !important;
                margin-top: 0 !important;
                margin-bottom: 30px !important;
                font-weight: 700;
            }

            .qodef-e-extra-info {
                margin-top: 0 !important;
            }

            .qodef-e-price-info:not(:nth-child(1)) {
                display: none;
            }

            .qodef-e-tags {
                order: 1;
                border-top: 1px solid #b6b6b6;
                padding-top: 30px;
                margin-top: 40px;

                a {
                    background: #FFF !important;
                    border: none !important;
                    line-height: 1.2;
                    padding: 8px 15px !important;
                    font-weight: 500;
                    color: #000 !important;
                    transition: 250ms ease-out !important;

                    &:hover {
                        background-color: var(--bg) !important;
                        color: #FFF !important;
                    }
                }
            }

            .qodef-e-extra-info {
                .qodef-e-extra-title {
                    font-family: var(--font-body) !important;
                    color: rgba(0, 0, 0, 0.8) !important;
                    font-weight: 500;
                    font-size: 18px;
                    margin-bottom: 14px;
                }

                .qodef-e-extra-text {
                    display: block;
                    font-size: 16px;
                    line-height: 1.6;
                    color: rgba(0, 0, 0, 0.8) !important;
                }
            }

            .qodef-button.qodef-layout--outlined {
                background: var(--btn-gradient);
                background-size: 200%;
                background-position: right center;
                color: #000 !important;

                &:hover {
                    background-position: left center;
                }
            }

            .qodef-e.qodef-e-tags,
            .booking-btn-box{
                display: none;
            }
        }
    }
}

.qodef-popup-item {
    overflow: hidden;

    &:hover {
        img {
            transform: scale(1.03);
        }
    }

    img {
        transition: transform 250ms ease-out;
        will-change: transform;
    }
}

.vehicle-detail-content {
    --e-global-color-text: rgba(0, 0, 0, 0.8);

    .e-con-inner {
        gap: 0 !important;
    }

    .elementor-widget-heading {
        &:first-child {
            .elementor-heading-title {
                margin-top: 0 !important;
            }
        }
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: var(--font-body) !important;
        color: #000 !important;
        font-weight: 700;
        margin-bottom: 20px !important;
        margin-top: 40px !important;
        line-height: 1.4 !important;

        @media screen and (max-width: 992px) {
            margin-bottom: 16px !important;
            margin-top: 30px !important;
        }
    }

    p {
        margin: 0 !important;
    }

    .list-heading {
        >* {
            font-size: 20px;
            margin-bottom: 16px !important;

            @media screen and (max-width: 992px) {
                font-size: 18px;
            }
        }
    }

    .elementor-icon-list-items {
        display: flex;
        flex-direction: column;
        gap: 12px;

        @media screen and (max-width: 992px) {
            gap: 8px;
        }

        .elementor-icon-list-item {
            --e-icon-list-icon-size: 20px;
            font-size: 16px !important;
            line-height: 1.4 !important;

            @media screen and (max-width: 992px) {
                --e-icon-list-icon-size: 18px;
                font-size: 14px !important;
            }

            .elementor-icon-list-text {
                color: #000;
            }
        }
    }

    .elementor-icon-box-wrapper {
        padding: 22px;
        background: var(--input-bg);
        border-radius: 12px;
        border: 1px solid var(--input-border-color);
        height: 100% !important;

        @media screen and (max-width: 992px) {
            padding: 18px;
        }

        .elementor-icon-box-icon {
            .elementor-icon {
                fill: #002147 !important;
                font-size: 36px !important;

                @media screen and (max-width: 992px) {
                    font-size: 32px !important;
                }
            }
        }

        .elementor-icon-box-title {
            margin: 0 !important;
            font-size: 20px !important;
            margin-bottom: 10px !important;

            @media screen and (max-width: 992px) {
                font-size: 18px !important;
                margin-bottom: 8px !important;
            }
        }

        .elementor-icon-box-description {
            font-size: 16px;
            color: #000;
            line-height: 1.6;

            @media screen and (max-width: 992px) {
                font-size: 14px;
            }
        }
    }

    .qodef-single-image {
        overflow: hidden;
        border-radius: 12px;
        margin-top: 40px;

        @media screen and (max-width: 992px) {
            margin-top: 30px;
        }
    }
}

@media only screen and (max-width: 1024px) {
    body.single-vehicle .qodef-vehicle-item .qodef-e-info-sidebar {
        margin-bottom: 20px !important;
        grid-row: revert;
    }
}

@media only screen and (max-width: 767px) {
    body.single-vehicle .qodef-vehicle-item .qodef-e-info-sidebar {
        order: -1;
    }
}

.bg-radial-gradient {
    .service-box .qodef-icon-with-text {
        background-color: #FFF;
        border-color: var(--gold);

        &:hover {
            background-color: var(--input-border-color);
        }
    }

    .qodef-m-content {
        .qodef-m-title {
            color: #000 !important;
        }

        .qodef-m-text {
            color: rgba(0, 0, 0, 0.8) !important;
        }
    }
}

.qodef--has-image {
    position: relative;
    z-index: 1;

    &::after {
        content: '';
        position: absolute;
        inset: 0;
        background-color: var(--bg);
        opacity: 0.7;
        z-index: -1;
    }

    .qodef-breadcrumbs {
        margin-top: 20px !important;
    }

    .qodef-breadcrumbs a,
    .qodef-breadcrumbs span {
        color: #FFF !important;
        transition: color 250ms ease-out !important;
        font-size: 16px !important;

        &:not(.qodef-breadcrumbs-current) {
            &:hover {
                color: var(--gold) !important;
            }
        }
    }
}

.overflow-hidden {
    overflow: hidden;
}

body.admin-bar {

    .sticky-top,
    .service-detail-sidebar .service-list-box {
        position: sticky;
        top: 160px;
    }
}

.sticky-top {
    position: sticky;
    top: 130px;
}

.service-detail-sidebar .service-list-box {
    position: sticky;
    top: 130px;

    .elementor-icon-list-items {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .elementor-icon-list-item {
        a {
            padding: 12px;
            overflow: hidden;
            border-radius: 8px;
            line-height: 1.4;
            font-weight: 600;
            transition: 200ms ease-out;

            @media screen and (max-width: 992px) {
                padding: 8px;
            }

            &:hover,
            &.active {
                /* background: #C5A367; */
                background: var(--gold);

                .elementor-icon-list-text {
                    color: #FFF;
                }

                .elementor-icon-list-icon svg {
                    path {
                        fill: #FFF;
                    }
                }
            }

            .elementor-icon-list-text {
                font-size: 16px;
                transition: 200ms ease-out;

                @media screen and (max-width: 992px) {
                    font-size: 14px;
                }
            }

            .elementor-icon-list-icon svg {
                width: 32px;
                height: 32px;

                @media screen and (max-width: 992px) {
                    width: 22px;
                    height: 22px;
                }

                path {
                    transition: 200ms ease-out;
                    fill: #503906;
                }
            }
        }
    }
}

.service-content {
    line-height: 1.4;

    >* {
        &:first-child {

            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                margin-top: 0 !important;
            }
        }
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: var(--font-body) !important;
        font-weight: 700 !important;
        color: var(--bg) !important;
        margin: 40px 0 20px !important;
        line-height: 1.4 !important;

        @media screen and (max-width: 992px) {
            margin: 30px 0 14px !important;
        }
    }

    h2,
    h3 {
        font-size: clamp(1.875rem, 0.9636rem + 1.8987vw, 2.625rem) !important;
    }

    .list-heading {
        .elementor-heading-title {
            font-size: 18px !important;
            margin-bottom: 14px !important;

            @media screen and (max-width: 992px) {
                font-size: 16px !important;
            }
        }
    }

    .elementor-icon-list-items {
        display: flex;
        flex-direction: column;
        gap: 12px;

        .elementor-icon-list-icon {
            svg {
                width: 22px !important;
                height: 22px !important;

                @media screen and (max-width: 992px) {
                    width: 18px !important;
                    height: 18px !important;
                }
            }
        }

        .elementor-icon-list-text {
            font-size: 18px;
            color: rgba(0, 0, 0, 0.8);
            line-height: 1.4;

            @media screen and (max-width: 992px) {
                font-size: 16px;
            }

            @media screen and (max-width: 568px) {
                font-size: 14px;
            }
        }
    }

    .elementor-widget-text-editor {
        color: rgba(0, 0, 0, 0.8);

        strong {
            color: #000;
        }
    }

    .why-choose-transitara-box {
        margin: 40px 0;
        padding: 32px !important;
        background-color: #FEF2DF !important;
        border: 1px solid #D1C5B5 !important;
        border-radius: 12px !important;

        @media screen and (max-width: 992px) {
            margin: 30px 0;
            padding: 24px !important;
        }

        &+.elementor-widget-heading {
            .elementor-heading-title {
                margin-top: 0 !important;
            }
        }

        .elementor-heading-title {
            margin: 0 !important;
            color: #201B10 !important;
            font-size: clamp(1.5rem, 0.8924rem + 1.2658vw, 2rem) !important;
        }

        .elementor-icon-list-items {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px;

            @media screen and (max-width: 568px) {
                grid-template-columns: 1fr;
            }

            .elementor-icon-list-item {
                gap: 8px;

                .elementor-icon-list-icon {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 42px;
                    height: 42px;
                    /* background-color: #C5A367; */
                    background-color: var(--gold);
                    border-radius: 8px;
                    padding: 6px;

                    @media screen and (max-width: 992px) {
                        width: 34px;
                        height: 34px;
                    }

                    svg {
                        margin: 0 !important;
                        width: 100% !important;
                        height: 100% !important;

                        path {
                            fill: #503906;
                        }
                    }
                }

                .elementor-icon-list-text {
                    padding: 0 !important;
                    font-weight: 600 !important;
                    color: #503906 !important;
                    line-height: 1.4 !important;
                }
            }
        }
    }

    .qodef-qi-faq {
        border: none !important;

        .qodef-e-title-holder {
            font-size: 18px !important;
            border: none !important;
            padding: 24px !important;
            margin: 0 !important;
            border-radius: 12px;
            background-color: #FFF;

            @media screen and (max-width: 992px) {
                font-size: 16px !important;
                padding: 20px !important;
            }

            &.ui-state-active {
                transition: none;
                transition-delay: 300ms;
                border-radius: 12px 12px 0 0;
            }

            &:not(:first-child) {
                margin-top: 14px !important;
            }

            .qodef-e-number {
                align-items: flex-start !important;
            }
        }

        .qodef-e-content {
            padding: 0 !important;

            .qodef-e-content-inner {
                padding: 24px !important;
                padding-top: 0 !important;
                margin: 0 !important;
                border-radius: 0 0 12px 12px;
                background-color: #FFF;

                @media screen and (max-width: 992px) {
                    padding: 20px !important;
                    padding-top: 0 !important;
                }
            }
        }
    }

    .cta-box {
        margin-top: 40px;

        @media screen and (max-width: 992px) {
            margin-top: 30px;
        }

        .elementor-heading-title {
            color: #FFF !important;
            margin: 0 !important;
            font-size: clamp(1.5rem, 0.8924rem + 1.2658vw, 2rem) !important;
        }

        .elementor-widget-text-editor {
            color: rgba(255, 255, 255, 0.92);

            strong {
                color: #FFF;
            }
        }
    }
}


.booking-btn-box {
    margin-top: 32px;

    @media screen and (max-width: 992px) {
        margin-top: 24px;
    }
}

.media-content {

    img {
        aspect-ratio: 551 / 613;
        border-radius: 12px;
        overflow: hidden;
        object-fit: cover;
    }
}


/* Center align for accreditation page */
.elementor-element-578cd6c .qodef-m-digit-wrapper,
.elementor-element-1aacea1 .qodef-m-digit-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.elementor-element-578cd6c .qodef-m-content,
.elementor-element-1aacea1 .qodef-m-content {
    width: 100%;
    text-align: center;
}

.center-subtitle .qodef-m-subtitle {
    display: block;
    width: 100%;
    text-align: center;
}

/* Blog List Page Grid */
.qodef-grid-inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    align-items: stretch;
}

.qodef-blog-item {
    height: 100%;
}

.qodef-blog-item .qodef-e-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.qodef-blog-item .qodef-e-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.qodef-blog-item .qodef-e-info--bottom {
    margin-top: auto;
}

.cta-box-2 .elementor-heading-title {
    color: #FFF !important;
}

.why-choose-transitara-box-new {
    margin: 40px 0;

    @media screen and (max-width: 992px) {
        margin: 30px 0;
    }

    &+.elementor-widget-heading {
        .elementor-heading-title {
            margin-top: 0 !important;
        }
    }

    .elementor-heading-title {
        margin: 0 !important;
        color: #201B10 !important;
        font-size: clamp(1.5rem, 0.8924rem + 1.2658vw, 2rem) !important;
    }

    .elementor-icon-list-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;

        @media screen and (max-width: 568px) {
            grid-template-columns: 1fr;
        }

        .elementor-icon-list-item {
            gap: 8px;

            .elementor-icon-list-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 42px;
                height: 42px;
                /* background-color: #C5A367; */
                background-color: var(--gold);
                border-radius: 8px;
                padding: 6px;

                @media screen and (max-width: 992px) {
                    width: 34px;
                    height: 34px;
                }

                svg {
                    margin: 0 !important;
                    width: 100% !important;
                    height: 100% !important;

                    path {
                        fill: #503906;
                    }
                }
            }

            .elementor-icon-list-text {
                padding: 0 !important;
                font-weight: 600 !important;
                color: #503906 !important;
                line-height: 1.4 !important;
            }
        }
    }
}


/* Testimonials List Styles */
.qodef-testimonials-list .qodef-grid-item:nth-child(1) .qodef-e-inner:before,
.qodef-testimonials-list .qodef-grid-item:nth-child(4) .qodef-e-inner:before {
    display: none !important;
}

.qodef-testimonials-list .qodef-grid-item:nth-child(1) .qodef-e-inner,
.qodef-testimonials-list .qodef-grid-item:nth-child(4) .qodef-e-inner {
    margin: 0;
    padding: 0 0 0 0;
}

@media (max-width: 1024px) {
    .qodef-testimonials-list .qodef-e-inner:before {
        display: none !important;
    }

    .qodef-testimonials-list .qodef-e-inner {
        margin: 0;
        padding: 0 0 0 0;
    }
}

.testimonials-page-style .qodef-e-text {
    color: #000000 !important;
}

.testimonials-page-style .qodef-e-author,
.testimonials-page-style .qodef-e-location {
    color: var(--gold-dark) !important;
}

@media (max-width: 1024px) {
    .qodef-grid-inner {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 575px) {
    .qodef-grid-inner {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 1024px) {
    .qodef-grid>.qodef-grid-inner {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}

.testimonials-page-style .qodef-grid.qodef-testimonials-list > .qodef-grid-inner {
    row-gap: 80px !important;
}

@media (max-width: 1024px) {
    .testimonials-page-style .qodef-grid.qodef-testimonials-list > .qodef-grid-inner {
        row-gap: 50px !important;
    }
}

@media (max-width: 767px) {
    .testimonials-page-style .qodef-grid.qodef-testimonials-list > .qodef-grid-inner {
        row-gap: 30px !important;
    }
}


/* content pages styling */
.transitara-privacy {
    font-family: "Manrope" !important;
}

.transitara-privacy__updated p {
    margin: 0;
    margin-bottom: 24px !important;
    color: #404040;
    font-size: 18px;
    line-height: 1.3428571429em;
    font-style: italic;
}

.transitara-privacy__intro {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 50px;
    padding: 22px 26px;
    background: #fff;
    border: 1px solid #eef0f4;
    border-left: 4px solid #0c1315;
    border-radius: 0 8px 8px 0;
}

.transitara-privacy__intro p {
    margin: 0 !important;
    color: #404040;
    font-size: 18px;
    line-height: 1.75em;
}

.transitara-privacy__intro strong {
    color: #0c1315;
    font-weight: 700;
}

.transitara-privacy__content {
    width: 100%;
}

.transitara-privacy__section {
    width: 100%;
    margin: 0 0 25px;
    padding: 0 0 25px;
}

.transitara-privacy__section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.transitara-privacy__heading h2 {
    font-family: var(--font-body) !important;
    font-weight: 600;
    margin: 0 0 18px !important;
    color: #000 !important;
    font-size: clamp(2rem, 2.2vw, 2.625rem);
    line-height: 1.3095238095em;
}

.transitara-privacy__section p {
    margin: 0 0 16px !important;
    color: #404040;
    font-size: 18px;
    line-height: 1.4em;
}

.transitara-privacy__section p:last-child {
    margin-bottom: 0 !important;
}

.transitara-privacy__section strong {
    color: #0c1315;
    font-weight: 700;
}

.transitara-privacy__section ul {
    margin: 16px 0 22px !important;
    padding: 0 !important;
    list-style: none !important;
}

.transitara-privacy__section ul li {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin: 0 0 11px !important;
    padding: 0 !important;
    color: #404040;
    font-size: 18px;
    line-height: 1.4em;
    list-style: none !important;
}

.transitara-privacy__section ul li::before {
    content: "";
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    margin-top: 12px;
    /* background: #c19a4e; */
    background: var(--gold);
    border-radius: 2px;
    transform: rotate(45deg);
}

.transitara-privacy__section ul li:last-child {
    margin-bottom: 0 !important;
}

.transitara-privacy__section a {
    color: #0c1315;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.transitara-privacy__section a:hover {
    text-decoration-thickness: 2px;
}

.transitara-privacy__contact {
    margin-top: 36px;
    padding: 24px 26px;
    background: #fff;
    border: 1px solid #eef0f4;
    border-left: 4px solid #0c1315;
    border-radius: 0 8px 8px 0;
    max-width: 40%;
}

.transitara-privacy__contact p {
    margin: 0 0 12px !important;
}

.transitara-privacy__contact p:last-child {
    margin-bottom: 0 !important;
}

.transitara-privacy__contact strong {
    color: #0c1315;
}

@media only screen and (max-width: 1199px) {
    .transitara-privacy__contact {
        max-width: 60%;
    }

}

@media only screen and (max-width: 767px) {
    .transitara-privacy__intro p {
        font-size: 16px;
    }

    .transitara-privacy__intro {
        padding: 16px 24px;
        margin-bottom: 30px;
    }

    .transitara-privacy__section p {
        font-size: 16px;
        margin: 0 0 12px !important;
    }

    .transitara-privacy__section ul li {
        font-size: 16px;
        gap: 16px;
    }

    .transitara-privacy__section {

        margin: 0 0 12px;
        padding: 0 0 12px;
    }

    .transitara-privacy__contact {
        max-width: 100%;
        padding: 16px 24px;
        margin-top: 30px;
    }

    .transitara-privacy__contact p {
        font-size: 14px;
    }
}

.jtcpltd-image {
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    
    *{
        width: 100%;
        height: 100%;
    }

    img {
        aspect-ratio: 776 / 465;
        object-fit: cover;
        width: 100%;
        height: 100%;

        @media screen and (min-width: 1024.99px) {
            position: absolute;
            aspect-ratio: revert;
        }
    }
}

.qodef-contact-form-7 .wpcf7-not-valid-tip, 
.rs-layer .wpcf7-not-valid-tip {
    margin-top: 4px;
}


.vehicle-list-section .qodef-filter-right{
    display: none !important;
}

html {
    scroll-padding-top: 160px;
    user-select: none !important;
}

.elementor-widget-text-editor{
    p{
        a{
            /* color: var(--gold-dark-800); */
            color: var(--gold);
            text-decoration: underline;

            &:hover{
                color: var(--gold-dark);
            }
        }
    }
}

.image-radius{
    border-radius: 12px;
    overflow: hidden;
}

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


.custom-blog-list{
    .qodef-blog-item{
        border-radius: 12px;
        overflow: hidden;
    }

    .entry-title {
        font-size: 22px !important;
    }

    .qodef-e-excerpt {
        font-size: 16px;
        line-height: 1.6 !important;
        font-weight: 500;
    }

    .qodef-qi-button.qodef-layout--outlined{
        color: var(--gold) !important;
        border-width: 1px !important;

        &:hover {
            color: #000 !important;
        }
    }

    .qodef-addons-m-pagination {
        margin-top: 40px;
        .nav-links{
            align-items: stretch;
            
            .page-numbers {
                display: block;
                padding: 4px 12px;
                background-color: #FFF;
                border-radius: 4px;
                font-weight: 400;
                height: auto;
                
                &.current,
                &:hover{
                    background-color: var(--bg);
                    color: #FFF;
                }
                
                svg{
                    width: 14px !important;
                }
            }
        }
    }
}

.qodef-page-title:not(.qodef--has-image) {
    background: var(--input-bg) !important;
    border-bottom: 1px solid #b6b6b6;
    height: auto;
    
    .qodef-breadcrumbs {
        text-align: left;
        padding: 10px 0;
        margin-top: 0;
        font-size: 14px;
        color: #000;
        font-weight: 500;

        .qodef-page-title .qodef-breadcrumbs a,
        .qodef-page-title .qodef-breadcrumbs span {
            color: rgba(0, 0, 0, 0.6) !important;
            transition: 250ms ease-out !important;

            &:hover {
                color: #000 !important;
            }

            &.qodef-breadcrumbs-current {
                color: #000 !important;
            }
        }
    }
}

#qodef-single-post-navigation .qodef-m-nav{
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    background-color: var(--input-bg);
    border: 1px solid var(--input-border-color-focus);
    padding: 0 6px;
    transition: 200ms ease-out;

    &:hover {
        background-color: var(--input-focus);
    }

    &::before {
        content: '';
        display: inline-block;
        width: 24px;
        height: 24px;
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z'/%3E%3C/svg%3E");
        background-color: currentColor;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
    }
    
    &.qodef--prev {
        &::before{
            --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m14 18l-6-6l6-6l1.4 1.4l-4.6 4.6l4.6 4.6z'/%3E%3C/svg%3E");
        }
    }
    
    svg {
        display: none !important;
    }
    
    .qodef-m-nav-title {
        font-size: 16px !important;        
        transform: translateY(2px);
        padding: 10px;
        border-left: 1px solid var(--input-border-color-focus);
        max-width: revert !important;
    }
}

.single-post {
    background: var(--radial-gold-gradient);
}

.single-post .qodef-e-bottom-holder,
.single-post #qodef-author-info,
.single-post #qodef-page-comments{
    display: none;
}


.single-post {
    .qodef-widget-title{
        font-family: var(--font-body);
        font-weight: 600;
        font-size: clamp(1rem, 0.6962rem + 0.6329vw, 1.25rem);
    }

    .qodef-search-form{
        input{
            background: rgba(210, 186, 148, 0.62);
            border: 1px solid rgba(250, 236, 208, 0.68);
            padding: 14px 20px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            font-family: var(--font-body);
            color: #000;
            transition: 250ms ease-out !important;
            
            @media screen and (max-width: 992px) {
                padding: 12px 15px;
            }
        }
        
        .qodef-search-form-button {
            right: 20px;    

            @media screen and (max-width: 992px) {
                right: 18px;    
            }
        }
    }
}

.recent-post-box{
    background: #FFF;
    border-radius: 12px;
    overflow: hidden;

    .widget_luxedrive_core_title_widget{
        padding: 15px 20px;
        background-color: var(--bg);
        
        @media screen and (max-width: 992px) {
            padding: 12px 15px;
        }

        .qodef-widget-title{
            margin: 0 !important;  
            color: #fff;
        }
    }
    
    .widget_luxedrive_core_simple_blog_list{
        padding: 20px;
        
        @media screen and (max-width: 992px) {
            padding: 20px 15px;
        }
        
        .qodef-grid-inner{
            gap: 16px !important;    

            @media screen and (max-width: 992px) {
                gap: 12px !important;    
            }
        }
        
        .qodef-blog-item {
            margin: 0 !important;
            
            .qodef-e-inner{
                flex-direction: row;
                align-items: center;
                gap: 12px !important;
                
                @media screen and (max-width: 992px) {
                    gap: 8px !important;
                }
                
                .qodef-e-media{
                    width: 80px !important;
                    border-radius: 8px;
                    overflow: hidden;
                    margin: 0 !important;
                    
                    @media screen and (max-width: 992px) {
                        width: 60px !important;
                    }
                }

                .qodef-e-text{
                    .entry-title{
                        font-family: var(--font-body);
                        font-size: 16px !important;
                        line-height: 1.4;
                        font-weight: 600;
                        
                        @media screen and (max-width: 992px) {
                            font-size: 14px !important;
                        }
                    }
                } 
            }
        }
    }
}

.cta-sidebar-box { 
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    z-index: 1;
    padding: 42px 24px;
    color: #FFF;
    text-align: center;
    
    @media screen and (max-width: 992px) {
        padding: 32px 20px;
    }

    &::after{
        content: '';
        position: absolute;
        inset: 0;
        z-index: -1;
        background-color: color-mix(in srgb, var(--bg) 60%, transparent);
    }

    .wp-block-image {
        margin: 0 !important;
    }

    .wp-block-image img {
        position: absolute;
        inset: 0;
        object-fit: cover;
        z-index: -2;
        width: 100%;
        height: 100%;
    }

    .wp-block-heading{
        color: #FFF;
        text-align: center;
        font-family: var(--font-body);
        font-weight: 600;
        margin-bottom: 16px !important;
        
        @media screen and (max-width: 992px) {
            margin-bottom: 12px !important;
        }
    }

    .wp-block-paragraph{
        font-size: 16px;
        line-height: 1.5;
        text-align: center;
        margin: 0 0 32px;
        
        @media screen and (max-width: 992px) {
            font-size: 14px;
            margin: 0 0 24px;
        }
    }

    .wp-block-qi-blocks-button{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .qodef-layout--outlined,
    .qodef-layout--filled{
        display: inline-block !important;
        padding: 10px 22px !important;
        font-size: clamp(0.875rem, 0.5712rem + 0.6329vw, 1.125rem);
        font-weight: 500;
        background: var(--btn-gradient);
        background-size: 200%;
        background-position: right center;
        color: #000;
        border-radius: 8px !important;
        min-height: auto !important;
        
        @media screen and (max-width: 992px) {
            padding: 8px 18px !important;
        }

        &:hover{
            background-position: left center;
        }
    }
    
    .qodef-layout--outlined {
        margin-top: 12px !important;
        background: none;
        color: var(--gold) !important;
        border: 1px solid var(--gold) !important;
        
        @media screen and (max-width: 992px) {
            margin-top: 10px !important;
        }

        &:hover{
            background-color: var(--gold) !important;
            color: #000 !important;
        }
    }
}

.single-post {
    .qodef-blog-item{
        .qodef-e-content{
            .qodef-e-media{
                border-radius: 16px;
                overflow: hidden;

                img{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    aspect-ratio: 16 / 9;
                }
            }
        }

        .elementor-widget-text-editor{
            color: rgba(0, 0, 0, 0.8);
            
            @media screen and (max-width: 992px) {
                font-size: 14px;
            }

            h1,h2,h3,h4,h5,h6{
                font-family: var(--font-body);
                font-weight: 600;
                margin: 40px 0 10px;
                
                @media screen and (max-width: 992px) {
                    margin: 30px 0 8px;
                }

                &:first-child {
                    margin-top: 0;
                }
            }

            h1,h2{
                font-size: clamp(1.625rem, 1.1693rem + 0.9494vw, 2rem);
            }

            h3{
                font-size: clamp(1.25rem, 0.9462rem + 0.6329vw, 1.5rem);
            }

            h4{
                font-size: clamp(1.125rem, 0.9731rem + 0.3165vw, 1.25rem);
            }

            h5{
                font-size: clamp(1rem, 0.8481rem + 0.3165vw, 1.125rem);
            }

            h6{
                font-size: clamp(0.875rem, 0.7231rem + 0.3165vw, 1rem);
            }

            ul{
                li{
                    padding-left: 40px;
                    position: relative;

                    @media screen and (max-width: 992px) {
                        padding-left: 30px;
                    }

                    &::before{
                        content: '';
                        position: absolute;
                        top: 12px;
                        left: 6px;
                        width: 6px;
                        height: 6px;
                        background-color: var(--gold);
                        transform: rotate(45deg);
                        padding: 0;

                        @media screen and (max-width: 992px) {
                            left: 4px;
                        }
                    }
                }
            }

            blockquote{
                padding: 20px;
                background: #ffffff;
                border-left: 4px solid var(--bg);
                margin: 20px 0;

                p{
                    font-size: 18px;
                    font-weight: 500;       
                    color: var(--bg);
                    
                    @media screen and (max-width: 992px) {
                        font-size: 16px;
                    }
                }
            }
        }
    }

    .qodef-page-sidebar-section{
        display: flex;
        align-items: flex-end;

        #qodef-page-sidebar{
            position: sticky;
            bottom: 20px;
        }
    }
}

#qodef-single-post-navigation{
    margin-top: 52px !important;

    @media screen and (max-width: 992px) {
        margin-top: 32px !important;
    }
}

.vehicle-info-box{
    border: 1px solid var(--gold);
    border-radius: 12px;
    padding: 24px;
    background-color: color-mix(in srgb, var(--gold) 10%, transparent);

    .elementor-heading-title {
        color: #000;
        font-family: var(--font-body);
        font-weight: 600;
        font-size: 20px;
    }

    .elementor-icon-list-items {
        .elementor-icon-list-item {
            gap: 12px;

            &:not(:last-child){
                margin-bottom: 12px;
            }

            .elementor-icon-list-icon{
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--gold);
                width: 42px;
                height: 42px;
                padding: 6px;
                border-radius: 4px;
                flex-shrink: 0;

                svg{
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    margin: 0;

                    path{
                        fill: #FFF;
                    }
                }
            }

            .elementor-icon-list-text{
                font-weight: 500;
                color: rgba(0, 0, 0, 0.8);
                font-size: 16px;
                line-height: 1.4;
            }
        }
    }
}


.jtcpltd-service-list {
    .elementor-icon-list-items{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px 12px;

        .elementor-icon-list-item{
            gap: 12px;
            
            .elementor-icon-list-icon{
                width: 50px;
                height: 50px;
                background: var(--gold);
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 6px;
                border-radius: 6px;
                flex-shrink: 0;

                @media screen and (max-width: 1024px) {
                    width: 40px;
                    height: 40px;
                }
                svg {
                    width: 100%;
                    height: 100%;
                    color: #FFF;
                    margin: 0;
                }
            }

            .elementor-icon-list-text{
                font-weight: 600;
                color: var(--bg);
                font-size: clamp(0.875rem, 0.5712rem + 0.6329vw, 1.125rem) !important;
                line-height: 1.4 !important;    
            }
        }
    }
}

.post-type-archive-vehicle,
.tax-vehicle-type {
    background: var(--radial-gold-gradient);

    .qodef-filter-heading {
        margin: 0 !important;
    }

    [class*=luxedrive] .select2-container--default {
        margin: 0 !important;
    }

    .qodef-vehicle-list-filter-holder {
        margin-bottom: 60px;

        @media screen and (max-width: 992px) {
            margin-bottom: 40px;
        }
    }
}


.qodef-vehicle-list{
    .qodef-e-inner {
        display: flex;
        flex-direction: column;
        padding: 32px !important;
        background-color: #FFF !important;
        border-radius: 12px;
        height: 100%;

        @media screen and (max-width: 992px) {
            padding: 24px !important;
        }

        .qodef-e-content{
            flex: 1;
        }

        .entry-title {
            font-family: var(--font-body);
            color: var(--bg);
            font-weight: 600;
            margin-bottom: 10px;
            font-size: 22px;
            flex: 1;

            @media screen and (max-width: 992px) {
                font-size: 18px;
            }
        }

        .qodef-e-price-info,
        .qodef-reviews-list-info {
            display: none;
        }

        .qodef-e-excerpt {
            font-size: 16px;
            line-height: 1.4;
            color: rgba(0, 0, 0, 0.8);
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-weight: 500;

            @media screen and (max-width: 992px) {
                font-size: 14px;
            }
        }

        .qodef-button {
            padding: 8px 22px !important;
            font-size: 16px !important;
            min-height: auto !important;

            @media screen and (max-width: 992px) {
                padding: 6px 20px !important;
                font-size: 14px !important;
            }
        }

        .qodef-e-media-image {
            a {
                &:hover {
                    img {
                        transform: scale(1.03);
                    }
                }
            }

            img {
                will-change: transform;
                transition: transform 250ms ease-out;
                width: 100%;
                height: 100%;
                object-fit: contain;
                aspect-ratio: 266 / 178;
            }
        }
    }
}

#qodef-404-page{
    background: var(--radial-gold-gradient);
}


.search-results {
    background: var(--radial-gold-gradient);
    
    .qodef-e-search-heading{
        display: grid;
        grid-template-columns: 1fr 0.6fr;
        gap: 20px;
        align-items: center;

        .qodef-e-search-heading-label{
            grid-column: 1 / -1;
        }

        .qodef-e-search-heading-title{
            font-family: var(--font-body);
            font-weight: 600;
            font-size: 32px;
            margin: 0;
        }
    }

    .qodef-search-form{
        input{
            background: rgba(210, 186, 148, 0.62);
            border: 1px solid rgba(250, 236, 208, 0.68);
            padding: 14px 20px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            font-family: var(--font-body);
            color: #000;
            transition: 250ms ease-out !important;
            
            @media screen and (max-width: 992px) {
                padding: 12px 15px;
            }
        }
        
        .qodef-search-form-button {
            right: 20px;    

            @media screen and (max-width: 992px) {
                right: 18px;    
            }
        }
    }

    .qodef-e-search-heading-label{
        margin: 20px 0 0 !important;
        font-size: 20px;
        border-top: 1px solid var(--gold);
        padding-top: 30px
    }

    .qodef-search-item {
        padding: 24px;
        background: #FFF;
        border-radius: 12px;

        .qodef-e-image{

            a{
                display: block;
                border-radius: 6px;
                overflow: hidden;

                &:hover{
                    img{
                        transform: scale(1.04);
                    }
                }

                img{
                    transition: 250ms ease-out;
                    will-change: transform;
                }
            }

           *{
               width: 100%;
               height: 100%;
               object-fit: cover;
           }
        }

        .qodef-e-title {
            font-family: var(--font-body);
            font-weight: 500;
            font-size: 20px;

            &:hover{
                color: var(--card) !important;
            }
        }

        .qodef-e-excerpt{
            font-weight: 400;
            line-height: 1.5;
        }
    }
}

.qodef-m-pagination  {
    margin-top: 40px;
    .nav-links{
        align-items: stretch;
        width: fit-content;
        margin: 0 auto;
        gap: 12px;

        .page-numbers {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 4px 12px !important;
            background-color: #FFF;
            border-radius: 4px;
            font-weight: 400;
            height: auto;
            margin: 0 !important;
            color: #000 ;
            position: static !important;
            font-family: var(--font-body) !important;
            transition: 250ms ease-out;

            &.current,
            &:hover{
                background-color: var(--bg);
                color: #FFF;
            }

            &.next,
            &.prev{
                &:hover{
                    &::after{
                        color: #FFF;
                    }
                }
                &::after{
                    content: '';
                    display: inline-block;
                    width: 22px;
                    height: 32px;
                    background-color: currentColor;
                    -webkit-mask-image: var(--svg);
                    mask-image: var(--svg);
                    -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
                    -webkit-mask-size: 100% 100%;
                    mask-size: 100% 100%;
                    transition: 250ms ease-out;
                }
            }
            
            &.prev {
                &::after{
                    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19 13H6.75L12 18.25l-.66.75l-6.5-6.5l6.5-6.5l.66.75L6.75 12H19z'/%3E%3C/svg%3E");
                }
            }

            &.next {
                &::after{
                    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 12h12.25L11 6.75l.66-.75l6.5 6.5l-6.5 6.5l-.66-.75L16.25 13H4z'/%3E%3C/svg%3E");
                }
            }
            
            svg{
                display: none !important;
            }
        }
    }
}

header nav .current-menu-parent .hfe-menu-item,
header nav .current-page-parent .hfe-menu-item,
header nav .current_page_item .hfe-menu-item{
    &::before{
        transform: scaleX(1);
    }
}

header nav .hfe-menu-item{
    position: relative;
    z-index: 1;
    
    @media (hover: hover){
        &:hover {
            &::before{
                transform: scaleX(1);
            }
        }
    }
    
    &::before{
        content: '';
        position: absolute;
        top: calc(100% - 5px);
        left: 15px;
        width: calc(100% - 30px);
        height: 2px;
        background-color: currentColor !important;
        z-index: 1;    
        opacity: 1 !important;
        transform: scaleX(0);

        @media (hover: none){
            display: none !important;
        }
    }
}

.manrop-font{
    font-family: var(--font-body);
    
    .elementor-heading-title {
        font-family: inherit !important;
    }
}

header nav .hfe-sub-menu-item {
    font-size: 14px;
    line-height: 1.4 !important;
    padding: 15px 20px !important;
    font-weight: 600 !important;

    @media screen and (min-width: 1024.99px) {
        background-color: var(--input-focus);
        color: var(--bg) !important;
        transition: 250ms ease-out;

        &.hfe-sub-menu-item-active,
        &:hover{
            background-color: rgb(226, 179, 106);
        }
    }

    @media screen and (max-width: 1024px) {
        padding-left: 35px !important;
    }
}

@media screen and (min-width: 1024.99px) {
    .sub-menu{
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid var(--input-border-color-focus);
        background-color: transparent !important;
        
        .menu-item {
            &:not(:last-child){
                border-color: var(--input-border-color-focus) !important;
            }    
        }
    }
}

/* @media screen and (max-width: 1024px) {
    header .elementor-widget-navigation-menu.elementor-widget *:not(nav, nav *){
        position: static !important;
    }
} */



.text-date-input {
    position: relative;
    z-index: 1;
    
    .qodef-form-wrapper{
        position: static;    
    }
    
    input[type="date"]{
        all: unset;
        position: absolute;
        top : 50%;
        right: 20px;
        transform: translateY(-50%);
        appearance: none;
        width: 25px;
        height: 30px;
        z-index: 1;
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='black' d='M32 456a24 24 0 0 0 24 24h400a24 24 0 0 0 24-24V176H32Zm320-244a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v40a4 4 0 0 1-4 4h-40a4 4 0 0 1-4-4Zm0 80a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v40a4 4 0 0 1-4 4h-40a4 4 0 0 1-4-4Zm-80-80a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v40a4 4 0 0 1-4 4h-40a4 4 0 0 1-4-4Zm0 80a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v40a4 4 0 0 1-4 4h-40a4 4 0 0 1-4-4Zm0 80a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v40a4 4 0 0 1-4 4h-40a4 4 0 0 1-4-4Zm-80-80a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v40a4 4 0 0 1-4 4h-40a4 4 0 0 1-4-4Zm0 80a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v40a4 4 0 0 1-4 4h-40a4 4 0 0 1-4-4Zm-80-80a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v40a4 4 0 0 1-4 4h-40a4 4 0 0 1-4-4Zm0 80a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v40a4 4 0 0 1-4 4h-40a4 4 0 0 1-4-4ZM456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 0 0-24 23.77V144h448V87.77A23.8 23.8 0 0 0 456 64'/%3E%3C/svg%3E");
        background-color: var(--gold-dark-800);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        cursor: pointer;

        &::-webkit-calendar-picker-indicator {
            opacity:0;
        }
        
        &::-webkit-datetime-edit-fields-wrapper {
            display: none;
        }
    }
}

#qodef-content-bottom-inner .qodef-grid-inner{
    grid-template-columns: repeat(3, auto);
    gap: 50px;
    
    @media screen and (max-width: 1400px) {
        gap: 30px;
    }
    
    @media screen and (max-width: 1200px) {
        grid-template-columns: repeat(2, auto) !important;
    }

    @media screen and (max-width: 768px) {
        grid-template-columns: repeat(1, auto) !important;
    }
    
    .qodef-icon-with-text .qodef-m-icon-wrapper {
        width: 50px !important;
        height: 50px !important;
        
        @media screen and (max-width: 1023px) {
            width: 30px !important;
            height: 30px !important;
        }
    }
    
    .qodef-icon-with-text .qodef-m-icon-wrapper a{
        width: 100%;
        height: 100%;
    }

    .qodef-icon-with-text .qodef-m-icon-wrapper img{
        width: 100%;
        height: 100%;
        object-fit: contain;
        filter: brightness(0) saturate(100%) invert(58%) sepia(87%) saturate(441%) hue-rotate(2deg) brightness(88%) contrast(85%);
    }

    .qodef-icon-with-text .qodef-m-text, 
    .qodef-icon-with-text .qodef-m-title{
        @media screen and (max-width: 1400px) {
            font-size: 16px;
        }

        @media screen and (max-width: 768px) {
            font-size: 14px;
        }
    }
}

.the-transitara-way-list{
    margin-top: 24px !important;

    .elementor-widget-text-editor{
        margin: 0 !important;
        
        ul {
            margin-bottom: 16px;
        }
    }
}



/* ==========================================================================
   Flatpickr Custom Theme — Gold & Navy Luxury
   ========================================================================== */

.flatpickr-calendar {
    background: var(--card);
    box-shadow: var(--shadow-lux);
    border: 1px solid var(--border);
    border-radius: 12px;
    font-family: var(--font-body);
    width: 300px;
    padding: 8px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
    border-bottom-color: var(--card);
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
    border-top-color: var(--card);
}

.flatpickr-calendar.hasTime .flatpickr-time {
    border-top: 1px solid var(--border);
}

/* ---------------- Month / Header ---------------- */
.flatpickr-months {
    padding: 6px 0 10px;
}

.flatpickr-months .flatpickr-month {
    color: var(--fg);
    fill: var(--fg);
    height: 34px;
}

.flatpickr-current-month {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--fg);
    padding: 0;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: transparent;
    color: var(--fg);
    font-family: var(--font-heading);
    font-weight: 600;
    -webkit-appearance: none;
    appearance: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(217, 177, 104, .1);
}

.flatpickr-current-month .flatpickr-monthDropdown-months option {
    background: var(--card);
    color: var(--fg);
}

.flatpickr-current-month input.cur-year {
    color: var(--fg);
    font-family: var(--font-heading);
    font-weight: 600;
    background: transparent;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: var(--gold);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: var(--gold);
}
.flatpickr-current-month .numInputWrapper:hover {
    background: rgba(217, 177, 104, .1);
}

/* Prev/Next month arrows */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    fill: var(--gold-light);
    color: var(--gold-light);
    padding: 8px;
    transition: fill .2s ease, background .2s ease;
    border-radius: 8px;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
    fill: var(--gold);
    background: rgba(217, 177, 104, .12);
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px;
}

/* ---------------- Weekdays ---------------- */
.flatpickr-weekdays {
    background: transparent;
    margin-bottom: 4px;
}

span.flatpickr-weekday {
    background: transparent;
    color: var(--muted);
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ---------------- Days ---------------- */
.flatpickr-days {
    border: none;
}

.dayContainer {
    padding-top: 2px;
}

.flatpickr-day {
    color: var(--fg);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    font-weight: 500;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange {
    background: rgba(217, 177, 104, .14);
    border-color: rgba(217, 177, 104, .14);
    box-shadow: -5px 0 0 rgba(217, 177, 104, .14), 5px 0 0 rgba(217, 177, 104, .14);
    color: var(--fg);
}

.flatpickr-day:hover,
.flatpickr-day:focus {
    background: rgba(217, 177, 104, .18);
    border-color: rgba(217, 177, 104, .3);
    color: var(--gold-light);
}

.flatpickr-day.today {
    border-color: var(--gold);
    color: var(--gold-light);
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    background: var(--gold);
    border-color: var(--gold);
    color: var(--navy-deep);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: var(--btn-gradient);
    box-shadow: none;
    color: var(--navy-deep);
    border-color: var(--gold-dark);
    font-weight: 700;
}

.flatpickr-day.startRange.startRange + .endRange:not(:focus),
.flatpickr-day.startRange.inRange + .endRange:not(:focus) {
    box-shadow: -10px 0 0 var(--gold);
}

.flatpickr-day.selected.startRange + .endRange:not(:focus),
.flatpickr-day.startRange.startRange + .endRange:not(:focus),
.flatpickr-day.endRange.startRange + .endRange:not(:focus) {
    box-shadow: -10px 0 0 var(--gold-dark);
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(162, 169, 189, .35);
    background: transparent;
    border-color: transparent;
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
    cursor: not-allowed;
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 0 var(--gold-dark), 5px 0 0 var(--gold-dark);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: rgba(162, 169, 189, .25);
}

/* ---------------- Time picker ---------------- */
.flatpickr-time {
    background: var(--card);
}

.flatpickr-time input,
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
    color: var(--fg);
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
    background: rgba(217, 177, 104, .12);
}

.numInputWrapper span.arrowUp:after {
    border-bottom-color: var(--gold);
}
.numInputWrapper span.arrowDown:after {
    border-top-color: var(--gold);
}

/* ---------------- Input field (the text input flatpickr attaches to) ---------------- */
.flatpickr-input,
input.flatpickr-input {
    background: var(--input-bg);
    border: 1px solid var(--input-border-color);
    color: var(--input-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    font-family: var(--font-body);
    transition: border-color .2s ease, background .2s ease;
}

.flatpickr-input:focus,
input.flatpickr-input:focus {
    outline: none;
    background: var(--input-focus);
    border-color: var(--input-border-color-focus);
}

/* ---------------- Confirm / clear buttons (if using plugins) ---------------- */
.flatpickr-calendar .flatpickr-confirm,
.shortcut-buttons-flatpickr-button {
    background: var(--btn-gradient);
    color: var(--navy-deep);
    border-radius: 8px;
    font-weight: 600;
    border: none;
}

.flatpickr-calendar .flatpickr-confirm:hover,
.shortcut-buttons-flatpickr-button:hover {
    opacity: .9;
}

.sticky-button{
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    bottom: 40px;
    gap: 10px;
    right: 40px;
    z-index: 9999;
    width: auto !important;
    padding: 0;

    @media screen and (max-width: 992px) {
        right: 20px;
        bottom: 30px;
    }
    
    .elementor-social-icons-wrapper {
        display: flex;
        flex-direction: column;
        gap: 15px !important;
    }

    .elementor-social-icon{
        border-radius: 50%;
        transition-duration: .3s;
        transition-property: transform;
        transition-timing-function: ease-out;

        &:hover{
            transform: translateY(-8px);
        }

        svg{
            width: 50%;
            height: 60%;
        }
    }
}

.qodef-theme-button, button[type=submit], input[type=submit]{
    font-family: var(--font-body) !important;
}

.premium-chauffeurs-images {
    .elementor-widget-wrap,
    .elementor-widget-wrap *{
        height: 100%;
    }
}

@media screen and (max-width: 767px) {
    .premium-chauffeurs-images img {
        margin: 0 auto;
    }
}

.qodef-testimonials-list .qodef-e-author,
.qodef-testimonials-list .qodef-e-location {
    font-family: var(--font-body);
    color: var(--gold);
}

#qodef-page-footer-bottom-area,
#qodef-page-footer-top-area{
    background-color: var(--bg) !important;
}

.contact-icon-box .qodef-m-icon-wrapper img{
    filter: brightness(0) saturate(100%) invert(58%) sepia(87%) saturate(441%) hue-rotate(2deg) brightness(88%) contrast(85%);
}

:focus {
  outline: none !important;
}

body:not(.user-mouse) :focus-visible {
  outline: blue solid 2px !important;
  box-shadow: 0 0 0 6px #AAD4F8 !important;
  border-radius: 0 !important;
}

.user-is-tabbing :focus-visible {
  outline: blue solid 2px !important;
  box-shadow: 0 0 0 6px #AAD4F8 !important;
  border-radius: 0 !important;
}

@media screen and (max-width: 680px){
    .qodef-testimonials-list .swiper-pagination-bullets{
        margin-top: 12px;
    }
}


select:has(option[value=""]:checked) {
    color: rgba(0, 0, 0, 0.6);
}

section.qodef-elementor-content-grid.qodef-extended-grid:not([class*=qodef-extended-grid-disabled--]).premium-chauffers-section > .elementor-container{
    max-width: 1430px !important;
    margin: 0 auto;
}

.driven-by-excellance-section > .elementor-container{
    display: grid;
    grid-template-columns: [full-width-start] minmax(30px, 1fr) [form-start] minmax(0, min(var(--form-width), 100%)) [form-end sidebar-start] minmax(0, min(var(--sidebar-width), 100%)) [sidebar-end] minmax(30px, 1fr) [full-width-end];
    --sidebar-width: 690px;
    --form-width: 690px;
    
    @media screen and (max-width: 1024px) {
        grid-template-columns: 1fr;
    }
    
    >.elementor-column{
        width: 100%;
        
        &:first-child {
            grid-column: form;
        }

        &:last-child {
            grid-column: sidebar / full-width-end;
        }
    }
}


.contact-us-main-section > .elementor-container{
    display: grid;
    grid-template-columns: [full-width-start] minmax(30px, 1fr) [form-start] minmax(0, min(var(--form-width), 100%)) [form-end sidebar-start] minmax(0, min(var(--sidebar-width), 100%)) [sidebar-end] minmax(30px, 1fr) [full-width-end];
    --sidebar-width: 690px;
    --form-width: 690px;
    padding: 0 !important;
    
    @media screen and (max-width: 1024px) {
        grid-template-columns: 1fr;
        width: 100% !important;
    }
    
    >.elementor-column{
        width: 100%;
        @media screen and (max-width: 1024px) {
            padding: 0 20px;
        }
        
        &:first-child {
            grid-column: full-width-start / form;
        }

        &:last-child {
            grid-column: sidebar;
            min-height: 92vh;
        }
    }
}


.page-id-8952,
.page-id-9163 {
    .qodef-page-title{
        background-image: none;
        background-color: var(--bg);
        height: auto;
        padding: 60px 0;
        
        @media screen and (max-width: 1023px) {
            padding: 40px 0;
        }

        &::after {
            display: none;
        }
    }
}

.qodef-counter.counter{
    .qodef-m-digit{
        font-size: clamp(3rem, 2.3924rem + 1.2658vw, 3.5rem) !important;
        font-family: var(--font-heading) !important;
        color: var(--gold) !important;
        font-weight: 400;
    }
}
 
body.parent-pageid-8469 .qodef--has-image::after{
    background-color: color-mix(in srgb, #000 80%, transparent);
}

#luxedrive_core_single_image-4{
    max-width: 140px;

    @media screen and (max-width: 1250px) {
        max-width: 100px;
    }

    @media screen and (max-width: 767px) {
        max-width: 80px;
    }
}

.footer-social-icons-list {
    .wp-block-group__inner-container{
        display: flex;
        gap: 16px;

        .wp-block-qi-blocks-icon-with-text{
            max-width: auto;
            width: auto;
            
            .qodef-m-icon-wrapper{
                margin: 0;    
            }
            
            a{
                display: flex;
                align-items: center;
                justify-content: center;
                width: 42px;
                height: 42px;
                border: 1px solid #FFF;
                border-radius: 50%;
                transition: 250ms ease-out;

                /* @media screen and (max-width: 768px) {
                    width: 32px;
                    height: 32px;
                } */

                &:hover{
                    background-color: var(--gold);
                    border-color: var(--gold);
                }

                .qodef-m-icon-holder{
                    font-size: 22px;
                    
                    /* @media screen and (max-width: 768px) {
                        font-size: 18px;
                    } */
                }

                svg{
                    stroke: none;
                }

                img{
                    width: 60%;
                }
            }
        }
    }
}
 
.banner-section {
    padding: clamp(3.125rem, -5.5037rem + 11.0448vw, 7.75rem) 0;
    min-height: clamp(19.375rem, -4.5289rem + 30.597vw, 32.1875rem);
    justify-content: center;

    .qodef-m-text {
        margin-top: 12px;
        line-height: 1.5;
    }

    > .e-con-boxed{
        padding: 0;

        >.e-con-inner{
            padding: 0 30px;
            
            @media screen and (max-width: 1024px) {
                padding: 0 20px;
            }

            .e-con-full{
                padding: 0;
            }
        }
    }
}

body:not(.page-id-8952, .page-id-9163) .qodef-page-title.qodef--has-image {
    height: clamp(19.375rem, -4.5289rem + 30.597vw, 32.1875rem) !important;
}

.wpcf7-not-valid-tip + .wpcf7-not-valid-tip {
    display: none;
}

#qodef-page-footer-top-area-inner .widget.widget_nav_menu .menu-item{
    overflow: visible;
}