/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1778751436
Updated: 2026-05-14 09:37:16

*/

/* ===== Custom CSS Starts Here ==== */
html {
    font-size: 10px;
}
.accent_color {
    color: var(--e-global-color-secondary) !important;
}
.elementor-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Header */
.elementor-nav-menu li.header_link_request_btn,
.elementor-nav-menu li.header_link_telphone {
    display: none !important;
}
.header_link_telphone {
    background-color: var(--e-global-color-7593050);
    font-family: "Manrope", Sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.45em;
    letter-spacing: 0px;
    fill: var(--e-global-color-248fd7c);
    color: var(--e-global-color-248fd7c);
    transition-duration: 300ms;
    border-style: none;
    border-radius: 0rem;
    padding: 0rem;
}
.elementor-nav-menu li.header_link_request_btn {
    margin-inline: 1.6rem;
    margin-block: 0.8rem;
}
.header_link_request_btn a {
    background-color: var(--e-global-color-secondary);
    font-family: "Manrope", Sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.45em !important;
    letter-spacing: 0.65px !important;
    fill: var(--e-global-color-text) !important;
    color: var(--e-global-color-text) !important;
    box-shadow: 0px 0px 20px 0px rgba(232, 115.99999999999997, 41.99999999999999, 0.3137254901960784);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-secondary);
    border-radius: 0.4rem !important;
    padding: 1rem 2rem 1rem 2rem !important;
}
/* Home Header Top Bar Marquee */
.home_topbar .topbar_marquee_wrap {
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}
.home_topbar .topbar_marquee {
    display: flex;
    animation: marqueeMove 30s linear infinite;
}
@keyframes marqueeMove {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* === Home Page === */
/* home booking form start*/
.booking_form_wrapper {
    width: 86rem;
    max-width: 100%;
    margin: auto;
    padding: 2.1rem;
    border: 1px solid var(--e-global-color-03b5f04);
    border-radius: 0.8rem;
    background: var(--e-global-color-8377118);
}
/* NOTICE */
.booking_form_notice {
    margin-bottom: 1.6rem;
    color: var(--e-global-color-2547c40);
    font-family: var(--e-global-typography-0a3dddd-font-family), sans-serif;
    font-size: var(--e-global-typography-0a3dddd-font-size);
    font-weight: var(--e-global-typography-0a3dddd-font-weight);
    text-transform: var(--e-global-typography-0a3dddd-text-transform);
    line-height: var(--e-global-typography-0a3dddd-line-height);
    letter-spacing: var(--e-global-typography-0a3dddd-letter-spacing);
}
/* FORM */
.booking_form {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.2rem;
}
/* FIELD */
.form_group {
    position: relative;
    display: flex;
    flex-direction: column;
}
.form_group label {
    margin-bottom: 0.6rem;
    color: #8A9199;
    font-family: var(--e-global-typography-0a3dddd-font-family), sans-serif;
    font-size: var(--e-global-typography-4257b29-font-size);
    font-weight: var(--e-global-typography-0a3dddd-font-weight);
    text-transform: var(--e-global-typography-0a3dddd-text-transform);
    line-height: var(--e-global-typography-3732996-line-height);
    letter-spacing: var(--e-global-typography-3732996-letter-spacing);
}
/* INPUT + SELECT */
.form_group select,
.form_group input {
    width: 100%;
    height: 4.1rem;
    padding: 1rem 4rem 1rem 1.2rem !important;
    border: 1px solid var(--e-global-color-03b5f04) !important;
    border-radius: 0.4rem !important;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background: var(--e-global-color-7d1df70) !important;
    color: var(--e-global-color-text);
    transition: 0.3s ease !important;
    font-family: var(--e-global-typography-0a3dddd-font-family), sans-serif;
    font-size: var(--e-global-typography-4257b29-font-size);
    font-weight: var(--e-global-typography-0a3dddd-font-weight);
    text-transform: var(--e-global-typography-0a3dddd-text-transform);
    line-height: var(--e-global-typography-3732996-line-height);
    letter-spacing: var(--e-global-typography-3732996-letter-spacing);
}
/* DATE INPUT */
.form_group input[type="date"] {
    padding-right: 1.2rem !important;
}
.form_group input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    filter: brightness(0) saturate(100%) invert(71%) sepia(9%) saturate(280%) hue-rotate(174deg) brightness(91%) contrast(88%);
}
.form_group input[type="date"]::-webkit-datetime-edit {
    color: var(--e-global-color-text);
}
/* FOCUS */
.form_group select:focus,
.form_group select:active,
.form_group input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: var(--e-global-color-03b5f04) !important;
    background: #1a1c1e !important;
    color: var(--e-global-color-text) !important;
}
/* CUSTOM CHEVRON */
.form_group:has(select)::after {
    content: "";
    position: absolute;
    right: 1rem;
    bottom: 1.35rem;
    width: 1.4rem;
    height: 1.4rem;
    pointer-events: none;
    background: center / contain no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A9199' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
/* BUTTON */
.booking_btn {
    grid-column: 1 / -1;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    width: 100% !important;
    margin-top: 0.4rem;
    padding: 1.6rem 4rem !important;
    border: 1px solid var(--e-global-color-secondary) !important;
    border-radius: 0.4rem !important;
    background: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-text) !important;
    box-shadow: 0 0 20px rgba(232, 116, 42, .314);
    transition: transform .2s ease-in-out !important;
    font-family: Manrope, sans-serif;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1.4em;
    letter-spacing: .75px;
}
.booking_btn:hover {
    transform: translateY(-1px);
}
.booking_btn_icon {
    width: 1.4rem;
    height: 1.4rem;
    fill: currentColor;
}

/* home booking form ends*/

.verticle_divider_icon .elementor-icon-wrapper .elementor-icon svg {
    height: 100% !important;
}

/* Vehicle page */
.pricing_large{
    font-size: 4.2rem;
    line-height: 1em;
    color: var(--e-global-color-text);
}
.breadcrumb .elementor-icon-list-item{
	margin-left:0px !important;
}
.breadcrumb .elementor-icon-list-icon{
	    padding-left: 0.4rem;
    margin-right: -0.2rem !important;
}
.breadcrumb a span{
	color:var(--e-global-color-secondary) !important;
}









/* Media Queries */
@media (max-width: 1024px) {
    .elementor-nav-menu li.header_link_request_btn,
    .elementor-nav-menu li.header_link_telphone {
        display: flex !important;
    }
    nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
        padding-block: 2rem 4rem;
    }
}
@media (max-width:767px) {
    .booking_form {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width:449px) {
    .mobile_full_width.elementor-widget.elementor-widget-button,
    .mobile_full_width.elementor-widget.elementor-widget-button a {
        width: 100%;
    }
    .booking_form {
        grid-template-columns: repeat(1, 1fr);
    }
}



.featured-vehicles {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* By default: 2-column grid on desktop */
.featured-vehicles .vehicle-card {
    width: calc(50% - 1.2rem);
    box-sizing: border-box;
}

.vehicle-card {
    display: flex;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid;
    background: #140d09;
    color: #fff;
    text-decoration: none;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.vehicle-card__image {
    width: 35%;
    position: relative;
    overflow: hidden;
    min-width: 170px;
}

.vehicle-card__image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.00) 60%,
        rgba(28, 21, 16, 0.60) 100%
    );
}

.vehicle-card__image img {
    width: 100%;
    height: 210px !important;
    object-fit: cover;
    display: block;
}

.vehicle-card__badge {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 2;
    padding: 7px 8px;
    border-radius: 6px;
    color: #fff;
    font-family: Manrope;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.35rem;
    letter-spacing: 0.45px;
    text-transform: uppercase;
    background: #C17A4A; /* overwritten in theme X */
}

.vehicle-card__content {
    width: 65%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-sizing: border-box;
}

.vehicle-card__top {
    display: flex;
    flex-wrap: wrap;
}
.vehicle-card__title-wrap {
    width: 80%;
}
.vehicle-card__price {
    width: 20%;
    text-align: right;
    color:  #FFF;
    font-family: "BebasNeue", Sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
}
.vehicle-card__price span {
    font-family: Manrope;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 16.5px;
}
.theme-1 .vehicle-card__price span {
    color: #C17A4A;
}
.theme-2 .vehicle-card__price span {
    color: #5A8AAA;
}
.theme-3 .vehicle-card__price span {
    color: #6A8A5A;
}
.theme-4 .vehicle-card__price span {
    color: #8A7A6A;
}
.vehicle-card__title {
    color: #FFF;
    font-family: "BebasNeue", Sans-serif;
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 3.15rem;
    letter-spacing: 1px;
}

.vehicle-card__subtitle {
    color: #777;
    font-family: Inter;
    font-size: 1.2rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.8rem;
}

.vehicle-card__features,
.vehicle-card__bestfor {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.vehicle-card__features span{
    color: rgba(255, 255, 255, 0.58);
    font-weight: 400;
}
.vehicle-card__features span,
.vehicle-card__bestfor span {
    border-radius: 6px;
    border: 1px solid  #2C2018;
    background: rgba(255, 255, 255, 0.04);
    padding: 4px 8px;
    font-family: Manrope, Sans-serif;
    font-size: 1rem;
    font-style: normal;
    line-height: 1.5rem;
}
.vehicle-card__bestfor span{
font-weight: 600;
}
.vehicle-card__bestfor-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.vehicle-card__bestfor-wrap strong {
    color:  #777;
    font-family: Manrope;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.35rem;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    width: 17%;
}
.vehicle-card__bestfor {
    width: 83%;
}

.featured-vehicles .vehicle-card:hover span {
    color: white;
}
.vehicle-card__oneway {
    padding: 0.5rem 0.631rem 0.5rem 0.9rem;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
    border-radius: 6px;
    border: 1px solid rgba(193, 122, 74, 0.21);
    background: rgba(193, 122, 74, 0.05);
    color: #C17A4A;
    font-family: Manrope;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
}
.vehicle-card__footer {
    text-align: right;
    padding-top: 5px;
}
span.vehicle-card__oneway img {
    width: 1rem;
    position: relative;
    top: 1px;
}

/* THEMES */

.theme-1 {
    border-color: #C17A4A;
}
.theme-1 .vehicle-card__badge {
    background: #C17A4A;
}
.theme-1 .vehicle-card__bestfor span {
    color: #C17A4A;
}

.theme-2 {
    border-color: #5A8AAA;
}
.theme-2 .vehicle-card__badge {
    background: #5A8AAA;
}
.theme-2 .vehicle-card__bestfor span {
    color: #5A8AAA;
}
.theme-3 {
    border-color: #6A8A5A;
}
.theme-3 .vehicle-card__badge {
    background: #6A8A5A;
}
.theme-3 .vehicle-card__bestfor span {
    color: #6A8A5A;
}
.theme-4 {
    border-color: #8A7A6A;
}
.theme-4 .vehicle-card__badge {
    background: #8A7A6A;
}
.theme-4 .vehicle-card__bestfor span {
    color: #8A7A6A;
}

/* MOBILE RESPONSIVE FIXES */
@media (max-width: 1100px) {
    .vehicle-card__image,.vehicle-card__content {
        width: 100%;
         
    }


}
@media (max-width: 1024px) {
    .featured-vehicles .vehicle-card {
        width: calc(50% - 1.2rem);
    }
    .vehicle-card__content {
        padding: 1.5rem;
    }
}

@media (max-width: 767px) {
    .featured-vehicles {
        flex-direction: column;
        gap: 1.5rem;
    }
    .featured-vehicles .vehicle-card {
        width: 100%;
        min-width: 0;
        margin: 0 auto;
        flex-direction: column;
    }
    .vehicle-card {
        flex-direction: column;
    }
    .vehicle-card__image {
        width: 100%;
        min-width: unset;
        height: 220px;
    }
    .vehicle-card__image img {
        height: 100% !important;
    }
    .vehicle-card__content {
        width: 100%;
        padding: 1.25rem;
    }
    .vehicle-card__top {
        flex-direction: column;
        gap: .5rem;
    }
    .vehicle-card__title-wrap,
    .vehicle-card__price {
        width: 100%;
    }
    .vehicle-card__title {
        font-size: 1.6rem;
        line-height: 2.3rem;
    }
    .vehicle-card__price {
        text-align: left;
        font-size: 1.4rem;
        margin-top: 0.5rem;
        line-height: 2rem;
    }
    .vehicle-card__features,
    .vehicle-card__bestfor {
        gap: 7px;
    }
    .vehicle-card__features span,
    .vehicle-card__bestfor span {
        font-size: 0.96rem;
        padding: 3px 7px;
    }
    .vehicle-card__footer {
        text-align: left;
        padding-top: 12px;
    }
}
@media (max-width: 500px) {
    .vehicle-card__image {
        height: 190px;
    }
    .vehicle-card__content {
        padding: 0.85rem;
    }
    .vehicle-card__title {
        font-size: 1.18rem;
        line-height: 1.6rem;
    }
    .vehicle-card__subtitle {
        font-size: 0.98rem;
        line-height: 1.25rem;
    }
    .vehicle-card__price {
        font-size: 1.10rem;
    }
    .vehicle-card__features span,
    .vehicle-card__bestfor span {
        font-size: 0.87rem;
        padding: 2px 5px;
    }
    .vehicle-card__badge {
        top: .65rem;
        left: .65rem;
        font-size: .7rem;
        padding: 4px 6px;
    }
}