.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    /* Yüngül ağ fon */
    display: flex;
    justify-content: center !important;
    align-items: center;
    z-index: 999999999;
    display: none;
}




.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .country_wrapper {
    background: transparent;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

@media only screen and (max-width: 575.98px) {
    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .country_wrapper {
        width: 305px;
    }
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .country_wrapper .country_select {
    background: var(--hertz-white);
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .country_wrapper .country_select .country .name {
    color: rgba(20, 20, 20, 1);
    font: 400 16px / 22px "Poppins", sans-serif;
    max-width: calc(100% - 8px - 20px);
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .country_wrapper .country_select .icon i {
    color: rgba(20, 20, 20, 1);
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .country_wrapper .country_select {
    width: 100%;
    height: 45px;
    border: none;
    outline: none;
    padding: 0 16px;
    border: 1px solid rgba(214, 214, 214, 1);
    background: var(--hertz-white);
    border-radius: 8px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}


.showForm {
    display: none;
}

#document_form .multi_form_group_wrapper {
    margin-bottom: 20px;
}


.filterButton {
    background: var(--hertz-yellow);
    color: #141414;
    width: 100%;
    height: 32px;
    border-radius: 8px;
    border: none;
    outline: none;
    text-align: center;
    cursor: pointer;
    font: 600 16px / 30px "Poppins", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}


select.form-document-selection {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 50px 0 16px;
    border: 1px solid rgba(214, 214, 214, 1);
    background: var(--hertz-white);
    border-radius: 8px;
    transition: 0.3s;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input::placeholder {
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "Poppins", sans-serif;
}

select.form-document-selection:focus {
    border: 1px solid var(--hertz-yellow) !important;
    box-shadow: none !important;
}


.spinnerForm .spin {
    width: 70px !important;
    height: 70px !important;
}

form .enter.active {
    background-color: var(--hertz-yellow) !important;
    color: black !important;
}

section.login .login_wrapper .tab form .form_group input:not(:focus) {
    border: 1px solid rgba(214, 214, 214, 1);
}

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



.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    /* width: 50%; */
    width: 61px !important;
    border: 1px solid #e5e5e5 !important;
    padding: 3px 0 !important;
    border-radius: 4px !important;
}

.referal-link {
    width: 47%;
}

.referal-link>input:focus {
    border: 1px solid var(--hertz-yellow) !important;
    box-shadow: none !important;
}

.not-select {
    pointer-events: none;
}


.service-card-home h3 {
    font-weight: 900;
}


/* success page */
.header_item .name {
    border: 1px solid #D6D6D6;
    padding: 8px 16px;
    border-radius: 8px;
}

footer .copyright {
    padding: 32px 80px;

}

.success-container {
    min-height: 80dvh;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .copyright p {
    color: #434244;
    font-family: 'Poppins';
    font-size: 14px;
    margin-bottom: 0;
}

.success {
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 16px;
    padding: 32px 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 408px;
    gap: 10px;
}

.success .icon {
    width: 84px;
    height: 84px;
    border-radius: 100%;
    padding: 12px;
    background-color: rgba(149, 212, 81, 1);
    border: 8px solid rgba(174, 233, 111, 1);
}

.success .icon.error {
    background: rgba(233, 111, 111, 1);
    border: 8px solid rgba(253, 140, 140, 1)
}

.success h2 {
    font-size: 24px;
    font-weight: 600;
    font-family: 'poppins';
}

.success p {
    font-size: 14px;
    font-family: 'poppins';
    color: rgba(115, 115, 115, 1);
    margin-bottom: 0;
}

.success a {
    color: black;
    background-color: #FFCC00;
    padding: 12px;
    width: 100%;
    display: block;
    font-family: 'poppins';
    border-radius: 8px;
}

/* REview Mail */
.hertz-feedback {
    font-family: 'poppins';
    color: #222;
    max-width: 740px;
    margin: auto;
    padding: 20px;
}

.hertz-feedback .logo {
    width: 100px;
}

.hertz-feedback .divider {
    height: 4px;
    background: #f7c600;
    margin: 10px 0 20px;
}

.hertz-feedback h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px;
}

.hertz-feedback p {
    font-size: 15px;
    line-height: 1.5;
    color: rgba(67, 66, 68, 1);
    margin-bottom: 20px;
}

/* Rating stars */
.hertz-feedback .stars {
    display: flex;
    gap: 5px;
    margin-bottom: 20px;
}

.hertz-feedback .stars span {
    font-size: 40px;
    color: #f7c600;
    cursor: pointer;
}

.hertz-feedback .stars span.gray {
    color: #ccc;
}

/* Tags */
.hertz-feedback .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.hertz-feedback .tags span {
    background: #f5f5f5;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #e2e2e2;
}

/* Textarea */
.hertz-feedback textarea {
    width: 100%;
    min-height: 100px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 20px;
    background-color: #f6f6f6;
    resize: none;
}

/* Button */
.hertz-feedback button {
    background: #f7c600;
    border: none;
    padding: 12px 24px;
    font-size: 15px;
    border-radius: 6px;
    cursor: pointer;
}

/* Footer */
.hertz-feedback .footer {
    margin-top: 30px;
    font-size: 14px;
}

.hertz-feedback .footer p:first-child {
    color: rgba(33, 79, 129, 1);
    margin-bottom: 10px;
    font-size: 24px;
}

.hertz-feedback .footer p {
    margin: 6px 0;
}

.hertz-feedback .footer a {
    color: #0044cc;
    text-decoration: none;
}

.hertz-feedback .footer a:hover {
    text-decoration: underline;
}

.hertz-feedback .footer img {
    height: 35px;
    margin-top: 15px;
}



/* Default: show desktop, hide mobile */

/* On mobile (adjust breakpoint as needed) */


/* 2. Loqo qutusu (Flexbox ilə mərkəzləşdirmə) */
.logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    max-height: 45px;
}

/* 3. Baş loqo (Məs: Hertz) */
.logo>a:first-child img {
    max-height: 50px;
    width: auto;
    object-fit: contain;
    display: block;
}

/* 4. Tərəfdaş loqosu konteyneri */
.partner_logo_header {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 15px;
}

/* 5. Ayrıcı xətt (Hertz və Tərəfdaş loqosu arasındakı) */
.partner_logo_header::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    /* Xəttin hündürlüyü */
    width: 1px;
    background-color: #e0e0e0;
    /* Boz rəng. Sarı (#f1c40f) istəyirsinizsə dəyişə bilərsiniz */
    rotate: 18deg;
}

/* 6. Tərəfdaş loqosunun şəkli */
.partner_logo_header img {
    max-height: 45px;
    /* Tərəfdaş loqosu bir qədər kiçik ola bilər */
    width: auto;
    object-fit: contain;
}

/* 7. Mobil cihazlar üçün uyğunlaşma (Əgər lazımdırsa) */
@media (max-width: 991px) {
    .logo {
        gap: 0;
    }

    .logo>a:first-child img,
    .partner_logo_header img {
        max-height: 40px;
    }
}


/* =====================================================================
   Backend-only styles.
   Everything the frontend design (front/css/style.css, booking.css,
   profile.css) does not cover: booking offcanvas steps, cabinet modals,
   error page, loaders, third-party widgets. The frontend files are copied
   from the frontend repo unchanged, so overrides belong here.
   ===================================================================== */

@font-face {
    font-family: 'Poppins';
    src: url('../front/fonts/Poppins-Regular.woff2') format('woff2');
}
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* intl-tel-input v25 renders the country picker as a <button>; the frontend uses v17
   (a <div>), so form-level "form button" rules of the design must not paint it. */
.iti .iti__selected-country {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 6px 0 8px !important;
    color: inherit !important;
    font: inherit !important;
    width: auto !important;
    height: 100% !important;
}

/* ---------- from assets/front/css/common.css ---------- */
.partner_logo_header {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 15px;
}

.partner_logo_header::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 1px;
    background-color: #e0e0e0;
    rotate: 18deg;
}

.partner_logo_header img {
    max-height: 45px;
    width: auto;
    object-fit: contain;
}

@media (max-width: 991px) {
    .partner_logo_header img {
        max-height: 40px;
    }
}


/* ---------- from assets/front/home/css/style.css ---------- */
.header-contacts {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 15px;
}

.hc-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 12px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    transition: all 0.3s ease;
    height: 38px;
    white-space: nowrap;
}

.hc-phone {
    background-color: #f8f9fa;
    color: #333 !important;
    border: 1px solid #e9ecef;
}

.hc-phone i {
    color: #666;
}

.hc-whatsapp {
    background-color: #f0fdf4;
    color: #16a34a !important;
    border: 1px solid #dcfce7;
}

.hc-whatsapp i {
    color: #25D366;
    font-size: 16px;
}

.hc-btn:hover {
    filter: brightness(0.95);
}

@media (max-width: 991px) {
    .header-contacts {
        margin-right: 10px;
        gap: 8px;
    }

    .hc-btn {
        padding: 0;
        width: 36px;
        border-radius: 8px;
    }

    .hc-btn span {
        display: none !important;
    }
}

@media (max-width: 576px) {
    .header-contacts {
        gap: 5px !important;
        margin-right: 5px !important;
    }

    .hc-btn {
        width: 32px !important;
        height: 32px !important;
    }
}

.floating-contact-btns {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 9999;
}

.floating-btn {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    text-decoration: none !important;
    font-size: 28px;
    transition: transform 0.3s ease;
    border: 4px solid rgba(255, 255, 255, 0.5);
    background-clip: padding-box;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.floating-btn:hover {
    transform: scale(1.1);
    color: white !important;
}

.floating-whatsapp {
    background-color: #25D366;
}

.floating-call {
    background-color: #3399FF;
}

@media (min-width:767px) {
    .floating-call {
        display: none;
    }

    .hc-phone {
        display: none;
    }
}

@media (max-width: 991px) {
    .floating-contact-btns {
        bottom: 20px;
        right: 20px;
        gap: 10px;
    }

    .floating-btn {
        width: 48px;
        height: 48px;
        font-size: 24px;
    }
}


/* ---------- from assets/front/css/style.css ---------- */
section.second_section.page,
section.car_details.page {
    min-height: 100vh;
}

section.second_section.page {
    min-height: 100vh;
}

section.second_section .second_wrapper .cars .car_item .car_subtitle {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #818385;
}

section.second_section .second_wrapper .cars .car_item .car_picture a.image_link {
    display: block;
    width: 100%;
    height: 100%;
}

section.b2b .b2b_wrapper .b2b_form form button.send_message {
    cursor: pointer;
    outline: none;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #fc0;
    color: #141414;
    text-align: center;
    font: 600 16px/30px "ProximaNova", "Poppins", sans-serif;
    padding: 6px 24px;
}

section.customer_account .customer_account_wrapper .account_sidebar_opener {
    height: 50px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
}

section.customer_account .customer_account_wrapper .account_sidebar_opener .icon {
    height: 35px;
    width: 35px;
}

section.customer_account .customer_account_wrapper .account_sidebar_opener .text {
    font: 600 20px/24px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
}

.sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper input#from2_phoneNumber {
    width: 560px;
    height: 48px;
    border: none;
    outline: none;
    padding: 0 50px 0 60px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    transition: 0.3s;
    color: #141414;
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
}

section.b2b .b2b_wrapper .b2b_form form .form_group input#from2_phoneNumber {
    font: 400 16px/30px "ProximaNova", "Poppins", sans-serif;
    padding: 10px 16px;
    border-radius: 5px;
    color: #141414;
    border: 1px solid #e5e5e5;
    background: #fff;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input#from2_phoneNumber {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    padding: 9.7px 50px 9.7px 16px;
    border: none;
    outline: none;
    border: 1px solid rgba(214, 214, 214, 1);
    color: #141414;
    font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    text-align: left;
}

.sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper input#from2_phoneNumber:focus,
section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input#from2_phoneNumber:focus {
    border: 1px solid var(--hertz-yellow);
}

.sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper .iti__selected-country-primary,
section.b2b .b2b_wrapper .b2b_form form .form_group .iti__selected-country-primary,
section.login .login_wrapper .tab form .form_group .iti__selected-country-primary,
section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper .iti__selected-country-primary {
    width: 50px;
    border-right: 1px solid #e5e5e5;
}

.sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper .iti__selected-country-primary .iti__arrow,
section.b2b .b2b_wrapper .b2b_form form .form_group .iti__selected-country-primary .iti__arrow,
section.login .login_wrapper .tab form .form_group .iti__selected-country-primary .iti__arrow,
section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper .iti__selected-country-primary .iti__arrow {
    margin: 0 0 0 auto;
}

.sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper .iti .iti__selected-dial-code,
section.b2b .b2b_wrapper .b2b_form form .form_group .iti .iti__selected-dial-code,
section.login .login_wrapper .tab form .form_group .iti .iti__selected-dial-code,
section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper .iti .iti__selected-dial-code {
    margin-left: 10px;
}

section.login .login_wrapper .tab form .form_group .iti .iti__selected-dial-code {
    color: #141414;
}

section.login .login_wrapper .tab form .form_group .iti.iti--allow-dropdown .iti__tel-input {
    padding-left: 106px !important;
}

.sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper .iti__search-input,
section.b2b .b2b_wrapper .b2b_form form .form_group .iti__search-input,
section.login .login_wrapper .tab form .form_group .iti__search-input,
section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper .iti__search-input {
    padding: 8px 16px;
    border-top: none;
    border-left: none;
    border-right: none;
}

.sidebar_form .form_wrapper #form2 .body .multi_filter_input {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.sidebar_form .form_wrapper #form2 .body .multi_filter_input .filter_input {
    width: calc((100% - 20px) / 2);
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.sidebar_form .form_wrapper #form2 .body .multi_filter_input .filter_input .inp {
    width: 24px;
    height: 24px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

.sidebar_form .form_wrapper #form2 .body .filter_input label.for_radio {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    font: 700 16px/24px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
    user-select: none;
    cursor: pointer;
    padding: 17px 15px 17px 50px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}

.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture a.image_link {
    display: block;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input#from2_phoneNumber {
        padding: 6.6px 14px;
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 767.98px) {
    .sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper input#from2_phoneNumber {
        width: 100%;
        height: 38px;
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #form2 .body .multi_filter_input {
        flex-direction: column;
        gap: 12px;
    }

    .sidebar_form .form_wrapper #form2 .body .multi_filter_input .filter_input {
        width: 100%;
    }

    .sidebar_form .form_wrapper #form2 .body .filter_input label.for_radio {
        font: 700 14px/21px "ProximaNova", "Poppins", sans-serif;
        padding: 12px 15px 12px 50px;
    }
}

.pagination_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto;
    width: 100%;
}

.pagination_wrapper li.page-item.disabled .page-link {
    background: rgba(245, 245, 245, 1) !important;
}

.pagination_wrapper li.page-item.active .page-link,
.pagination_wrapper li.page-item:hover .page-link {
    background: var(--hertz-yellow);
}

.pagination_wrapper li .page-link {
    background: #ffffff;
    border: none;
    outline: none;
    box-shadow: none;
    border: 1px solid rgba(214, 214, 214, 1);
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
}

section.error_page {
    min-height: calc((100vh - 400px));
    margin: 0;
    padding: 0;
    background: var(--hertz-yellow);
}

section.error_page .error_page_wrapper {
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

section.error_page .error_page_wrapper h2 {
    margin: 0;
    padding: 0;
    text-align: center;
    color: rgba(20, 20, 20, 1);
    font: 600 42px/46px "ProximaNova", "Poppins", sans-serif;
}

section.error_page .error_page_wrapper img {
    display: block;
    width: 800px;
    height: auto;
    object-fit: cover;
}

section.error_page .error_page_wrapper a {
    border: none;
    outline: none;
    background: var(--hertz-white);
    padding: 12px 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    text-align: center;
    color: rgba(20, 20, 20, 1);
    font: 500 20px/21px "ProximaNova", "Poppins", sans-serif;
    border-radius: 12px;
    margin-top: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
    section.error_page {
        min-height: calc((100vh - 420px));
    }

    section.error_page .error_page_wrapper h2 {
        font: 600 42px/46px "ProximaNova", "Poppins", sans-serif;
    }

    section.error_page .error_page_wrapper img {
        width: 750px;
    }

    section.error_page .error_page_wrapper a {
        padding: 12px 96px;
        font: 500 20px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    section.error_page {
        min-height: calc((100vh - 450px));
    }

    section.error_page .error_page_wrapper h2 {
        font: 600 42px/46px "ProximaNova", "Poppins", sans-serif;
    }

    section.error_page .error_page_wrapper img {
        width: 700px;
    }

    section.error_page .error_page_wrapper a {
        padding: 12px 96px;
        font: 500 20px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    section.error_page {
        min-height: calc((100vh - 470px));
    }

    section.error_page .error_page_wrapper h2 {
        font: 600 42px/46px "ProximaNova", "Poppins", sans-serif;
    }

    section.error_page .error_page_wrapper img {
        width: 650px;
    }

    section.error_page .error_page_wrapper a {
        padding: 12px 96px;
        font: 500 20px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767.98px) {
    section.error_page {
        min-height: calc((100vh - 500px));
    }

    section.error_page .error_page_wrapper h2 {
        font: 600 42px/46px "ProximaNova", "Poppins", sans-serif;
    }

    section.error_page .error_page_wrapper img {
        width: 600px;
    }

    section.error_page .error_page_wrapper a {
        padding: 12px 96px;
        font: 500 20px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.error_page {
        min-height: 400px;
    }

    section.error_page .error_page_wrapper h2 {
        font: 600 36px/40px "ProximaNova", "Poppins", sans-serif;
    }

    section.error_page .error_page_wrapper img {
        width: 95%;
    }

    section.error_page .error_page_wrapper a {
        padding: 12px 56px;
        font: 500 20px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

#checkout {
    width: 600px;
    height: 100%;
    min-height: 100vh;
    transition: 0.4s;
    background: var(--hertz-white);
    border: none;
    outline: none;
}

#checkout .checkout_wrapper {
    position: absolute;
    height: 100%;
    width: 560px;
    left: 20px;
    margin-right: 20px;
    transition: 0.3s ease-in;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media only screen and (max-width:767.98px) {
    #checkout {
        width: 100%;
    }

    #checkout .checkout_wrapper {
        width: calc((100% - 2 * 20px));
        margin: 0;
    }
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_opener {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown {
    position: absolute;
    z-index: 3;
    inset: auto !important;
    transform: none !important;
    top: 100% !important;
    right: -2px !important;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown li:hover {
    background: var(--hertz-lightGray);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown li a:hover,
section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown li a:focus {
    background: var(--hertz-lightGray);
    color: initial;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown li a {
    display: flex;
    align-items: center;
    gap: 5px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown li a .icon {
    height: 22px;
    width: 22px;
    padding: 2px;
    margin-left: -5px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown li a .text {
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    color: rgba(67, 66, 68, 1);
    width: calc(100% - 5px - 22px);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown li a.remove .text {
    color: #E96F6F;
}

.modal.detailedModal .modal-dialog .modal-content {
    width: 500px;
    min-height: 300px;
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    padding: 20px;
    position: relative;
    overflow: auto;
}

.modal.detailedModal .modal-dialog .modal-content .modal_close_button {
    position: absolute;
    width: 30px;
    height: 30px;
    background: rgba(245, 245, 245, 1);
    cursor: pointer;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 4px;
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .logo {
    width: 112px;
    height: 40px;
    margin: 0 0 20px 0;
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .logo img {
    filter: brightness(0);
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0px;
    padding-bottom: 15px;
    border-bottom: 2px dashed rgba(214, 214, 214, 1);
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top h3 {
    margin: 0;
    color: rgba(20, 20, 20, 1);
    font: 500 18px/21px "ProximaNova", "Poppins", sans-serif;
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top p {
    margin: 0;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    display: flex;
    align-items: center;
    gap: 15px;
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle {
    margin: 15px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 15px;
    border-bottom: 2px dashed rgba(214, 214, 214, 1);
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle .middle_item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle .middle_item .info {
    width: calc(50% - 10px);
    margin: 0;
    text-align: start;
    color: rgba(115, 115, 115, 1);
    font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle .middle_item .details {
    width: calc(50% - 10px);
    margin: 0;
    text-align: end;
    color: rgba(0, 0, 0, 1);
    font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .info {
    width: calc(50% - 10px);
    margin: 0;
    text-align: start;
    color: rgba(20, 20, 20, 1);
    font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .details {
    max-width: calc(50% - 10px);
    margin: 0;
    text-align: end;
    color: rgba(0, 0, 0, 1);
    font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    background: var(--hertz-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
    padding: 8px 16px;
    border-radius: 12px;
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .details .text {
    width: calc(100% - 5px - 18px);
    text-align: end;
    color: rgba(0, 0, 0, 1);
    font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .details .icon {
    width: 18px;
    height: 18px;
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .print_download_wrapper {
    margin-top: 20px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .print_download_wrapper a {
    border: none;
    outline: none;
    padding: 8px 21px;
    background: rgba(245, 245, 245, 1);
    border-radius: 12px;
    color: rgba(0, 0, 0, 1);
    font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    text-align: center;
}

.removeOrder {
    background: rgba(0, 0, 0, 0.3);
}

.removeOrder .modal-dialog {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0;
    padding: 0;
}

.removeOrder .modal-dialog .modal-content {
    width: 500px;
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    padding: 20px;
    position: relative;
    overflow: auto;
}

.removeOrder .modal-dialog .modal-content .modal_close_button {
    position: absolute;
    width: 30px;
    height: 30px;
    background: rgba(245, 245, 245, 1);
    cursor: pointer;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 4px;
}

.removeOrder .modal-dialog .modal-content .top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 25px auto;
}

.removeOrder .modal-dialog .modal-content .top .title {
    color: rgba(20, 20, 20, 1);
    font: 600 20px/24px "ProximaNova", "Poppins", sans-serif;
    text-align: center;
    margin: 0 0 7px 0;
}

.removeOrder .modal-dialog .modal-content .top .hint {
    color: rgba(67, 66, 68, 1);
    font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
    text-align: center;
    margin: 0;
}

.removeOrder .modal-dialog .modal-content .top .hint span {
    color: rgba(67, 66, 68, 1);
    font: 600 14px/17px "ProximaNova", "Poppins", sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

.removeOrder .modal-dialog .modal-content .body {
    margin: 0 0 25px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.removeOrder .modal-dialog .modal-content .body textarea {
    width: 90%;
    height: 160px;
    resize: none;
    border: none;
    outline: none;
    padding: 12px;
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 8px;
    transition: 0.3s;
    color: rgba(20, 20, 20, 1);
    font: 400 16px / 22px "ProximaNova", "Poppins", sans-serif;
    background: var(--hertz-white);
}

.removeOrder .modal-dialog .modal-content .body textarea:focus {
    border: 1px solid var(--hertz-yellow);
}

.removeOrder .modal-dialog .modal-content .bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-bottom: 5px;
}

.removeOrder .modal-dialog .modal-content .bottom a {
    text-align: center;
    padding: 10px 21px;
    background: rgba(245, 245, 245, 1);
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    text-align: center;
    border-radius: 12px;
}

.removeOrder .modal-dialog .modal-content .bottom a.remove.active {
    background: var(--hertz-yellow);
}

.removeOrder2 {
    background: rgba(0, 0, 0, 0.3);
}

.removeOrder2 .modal-dialog {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0;
    padding: 0;
}

.removeOrder2 .modal-dialog .modal-content {
    width: 350px;
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    padding: 20px;
    position: relative;
    overflow: auto;
}

.removeOrder2 .modal-dialog .modal-content .top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 25px auto;
}

.removeOrder2 .modal-dialog .modal-content .top .title {
    color: rgba(20, 20, 20, 1);
    font: 600 20px/24px "ProximaNova", "Poppins", sans-serif;
    text-align: center;
    margin: 0 0 7px 0;
}

.removeOrder2 .modal-dialog .modal-content .bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-bottom: 5px;
}

.removeOrder2 .modal-dialog .modal-content .bottom a {
    text-align: center;
    padding: 10px 21px;
    background: rgba(245, 245, 245, 1);
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    text-align: center;
    border-radius: 12px;
}

.removeOrder2 .modal-dialog .modal-content .bottom a.remove {
    background: var(--hertz-yellow);
}

@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
    .modal.detailedModal .modal-dialog .modal-content {
        width: 500px;
        min-height: 300px;
        padding: 20px;
    }

    .modal.detailedModal .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top h3 {
        font: 500 18px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top p {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
        gap: 15px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle .middle_item .info {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle .middle_item .details {
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .info {
        width: calc(50% - 10px);
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .details {
        max-width: calc(50% - 10px);
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
        padding: 8px 16px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .details .text {
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .print_download_wrapper a {
        padding: 8px 21px;
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content {
        width: 500px;
        padding: 20px;
    }

    .removeOrder .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
        padding: 4px;
    }

    .removeOrder .modal-dialog .modal-content .top .title {
        font: 600 20px/24px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .top .hint {
        font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .top .hint span {
        font: 600 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .body textarea {
        width: 90%;
        height: 160px;
        padding: 12px;
        font: 400 14px/19px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .bottom {
        gap: 25px;
    }

    .removeOrder .modal-dialog .modal-content .bottom a {
        padding: 10px 21px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .modal.detailedModal .modal-dialog .modal-content {
        width: 500px;
        min-height: 300px;
        padding: 20px;
    }

    .modal.detailedModal .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top h3 {
        font: 500 18px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top p {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
        gap: 15px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle .middle_item .info {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle .middle_item .details {
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .info {
        width: calc(50% - 10px);
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .details {
        max-width: calc(50% - 10px);
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
        padding: 8px 16px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .details .text {
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .print_download_wrapper a {
        padding: 8px 21px;
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content {
        width: 500px;
        padding: 20px;
    }

    .removeOrder .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
        padding: 4px;
    }

    .removeOrder .modal-dialog .modal-content .top .title {
        font: 600 20px/24px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .top .hint {
        font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .top .hint span {
        font: 600 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .bottom {
        gap: 25px;
    }

    .removeOrder .modal-dialog .modal-content .bottom a {
        padding: 10px 21px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .modal.detailedModal .modal-dialog .modal-content {
        width: 500px;
        min-height: 300px;
        padding: 20px;
    }

    .modal.detailedModal .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top h3 {
        font: 500 18px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top p {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
        gap: 15px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle .middle_item .info {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle .middle_item .details {
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .info {
        width: calc(50% - 10px);
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .details {
        max-width: calc(50% - 10px);
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
        padding: 8px 16px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .details .text {
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .print_download_wrapper a {
        padding: 8px 21px;
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content {
        width: 500px;
        padding: 20px;
    }

    .removeOrder .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
        padding: 4px;
    }

    .removeOrder .modal-dialog .modal-content .top .title {
        font: 600 20px/24px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .top .hint {
        font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .top .hint span {
        font: 600 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .bottom {
        gap: 25px;
    }

    .removeOrder .modal-dialog .modal-content .bottom a {
        padding: 10px 21px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767.98px) {
    .modal.detailedModal .modal-dialog .modal-content {
        width: 500px;
        min-height: 300px;
        padding: 20px;
    }

    .modal.detailedModal .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top h3 {
        font: 500 18px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top p {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
        gap: 15px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle .middle_item .info {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle .middle_item .details {
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .info {
        width: calc(50% - 10px);
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .details {
        max-width: calc(50% - 10px);
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
        padding: 8px 16px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .details .text {
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .print_download_wrapper a {
        padding: 8px 21px;
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content {
        width: 450px;
        padding: 20px;
    }

    .removeOrder .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
        padding: 4px;
    }

    .removeOrder .modal-dialog .modal-content .top .title {
        font: 600 20px/24px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .top .hint {
        font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .top .hint span {
        font: 600 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .bottom {
        gap: 25px;
    }

    .removeOrder .modal-dialog .modal-content .bottom a {
        padding: 10px 21px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 10px;
        right: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_opener {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .modal.detailedModal .modal-dialog .modal-content {
        width: 95%;
        margin: 50px auto;
        min-height: 300px;
        padding: 16px;
    }

    .modal.detailedModal .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 5px;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top h3 {
        font: 500 18px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .top p {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
        gap: 15px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle {
        gap: 15px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle .middle_item {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 5px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle .middle_item .info {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
        width: 100%;
        margin: 0;
        text-align: left;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .middle .middle_item .details {
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
        width: 100%;
        margin: 0;
        text-align: left;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .info {
        width: calc(65% - 10px);
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .details {
        max-width: calc(35% - 10px);
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
        padding: 8px 16px;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .earned_bonus .details .text {
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .modal.detailedModal .modal-dialog .modal-content .invoice_wrapper .print_download_wrapper a {
        padding: 8px 21px;
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content {
        width: 310px;
        padding: 20px;
    }

    .removeOrder .modal-dialog .modal-content .modal_close_button {
        width: 23px;
        height: 23px;
        top: 10px;
        right: 10px;
        padding: 4px;
    }

    .removeOrder .modal-dialog .modal-content .top .title {
        font: 600 17px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .top .hint {
        font: 500 12px/14px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .top .hint span {
        font: 600 12px/14px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder .modal-dialog .modal-content .bottom {
        gap: 10px;
    }

    .removeOrder .modal-dialog .modal-content .bottom a {
        padding: 8px 9px;
        font: 500 13px/15px "ProximaNova", "Poppins", sans-serif;
    }

    .removeOrder2 .modal-dialog .modal-content {
        width: 260px;
    }
}

.is-h-invalid~.invalid-feedback {
    display: block;
}

.is-h-invalid {
    border-color: var(--bs-form-invalid-border-color) !important;
}

.is-h-invalid:focus {
    border-color: var(--bs-form-invalid-border-color) !important;
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);
}

.bootstrap_modal .review_with_stars input:not(:checked)~label:hover svg path,
.bootstrap_modal .review_with_stars input:not(:checked)~label:hover~label svg path {
    fill: #FFE992;
    stroke: #FFCC00;
}

.review_section_wrapper .review_with_stars input:not(:checked)~label:hover svg path,
.review_section_wrapper .review_with_stars input:not(:checked)~label:hover~label svg path {
    fill: #FFE992;
    stroke: #FFCC00;
}

#checkout {
    min-height: auto;
}

.carsSwiper_loader {
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carsSwiper_loader .spinner {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 7px solid #ccc;
    border-top: 7px solid var(--hertz-yellow);
    animation: spinner 0.8s linear infinite;
}

@media (max-width: 768px) {
    .carsSwiper_loader {
        position: relative;
        top: 140px;
        margin-bottom: 140px;
    }
}

.makeSwiperInvisible {
    margin-bottom: 50px;
    display: none;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 991.98px) {
    .makeSwiperInvisible {
        display: flex;
    }
}

.makeSwiperInvisible button {
    background: var(--hertz-yellow);
    color: #141414;
    padding: 12px 45px;
    border-radius: 8px;
    border: none;
    outline: none;
    text-align: center;
    cursor: pointer;
    font: 600 16px/22px "ProximaNova", "Poppins", sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 991.98px) {
    section.second_section .second_wrapper .cars.makeAllVisible {
        flex-wrap: wrap !important;
    }

    section.second_section .second_wrapper .cars.makeAllVisible .car_item {
        width: 100% !important;
    }
}

.account_sidebar_header_parent {
    width: 100%;
}

@media (max-width: 768px) {
    .account_sidebar_header_parent {
        padding: 30px 16px;
        height: 213px;
        background: white;
        position: fixed;
        width: 100%;
        z-index: 10;
        margin-left: -12px;
    }
}

.cars_wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 10px;
    row-gap: 50px;
    max-height: 1200px;
    overflow: auto;
}

.cars_wrapper::-webkit-scrollbar {
    display: none;
}

.cars_wrapper .car_item {
    width: calc((100% - 1 * 12px) / 2);
    padding: 42px 30px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border-radius: 24px;
    border: 1px solid #d6d6d6;
    background: var(--hertz-white);
    transition: 0.5s;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .cars_wrapper .car_item {
        width: calc(100% - 2px);
        padding: 42px 30px 30px;
    }
}

@media only screen and (max-width: 767.98px) {
    .cars_wrapper .car_item {
        width: calc(100% - 2px);
        padding: 42px 15px 30px;
    }
}

@media only screen and (max-width: 991.98px) {
    .cars_wrapper {
        max-height: unset !important;
    }
}

.cars_wrapper .car_item .pass {
    position: absolute;
    top: 10px;
    right: -50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #d6d6d6;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.cars_wrapper .car_item .pass i {
    color: var(--hertz-black);
    font-size: 20px;
}

.cars_wrapper .car_item:hover .pass {
    right: 10px;
}

.cars_wrapper .car_item:hover {
    box-shadow: 24px 8px 64px 0 rgba(0, 0, 0, .15);
}

.cars_wrapper .car_item .car_model {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
}

.cars_wrapper .car_item .car_model .logo {
    height: 35px;
    max-width: 70px;
}

.cars_wrapper .car_item .car_model .model_name {
    color: var(--hertz-black);
    font: 600 24px/32px "ProximaNova", "Poppins", sans-serif;
    letter-spacing: -0.56px;
}

.cars_wrapper .car_item .car_picture {
    height: 200px;
    width: 100%;
}

.cars_wrapper .car_item .car_picture a.image_link {
    display: block;
    width: 100%;
    height: 100%;
}

.cars_wrapper .car_item .car_picture img {
    object-fit: contain;
}

.cars_wrapper .car_item .order {
    background: var(--hertz-yellow);
    color: #141414;
    width: 100%;
    height: 42px;
    border-radius: 8px;
    border: none;
    outline: none;
    text-align: center;
    cursor: pointer;
    font: 600 16px/30px "ProximaNova", "Poppins", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cars_wrapper .car_item .car_price {
    width: 100%;
    border-top: 1px solid #d6d6d6;
    display: flex;
    align-items: flex-start;
    padding-top: 20px;
}

.cars_wrapper .car_item .car_price .price_item {
    width: calc(100% / 3);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.cars_wrapper .car_item .car_price .price_item:not(:last-child) {
    border-right: 1px solid #d6d6d6;
}

.cars_wrapper .car_item .car_price .price_item span {
    margin: 0;
    font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    color: #737373;
}

.cars_wrapper .car_item .car_price .price_item p {
    margin: 5px 0 0 0;
    font: 600 28px/38px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
    letter-spacing: -.72px;
}

.cars_wrapper .car_item .car_details {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 5px;
}

.cars_wrapper .car_item .car_details .detail_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
}

.cars_wrapper .car_item .car_details .detail_item:nth-child(3n + 1),
.cars_wrapper .car_item .car_details .detail_item:nth-child(3n) {
    max-width: 150px;
}

.cars_wrapper .car_item .car_details .detail_item .detail_inner_item {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.cars_wrapper .car_item .car_details .detail_item .detail_inner_item .svg {
    width: 18px;
    height: 18px;
    margin-top: 5px;
}

.cars_wrapper .car_item .car_details .detail_item .detail_inner_item .text {
    width: calc((100% - 5px - 18px));
    font: 500 16px/28px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
}

@media only screen and (min-width: 1200px) and (max-width:1399.98px) {
    .cars_wrapper .car_item .car_details .detail_item:nth-child(3n + 1),
    .cars_wrapper .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 125px !important;
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 17px;
        height: 17px;
        margin-top: 4px;
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .text {
        width: calc((100% - 5px - 17px)) !important;
        font: 500 14px/26px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width: 992px) and (max-width:1199.98px) {
    .cars_wrapper .car_item .car_details .detail_item:nth-child(3n + 1),
    .cars_wrapper .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 170px !important;
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 18px;
        height: 18px;
        margin-top: 4px;
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .text {
        width: calc((100% - 5px - 18px)) !important;
        font: 500 16px/26px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width: 768px) and (max-width:991.98px) {
    .cars_wrapper .car_item .car_details .detail_item:nth-child(3n + 1),
    .cars_wrapper .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 165px !important;
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 18px;
        height: 18px;
        margin-top: 3px;
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .text {
        width: calc((100% - 5px - 18px)) !important;
        font: 500 16px/26px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width: 576px) and (max-width:767.98px) {
    .cars_wrapper .car_item .car_details .detail_item:nth-child(3n + 1),
    .cars_wrapper .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 145px !important;
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 17px;
        height: 17px;
        margin-top: 3px;
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .text {
        width: calc((100% - 5px - 17px)) !important;
        font: 500 15px/24px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    .cars_wrapper .car_item .car_details .detail_item:nth-child(3n + 1),
    .cars_wrapper .car_item .car_details .detail_item:nth-child(3n) {
        max-width: calc((100% - 2 * 5px - 45px) / 2);
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 16px;
        height: 16px;
        margin-top: 2px;
    }

    .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .text {
        width: calc((100% - 5px - 16px));
        font: 500 13px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

.cars_wrapper {
    max-height: 1224px;
    padding-top: 24px;
}

@media (max-width: 768px) {
    .cars_wrapper {
        padding: 256px 2px 0 2px;
    }
}

section.customer_account .customer_account_wrapper .account_sidebar_opener {
    height: auto;
    margin-bottom: 25px;
    display: flex;
    padding: 6px 10px;
    align-items: center;
    cursor: pointer;
    gap: 10px;
    border-radius: 8px;
    background-color: #F7F7F7;
    margin-top: 25px;
}

section.customer_account .customer_account_wrapper .account_sidebar_opener .icon {
    height: fit-content;
    width: fit-content;
}

section.customer_account .customer_account_wrapper .account_sidebar_opener .text {
    font: 400 14px / 24px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
}

.floating-contact-btns {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 1035;
}


/* ---------- from assets/front/transfer/css/style.css ---------- */
.transfer-container h1 {
    font-size: 32px;
    font-weight: 600;
    color: #1a1a1a;
}

@media (min-width: 768px) {
    .transfer-container h1 {
        top: 30px;
        position: absolute;
        right: 70px;
    }
}

.form-input.has-error {
    border: 2px solid #dc3545 !important;
}

.search-btn-region {
    background: #FFCA06;
    color: #000;
    border: none;
    padding: 15px 40px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    float: right;
}

.search-btn-region:hover {
    background-color: #ffc906c7;
}

.canvas-header-pay {
    height: 100dvh !important;
    position: relative;
}


/* ---------- from assets/front/css/redesign-statics.css ---------- */


/* ---------- from assets/front/css/redesign-blog.css ---------- */
.blogs-sec .blogs-empty {
    grid-column: 1 / -1;
    text-align: center;
    color: #808080;
    font-weight: 500;
    font-size: 16px;
    padding: 40px 0;
}


/* ---------- from assets/front/css/redesign-transfer.css ---------- */
@media (max-width: 768px) {
    .transfer-container h1 {
        font-size: 28px;
    }
}


/* ---------- from assets/front/css/redesign-rentcar.css ---------- */

/* AJAX loader covers only the booking canvas and follows its rounded corners */
#bookingCanvas .spinner-overlay.spinnerForm {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    width: auto;
    height: auto;
    background: rgba(255, 255, 255, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
}

/* Advantage icons: the uploaded SVGs carry a light circle background, which the frontend's
   brightness(0) turns into a black disc that hides the glyph. This filter turns near-white areas
   (the #F5F5F5 disc) white, which multiply drops onto the yellow tile, and every glyph colour
   up to light grey (#D9D9D9) dark, like the frontend's own icons. */
.advantages-sec .icon img {
    filter: grayscale(1) brightness(0.555) contrast(16);
    mix-blend-mode: multiply;
}

/* Booking status: translated labels ("Çap et") are longer than the design's, keep them on one line with a 20px icon */
.status_sec .buttons button {
    white-space: nowrap;
}

.status_sec .buttons button img {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.rentcar-canvas.custom-offcanvas {
    width: 650px !important;
    max-width: 100%;
    background-color: #fff;
    box-shadow: -3px 0 15px rgba(0, 0, 0, 0.1);
}

.rentcar-canvas .offcanvas-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 32px 20px 0;
}

.rentcar-canvas .offcanvas-header h5 {
    font-family: "proximanova-semibold", "Poppins", sans-serif;
    font-weight: 600;
    font-size: 24px;
    color: var(--hertz-black, #141414);
    margin: 0;
}

.rentcar-canvas .custom-close {
    position: absolute;
    top: 450%;
    right: 102%;
    cursor: pointer;
    width: 45px;
    height: 45px;
    z-index: 1000;
    filter: brightness(1.5);
}

.rentcar-canvas .btn-close {
    border: 0;
    background-color: #f7f7f7;
    background-image: none;
    width: 21px;
    height: 21px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 7.11px;
    padding: 2px;
    opacity: 1;
}

.rentcar-canvas .btn-close svg {
    width: 17px;
    height: 17px;
}

.rentcar-canvas .offcanvas-body {
    padding: 24px;
    overflow-y: auto;
}

.rentcar-canvas .steps {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0 auto 30px;
    width: 80%;
}

.rentcar-canvas .steps::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 20px;
    right: 14px;
    height: 3px;
    background: #d6d6d6;
    z-index: 0;
}

.rentcar-canvas .steps::after {
    content: "";
    position: absolute;
    top: 12px;
    left: 20px;
    height: 3px;
    background: #ffcc00;
    z-index: 0;
    width: var(--progress-width, 0);
    transition: width 0.3s ease;
}

.rentcar-canvas .step {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.rentcar-canvas .step-circle {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #d6d6d6;
    border-radius: 50%;
    background: #fff;
}

.rentcar-canvas .step-circle span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d9d9d9;
}

.rentcar-canvas .step.active .step-circle,
.rentcar-canvas .step.completed .step-circle {
    border-color: #ffcc00;
    box-shadow: 0 0 0 3px #ffeca8;
}

.rentcar-canvas .step.active .step-circle span,
.rentcar-canvas .step.completed .step-circle span {
    background: #ffcc00;
}

.rentcar-canvas .step-title {
    margin-top: 8px;
    color: #151515;
    font-size: 12px;
    text-align: center;
    line-height: 1;
}

.rentcar-canvas .form-label-modal,
.rentcar-canvas .form_group > .label {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #141414;
    margin-bottom: 8px;
}

.rentcar-canvas .form_group {
    margin-bottom: 16px;
    position: relative;
}

.rentcar-canvas .canvas-modal-1 input,
.rentcar-canvas .canvas-modal-1 textarea,
.rentcar-canvas .canvas-modal-2 input[type="text"],
.rentcar-canvas .form_group input[type="text"],
.rentcar-canvas .form_group input[type="email"],
.rentcar-canvas .form_group input[type="tel"],
.rentcar-canvas .form_group textarea {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    border: 1px solid #d9d9d9;
    outline: none;
    border-radius: 8px;
    color: #222;
    height: 54px;
    padding: 0 16px;
    background: #fff;
    box-shadow: none;
    transition: border-color 0.3s ease;
}

.rentcar-canvas .form_group textarea {
    height: 110px;
    padding: 12px 16px;
}

.rentcar-canvas .canvas-modal-1 input:focus,
.rentcar-canvas .canvas-modal-1 textarea:focus,
.rentcar-canvas .form_group input:focus,
.rentcar-canvas .form_group textarea:focus {
    border-color: #ffd700;
}

.rentcar-canvas .is-h-invalid,
.rentcar-canvas .is-h-invalid input {
    border-color: #e96f6f !important;
}

.rentcar-canvas .destination_wrapper {
    position: relative;
}

.rentcar-canvas .destination_select {
    display: flex;
    align-items: center;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    padding-left: 14px;
    background: #fff;
}

.rentcar-canvas .destination_select .name {
    color: #141414;
    font-size: 15px;
    white-space: nowrap;
}

.rentcar-canvas .destination_select input {
    border: none !important;
    height: 52px !important;
    flex: 1;
}

.rentcar-canvas .destination_dropdown {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    z-index: 100;
    max-height: 220px;
    overflow-y: auto;
}

.rentcar-canvas .destination_dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rentcar-canvas .destination_dropdown ul li {
    padding: 11px 16px;
    cursor: pointer;
    font-size: 14px;
}

.rentcar-canvas .destination_dropdown ul li:hover {
    background: #f7f7f7;
}

/* Google ünvanı (pulsuz siyahıdan kənar): sağda çatdırılma qiyməti */
.rentcar-canvas .destination_dropdown ul li.prediction-append {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.rentcar-canvas .destination_dropdown ul li .price {
    flex-shrink: 0;
    font-weight: 700;
    color: #141414;
    white-space: nowrap;
}

.rentcar-canvas .multi_form_group_wrapper {
    display: flex;
    gap: 16px;
}

.rentcar-canvas .multi_form_group_wrapper .form_group {
    flex: 1;
}

.rentcar-canvas .input-icon-wrapper {
    position: relative;
}

.rentcar-canvas .input-icon-wrapper .flatpickr-wrapper {
    display: block;
    width: 100%;
}

.rentcar-canvas .input-icon-wrapper .flatpickr-calendar.static {
    z-index: 1060;
}

.rentcar-canvas .flatpickr-calendar .numInputWrapper input.cur-year {
    appearance: textfield;
    -webkit-appearance: textfield;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 0 0.5ch;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
}

.rentcar-canvas .input-icon-wrapper .input-icon,
.rentcar-canvas .input-icon-wrapper .icon {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #9b9b9b;
    pointer-events: none;
}

.rentcar-canvas .time_wrapper {
    position: relative;
    width: 100%;
}

.rentcar-canvas .time_select {
    position: relative;
}

.rentcar-canvas .time_select input {
    width: 100%;
    height: 54px;
    padding: 0 42px 0 16px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    cursor: pointer;
    background: #fff;
    color: #222;
}

.rentcar-canvas .time_select .icon {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
}

.rentcar-canvas .time_dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    width: 100%;
    max-height: 190px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    z-index: 1000;
}

.rentcar-canvas .time_dropdown.active {
    display: block;
}

.rentcar-canvas .time_dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rentcar-canvas .time_dropdown .name {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 20px;
    font-size: 15px;
    cursor: pointer;
}

.rentcar-canvas .time_dropdown li {
    cursor: pointer;
}

.rentcar-canvas .time_dropdown li:hover {
    background: #f5f5f5;
}

.rentcar-canvas .multi_filter_input {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
}

.rentcar-canvas .multi_filter_input .filter_input {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    padding: 12px 14px;
    cursor: pointer;
}

.rentcar-canvas .multi_filter_input .filter_input .for_radio {
    margin: 0;
    cursor: pointer;
    font-size: 14px;
    color: #141414;
}

/* self / other radio drawn like the frontend .pmtRad_indicator */
#bookingCanvas.rentcar-canvas .multi_filter_input .filter_input input[type="radio"] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 2px solid #d1d5db;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

#bookingCanvas.rentcar-canvas .multi_filter_input .filter_input input[type="radio"]:checked {
    border-color: #FFCC00;
    background: radial-gradient(circle, #FFCC00 0 4px, #fff 4.5px);
}

.rentcar-canvas .country_wrapper {
    position: relative;
    width: 100%;
}

.rentcar-canvas .country_wrapper .country_select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 54px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    padding: 0 16px;
    background: #fff;
    cursor: pointer;
}

.rentcar-canvas .country_wrapper .country_select .country {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rentcar-canvas .country_wrapper .country_select .country .flag img {
    width: 22px;
    height: auto;
    border-radius: 2px;
}

.rentcar-canvas .country_wrapper .country_dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    z-index: 100;
    max-height: 220px;
    overflow-y: auto;
}

.rentcar-canvas .country_wrapper .country_dropdown.active {
    display: block;
}

.rentcar-canvas .country_wrapper .country_dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rentcar-canvas .country_wrapper .country_dropdown ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    cursor: pointer;
    font-size: 14px;
}

.rentcar-canvas .country_wrapper .country_dropdown ul li:hover {
    background: #f7f7f7;
}

.rentcar-canvas .country_wrapper .country_dropdown ul li .flag img {
    width: 22px;
    height: auto;
}

.rentcar-canvas .offcanvas-footer {
    border-top: 1px solid #d6d6d6;
    padding-top: 12px;
    margin: 0 24px;
}

.rentcar-canvas .price-row,
.rentcar-canvas .price-info-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rentcar-canvas .price-row {
    margin-bottom: 8px;
}

.rentcar-canvas .price-row small,
.rentcar-canvas .price-row strong {
    color: #141414;
    font-size: 18px;
    font-weight: 400;
}

.rentcar-canvas .price-row.bonus strong {
    color: #ffbd00;
}

.rentcar-canvas .price-info-row {
    margin-bottom: 16px;
}

.rentcar-canvas .price-info-row small {
    color: #6c757d;
    font-size: 13px;
}

.rentcar-canvas .price-info-row .info-icon-trigger {
    cursor: pointer;
    color: #9b9b9b;
}

.rentcar-canvas .continue-btn,
.rentcar-canvas .btn-warning {
    background: var(--hertz-yellow, #ffcc00);
    color: #141414;
    border: none;
    border-radius: 8px;
    font-family: "proximanova-semibold", "Poppins", sans-serif;
    font-weight: 600;
    padding: 13px 20px;
    width: 100%;
}

.rentcar-canvas .personal_buttons {
    display: flex;
    gap: 12px;
}

.rentcar-canvas .personal_buttons a,
.rentcar-canvas .go-back-btn {
    width: 50%;
    background: #f7f7f7;
    padding: 12px;
    border-radius: 8px;
    border: none;
    color: #141414;
    text-align: center;
    cursor: pointer;
}

.rentcar-canvas .personal_buttons button {
    width: 50%;
}

.rentcar-canvas .modal-two-content {
    gap: 20px;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    padding: 24px 0 0;
}

.rentcar-canvas .rentcar_details_summary .top_wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
}

.rentcar-canvas .rentcar_details_summary .car_logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rentcar-canvas .rentcar_details_summary .car_logo .picture img {
    width: 42px;
    height: auto;
}

.rentcar-canvas .rentcar_details_summary .car_details {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.rentcar-canvas .rentcar_details_summary .car_picture img {
    width: 160px;
    height: auto;
}

.rentcar-canvas .rentcar_details_summary .car_info .detail_item {
    display: flex;
    gap: 18px;
    margin-bottom: 8px;
}

.rentcar-canvas .rentcar_details_summary .detail_inner_item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #333;
}

.rentcar-canvas .rentcar_details_summary .bottom_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 20px;
}

.rentcar-canvas .rentcar_details_summary .bottom_item h3 {
    color: #828282;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 2px;
}

.rentcar-canvas .rentcar_details_summary .bottom_item p {
    color: #222;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}

.rentcar-canvas .promo-section .form-label {
    color: #222;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
}

.rentcar-canvas .promo-input {
    color: #222;
}

.rentcar-canvas .apply-promo {
    min-width: 92px;
    border-radius: 8px;
}

.rentcar-canvas #applyPromo.btn-warning {
    background: var(--hertz-yellow, #ffcc00);
    border-color: var(--hertz-yellow, #ffcc00);
    color: #141414;
    width: auto;
}

.rentcar-canvas #bookingTotal {
    display: flex;
    gap: 8px;
}

.rentcar-canvas #oldPrice {
    color: #999;
    text-decoration: line-through;
}

.rentcar-canvas #newPrice {
    color: #141414;
}

.rentcar-canvas .rentcar_pay_body .header h3 {
    font-size: 20px;
    font-weight: 600;
    color: #141414;
    margin-bottom: 4px;
}

.rentcar-canvas .rentcar_pay_body .header p {
    color: #737373;
    font-size: 14px;
    margin-bottom: 16px;
}

.rentcar-canvas .rentcar_pay_body .apply_payment_methods {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rentcar-canvas .rentcar_pay_body .apply_payment_methods.azericard-inner {
    margin-top: 12px;
}

.rentcar-canvas .rentcar_pay_body .payment_method {
    position: relative;
}

.rentcar-canvas .rentcar_pay_body .payment_method label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 15px 20px;
    margin: 0;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

.rentcar-canvas .rentcar_pay_body .payment_method.active label {
    border-color: #ffcc00;
}

.rentcar-canvas .rentcar_pay_body .payment_method label .context .title {
    font-size: 16px;
    font-weight: 500;
    color: #1f2937;
}

.rentcar-canvas .rentcar_pay_body .payment_method label .context .description {
    font-size: 12px;
    color: #828282;
    margin-top: 2px;
}

.rentcar-canvas .rentcar_pay_body .payment_method label .radio {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 2px solid #d1d5db;
    border-radius: 50%;
    position: relative;
    transition: all 0.2s ease;
}

.rentcar-canvas .rentcar_pay_body .payment_method label .radio.active {
    border-color: #ffcc00;
}

.rentcar-canvas .rentcar_pay_body .payment_method label .radio .dot {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    background: #ffcc00;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.rentcar-canvas .rentcar_pay_body .payment_method label .radio .dot.active {
    opacity: 1;
}

.rentcar-canvas .rentcar_pay_body .payment_method input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.rentcar-canvas .rentcar_pay_body .azericard_installments {
    padding: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 14px;
    margin-top: 12px;
}

.rentcar-canvas .rentcar_pay_body .azericard_installments.d-none {
    display: none;
}

.rentcar-canvas .rentcar_pay_body .azericard_installments .title {
    font-size: 15px;
    color: #141413;
    margin-bottom: 14px;
}

.rentcar-canvas .rentcar_pay_body .apply_payment_method_details {
    display: none;
    margin-top: 16px;
}

.rentcar-canvas .rentcar_pay_body .apply_payment_method_details.active {
    display: block;
}

.rentcar-canvas .rentcar_pay_body .apply_payment_method_details > div {
    display: none;
}

.rentcar-canvas .rentcar_pay_body .apply_payment_method_details > div.active {
    display: block;
}

.rentcar-canvas .rentcar_pay_body .halfprice {
    display: none;
    margin-top: 12px;
}

.rentcar-canvas .rentcar_pay_body .halfprice.active {
    display: block;
}

.rentcar-canvas .rentcar_pay_body .halfprice .inner_payment_method {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.rentcar-canvas .rentcar_pay_body .halfprice .input {
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fbfbfb;
    display: flex;
    align-items: center;
    padding: 4px 10px;
}

.rentcar-canvas .rentcar_pay_body .halfprice .input input {
    border: none;
    outline: none;
    background: transparent;
    width: 90px;
    height: 40px;
    color: #6f7072;
}

.rentcar-canvas .rentcar_pay_body .azalmiles_details,
.rentcar-canvas .rentcar_pay_body .azalmiles {
    display: none;
    margin-top: 12px;
}

.rentcar-canvas .rentcar_pay_body .azalmiles_details.active,
.rentcar-canvas .rentcar_pay_body .azalmiles.active {
    display: block;
}

.rentcar-canvas .rentcar_pay_body .footer {
    margin-top: 20px;
    border-top: 1px solid #d6d6d6;
    padding-top: 14px;
}

.rentcar-canvas .rentcar_pay_body .footer .details .price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.rentcar-canvas .rentcar_pay_body .footer .details .price .total {
    color: #141414;
    font-weight: 500;
}

.rentcar-canvas .rentcar_pay_body .footer .details .price .total.bonus {
    color: #ffbd00;
}

.rentcar-canvas .rentcar_pay_body .footer .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 8px 0 16px;
}

.rentcar-canvas .rentcar_pay_body .footer .info .text {
    font-size: 13px;
    color: #6c757d;
}

.rentcar-canvas .rentcar_pay_body .footer .info .total {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    white-space: nowrap;
    font-size: 13px;
    color: #6c757d;
}

.rentcar-canvas .rentcar_pay_body .footer .info .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1.5px solid #9b9b9b;
    border-radius: 50%;
    font-size: 9px;
    color: #9b9b9b;
    cursor: pointer;
}

.rentcar-canvas .rentcar_pay_body .footer .info .icon:hover + .small_info {
    display: block;
    position: absolute;
    right: 0;
    bottom: calc(100% + 8px);
    width: 260px;
    padding: 10px 12px;
    border-radius: 8px;
    background: #141414;
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
    white-space: normal;
    z-index: 5;
}

.rentcar-canvas .rentcar_pay_body .footer .buttons {
    display: flex;
    gap: 12px;
}

.rentcar-canvas .rentcar_pay_body .footer .buttons > * {
    flex: 1 1 0;
}

.rentcar-canvas .rentcar_pay_body .footer .buttons .go-back-btn {
    width: auto;
}

.rentcar-canvas .rentcar_pay_body .apply_order_button {
    background: #ffcc00;
    color: #141414;
    border: none;
    border-radius: 8px;
    width: 100%;
    padding: 13px;
    font-weight: 600;
    cursor: pointer;
}

.rentcar-canvas .rentcar_pay_body .small_info {
    display: none;
}

.rentcar-canvas .rentcar_pay_body .info .icon {
    color: #9b9b9b;
    cursor: pointer;
}

@media (max-width: 767px) {
    .rentcar-canvas.custom-offcanvas {
        width: 100% !important;
    }

    .rentcar-canvas .steps {
        width: 100%;
    }

    .rentcar-canvas .step-title {
        font-size: 10px;
    }

    .rentcar-canvas .rentcar_details_summary .bottom_wrapper {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .rentcar-canvas .custom-close {
        display: none !important;
    }

    .rentcar-canvas .btn-close {
        display: flex;
    }
}

#bookingCanvas.rentcar-canvas .price-row.bonus {
    display: none;
}

#bookingCanvas.rentcar-canvas .price-row.bonus.active {
    display: flex;
}

.rentcar-canvas .form-row-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 10px;
}

.rentcar-canvas .form-row-2 > * {
    min-width: 0;
}

.rentcar-canvas .cars-row {
    align-items: flex-end;
}

.rentcar-canvas .form_group .iti {
    width: 100%;
}

.rentcar-canvas .price-info-row img {
    width: 18px;
    height: 18px;
}

.rentcar-canvas .age-checkbox {
    width: 100%;
}

.rentcar-canvas .cars-row .age-checkbox {
    margin-bottom: 16px;
}

.rentcar-canvas .age-checkbox input {
    display: none;
}

.rentcar-canvas .age-checkbox label {
    height: 54px;
    border: 1px solid #d9d9d9;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    border-radius: 8px;
    padding-right: 16px;
    padding-left: 16px;
    margin: 0;
    background: #fff;
    overflow: hidden;
}

.rentcar-canvas .age-checkmark {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #d9d9d9;
    background-color: #fff;
}

.rentcar-canvas .age-checkmark i {
    color: #151515;
    font-size: 15px;
    display: none;
}

.rentcar-canvas .age-text {
    font-size: 14px;
    color: #141414;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rentcar-canvas .age-checkbox input:checked + label .age-checkmark {
    background: #FFC800;
    border-color: #FFE37B;
}

.rentcar-canvas .age-checkbox input:checked + label .age-checkmark i {
    display: block;
}

@media (max-width: 440px) {
    .rentcar-canvas .form-row-2 {
        grid-template-columns: 1fr;
    }

    .rentcar-canvas .multi_form_group_wrapper {
        flex-direction: column;
        gap: 0;
    }
}

.rentcar-canvas .rentcar_pay_body .header h3 {
    display: none;
}

.rentcar-canvas .rentcar_pay_body .azericard_installments .apply_payment_methods.azericard-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media (max-width: 440px) {
    .rentcar-canvas .rentcar_pay_body .azericard_installments .apply_payment_methods.azericard-inner {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

.rentcar-canvas #apply_order_button:disabled,
.rentcar-canvas .continue-btn:disabled {
    background-color: #F7F7F7;
    border-color: #F7F7F7;
    color: #8c8c8c;
    cursor: not-allowed;
}

.rentcar-canvas .selected-car-content {
    margin-bottom: 16px;
}

.rentcar-canvas .selected-car-name {
    margin-bottom: 4px;
    color: #222;
    font-size: 20px;
    font-weight: 600;
}

.rentcar-canvas .selected-car-type {
    color: #828282;
    font-size: 14px;
    font-weight: 500;
}

.rentcar-canvas .selected-car-image-wrapper {
    margin-top: 10px;
}

.rentcar-canvas .selected-car-image {
    width: 180px;
    height: auto;
}

.rentcar-canvas .info-grid {
    width: 400px;
    margin: 0;
}

.rentcar-canvas .info-grid span {
    color: #828282;
    font-size: 14px;
    font-weight: 400;
}

.rentcar-canvas .info-grid p {
    margin-bottom: 12px;
    color: #222;
    font-size: 16px;
    font-weight: 500;
}

.rentcar-canvas .promo-section {
    margin-top: 20px;
}

@media (max-width: 440px) {
    .rentcar-canvas .modal-two-content {
        flex-direction: column;
    }

    .rentcar-canvas .info-grid {
        width: 100%;
    }
}


/* ---------- from assets/front/css/redesign-cabinet.css ---------- */
section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .invoice_wrapper .middle {
    margin: 15px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 15px;
    border-bottom: 2px dashed rgba(214, 214, 214, 1);
}

section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .invoice_wrapper .middle .middle_item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .invoice_wrapper .middle .middle_item .info {
    width: calc(50% - 10px);
    margin: 0;
    text-align: start;
    color: rgba(115, 115, 115, 1);
    font: 400 14px/17px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .invoice_wrapper .middle .middle_item .details {
    width: calc(50% - 10px);
    margin: 0;
    text-align: end;
    color: rgba(0, 0, 0, 1);
    font: 500 15px/17px "Poppins", sans-serif;
}



/* =====================================================================
   Customer cabinet (profile) — the current design is kept as it is.
   The cabinet markup still uses the earlier structure, so these rules
   restore its look on top of profile.css, in their original order.
   :where(section.customer_account) scopes them without raising specificity.
   Remove a rule here only after checking the cabinet pages.
   ===================================================================== */

section.customer_account .customer_account_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

section.customer_account .customer_account_wrapper .account_sidebar_opener {
    height: 50px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
}

section.customer_account .customer_account_wrapper .account_sidebar_opener .icon {
    height: 35px;
    width: 35px;
}

section.customer_account .customer_account_wrapper .account_sidebar_opener .text {
    font: 600 20px/24px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
}

section.customer_account .customer_account_wrapper .account_sidebar {
    width: 300px;
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 24px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: flex-start;
    align-items: flex-start;
    transition: 0.3s;
}

section.customer_account .customer_account_wrapper .account_sidebar.active {
    left: 0;
}

section.customer_account .customer_account_wrapper .account_main {
    width: calc((100% - 20px - 300px));
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: flex-start;
    align-items: flex-start;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_details {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_details .name {
    margin: 0px;
    font: 600 24px/30px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_details .cif_code {
    margin: 0px;
    font: 400 16x/21px "ProximaNova", "Poppins", sans-serif;
    color: rgba(115, 115, 115, 1);
}

section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation li {
    width: 100%;
}

section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation li a {
    padding: 8px 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 7px;
    border-bottom: 1px solid rgba(214, 214, 214, 1);
}

section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation li a .svg {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(245, 245, 245, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation li:hover a .svg svg path {
    transition: 0.3s;
}

section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation li a .svg.active svg path,
section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation li a:hover .svg svg path {
    stroke: var(--hertz-yellow);
}

section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation li a .link {
    width: calc((100% - 7px - 36px));
    color: rgba(0, 0, 0, 1);
    margin: 0px;
    font: 400 16x/21px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_support {
    background: rgba(245, 245, 245, 1);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    padding: 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_support .icon {
    width: 25px;
    height: 25px;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_support .description {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_support .description h3 {
    margin: 0;
    text-align: center;
    color: var(--hertz-yellow);
    font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_support .description p {
    margin: 0;
    text-align: center;
    color: rgba(20, 20, 20, 1);
    font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar {
    width: 100%;
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 24px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar h2 {
    margin: 0px;
    font: 500 20px/22px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions .input input {
    border: none;
    outline: none;
    padding: 6px 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(245, 245, 245, 1);
    border: 1px solid rgba(214, 214, 214, 1);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button {
    border: none;
    outline: none;
    padding: 8px 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: rgba(245, 245, 245, 1);
    border: 1px solid rgba(214, 214, 214, 1);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button::after {
    display: none;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu {
    width: 100%;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu {
    width: 100%;
    position: absolute;
    z-index: 3;
    top: calc(37px + 50px);
    left: 0;
    border: none;
    outline: none;
    background: var(--hertz-white);
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    padding: 10px 0;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu.show {
    overflow: auto;
    height: auto;
    border: 1px solid rgba(214, 214, 214, 1);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu li {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    transition: 0.2s;
    margin: 5px 0;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu li:hover {
    background: var(--hertz-lightGray);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu li a {
    font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    color: rgba(67, 66, 68, 1);
    pointer-events: none;
    user-select: none;
    display: block;
    width: 100%;
    height: 100%;
    padding: 4px 10px;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button.save {
    background: var(--hertz-yellow);
    border: 1px solid var(--hertz-yellow);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .icon {
    width: 16px;
    height: 16px;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .text {
    color: var(--hertz-black);
    font: 400 16px/20px "ProximaNova", "Poppins", sans-serif;
    text-align: center;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen {
    width: 100%;
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 24px;
    padding: 20px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty {
    width: 100%;
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 24px;
    padding: 20px;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper {
    width: 220px;
    position: relative;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part {
    width: 100%;
    height: 37px;
    border: none;
    outline: none;
    padding: 0 16px;
    border: 1px solid rgba(214, 214, 214, 1);
    background: rgba(245, 245, 245, 1);
    border-radius: 8px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .text {
    width: calc((100% - 25px));
    font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    color: rgba(67, 66, 68, 1);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
    user-select: none;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon i {
    font-size: 14px;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown {
    width: 100%;
    position: absolute;
    z-index: 3;
    top: calc(37px + 5px);
    left: 0;
    border: none;
    outline: none;
    background: var(--hertz-white);
    border-radius: 8px;
    cursor: pointer;
    height: 0;
    overflow: hidden;
    interpolate-size: allow-keywords;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown.active {
    overflow: auto;
    height: auto;
    border: 1px solid rgba(214, 214, 214, 1);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 0;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul li {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    transition: 0.2s;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul li:hover {
    background: var(--hertz-lightGray);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul li a {
    font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    color: rgba(67, 66, 68, 1);
    pointer-events: none;
    user-select: none;
    display: block;
    width: 100%;
    height: 100%;
    padding: 4px 16px;
}

section.customer_account .customer_account_wrapper .account_main .modal {
    background: rgba(0, 0, 0, 0.3);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content {
    width: 600px;
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    padding: 20px;
    position: relative;
    overflow: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .modal_close_button {
    position: absolute;
    width: 30px;
    height: 30px;
    background: rgba(245, 245, 245, 1);
    cursor: pointer;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 4px;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .header {
    height: 50px;
    display: flex;
    align-items: center;
    text-align: start;
    border-bottom: 1px solid rgba(214, 214, 214, 1);
    font: 600 20px/28px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer {
    display: flex;
    align-items: center;
    font: 500 20px/28px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 10px;
    background: var(--hertz-yellow);
    border-radius: 8px;
    border: none;
    outline: none;
    font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    color: rgba(0, 0, 0, 1);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body {
    margin: 15px 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group {
    width: 100%;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group label {
    display: block;
    margin: 0 0 4px 0;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .label {
    display: block;
    margin: 0 0 4px 0;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper {
    height: 45px;
    position: relative;
    background: transparent;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 50px 0 16px;
    border: 1px solid rgba(214, 214, 214, 1);
    background: var(--hertz-white);
    border-radius: 8px;
    transition: 0.3s;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input::placeholder {
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input:focus {
    border: 1px solid var(--hertz-yellow);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 20px;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group {
    width: calc((100% - 20px) / 2);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper {
    height: 45px;
    position: relative;
    cursor: pointer;
    background: transparent;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    pointer-events: none;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .icon i {
    color: rgba(166, 167, 169, 1);
    font-size: 16px;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 20px;
    border: 1px solid #e5e5e5;
    background: var(--hertz-white);
    border-radius: 6px;
    transition: 0.3s;
    color: #141414;
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    display: flex;
    align-items: center;
    cursor: pointer;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper input:focus {
    border: 1px solid var(--hertz-yellow);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader {
    height: 200px;
    width: 100%;
    border-radius: 6px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 6px;
    border: 1px dashed rgba(214, 214, 214, 1);
    position: relative;
    overflow: hidden;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area.active {
    display: none;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .input_file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload {
    width: 100%;
    height: 100%;
    padding: 16px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload img {
    display: block;
    width: 45px;
    height: 45px;
    object-fit: cover;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload p {
    font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
    margin: 0;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: 1px solid rgba(214, 214, 214, 1);
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    display: none;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display.active {
    display: flex;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_picture {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_picture .picture {
    width: 100%;
    height: 100%;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_picture .text {
    max-width: calc((100% - 44px - 5px));
    margin: 0;
    padding: 0;
    text-align: start;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    gap: 5px;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete {
    width: 30px;
    height: 25px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--hertz-white);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete i {
    font-size: 16px;
    color: rgba(115, 115, 115, 1);
    pointer-events: none;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new {
    position: relative;
    width: 30px;
    height: 25px;
    border-radius: 7px;
    background: var(--hertz-white);
    display: flex;
    align-items: center;
    justify-content: center;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new input {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: rgba(115, 115, 115, 1);
    pointer-events: none;
}

section.customer_account .customer_account_wrapper .account_main .modal {
    background: rgba(0, 0, 0, 0.3);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_dot {
    width: 10px !important;
    height: 10px;
    border-radius: 50%;
    background: rgba(174, 233, 111, 1);
    margin-top: 17px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_pic {
    width: 44px !important;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(214, 214, 214, 1);
    background: rgba(245, 245, 245, 1);
    padding: 10px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main {
    width: 100%;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .header {
    padding: 10px 0;
    color: rgba(20, 20, 20, 1);
    font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    border-bottom: 1px solid rgba(214, 214, 214, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .body {
    padding: 10px 0 0;
    color: rgba(20, 20, 20, 1);
    font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    max-width: 85%;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .footer {
    display: flex;
    justify-content: flex-end;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .footer a {
    background: var(--hertz-yellow);
    padding: 8px 24px;
    color: rgba(0, 0, 0, 1);
    font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    text-align: center;
    border-radius: 8px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info {
    padding-bottom: 170px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 37px;
    row-gap: 24px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group {
    width: calc((100% - 1 * 37px) / 2);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group label {
    display: block;
    margin: 0 0 4px 0;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper {
    height: 45px;
    position: relative;
    background: transparent;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 50px 0 16px;
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 8px;
    transition: 0.3s;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    background: var(--hertz-white);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input::placeholder {
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input:focus {
    border: 1px solid var(--hertz-yellow);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .country_wrapper {
    width: 100%;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form.disabled .form_group .input_wrapper input,
section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form.disabled .country_wrapper .country_select {
    background: rgba(245, 245, 245, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form.disabled .form_group label,
section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form.disabled .form_group .input_wrapper input,
section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form.disabled .form_group .input_wrapper .iti,
section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form.disabled .country_wrapper .country_select {
    user-select: none !important;
    pointer-events: none !important;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order {
    background: rgba(245, 245, 245, 1);
    min-height: 450px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .picture {
    width: 161px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text p {
    margin: 0;
    text-align: center;
    color: rgba(20, 20, 20, 1);
    font: 500 20px/21px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text p span {
    margin: 0;
    text-align: center;
    font: 500 20px/21px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .button button {
    border: none;
    outline: none;
    background: var(--hertz-yellow);
    padding: 12px 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    text-align: center;
    color: rgba(20, 20, 20, 1);
    font: 500 20px/21px "ProximaNova", "Poppins", sans-serif;
    border-radius: 12px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item {
    display: flex;
    align-items: center;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item:nth-child(1) {
    width: calc((100% - 330px - 40px));
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item:nth-child(2) {
    width: 330px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 15px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_picture {
    border: 1px solid rgba(214, 214, 214, 1);
    background: rgba(245, 245, 245, 1);
    border-radius: 8px;
    width: 80px;
    height: 80px;
    padding: 25px 15px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: calc((100% - 15px - 80px)) !important;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .name {
    color: rgba(20, 20, 20, 1);
    font: 600 20px/21px "ProximaNova", "Poppins", sans-serif;
    margin: 0;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .condition {
    display: flex;
    align-items: center;
    gap: 5px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .condition .icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .condition .text {
    width: 100%;
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    margin: 0;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .detail_id {
    background: rgba(245, 245, 245, 1);
    color: rgba(67, 66, 68, 1);
    padding: 10px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 400 20px/21px "ProximaNova", "Poppins", sans-serif;
    margin: 0;
    word-break: break-all;
    max-width: calc((100% - 10px - 160px));
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .condition {
    background: rgba(245, 245, 245, 1);
    color: rgba(20, 20, 20, 1);
    padding: 10px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    margin: 0;
    word-break: break-all;
    max-width: 160px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .condition.active {
    background: rgba(174, 233, 111, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .horizontal_line {
    border-top: 1px solid rgba(214, 214, 214, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 10px;
    row-gap: 17px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    width: calc((100% - 5 * 10px) / 6);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .title {
    font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    margin: 0;
    color: rgba(20, 20, 20, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .shown {
    background: rgba(245, 245, 245, 1);
    width: 100%;
    height: 29px;
    padding: 4px 10px;
    gap: 5px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    margin: 0;
    color: rgba(115, 115, 115, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .shown.yellow {
    color: var(--hertz-yellow);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .shown .icon {
    width: 16px;
    height: 16px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper {
    display: flex;
    flex-direction: column;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header {
    display: flex;
    align-items: center;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title {
    color: rgba(115, 115, 115, 1);
    margin: 0;
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(1) {
    width: calc(55% - 150px);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(2) {
    width: calc(45% - 150px);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(3) {
    width: 300px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body {
    margin-top: 10px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item {
    display: flex;
    align-items: center;
    padding: 18px 0;
    border-bottom: 1px solid rgba(245, 245, 245, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes {
    display: flex;
    align-items: center;
    gap: 20px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(1) {
    width: calc(55% - 150px);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(2) {
    width: calc(45% - 150px);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(3) {
    width: 300px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_title {
    padding: 8px;
    border-radius: 4px;
    background: rgba(245, 245, 245, 1);
    width: 280px;
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_date {
    padding: 8px;
    border-radius: 4px;
    background: rgba(245, 245, 245, 1);
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus {
    padding: 8px 0;
    border-radius: 4px;
    background: rgba(245, 245, 245, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus .text {
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus .icon {
    width: 18px;
    height: 18px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus_title {
    padding: 8px 20px;
    border-radius: 4px;
    background: var(--hertz-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    width: 180px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus_title.loss {
    background: rgba(127, 129, 131, 1);
    color: rgba(255, 255, 255, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .iti {
    width: 100%;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input#from2_phoneNumber {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    padding: 9.7px 50px 9.7px 16px;
    border: none;
    outline: none;
    border: 1px solid rgba(214, 214, 214, 1);
    color: #141414;
    font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    text-align: left;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input#from2_phoneNumber:focus {
    border: 1px solid var(--hertz-yellow);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper .iti__selected-country-primary {
    width: 50px;
    border-right: 1px solid #e5e5e5;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper .iti__selected-country-primary .iti__arrow {
    margin: 0 0 0 auto;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper .iti .iti__selected-dial-code {
    margin-left: 10px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper .iti__search-input {
    padding: 8px 16px;
    border-top: none;
    border-left: none;
    border-right: none;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper .iti__country-list {
    padding: 10px 0;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper .iti__country-list .iti__country {
    padding: 5px 16px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper .iti__country-list .iti__country:not(:last-child) {
    margin-bottom: 5px;
}

section.customer_account .customer_account_wrapper .actions_wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .actions_wrapper {
        gap: 10px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar {
        padding: 20px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar h2 {
        font: 500 20px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons {
        gap: 12px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions {
        gap: 12px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions .input input {
        padding: 8.2px 15px;
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button {
        padding: 8px 15px;
        gap: 8px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu {
        padding: 10px 0;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu li a {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
        padding: 4px 10px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .icon {
        width: 16px;
        height: 16px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .text {
        font: 400 16px/20px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper {
        width: 205px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part {
        padding: 0 14px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .text {
        width: calc((100% - 20px));
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon {
        width: 18px;
        height: 18px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon i {
        font-size: 14px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul {
        padding: 8px 0;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul li a {
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
        padding: 4px 14px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order {
        min-height: 425px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .picture {
        width: 161px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text p {
        font: 500 20px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text p span {
        font: 500 20px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .button button {
        padding: 12px 96px;
        font: 500 20px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .header {
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .body {
        padding: 10px 0 0;
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
        max-width: 85%;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .footer a {
        padding: 8px 24px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item:nth-child(1) {
        width: calc((100% - 300px - 40px));
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item:nth-child(2) {
        width: 300px;
        display: flex;
        justify-content: flex-end;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .name {
        font: 600 20px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .condition .text {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .detail_id {
        padding: 8px 18px;
        font: 400 18px/21px "ProximaNova", "Poppins", sans-serif;
        max-width: calc((100% - 10px - 150px));
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .condition {
        padding: 10px 20px;
        font: 500 15px/17px "ProximaNova", "Poppins", sans-serif;
        max-width: 150px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item {
        width: calc((100% - 4 * 10px) / 5);
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .title {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .shown {
        height: 29px;
        padding: 4px 10px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info {
        padding-bottom: 170px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form {
        column-gap: 27px;
        row-gap: 24px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group {
        width: calc((100% - 1 * 27px) / 2);
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group label {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper {
        height: 45px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input {
        padding: 0 16px;
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input::placeholder {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(1),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(1) {
        width: calc(100% - 160px - 300px);
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(2),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(2) {
        width: 160px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_title,
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_date {
        max-width: 95% !important;
        width: max-content !important;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(3),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(3) {
        width: 300px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body {
        margin-top: 10px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 18px 0;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes {
        display: flex;
        align-items: center;
        gap: 20px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_title {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_date {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus {
        width: 100px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus .text {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus .icon {
        width: 18px;
        height: 18px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus_title {
        padding: 8px 20px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
        width: 180px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content {
        width: 600px;
        border-radius: 12px;
        padding: 20px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
        padding: 4px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .header {
        height: 50px;
        font: 600 20px/28px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer {
        font: 500 20px/28px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer button {
        padding: 12px 10px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body {
        gap: 30px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group {
        width: 100%;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group label,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .label {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper {
        height: 45px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input {
        padding: 0 50px 0 16px;
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input::placeholder {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper {
        gap: 20px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group {
        width: calc((100% - 20px) / 2);
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper {
        height: 45px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper .icon {
        width: 40px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .icon i {
        font-size: 16px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper input {
        padding: 0 20px;
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader {
        height: 200px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload {
        padding: 16px 40px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload img {
        width: 45px;
        height: 45px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload p {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration {
        top: 7px;
        right: 7px;
        gap: 5px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new {
        width: 30px;
        height: 25px;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete i,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new i {
        font-size: 16px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .actions_wrapper {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar {
        padding: 20px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar h2 {
        font: 500 19px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons {
        gap: 11px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions {
        gap: 11px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions .input input {
        padding: 8.7px 13px;
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button {
        padding: 8px 15px;
        gap: 8px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu {
        padding: 10px 0;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu li a {
        font: 400 15px/21px "ProximaNova", "Poppins", sans-serif;
        padding: 4px 10px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .icon {
        width: 16px;
        height: 16px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .text {
        font: 400 16px/20px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper {
        width: 190px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part {
        padding: 0 14px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .text {
        width: calc((100% - 20px));
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon {
        width: 18px;
        height: 18px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon i {
        font-size: 14px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul {
        padding: 8px 0;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul li a {
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
        padding: 4px 14px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order {
        min-height: 400px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .picture {
        width: 161px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text p {
        font: 500 19px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text p span {
        font: 500 19px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .button button {
        padding: 12px 90px;
        font: 500 19px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .header {
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .body {
        padding: 10px 0 0;
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
        max-width: 85%;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .footer a {
        padding: 8px 24px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top {
        gap: 20px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item:nth-child(1) {
        width: calc((100% - 220px - 20px));
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item:nth-child(2) {
        width: 220px;
        display: flex;
        justify-content: flex-end;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .name {
        font: 600 20px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .condition .text {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .detail_id {
        padding: 8px 14px;
        font: 400 18px/21px "ProximaNova", "Poppins", sans-serif;
        max-width: calc((100%)) !important;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .condition {
        padding: 10px 16px;
        font: 500 14px/16px "ProximaNova", "Poppins", sans-serif;
        max-width: 135px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item {
        width: calc((100% - 2 * 10px) / 3);
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .title {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .shown {
        height: 29px;
        padding: 4px 10px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info {
        padding-bottom: 150px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form {
        column-gap: 21px;
        row-gap: 24px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group {
        width: calc((100% - 1 * 21px) / 2);
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group label {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper {
        height: 45px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input {
        padding: 0 14px;
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input::placeholder {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(1),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(1) {
        width: calc(100% - 130px - 220px);
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(2),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(2) {
        width: 130px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_title,
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_date {
        max-width: 95% !important;
        width: max-content !important;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(3),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(3) {
        width: 220px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body {
        margin-top: 10px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 18px 0;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes {
        display: flex;
        align-items: center;
        gap: 20px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(3) {
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_title {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_date {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus {
        width: 100px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus .text {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus .icon {
        width: 18px;
        height: 18px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus_title {
        padding: 8px 20px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
        width: 180px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content {
        width: 600px;
        border-radius: 12px;
        padding: 20px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
        padding: 4px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .header {
        height: 50px;
        font: 600 20px/28px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer {
        font: 500 20px/28px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer button {
        padding: 12px 10px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body {
        gap: 30px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group {
        width: 100%;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group label,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .label {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper {
        height: 45px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input {
        padding: 0 50px 0 16px;
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input::placeholder {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper {
        gap: 20px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group {
        width: calc((100% - 20px) / 2);
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper {
        height: 45px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper .icon {
        width: 40px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .icon i {
        font-size: 16px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper input {
        padding: 0 20px;
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader {
        height: 200px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload {
        padding: 16px 40px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload img {
        width: 45px;
        height: 45px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload p {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration {
        top: 7px;
        right: 7px;
        gap: 5px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new {
        width: 30px;
        height: 25px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete i,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new i {
        font-size: 16px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper {
        gap: 0;
        flex-direction: column;
        position: relative;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_sidebar {
        justify-content: space-between;
        position: fixed;
        top: 0;
        bottom: 0;
        left: -300px;
        width: 300px;
        z-index: 11;
        height: 100%;
        min-height: 100vh;
        border: none;
        background: var(--hertz-white);
        border-radius: 0;
        overflow: auto;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_sidebar .customer_details {
        margin-top: 30px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main {
        width: 100%;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .actions_wrapper {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar {
        padding: 20px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar h2 {
        font: 500 19px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons {
        gap: 11px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions {
        gap: 11px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions .input input {
        padding: 8.7px 13px;
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button {
        padding: 8px 15px;
        gap: 8px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu {
        padding: 10px 0;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu li a {
        font: 400 15px/21px "ProximaNova", "Poppins", sans-serif;
        padding: 4px 10px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .icon {
        width: 16px;
        height: 16px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .text {
        font: 400 16px/20px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper {
        width: 190px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part {
        padding: 0 14px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .text {
        width: calc((100% - 20px));
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon {
        width: 18px;
        height: 18px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon i {
        font-size: 14px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul {
        padding: 8px 0;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul li a {
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
        padding: 4px 14px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order {
        min-height: 400px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .picture {
        width: 161px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text p {
        font: 500 19px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text p span {
        font: 500 19px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .button button {
        padding: 12px 90px;
        font: 500 19px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .header {
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .body {
        padding: 10px 0 0;
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
        max-width: 100%;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .footer a {
        padding: 8px 24px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top {
        gap: 20px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item:nth-child(1) {
        width: calc((100% - 190px - 20px));
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item:nth-child(2) {
        width: 190px;
        display: flex;
        justify-content: flex-end;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .name {
        font: 600 20px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .condition .text {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .detail_id {
        padding: 8px 14px;
        font: 400 18px/21px "ProximaNova", "Poppins", sans-serif;
        max-width: calc((100%)) !important;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .condition {
        padding: 10px 16px;
        font: 500 14px/16px "ProximaNova", "Poppins", sans-serif;
        max-width: 135px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item {
        width: calc((100% - 2 * 10px) / 3);
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .title {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .shown {
        height: 29px;
        padding: 4px 10px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info {
        padding-bottom: 150px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form {
        column-gap: 21px;
        row-gap: 24px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group {
        width: calc((100% - 1 * 21px) / 2);
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group label {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper {
        height: 45px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input {
        padding: 0 14px;
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input::placeholder {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(1),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(1) {
        width: calc(100% - 130px - 220px);
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(2),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(2) {
        width: 130px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_title,
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_date {
        max-width: 95% !important;
        width: max-content !important;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(3),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(3) {
        width: 220px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body {
        margin-top: 10px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 18px 0;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes {
        display: flex;
        align-items: center;
        gap: 20px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(3) {
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_title {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_date {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus {
        width: 100px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus .text {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus .icon {
        width: 18px;
        height: 18px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus_title {
        padding: 8px 20px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
        width: 180px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content {
        width: 600px;
        border-radius: 12px;
        padding: 20px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
        padding: 4px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .header {
        height: 50px;
        font: 600 20px/28px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer {
        font: 500 20px/28px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer button {
        padding: 12px 10px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body {
        gap: 30px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group {
        width: 100%;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group label,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .label {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper {
        height: 45px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input {
        padding: 0 50px 0 16px;
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input::placeholder {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper {
        gap: 20px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group {
        width: calc((100% - 20px) / 2);
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper {
        height: 45px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper .icon {
        width: 40px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .icon i {
        font-size: 16px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper input {
        padding: 0 20px;
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader {
        height: 200px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload {
        padding: 16px 40px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload img {
        width: 45px;
        height: 45px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload p {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration {
        top: 7px;
        right: 7px;
        gap: 5px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new {
        width: 30px;
        height: 25px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete i,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new i {
        font-size: 16px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper {
        gap: 0;
        flex-direction: column;
        position: relative;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_sidebar {
        justify-content: space-between;
        position: fixed;
        top: 0;
        bottom: 0;
        left: -300px;
        width: 300px;
        z-index: 11;
        height: 100%;
        min-height: 100vh;
        border: none;
        background: var(--hertz-white);
        border-radius: 0;
        overflow: auto;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_sidebar .customer_details {
        margin-top: 30px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main {
        width: 100%;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .actions_wrapper {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar {
        padding: 20px;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        justify-content: center;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar h2 {
        font: 500 19px/22px "ProximaNova", "Poppins", sans-serif;
        width: 75%;
        text-align: center;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons {
        gap: 11px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions {
        gap: 11px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions .input input {
        padding: 8.7px 13px;
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button {
        padding: 8px 15px;
        gap: 8px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu {
        padding: 10px 0;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu li a {
        font: 400 15px/21px "ProximaNova", "Poppins", sans-serif;
        padding: 4px 10px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .icon {
        width: 16px;
        height: 16px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .text {
        font: 400 16px/20px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper {
        width: 200px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part {
        padding: 0 14px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .text {
        width: calc((100% - 20px));
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon {
        width: 18px;
        height: 18px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon i {
        font-size: 14px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul {
        padding: 8px 0;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul li a {
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
        padding: 4px 14px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order {
        min-height: 375px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .picture {
        width: 161px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text p {
        font: 500 18px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text p span {
        font: 500 18px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .button button {
        padding: 12px 75px;
        font: 500 18px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .header {
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .body {
        padding: 10px 0 0;
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
        max-width: 100%;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .footer a {
        padding: 8px 24px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top {
        gap: 20px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item:nth-child(1) {
        width: calc((100% - 190px - 20px));
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item:nth-child(2) {
        width: 190px;
        display: flex;
        justify-content: flex-end;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .name {
        font: 600 20px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .condition .text {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .detail_id {
        padding: 8px 14px;
        font: 400 18px/21px "ProximaNova", "Poppins", sans-serif;
        max-width: calc((100%)) !important;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .condition {
        padding: 10px 16px;
        font: 500 14px/16px "ProximaNova", "Poppins", sans-serif;
        max-width: 135px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item {
        width: calc((100% - 2 * 10px) / 3);
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .title {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .shown {
        height: 29px;
        padding: 4px 10px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info {
        padding-bottom: 150px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form {
        column-gap: 16px;
        row-gap: 24px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group {
        width: calc((100% - 1 * 16px) / 2);
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group label {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper {
        height: 45px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input {
        padding: 0 14px;
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input::placeholder {
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(1),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(1) {
        width: calc(100% - 110px - 160px);
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(2),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(2) {
        width: 110px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_title,
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_date {
        max-width: 95% !important;
        width: max-content !important;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(3),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(3) {
        width: 160px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body {
        margin-top: 10px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 18px 0;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes {
        display: flex;
        align-items: center;
        gap: 20px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(3) {
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_title {
        font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_date {
        font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus {
        width: 100px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus .text {
        font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus .icon {
        width: 18px;
        height: 18px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus_title {
        padding: 8px 12px;
        font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
        width: 150px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content {
        width: 540px;
        border-radius: 12px;
        padding: 20px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
        padding: 4px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .header {
        height: 50px;
        font: 600 20px/28px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer {
        font: 500 20px/28px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer button {
        padding: 12px 10px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body {
        gap: 30px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group {
        width: 100%;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group label,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .label {
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper {
        height: 45px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input {
        padding: 0 50px 0 16px;
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input::placeholder {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper {
        gap: 20px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group {
        width: calc((100% - 20px) / 2);
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper {
        height: 45px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper .icon {
        width: 40px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .icon i {
        font-size: 16px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper input {
        padding: 0 20px;
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader {
        height: 200px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload {
        padding: 16px 40px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload img {
        width: 45px;
        height: 45px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload p {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration {
        top: 7px;
        right: 7px;
        gap: 5px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new {
        width: 30px;
        height: 25px;
    }
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete i,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new i {
        font-size: 16px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper {
        gap: 0;
        flex-direction: column;
        position: relative;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_sidebar {
        justify-content: space-between;
        position: fixed;
        top: 0;
        bottom: 0;
        left: -300px;
        width: 300px;
        z-index: 11;
        height: 100%;
        min-height: 100vh;
        border: none;
        background: var(--hertz-white);
        border-radius: 0;
        overflow: auto;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_sidebar .customer_details {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main {
        width: 100%;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .actions_wrapper {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar {
        padding: 20px;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar h2 {
        font: 500 19px/22px "ProximaNova", "Poppins", sans-serif;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons {
        gap: 11px;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions {
        gap: 11px;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions .input input {
        padding: 8.7px 13px;
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
        width: 200px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button {
        padding: 8px 15px;
        gap: 8px;
        width: 200px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .icon {
        width: 14px;
        height: 14px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .text {
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu {
        padding: 10px 0;
        width: 200px !important;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu li a {
        font: 400 15px/21px "ProximaNova", "Poppins", sans-serif;
        padding: 4px 10px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .icon {
        width: 16px;
        height: 16px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .text {
        font: 400 16px/20px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper {
        width: 200px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part {
        padding: 0 14px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .text {
        width: calc((100% - 20px));
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon {
        width: 18px;
        height: 18px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon i {
        font-size: 14px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul {
        padding: 8px 0;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul li a {
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
        padding: 4px 14px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order {
        min-height: 350px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .picture {
        width: 161px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text p {
        font: 500 17px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text p span {
        font: 500 17px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .button button {
        padding: 12px 65px;
        font: 500 17px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .header {
        font: 600 15px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_pic {
        padding: 8px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .body {
        padding: 10px 0 0;
        font: 400 13px/15px "ProximaNova", "Poppins", sans-serif;
        max-width: 100%;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .footer a {
        padding: 8px 24px;
        font: 400 14px/16px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top {
        gap: 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item:nth-child(1) {
        width: 100%;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item:nth-child(2) {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .name {
        font: 600 20px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .condition .text {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details {
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .detail_id {
        padding: 8px 14px;
        font: 400 18px/21px "ProximaNova", "Poppins", sans-serif;
        max-width: calc((100%)) !important;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .condition {
        padding: 10px 16px;
        font: 500 14px/16px "ProximaNova", "Poppins", sans-serif;
        max-width: 135px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item {
        min-width: calc((100% - 1 * 10px) / 2);
        width: max-content;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .title {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .shown {
        height: 29px;
        padding: 4px 10px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info {
        padding-bottom: 170px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form {
        column-gap: 0;
        row-gap: 24px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group {
        width: 100%;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group label {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper {
        height: 38px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input {
        padding: 0 14px;
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input::placeholder {
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input#from2_phoneNumber {
        padding: 6.6px 14px;
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .country_wrapper .country_select {
        height: 38px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(1),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(1) {
        width: calc(100% - 80px - 100px);
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(2),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(2) {
        width: 80px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_title,
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_date {
        max-width: 95% !important;
        width: max-content !important;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(3),
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(3) {
        width: 100px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 18px 0;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes {
        display: flex;
        align-items: center;
        gap: 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(3) {
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_title {
        font: 500 12px/14px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_date {
        font: 500 12px/14px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus {
        width: 70px;
        padding: 7px 6px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus .text {
        font: 500 12px/14px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus .icon {
        width: 15px;
        height: 15px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus_title {
        padding: 7px 5px;
        font: 500 11px/13px "ProximaNova", "Poppins", sans-serif;
        width: max-content;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog {
        margin: 30px auto !important;
        width: 95%;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content {
        width: 100%;
        height: 85vh;
        border-radius: 12px;
        padding: 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .modal_close_button {
        width: 24px;
        height: 24px;
        top: 10px;
        right: 10px;
        padding: 4px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .header {
        height: 50px;
        font: 600 18px/24px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer {
        font: 500 20px/28px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer button {
        padding: 8.5px 10px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body {
        gap: 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group {
        width: 100% !important;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group label,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .label {
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper {
        height: 38px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input {
        padding: 0 12px 0 12px;
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input::placeholder {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper {
        gap: 20px;
        flex-direction: column;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group {
        width: 100% !important;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper {
        height: 38px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper .icon {
        width: 40px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .icon i {
        font-size: 16px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper input {
        padding: 0 12px;
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader {
        width: 100%;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload {
        padding: 16px 40px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload img {
        width: 45px;
        height: 45px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload p {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration {
        top: 7px;
        right: 7px;
        gap: 5px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new {
        width: 30px;
        height: 25px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete i,
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new i {
        font-size: 16px;
    }
}

:where(section.customer_account) .pagination_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto;
    width: 100%;
}

:where(section.customer_account) .pagination_wrapper li.page-item.disabled .page-link {
    background: rgba(245, 245, 245, 1) !important;
}

:where(section.customer_account) .pagination_wrapper li.page-item.active .page-link,
:where(section.customer_account) .pagination_wrapper li.page-item:hover .page-link {
    background: var(--hertz-yellow);
}

:where(section.customer_account) .pagination_wrapper li .page-link {
    background: #ffffff;
    border: none;
    outline: none;
    box-shadow: none;
    border: 1px solid rgba(214, 214, 214, 1);
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
}

:where(section.customer_account) .page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

:where(section.customer_account) .page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_opener {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown {
    position: absolute;
    z-index: 3;
    inset: auto !important;
    transform: none !important;
    top: 100% !important;
    right: -2px !important;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown li:hover {
    background: var(--hertz-lightGray);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown li a:hover,
section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown li a:focus {
    background: var(--hertz-lightGray);
    color: initial;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown li a {
    display: flex;
    align-items: center;
    gap: 5px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown li a .icon {
    height: 22px;
    width: 22px;
    padding: 2px;
    margin-left: -5px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown li a .text {
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    color: rgba(67, 66, 68, 1);
    width: calc(100% - 5px - 22px);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_dropdown li a.remove .text {
    color: #E96F6F;
}

section.customer_account .customer_account_wrapper .account_main .modal {
    background: rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 10px;
        right: 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .extra_settings .extra_setting_opener {
        width: 100%;
        height: 100%;
        position: absolute;
    }
}

@media only screen and (max-width: 575.98px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info {
        padding-bottom: 10px;
    }
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content {
    height: auto !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content::-webkit-scrollbar {
    display: none;
}

:where(section.customer_account) .account_header_bar form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

:where(section.customer_account) .account_header_bar h2 {
    color: var(--hertz-black);
    font: 600 29px/36px "ProximaNova Bold", "Poppins Bold", sans-serif;
    letter-spacing: -0.6px;
    text-align: left;
    margin-bottom: 40px;
}

:where(section.customer_account) .account_header_bar form h2 {
    margin: 0;
}

:where(section.customer_account) .account_header_bar form .form_groups {
    display: flex;
    align-items: center;
    gap: 10px;
}

:where(section.customer_account) .account_header_bar form .form_groups .pricing .selected_price {
    background: var(--hertz-yellow);
    cursor: pointer;
    padding: 6px 14px;
    border: none;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

:where(section.customer_account) .account_header_bar form .form_groups .pricing {
    position: relative;
}

:where(section.customer_account) .account_header_bar form .form_groups .pricing .selected_price .icon {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    pointer-events: none;
}

:where(section.customer_account) .account_header_bar form .form_groups .pricing .selected_price .icon i {
    font-size: 14px;
    color: var(--hertz-black);
}

:where(section.customer_account) .account_header_bar form .form_groups .pricing .selected_price .text {
    max-width: calc((100% - 10px - 15px));
    font: 500 16px/20px "ProximaNova", "Poppins", sans-serif;
    color: var(--hertz-black);
}

:where(section.customer_account) .account_header_bar form .form_groups .pricing .price_selection {
    position: absolute;
    top: calc((100% + 10px));
    right: 0;
    width: 200px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 1px 4px 16px 0 rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: end;
    justify-content: flex-end;
    z-index: 3;
    height: 0;
    overflow: hidden;
    transition: 0.3s;
    interpolate-size: allow-keywords;
}

:where(section.customer_account) .account_sidebar_header_parent {
    width: 100%;
}

@media (max-width: 768px) {
    :where(section.customer_account) .account_sidebar_header_parent {
        padding: 30px 16px;
        height: 213px;
        background: white;
        position: fixed;
        width: 100%;
        z-index: 10;
        margin-left: -12px;
    }
}

:where(section.customer_account) .account_header_bar form .form_groups .pricing .price_selection.active {
    height: auto;
    top: calc((100% + 10px));
}

:where(section.customer_account) .account_header_bar form .form_groups .pricing .price_selection li {
    display: block;
    margin: 0;
    transition: 0.3s;
    cursor: pointer;
    color: var(--hertz-black);
    font: 500 16px/20px "ProximaNova", "Poppins", sans-serif;
    padding: 0 39px 0 12px;
}

:where(section.customer_account) .account_header_bar form .form_groups .pricing .price_selection li:first-child {
    margin: 10px 0 0 0;
}

:where(section.customer_account) .account_header_bar form .form_groups .pricing .price_selection li:last-child {
    margin: 0 0 10px 0;
}

:where(section.customer_account) .account_header_bar form .form_groups .pricing .price_selection li.active,
:where(section.customer_account) .account_header_bar form .form_groups .pricing .price_selection li:hover {
    color: var(--hertz-yellow);
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering {
    position: relative;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .selected_filter {
    background: var(--hertz-yellow);
    cursor: pointer;
    padding: 6px 14px;
    border: none;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .selected_filter .icon {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    pointer-events: none;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .selected_filter .icon i {
    font-size: 14px;
    color: var(--hertz-black);
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .selected_filter .text {
    max-width: calc((100% - 10px - 15px));
    font: 500 16px/20px "ProximaNova", "Poppins", sans-serif;
    color: var(--hertz-black);
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection {
    position: absolute;
    top: calc((100% + 10px));
    right: 0;
    z-index: 3;
    width: 250px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 1px 4px 16px 0 rgba(0, 0, 0, .15);
    height: 0;
    overflow: hidden;
    transition: 0.3s;
    interpolate-size: allow-keywords;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection.active {
    height: auto;
    top: calc((100% + 10px));
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper {
    margin: 25px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .filter_title {
    text-align: right;
    color: #808285;
    font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .filter_input {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .filter_input .inp {
    width: 20px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .filter_input input {
    width: 0;
    height: 0;
    border: none;
    outline: none;
    position: relative;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .filter_input input::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #d6d6d6;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .filter_input input::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-radius: 50%;
    background: var(--hertz-yellow);
    transition: 0.1s;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .filter_input input:checked:before {
    width: 12px;
    height: 12px;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .filter_input label {
    margin: 0;
    color: #000;
    font: 400 16px/18px "ProximaNova", "Poppins", sans-serif;
    display: block;
    width: calc((100% - 20px));
    padding-left: 20px;
    text-align: right;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .multi_input {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .multi_input input {
    width: 80px;
    padding: 5px 7px;
    outline: none;
    border: none;
    border: 1px solid #d6d6d6;
    transition: 0.3s;
    font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .multi_input input:nth-child(1) {
    border-right: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .multi_input input:nth-child(2) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .multi_input input[type="number"]::-webkit-outer-spin-button,
:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .multi_input input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

:where(section.customer_account) .account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .multi_input input:focus {
    border: 1px solid var(--hertz-yellow);
}

@media only screen and (max-width: 575.98px) {
    :where(section.customer_account) .account_header_bar .form_groups .pricing .price_selection {
        right: auto;
        left: 0;
        width: 200px;
        text-align: start;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 575.98px) {
    :where(section.customer_account) .account_header_bar .form_groups .pricing .price_selection li {
        padding: 0 39px 0 12px;
    }
}

:where(section.customer_account) .cars_wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 10px;
    row-gap: 50px;
    max-height: 1200px;
    overflow: auto;
}

:where(section.customer_account) .cars_wrapper::-webkit-scrollbar {
    display: none;
}

:where(section.customer_account) .cars_wrapper .car_item {
    width: calc((100% - 1 * 12px) / 2);
    padding: 42px 30px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border-radius: 24px;
    border: 1px solid #d6d6d6;
    background: var(--hertz-white);
    transition: 0.5s;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    :where(section.customer_account) .cars_wrapper .car_item {
        width: calc(100% - 2px);
        padding: 42px 30px 30px;
    }
}

@media only screen and (max-width: 767.98px) {
    :where(section.customer_account) .cars_wrapper .car_item {
        width: calc(100% - 2px);
        padding: 42px 15px 30px;
    }
}

@media only screen and (max-width: 991.98px) {
    :where(section.customer_account) .cars_wrapper {
        max-height: unset !important;
    }
}

:where(section.customer_account) .cars_wrapper .car_item .pass {
    position: absolute;
    top: 10px;
    right: -50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #d6d6d6;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

:where(section.customer_account) .cars_wrapper .car_item .pass i {
    color: var(--hertz-black);
    font-size: 20px;
}

:where(section.customer_account) .cars_wrapper .car_item:hover .pass {
    right: 10px;
}

:where(section.customer_account) .cars_wrapper .car_item:hover {
    box-shadow: 24px 8px 64px 0 rgba(0, 0, 0, .15);
}

:where(section.customer_account) .cars_wrapper .car_item .car_model {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
}

:where(section.customer_account) .cars_wrapper .car_item .car_model .logo {
    height: 35px;
    max-width: 70px;
}

:where(section.customer_account) .cars_wrapper .car_item .car_model .model_name {
    color: var(--hertz-black);
    font: 600 24px/32px "ProximaNova", "Poppins", sans-serif;
    letter-spacing: -0.56px;
}

:where(section.customer_account) .cars_wrapper .car_item .car_picture {
    height: 200px;
    width: 100%;
}

:where(section.customer_account) .cars_wrapper .car_item .car_picture a.image_link {
    display: block;
    width: 100%;
    height: 100%;
}

:where(section.customer_account) .cars_wrapper .car_item .car_picture img {
    object-fit: contain;
}

:where(section.customer_account) .cars_wrapper .car_item .order {
    background: var(--hertz-yellow);
    color: #141414;
    width: 100%;
    height: 42px;
    border-radius: 8px;
    border: none;
    outline: none;
    text-align: center;
    cursor: pointer;
    font: 600 16px/30px "ProximaNova", "Poppins", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

:where(section.customer_account) .cars_wrapper .car_item .car_price {
    width: 100%;
    border-top: 1px solid #d6d6d6;
    display: flex;
    align-items: flex-start;
    padding-top: 20px;
}

:where(section.customer_account) .cars_wrapper .car_item .car_price .price_item {
    width: calc(100% / 3);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

:where(section.customer_account) .cars_wrapper .car_item .car_price .price_item:not(:last-child) {
    border-right: 1px solid #d6d6d6;
}

:where(section.customer_account) .cars_wrapper .car_item .car_price .price_item span {
    margin: 0;
    font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    color: #737373;
}

:where(section.customer_account) .cars_wrapper .car_item .car_price .price_item p {
    margin: 5px 0 0 0;
    font: 600 28px/38px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
    letter-spacing: -.72px;
}

:where(section.customer_account) .cars_wrapper .car_item .car_details {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 5px;
}

:where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
}

:where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n + 1),
:where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n) {
    max-width: 150px;
}

:where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n - 1) {
    width: 53px;
}

:where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n - 1) .detail_inner_item {
    margin: 0 auto;
}

:where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

:where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .svg {
    width: 18px;
    height: 18px;
    margin-top: 5px;
}

:where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .text {
    width: calc((100% - 5px - 18px));
    font: 500 16px/28px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
}

@media only screen and (min-width: 1200px) and (max-width:1399.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n + 1),
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 125px !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 43px;
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 17px;
        height: 17px;
        margin-top: 4px;
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .text {
        width: calc((100% - 5px - 17px)) !important;
        font: 500 14px/26px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width: 992px) and (max-width:1199.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n + 1),
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 170px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width:1199.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 51px;
    }
}

@media only screen and (min-width: 992px) and (max-width:1199.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }
}

@media only screen and (min-width: 992px) and (max-width:1199.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 18px;
        height: 18px;
        margin-top: 4px;
    }
}

@media only screen and (min-width: 992px) and (max-width:1199.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .text {
        width: calc((100% - 5px - 18px)) !important;
        font: 500 16px/26px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width: 768px) and (max-width:991.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n + 1),
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 165px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width:991.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 55px;
    }
}

@media only screen and (min-width: 768px) and (max-width:991.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width:991.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 18px;
        height: 18px;
        margin-top: 3px;
    }
}

@media only screen and (min-width: 768px) and (max-width:991.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .text {
        width: calc((100% - 5px - 18px)) !important;
        font: 500 16px/26px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width: 576px) and (max-width:767.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n + 1),
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 145px !important;
    }
}

@media only screen and (min-width: 576px) and (max-width:767.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 47px;
    }
}

@media only screen and (min-width: 576px) and (max-width:767.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }
}

@media only screen and (min-width: 576px) and (max-width:767.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 17px;
        height: 17px;
        margin-top: 3px;
    }
}

@media only screen and (min-width: 576px) and (max-width:767.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .text {
        width: calc((100% - 5px - 17px)) !important;
        font: 500 15px/24px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n + 1),
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n) {
        max-width: calc((100% - 2 * 5px - 45px) / 2);
    }
}

@media only screen and (max-width: 575.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 45px;
    }
}

@media only screen and (max-width: 575.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }
}

@media only screen and (max-width: 575.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 16px;
        height: 16px;
        margin-top: 2px;
    }
}

@media only screen and (max-width: 575.98px) {
    :where(section.customer_account) .cars_wrapper .car_item .car_details .detail_item .detail_inner_item .text {
        width: calc((100% - 5px - 16px));
        font: 500 13px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

:where(section.customer_account) .flex-column {
    display: flex;
    flex-direction: column;
}

:where(section.customer_account) .cars_wrapper {
    max-height: 1224px;
    padding-top: 24px;
}

@media (max-width: 768px) {
    :where(section.customer_account) .cars_wrapper {
        padding: 256px 2px 0 2px;
    }
}

section.customer_account .customer_account_wrapper .account_sidebar_opener {
    height: auto;
    margin-bottom: 25px;
    display: flex;
    padding: 6px 10px;
    align-items: center;
    cursor: pointer;
    gap: 10px;
    border-radius: 8px;
    background-color: #F7F7F7;
    margin-top: 25px;
}

section.customer_account .customer_account_wrapper .account_sidebar_opener .icon {
    height: fit-content;
    width: fit-content;
}

section.customer_account .customer_account_wrapper .account_sidebar_opener .text {
    font: 400 14px / 24px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
}

:where(section.customer_account) .transport-nav-wrapper {
    overflow-x: auto;
}

@media (max-width: 768px) {
    :where(section.customer_account) .transport-nav-wrapper {
        width: fit-content;
        flex-wrap: nowrap !important;
        border-radius: 40px !important;
    }
}

@media (max-width: 768px) {
    :where(section.customer_account) .transport-nav-button {
        max-width: fit-content !important;
        border-radius: 40px !important;
    }
}

@media (max-width:440px) {
    :where(section.customer_account) .transport-nav-wrapper {
        flex-direction: row !important;
    }
}

@media (max-width:440px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .condition {
        max-width: 100%;
    }
}

:where(section.customer_account) .hero-section-home {
    padding: 40px 20px;
    margin-top: 80px;
}

:where(section.customer_account) .hero-section-home P {
    margin: 0 !important;
}

:where(section.customer_account) .service-card-home h3 {
    margin: 0;
    font-size: 1.2rem;
}

:where(section.customer_account) .service-card-home p {
    font-size: 0.9rem;
}

:where(section.customer_account) .service-card-home .media {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    border-radius: 12px;
}

:where(section.customer_account) .services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    grid-auto-rows: 260px;
    margin: 20px auto;
}

:where(section.customer_account) .service-card-home {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    transition: transform .5s ease;
}

:where(section.customer_account) .service-card-home .media {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

:where(section.customer_account) .service-card-home .card-content {
    position: absolute;
    bottom: 10px;
    left: 15px;
    z-index: 1;
    color: #fff;
    padding: 10px 12px;
    border-radius: 8px;
    max-width: 85%;
}

:where(section.customer_account) .service-card-home h3 {
    margin: 0;
    font-size: 41.73px;
}

:where(section.customer_account) .service-card-home p {
    margin: 4px 0 0;
    font-size: 20.87px;
}

:where(section.customer_account) .service-card-home:hover {
    transform: scale(1.03);
}

:where(section.customer_account) .hover-arrow {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 50px;
    color: white;
    opacity: 0;
    transform: translateX(-10px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
    z-index: 2;
    display: initial;
    width: auto;
    height: auto;
}

:where(section.customer_account) .service-card-home:hover .hover-arrow {
    opacity: 1;
    transform: translateX(0);
}

@media (max-width: 1024px) {
    :where(section.customer_account) .services-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
        grid-auto-rows: 320px;
        margin: 20px auto;
    }
}

@media (max-width: 1024px) {
    :where(section.customer_account) .service-card-home h3 {
        font-size: 40px;
    }
}

@media (max-width: 1024px) {
    :where(section.customer_account) .service-card-home p {
        font-size: 20px;
    }
}

@media (max-width:768px) {
    :where(section.customer_account) .services-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        grid-auto-rows: 280px;
    }
}

@media (max-width:440px) {
    :where(section.customer_account) .services-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width:440px) {
    :where(section.customer_account) .service-card-home {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }
}

:where(section.customer_account) .filterButton {
    background: var(--hertz-yellow);
    color: #141414;
    width: 100%;
    height: 32px;
    border-radius: 8px;
    border: none;
    outline: none;
    text-align: center;
    cursor: pointer;
    font: 600 16px / 30px "Poppins", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input::placeholder {
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "Poppins", sans-serif;
}

:where(section.customer_account) .referal-link {
    width: 47%;
}

:where(section.customer_account) .referal-link>input:focus {
    border: 1px solid var(--hertz-yellow) !important;
    box-shadow: none !important;
}

:where(section.customer_account) .service-card-home h3 {
    font-weight: 900;
}

:where(section.customer_account) .success h2 {
    font-size: 24px;
    font-weight: 600;
    font-family: 'poppins';
}

:where(section.customer_account) .hero-section-home {
    padding: 40px 20px;
    margin-top: 80px;
}

:where(section.customer_account) .hero-section-home P {
    margin: 0 !important;
}

:where(section.customer_account) .service-card-home .media {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    border-radius: 12px;
}

:where(section.customer_account) .services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    grid-auto-rows: 275px;
}

:where(section.customer_account) .services-sec {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    grid-auto-rows: 280px;
    margin: 0 auto;
    gap: 26px;
}

:where(section.customer_account) .service-card-home {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    transition: transform .5s ease;
}

:where(section.customer_account) .service-card-home .media {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

:where(section.customer_account) .service-card-home h3 {
    margin: 0;
    font-size: 41.73px;
}

:where(section.customer_account) .service-card-home p {
    margin: 4px 0 0;
    font-size: 20.87px;
}

:where(section.customer_account) .service-card-home.small-ser {
    grid-row: span 1;
}

:where(section.customer_account) .service-card-home.wide-ser {
    grid-column: span 2;
}

:where(section.customer_account) .service-card-home {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    transition: transform .5s ease;
}

:where(section.customer_account) .service-card-home .media {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

:where(section.customer_account) .service-card-home .card-content {
    position: absolute;
    bottom: 10px;
    left: 15px;
    z-index: 1;
    color: #fff;
    padding: 10px 12px;
    border-radius: 8px;
    max-width: 85%;
}

:where(section.customer_account) .service-card-home h3 {
    margin: 0;
    font-size: 41.73px;
}

:where(section.customer_account) .service-card-home p {
    margin: 4px 0 0;
    font-size: 20.87px;
}

:where(section.customer_account) .service-card-home.small-ser {
    grid-row: span 1;
}

:where(section.customer_account) .service-card-home.wide-ser {
    grid-column: span 2;
}

:where(section.customer_account) .full-wide-ser {
    grid-column: 1 / -1 !important;
    grid-row-start: auto;
    grid-row-end: auto;
    height: auto;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

:where(section.customer_account) .service-card-home:hover {
    transform: scale(1.03);
}

:where(section.customer_account) .hover-arrow {
    position: absolute;
    top: 0;
    right: 15px;
    width: 130px !important;
    height: auto;
    color: white;
    opacity: 0;
    transform: translateX(-10px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
    z-index: 2;
}

:where(section.customer_account) .service-card-home:hover .hover-arrow {
    opacity: 1;
    transform: translateX(0);
}

:where(section.customer_account) .hero-sec-services {
    margin: 0;
    padding: 0;
}

:where(section.customer_account) .ser-h3 {
    font-size: 40px !important;
}

:where(section.customer_account) .ser-p {
    font-size: 20px;
}

.customer_account_screen-service {
    width: 100%;
    border-radius: 24px;
    padding: 10px;
}

@media (max-width: 1024px) {
    :where(section.customer_account) .services-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
        grid-auto-rows: 280px;
        margin: 0 auto;
    }
}

@media (max-width: 1024px) {
    :where(section.customer_account) .service-card-home h3 {
        font-size: 40px;
    }
}

@media (max-width: 1024px) {
    :where(section.customer_account) .service-card-home p {
        font-size: 20px;
    }
}

@media (max-width:768px) {
    :where(section.customer_account) .services-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        grid-auto-rows: 280px;
    }
}

@media (max-width:440px) {
    :where(section.customer_account) .services-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width:440px) {
    :where(section.customer_account) .service-card-home,
    :where(section.customer_account) .service-card-home.small-ser {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }
}

:where(section.customer_account) .transport-nav-wrapper {
    background: #F9F9F9;
    border-radius: 50px;
    padding: 8px;
    box-shadow:
        inset 2px 2px 4px rgba(0, 0, 0, 0.06),
        inset -2px -2px 4px rgba(255, 255, 255, 0.6);
    display: flex;
    gap: 4px;
    width: 100%;
}

:where(section.customer_account) .transport-nav-button {
    padding: 12px 0;
    border: none;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    background: transparent;
    color: #313131;
    white-space: nowrap;
    flex: 1;
    text-align: center;
    position: relative;
    overflow: hidden;
}

:where(section.customer_account) .transport-nav-button:hover {
    color: #313131;
    background: rgba(0, 0, 0, 0.05);
}

:where(section.customer_account) .transport-nav-button--active {
    background: #FFCC00;
    color: #313131;
}

:where(section.customer_account) .transport-nav-button--active:hover {
    background: #ffca2c;
}

@media (max-width: 768px) {
    :where(section.customer_account) .transport-nav-wrapper {
        flex-wrap: wrap;
        border-radius: 16px;
        padding: 6px;
    }
}

@media (max-width: 768px) {
    :where(section.customer_account) .transport-nav-button {
        font-size: 13px;
        padding: 10px 16px;
        border-radius: 12px;
        min-width: 120px;
    }
}

@media (max-width: 480px) {
    :where(section.customer_account) .transport-nav-wrapper {
        flex-direction: column;
        gap: 2px;
    }
}

@media (max-width: 480px) {
    :where(section.customer_account) .transport-nav-button {
        width: 100%;
        margin: 0;
    }
}

:where(section.customer_account) .transport-nav-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s ease;
}

:where(section.customer_account) .transport-nav-button--active::before {
    left: 100%;
}

:where(section.customer_account) .account_header_bar_transport {
    width: 100%;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.customer_account .customer_account_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

section.customer_account .customer_account_wrapper .account_sidebar {
    width: 300px;
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 24px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: flex-start;
    align-items: flex-start;
}

section.customer_account .customer_account_wrapper .account_main {
    width: calc((100% - 20px - 300px));
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: flex-start;
    align-items: flex-start;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_details {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
}

section.customer_account .customer_account_wrapper .account_sidebar .bonus_details {
    width: 100%;
    display: flex;
    gap: 4px;
    align-items: flex-start;
    border: 1px solid #D6D6D6;
    border-radius: 12px;
    padding: 20px 12px;
}

section.customer_account .customer_account_wrapper .account_sidebar .bonus_details .bonus_price {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 32px;
    font-weight: 500;
    color: #FFCC00;
}

section.customer_account .customer_account_wrapper .account_sidebar .bonus_details img {
    width: 20px;
    height: 20px;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_details .name {
    margin: 0px;
    font: 600 24px/30px "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_details .cif_code {
    margin: 0px;
    font: 400 16x/21px "Poppins", sans-serif;
    color: rgba(115, 115, 115, 1);
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_details .bonus_balance {
    margin: 0px;
    font: 400 15x/21px "Poppins", sans-serif;
    color: #141414;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_details .last {
    margin: 0px;
    font-size: 13px;
    color: #141414;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_details .last span {
    color: #FFCC00;
}

section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation li {
    width: 100%;
}

section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation li a {
    padding: 8px 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 7px;
    border-bottom: 1px solid rgba(214, 214, 214, 1);
}

section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation li a .svg {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(245, 245, 245, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation li:hover a .svg svg path {
    transition: 0.3s;
}

section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation li a .svg.active svg path,
section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation li a:hover .svg svg path {
    stroke: var(--hertz-yellow);
}

section.customer_account .customer_account_wrapper .account_sidebar ul.account_sidebar_navigation li a .link {
    width: calc((100% - 7px - 36px));
    color: rgba(0, 0, 0, 1);
    margin: 0px;
    font: 400 16x/21px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_support {
    background: rgba(245, 245, 245, 1);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    padding: 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_support .icon {
    width: 25px;
    height: 25px;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_support .description {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_support .description h3 {
    margin: 0;
    text-align: center;
    color: var(--hertz-yellow);
    font: 600 16px/21px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_support .description p {
    margin: 0;
    text-align: center;
    color: rgba(20, 20, 20, 1);
    font: 400 14px/21px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar {
    width: 100%;
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 24px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar h2 {
    margin: 0px;
    font: 500 20px/22px "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions .input input {
    border: none;
    outline: none;
    padding: 6px 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(245, 245, 245, 1);
    border: 1px solid rgba(214, 214, 214, 1);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button {
    border: none;
    outline: none;
    padding: 8px 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: rgba(245, 245, 245, 1);
    border: 1px solid rgba(214, 214, 214, 1);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button::after {
    display: none;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu {
    width: 100%;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu {
    width: 100%;
    position: absolute;
    z-index: 3;
    top: calc(37px + 50px);
    left: 0;
    border: none;
    outline: none;
    background: var(--hertz-white);
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    padding: 10px 0;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu.show {
    overflow: auto;
    height: auto;
    border: 1px solid rgba(214, 214, 214, 1);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu li {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    transition: 0.2s;
    margin: 5px 0;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu li:hover {
    background: var(--hertz-lightGray);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu li a {
    font: 400 16px/21px "Poppins", sans-serif;
    color: rgba(67, 66, 68, 1);
    pointer-events: none;
    user-select: none;
    display: block;
    width: 100%;
    height: 100%;
    padding: 4px 10px;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button.save {
    background: var(--hertz-yellow);
    border: 1px solid var(--hertz-yellow);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .icon {
    width: 16px;
    height: 16px;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .text {
    color: var(--hertz-black);
    font: 400 16px/20px "Poppins", sans-serif;
    text-align: center;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen {
    width: 100%;
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 24px;
    padding: 20px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty {
    width: 100%;
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 24px;
    padding: 20px;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper {
    width: 220px;
    position: relative;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part {
    width: 100%;
    height: 37px;
    border: none;
    outline: none;
    padding: 0 16px;
    border: 1px solid rgba(214, 214, 214, 1);
    background: rgba(245, 245, 245, 1);
    border-radius: 8px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .text {
    width: calc((100% - 25px));
    font: 400 16px/21px "Poppins", sans-serif;
    color: rgba(67, 66, 68, 1);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
    user-select: none;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon i {
    font-size: 14px;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown {
    width: 100%;
    position: absolute;
    z-index: 3;
    top: calc(37px + 5px);
    left: 0;
    border: none;
    outline: none;
    background: var(--hertz-white);
    border-radius: 8px;
    cursor: pointer;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown.active {
    max-height: 300px;
    opacity: 1;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 15px 0;
    gap: 15px;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul li {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    transition: 0.2s;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul li:hover {
    background: var(--hertz-lightGray);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_dropdown ul li a {
    font: 400 16px/21px "Poppins", sans-serif;
    color: rgba(67, 66, 68, 1);
    pointer-events: none;
    user-select: none;
    display: block;
    width: 100%;
    height: 100%;
    padding: 4px 16px;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter {
    width: 150px;
    position: relative;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_part {
    width: 100%;
    height: 37px;
    border: none;
    outline: none;
    padding: 0 16px;
    border: 1px solid rgba(214, 214, 214, 1);
    background: rgba(245, 245, 245, 1);
    border-radius: 8px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_part .text {
    width: calc((100% - 25px));
    font: 400 16px/21px "Poppins", sans-serif;
    color: rgba(67, 66, 68, 1);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_part .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
    user-select: none;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_part .icon i {
    font-size: 14px;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_dropdown {
    width: 250px;
    position: absolute;
    z-index: 3;
    top: calc(37px + 5px);
    left: -90px;
    border: none;
    outline: none;
    background: var(--hertz-white);
    border-radius: 8px;
    cursor: pointer;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_dropdown.active {
    max-height: 300px;
    opacity: 1;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_dropdown ul {
    padding: 10px 0;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_dropdown .custom-dropdown-form {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_dropdown .custom-dropdown-form label {
    font: 400 16px "Poppins", sans-serif;
    color: #434244;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_dropdown .custom-dropdown-form input[type="checkbox"] {
    width: 18px;
    height: 18px;
    display: inline-block;
    appearance: none;
    border: 1.5px solid #DADADA;
    border-radius: 3px;
    background-color: white;
    cursor: pointer;
    position: relative;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_dropdown .custom-dropdown-form input[type="checkbox"]::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 6px;
    width: 6px;
    height: 12px;
    border: solid #FFCC00;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_dropdown .custom-dropdown-form input[type="checkbox"]:checked {
    background-color: #FFCC0014;
    border-color: #ffc107;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_dropdown .custom-dropdown-form input[type="checkbox"]:checked::after {
    display: block;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_dropdown .custom-dropdown-form .apply-button {
    background-color: #ffc107;
    color: #000;
    font: 500 16px "Poppins", sans-serif;
    border: none;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
    transition: 0.3s ease;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper_filter .selection_dropdown .custom-dropdown-form .apply-button:hover {
    background-color: #e6b800;
}

section.customer_account .customer_account_wrapper .account_main .modal {
    background: rgba(0, 0, 0, 0.3);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content {
    width: 600px;
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    padding: 20px;
    position: relative;
    overflow: auto;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .modal_close_button {
    position: absolute;
    width: 30px;
    height: 30px;
    background: rgba(245, 245, 245, 1);
    cursor: pointer;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 4px;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .header {
    height: 50px;
    display: flex;
    align-items: center;
    text-align: start;
    border-bottom: 1px solid rgba(214, 214, 214, 1);
    font: 600 20px/28px "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer {
    display: flex;
    align-items: center;
    font: 500 20px/28px "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 10px;
    background: var(--hertz-yellow);
    border-radius: 8px;
    border: none;
    outline: none;
    font: 400 16px/21px "Poppins", sans-serif;
    color: rgba(0, 0, 0, 1);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body {
    margin: 15px 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group {
    width: 100%;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group label {
    display: block;
    margin: 0 0 4px 0;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .label {
    display: block;
    margin: 0 0 4px 0;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper {
    height: 45px;
    position: relative;
    background: transparent;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 50px 0 16px;
    border: 1px solid rgba(214, 214, 214, 1);
    background: var(--hertz-white);
    border-radius: 8px;
    transition: 0.3s;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input::placeholder {
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper input:focus {
    border: 1px solid var(--hertz-yellow);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 20px;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group {
    width: calc((100% - 20px) / 2);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper {
    height: 50px;
    position: relative;
    cursor: pointer;
    background: transparent;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    pointer-events: none;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .icon i {
    color: rgba(166, 167, 169, 1);
    font-size: 16px;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 20px;
    border: 1px solid #e5e5e5;
    background: var(--hertz-white);
    border-radius: 6px;
    transition: 0.3s;
    color: #141414;
    font: 400 16px/22px "Poppins", sans-serif;
    display: flex;
    align-items: center;
    cursor: pointer;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper input:focus {
    border: 1px solid var(--hertz-yellow);
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader {
    height: 150px;
    width: 100%;
    border-radius: 6px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 6px;
    border: 1px dashed rgba(214, 214, 214, 1);
    position: relative;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area.active {
    display: none;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .input_file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload {
    width: 100%;
    height: 100%;
    padding: 16px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload img {
    display: block;
    width: 45px;
    height: 45px;
    object-fit: cover;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload p {
    font: 400 16px/21px "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
    margin: 0;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: 1px solid rgba(214, 214, 214, 1);
    align-items: center;
    justify-content: space-between;
    padding: 23px 12px;
    display: none;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display.active {
    display: flex;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_picture {
    width: 75%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_picture .picture {
    width: 44px;
    height: 44px;
    border-radius: 6px;
    border: 1px solid rgba(214, 214, 214, 1);
    padding: 10px;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_picture .text {
    max-width: calc((100% - 44px - 5px));
    margin: 0;
    padding: 0;
    text-align: start;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration {
    width: 24%;
    display: flex;
    align-items: center;
    height: 100%;
    gap: 5px;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete {
    width: 50%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete i {
    font-size: 16px;
    color: rgba(115, 115, 115, 1);
    pointer-events: none;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new {
    position: relative;
    width: 50%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new input {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    font-size: 16px;
    color: rgba(115, 115, 115, 1);
}

section.customer_account .customer_account_wrapper .account_main .modal {
    background: rgba(0, 0, 0, 0.3);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_dot {
    width: 10px !important;
    height: 10px;
    border-radius: 50%;
    background: rgba(174, 233, 111, 1);
    margin-top: 17px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_pic {
    width: 44px !important;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(214, 214, 214, 1);
    background: rgba(245, 245, 245, 1);
    padding: 10px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main {
    width: 100%;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .header {
    padding: 10px 0;
    color: rgba(20, 20, 20, 1);
    font: 600 16px/21px "Poppins", sans-serif;
    border-bottom: 1px solid rgba(214, 214, 214, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .body {
    padding: 10px 0 0;
    color: rgba(20, 20, 20, 1);
    font: 400 14px/21px "Poppins", sans-serif;
    max-width: 85%;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .footer {
    display: flex;
    justify-content: flex-end;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .footer a {
    background: var(--hertz-yellow);
    padding: 8px 24px;
    color: rgba(0, 0, 0, 1);
    font: 400 16px/21px "Poppins", sans-serif;
    text-align: center;
    border-radius: 8px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info {
    padding-bottom: 170px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 37px;
    row-gap: 24px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group {
    width: calc((100% - 1 * 37px) / 2);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group label {
    display: block;
    margin: 0 0 4px 0;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper {
    height: 45px;
    position: relative;
    background: transparent;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 50px 0 16px;
    border: 1px solid rgba(214, 214, 214, 1);
    background: rgba(245, 245, 245, 1);
    border-radius: 8px;
    transition: 0.3s;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input::placeholder {
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper input:focus {
    border: 1px solid var(--hertz-yellow);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order {
    background: rgba(245, 245, 245, 1);
    height: 450px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .picture {
    width: 161px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text p {
    margin: 0;
    text-align: center;
    color: rgba(20, 20, 20, 1);
    font: 500 20px/21px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .text p span {
    margin: 0;
    text-align: center;
    color: var(--hertz-yellow);
    font: 500 20px/21px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order .button button {
    border: none;
    outline: none;
    background: var(--hertz-yellow);
    padding: 12px 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    text-align: center;
    color: rgba(20, 20, 20, 1);
    font: 500 20px/21px "Poppins", sans-serif;
    border-radius: 12px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item {
    display: flex;
    align-items: center;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info {
    display: flex;
    align-items: center;
    gap: 15px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_picture {
    border: 1px solid rgba(214, 214, 214, 1);
    background: rgba(245, 245, 245, 1);
    border-radius: 8px;
    width: 80px;
    height: 80px;
    padding: 25px 15px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .name {
    color: rgba(20, 20, 20, 1);
    font: 600 20px/21px "Poppins", sans-serif;
    margin: 0;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .condition {
    display: flex;
    align-items: center;
    gap: 5px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .car_info .car_details .condition .text {
    color: #828282;
    font: 500 16px/21px "Poppins", sans-serif;
    margin: 0;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details {
    display: flex;
    align-items: center;
    gap: 8px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .detail_id {
    background: rgba(245, 245, 245, 1);
    color: rgba(67, 66, 68, 1);
    padding: 10px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 400 20px/21px "Poppins", sans-serif;
    margin: 0;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .condition {
    background: rgba(245, 245, 245, 1);
    color: rgba(20, 20, 20, 1);
    padding: 10px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 500 16px/21px "Poppins", sans-serif;
    margin: 0;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .condition.active {
    background: rgba(174, 233, 111, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .horizontal_line {
    border-top: 1px solid rgba(214, 214, 214, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .title {
    font: 400 16px/21px "Poppins", sans-serif;
    margin: 0;
    color: #141414;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .shown {
    background: rgba(245, 245, 245, 1);
    width: 100%;
    height: 29px;
    padding: 4px 10px;
    gap: 5px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 400 16px/21px "Poppins", sans-serif;
    margin: 0;
    color: #737373;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .shown.yellow {
    color: var(--hertz-yellow);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_bottom .order_bottom_item .shown .icon {
    width: 16px;
    height: 16px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper {
    display: flex;
    flex-direction: column;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header {
    display: flex;
    align-items: center;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title {
    color: rgba(115, 115, 115, 1);
    margin: 0;
    font: 500 16px/21px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(1) {
    width: calc(55% - 150px);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(2) {
    width: calc(45% - 150px);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title:nth-child(3) {
    width: 300px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body {
    margin-top: 10px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item {
    display: flex;
    align-items: center;
    padding: 18px 0;
    border-bottom: 1px solid rgba(245, 245, 245, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes {
    display: flex;
    align-items: center;
    gap: 20px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(1) {
    width: calc(55% - 150px);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(2) {
    width: calc(45% - 150px);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes:nth-child(3) {
    width: 300px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_title {
    padding: 8px;
    border-radius: 4px;
    background: rgba(245, 245, 245, 1);
    width: 280px;
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_date {
    padding: 8px;
    border-radius: 4px;
    background: rgba(245, 245, 245, 1);
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus {
    padding: 8px 0;
    border-radius: 4px;
    background: rgba(245, 245, 245, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus .text {
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus .icon {
    width: 18px;
    height: 18px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus_title {
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--hertz-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "Poppins", sans-serif;
    width: 170px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_body .loyality_body_item .processes .process_bonus_title.loss {
    background: rgba(127, 129, 131, 1);
    color: rgba(255, 255, 255, 1);
}

section.customer_account .customer_account_wrapper .actions_wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
}

@media (max-width:440px) {
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .condition {
        max-width: 100%;
    }
}

:where(section.customer_account) .service-card-home .media {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    border-radius: 12px;
}

:where(section.customer_account) .services-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
}

:where(section.customer_account) .services-sec {
    margin: 0 auto;
    gap: 26px;
}

:where(section.customer_account) .services-sec .service-card-home:nth-child(1),
:where(section.customer_account) .services-sec .service-card-home:nth-child(2) {
    grid-column: span 3;
    height: 285px;
}

:where(section.customer_account) .services-sec .service-card-home:nth-child(3),
:where(section.customer_account) .services-sec .service-card-home:nth-child(4),
:where(section.customer_account) .services-sec .service-card-home:nth-child(5) {
    grid-column: span 2;
    height: 285px;
}

@media (max-width: 1024px) {
    :where(section.customer_account) .services-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    :where(section.customer_account) .services-sec .service-card-home:nth-child(1),
    :where(section.customer_account) .services-sec .service-card-home:nth-child(2),
    :where(section.customer_account) .services-sec .service-card-home:nth-child(3),
    :where(section.customer_account) .services-sec .service-card-home:nth-child(4),
    :where(section.customer_account) .services-sec .service-card-home:nth-child(5) {
        grid-column: span 1;
        height: 260px;
    }
}

:where(section.customer_account) .service-card-home {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    transition: transform .5s ease;
}

:where(section.customer_account) .service-card-home .media {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

:where(section.customer_account) .service-card-home h3 {
    margin: 0;
    font-size: 41.73px;
}

:where(section.customer_account) .service-card-home p {
    margin: 4px 0 0;
    font-size: 20.87px;
}

:where(section.customer_account) .service-card-home.small-ser {
    grid-row: span 1;
}

:where(section.customer_account) .service-card-home.wide-ser {
    grid-column: span 2;
}

:where(section.customer_account) .service-card-home {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    transition: transform .5s ease;
}

:where(section.customer_account) .service-card-home .media {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

:where(section.customer_account) .service-card-home .card-content {
    position: absolute;
    bottom: 10px;
    left: 15px;
    z-index: 1;
    color: #fff;
    padding: 10px 12px;
    border-radius: 8px;
    max-width: 85%;
}

:where(section.customer_account) .service-card-home h3 {
    margin: 0;
    font-size: 41.73px;
}

:where(section.customer_account) .service-card-home p {
    margin: 4px 0 0;
    font-size: 20.87px;
}

:where(section.customer_account) .service-card-home.small-ser {
    grid-row: span 1;
}

:where(section.customer_account) .service-card-home.wide-ser {
    grid-column: span 2;
}

:where(section.customer_account) .full-wide-ser {
    grid-column: 1 / -1 !important;
    grid-row-start: auto;
    grid-row-end: auto;
    height: auto;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

:where(section.customer_account) .service-card-home:hover {
    transform: scale(1.03);
}

:where(section.customer_account) .hover-arrow {
    position: absolute;
    top: 0;
    right: 15px;
    width: 130px !important;
    height: auto;
    color: white;
    opacity: 0;
    transform: translateX(-10px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
    z-index: 2;
}

:where(section.customer_account) .service-card-home:hover .hover-arrow {
    opacity: 1;
    transform: translateX(0);
}

:where(section.customer_account) .hero-sec-services {
    margin: 0;
    padding: 0;
}

:where(section.customer_account) .ser-h3 {
    font-size: 40px !important;
}

:where(section.customer_account) .ser-p {
    font-size: 20px;
}

.customer_account_screen-service {
    width: 100%;
    border-radius: 24px;
    padding: 10px;
}

@media (max-width: 1024px) {
    :where(section.customer_account) .services-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
        grid-auto-rows: 280px;
        margin: 0 auto;
    }
}

@media (max-width: 1024px) {
    :where(section.customer_account) .service-card-home h3 {
        font-size: 40px;
    }
}

@media (max-width: 1024px) {
    :where(section.customer_account) .service-card-home p {
        font-size: 20px;
    }
}

@media (max-width:768px) {
    :where(section.customer_account) .services-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        grid-auto-rows: 280px;
    }
}

@media (max-width:440px) {
    :where(section.customer_account) .services-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width:440px) {
    :where(section.customer_account) .service-card-home,
    :where(section.customer_account) .service-card-home.small-ser {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar_transport {
    width: 100%;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar_transport .transport-nav-wrapper {
    background: #F9F9F9;
    border-radius: 50px;
    padding: 8px;
    box-shadow:
        inset 2px 2px 4px rgba(0, 0, 0, 0.06),
        inset -2px -2px 4px rgba(255, 255, 255, 0.6);
    display: flex;
    gap: 4px;
    width: 100%;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar_transport .transport-nav-button {
    padding: 12px 0;
    border: none;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    background: transparent;
    color: #313131;
    white-space: nowrap;
    flex: 1;
    text-align: center;
    position: relative;
    overflow: hidden;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar_transport .transport-nav-button:hover {
    color: #313131;
    background: rgba(0, 0, 0, 0.05);
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar_transport .transport-nav-button--active {
    background: #FFCC00;
    color: #313131;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar_transport .transport-nav-button--active:hover {
    background: #ffca2c;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar_transport .transport-nav-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s ease;
}

section.customer_account .customer_account_wrapper .account_main .account_header_bar_transport .transport-nav-button--active::before {
    left: 100%;
}

@media (max-width: 768px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar_transport .transport-nav-wrapper {
        border-radius: 16px;
        padding: 6px;
    }
}

@media (max-width: 768px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar_transport .transport-nav-button {
        font-size: 13px;
        padding: 10px 16px;
        border-radius: 12px;
        min-width: 120px;
    }
}

@media (max-width: 480px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar_transport .transport-nav-wrapper {
        gap: 2px;
    }
}

@media (max-width: 480px) {
    section.customer_account .customer_account_wrapper .account_main .account_header_bar_transport .transport-nav-button {
        width: 100%;
        margin: 0;
    }
}


/* ---------- Ödəniş addımı: transfer / tur / sürücü (.checkout-step) ----------
   Rent-a-car-ın taksit və Azalmiles blokları yalnız .rentcar-canvas .rentcar_pay_body
   altında üslub alırdı - digər xidmətlərdə «Tam kartla ödəniş» seçiləndə ay
   seçimləri boş qutular kimi görünürdü. Eyni görünüş burada da verilir. */
#bookingCanvas .checkout-step .azericard_installments {
    margin: 4px 0 12px;
    padding: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 14px;
}

#bookingCanvas .checkout-step .azericard_installments.d-none {
    display: none;
}

#bookingCanvas .checkout-step .azericard_installments > .title {
    margin-bottom: 14px;
    color: #141413;
    font-size: 15px;
    text-align: center;
}

#bookingCanvas .checkout-step .azericard_installments .apply_payment_methods.azericard-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

#bookingCanvas .checkout-step .azericard_installments .payment_method {
    position: relative;
}

#bookingCanvas .checkout-step .azericard_installments .payment_method label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 15px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

#bookingCanvas .checkout-step .azericard_installments .payment_method.active label {
    border-color: #ffcc00;
}

#bookingCanvas .checkout-step .azericard_installments .payment_method label .context .title {
    color: #1f2937;
    font-size: 16px;
    font-weight: 500;
}

#bookingCanvas .checkout-step .azericard_installments .payment_method label .radio {
    position: relative;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 2px solid #d1d5db;
    border-radius: 50%;
    transition: border-color 0.2s ease;
}

#bookingCanvas .checkout-step .azericard_installments .payment_method label .radio .dot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ffcc00;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease;
}

#bookingCanvas .checkout-step .azericard_installments .payment_method input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Seçilmiş ay: çərçivə ilə yanaşı radio dairəsi də dolur (rent-a-car daxil) */
#bookingCanvas .azericard_installments .payment_method.active label .radio {
    border-color: #ffcc00;
}

#bookingCanvas .azericard_installments .payment_method.active label .radio .dot {
    opacity: 1;
}

@media (max-width: 440px) {
    #bookingCanvas .checkout-step .azericard_installments .apply_payment_methods.azericard-inner {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

/* style.css .pmtSel_wrapper-ə max-height: 360px verir - daxil olmuş istifadəçidə (6 üsul)
   və ya taksit bloku açılanda siyahı aşağıdakı «Qazanılacaq bonus» sətrinin üstünə daşırdı */
#bookingCanvas .checkout-step .pmtSel_wrapper {
    max-height: none;
    justify-content: flex-start;
}

#bookingCanvas .checkout-step .bonus-pay p {
    margin: 4px 0 12px;
    font-size: 15px;
}

/* Azalmiles üzv nömrəsi - yalnız Azalmiles seçiləndə görünür */
#bookingCanvas .checkout-step .azalmiles-block.d-none {
    display: none;
}

#bookingCanvas .checkout-step .azalmiles-block {
    margin: 4px 0 12px;
}

#bookingCanvas .checkout-step .azalmiles-block .title {
    margin-bottom: 8px;
    color: #141413;
    font-size: 15px;
}

#bookingCanvas .checkout-step .azalmiles-block input {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fbfbfb;
    color: #141414;
    outline: none;
}

#bookingCanvas .checkout-step .azalmiles-block input:focus {
    border-color: #ffcc00;
}

/* ===== Reklam modalı (site.partials.promo-modal) =====
   Dizayn frontend-in style.css «modal» bölməsindədir; burada yalnız panel seçimlərinin əlavəsi. */

/* «Arxa fonu qaraltsın» söndürüləndə: fon yoxdur və səhifə klikləri modalın ətrafından keçir */
.promo-modal.promo-modal--no-overlay {
    pointer-events: none;
}

.promo-modal.promo-modal--no-overlay .promo-overlay {
    display: none;
}

.promo-modal.promo-modal--no-overlay .promo-modal-box {
    pointer-events: auto;
}

/* Linkli düymələr <a> ilə çıxır - frontend yalnız <button> üçün yazılıb */
.promo-modal.modal-3-btn a.promo-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
}

/* Car detail specs: the text box is calc(100% - 35px), so flex shrank the 30px icon box next to short
   values ("4" seats, "1" luggage) down to ~7px and the icon disappeared. Keep the icon at full size. */
section.car_details .car_details_wrapper .description .car_details .detail_item .svg {
    flex-shrink: 0;
}

section.car_details .car_details_wrapper .description .car_details .detail_item .svg img {
    width: 100%;
    height: 100%;
}

/* FAQ section (home / service pages): the frontend gives the question only min-height, so long
   questions (3-4 lines on mobile) touched the dividers and the open answer sat right under the
   question and against the next one. Add vertical padding and room under the answer; the 150px cap
   cut long answers, so it is raised. */
.faq-sec .question {
    padding: 16px 8px;
}

.faq-sec .faq_item.active .answer {
    max-height: 2000px;
    padding-top: 4px;
    padding-bottom: 20px;
    line-height: 1.5;
}

@media (max-width: 768px) {
    /* the frontend sets the section padding to 0 here, so the title touched the block above;
       40px like the neighbouring advantages / partners sections */
    .faq-sec {
        padding-top: 40px;
    }

    .faq-sec .question {
        padding: 14px 0;
        gap: 12px;
    }

    .faq-sec .question .text {
        line-height: 1.35;
    }

    .faq-sec .answer,
    .faq-sec .faq_item.active .answer {
        padding-left: 0;
        padding-right: 50px;
    }
}

/* Search result cards (transfer / tour / car with driver): below 1280px the frontend fixes the price
   box at 280px and keeps its labels on one line (white-space: nowrap), so on narrow cards
   "Qaytarılabilməyən məbləğ: 240.00 ₼" ran past the box and the card. Let the box fit the column and
   the label wrap; the amount itself stays on one line. */
@media (max-width: 1280px) {
    .car-inputs {
        width: auto;
        max-width: 100%;
        white-space: normal;
    }

    .car-inputs .form-check-label {
        white-space: normal;
        line-height: 1.35;
    }

    .car-inputs .form-check-label strong {
        white-space: nowrap;
    }
}

/* Mobile app banner (<= 767px): the frontend pins the text to top: 20px and the store badges to
   bottom: 20px inside a fixed 174px box (<= 440px), which only fits a one-line text, and between 441 and
   767px the centred phones covered the text. Put text and badges in normal flow (text, then badges),
   let the box grow, and keep the phones on the right. */
@media (max-width: 767px) {
    .app-sec {
        height: auto;
        min-height: 174px;
        padding: 20px 0;
    }

    .app-sec .container {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 14px;
    }

    .app-sec .app-content {
        position: relative;
        top: auto;
        left: auto;
        max-width: 58%;
    }

    .app-sec .app-content p {
        line-height: 1.3;
    }

    .app-sec .store-links.mobile {
        position: relative;
        bottom: auto;
        left: auto;
    }

    /* phones start right of the badges (they end at ~171px) on every phone width */
    .app-sec .app-image {
        right: auto;
        left: 170px;
    }
}

/* 441-767px: same tilted phones / background as the frontend's <= 440px design */
@media (min-width: 441px) and (max-width: 767px) {
    .app-sec .app-image {
        transform: rotate(-18deg);
        bottom: -55px;
    }

    .app-sec .app-bg {
        left: unset;
        right: -30%;
        transform: rotate(8deg);
        width: 430px;
    }
}

/* Mobile app banner (>= 768px): the phones picture is centred and the text (editable in the panel,
   longer than the design's) ran under it. Keep the text left of the phones. */
@media (min-width: 768px) {
    .app-sec .app-content {
        max-width: calc(50% - 165px);
    }
}

/* Tour detail "About": the description is HTML (paragraphs). Long text is collapsed by height
   (tour.js toggles .is-collapsed) instead of being cut as plain text, so the formatting stays. */
.tour-about-text p:last-child {
    margin-bottom: 0;
}

.tour-about-text.is-collapsed {
    max-height: 216px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent);
    mask-image: linear-gradient(to bottom, #000 70%, transparent);
}

#toggleText {
    display: inline-block;
    margin-top: 8px;
}

/* Blog detail: the frontend crops the cover into a fixed 260px box (object-fit: cover), which cut off
   the uploaded infographic's text; show the whole image instead (capped for very tall images). */
.blog-detail__image {
    height: auto;
}

.blog-detail__image img {
    height: auto;
    max-height: 640px;
    object-fit: contain;
}

/* Blog detail "Məsləhətlərimizdən səyahətlərə" band: text and the 640px card both refused to shrink
   inside the 160px side padding, so the card ran out of the box (and caused a horizontal scroll at
   ~1280px). Let both shrink; the card keeps its design width when there is room. */
.detail-trips-info {
    flex-shrink: 1;
    min-width: 0;
}

.detail-trips-card {
    flex: 0 1 640px;
    min-width: 0;
}

@media (max-width: 1024px) {
    .detail-trips-card {
        flex-basis: 554px;
    }
}

/* <= 768px the band stacks like the frontend does at <= 440px (side by side the 42-56px title ran
   under the card); the card takes the full width with its own height */
@media (max-width: 768px) {
    .detail-trips-content {
        flex-direction: column;
        gap: 32px;
        height: unset;
        align-items: flex-start;
    }

    .detail-trips-card {
        flex: none;
        width: 100%;
    }

    .detail-trips-info h2 {
        font-size: 36px;
    }

    .detail-trips-info h2 span {
        display: inline;
    }
}

/* very narrow phones: "Məsləhətlərimizdən" at 36px was wider than the band */
@media (max-width: 440px) {
    .detail-trips-info h2 {
        font-size: 30px;
    }
}

/* Rent a car checkout: qiymət bölgüsü (icarə / çatdırılma / endirim) - yekun məbləğin üstündə */
.custom-offcanvas .price-breakdown {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
    padding-bottom: 4px;
}

.custom-offcanvas .price-row.price-row--detail {
    margin-bottom: 6px;
}

.custom-offcanvas .price-row.price-row--detail small,
.custom-offcanvas .price-row.price-row--detail strong {
    color: #6c757d;
    font-size: 15px;
}

/* Avtomobillər səhifəsi: Kateqoriya / Avtomobil növü menyuları mobildə ekrandan sola çıxırdı
   (style.css-də menyu 200px, sağa bağlı; mobildə düymə daha dardır). Sol menyu soldan, sağdakı sağdan açılır,
   eni düymədən az olmur və ekrandan çıxmır. */
.filter-components .filter-component__menu {
    min-width: 100%;
    max-width: calc(100vw - 32px);
}

.filter-components .filter-component:first-child .filter-component__menu {
    left: 0;
    right: auto;
}

.filter-components .filter-component:last-child .filter-component__menu {
    left: auto;
    right: 0;
}

@media (max-width: 575.98px) {
    .filter-components .filter-component__menu {
        width: auto;
        max-height: 60vh;
        overflow-y: auto;
    }

    .filter-components .filter-component__menu a {
        white-space: nowrap;
    }
}

/* Mobil menyu: 100vh mobil brauzerdə ünvan / naviqasiya panelinin arxasını da sayır - menyunun altı
   (Daxil ol / Qeydiyyat düymələri) ekrandan kənarda qalırdı. dvh görünən hündürlükdür. */
.mobile-sidebar {
    height: 100vh;
    height: 100dvh;
}

.mobile-sidebar__body {
    padding-bottom: calc(30px + env(safe-area-inset-bottom, 0px));
}

/* Üstünlüklərimiz: ikonlar 52px qutuda 20px idi, SVG-nin içində də boşluq var - simvol çox kiçik görünürdü (fon şəffafdır, qutu dəyişmir) */
.advantages-sec .icon img {
    width: 44px;
    height: 44px;
}

/* Rent a car addımları: qiymət bölgüsü (price-breakdown.blade.php) - booking.css-in #bookingCanvas .price-row
   qaydası onu "Yekun məbləğ" kimi iri/qalın edirdi; son addımdakı kimi boz və kiçik olsun */
#bookingCanvas .rc-price-breakdown .price-row small,
#bookingCanvas .rc-price-breakdown .price-row strong {
    color: #6c757d;
    font-family: "proximanova-regular", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
}

#bookingCanvas .rc-price-breakdown .price-row strong {
    display: inline;
    white-space: nowrap;
    font-family: "proximanova-medium", sans-serif;
    font-weight: 500;
}

/* Mobil menyu: dil seçimi yan-yana (AZ / EN / RU), aktiv dil sarı */
.mobile-sidebar__langs {
    display: flex;
    gap: 10px;
}

.mobile-sidebar__lang {
    flex: 1;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #141414;
    font-family: 'proximanova-semibold', sans-serif;
    font-size: 15px;
    text-decoration: none;
}

.mobile-sidebar__lang:hover {
    color: #141414;
    border-color: #ffcc00;
}

.mobile-sidebar__lang.is-active {
    background: #FFF8DB;
    border-color: #ffcc00;
    color: #DCB000;
}