@font-face {
    font-family: 'Poppins Thin';
    src: url('../fonts/Poppins-Thin.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins Bold';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'ProximaNova Thin';
    src: url('../fonts/ProximaNova-Thin.woff2') format('woff2');
}

@font-face {
    font-family: 'ProximaNova Light';
    src: url('../fonts/ProximaNova-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'ProximaNova Medium';
    src: url('../fonts/ProximaNova-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'ProximaNova SemiBold';
    src: url('../fonts/ProximaNova-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'ProximaNova Bold';
    src: url('../fonts/ProximaNova-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'ProximaNova ExtraBold';
    src: url('../fonts/ProximaNova-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'ProximaNova Black';
    src: url('../fonts/ProximaNova-Black.woff2') format('woff2');
}



:root {
    --hertz-white: #fff;
    --hertz-lightGray: #f0f0f0;
    --hertz-gray: #d6d6d6;
    --hertz-black: #000;
    --hertz-yellow: #fc0;
    --hertz-borderRadius: 24px;
    --hertz-gap: 40px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.row,
.row * {
    padding: 0;
    margin: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-weight: 400;
    line-height: 1.5;
    font-family: 'ProximaNova', 'Poppins', sans-serif;

}

body.active {
    position: relative;
}

body.active::after {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background: rgba(0, 0, 0, 0.8);
}

/* body.activeForm {
    position: relative;
}

body.activeForm::after {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background: rgba(0, 0, 0, 0.8);
} */

/* @media only screen and (min-width: 992px) {
    body.active::after {
        background: transparent;
    }
} */

/* .container {
    max-width: 1500px;
    padding: 0 80px;
} */

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

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.horizontal_rule {
    border: 1px solid #d6d6d6;
}

.fix-class {
    display: -webkit-inline-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    line-clamp: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.fix-class2 {
    display: -webkit-inline-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.fix-class3 {
    display: -webkit-inline-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.fix-class4 {
    display: -webkit-inline-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4 !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}



/* Header */
header {
    padding: 25px 0;
    border-bottom: 4px solid var(--hertz-yellow);
}

@media (max-width: 768px) {
    header {
        position: fixed;
        width: 100%;
        z-index: 10;
        background: white;
    }
}

header .header_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

header .header_wrapper .header_item {
    /* width: calc((100% - 2 * 20px) / 3); */
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 1400px) {
    header .header_wrapper .header_item:nth-child(1) {
        width: 300px;
    }

    header .header_wrapper .header_item:nth-child(2) {
        width: 550px;
        justify-content: flex-end;
    }

    header .header_wrapper .header_item:nth-child(3) {
        width: calc((100% - 2 * 20px - 300px - 550px));
    }
}

header .header_wrapper .header_item .logo {
    height: 50px;
}

header .header_wrapper .header_item .logo a {
    display: block;
    width: 100%;
    height: 100%;
}

header .header_wrapper .header_item ul {
    display: flex;
    align-items: center;
    gap: 15px;
}

header .header_wrapper .header_item ul li a {
    display: block;
    padding: 5px 10px;
    color: var(--hertz-black);
    font: 900 18px/24px "ProximaNova", "ProximaNova", "Poppins", sans-serif;
}

header .header_wrapper .header_item:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

header .header_wrapper .header_item .language {
    position: relative;
}

header .header_wrapper .header_item .language .language_settings {
    display: flex;
    align-items: center;
    /* padding: 11px 10px; */
    height: 50px;
    padding: 0 10px;
    cursor: pointer;
}

header .header_wrapper .header_item .language .language_settings .svg {
    width: 20px;
    height: 20px;
}

header .header_wrapper .header_item .language .language_settings .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .header_wrapper .header_item .language .language_settings .icon i {
    color: rgb(128, 130, 133);
    font-size: 16px;
}

header .header_wrapper .header_item .language .language_settings .text a {
    color: var(--hertz-black);
    font: 500 18px/22px "ProximaNova", "Poppins", sans-serif;
    text-transform: uppercase;
    margin: 0;
    padding: 0 5px;
}

header .header_wrapper .header_item .language ul.language_dropdown {
    position: absolute;
    top: calc((100% + 20px));
    background: white;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    height: 0;
    z-index: 7;
    interpolate-size: allow-keywords;
}

header .header_wrapper .header_item .language ul.language_dropdown li:nth-child(1) {
    margin-top: 15px;
}

header .header_wrapper .header_item .language ul.language_dropdown li:last-child {
    margin-bottom: 15px;
}

header .header_wrapper .header_item .language ul.language_dropdown.active {
    height: auto;
}

header .header_wrapper .header_item .language ul.language_dropdown li {
    width: 100%;
}

header .header_wrapper .header_item .language ul.language_dropdown li a {
    text-align: center;
    color: var(--hertz-black);
    font: 500 18px/22px "ProximaNova", "Poppins", sans-serif;
    text-transform: uppercase;
    margin: 0;
    transition: 0.3s;
}

header .header_wrapper .header_item .language ul.language_dropdown li a:hover {
    color: var(--hertz-yellow);
}

header .header_wrapper .header_item .user {
    position: relative;
    max-width: 200px;
}

header .header_wrapper .header_item .user .user_settings {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 10px;
    cursor: pointer;
    gap: 10px;
    overflow: hidden;
    min-width: 160px;
    max-width: 200px;
}

header .header_wrapper .header_item .user .user_settings .svg {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(214, 214, 214, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

header .header_wrapper .header_item .user .user_settings .svg img {
    display: block;
    width: 20px;
    height: 20px;
}

header .header_wrapper .header_item .user .user_settings .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .header_wrapper .header_item .user .user_settings .icon i {
    color: rgb(128, 130, 133);
    font-size: 16px;
}

header .header_wrapper .header_item .user .user_settings .text {
    /* max-width: calc(100% - 20px - 36px - 20px); */
    max-width: calc((100% - 10px - 20px));
}

header .header_wrapper .header_item .user .user_settings .text a {
    display: block;
    color: var(--hertz-black);
    font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
    text-align: left;
    margin: 0;
}

header .header_wrapper .header_item .user .user_settings .text a span {
    display: block;
    margin: 0;
}

header .header_wrapper .header_item .user ul.user_dropdown {
    position: absolute;
    z-index: 7;
    top: calc((100% + 20px));
    background: white;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    height: 0;
    interpolate-size: allow-keywords;
}

header .header_wrapper .header_item .user ul.user_dropdown li:nth-child(1) {
    margin-top: 15px;
}

header .header_wrapper .header_item .user ul.user_dropdown li:last-child {
    margin-bottom: 15px;
}

header .header_wrapper .header_item .user ul.user_dropdown.active {
    height: auto;
}

header .header_wrapper .header_item .user ul.user_dropdown li {
    width: 80%;
    margin: 0 auto;
}

header .header_wrapper .header_item .user ul.user_dropdown li:not(:last-child) {
    margin-bottom: 8px;
}

header .header_wrapper .header_item .user ul.user_dropdown li a.sign {
    text-align: center;
    font: 500 16px/22px "ProximaNova", "Poppins", sans-serif;
    margin: 0;
    color: var(--hertz-black);
    border: 1px solid rgba(214, 214, 214, 1);
    background: var(--hertz-white);
    display: block;
    border-radius: 10px;
}

header .header_wrapper .header_item .user ul.user_dropdown li a.sign.up {
    border: 1px solid var(--hertz-yellow);
    background: var(--hertz-yellow);
}

header .header_wrapper .header_item .user ul.profile_dropdown {
    position: absolute;
    z-index: 7;
    top: calc((100% + 20px));
    background: white;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    height: 0;
    interpolate-size: allow-keywords;
}

header .header_wrapper .header_item .user ul.profile_dropdown li:nth-child(1) {
    margin-top: 15px;
}

header .header_wrapper .header_item .user ul.profile_dropdown li:last-child {
    margin-bottom: 15px;
}

header .header_wrapper .header_item .user ul.profile_dropdown.active {
    height: auto;
}

header .header_wrapper .header_item .user ul.profile_dropdown li {
    width: 100%;
}

header .header_wrapper .header_item .user ul.profile_dropdown li a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    padding: 0 15px;
}

header .header_wrapper .header_item .user ul.profile_dropdown li a .profile_item {
    display: flex;
    align-items: center;
    gap: 5px;
}

header .header_wrapper .header_item .user ul.profile_dropdown li a .profile_item .svg {
    width: 20px;
    height: 20px;
    margin: 0;
}

header .header_wrapper .header_item .user ul.profile_dropdown li a .profile_item .text {
    width: calc((100% - 5px - 20px));
    margin: 0;
    color: rgba(115, 115, 115, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    transition: 0.3s;
}

header .header_wrapper .header_item .user ul.profile_dropdown li a .profile_item .text:hover {
    color: var(--hertz-yellow);
}

header .header_wrapper .header_item .cell_phone {
    display: flex;
    align-items: center;
    gap: 12px;
}

header .header_wrapper .header_item .cell_phone .icon {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .header_wrapper .header_item .cell_phone .icon i {
    color: rgb(128, 130, 133);
    font-size: 22px;
}

header .header_wrapper .header_item .cell_phone .text {
    display: flex;
    flex-direction: column;
    width: calc((100% - 12px - 25px));
}

header .header_wrapper .header_item .cell_phone .text a {
    font: 600 16px/24px "ProximaNova", "Poppins", sans-serif;
    color: var(--hertz-black);
}

header .header_wrapper .header_item .cell_phone .text span {
    font: 500 14px/20px "ProximaNova", "Poppins", sans-serif;
    color: var(--hertz-black);
}

header .header_wrapper .hamburger {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
}

header .header_wrapper .hamburger img {
    height: 100%;
    width: auto;
}

/* Header */




/* Main */

@media (max-width: 768px) {
    main {
        padding-top: 104px;
    }
}

/* Main */










/* Sidebar */
.sidebar {
    position: fixed;
    top: 0;
    right: -320px;
    bottom: 0;
    z-index: 11;
    width: 320px;
    height: 100%;
    background: var(--hertz-white);
    transition: 0.3s;
    padding: 15px;
    overflow: auto;
}

.sidebar.active {
    right: 0;
}

.sidebar .close_button {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 36px;
    color: var(--hertz-black);
}

.sidebar .close_button i {
    font-size: 16px;
    color: var(--hertz-black);
}

.sidebar .close_button img {
    display: block;
    width: 50%;
    height: 50%;
}

.sidebar .logo {
    padding-bottom: 15px;
    border-bottom: 2px solid var(--hertz-yellow);
}

.sidebar .logo a {
    display: block;
    width: 100%;
    height: 100%;
}

.sidebar .logo a img {
    display: block;
    height: 50px;
    width: auto;
}

.sidebar .language {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 25px auto 30px;
}

.sidebar .language .language_settings {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    cursor: pointer;
}

.sidebar .language .language_settings .svg {
    width: 20px;
    height: 20px;
}

.sidebar .language .language_settings .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar .language .language_settings .icon i {
    color: rgb(128, 130, 133);
    font-size: 16px;
}

.sidebar .language .language_settings .text a {
    color: var(--hertz-black);
    font: 500 18px/22px "ProximaNova", "Poppins", sans-serif;
    text-transform: uppercase;
    margin: 0;
    padding: 0 15px;
}

.sidebar .language ul.language_dropdown {
    background: white;
    width: 100px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    height: 0;
    interpolate-size: allow-keywords;
}

.sidebar .language ul.language_dropdown.active {
    height: auto;
}

.sidebar .language ul.language_dropdown li a {
    text-align: center;
    color: var(--hertz-black);
    font: 500 18px/22px "ProximaNova", "Poppins", sans-serif;
    text-transform: uppercase;
    margin: 0;
    transition: 0.3s;
}

.sidebar .language ul.language_dropdown li a:hover {
    color: var(--hertz-yellow);
}

.sidebar nav {
    margin: 30px auto;
}

.sidebar nav ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sidebar nav ul li {
    border-bottom: 1px solid rgba(214, 214, 214, 1);
}

.sidebar nav ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    color: var(--hertz-black);
    font: 900 20px/24px "ProximaNova", "Poppins", sans-serif;
}

.sidebar nav ul li a i {
    color: var(--hertz-black);
    font-size: 14px;
}

.sidebar ul.user_dropdown {
    background: white;
    display: flex;
    align-items: center;
    gap: 12px;
}

.sidebar ul.user_dropdown li {
    width: calc((100% - 12px) / 2);

}

.sidebar ul.user_dropdown li a.sign {
    text-align: center;
    font: 500 16px/22px "ProximaNova", "Poppins", sans-serif;
    margin: 0;
    color: var(--hertz-black);
    border: 1px solid rgba(214, 214, 214, 1);
    background: var(--hertz-white);
    display: block;
    border-radius: 10px;
    padding: 10px;
}

.sidebar ul.user_dropdown li a.sign.up {
    border: 1px solid var(--hertz-yellow);
    background: var(--hertz-yellow);
}












.sidebar .user_settings {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
    margin-bottom: 12px;
}

.sidebar .user_settings .svg {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(214, 214, 214, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar .user_settings .svg img {
    display: block;
    width: 20px;
    height: 20px;
}

.sidebar .user_settings .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar .user_settings .text {
    max-width: calc(100% - 36px - 10px);
}

.sidebar .user_settings .text a {
    display: block;
    color: var(--hertz-black);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    text-align: left;
    margin: 0;
}




.sidebar ul.profile_dropdown {
    background: white;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 40px;
}

.sidebar ul.profile_dropdown li {
    width: 100%;
}

.sidebar ul.profile_dropdown li a .profile_item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar ul.profile_dropdown li a .profile_item .svg {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    background: rgba(245, 245, 245, 1);
}

.sidebar ul.profile_dropdown li a .profile_item .svg img {
    display: block;
    width: 20px;
    height: 20px;
}

.sidebar ul.profile_dropdown li a .profile_item .text {
    width: calc((100% - 10px - 36px));
    margin: 0;
    color: rgba(115, 115, 115, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    transition: 0.3s;
}

.sidebar ul.profile_dropdown li a .profile_item .text:hover {
    color: var(--hertz-yellow);
}

/* Sidebar */



/* First Section */
section.first_section {
    width: 100%;
    height: auto;
}

section.first_section img {
    object-fit: cover;
}

/* First Section */


/* Second Section */
section.second_section {
    padding: 60px 0 80px;
    background: var(--hertz-white);
}

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

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

section.second_section .second_wrapper form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    section.second_section .second_wrapper form {
        width: 100%;
        background: white;
        z-index: 10;
        padding-bottom: 8px;
        padding-top: 60px;
        margin-left: -12px;
    }

    section.second_section {
        padding: 0 0 80px;
    }
}

section.second_section .second_wrapper h1 {
    color: var(--hertz-black);
    margin-bottom: 48px;
    font: 700 36px / 44px "ProximaNova Medium", "Poppins Bold", sans-serif;
    letter-spacing: -0.6px;
    text-align: left;
}

section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper form h2 {
    margin: 0;
}

section.second_section .second_wrapper .heading {
    padding-top: 60px;
}

section.second_section .second_wrapper .heading a {
    color: var(--hertz-black);
    font: 500 14px/18px "ProximaNova", "Poppins", sans-serif;
    padding: 10px 25px;
    border: 1px solid var(--hertz-yellow);
    border-radius: 8px;
}

section.second_section .second_wrapper form .form_groups {
    display: flex;
    align-items: center;
    gap: 10px;
}

section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper form .form_groups .pricing {
    position: relative;
}

section.second_section .second_wrapper form .form_groups .pricing .selected_price .icon {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    pointer-events: none;
}

section.second_section .second_wrapper form .form_groups .pricing .selected_price .icon i {
    font-size: 14px;
    color: var(--hertz-black);
}

section.second_section .second_wrapper 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);
}

section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper form .form_groups .pricing .price_selection.active {
    height: auto;
    top: calc((100% + 10px));
}

section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper form .form_groups .pricing .price_selection li:first-child {
    margin: 10px 0 0 0;
}

section.second_section .second_wrapper form .form_groups .pricing .price_selection li:last-child {
    margin: 0 0 10px 0;
}

section.second_section .second_wrapper form .form_groups .pricing .price_selection li.active,
section.second_section .second_wrapper form .form_groups .pricing .price_selection li:hover {
    color: var(--hertz-yellow);
}

section.second_section .second_wrapper form .form_groups .filtering {
    position: relative;
}

section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper form .form_groups .filtering .selected_filter .icon {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    pointer-events: none;
}

section.second_section .second_wrapper form .form_groups .filtering .selected_filter .icon i {
    font-size: 14px;
    color: var(--hertz-black);
}

section.second_section .second_wrapper 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);
}

section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper form .form_groups .filtering .filter_selection.active {
    height: auto;
    top: calc((100% + 10px));
}

section.second_section .second_wrapper form .form_groups .filtering .filter_selection .filter_selection_wrapper {
    margin: 25px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

section.second_section .second_wrapper form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .filter_input {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .filter_input input {
    width: 0;
    height: 0;
    border: none;
    outline: none;
    position: relative;
}

section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .filter_input input:checked:before {
    width: 12px;
    height: 12px;
}

section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .multi_input {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .multi_input input[type="number"]::-webkit-outer-spin-button,
section.second_section .second_wrapper 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;
}

section.second_section .second_wrapper form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .multi_input input:focus {
    border: 1px solid var(--hertz-yellow);
}





section.second_section .second_wrapper .cars {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    /* row-gap: 50px; */
}

section.second_section .second_wrapper .cars .car_item {
    width: calc((100% - 2 * 10px) / 3);
    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;
    margin-bottom: 50px;
}


section.second_section .second_wrapper .cars .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;
}

section.second_section .second_wrapper .cars .car_item .pass i {
    color: var(--hertz-black);
    font-size: 20px;
}

section.second_section .second_wrapper .cars .car_item:hover .pass {
    right: 10px;
}

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

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

section.second_section .second_wrapper .cars .car_item .car_model .logo {
    /* width: 45px; */
    height: 35px;
    max-width: 70px;
}

section.second_section .second_wrapper .cars .car_item .car_model .model_name {
    /*max-width: calc((100% - 12px - 70px));*/
    color: var(--hertz-black);
    font: 600 24px/32px "ProximaNova", "Poppins", sans-serif;
    letter-spacing: -0.56px;
}

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 {
    height: 200px;
    width: 100%;
}

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

section.second_section .second_wrapper .cars .car_item .car_picture img {
    object-fit: contain;
}

section.second_section .second_wrapper .cars .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;
}

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

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

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

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

section.second_section .second_wrapper .cars .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;
}

/* Second Section */



/* Third Section */
section.third_section {
    padding: 60px 0 80px;
    background: #f0f0f0;
}

section.third_section h2 {
    color: var(--hertz-black);
    margin-bottom: 40px;
    font: 600 29px/36px "ProximaNova Bold", "Poppins Bold", sans-serif;
    letter-spacing: -0.6px;
    text-align: left;
}

section.third_section .picture {
    position: relative;
    z-index: 1;
    margin: -170px auto 0;
    background: transparent;
    padding: 20px;
    width: 700px;
}

section.third_section .third_section_wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
    position: relative;
    z-index: 2;
    background: transparent;
}

section.third_section .third_section_wrapper .third_section_text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
}

section.third_section .third_section_wrapper .third_section_text:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
}

section.third_section .third_section_wrapper .third_section_text .third_item {
    display: flex;
    align-items: center;
    gap: 20px;
}

section.third_section .third_section_wrapper .third_section_text .third_item .svg {
    width: 50px;
}

section.third_section .third_section_wrapper .third_section_text .third_item .text {
    width: 212px;
    font: 400 26px/39px "ProximaNova", "Poppins", sans-serif;
}

/* Third Section */


/* Advantages Section  */
section.advantages {
    background: var(--hertz-white);
    padding: 60px 0 80px;
}

section.advantages h2 {
    color: var(--hertz-black);
    margin-bottom: 40px;
    text-align: left;
    font: 600 29px/36px "ProximaNova Bold", "Poppins Bold", sans-serif;
    letter-spacing: -0.6px;
}

section.advantages .advantages_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
    row-gap: 50px;
}

section.advantages .advantages_wrapper .advantages_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc((100% - 4 * 20px) / 5);
}

section.advantages .advantages_wrapper .advantages_item .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px;
}

section.advantages .advantages_wrapper .advantages_item h3 {
    color: var(--hertz-black);
    font: 600 18px/24px "ProximaNova", "Poppins", sans-serif;
    margin: 0;
    height: 50px;
}

section.advantages .advantages_wrapper .advantages_item p {
    color: var(--hertz-black);
    font: 400 15px/20px "ProximaNova", "Poppins", sans-serif;
    margin: 0;
}

/* Advantages Section  */



/* Footer */
footer .top_footer {
    background: #434244;
    padding: 32px 0;
}

footer .top_footer .top_footer_wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: var(--hertz-gap);
    margin-bottom: 32px;
}

footer .top_footer .top_footer_wrapper .top_footer_item {
    width: calc((100% - 3 * var(--hertz-gap)) / 4);
}

footer .top_footer .top_footer_wrapper .top_footer_item .logo {
    margin-bottom: 30px;
}

footer .top_footer .top_footer_wrapper .top_footer_item .logo a {
    display: block;
    width: 100%;
    height: 100%;
}

footer .top_footer .top_footer_wrapper .top_footer_item .logo a img {
    height: 50px;
    width: auto;
}

footer .top_footer .top_footer_wrapper .top_footer_item .text {
    color: #eaecf0;
    font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    padding-right: 60px;
}

footer .top_footer .top_footer_wrapper .top_footer_item ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

footer .top_footer .top_footer_wrapper .top_footer_item ul li a,
footer .top_footer .top_footer_wrapper .top_footer_item ul li p {
    margin: 0;
    color: var(--hertz-white);
    font: 600 16px/24px "ProximaNova", "Poppins", sans-serif;
}

footer .top_footer .top_footer_wrapper .top_footer_item ul li p span {
    font: 500 14px/24px "ProximaNova", "Poppins", sans-serif;
}

footer .top_footer .bottom_footer_wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--hertz-gap);
    margin-top: 32px;
}

footer .top_footer .bottom_footer_wrapper .bottom_footer_item {
    width: calc((100% - 2 * var(--hertz-gap)) / 3);
}

footer .top_footer .bottom_footer_wrapper .bottom_footer_item ul {
    display: flex;
    align-items: center;
    gap: 25px;
}

footer .top_footer .bottom_footer_wrapper .bottom_footer_item ul li a,
footer .top_footer .bottom_footer_wrapper .bottom_footer_item p {
    margin: 0;
    color: #d6d6d6;
    font: 600 16px/24px "ProximaNova", "Poppins", sans-serif;
}

footer .top_footer .bottom_footer_wrapper .bottom_footer_item:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

footer .top_footer .bottom_footer_wrapper .bottom_footer_item:nth-child(3) ul {
    gap: 60px;
}

footer .bottom_footer {
    background: #808285;
}

footer .bottom_footer .bottom_footer_container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 8px 0;
    font: 400 14px/24px "ProximaNova", "Poppins", sans-serif;
    color: var(--hertz-black);
}

footer .bottom_footer .bottom_footer_container a {
    color: var(--hertz-black);
}

footer .bottom_footer .bottom_footer_container span {
    font-weight: 700;
    padding-left: 4px;
}

/* Footer */

/* Second Footer */
section.footer_second {
    background: var(--hertz-white);
}

section.footer_second .footer_second_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
}

section.footer_second .footer_second_wrapper p {
    font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    text-align: left;
    color: rgba(67, 66, 68, 1);
    margin: 0;
}

section.footer_second .footer_second_wrapper ul {
    display: flex;
    align-items: center;
    gap: 40px;
}

section.footer_second .footer_second_wrapper ul li a {
    font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    text-align: left;
    color: rgba(67, 66, 68, 1);
    margin: 0;
}

/* Second Footer */

/* About Section */
section.about {
    padding: 60px 0 80px;
    background: var(--hertz-white);
}

section.about .about_wrapper h1 {
    color: var(--hertz-black);
    margin-bottom: 48px;
    font: 700 36px / 44px "ProximaNova Medium", "Poppins Bold", sans-serif;
    letter-spacing: -0.8px;
    text-align: left;
}

section.about .about_wrapper h2 {
    color: var(--hertz-black);
    margin-bottom: 40px;
    font: 600 29px/36px "ProximaNova Bold", "Poppins Bold", sans-serif;
    letter-spacing: -0.6px;
    text-align: left;
}

section.about .about_wrapper .about_content {
    display: flex;
    align-items: flex-start;
    gap: 140px;
}

section.about .about_wrapper .about_content .picture {
    width: calc((100% - 1 * 140px) / 2);
    overflow: hidden;
    border-radius: 20px;
}

section.about .about_wrapper .about_content .text {
    width: calc((100% - 1 * 140px) / 2);
    font: 400 20px/30px "ProximaNova", "Poppins", sans-serif;
}

/* About Section */


/* PartnerShip */
section.partnership {
    padding: 60px 0 80px;
    background: var(--hertz-white);
}

section.partnership .partnership_wrapper h2 {
    color: var(--hertz-black);
    margin-bottom: 40px;
    font: 600 29px/36px "ProximaNova Bold", "Poppins Bold", sans-serif;
    letter-spacing: -0.6px;
    text-align: left;
}

section.partnership .partnership_wrapper .partnershipSwiper .swiper-wrapper .swiper-slide {
    height: 120px;
    width: auto;
    padding: 20px 50px;
}

section.partnership .partnership_wrapper .partnershipSwiper .swiper-wrapper .swiper-slide img {
    display: block;
    height: 100%;
    object-fit: contain;
}

/* PartnerShip */


/* FAQ Section */
section.faq {
    padding: 60px 0 80px;
    background: var(--hertz-white);
    min-height: calc((100vh - 104px));
}

section.faq .faq_wrapper h1 {
    color: var(--hertz-black);
    margin-bottom: 48px;
    font: 700 36px / 44px "ProximaNova Medium", "Poppins Bold", sans-serif;
    letter-spacing: -0.6px;
    text-align: left;
}

section.faq .faq_wrapper h2 {
    color: var(--hertz-black);
    margin-bottom: 40px;
    font: 600 29px/36px "ProximaNova Bold", "Poppins Bold", sans-serif;
    letter-spacing: -0.6px;
    text-align: left;
}

section.faq .faq_wrapper .faq_items {
    display: flex;
    flex-direction: column;
    width: 75%;
}

section.faq .faq_wrapper .faq_items .faq_item {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding: 12px 0;
}

section.faq .faq_wrapper .faq_items .faq_item .question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

section.faq .faq_wrapper .faq_items .faq_item .question .text {
    max-width: calc(100% - 24px - 20px);
    margin: 0px;
    font: 500 20px/32px "ProximaNova", "Poppins", sans-serif;
    letter-spacing: 0.0075em;
}

section.faq .faq_wrapper .faq_items .faq_item .question .icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease-in-out;
}

section.faq .faq_wrapper .faq_items .faq_item .question .icon i {
    color: rgba(0, 0, 0, 0.4);
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
}

section.faq .faq_wrapper .faq_items .faq_item .question .icon i.fa-solid.fa-minus {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

section.faq .faq_wrapper .faq_items .faq_item .answer {
    margin: 0;
    font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    letter-spacing: 0.00938em;
    height: 0;
    overflow: hidden;
    transition: 0.3s;
    interpolate-size: allow-keywords;
}

section.faq .faq_wrapper .faq_items .faq_item.active .answer {
    height: auto;
    margin-top: 12px;
}

section.faq .faq_wrapper .faq_items .faq_item.active .question .icon {
    transform: rotate(180deg);
}

section.faq .faq_wrapper .faq_items .faq_item.active .question .icon i.fa-solid.fa-plus {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

section.faq .faq_wrapper .faq_items .faq_item.active .question .icon i.fa-solid.fa-minus {
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
}

/* FAQ Section */



/* B2B Section */
section.b2b {
    padding: 60px 0 80px;
    background: var(--hertz-white);
}

section.b2b .b2b_wrapper h1 {
    color: var(--hertz-black);
    margin-bottom: 48px;
    font: 700 36px / 44px "ProximaNova Medium", "Poppins Bold", sans-serif;
    letter-spacing: -0.6px;
    text-align: left;
}

section.b2b .b2b_wrapper h2 {
    color: var(--hertz-black);
    margin-bottom: 40px;
    font: 600 29px/36px "ProximaNova Bold", "Poppins Bold", sans-serif;
    letter-spacing: -0.6px;
    text-align: left;
}

section.b2b .b2b_wrapper .title_description {
    margin-bottom: 60px;
}

section.b2b .b2b_wrapper .title_description p {
    margin: 0;
    font: 400 22px/33px "ProximaNova", "Poppins", sans-serif;
}

section.b2b .b2b_wrapper .b2b_form {
    display: flex;
    align-items: flex-start;
    gap: 140px;
}

section.b2b .b2b_wrapper .b2b_form form {
    width: calc((100% - 60%));
    display: flex;
    flex-direction: column;
    gap: 20px;
}

section.b2b .b2b_wrapper .b2b_form .picture {
    width: calc((100% - 40%));
    border-radius: 20px;
    overflow: hidden;
}

section.b2b .b2b_wrapper .b2b_form form .form_picture {
    width: 317px;
    height: 229px;
    overflow: hidden;
}

section.b2b .b2b_wrapper .b2b_form form .form_group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

section.b2b .b2b_wrapper .b2b_form form .form_group label {
    color: #141414;
    font: 600 18px/28px "ProximaNova", "Poppins", sans-serif;
}

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

section.b2b .b2b_wrapper .b2b_form form .form_group input[type="tel"] {
    padding-left: 60px;
}

section.b2b .b2b_wrapper .b2b_form form .form_group .iti__selected-flag {
    overflow: hidden;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 3px 10px;
    border-right: 1px solid #e5e5e5;
}

section.b2b .b2b_wrapper .b2b_form form .form_group textarea {
    resize: none;
    height: 140px;
}

section.b2b .b2b_wrapper .b2b_form form .form_group input:focus,
section.b2b .b2b_wrapper .b2b_form form .form_group textarea:focus {
    outline: 1px solid #fc0;
}

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;
}

/* B2B Section */



/* Login */
section.login {
    background: var(--hertz-white);
}

section.login .login_wrapper {
    min-height: calc((100vh - 104px));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 96px 0;
    width: 500px;
    margin: 0 auto;
}

section.login .login_wrapper h2.title {
    text-align: center;
    font: 500 36px/48px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
    margin: 0 0 24px 0;
}

section.login .login_wrapper p.subtitle {
    text-align: center;
    font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    color: rgba(67, 66, 68, 1);
    margin: -10px 0 30px 0;
    width: 370px;
}

section.login .login_wrapper .buttons {
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 4px;
    gap: 4px;
    background: rgba(245, 245, 245, 1);
    margin: 0 0 40px 0;
}

section.login .login_wrapper .buttons button {
    border: none;
    outline: none;
    border-radius: 8px;
    background: rgba(245, 245, 245, 1);
    width: 180px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
    margin: 0;
}

section.login .login_wrapper .buttons button.active {
    background: var(--hertz-yellow);
}

section.login .login_wrapper .tab {
    display: none;
}

section.login .login_wrapper .tab.active {
    display: block;
}

section.login .login_wrapper .tab form {
    display: flex;
    flex-direction: column;
}

section.login .login_wrapper .tab form .form_group {
    width: 450px;
    height: 45px;
    position: relative;
    /* overflow: hidden; */
}

section.login .login_wrapper .tab form .form_group:not(:first-child) {
    margin-top: 12px;
}

section.login .login_wrapper .tab form .form_group input {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    padding: 12px 50px 12px 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.login .login_wrapper .tab form .form_group input::placeholder {
    color: rgba(166, 167, 169, 1);
}

section.login .login_wrapper .tab form .form_group .blind_button {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

section.login .login_wrapper .tab form .form_group .blind_button i {
    font-size: 18px;
    color: rgba(166, 167, 169, 1);
}


section.login .login_wrapper .tab form .form_group input:focus {
    border: 1px solid var(--hertz-yellow);
}

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

section.login .login_wrapper .tab form .forget_password {
    margin: 8px 0 24px;
    color: rgba(20, 20, 20, 1);
    font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    text-align: left;
}

section.login .login_wrapper .tab form button.enter {
    border: none;
    outline: none;
    background: rgba(214, 214, 214, 1);
    border-radius: 8px;
    width: 100%;
    height: 45px;
    color: rgba(0, 0, 0, 1);
    font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    text-align: center;
    cursor: pointer;
    margin: 0 0 24px 0;
}

section.login .login_wrapper .tab form button.enter.send {
    margin-top: 24px;
}

section.login .login_wrapper .tab form p {
    text-align: center;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
}

section.login .login_wrapper .tab form p a {
    color: rgba(20, 20, 20, 1);
    font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    text-decoration: underline;
}

section.login .login_wrapper .tab form .form_group .iti__selected-flag {
    overflow: hidden;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 3px 10px;
    border-right: 1px solid #e5e5e5;
}

section.login .login_wrapper .tab form .verification {
    margin: 8px 0 24px;
    font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
}

section.login .login_wrapper .tab form .i_am_not_robot {
    border: 1px solid rgba(214, 214, 214, 1);
    background: rgba(250, 250, 250, 1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    width: 302px;
    height: 74px;
    /* padding: 8px 10px 7px 12px; */
    border-radius: 2px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.login .login_wrapper .tab form .i_am_not_robot .checkbox {
    display: flex;
    align-items: center;
}

section.login .login_wrapper .tab form .i_am_not_robot .checkbox input {
    border: none;
    outline: none;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(193, 193, 193, 1);
}

section.login .login_wrapper .tab form .i_am_not_robot .checkbox label {
    color: rgba(0, 0, 0, 1);
    font: 500 14px/16px "ProximaNova", "Poppins", sans-serif;
    padding-left: 14px;
}

section.login .login_wrapper .tab form .i_am_not_robot .picture {
    width: 56px;
    height: 59px;
}

section.login .login_wrapper .tab form .filter_group.registration {
    margin: 0 auto;
}

section.login .login_wrapper .tab form .filter_group.registration .filter_input {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp {
    width: 20px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp input {
    width: 0;
    height: 0;
    border: none;
    outline: none;
    position: relative;
}

section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp input::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 1px solid #d6d6d6;
    border-radius: 3.5px;
}

section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp input::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--hertz-white);
    width: 0;
    height: 0;
    background: var(--hertz-yellow);
}

section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp input:checked:before {
    width: 20px;
    height: 20px;
    content: "\f00c";
    font: var(--fa-font-solid);
    border: 0.83px solid rgba(255, 227, 123, 1);
}

section.login .login_wrapper .tab form .filter_group.registration .filter_input label {
    margin: 0;
    color: #000;
    font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    display: block;
    width: calc((100% - 20px));
}

section.login .login_wrapper .tab form .filter_group.registration .filter_input label a {
    margin: 0;
    color: #000;
    font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    text-decoration: underline;
}



section.login .login_wrapper p.subtitle.otp {
    width: 450px;
}

section.login .login_wrapper .tab form .otp_group {
    width: 450px;
}

section.login .login_wrapper .tab form .otp_group a.re_send {
    display: block;
    color: rgba(20, 20, 20, 1);
    text-decoration: underline;
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    text-align: center;
}

section.login .login_wrapper .tab form .otp_group .input-field {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 0 0 32px 0;
}

section.login .login_wrapper .tab form .otp_group .input-field input {
    width: 65px;
    height: 61px;
    border-radius: 8px;
    border: none;
    outline: none;
    text-align: center;
    font: 500 20px/36px "ProximaNova", "Poppins", sans-serif;
    border: 1px solid rgba(204, 204, 204, 1)
}

section.login .login_wrapper .tab form .otp_group .input-field input:is(:disabled) {
    background: var(--hertz-lightGray);
}

section.login .login_wrapper .tab form .otp_group .input-field input::-webkit-inner-spin-button,
section.login .login_wrapper .tab form .otp_group .input-field input::-webkit-outer-spin-button {
    display: none;
}

section.login .login_wrapper .tab form button.otp_button {
    cursor: pointer;
    background: rgba(243, 195, 0, 1);
    transition: 0.3s;
    pointer-events: none;
}

section.login .login_wrapper .tab form button.otp_button:hover {
    background: rgba(255, 204, 0, 1);
}

section.login .login_wrapper .tab form button.otp_button.active {
    pointer-events: auto;
    background: rgba(255, 204, 0, 1);
}

/* Login */



/* Car Details */
section.car_details {
    background: var(--hertz-white);
    padding: 60px 0 80px;
}

section.car_details .car_details_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 100px;
    align-items: stretch;
    margin: 0 0 40px 0;
}

section.car_details .car_details_wrapper .carousel {
    width: calc(60% - 100px);
}

section.car_details .car_details_wrapper .carousel .swiper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

section.car_details .car_details_wrapper .carousel .swiper-slide {
    background-size: cover;
    background-position: center;
}

section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
    height: 450px;
    width: 100%;
    background: var(--hertz-lightGray);
}

section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb {
    height: 150px;
    box-sizing: border-box;
    padding: 10px 0;
}

section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
    background: var(--hertz-lightGray);
}

section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb .swiper-slide {
    opacity: 0.5;
}

section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb .swiper-slide-thumb-active {
    opacity: 1;
}

section.car_details .car_details_wrapper .carousel .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
    background: var(--hertz-white);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0px 4px 4px 0px rgba(17, 104, 141, 0.25);
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.swiper-button-next i,
.swiper-button-prev i {
    color: var(--hertz-black);
    font-size: 16px;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.6;
    box-shadow: none;
    pointer-events: initial;
}

section.car_details .car_details_wrapper .description {
    background: var(--hertz-white);
    width: 40%;
}

section.car_details .car_details_wrapper .description .car_model {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    margin: 20px auto 40px;
}

section.car_details .car_details_wrapper .description .car_model .logo {
    width: 70px;
}

section.car_details .car_details_wrapper .description .car_model .model_name {
    max-width: calc((100% - 12px - 70px));
    color: var(--hertz-black);
    font: 600 26px/34px "ProximaNova", "Poppins", sans-serif;
    letter-spacing: -0.56px;
}

section.car_details .car_details_wrapper .description .car_details {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    margin: 60px auto 80px;
    width: 70%;
}

section.car_details .car_details_wrapper .description .car_details .detail_item {
    width: calc((100% - 1 * 20px) / 2);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

section.car_details .car_details_wrapper .description .car_details .detail_item .svg {
    width: 30px;
    height: 30px;
}

section.car_details .car_details_wrapper .description .car_details .detail_item .text {
    width: calc((100% - 5px - 30px));
    font: 500 16px/28px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
}

section.car_details .car_details_wrapper .description .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;
    margin: 20px 0 0 0;
}

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

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

section.car_details .car_details_wrapper .description .car_price .price_item:not(:last-child) {
    border-right: 1px solid #d6d6d6;
}

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

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

section.car_details .car_details_description .description_title {
    font: 600 24px/30px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
    margin: 0 0 24px 0;
}

section.car_details .car_details_description p {
    font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
    margin: 0;
}

/* Car Details */




/* Customer Account */
section.customer_account {
    background: var(--hertz-white);
    padding: 30px 0;
}

@media (max-width: 768px) {
    section.customer_account {
        padding: 0
    }
}

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 .customer_bonus {
    width: 100%;
    background: linear-gradient(264.06deg, #FFFFFF 2.85%, #FFFFFF 31.19%, #F4F4F4 52.04%, #FFFFFF 70.99%, #FFFFFF 97.62%);
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 12px;
    padding: 24px 12px;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_bonus .customer_bonus_details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_bonus .customer_bonus_details .bonus_count {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_bonus .customer_bonus_details .bonus_count .text {
    width: calc((100% - 5px - 25px));
    color: rgba(255, 204, 0, 1);
    font: 500 26px/30px "ProximaNova", "Poppins", sans-serif;
    text-align: right;
    display: -webkit-inline-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    line-clamp: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_bonus .customer_bonus_details .bonus_count .icon {
    width: 20px;
    height: 20px;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_bonus .customer_bonus_details .bonus_info {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_bonus .customer_bonus_details .bonus_info .balance {
    width: 100%;
    color: rgba(20, 20, 20, 1);
    text-align: left;
    font: 600 15px/21px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_bonus .customer_bonus_details .bonus_info .latest {
    display: flex;
    align-items: center;
    gap: 2px;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_bonus .customer_bonus_details .bonus_info .latest .text {
    color: rgba(20, 20, 20, 1);
    text-align: left;
    font: 400 12.5px/16px "ProximaNova", "Poppins", sans-serif;
    width: 30px;
}

section.customer_account .customer_account_wrapper .account_sidebar .customer_bonus .customer_bonus_details .bonus_info .latest .count {
    color: rgba(255, 204, 0, 1);
    text-align: left;
    font: 400 12.5px/16px "ProximaNova", "Poppins", sans-serif;
    width: calc((100% - 2px - 30px));
}

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;
}

/* Customer Account */



/* Documents Modal */
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 .customer_account_screen .documents_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 530px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item {
    width: calc((100% - 2 * 22px) / 3);
    border: 1px solid rgba(214, 214, 214, 1);
    background: rgba(245, 245, 245, 1);
    border-radius: 12px;
}

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

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body .body_item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body .body_item .info {
    margin: 0;
    text-align: start;
    color: rgba(115, 115, 115, 1);
    font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body .body_item .details {
    margin: 0;
    text-align: end;
    color: rgba(20, 20, 20, 1);
    font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer {
    height: 30px;
    padding: 0 20px;
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete {
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    outline: none;
    padding: 4px 10px 4px 0;
    text-align: center;
    margin: 0;
    color: rgba(233, 111, 111, 1);
    font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    cursor: pointer;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete .icon {
    width: 25px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete .text {
    width: calc((100% - 8px- 25px));
    margin: 0;
    color: rgba(233, 111, 111, 1);
    font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .edit {
    display: block;
    border: none;
    outline: none;
    padding: 4px 16px;
    text-align: center;
    margin: 0;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    background: rgba(174, 233, 111, 1);
    border-radius: 8px;
    cursor: pointer;
}

/* Documents Modal */



/* Payments */

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 530px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item {
    width: calc((100% - 2 * 22px) / 3);
    background: rgba(245, 245, 245, 1);
    border-radius: 12px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .header {
    padding: 23.5px 30px;
    text-align: center;
    border-bottom: 2px dashed rgba(214, 214, 214, 1);
    color: rgba(0, 0, 0, 1);
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    position: relative;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .header::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    bottom: -12px;
    left: -12px;
    background: rgba(255, 255, 255, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .header::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    bottom: -12px;
    right: -12px;
    background: rgba(255, 255, 255, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .body .body_item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .body .body_item .info {
    margin: 0;
    text-align: start;
    color: rgba(115, 115, 115, 1);
    font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .body .body_item .details {
    margin: 0;
    text-align: end;
    color: rgba(0, 0, 0, 1);
    font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .footer {
    height: 35px;
    padding: 0 20px;
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .footer a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 8px;
    background: var(--hertz-yellow);
    font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 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 .modal.payment .modal-dialog .modal-content {
    width: 500px;
    min-height: 300px;
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    padding: 20px;
    position: relative;
    overflow: auto;
}

section.customer_account .customer_account_wrapper .account_main .modal.payment .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.payment .modal-dialog .modal-content .invoice_wrapper .logo {
    width: 112px;
    height: 40px;
    margin: 0 0 20px 0;
}

section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .invoice_wrapper .logo img {
    filter: brightness(0);
}

section.customer_account .customer_account_wrapper .account_main .modal.payment .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);
}

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

section.customer_account .customer_account_wrapper .account_main .modal.payment .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;
}

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 "ProximaNova", "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 "ProximaNova", "Poppins", sans-serif;
}

section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .invoice_wrapper .earned_bonus {
    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 .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;
}

section.customer_account .customer_account_wrapper .account_main .modal.payment .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;
}

section.customer_account .customer_account_wrapper .account_main .modal.payment .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;
}

section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .invoice_wrapper .earned_bonus .details .icon {
    width: 18px;
    height: 18px;
}

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

section.customer_account .customer_account_wrapper .account_main .modal.payment .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;
}

/* Payments */



/* Notification */
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: calc(100% - 2 * 12px - 44px - 10px); */
    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;
}

/* Notification */



/* Customer Account Profile Info */
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 .iti__selected-flag {
    overflow: hidden;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 3px 10px;
    border-right: 1px solid #e5e5e5;
}

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%;

}

.country_wrapper {
    background: transparent;
    display: flex;
    flex-direction: column;
    width: 448.7px;
    position: relative;
}

@media only screen and (max-width: 575.98px) {
    .country_wrapper.register {
        width: 305px;
    }
}

.country_wrapper.register .country_select {
    background: var(--hertz-white);
}

.country_wrapper.register .country_select .country .name {
    color: rgba(166, 167, 169, 1);
    font: 400 16px / 22px "ProximaNova", "Poppins", sans-serif;
    max-width: calc(100% - 8px - 20px);
}

.country_wrapper.register .country_select .icon i {
    color: rgba(166, 167, 169, 1);
}

.country_wrapper .country_select {
    width: 100%;
    height: 45px;
    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;
    background: var(--hertz-white);
}

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

.country_wrapper .country_select .country .flag {
    width: 20px;
}

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

.country_wrapper .country_select .icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
    user-select: none;
}

.country_wrapper .country_select .icon i {
    font-size: 16px;
}

.country_wrapper .country_dropdown {
    width: 100%;
    position: absolute;
    z-index: 2;
    top: calc(45px + 5px);
    left: 0;
    border: none;
    outline: none;
    background: var(--hertz-white);
    border-radius: 8px;
    cursor: pointer;
    max-height: 165px;
    height: 0;
    overflow: hidden;
    interpolate-size: allow-keywords;
}

.country_wrapper .country_dropdown.active {
    overflow: auto;
    height: auto;
    border: 1px solid rgba(214, 214, 214, 1);
}

.country_wrapper .country_dropdown ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    padding: 10px 0;
}

.country_wrapper .country_dropdown ul li {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    padding: 5px 16px;
    transition: 0.2s;
}

.country_wrapper .country_dropdown ul li:hover {
    background: var(--hertz-lightGray);
}

.country_wrapper .country_dropdown ul li .flag {
    width: 20px;
    pointer-events: none;
    user-select: none;
}

.country_wrapper .country_dropdown ul li .name {
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    max-width: calc(100% - 8px - 20px);
    pointer-events: none;
    user-select: none;
}


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;
}

/* Customer Account Profile Info */



/* Order Section */
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;
    /* color: var(--hertz-yellow); */
    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: calc((100% - 16px - 5px));
    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 .order_section_top .order_top_item .details .condition.handed {
    background: rgba(255, 204, 0, 1);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details .condition.canceled {
    background: rgba(233, 111, 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;
}

/* Order Section */


/* Loyality Section */
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);
}

.loyality_empty_cards {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 22px;
    row-gap: 30px;
    padding: 0 45.5px;
    width: 100%;
}

.loyality_empty_cards .loyality_empty_card {
    width: calc((100% - 2 * 22px) / 3);
    border: 1px solid rgba(214, 214, 214, 1);
    background: rgba(245, 245, 245, 1);
    border-radius: 20px;
    padding: 16px;
    position: relative;
    min-height: 140px;
    display: flex;
    align-items: center;
}

.loyality_empty_cards .loyality_empty_card .bonus {
    position: absolute;
    top: -16.5px;
    left: 20px;
    padding: 6px 16px;
    height: 33px;
    border-radius: 30px;
    background: var(--hertz-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.loyality_empty_cards .loyality_empty_card .bonus .text {
    width: calc((100% - 5px - 18px));
    color: rgba(0, 0, 0, 1);
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
}

.loyality_empty_cards .loyality_empty_card .bonus .icon {
    width: 18px;
    height: 18px;
}

.loyality_empty_cards .loyality_empty_card .context {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    gap: 5px;
}

.loyality_empty_cards .loyality_empty_card .context .icon {
    width: 68px;
    height: 63px;
}

.loyality_empty_cards .loyality_empty_card .context .text {
    width: calc((100% - 5px - 68px));
    color: rgba(0, 0, 0, 1);
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
}

.loyality_empty_cards .loyality_empty_card .context .text span {
    color: var(--hertz-yellow);
}

/* Loyality Section */



/* Sidebar Form */
.sidebar_form {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -660px;
    z-index: 11;
    width: 600px;
    height: 100%;
    min-height: 100vh;
    background: var(--hertz-white);
    transition: 0.4s;
}

.sidebar_form.active {
    right: 0;
}

.sidebar_form .close_form {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: -60px;
    transform: translateY(-50%);
    cursor: pointer;
}

.sidebar_form .close_form img {
    transform: scale(0.7);
}

.sidebar_form .form_wrapper {
    width: 100%;
    height: 100%;
    background: var(--hertz-white);
    overflow: hidden;
    position: relative;
}

.sidebar_form .form_wrapper form>div:not(.offcanvas) {
    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;
}

.sidebar_form .form_wrapper #form2,
.sidebar_form .form_wrapper #form3,
.sidebar_form .form_wrapper #document_form {
    left: 100%;
}

.sidebar_form .form_wrapper form .header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 50px;
    display: flex;
    align-items: flex-end;
}

.sidebar_form .form_wrapper form .header h3 {
    margin: 0;
    font: 600 24px/32px "ProximaNova", "Poppins", sans-serif;
}

.sidebar_form .form_wrapper form .footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 150px;
    display: flex;
    align-items: center;
    border-top: 1px solid var(--hertz-gray);
}

.sidebar_form .form_wrapper form .body {
    width: 100%;
    top: 150px;
    height: calc(100% - 50px - 100px - 150px);
    overflow: auto;
    position: absolute;
    z-index: 12;
}

.sidebar_form .form_wrapper .progress_wrapper {
    position: absolute;
    top: 50px;
    left: 20px;
    margin-right: 20px;
    width: 560px;
    height: 100px;
    z-index: 3;
}

.sidebar_form .form_wrapper .progress_wrapper .progress_text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 50px;
}

.sidebar_form .form_wrapper .progress_wrapper .progress_text p {
    margin: 0;
    font: 500 12px/15px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
    width: calc((100% / 4));
    text-align: center;
}

.sidebar_form .form_wrapper .progress_wrapper .progress_line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 82%;
    left: 50%;
    transform: translateX(-50%);
    height: 30px;
    top: 15px;
}

.sidebar_form .form_wrapper .progress_wrapper .progress_line::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--hertz-gray);
    height: 3px;
    width: 100%;
    z-index: 4;
}

.sidebar_form .form_wrapper .progress_wrapper .progress_line .progress {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 3px;
    width: 0;
    z-index: 5;
    transition: 0.3s ease-in;
    background: var(--hertz-yellow);
}

.sidebar_form .form_wrapper .progress_wrapper .progress_line .circle {
    background: var(--hertz-white);
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* overflow: hidden; */
    transition: 0.4s ease-in;
    z-index: 6;
    border: 2px solid var(--hertz-gray);
    position: relative;
}

.sidebar_form .form_wrapper .progress_wrapper .progress_line .circle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--hertz-gray);
}

.sidebar_form .form_wrapper .progress_wrapper .progress_line .circle.active {
    box-shadow: 0 0 0 3px #ffeca8;
    background: var(--hertz-white);
    border: 2px solid var(--hertz-yellow);
}

.sidebar_form .form_wrapper .progress_wrapper .progress_line .circle.active::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--hertz-yellow);
}

.sidebar_form .form_wrapper form .footer .details {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 3px;
    padding-bottom: 10px;
}

.sidebar_form .form_wrapper form .footer .price,
.sidebar_form .form_wrapper form .footer .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar_form .form_wrapper form .footer .price.bonus{
    display: none;
    margin: 5px 0 5px 0;
}

.sidebar_form .form_wrapper form .footer .bonus.active{
    display: flex;
}

.sidebar_form .form_wrapper form .footer .price .text,
.sidebar_form .form_wrapper form .footer .info .text {
    width: 70%;
}

.sidebar_form .form_wrapper form .footer .price .total,
.sidebar_form .form_wrapper form .footer .info .total {
    width: 25%;
}

.sidebar_form .form_wrapper form .footer .price .text {
    padding: 0;
    margin: 0;
    color: #141414;
    font: 500 18px/24px "ProximaNova", "Poppins", sans-serif;
}

.sidebar_form .form_wrapper form .footer .info .text {
    padding: 0;
    margin: 0;
    font: 400 12px/15px "ProximaNova", "Poppins", sans-serif;
    color: #737373;
}

.sidebar_form .form_wrapper form .footer .price .total {
    text-align: end;
    padding: 0;
    margin: 0;
    color: #141414;
    font: 600 18px/24px "ProximaNova", "Poppins", sans-serif;
}

.sidebar_form .form_wrapper form .footer .info .total {
    text-align: end;
    padding: 0;
    margin: 0;
    color: #141414;
    font: 600 12px/15px "ProximaNova", "Poppins", sans-serif;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.sidebar_form .form_wrapper form .footer .info .total .icon {
    background: var(--hertz-white);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #141414;
    cursor: pointer;
}

.sidebar_form .form_wrapper form .footer .info .total .icon i {
    font-size: 10px;
    pointer-events: none;
    user-select: none;
}

.sidebar_form .form_wrapper form .footer .info .total .small_info {
    width: 100px;
    position: absolute;
    z-index: 12;
    bottom: 30px;
    right: 0;
    width: 180px;
    background: var(--hertz-white);
    padding: 6px 9px;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    font: 600 10px/13px "ProximaNova", "Poppins", sans-serif;
    text-align: start;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.sidebar_form .form_wrapper form .footer .info .total .small_info.active {
    opacity: 1;
    visibility: visible;
}

.sidebar_form .form_wrapper form .footer .buttons {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 50%;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.sidebar_form .form_wrapper form .footer .buttons button {
    cursor: pointer;
    width: 100%;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #fc0;
    border: 0;
    color: #141414;
    text-align: center;
    outline: none;
    font: 600 16px/24px "ProximaNova", "Poppins", sans-serif;
}

.sidebar_form .form_wrapper form .footer .buttons button.back {
    background: var(--hertz-white);
    border: 2px solid #fc0;
}

.sidebar_form .form_wrapper form .footer .buttons button .text {
    font: 600 16px/24px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
    text-align: center;
}

.sidebar_form .form_wrapper form .footer .buttons button .icon i {
    font-size: 15px;
}

.sidebar_form .form_wrapper form .body::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.sidebar_form .form_wrapper form .body::-webkit-scrollbar-track {
    background: var(--hertz-lightGray);
}

.sidebar_form .form_wrapper form .body::-webkit-scrollbar-thumb {
    background: var(--hertz-gray);
}

.sidebar_form .form_wrapper form .body::-webkit-scrollbar-thumb:hover {
    background: var(--hertz-gray);
}

/* Form1 */
.sidebar_form .form_wrapper #form1 .body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    padding-bottom: 120px;
}

.sidebar_form .form_wrapper #form1 .body .form_group {
    width: 100%;
}

.sidebar_form .form_wrapper #form1 .body .form_group label,
.sidebar_form .form_wrapper #form1 .body .form_group .label {
    display: block;
    margin: 0 0 4px 0;
    font: 700 16px/24px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
}

.sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper {
    background: transparent;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_select {
    width: 100%;
    height: 48px;
    border: none;
    outline: none;
    padding: 0 20px;
    border: 1px solid #e5e5e5;
    background: var(--hertz-white);
    border-radius: 6px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    color: #141414;
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    cursor: pointer;
}

.sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_select .name {
    color: #141414;
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    width: 60px;
}

.sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_select input {
    border: none;
    outline: none;
    height: 100%;
    width: calc((100% - 60px));
}

.sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_dropdown {
    width: 100%;
    position: absolute;
    z-index: 2;
    top: calc(45px + 5px);
    left: 0;
    border: none;
    outline: none;
    background: var(--hertz-white);
    border-radius: 6px;
    cursor: pointer;
    max-height: 180px;
    height: 0;
    overflow: hidden;
    interpolate-size: allow-keywords;
}

.sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_dropdown.active {
    overflow: auto;
    height: auto;
    border: 1px solid #e5e5e5;
}

.sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_dropdown ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    padding: 10px 0;
}

.sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_dropdown ul li {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    padding: 5px 45px 5px 20px;
    transition: 0.2s;
    position: relative;
}

.sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_dropdown ul li .price {
    position: absolute;
    width: 45px;
    height: 100%;
    top: 0;
    right: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(20, 20, 20, 1);
    font: 700 15px/18px "ProximaNova", "Poppins", sans-serif;
    pointer-events: none;
    user-select: none;
    margin: 0;
    padding: 0;
}

.sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_dropdown ul li:hover {
    background: var(--hertz-lightGray);
}

.sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_dropdown ul li .name {
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    pointer-events: none;
    user-select: none;
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 20px;
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group {
    width: calc((100% - 20px) / 2);
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper {
    background: transparent;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_select {
    width: 100%;
    height: 48px;
    border: none;
    outline: none;
    padding: 0 20px;
    border: 1px solid #e5e5e5;
    background: var(--hertz-white);
    border-radius: 6px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    color: #141414;
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_select input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    color: #141414;
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_select .icon {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    pointer-events: none;
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_select .icon i {
    color: rgba(166, 167, 169, 1);
    font-size: 16px;
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_dropdown {
    width: 100%;
    position: absolute;
    z-index: 2;
    top: calc(45px + 5px);
    left: 0;
    border: none;
    outline: none;
    background: var(--hertz-white);
    border-radius: 6px;
    cursor: pointer;
    max-height: 180px;
    height: 0;
    overflow: hidden;
    interpolate-size: allow-keywords;
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_dropdown.active {
    overflow: auto;
    height: auto;
    border: 1px solid #e5e5e5;
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_dropdown ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    padding: 10px 0;
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_dropdown ul li {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    padding: 5px 45px 5px 20px;
    transition: 0.2s;
    position: relative;
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_dropdown ul li:hover {
    background: var(--hertz-lightGray);
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_dropdown ul li .name {
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    pointer-events: none;
    user-select: none;
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .input_wrapper {
    height: 48px;
    position: relative;
    cursor: pointer;
    background: transparent;
}

.sidebar_form .form_wrapper #form1 .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;
}

.sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .input_wrapper .icon i {
    color: rgba(166, 167, 169, 1);
    font-size: 16px;
}

.sidebar_form .form_wrapper #form1 .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;
}

/* Form1 */

/* Form2 */
.sidebar_form .form_wrapper #form2 .body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    padding-bottom: 40px;
}

.sidebar_form .form_wrapper #form2 .body .form_group {
    /* width: calc(100% - 5px); */
    width: 100%;
}

.sidebar_form .form_wrapper #form2 .body .form_group label {
    display: block;
    margin: 0 0 4px 0;
    font: 700 16px/24px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
}

.sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper {
    height: 48px;
    position: relative;
    background: transparent;
}

.sidebar_form .form_wrapper #form2 .body .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;
}

.sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper input::placeholder {
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
}

/* New intlTelInput */
.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 .iti,
section.login .login_wrapper .tab form .form_group .iti,
section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .iti {
    width: 100%;
}

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.login .login_wrapper .tab form .form_group input#from2_phoneNumber,
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.login .login_wrapper .tab form .form_group input#from2_phoneNumber::placeholder {
    color: rgba(166, 167, 169, 1);
}

.sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper input#from2_phoneNumber:focus,
section.login .login_wrapper .tab form .form_group 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 .form_group .input_wrapper .iti__country-list,
section.b2b .b2b_wrapper .b2b_form form .form_group .iti__country-list,
section.login .login_wrapper .tab form .form_group .iti__country-list,
section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper .iti__country-list {
    padding: 10px 0;
}

.sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper .iti__country-list .iti__country,
section.b2b .b2b_wrapper .b2b_form form .form_group .iti__country-list .iti__country,
section.login .login_wrapper .tab form .form_group .iti__country-list .iti__country,
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;
}

.sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper .iti__country-list .iti__country:not(:last-child),
section.b2b .b2b_wrapper .b2b_form form .form_group .iti__country-list .iti__country:not(:last-child),
section.login .login_wrapper .tab form .form_group .iti__country-list .iti__country:not(:last-child),
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;
}

/* New intlTelInput */

.sidebar_form .form_wrapper #form2 .body .form_group textarea {
    width: 100%;
    height: 100px;
    border: none;
    outline: none;
    padding: 15px 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;
    resize: none;
}

.sidebar_form .form_wrapper #form2 .body .form_group textarea:focus {
    border: 1px solid var(--hertz-yellow);
}

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

.sidebar_form .form_wrapper #form2 .body .filter_input .inp {
    width: 24px;
    height: 24px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.sidebar_form .form_wrapper #form2 .body .filter_input .inp input {
    width: 24px;
    height: 24px;
    border: none;
    outline: none;
    border: 2px solid #d6d6d6;
    position: relative;
}

.sidebar_form .form_wrapper #form2 .body .filter_input .inp input::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border: 2px solid #d6d6d6;
    cursor: pointer;
}

.sidebar_form .form_wrapper #form2 .body .filter_input .inp input::before {
    content: "";
    font: var(--fa-font-solid);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    background: var(--hertz-yellow);
    transition: 0.1s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar_form .form_wrapper #form2 .body .filter_input .inp input:checked:before {
    width: 24px;
    height: 24px;
    content: "\f00c";
    color: #141414;
}

.sidebar_form .form_wrapper #form2 .body .filter_input label {
    display: block;
    max-width: calc((100% - 20px));
    display: inline-block;
    margin: 0;
    font: 700 16px/24px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
    user-select: none;
    cursor: pointer;
}

.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);
    /* padding: 15px; */
    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 .inp input {
    width: 0;
    height: 0;
    border: none;
    outline: none;
    border: 2px solid #d6d6d6;
    position: absolute;
}

.sidebar_form .form_wrapper #form2 .body .filter_input .inp input::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border: 2px solid #d6d6d6;
    cursor: pointer;
}

.sidebar_form .form_wrapper #form2 .body .filter_input .inp input::before {
    content: "";
    font: var(--fa-font-solid);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    background: var(--hertz-yellow);
    transition: 0.1s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar_form .form_wrapper #form2 .body .filter_input .inp input:checked:before {
    width: 24px;
    height: 24px;
    content: "\f00c";
    color: #141414;
}

.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;
}

.sidebar_form .form_wrapper #form2 .body .form_group .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 #form2 .body .form_group .country_wrapper {
        width: 305px;
    }
} */

.sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_select {
    background: var(--hertz-white);
}

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

.sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_select .icon i {
    color: rgba(166, 167, 169, 1);
}

.sidebar_form .form_wrapper #form2 .body .form_group .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;
}

.sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_select .country {
    display: flex;
    gap: 8px;
    align-items: center;
}

.sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_select .country .flag {
    width: 20px;
}

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

.sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_select .icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
    user-select: none;
}

.sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_select .icon i {
    font-size: 16px;
}

.sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_dropdown {
    width: 100%;
    position: absolute;
    z-index: 2;
    top: calc(45px + 5px);
    left: 0;
    border: none;
    outline: none;
    background: var(--hertz-white);
    border-radius: 8px;
    cursor: pointer;
    max-height: 200px;
    height: 0;
    overflow: hidden;
    interpolate-size: allow-keywords;
}

.sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_dropdown.active {
    overflow: auto;
    height: auto;
    border: 1px solid rgba(214, 214, 214, 1);
}

.sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_dropdown ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    padding: 10px 0;
}

.sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_dropdown ul li {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    padding: 5px 16px;
    transition: 0.2s;
}

.sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_dropdown ul li:hover {
    background: var(--hertz-lightGray);
}

.sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_dropdown ul li .flag {
    width: 20px;
    pointer-events: none;
    user-select: none;
}

.sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_dropdown ul li .name {
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    max-width: calc(100% - 8px - 20px);
    pointer-events: none;
    user-select: none;
}

/* Form2 */


/* Form3 */
.sidebar_form .form_wrapper #form3 .body {
    padding-bottom: 40px;
}

.sidebar_form .form_wrapper #form3 .body .top_wrapper {
    border-bottom: 1px solid var(--hertz-gray);
    padding-bottom: 30px;
    margin-bottom: 25px;
}

.sidebar_form .form_wrapper #form3 .body .top_wrapper .car_logo {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.sidebar_form .form_wrapper #form3 .body .top_wrapper .car_logo .picture {
    width: 32px;
}

.sidebar_form .form_wrapper #form3 .body .top_wrapper .car_logo .model {
    width: calc((100% - 12px - 32px));
    padding: 0;
    margin: 0;
    font: 700 19px/24px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
}

.sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details {
    display: flex;
    align-items: center;
    gap: 20px;
}

.sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_picture {
    width: 200px;
}

.sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_info {
    width: calc(100% - 20px - 200px);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 5px;
}

.sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_info .detail_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
}

.sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_info .detail_item:nth-child(3n + 1),
.sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_info .detail_item:nth-child(3n) {
    max-width: 150px;
}

.sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_info .detail_item:nth-child(3n - 1) {
    width: 53px;
}

.sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_info .detail_item:nth-child(3n - 1) .detail_inner_item {
    margin: 0 auto;
}

.sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_info .detail_item .detail_inner_item {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_info .detail_item .detail_inner_item .svg {
    width: 24px;
    height: 24px;
}

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

.sidebar_form .form_wrapper #form3 .body .bottom_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}

.sidebar_form .form_wrapper #form3 .body .bottom_wrapper .bottom_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
}

.sidebar_form .form_wrapper #form3 .body .bottom_wrapper .bottom_item h3 {
    margin: 0;
    font: 500 15px/18px "ProximaNova", "Poppins", sans-serif;
    color: #737373;
}

.sidebar_form .form_wrapper #form3 .body .bottom_wrapper .bottom_item p {
    margin: 0;
    font: 600 17px/20px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
}

/* Form3 */

/* Document Form */
.sidebar_form .form_wrapper #document_form .body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 50px;
    padding-bottom: 40px;
}

.sidebar_form .form_wrapper #document_form .body .accordion {
    width: 100%;
}

.sidebar_form .form_wrapper #document_form .body .accordion .accordion-item {
    border: none;
    outline: none;
}

.sidebar_form .form_wrapper #document_form .body .accordion .accordion-item .accordion-header button.accordion-button {
    box-shadow: none;
    height: 50px;
    width: 100%;
    border: none;
    outline: none;
    padding: 0 16px;
    border: 1px solid rgba(214, 214, 214, 1);
    background: var(--hertz-white);
    border-radius: 8px;
    /* border-radius: 0; */
    transition: 0.3s;
    font: 600 19px/23px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
    margin-bottom: 0.5px;
}

/* .sidebar_form .form_wrapper #document_form .body .accordion .accordion-item:first-child .accordion-header button.accordion-button{
    border: 1px solid rgba(214, 214, 214, 1);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.sidebar_form .form_wrapper #document_form .body .accordion .accordion-item:last-child .accordion-header button.accordion-button{
    border: 1px solid rgba(214, 214, 214, 1);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.sidebar_form .form_wrapper #document_form .body .accordion .accordion-item:not(:first-child, :last-child) .accordion-header button.accordion-button{
    border-left: 1px solid rgba(214, 214, 214, 1);
    border-right: 1px solid rgba(214, 214, 214, 1);
}
*/
.sidebar_form .form_wrapper #document_form .body .accordion .accordion-item .accordion-header button.accordion-button:focus,
.sidebar_form .form_wrapper #document_form .body .accordion .accordion-item .accordion-header button.accordion-button[aria-expanded="true"] {
    border: 1px solid var(--hertz-yellow);
}

.sidebar_form .form_wrapper #document_form .body .accordion .accordion-item .accordion-body {
    border: none;
    outline: none;
    padding: 0;
}





.sidebar_form .form_wrapper #document_form .body .document_form_item {
    width: 100%;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .title {
    font: 600 20px/24px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
    margin: 0 0 15px 0;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper {
    margin: 15px 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .form_group {
    width: 100%;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .form_group label {
    display: block;
    margin: 0 0 4px 0;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .form_group .label {
    display: block;
    margin: 0 0 4px 0;
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .form_group .input_wrapper {
    height: 45px;
    position: relative;
    background: transparent;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .form_group .input_wrapper input::placeholder {
    color: rgba(20, 20, 20, 1);
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .form_group .input_wrapper input:focus {
    border: 1px solid var(--hertz-yellow);
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 20px;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group {
    width: calc((100% - 20px) / 2);
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .input_wrapper {
    height: 50px;
    position: relative;
    cursor: pointer;
    background: transparent;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .icon i {
    color: rgba(166, 167, 169, 1);
    font-size: 16px;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .input_wrapper input:focus {
    border: 1px solid var(--hertz-yellow);
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .image_uploader .drop_area.active {
    display: none;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload img {
    display: block;
    width: 45px;
    height: 45px;
    object-fit: cover;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .image_uploader .image_display.active {
    display: flex;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .image_uploader .image_display .image_picture {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .image_uploader .image_display .image_picture .picture {
    width: 100%;
    height: 100%;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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);
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new input {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .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;
}





.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 "ProximaNova", "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;
}

/* Document Form */


/* Sidebar Form */



/* Actions */
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;
}

section.customer_account .customer_account_wrapper .actions_wrapper .action_item {
    width: calc((100% - 2 * 12px) / 3);
    background: rgba(245, 245, 245, 1);
    padding: 20px;
    border-radius: 12px;
    display: flex;
    /* align-items: center; */
    gap: 15px;
}

section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context {
    width: calc(100% - 15px - 110px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

section.customer_account .customer_account_wrapper .actions_wrapper .action_item .picture {
    width: 110px;
    height: 130px;
}

section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .header h2 {
    color: rgba(20, 20, 20, 1);
    font: 600 18px/21px "ProximaNova", "Poppins", sans-serif;
    margin: 0 0 14px 0;
}

section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .header p {
    color: rgba(67, 66, 68, 1);
    font: 500 13.9px/17px "ProximaNova", "Poppins", sans-serif;
    margin: 0;
}

section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a {
    background: var(--hertz-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5.5px 20px;
    border-radius: 50px;
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    width: max-content;
}

section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a .text {
    width: calc(100% - 8px - 20px);
    color: rgba(20, 20, 20, 1);
    font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    text-align: center;
}

section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a .icon {
    width: 24px;
    height: 24px;
}

section.customer_account .customer_account_wrapper .actions_wrapper .action_item:nth-child(2n) {
    background: var(--hertz-yellow);
}

section.customer_account .customer_account_wrapper .actions_wrapper .action_item:nth-child(2n) .footer a {
    background: rgba(245, 245, 245, 1);
}

/* Actions */



/* Delete Modal */

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify {
    background: rgba(0, 0, 0, 0.3);
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content {
    width: 500px;
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    padding: 20px;
    position: relative;
    overflow: auto;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .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 .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 25px auto;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .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;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .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;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .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;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-bottom: 5px;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .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;
}

section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .bottom a.remove {
    background: var(--hertz-yellow);
}

/* Delete Modal */









/* Bron Section */
.bron_wrapper {
    margin-top: 20px;
}

.bron_wrapper .bron_button {
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    width: 100%;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #fc0;
    border: 0;
    color: #141414;
    text-align: center;
    outline: none;
    font: 600 16px / 24px "ProximaNova", "Poppins", sans-serif;
}

.bron_wrapper #bronnes_car {
    background: var(--hertz-white);
    height: 90vh;
}

.bron_wrapper #bronnes_car .offcanvas_header {
    height: 64px;
    background: var(--hertz-yellow);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}

.bron_wrapper #bronnes_car .offcanvas_header .close_bron {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: none;
    border: none;
    outline: none;
}

.bron_wrapper #bronnes_car .offcanvas_header .close_bron:hover {
    background: rgba(0, 0, 0, 0.04);
}

.bron_wrapper #bronnes_car .offcanvas_header .close_bron i {
    color: var(--hertz-white);
    font-size: 18px;
    pointer-events: none;
    user-select: none;
}

.bron_wrapper #bronnes_car .offcanvas_body {
    max-height: calc((100% - 64px));
    padding: 40px 0;
    overflow: auto;
}

.bron_wrapper #bronnes_car .offcanvas_body .cars {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 50px;
}

.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item {
    width: calc((100% - 2 * 10px) / 3);
    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;
}

.bron_wrapper #bronnes_car .offcanvas_body .cars .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;
}

.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .pass i {
    color: var(--hertz-black);
    font-size: 20px;
}

.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item:hover .pass {
    right: 10px;
}

.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item:hover {
    box-shadow: 24px 8px 64px 0 rgba(0, 0, 0, .15);
}

.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_model {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
}

.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_model .logo {
    height: 35px;
    max-width: 70px;
}

.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_model .model_name {
    max-width: calc((100% - 12px - 70px));
    color: var(--hertz-black);
    font: 600 24px/32px "ProximaNova", "Poppins", sans-serif;
    letter-spacing: -0.56px;
}

.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture {
    height: 200px;
    width: 100%;
}

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

.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture img {
    object-fit: contain;
}

.bron_wrapper #bronnes_car .offcanvas_body .cars .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;
}

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

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

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

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

.bron_wrapper #bronnes_car .offcanvas_body .cars .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;
}


@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {

    .bron_wrapper #bronnes_car .offcanvas_header .close_bron {
        right: 27px;
        width: 38px;
        height: 38px;
    }

    .bron_wrapper #bronnes_car .offcanvas_header .close_bron i {
        font-size: 17.5px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item {
        width: calc((100% - 2 * 10px) / 3);
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .pass {
        top: 10px;
        right: -50px;
        width: 50px;
        height: 50px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .pass i {
        font-size: 20px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item:hover .pass {
        right: 10px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_model .model_name {
        font: 600 24px/32px "ProximaNova", "Poppins", sans-serif;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture {
        height: 200px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .order {
        height: 42px;
        font: 600 16px/30px "ProximaNova", "Poppins", sans-serif;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_price .price_item span {
        font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_price .price_item p {
        margin: 5px 0 0 0;
        font: 600 28px/38px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .bron_wrapper #bronnes_car .offcanvas_header .close_bron {
        right: 24px;
        width: 36px;
        height: 36px;
    }

    .bron_wrapper #bronnes_car .offcanvas_header .close_bron i {
        font-size: 17px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item {
        width: calc((100% - 1 * 10px) / 2);
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .pass {
        top: 9px;
        right: -48px;
        width: 48px;
        height: 48px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .pass i {
        font-size: 20px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item:hover .pass {
        right: 9px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_model .model_name {
        font: 600 24px/32px "ProximaNova", "Poppins", sans-serif;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture {
        height: 200px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .order {
        height: 42px;
        font: 600 16px/30px "ProximaNova", "Poppins", sans-serif;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_price .price_item span {
        font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_price .price_item p {
        margin: 5px 0 0 0;
        font: 600 28px/38px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {

    .bron_wrapper #bronnes_car .offcanvas_header .close_bron {
        right: 21px;
        width: 35px;
        height: 35px;
    }

    .bron_wrapper #bronnes_car .offcanvas_header .close_bron i {
        font-size: 16.5px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars {
        display: flex;
        flex-wrap: wrap;
        column-gap: 0px;
        row-gap: 45px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item {
        width: 100%;
        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;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .pass {
        top: 8px;
        right: -46px;
        width: 46px;
        height: 46px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .pass i {
        font-size: 19px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item:hover .pass {
        right: 8px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item:hover {
        box-shadow: none;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_model {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: 100%;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_model .logo {
        /* width: 45px; */
        height: 35px;
        max-width: 70px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_model .model_name {
        max-width: calc((100% - 12px - 70px));
        color: var(--hertz-black);
        font: 600 24px/32px "ProximaNova", "Poppins", sans-serif;
        letter-spacing: -0.56px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture {
        height: 200px;
        width: 100%;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture img {
        object-fit: contain;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .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;
    }

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

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

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

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

    .bron_wrapper #bronnes_car .offcanvas_body .cars .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;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767.98px) {
    .bron_wrapper .bron_button {
        height: 38px;
        font: 600 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .bron_wrapper #bronnes_car .offcanvas_header .close_bron {
        right: 18px;
        width: 34px;
        height: 34px;
    }

    .bron_wrapper #bronnes_car .offcanvas_header .close_bron i {
        font-size: 16px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars {
        display: flex;
        flex-wrap: wrap;
        column-gap: 0px;
        row-gap: 40px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item {
        width: 100%;
        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;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .pass {
        top: 7px;
        right: -44px;
        width: 44px;
        height: 44px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .pass i {
        font-size: 18px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item:hover .pass {
        right: 7px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item:hover {
        box-shadow: none;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_model {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: 100%;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_model .logo {
        /* width: 45px; */
        height: 35px;
        max-width: 70px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_model .model_name {
        max-width: calc((100% - 12px - 70px));
        color: var(--hertz-black);
        font: 600 24px/32px "ProximaNova", "Poppins", sans-serif;
        letter-spacing: -0.56px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture {
        height: 200px;
        width: 100%;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture img {
        object-fit: contain;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .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;
    }

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

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

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

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

    .bron_wrapper #bronnes_car .offcanvas_body .cars .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;
    }

}

@media only screen and (max-width: 575.98px) {
    .bron_wrapper .bron_button {
        height: 38px;
        font: 600 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .bron_wrapper #bronnes_car .offcanvas_header .close_bron {
        right: 5px;
        width: 33px;
        height: 33px;
    }

    .bron_wrapper #bronnes_car .offcanvas_header .close_bron i {
        font-size: 15px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars {
        display: flex;
        flex-wrap: wrap;
        column-gap: 0px;
        row-gap: 35px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item {
        width: 100%;
        padding: 42px 15px 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;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .pass {
        top: 7px;
        right: -42px;
        width: 42px;
        height: 42px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .pass i {
        font-size: 17px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item:hover .pass {
        right: 7px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item:hover {
        box-shadow: none;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_model {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_model .logo {
        /* width: 45px; */
        height: 25px;
        max-width: 50px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_model .model_name {
        max-width: calc((100% - 8px - 50px));
        font: 600 20px/22px "ProximaNova", "Poppins", sans-serif;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture {
        height: 200px;
        width: 100%;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture img {
        object-fit: contain;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .svg {
        width: 16px;
        height: 16px;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .text {
        width: calc((100% - 3px - 16px));
        font: 500 13px/16px "ProximaNova", "Poppins", sans-serif;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .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;
    }

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

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

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

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_price .price_item span {
        margin: 0;
        font: 400 12px/16px "ProximaNova", "Poppins", sans-serif;
        color: #737373;
    }

    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_price .price_item p {
        margin: 5px 0 0 0;
        font: 600 22px/26px "ProximaNova", "Poppins", sans-serif;
        color: #141414;
        letter-spacing: -.72px;
    }
}

/* Bron Section */


/* Actions Details */
.actions_details_header {
    width: 100%;
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 24px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.actions_details_header h2 {
    margin: 0px;
    font: 600 26px/30px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
}

.actions_details h2 {
    margin: 0px;
    font: 600 26px/30px "ProximaNova", "Poppins", sans-serif;
    color: rgba(20, 20, 20, 1);
}

.actions_details .actions_details_wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 50px;
}

.actions_details .actions_details_wrapper .picture {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.actions_details .actions_details_wrapper .details {
    width: 100%;
    color: rgba(0, 0, 0, 1);
    margin: 0px;
    font: 400 16x/21px "ProximaNova", "Poppins", sans-serif;
}

/* Actions Details */











































































/* RESPONSIVE */
@media only screen and (min-width:1200px) and (max-width: 1399.98px) {

    /* Header */
    header .header_wrapper {
        gap: 20px;
    }

    /* header .header_wrapper .header_item {
        width: calc(100% / 3);
    } */
    header .header_wrapper .header_item:nth-child(1) {
        width: 200px;
    }

    header .header_wrapper .header_item:nth-child(2) {
        width: 550px;
        justify-content: flex-end;
    }

    header .header_wrapper .header_item:nth-child(3) {
        width: calc((100% - 2 * 20px - 200px - 550px));
    }

    header .header_wrapper .header_item .logo {
        height: 50px;
    }

    header .header_wrapper .header_item ul {
        gap: 13px;
    }

    header .header_wrapper .header_item ul li a {
        padding: 5px 9px;
        font: 900 18px/24px "ProximaNova", "Poppins", sans-serif;
    }

    header .header_wrapper .header_item .language .language_settings {
        padding: 0 9px;
    }

    header .header_wrapper .header_item .language .language_settings .icon {
        width: 18px;
        height: 18px;
    }

    header .header_wrapper .header_item .language .language_settings .icon i {
        font-size: 15px;
    }

    header .header_wrapper .header_item .language .language_settings .text a {
        font: 500 18px/22px "ProximaNova", "Poppins", sans-serif;
        padding: 0 5px;
    }

    header .header_wrapper .header_item .language ul.language_dropdown li a {
        font: 500 18px/22px "ProximaNova", "Poppins", sans-serif;
    }

    header .header_wrapper .header_item .user {
        max-width: 250px;
    }

    header .header_wrapper .header_item .user .user_settings {
        padding: 0 9px;
        gap: 9px;
    }

    header .header_wrapper .header_item .user .user_settings .svg {
        width: 36px;
        height: 36px;
    }

    header .header_wrapper .header_item .user .user_settings .svg img {
        width: 20px;
        height: 20px;
    }

    header .header_wrapper .header_item .user .user_settings .icon {
        width: 18px;
        height: 18px;
    }

    header .header_wrapper .header_item .user .user_settings .icon i {
        font-size: 15px;
    }

    header .header_wrapper .header_item .user .user_settings .text {
        max-width: calc(100% - 18px - 36px - 18px);
    }

    header .header_wrapper .header_item .user .user_settings .text a {
        font: 500 12px/17px "ProximaNova", "Poppins", sans-serif;
    }

    header .header_wrapper .header_item .user ul.user_dropdown li a.sign {
        font: 500 15px/21px "ProximaNova", "Poppins", sans-serif;
    }

    header .header_wrapper .header_item .user ul.profile_dropdown li a .profile_item .svg {
        width: 20px;
        height: 20px;
    }

    header .header_wrapper .header_item .user ul.profile_dropdown li a .profile_item .text {
        width: calc((100% - 5px - 20px));
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }

    /* Header */



    /* Advantages Section  */

    section.advantages .advantages_wrapper .advantages_item {
        width: calc((100% - 4 * 20px) / 5);
    }

    section.advantages .advantages_wrapper .advantages_item .icon {
        width: 60px;
        height: 60px;
    }

    section.advantages .advantages_wrapper .advantages_item h3 {
        font: 600 18px/24px "ProximaNova", "Poppins", sans-serif;
    }

    section.advantages .advantages_wrapper .advantages_item p {
        font: 400 15px/20px "ProximaNova", "Poppins", sans-serif;
    }

    /* Advantages Section  */


    /* Footer */
    footer .top_footer .top_footer_wrapper {
        display: flex;
    }

    footer .top_footer .top_footer_wrapper .top_footer_item {
        width: calc((100% - 3 * var(--hertz-gap)) / 4);
    }

    footer .top_footer .top_footer_wrapper .top_footer_item .text {
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
        padding-right: 60px;
    }

    footer .top_footer .bottom_footer_wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item {
        width: calc((100% - 2 * var(--hertz-gap)) / 3);
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item ul {
        display: flex;
        gap: 15px;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item:nth-child(3) {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item:nth-child(3) ul {
        gap: 50px;
    }

    /* Footer */




    /* Second Section */
    section.second_section .second_wrapper form {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }


    section.second_section .second_wrapper .cars {
        /* row-gap: 50px; */
    }

    section.second_section .second_wrapper .cars .car_item {
        width: calc((100% - 2 * 10px) / 3);
    }

    section.second_section .second_wrapper .cars .car_item .pass {
        top: 10px;
        right: -50px;
        width: 50px;
        height: 50px;
    }

    section.second_section .second_wrapper .cars .car_item .pass i {
        font-size: 20px;
    }

    section.second_section .second_wrapper .cars .car_item:hover .pass {
        right: 10px;
    }


    section.second_section .second_wrapper .cars .car_item .car_model .model_name {
        font: 600 24px/32px "ProximaNova", "Poppins", sans-serif;
    }

    section.second_section .second_wrapper .cars .car_item .car_picture {
        height: 200px;
    }

    section.second_section .second_wrapper .cars .car_item .order {
        height: 42px;
        font: 600 16px/30px "ProximaNova", "Poppins", sans-serif;
    }

    section.second_section .second_wrapper .cars .car_item .car_price .price_item span {
        font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    }

    section.second_section .second_wrapper .cars .car_item .car_price .price_item p {
        margin: 5px 0 0 0;
        font: 600 28px/38px "ProximaNova", "Poppins", sans-serif;
    }

    /* Second Section */


    /* Third Section */
    section.third_section .picture {
        margin: -170px auto 0;
        padding: 20px;
        width: 700px;
    }

    section.third_section .third_section_wrapper .third_section_text {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 100px;
    }

    section.third_section .third_section_wrapper .third_section_text:nth-child(2) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0;
    }

    section.third_section .third_section_wrapper .third_section_text .third_item .svg {
        width: 50px;
    }

    section.third_section .third_section_wrapper .third_section_text .third_item .text {
        width: 212px;
        font: 400 26px/39px "ProximaNova", "Poppins", sans-serif;
    }

    /* Third Section */




    /* About Section */
    section.about .about_wrapper .about_content {
        display: flex;
        align-items: flex-start;
        gap: 100px;
    }

    section.about .about_wrapper .about_content .picture {
        width: calc((100% - 1 * 100px) / 2);
    }

    section.about .about_wrapper .about_content .text {
        width: calc((100% - 1 * 100px) / 2);
        font: 400 20px/30px "ProximaNova", "Poppins", sans-serif;
    }

    /* About Section */


    /* PartnerShip */

    section.partnership .partnership_wrapper .partnershipSwiper .swiper-wrapper .swiper-slide {
        height: 120px;
        padding: 20px 50px;
    }

    /* PartnerShip */


    /* FAQ Section */
    section.faq .faq_wrapper .faq_items {
        width: 80%;
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .text {
        font: 500 20px/32px "ProximaNova", "Poppins", sans-serif;
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .icon {
        width: 24px;
        height: 24px;
        border: 3px solid rgba(0, 0, 0, 0.4);
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .icon i {
        font-size: 16px;
    }

    section.faq .faq_wrapper .faq_items .faq_item .answer {
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }

    /* FAQ Section */


    /* B2B Section */

    section.b2b .b2b_wrapper .title_description p {
        font: 400 22px/33px "ProximaNova", "Poppins", sans-serif;
    }

    section.b2b .b2b_wrapper .b2b_form {
        display: flex;
        align-items: flex-start;
        gap: 100px;
    }

    section.b2b .b2b_wrapper .b2b_form form {
        width: calc((100% - 60%));
    }

    section.b2b .b2b_wrapper .b2b_form .picture {
        width: calc((100% - 40%));
    }

    section.b2b .b2b_wrapper .b2b_form form .form_picture {
        width: 317px;
        height: 229px;
    }

    /* B2B Section */




    /* Second Footer */
    section.footer_second .footer_second_wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    section.footer_second .footer_second_wrapper p {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    section.footer_second .footer_second_wrapper ul {
        gap: 40px;
    }

    section.footer_second .footer_second_wrapper ul li a {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    /* Second Footer */




    /* Login */
    section.login .login_wrapper h2.title {
        font: 500 36px/48px "ProximaNova", "Poppins", sans-serif;
    }

    section.login .login_wrapper .buttons button {
        background: rgba(245, 245, 245, 1);
        width: 180px;
        height: 30px;
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }

    section.login .login_wrapper .tab form .form_group .blind_button {
        width: 45px;
        height: 45px;
    }

    section.login .login_wrapper .tab form .form_group .blind_button i {
        font-size: 18px;
    }

    section.login .login_wrapper .tab form .forget_password {
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.login .login_wrapper .tab form button.enter {
        height: 45px;
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }

    section.login .login_wrapper .tab form p {
        gap: 10px;
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }

    section.login .login_wrapper .tab form p a {
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }

    /* Login */





    /* Car Details */
    section.car_details .car_details_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 100px;
        align-items: stretch;
    }

    section.car_details .car_details_wrapper .carousel {
        width: calc(60% - 100px);
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
        height: 450px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb {
        height: 150px;
    }

    section.car_details .car_details_wrapper .description {
        width: 40%;
    }

    section.car_details .car_details_wrapper .description .car_model .logo {
        width: 70px;
    }

    section.car_details .car_details_wrapper .description .car_model .model_name {
        max-width: calc((100% - 12px - 70px));
        font: 600 26px/34px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_details {
        width: 70%;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item {
        width: calc((100% - 1 * 20px) / 2);
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item .text {
        font: 500 16px/28px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_price .price_item span {
        font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_price .price_item p {
        font: 600 28px/38px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_description .description_title {
        font: 600 24px/30px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_description p {
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }

    /* Car Details */
    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 125px !important;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 43px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 17px;
        height: 17px;
    }

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



    /* Actions */
    section.customer_account .customer_account_wrapper .actions_wrapper {
        gap: 10px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item {
        width: calc((100% - 2 * 12px) / 3);
        padding: 18px;
        gap: 3px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context {
        width: calc(100% - 3px - 95px);
        gap: 8px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .picture {
        width: 95px;
        height: 110px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .header h2 {
        font: 600 14px/17px "ProximaNova", "Poppins", sans-serif;
        margin: 0 0 12px 0;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .header p {
        color: rgba(67, 66, 68, 1);
        font: 500 12px/15px "ProximaNova", "Poppins", sans-serif;
        margin: 0;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a {
        background: var(--hertz-yellow);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 5px 10px;
        border-radius: 50px;
        color: rgba(20, 20, 20, 1);
        font: 500 14px/21px "ProximaNova", "Poppins", sans-serif;
        width: max-content;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a .text {
        width: calc((100% - 5px - 22px));
        color: rgba(20, 20, 20, 1);
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
        text-align: center;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a .icon {
        width: 22px;
        height: 22px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item:nth-child(2n) {
        background: var(--hertz-yellow);
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item:nth-child(2n) .footer a {
        background: rgba(245, 245, 245, 1);
    }

    /* Actions */




    /* Account Header Bar */
    section.customer_account .customer_account_wrapper .account_main .account_header_bar {
        padding: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar h2 {
        font: 500 20px/22px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons {
        gap: 12px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions {
        gap: 12px;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button {
        padding: 8px 15px;
        gap: 8px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu {
        padding: 10px 0;
    }

    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;
    }

    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 {
        font: 400 16px/20px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper {
        width: 205px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part {
        padding: 0 14px;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon {
        width: 18px;
        height: 18px;
    }

    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 ul {
        padding: 8px 0;
    }

    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;
    }

    /* Account Header Bar */





    /* Customer Account Screen Empty  */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order {
        min-height: 425px;
    }

    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 p {
        font: 500 20px/21px "ProximaNova", "Poppins", sans-serif;
    }

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

    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;
    }

    /* Customer Account Screen Empty  */






    /* Payments */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper {
        min-height: 500px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item {
        width: calc((100% - 2 * 22px) / 3);
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .header {
        padding: 23.5px 30px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .body .body_item .info {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .body .body_item .details {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .footer {
        height: 35px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .footer a {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content {
        width: 500px;
        min-height: 300px;
        padding: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .invoice_wrapper .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

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

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

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

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

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

    section.customer_account .customer_account_wrapper .account_main .modal.payment .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;
    }

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

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

    /* Payments */





    /* Notification */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .header {
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    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%;
    }

    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;
    }

    /* Notification */




    /* Order Section */
    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));
    }

    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;
    }

    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;
    }

    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;
    }

    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));
    }

    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;
    }

    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);
    }

    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;
    }

    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;
    }

    /* Order Section */





    /* Customer Account Profile Info */
    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 {
        column-gap: 27px;
        row-gap: 24px;
    }

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

    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;
    }

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

    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;
    }

    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;
    }

    /* Customer Account Profile Info */





    /* Loyality Section */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title {
        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),
    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);
    }

    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;
    }

    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;
    }

    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;
    }

    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;
        justify-content: flex-start;
        padding: 18px 0;
    }

    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 .process_title {
        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 {
        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 {
        width: 100px;
    }

    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;
    }

    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;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
        width: 180px;
    }

    .loyality_empty_cards {
        column-gap: 20px;
        row-gap: 30px;
        padding: 0;
        width: 100%;
    }

    .loyality_empty_cards .loyality_empty_card {
        width: calc((100% - 2 * 20px) / 3);
        padding: 16px;
    }

    .loyality_empty_cards .loyality_empty_card .context {
        gap: 12px;
    }

    .loyality_empty_cards .loyality_empty_card .context .icon {
        width: 68px;
        height: 63px;
    }

    .loyality_empty_cards .loyality_empty_card .context .text {
        width: calc((100% - 12px - 68px));
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Loyality Section */



    /* Documents Wrapper */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper {
        gap: 22px;
        min-height: 500px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item {
        width: calc((100% - 2 * 22px) / 3);
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .header {
        padding: 16px 20px;
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body {
        padding: 20px;
        gap: 5px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body .body_item .info {
        font: 400 12px/15px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body .body_item .details {
        font: 400 12px/15px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete {
        gap: 8px;
        padding: 4px 10px 4px 0;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete .icon {
        width: 25px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete .text {
        width: calc((100% - 8px - 25px));
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .edit {
        padding: 4px 16px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Documents Wrapper */



    /* Delete Modal */

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content {
        width: 500px;
        padding: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
        padding: 4px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .title {
        font: 600 20px/24px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .hint {
        font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .hint span {
        font: 600 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .bottom {
        gap: 25px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .bottom a {
        padding: 10px 21px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Delete Modal */




    /* Documents Modal */
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content {
        width: 600px;
        border-radius: 12px;
        padding: 20px;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .header {
        height: 50px;
        font: 600 20px/28px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer {
        font: 500 20px/28px "ProximaNova", "Poppins", sans-serif;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body {
        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,
    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;
    }

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

    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;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper {
        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;
    }

    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;
    }

    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;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader {
        height: 200px;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    /* Documents Modal */




    /* Actions Details */
    .actions_details_header h2 {
        font: 600 26px/30px "ProximaNova", "Poppins", sans-serif;
    }

    .actions_details .actions_details_wrapper {
        flex-wrap: nowrap;
        gap: 50px;
    }

    .actions_details .actions_details_wrapper .picture {
        width: 100%;
    }

    .actions_details .actions_details_wrapper .details {
        width: 100%;
        font: 400 16x/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Actions Details */
}

@media only screen and (min-width:992px) and (max-width: 1199.98px) {


    /* Header */
    header .header_wrapper {
        gap: 0;
    }

    /* header .header_wrapper .header_item:nth-child(1) {
        width: 28%;
    }

    header .header_wrapper .header_item:nth-child(2),
    header .header_wrapper .header_item:nth-child(3) {
        width: 36%;
    } */


    header .header_wrapper .header_item:nth-child(1) {
        width: 150px;
    }

    header .header_wrapper .header_item:nth-child(2) {
        width: 500px;
        justify-content: flex-end;
    }

    header .header_wrapper .header_item:nth-child(3) {
        width: calc((100% - 150px - 500px));
    }

    header .header_wrapper .header_item .logo {
        height: 50px;
    }

    header .header_wrapper .header_item ul {
        gap: 12px;
    }

    header .header_wrapper .header_item ul li a {
        padding: 5px 8px;
        font: 900 18px/24px "ProximaNova", "Poppins", sans-serif;
    }

    header .header_wrapper .header_item .language .language_settings {
        padding: 0 8px;
    }

    header .header_wrapper .header_item .language .language_settings .icon {
        width: 18px;
        height: 18px;
    }

    header .header_wrapper .header_item .language .language_settings .icon i {
        font-size: 15px;
    }

    header .header_wrapper .header_item .language .language_settings .text a {
        font: 500 18px/22px "ProximaNova", "Poppins", sans-serif;
        padding: 0 5px;
    }

    header .header_wrapper .header_item .language ul.language_dropdown li a {
        font: 500 18px/22px "ProximaNova", "Poppins", sans-serif;
    }

    header .header_wrapper .header_item .user {
        max-width: 250px;
    }

    header .header_wrapper .header_item .user .user_settings {
        padding: 0 9px;
        gap: 9px;
    }

    header .header_wrapper .header_item .user .user_settings .svg {
        width: 36px;
        height: 36px;
    }

    header .header_wrapper .header_item .user .user_settings .svg img {
        width: 20px;
        height: 20px;
    }

    header .header_wrapper .header_item .user .user_settings .icon {
        width: 18px;
        height: 18px;
    }

    header .header_wrapper .header_item .user .user_settings .icon i {
        font-size: 15px;
    }

    header .header_wrapper .header_item .user .user_settings .text {
        max-width: calc(100% - 18px - 36px - 18px);
    }

    header .header_wrapper .header_item .user .user_settings .text a {
        font: 500 12px/17px "ProximaNova", "Poppins", sans-serif;
    }

    header .header_wrapper .header_item .user ul.user_dropdown li a.sign {
        font: 500 15px/21px "ProximaNova", "Poppins", sans-serif;
    }

    header .header_wrapper .header_item .user ul.profile_dropdown li a .profile_item .svg {
        width: 20px;
        height: 20px;
    }

    header .header_wrapper .header_item .user ul.profile_dropdown li a .profile_item .text {
        width: calc((100% - 5px - 20px));
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }

    /* Header */


    /* Advantages Section  */

    section.advantages .advantages_wrapper {
        justify-content: space-around;
    }

    section.advantages .advantages_wrapper .advantages_item {
        width: calc((100% - 2 * 20px) / 3);
    }

    section.advantages .advantages_wrapper .advantages_item .icon {
        width: 60px;
        height: 60px;
    }

    section.advantages .advantages_wrapper .advantages_item h3 {
        font: 600 18px/24px "ProximaNova", "Poppins", sans-serif;
    }

    section.advantages .advantages_wrapper .advantages_item p {
        font: 400 15px/20px "ProximaNova", "Poppins", sans-serif;
    }

    /* Advantages Section  */



    /* Footer */
    footer .top_footer .top_footer_wrapper {
        display: flex;
    }

    footer .top_footer .top_footer_wrapper .top_footer_item {
        width: calc((100% - 3 * var(--hertz-gap)) / 4);
    }

    footer .top_footer .top_footer_wrapper .top_footer_item .text {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
        padding-right: 40px;
    }

    footer .top_footer .bottom_footer_wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item {
        width: calc((100% - 2 * var(--hertz-gap)) / 3);
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item ul {
        display: flex;
        gap: 10px;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item:nth-child(3) {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item:nth-child(3) ul {
        gap: 30px;
    }

    footer .top_footer .top_footer_wrapper .top_footer_item ul li a,
    footer .top_footer .top_footer_wrapper .top_footer_item ul li p {
        font: 600 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    footer .top_footer .top_footer_wrapper .top_footer_item ul li p span {
        font: 500 13px/18px "ProximaNova", "Poppins", sans-serif;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item ul li a,
    footer .top_footer .bottom_footer_wrapper .bottom_footer_item p {
        font: 600 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    footer .bottom_footer .bottom_footer_container {
        font: 400 13px/18px "ProximaNova", "Poppins", sans-serif;
    }

    /* Footer */



    /* Second Section */
    section.second_section .second_wrapper form {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    section.second_section .second_wrapper .cars {
        /* row-gap: 50px; */
    }

    section.second_section .second_wrapper .cars .car_item {
        width: calc((100% - 1 * 10px) / 2);
    }

    section.second_section .second_wrapper .cars .car_item .pass {
        top: 9px;
        right: -48px;
        width: 48px;
        height: 48px;
    }

    section.second_section .second_wrapper .cars .car_item .pass i {
        font-size: 20px;
    }

    section.second_section .second_wrapper .cars .car_item:hover .pass {
        right: 9px;
    }

    section.second_section .second_wrapper .cars .car_item .car_model .model_name {
        font: 600 24px/32px "ProximaNova", "Poppins", sans-serif;
    }

    section.second_section .second_wrapper .cars .car_item .car_picture {
        height: 200px;
    }

    section.second_section .second_wrapper .cars .car_item .order {
        height: 42px;
        font: 600 16px/30px "ProximaNova", "Poppins", sans-serif;
    }

    section.second_section .second_wrapper .cars .car_item .car_price .price_item span {
        font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    }

    section.second_section .second_wrapper .cars .car_item .car_price .price_item p {
        margin: 5px 0 0 0;
        font: 600 28px/38px "ProximaNova", "Poppins", sans-serif;
    }

    /* Second Section */



    /* Third Section */
    section.third_section .picture {
        margin: -220px auto 0;
        padding: 20px;
        width: 450px;
    }

    section.third_section .third_section_wrapper .third_section_text {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 100px;
    }

    section.third_section .third_section_wrapper .third_section_text:nth-child(1) {
        margin-top: 40px;
    }

    section.third_section .third_section_wrapper .third_section_text:nth-child(2) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0;
        margin-top: 50px;
    }

    section.third_section .third_section_wrapper .third_section_text .third_item .svg {
        width: 40px;
    }

    section.third_section .third_section_wrapper .third_section_text .third_item .text {
        width: 200px;
        font: 400 24px/32px "ProximaNova", "Poppins", sans-serif;
    }

    /* Third Section */


    /* About Section */

    section.about .about_wrapper .about_content {
        display: flex;
        align-items: flex-start;
        gap: 50px;
    }

    section.about .about_wrapper .about_content .picture {
        width: calc((100% - 1 * 50px) / 2);
    }

    section.about .about_wrapper .about_content .text {
        width: calc((100% - 1 * 50px) / 2);
        font: 400 20px/30px "ProximaNova", "Poppins", sans-serif;
    }

    /* About Section */


    /* FAQ Section */
    section.faq .faq_wrapper .faq_items {
        width: 85%;
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .text {
        font: 500 20px/32px "ProximaNova", "Poppins", sans-serif;
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .icon {
        width: 24px;
        height: 24px;
        border: 3px solid rgba(0, 0, 0, 0.4);
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .icon i {
        font-size: 16px;
    }

    section.faq .faq_wrapper .faq_items .faq_item .answer {
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }

    /* FAQ Section */


    /* B2B Section */

    section.b2b .b2b_wrapper .title_description p {
        font: 400 22px/33px "ProximaNova", "Poppins", sans-serif;
    }

    section.b2b .b2b_wrapper .b2b_form {
        display: flex;
        align-items: flex-start;
        gap: 50px;
    }

    section.b2b .b2b_wrapper .b2b_form form {
        width: calc((100% - 60%));
    }

    section.b2b .b2b_wrapper .b2b_form .picture {
        width: calc((100% - 40%));
    }

    section.b2b .b2b_wrapper .b2b_form form .form_picture {
        width: 317px;
        height: 229px;
    }

    /* B2B Section */

    /* Second Footer */
    section.footer_second .footer_second_wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    section.footer_second .footer_second_wrapper p {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    section.footer_second .footer_second_wrapper ul {
        gap: 40px;
    }

    section.footer_second .footer_second_wrapper ul li a {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    /* Second Footer */



    /* Car Details */
    section.car_details .car_details_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        align-items: stretch;
    }

    section.car_details .car_details_wrapper .carousel {
        width: calc(60% - 20px);
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
        height: 400px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb {
        height: 130px;
    }

    section.car_details .car_details_wrapper .description {
        width: 40%;
    }

    section.car_details .car_details_wrapper .description .car_model .logo {
        width: 50px;
    }

    section.car_details .car_details_wrapper .description .car_model .model_name {
        max-width: calc((100% - 12px - 50px));
        font: 600 26px/34px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_details {
        width: 70%;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item {
        width: calc((100% - 1 * 20px) / 2);
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item .text {
        font: 500 16px/28px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_price .price_item span {
        font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_price .price_item p {
        font: 600 28px/38px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_description .description_title {
        font: 600 24px/30px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_description p {
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }

    /* Car Details */
    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 170px !important;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 51px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 18px;
        height: 18px;
    }

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


    /* Actions */
    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;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item {
        width: calc((100% - 1 * 12px) / 2);
        background: rgba(245, 245, 245, 1);
        padding: 20px;
        border-radius: 12px;
        display: flex;
        /* align-items: center; */
        gap: 15px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context {
        width: calc(100% - 15px - 110px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 10px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .picture {
        width: 110px;
        height: 130px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .header h2 {
        color: rgba(20, 20, 20, 1);
        font: 600 18px/21px "ProximaNova", "Poppins", sans-serif;
        margin: 0 0 14px 0;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .header p {
        color: rgba(67, 66, 68, 1);
        font: 500 13.9px/17px "ProximaNova", "Poppins", sans-serif;
        margin: 0;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a {
        background: var(--hertz-yellow);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 5.5px 20px;
        border-radius: 50px;
        color: rgba(20, 20, 20, 1);
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a .text {
        width: calc(100% - 8px - 20px);
        color: rgba(20, 20, 20, 1);
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
        text-align: center;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a .icon {
        width: 24px;
        height: 24px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item:nth-child(2n) {
        background: var(--hertz-yellow);
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item:nth-child(2n) .footer a {
        background: rgba(245, 245, 245, 1);
    }

    /* Actions */


    /* Account Header Bar */
    section.customer_account .customer_account_wrapper .account_main .account_header_bar {
        padding: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar h2 {
        font: 500 19px/22px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons {
        gap: 11px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions {
        gap: 11px;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button {
        padding: 8px 15px;
        gap: 8px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu {
        padding: 10px 0;
    }

    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;
    }

    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 {
        font: 400 16px/20px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper {
        width: 190px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part {
        padding: 0 14px;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon {
        width: 18px;
        height: 18px;
    }

    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 ul {
        padding: 8px 0;
    }

    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;
    }

    /* Account Header Bar */


    /* Customer Account Screen Empty  */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order {
        min-height: 400px;
    }

    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 p {
        font: 500 19px/21px "ProximaNova", "Poppins", sans-serif;
    }

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

    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;
    }

    /* Customer Account Screen Empty  */



    /* Payments */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper {
        min-height: 450px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item {
        width: calc((100% - 1 * 22px) / 2);
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .header {
        padding: 23.5px 30px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .body .body_item .info {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .body .body_item .details {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .footer {
        height: 35px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .footer a {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content {
        width: 500px;
        min-height: 300px;
        padding: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .invoice_wrapper .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

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

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

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

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

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

    section.customer_account .customer_account_wrapper .account_main .modal.payment .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;
    }

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

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

    /* Payments */


    /* Notification */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .header {
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    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%;
    }

    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;
    }

    /* Notification */



    /* Order Section */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top {
        gap: 20px;
    }

    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));
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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);
    }

    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;
    }

    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;
    }

    /* Order Section */



    /* Customer Account Profile Info */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info {
        padding-bottom: 150px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form {
        column-gap: 21px;
        row-gap: 24px;
    }

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

    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;
    }

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

    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;
    }

    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;
    }

    /* Customer Account Profile Info */




    /* Loyality Section */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title {
        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),
    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);
    }

    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;
    }

    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;
    }

    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;
    }

    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;
        justify-content: flex-start;
        padding: 18px 0;
    }

    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(3) {
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }

    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;
    }

    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;
    }

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

    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;
    }

    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;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
        width: 180px;
    }



    .loyality_empty_cards {
        column-gap: 20px;
        row-gap: 30px;
        padding: 0;
        width: 100%;
    }

    .loyality_empty_cards .loyality_empty_card {
        width: calc((100% - 1 * 20px) / 2);
        padding: 16px;
    }

    .loyality_empty_cards .loyality_empty_card .context {
        gap: 12px;
    }

    .loyality_empty_cards .loyality_empty_card .context .icon {
        width: 68px;
        height: 63px;
    }

    .loyality_empty_cards .loyality_empty_card .context .text {
        width: calc((100% - 12px - 68px));
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Loyality Section */



    /* Documents Wrapper */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper {
        gap: 22px;
        min-height: 470px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item {
        width: calc((100% - 1 * 22px) / 2);
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .header {
        padding: 16px 20px;
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body {
        padding: 20px;
        gap: 5px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body .body_item .info {
        font: 400 12px/15px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body .body_item .details {
        font: 400 12px/15px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete {
        gap: 8px;
        padding: 4px 10px 4px 0;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete .icon {
        width: 25px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete .text {
        width: calc((100% - 8px - 25px));
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .edit {
        padding: 4px 16px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Documents Wrapper */



    /* Delete Modal */

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content {
        width: 500px;
        padding: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
        padding: 4px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .title {
        font: 600 20px/24px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .hint {
        font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .hint span {
        font: 600 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .bottom {
        gap: 25px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .bottom a {
        padding: 10px 21px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Delete Modal */



    /* Documents Modal */
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content {
        width: 600px;
        border-radius: 12px;
        padding: 20px;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .header {
        height: 50px;
        font: 600 20px/28px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer {
        font: 500 20px/28px "ProximaNova", "Poppins", sans-serif;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body {
        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,
    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;
    }

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

    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;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper {
        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;
    }

    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;
    }

    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;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader {
        height: 200px;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    /* Documents Modal */


    /* Actions Details */
    .actions_details_header h2 {
        font: 600 26px/30px "ProximaNova", "Poppins", sans-serif;
    }

    .actions_details .actions_details_wrapper {
        flex-wrap: wrap;
        gap: 50px;
    }

    .actions_details .actions_details_wrapper .picture {
        width: 100%;
    }

    .actions_details .actions_details_wrapper .details {
        width: 100%;
        font: 400 16x/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Actions Details */
}

@media only screen and (min-width:768px) and (max-width: 991.98px) {


    /* Header */
    header .header_wrapper {
        gap: 0;
    }

    header .header_wrapper .header_item {
        width: 50%;
        display: flex;
        align-items: center;
    }

    header .header_wrapper .header_item .logo {
        height: 50px;
        width: auto;
    }

    /* Header */


    /* Advantages Section  */


    section.advantages .advantages_wrapper {
        justify-content: space-around;
    }

    section.advantages .advantages_wrapper .advantages_item {
        width: calc((100% - 2 * 20px) / 3);
    }

    section.advantages .advantages_wrapper .advantages_item .icon {
        width: 60px;
        height: 60px;
    }

    section.advantages .advantages_wrapper .advantages_item h3 {
        font: 600 18px/24px "ProximaNova", "Poppins", sans-serif;
    }

    section.advantages .advantages_wrapper .advantages_item p {
        font: 400 15px/20px "ProximaNova", "Poppins", sans-serif;
    }

    /* Advantages Section  */


    /* Footer */
    footer .top_footer .top_footer_wrapper {
        display: flex;
    }

    footer .top_footer .top_footer_wrapper .top_footer_item {
        width: 100%;
    }

    footer .top_footer .top_footer_wrapper .top_footer_item .text {
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
        padding-right: 60px;
    }

    footer .top_footer .bottom_footer_wrapper {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap-reverse;
        justify-content: space-between;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item {
        width: 100%;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item ul {
        display: flex;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item:nth-child(3) {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item:nth-child(3) ul {
        gap: 60px;
    }

    footer .bottom_footer .bottom_footer_container {
        justify-content: flex-start;
    }

    /* Footer */

    /* Second Section */
    section.second_section .second_wrapper form {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 40px;
    }


    section.second_section .second_wrapper .cars {
        display: flex;
        flex-wrap: nowrap;
        gap: 0;
    }

    section.second_section .second_wrapper .cars .car_item {
        width: 100%;
        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;
    }

    section.second_section .second_wrapper .cars .car_item .pass {
        top: 8px;
        right: -46px;
        width: 46px;
        height: 46px;
    }

    section.second_section .second_wrapper .cars .car_item .pass i {
        font-size: 19px;
    }

    section.second_section .second_wrapper .cars .car_item:hover .pass {
        right: 8px;
    }

    section.second_section .second_wrapper .cars .car_item:hover {
        box-shadow: none;
    }

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

    section.second_section .second_wrapper .cars .car_item .car_model .logo {
        /* width: 45px; */
        height: 35px;
        max-width: 70px;
    }

    section.second_section .second_wrapper .cars .car_item .car_model .model_name {
        max-width: calc((100% - 12px - 70px));
        color: var(--hertz-black);
        font: 600 24px/32px "ProximaNova", "Poppins", sans-serif;
        letter-spacing: -0.56px;
    }

    section.second_section .second_wrapper .cars .car_item .car_picture {
        height: 200px;
        width: 100%;
    }

    section.second_section .second_wrapper .cars .car_item .car_picture img {
        object-fit: contain;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 165px !important;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 55px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 18px;
        height: 18px;
    }

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

    section.second_section .second_wrapper .cars .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;
    }

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

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

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

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

    section.second_section .second_wrapper .cars .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;
    }

    /* Second Section */



    /* Third Section */
    section.third_section .picture {
        margin: 0 auto;
        padding: 20px;
        width: 100%;
    }

    section.third_section .third_section_wrapper .third_section_text {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0;
    }

    section.third_section .third_section_wrapper .third_section_text .third_item .svg {
        width: 50px;
    }

    section.third_section .third_section_wrapper .third_section_text .third_item .text {
        width: 212px;
        font: 400 26px/39px "ProximaNova", "Poppins", sans-serif;
    }

    /* Third Section */

    /* About Section */

    section.about .about_wrapper .about_content {
        display: flex;
        align-items: flex-start;
        gap: 70px;
    }

    section.about .about_wrapper .about_content .picture {
        width: 100%;
    }

    section.about .about_wrapper .about_content .text {
        width: 100%;
        font: 400 20px/30px "ProximaNova", "Poppins", sans-serif;
    }

    /* About Section */



    /* FAQ Section */
    section.faq .faq_wrapper .faq_items {
        width: 100%;
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .text {
        font: 500 20px/32px "ProximaNova", "Poppins", sans-serif;
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .icon {
        width: 24px;
        height: 24px;
        border: 3px solid rgba(0, 0, 0, 0.4);
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .icon i {
        font-size: 16px;
    }

    section.faq .faq_wrapper .faq_items .faq_item .answer {
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }

    /* FAQ Section */


    /* B2B Section */

    section.b2b .b2b_wrapper .title_description p {
        font: 400 22px/33px "ProximaNova", "Poppins", sans-serif;
    }

    section.b2b .b2b_wrapper .b2b_form {
        display: flex;
        flex-wrap: wrap-reverse;
        align-items: flex-start;
        gap: 50px;
    }

    section.b2b .b2b_wrapper .b2b_form form {
        width: 100%;
    }

    section.b2b .b2b_wrapper .b2b_form .picture {
        width: 100%;
    }

    section.b2b .b2b_wrapper .b2b_form form .form_picture {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    /* B2B Section */

    /* Second Footer */
    section.footer_second .footer_second_wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
    }

    section.footer_second .footer_second_wrapper p {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    section.footer_second .footer_second_wrapper ul {
        gap: 40px;
    }

    section.footer_second .footer_second_wrapper ul li a {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    /* Second Footer */


    /* Car Details */
    section.car_details .car_details_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
        align-items: stretch;
        margin: 0 0 60px 0;
    }

    section.car_details .car_details_wrapper .carousel {
        width: 100%;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
        height: 450px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb {
        height: 150px;
    }

    section.car_details .car_details_wrapper .description {
        width: 100%;
    }

    section.car_details .car_details_wrapper .description .car_model .logo {
        width: 70px;
    }

    section.car_details .car_details_wrapper .description .car_model .model_name {
        max-width: calc((100% - 12px - 70px));
        font: 600 26px/34px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_details {
        width: 70%;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item {
        width: calc((100% - 1 * 20px) / 2);
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item .text {
        font: 500 16px/28px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_price .price_item span {
        font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_price .price_item p {
        font: 600 28px/38px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_description .description_title {
        font: 600 24px/30px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_description p {
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }

    /* Car Details */



    /* Customer Account */
    section.customer_account .customer_account_wrapper {
        gap: 0;
        flex-direction: column;
        position: relative;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_sidebar .close_button {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 5px;
        right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 36px;
        color: var(--hertz-black);
    }

    section.customer_account .customer_account_wrapper .account_sidebar .close_button i {
        font-size: 16px;
        color: var(--hertz-black);
    }

    section.customer_account .customer_account_wrapper .account_sidebar .close_button img {
        display: block;
        width: 50%;
        height: 50%;
    }

    section.customer_account .customer_account_wrapper .account_sidebar .customer_details {
        margin-top: 30px;
    }

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

    /* Customer Account */


    /* Actions */
    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;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item {
        width: calc((100% - 1 * 12px) / 2);
        background: rgba(245, 245, 245, 1);
        padding: 20px;
        border-radius: 12px;
        display: flex;
        /* align-items: center; */
        gap: 15px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context {
        width: calc(100% - 15px - 110px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 10px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .picture {
        width: 110px;
        height: 130px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .header h2 {
        color: rgba(20, 20, 20, 1);
        font: 600 18px/21px "ProximaNova", "Poppins", sans-serif;
        margin: 0 0 14px 0;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .header p {
        color: rgba(67, 66, 68, 1);
        font: 500 13.9px/17px "ProximaNova", "Poppins", sans-serif;
        margin: 0;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a {
        background: var(--hertz-yellow);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 5.5px 20px;
        border-radius: 50px;
        color: rgba(20, 20, 20, 1);
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a .text {
        width: calc(100% - 8px - 20px);
        color: rgba(20, 20, 20, 1);
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
        text-align: center;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a .icon {
        width: 24px;
        height: 24px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item:nth-child(2n) {
        background: var(--hertz-yellow);
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item:nth-child(2n) .footer a {
        background: rgba(245, 245, 245, 1);
    }

    /* Actions */



    /* Account Header Bar */
    section.customer_account .customer_account_wrapper .account_main .account_header_bar {
        padding: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar h2 {
        font: 500 19px/22px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons {
        gap: 11px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions {
        gap: 11px;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button {
        padding: 8px 15px;
        gap: 8px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu {
        padding: 10px 0;
    }

    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;
    }

    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 {
        font: 400 16px/20px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper {
        width: 190px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part {
        padding: 0 14px;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon {
        width: 18px;
        height: 18px;
    }

    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 ul {
        padding: 8px 0;
    }

    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;
    }

    /* Account Header Bar */


    /* Customer Account Screen Empty  */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order {
        min-height: 400px;
    }

    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 p {
        font: 500 19px/21px "ProximaNova", "Poppins", sans-serif;
    }

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

    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;
    }

    /* Customer Account Screen Empty  */



    /* Payments */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper {
        min-height: 425px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item {
        width: calc((100% - 1 * 22px) / 2);
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .header {
        padding: 23.5px 30px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .body .body_item .info {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .body .body_item .details {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .footer {
        height: 35px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .footer a {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content {
        width: 500px;
        min-height: 300px;
        padding: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .invoice_wrapper .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

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

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

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

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

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

    section.customer_account .customer_account_wrapper .account_main .modal.payment .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;
    }

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

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

    /* Payments */


    /* Notification */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .header {
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    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;
    }

    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;
    }

    /* Notification */



    /* Order Section */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top {
        gap: 20px;
    }

    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));
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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);
    }

    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;
    }

    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;
    }

    /* Order Section */




    /* Customer Account Profile Info */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info {
        padding-bottom: 150px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form {
        column-gap: 21px;
        row-gap: 24px;
    }

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

    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;
    }

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

    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;
    }

    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;
    }

    /* Customer Account Profile Info */



    /* Loyality Section */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title {
        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),
    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);
    }

    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;
    }

    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;
    }

    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;
    }

    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;
        justify-content: flex-start;
        padding: 18px 0;
    }

    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(3) {
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }

    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;
    }

    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;
    }

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

    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;
    }

    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;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
        width: 180px;
    }


    .loyality_empty_cards {
        column-gap: 20px;
        row-gap: 30px;
        padding: 0;
        width: 100%;
    }

    .loyality_empty_cards .loyality_empty_card {
        width: calc((100% - 2 * 20px) / 3);
        min-height: 140px;
        padding: 16px;
    }

    .loyality_empty_cards .loyality_empty_card .context {
        gap: 8px;
    }

    .loyality_empty_cards .loyality_empty_card .context .icon {
        width: 60px;
        height: 56px;
    }

    .loyality_empty_cards .loyality_empty_card .context .text {
        width: calc((100% - 8px - 60px));
        font: 500 14px/18px "ProximaNova", "Poppins", sans-serif;
    }

    /* Loyality Section */




    /* Documents Wrapper */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper {
        gap: 22px;
        min-height: 430px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item {
        width: calc((100% - 1 * 22px) / 2);
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .header {
        padding: 16px 20px;
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body {
        padding: 20px;
        gap: 5px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body .body_item .info {
        font: 400 12px/15px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body .body_item .details {
        font: 400 12px/15px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete {
        gap: 8px;
        padding: 4px 10px 4px 0;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete .icon {
        width: 25px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete .text {
        width: calc((100% - 8px - 25px));
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .edit {
        padding: 4px 16px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Documents Wrapper */



    /* Delete Modal */

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content {
        width: 500px;
        padding: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
        padding: 4px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .title {
        font: 600 20px/24px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .hint {
        font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .hint span {
        font: 600 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .bottom {
        gap: 25px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .bottom a {
        padding: 10px 21px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Delete Modal */


    /* Documents Modal */
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content {
        width: 600px;
        border-radius: 12px;
        padding: 20px;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .header {
        height: 50px;
        font: 600 20px/28px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer {
        font: 500 20px/28px "ProximaNova", "Poppins", sans-serif;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body {
        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,
    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;
    }

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

    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;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper {
        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;
    }

    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;
    }

    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;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader {
        height: 200px;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    /* Documents Modal */


    /* Actions Details */
    .actions_details_header h2 {
        font: 600 26px/30px "ProximaNova", "Poppins", sans-serif;
    }

    .actions_details .actions_details_wrapper {
        flex-wrap: wrap;
        gap: 50px;
    }

    .actions_details .actions_details_wrapper .picture {
        width: 100%;
    }

    .actions_details .actions_details_wrapper .details {
        width: 100%;
        font: 400 16x/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Actions Details */
}

@media only screen and (min-width:576px) and (max-width: 767.98px) {


    /* Header */
    header .header_wrapper {
        gap: 0;
    }

    header .header_wrapper .header_item {
        width: 50%;
        display: flex;
        align-items: center;
    }

    header .header_wrapper .header_item .logo {
        height: 50px;
        width: auto;
    }

    /* Header */




    /* Advantages Section  */


    section.advantages .advantages_wrapper {
        justify-content: space-around;
    }

    section.advantages .advantages_wrapper .advantages_item {
        width: 100%;
    }

    section.advantages .advantages_wrapper .advantages_item .icon {
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
    }

    section.advantages .advantages_wrapper .advantages_item h3 {
        font: 600 18px/24px "ProximaNova", "Poppins", sans-serif;
        height: auto;
        margin-bottom: 20px;
    }

    section.advantages .advantages_wrapper .advantages_item p {
        font: 400 15px/20px "ProximaNova", "Poppins", sans-serif;
    }

    /* Advantages Section  */


    /* Footer */
    footer .top_footer .top_footer_wrapper {
        display: flex;
    }

    footer .top_footer .top_footer_wrapper .top_footer_item {
        width: 100%;
    }

    footer .top_footer .top_footer_wrapper .top_footer_item .text {
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
        padding-right: 60px;
    }

    footer .top_footer .bottom_footer_wrapper {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap-reverse;
        justify-content: space-between;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item {
        width: 100%;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item ul {
        display: flex;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item:nth-child(3) {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item:nth-child(3) ul {
        gap: 60px;
    }

    footer .bottom_footer .bottom_footer_container {
        justify-content: flex-start;
    }

    /* Footer */


    /* Second Section */
    section.second_section .second_wrapper form {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 40px;
    }


    section.second_section .second_wrapper .cars {
        display: flex;
        flex-wrap: nowrap;
        gap: 0;
    }

    section.second_section .second_wrapper .cars .car_item {
        width: 100%;
        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;
    }

    section.second_section .second_wrapper .cars .car_item .pass {
        top: 7px;
        right: -44px;
        width: 44px;
        height: 44px;
    }

    section.second_section .second_wrapper .cars .car_item .pass i {
        font-size: 18px;
    }

    section.second_section .second_wrapper .cars .car_item:hover .pass {
        right: 7px;
    }

    section.second_section .second_wrapper .cars .car_item:hover {
        box-shadow: none;
    }

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

    section.second_section .second_wrapper .cars .car_item .car_model .logo {
        /* width: 45px; */
        height: 35px;
        max-width: 70px;
    }

    section.second_section .second_wrapper .cars .car_item .car_model .model_name {
        max-width: calc((100% - 12px - 70px));
        color: var(--hertz-black);
        font: 600 24px/32px "ProximaNova", "Poppins", sans-serif;
        letter-spacing: -0.56px;
    }

    section.second_section .second_wrapper .cars .car_item .car_picture {
        height: 200px;
        width: 100%;
    }

    section.second_section .second_wrapper .cars .car_item .car_picture img {
        object-fit: contain;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 145px !important;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 47px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 17px;
        height: 17px;
    }

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

    section.second_section .second_wrapper .cars .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;
    }

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

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

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

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

    section.second_section .second_wrapper .cars .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;
    }

    /* Second Section */


    /* Third Section */
    section.third_section .picture {
        margin: 0 auto;
        padding: 20px;
        width: 100%;
    }

    section.third_section .third_section_wrapper .third_section_text {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0;
    }

    section.third_section .third_section_wrapper .third_section_text .third_item .svg {
        width: 40px;
    }

    section.third_section .third_section_wrapper .third_section_text .third_item .text {
        width: 212px;
        font: 400 24px/34px "ProximaNova", "Poppins", sans-serif;
    }

    /* Third Section */


    /* About Section */

    section.about .about_wrapper .about_content {
        display: flex;
        align-items: flex-start;
        gap: 70px;
    }

    section.about .about_wrapper .about_content .picture {
        width: 100%;
    }

    section.about .about_wrapper .about_content .text {
        width: 100%;
        font: 400 20px/30px "ProximaNova", "Poppins", sans-serif;
    }

    /* About Section */


    /* FAQ Section */
    section.faq .faq_wrapper .faq_items {
        width: 100%;
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .text {
        font: 500 20px/32px "ProximaNova", "Poppins", sans-serif;
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .icon {
        width: 24px;
        height: 24px;
        border: 3px solid rgba(0, 0, 0, 0.4);
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .icon i {
        font-size: 16px;
    }

    section.faq .faq_wrapper .faq_items .faq_item .answer {
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }

    /* FAQ Section */


    /* B2B Section */

    section.b2b .b2b_wrapper .title_description p {
        font: 400 22px/33px "ProximaNova", "Poppins", sans-serif;
    }

    section.b2b .b2b_wrapper .b2b_form {
        display: flex;
        flex-wrap: wrap-reverse;
        align-items: flex-start;
        gap: 50px;
    }

    section.b2b .b2b_wrapper .b2b_form form {
        width: 100%;
    }

    section.b2b .b2b_wrapper .b2b_form .picture {
        width: 100%;
    }

    section.b2b .b2b_wrapper .b2b_form form .form_picture {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    /* B2B Section */

    /* Second Footer */
    section.footer_second .footer_second_wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
    }

    section.footer_second .footer_second_wrapper p {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    section.footer_second .footer_second_wrapper ul {
        gap: 40px;
    }

    section.footer_second .footer_second_wrapper ul li a {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    /* Second Footer */

    /* Car Details */
    section.car_details .car_details_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
        align-items: stretch;
        margin: 0 0 60px 0;
    }

    section.car_details .car_details_wrapper .carousel {
        width: 100%;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
        height: 360px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb {
        height: 120px;
    }

    section.car_details .car_details_wrapper .description {
        width: 100%;
    }

    section.car_details .car_details_wrapper .description .car_model .logo {
        width: 70px;
    }

    section.car_details .car_details_wrapper .description .car_model .model_name {
        max-width: calc((100% - 12px - 70px));
        font: 600 26px/34px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_details {
        width: 70%;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item {
        width: calc((100% - 1 * 20px) / 2);
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item .text {
        font: 500 16px/28px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_price .price_item span {
        font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_price .price_item p {
        font: 600 28px/38px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_description .description_title {
        font: 600 24px/30px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_description p {
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }

    /* Car Details */

    /* Customer Account */
    section.customer_account .customer_account_wrapper {
        gap: 0;
        flex-direction: column;
        position: relative;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_sidebar .close_button {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 5px;
        right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 36px;
        color: var(--hertz-black);
    }

    section.customer_account .customer_account_wrapper .account_sidebar .close_button i {
        font-size: 16px;
        color: var(--hertz-black);
    }

    section.customer_account .customer_account_wrapper .account_sidebar .close_button img {
        display: block;
        width: 50%;
        height: 50%;
    }

    section.customer_account .customer_account_wrapper .account_sidebar .customer_details {
        margin-top: 30px;
    }

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

    /* Customer Account */

    /* Actions */
    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;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item {
        width: 100%;
        background: rgba(245, 245, 245, 1);
        padding: 20px;
        border-radius: 12px;
        display: flex;
        /* align-items: center; */
        gap: 15px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context {
        width: calc(100% - 15px - 110px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 10px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .picture {
        width: 110px;
        height: 130px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .header h2 {
        color: rgba(20, 20, 20, 1);
        font: 600 18px/21px "ProximaNova", "Poppins", sans-serif;
        margin: 0 0 14px 0;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .header p {
        color: rgba(67, 66, 68, 1);
        font: 500 13.9px/17px "ProximaNova", "Poppins", sans-serif;
        margin: 0;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a {
        background: var(--hertz-yellow);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 5.5px 20px;
        border-radius: 50px;
        color: rgba(20, 20, 20, 1);
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a .text {
        width: calc(100% - 8px - 20px);
        color: rgba(20, 20, 20, 1);
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
        text-align: center;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a .icon {
        width: 24px;
        height: 24px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item:nth-child(2n) {
        background: var(--hertz-yellow);
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item:nth-child(2n) .footer a {
        background: rgba(245, 245, 245, 1);
    }

    /* Actions */


    /* Account Header Bar */
    section.customer_account .customer_account_wrapper .account_main .account_header_bar {
        padding: 20px;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        justify-content: center;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons {
        gap: 11px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions {
        gap: 11px;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button {
        padding: 8px 15px;
        gap: 8px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu {
        padding: 10px 0;
    }

    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;
    }

    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 {
        font: 400 16px/20px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper {
        width: 200px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part {
        padding: 0 14px;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon {
        width: 18px;
        height: 18px;
    }

    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 ul {
        padding: 8px 0;
    }

    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;
    }

    /* Account Header Bar */



    /* Customer Account Screen Empty  */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order {
        min-height: 375px;
    }

    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 p {
        font: 500 18px/21px "ProximaNova", "Poppins", sans-serif;
    }

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

    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;
    }

    /* Customer Account Screen Empty  */



    /* Payments */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper {
        min-height: 400px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item {
        width: calc((100% - 1 * 22px) / 2);
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .header {
        padding: 23.5px 30px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .body .body_item .info {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .body .body_item .details {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .footer {
        height: 35px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .footer a {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content {
        width: 500px;
        min-height: 300px;
        padding: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .invoice_wrapper .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

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

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

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

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

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

    section.customer_account .customer_account_wrapper .account_main .modal.payment .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;
    }

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

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

    /* Payments */



    /* Notification */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .header {
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    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;
    }

    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;
    }

    /* Notification */


    /* Order Section */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top {
        gap: 20px;
    }

    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));
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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);
    }

    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;
    }

    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;
    }

    /* Order Section */


    /* Customer Account Profile Info */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info {
        padding-bottom: 150px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form {
        column-gap: 16px;
        row-gap: 24px;
    }

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

    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;
    }

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

    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;
    }

    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;
    }

    /* Customer Account Profile Info */















    /* Loyality Section */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title {
        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),
    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);
    }

    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;
    }

    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;
    }

    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;
    }

    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;
        justify-content: flex-start;
        padding: 18px 0;
    }

    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(3) {
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }

    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;
    }

    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;
    }

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

    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;
    }

    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 12px;
        font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
        width: 150px;
    }

    .loyality_empty_cards {
        column-gap: 20px;
        row-gap: 30px;
        padding: 0;
        width: 100%;
    }

    .loyality_empty_cards .loyality_empty_card {
        width: calc((100% - 1 * 20px) / 2);
        padding: 16px;
    }

    .loyality_empty_cards .loyality_empty_card .context {
        gap: 12px;
    }

    .loyality_empty_cards .loyality_empty_card .context .icon {
        width: 68px;
        height: 63px;
    }

    .loyality_empty_cards .loyality_empty_card .context .text {
        width: calc((100% - 12px - 68px));
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Loyality Section */



    /* Documents Wrapper */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper {
        gap: 22px;
        min-height: 400px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item {
        width: calc((100% - 1 * 22px) / 2);
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .header {
        padding: 16px 20px;
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body {
        padding: 20px;
        gap: 5px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body .body_item .info {
        font: 400 12px/15px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body .body_item .details {
        font: 400 12px/15px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete {
        gap: 8px;
        padding: 4px 10px 4px 0;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete .icon {
        width: 25px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete .text {
        width: calc((100% - 8px - 25px));
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .edit {
        padding: 4px 16px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Documents Wrapper */



    /* Delete Modal */

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content {
        width: 450px;
        padding: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
        padding: 4px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .title {
        font: 600 20px/24px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .hint {
        font: 500 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .hint span {
        font: 600 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .bottom {
        gap: 25px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .bottom a {
        padding: 10px 21px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Delete Modal */



    /* Documents Modal */
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content {
        width: 540px;
        border-radius: 12px;
        padding: 20px;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .header {
        height: 50px;
        font: 600 20px/28px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer {
        font: 500 20px/28px "ProximaNova", "Poppins", sans-serif;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body {
        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,
    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;
    }

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

    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;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper {
        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;
    }

    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;
    }

    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;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .image_uploader {
        height: 200px;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    /* Documents Modal */


    /* Actions Details */
    .actions_details_header h2 {
        font: 600 26px/30px "ProximaNova", "Poppins", sans-serif;
    }

    .actions_details .actions_details_wrapper {
        flex-wrap: wrap;
        gap: 50px;
    }

    .actions_details .actions_details_wrapper .picture {
        width: 100%;
    }

    .actions_details .actions_details_wrapper .details {
        width: 100%;
        font: 400 16x/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Actions Details */
}

@media only screen and (max-width: 575.98px) {

    /* Header */
    header .header_wrapper {
        gap: 0;
    }

    header .header_wrapper .header_item {
        width: 50%;
        display: flex;
        align-items: center;
    }

    header .header_wrapper .header_item .logo {
        height: 50px;
        width: auto;
    }

    /* Header */


    /* First Section */
    section.first_section {
        width: 100%;
    }

    section.first_section img {
        object-fit: cover;
    }

    /* First Section */


    /* Advantages Section  */


    section.advantages .advantages_wrapper {
        justify-content: space-around;
    }

    section.advantages .advantages_wrapper .advantages_item {
        width: 100%;
    }

    section.advantages .advantages_wrapper .advantages_item .icon {
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
    }

    section.advantages .advantages_wrapper .advantages_item h3 {
        font: 600 18px/24px "ProximaNova", "Poppins", sans-serif;
        height: auto;
        margin-bottom: 20px;
    }

    section.advantages .advantages_wrapper .advantages_item p {
        font: 400 15px/20px "ProximaNova", "Poppins", sans-serif;
    }

    /* Advantages Section  */


    /* Footer */
    footer .top_footer .top_footer_wrapper {
        display: flex;
    }

    footer .top_footer .top_footer_wrapper .top_footer_item {
        width: 100%;
    }

    footer .top_footer .top_footer_wrapper .top_footer_item .text {
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
        padding-right: 60px;
    }

    footer .top_footer .bottom_footer_wrapper {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap-reverse;
        justify-content: space-between;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item {
        width: 100%;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item ul {
        display: flex;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item:nth-child(2) ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item:nth-child(3) {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    footer .top_footer .bottom_footer_wrapper .bottom_footer_item:nth-child(3) ul {
        gap: 60px;
    }

    footer .bottom_footer .bottom_footer_container {
        justify-content: flex-start;
    }

    /* Footer */


    /* Second Section */
    section.second_section .second_wrapper form {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 40px;
    }


    section.second_section .second_wrapper form .form_groups .pricing .price_selection {
        right: auto;
        left: 0;
        width: 200px;
        text-align: start;
        justify-content: flex-start;
    }

    section.second_section .second_wrapper form .form_groups .pricing .price_selection li {
        padding: 0 39px 0 12px;
    }

    section.second_section .second_wrapper .cars {
        display: flex;
        flex-wrap: nowrap;
        gap: 0;
    }

    section.second_section .second_wrapper .cars .car_item {
        width: 100%;
        padding: 42px 15px 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;
    }

    section.second_section .second_wrapper .cars .car_item .pass {
        top: 7px;
        right: -42px;
        width: 42px;
        height: 42px;
    }

    section.second_section .second_wrapper .cars .car_item .pass i {
        font-size: 17px;
    }

    section.second_section .second_wrapper .cars .car_item:hover .pass {
        right: 7px;
    }

    section.second_section .second_wrapper .cars .car_item:hover {
        box-shadow: none;
    }

    section.second_section .second_wrapper .cars .car_item .car_model {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
    }

    section.second_section .second_wrapper .cars .car_item .car_model .logo {
        /* width: 45px; */
        height: 25px;
        max-width: 50px;
    }

    section.second_section .second_wrapper .cars .car_item .car_model .model_name {
        max-width: calc((100% - 8px - 50px));
        font: 600 20px/22px "ProximaNova", "Poppins", sans-serif;
    }

    section.second_section .second_wrapper .cars .car_item .car_picture {
        height: 200px;
        width: 100%;
    }

    section.second_section .second_wrapper .cars .car_item .car_picture img {
        object-fit: contain;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n) {
        max-width: calc((100% - 2 * 5px - 45px) / 2);
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 45px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 16px;
        height: 16px;
    }

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

    section.second_section .second_wrapper .cars .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;
    }

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

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

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

    section.second_section .second_wrapper .cars .car_item .car_price .price_item span {
        margin: 0;
        font: 400 12px/16px "ProximaNova", "Poppins", sans-serif;
        color: #737373;
    }

    section.second_section .second_wrapper .cars .car_item .car_price .price_item p {
        margin: 5px 0 0 0;
        font: 600 22px/26px "ProximaNova", "Poppins", sans-serif;
        color: #141414;
        letter-spacing: -.72px;
    }

    /* Second Section */



    /* Third Section */
    section.third_section .picture {
        margin: 0 auto;
        padding: 20px;
        width: 100%;
    }

    section.third_section .third_section_wrapper .third_section_text,
    section.third_section .third_section_wrapper .third_section_text:nth-child(2) {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        gap: 40px;
    }

    section.third_section .third_section_wrapper .third_section_text .third_item .svg {
        width: 40px;
    }

    section.third_section .third_section_wrapper .third_section_text .third_item .text {
        width: 100%;
        font: 400 24px/34px "ProximaNova", "Poppins", sans-serif;
    }

    /* Third Section */

    /* About Section */

    section.about .about_wrapper .about_content {
        display: flex;
        align-items: flex-start;
        gap: 70px;
    }

    section.about .about_wrapper .about_content .picture {
        width: 100%;
    }

    section.about .about_wrapper .about_content .text {
        width: 100%;
        font: 400 20px/30px "ProximaNova", "Poppins", sans-serif;
    }

    /* About Section */

    /* PartnerShip */

    section.partnership .partnership_wrapper .partnershipSwiper .swiper-wrapper .swiper-slide {
        height: 120px;
        padding: 10px 30px;
    }

    /* PartnerShip */


    /* FAQ Section */
    section.faq .faq_wrapper .faq_items {
        width: 100%;
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .text {
        font: 500 18px/26px "ProximaNova", "Poppins", sans-serif;
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .icon {
        width: 22px;
        height: 22px;
        border: 2px solid rgba(0, 0, 0, 0.4);
    }

    section.faq .faq_wrapper .faq_items .faq_item .question .icon i {
        font-size: 14px;
    }

    section.faq .faq_wrapper .faq_items .faq_item .answer {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    /* FAQ Section */


    /* B2B Section */

    section.b2b .b2b_wrapper .title_description p {
        font: 400 18px/26px "ProximaNova", "Poppins", sans-serif;
    }

    section.b2b .b2b_wrapper .b2b_form {
        display: flex;
        flex-wrap: wrap-reverse;
        align-items: flex-start;
        gap: 50px;
    }

    section.b2b .b2b_wrapper .b2b_form form {
        width: 100%;
    }

    section.b2b .b2b_wrapper .b2b_form .picture {
        width: 100%;
    }

    section.b2b .b2b_wrapper .b2b_form form .form_picture {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    /* B2B Section */


    /* Second Footer */
    section.footer_second .footer_second_wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
    }

    section.footer_second .footer_second_wrapper p {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
        text-align: center;
    }

    section.footer_second .footer_second_wrapper ul {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    section.footer_second .footer_second_wrapper ul li a {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
        text-align: center;
    }

    /* Second Footer */


    /* Login */
    section.login .login_wrapper {
        width: 100%;
    }

    section.login .login_wrapper h2.title {
        font: 500 30px/38px "ProximaNova", "Poppins", sans-serif;
    }

    section.login .login_wrapper p.subtitle {
        font: 400 13px/16px "ProximaNova", "Poppins", sans-serif;
        width: 70%;
    }

    section.login .login_wrapper .buttons button {
        background: rgba(245, 245, 245, 1);
        width: 140px;
        height: 30px;
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
        padding: 0;
    }

    section.login .login_wrapper .tab form .form_group {
        width: 305px;
    }

    section.login .login_wrapper .tab form .form_group .blind_button {
        width: 40px;
        height: 40px;
    }

    section.login .login_wrapper .tab form .form_group .blind_button i {
        font-size: 16px;
    }

    section.login .login_wrapper .tab form .forget_password {
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.login .login_wrapper .tab form button.enter {
        height: 45px;
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    section.login .login_wrapper .tab form {
        align-items: center;
    }

    section.login .login_wrapper .tab form p {
        gap: 6px;
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    section.login .login_wrapper .tab form p a {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    section.login .login_wrapper .tab form .verification {
        font: 400 12px/17px "ProximaNova", "Poppins", sans-serif;
        width: 305px;
    }

    section.login .login_wrapper .tab form .i_am_not_robot .checkbox label {
        font: 500 13px/16px "ProximaNova", "Poppins", sans-serif;
    }

    section.login .login_wrapper .tab form .i_am_not_robot .picture {
        width: 56px;
        height: 59px;
    }

    section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp {
        width: 20px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp input {
        width: 0;
        height: 0;
        border: none;
        outline: none;
        position: relative;
    }

    section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp input::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
        border: 1px solid #d6d6d6;
        border-radius: 3.5px;
    }

    section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp input::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--hertz-white);
        width: 0;
        height: 0;
        background: var(--hertz-yellow);
    }

    section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp input:checked:before {
        width: 20px;
        height: 20px;
        content: "\f00c";
        font: var(--fa-font-solid);
        border: 0.83px solid rgba(255, 227, 123, 1);
    }

    section.login .login_wrapper .tab form .filter_group.registration .filter_input label {
        font: 400 11px/14px "ProximaNova", "Poppins", sans-serif;
        width: calc((100% - 20px));
    }

    section.login .login_wrapper .tab form .filter_group.registration .filter_input label a {
        font: 400 11px/14px "ProximaNova", "Poppins", sans-serif;
    }

    section.login .login_wrapper p.subtitle.otp {
        width: 305px;
    }

    section.login .login_wrapper .tab form .otp_group {
        width: 305px;
    }

    section.login .login_wrapper .tab form .otp_group a.re_send {
        font: 500 14px/16px "ProximaNova", "Poppins", sans-serif;
    }

    section.login .login_wrapper .tab form .otp_group .input-field {
        gap: 12px;
    }

    section.login .login_wrapper .tab form .otp_group .input-field input {
        width: 65px;
        height: 61px;
    }

    /* Login */



    /* Car Details */
    section.car_details .car_details_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
        align-items: stretch;
        margin: 0 0 60px 0;
    }

    section.car_details .car_details_wrapper .carousel {
        width: 100%;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
        height: 75%;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb {
        height: 25%;
    }

    section.car_details .car_details_wrapper .description {
        width: 100%;
    }

    section.car_details .car_details_wrapper .description .car_model .logo {
        width: 40px;
    }

    section.car_details .car_details_wrapper .description .car_model .model_name {
        max-width: calc((100% - 12px - 40px));
        font: 600 22px/30px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_details {
        width: 70%;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item {
        width: calc((100% - 1 * 20px) / 2);
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item .text {
        font: 500 15px/22px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_price .price_item span {
        font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_wrapper .description .car_price .price_item p {
        font: 600 22px/26px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_description .description_title {
        font: 600 20px/26px "ProximaNova", "Poppins", sans-serif;
    }

    section.car_details .car_details_description p {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .swiper-button-next i,
    .swiper-button-prev i {
        font-size: 14px;
    }

    /* Car Details */



    /* Customer Account */
    section.customer_account .customer_account_wrapper {
        gap: 0;
        flex-direction: column;
        position: relative;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_sidebar .close_button {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 5px;
        right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 36px;
        color: var(--hertz-black);
    }

    section.customer_account .customer_account_wrapper .account_sidebar .close_button i {
        font-size: 16px;
        color: var(--hertz-black);
    }

    section.customer_account .customer_account_wrapper .account_sidebar .close_button img {
        display: block;
        width: 50%;
        height: 50%;
    }

    section.customer_account .customer_account_wrapper .account_sidebar .customer_details {
        margin-top: 30px;
    }

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

    /* Customer Account */


    /* Actions */
    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;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item {
        width: 100%;
        background: rgba(245, 245, 245, 1);
        padding: 20px;
        border-radius: 12px;
        display: flex;
        /* align-items: center; */
        gap: 15px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context {
        width: calc(100% - 15px - 110px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 10px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .picture {
        width: 110px;
        height: 130px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .header h2 {
        color: rgba(20, 20, 20, 1);
        font: 600 18px/21px "ProximaNova", "Poppins", sans-serif;
        margin: 0 0 14px 0;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .header p {
        color: rgba(67, 66, 68, 1);
        font: 500 13.9px/17px "ProximaNova", "Poppins", sans-serif;
        margin: 0;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a {
        background: var(--hertz-yellow);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 5.5px 20px;
        border-radius: 50px;
        color: rgba(20, 20, 20, 1);
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a .text {
        width: calc(100% - 8px - 20px);
        color: rgba(20, 20, 20, 1);
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
        text-align: center;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item .context .footer a .icon {
        width: 24px;
        height: 24px;
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item:nth-child(2n) {
        background: var(--hertz-yellow);
    }

    section.customer_account .customer_account_wrapper .actions_wrapper .action_item:nth-child(2n) .footer a {
        background: rgba(245, 245, 245, 1);
    }

    /* Actions */


    /* Account Header Bar */
    section.customer_account .customer_account_wrapper .account_main .account_header_bar {
        padding: 20px;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        justify-content: center;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons {
        gap: 11px;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_actions {
        gap: 11px;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button {
        padding: 8px 15px;
        gap: 8px;
        width: 200px;
    }

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

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons button .text {
        font: 400 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .account_header_buttons .dropdown-menu {
        padding: 10px 0;
        width: 200px !important;
    }

    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;
    }

    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 {
        font: 400 16px/20px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper {
        width: 200px;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part {
        padding: 0 14px;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .account_header_bar .select_wrapper .selection_part .icon {
        width: 18px;
        height: 18px;
    }

    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 ul {
        padding: 8px 0;
    }

    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;
    }

    /* Account Header Bar */


    /* Customer Account Screen Empty  */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen_empty.order {
        min-height: 350px;
    }

    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 p {
        font: 500 17px/21px "ProximaNova", "Poppins", sans-serif;
    }

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

    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;
    }

    /* Customer Account Screen Empty  */


    /* Payments */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper {
        min-height: 500px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item {
        width: 100%;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .header {
        padding: 23.5px 30px;
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .body .body_item .info {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .body .body_item .details {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .footer {
        height: 35px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .payments_wrapper .payment_item .footer a {
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content {
        width: 95%;
        margin: 50px auto;
        min-height: 300px;
        padding: 16px;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .modal_close_button {
        width: 30px;
        height: 30px;
        top: 20px;
        right: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .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;
    }

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

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

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .invoice_wrapper .middle {
        gap: 15px;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .modal-dialog .modal-content .invoice_wrapper .middle .middle_item {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 5px;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal.payment .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;
    }

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

    section.customer_account .customer_account_wrapper .account_main .modal.payment .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;
    }

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

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

    /* Payments */



    /* Notification */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_main .header {
        font: 600 15px/17px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen.notification .notification_pic {
        padding: 8px;
    }

    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;
    }

    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;
    }

    /* Notification */



    /* Order Section */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top {
        gap: 20px;
    }

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

    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;
    }

    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;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .order_section .order_section_top .order_top_item .details {
        justify-content: flex-start;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    /* Order Section */




    /* Customer Account Profile Info */
    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 {
        column-gap: 0;
        row-gap: 24px;
    }

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

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .input_wrapper {
        height: 38px;
    }

    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;
    }

    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;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .profile_info form .form_group .country_wrapper .country_select {
        height: 38px;
    }

    /* Customer Account Profile Info */




    /* Loyality Section */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .loyality_wrapper .loyality_header .title {
        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),
    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);
    }

    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;
    }

    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;
    }

    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;
    }

    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;
        justify-content: flex-start;
        padding: 18px 0;
    }

    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(3) {
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }


    .loyality_empty_cards {
        column-gap: 20px;
        row-gap: 30px;
        padding: 0;
        width: 100%;
    }

    .loyality_empty_cards .loyality_empty_card {
        width: 100%;
        padding: 16px;
    }

    .loyality_empty_cards .loyality_empty_card .context {
        gap: 12px;
    }

    .loyality_empty_cards .loyality_empty_card .context .icon {
        width: 68px;
        height: 63px;
    }

    .loyality_empty_cards .loyality_empty_card .context .text {
        width: calc((100% - 12px - 68px));
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Loyality Section */




    /* Documents Wrapper */
    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper {
        gap: 22px;
        min-height: 500px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item {
        width: 100%;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .header {
        padding: 16px 20px;
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body {
        padding: 20px;
        gap: 5px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body .body_item .info {
        font: 400 12px/15px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .body .body_item .details {
        font: 400 12px/15px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete {
        gap: 8px;
        padding: 4px 10px 4px 0;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete .icon {
        width: 25px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .delete .text {
        width: calc((100% - 8px - 25px));
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .edit {
        padding: 4px 16px;
        font: 400 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Documents Wrapper */



    /* Delete Modal */

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content {
        width: 310px;
        padding: 20px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .modal_close_button {
        width: 23px;
        height: 23px;
        top: 10px;
        right: 10px;
        padding: 4px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .title {
        font: 600 17px/21px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .hint {
        font: 500 12px/14px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .top .hint span {
        font: 600 12px/14px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .bottom {
        gap: 10px;
    }

    section.customer_account .customer_account_wrapper .account_main .customer_account_screen .documents_wrapper .document_item .footer .modal.removeNotify .modal-dialog .modal-content .bottom a {
        padding: 8px 9px;
        font: 500 13px/15px "ProximaNova", "Poppins", sans-serif;
    }

    /* Delete Modal */





    /* Documents Modal */
    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog {
        margin: 30px auto !important;
        width: 95%;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content {
        width: 100%;
        height: 85vh;
        border-radius: 12px;
        padding: 20px;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .header {
        height: 50px;
        font: 600 18px/24px "ProximaNova", "Poppins", sans-serif;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .footer {
        font: 500 20px/28px "ProximaNova", "Poppins", sans-serif;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body {
        gap: 20px;
    }

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

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .form_group .input_wrapper {
        height: 38px;
    }

    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;
    }

    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;
    }

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper {
        gap: 20px;
        flex-direction: column;
    }

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

    section.customer_account .customer_account_wrapper .account_main .modal .modal-dialog .modal-content .body .multi_form_group_wrapper .form_group .input_wrapper {
        height: 38px;
    }

    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;
    }

    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;
    }

    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;
    }

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

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }

    /* Documents Modal */



    /* Actions Details */
    .actions_details_header h2 {
        font: 600 22px/26px "ProximaNova", "Poppins", sans-serif;
    }

    .actions_details .actions_details_wrapper {
        flex-wrap: wrap;
        gap: 30px;
    }

    .actions_details .actions_details_wrapper .picture {
        width: 100%;
    }

    .actions_details .actions_details_wrapper .details {
        width: 100%;
        font: 400 16x/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Actions Details */
}





@media only screen and (max-width: 767.98px) {

    /* Sidebar Form */
    .sidebar_form {
        right: -100%;
        width: 100%;
    }

    .sidebar_form .close_form {
        width: 30px;
        height: 30px;
        position: absolute;
        z-index: 1;
        top: 0;
        left: auto;
        right: 0;
        transform: translate(0, 0);
    }

    .sidebar_form .close_form img {
        transform: scale(0.6);
    }

    .sidebar_form .form_wrapper form>div:not(.offcanvas) {
        width: calc((100% - 2 * 20px));
    }

    .sidebar_form .form_wrapper form .header {
        margin-top: 25px;
        height: 55px;
        align-items: center;
        justify-content: center;
    }

    .sidebar_form .form_wrapper form .header h3 {
        font: 600 21px/27px "ProximaNova", "Poppins", sans-serif;
        text-align: center;
        display: -webkit-inline-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .sidebar_form .form_wrapper form .footer {
        height: 150px;
    }

    .sidebar_form .form_wrapper form .body {
        top: 180px;
        height: calc(100% - 55px - 25px - 100px - 150px);
    }

    .sidebar_form .form_wrapper .progress_wrapper {
        top: 80px;
        width: calc((100% - 2 * 20px));
    }

    .sidebar_form .form_wrapper .progress_wrapper .progress_text {
        top: 50px;
    }

    .sidebar_form .form_wrapper .progress_wrapper .progress_line {
        width: 90%;
    }

    .sidebar_form .form_wrapper .progress_wrapper .progress_line .circle {
        height: 22px;
        width: 22px;
    }

    .sidebar_form .form_wrapper .progress_wrapper .progress_line .circle.active {
        box-shadow: 0 0 0 2px #ffeca8;
        border: 1px solid var(--hertz-yellow);
    }

    .sidebar_form .form_wrapper form .footer .details {
        height: auto;
        top: 20px;
        padding-bottom: 10px;
    }

    .sidebar_form .form_wrapper form .footer .price .text,
    .sidebar_form .form_wrapper form .footer .info .text {
        width: 65%;
    }

    .sidebar_form .form_wrapper form .footer .price .total,
    .sidebar_form .form_wrapper form .footer .info .total {
        width: 33%;
    }

    .sidebar_form .form_wrapper form .footer .price .text {
        font: 500 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper form .footer .info .text {
        font: 400 11px/13px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper form .footer .price .total {
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper form .footer .info .total {
        font: 500 10px/12px "ProximaNova", "Poppins", sans-serif;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 3px;
    }

    .sidebar_form .form_wrapper form .footer .info .total .icon {
        width: 13px;
        height: 13px;
    }

    .sidebar_form .form_wrapper form .footer .info .total .icon i {
        font-size: 9px;
    }

    .sidebar_form .form_wrapper form .footer .buttons {
        top: auto;
        bottom: 24px;
        height: 36px;
    }

    .sidebar_form .form_wrapper form .footer .buttons button {
        height: 100%;
        gap: 6px;
        font: 600 13px/18px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper form .footer .buttons button .text {
        font: 600 13px/18px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper form .footer .buttons button .icon i {
        font-size: 12px;
    }

    /* Form1 */
    .sidebar_form .form_wrapper #form1 .body {
        gap: 12px;
        padding-bottom: 80px;
    }

    .sidebar_form .form_wrapper #form1 .body .form_group label,
    .sidebar_form .form_wrapper #form1 .body .form_group .label {
        margin: 0 0 3px 0;
        font: 700 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_select {
        height: 38px;
        padding: 0 12px;
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_select .name {
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
        width: 52px;
    }

    .sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_select input {
        width: calc((100% - 52px));
    }

    .sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_dropdown {
        top: calc(38px + 4px);
        max-height: 180px;
    }

    .sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_dropdown ul li {
        padding: 5px 33px 5px 12px;
    }

    .sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_dropdown ul li .price {
        width: 43px;
        font: 700 14px/16px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #form1 .body .form_group .destination_wrapper .destination_dropdown ul li .name {
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
        width: calc((100% - 15px));
    }

    .sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper {
        gap: 12px;
    }

    .sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group {
        width: calc((100% - 12px) / 2);
    }

    .sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_select {
        height: 38px;
        padding: 0 12px;
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_select input {
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_select .icon {
        width: 30px;
    }

    .sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_select .icon i {
        font-size: 14px;
    }

    .sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_dropdown {
        top: calc(38px + 4px);
        max-height: 180px;
    }

    .sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_dropdown ul li {
        padding: 5px 33px 5px 12px;
    }

    .sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .time_wrapper .time_dropdown ul li .name {
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .input_wrapper {
        height: 38px;
    }

    .sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .input_wrapper .icon {
        width: 30px;
    }

    .sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .input_wrapper .icon i {
        font-size: 14px;
    }

    .sidebar_form .form_wrapper #form1 .body .multi_form_group_wrapper .form_group .input_wrapper input {
        padding: 0 12px;
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Form1 */

    /* Form2 */
    .sidebar_form .form_wrapper #form2 .body {
        gap: 12px;
        padding-bottom: 80px;
    }

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

    .sidebar_form .form_wrapper #form2 .body .form_group label {
        margin: 0 0 3px 0;
        font: 700 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper {
        height: 38px;
    }

    .sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper input {
        padding: 0 12px;
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #form2 .body .form_group .input_wrapper input::placeholder {
        color: rgba(20, 20, 20, 1);
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .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 .form_group .iti {
        width: 100%;
    }

    .sidebar_form .form_wrapper #form2 .body .form_group textarea {
        height: 100px;
        padding: 12px;
        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;
    }

    .sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper {
        width: 100% !important;
    }

    .sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_select .country .name {
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
        max-width: calc(100% - 8px - 20px);
    }

    .sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_select {
        width: 100%;
        height: 38px;
        padding: 0 12px;
    }

    .sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_select .country .flag {
        width: 20px;
    }

    .sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_select .country .name {
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
        max-width: calc(100% - 8px - 20px);
    }

    .sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_select .icon {
        width: 30px;
        height: 30px;
    }

    .sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_select .icon i {
        font-size: 13px;
    }

    .sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_dropdown {
        top: calc(38px + 4px);
    }

    .sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_dropdown ul li {
        padding: 4px 12px;
    }

    .sidebar_form .form_wrapper #form2 .body .form_group .country_wrapper .country_dropdown ul li .name {
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    /* Form2 */

    /* Form3 */
    .sidebar_form .form_wrapper #form3 .body {
        padding-bottom: 80px;
    }

    .sidebar_form .form_wrapper #form3 .body .top_wrapper .car_logo .model {
        width: calc((100% - 12px - 32px));
        font: 700 17px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details {
        flex-direction: column;
    }

    .sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_picture {
        width: 100%;
    }

    .sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_info {
        width: 100%;
    }

    .sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_info .detail_item:nth-child(3n + 1),
    .sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_info .detail_item:nth-child(3n) {
        max-width: calc((100% - 10px - 53px) / 2);
    }

    .sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_info .detail_item:nth-child(3n - 1) {
        width: 53px;
    }

    .sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_info .detail_item .detail_inner_item .svg {
        width: 20px;
        height: 20px;
    }

    .sidebar_form .form_wrapper #form3 .body .top_wrapper .car_details .car_info .detail_item .detail_inner_item .text {
        width: calc((100% - 5px - 20px));
        font: 500 13px/17px "ProximaNova", "Poppins", sans-serif;
        word-break: break-all;
    }

    .sidebar_form .form_wrapper #form3 .body .bottom_wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }

    .sidebar_form .form_wrapper #form3 .body .bottom_wrapper .bottom_item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 5px;
    }

    .sidebar_form .form_wrapper #form3 .body .bottom_wrapper .bottom_item h3 {
        margin: 0;
        font: 500 15px/18px "ProximaNova", "Poppins", sans-serif;
        color: #737373;
    }

    .sidebar_form .form_wrapper #form3 .body .bottom_wrapper .bottom_item p {
        margin: 0;
        font: 600 17px/20px "ProximaNova", "Poppins", sans-serif;
        color: #141414;
    }

    /* Form3 */


    /* Document Form */
    .sidebar_form .form_wrapper #document_form .body {
        padding-bottom: 80px;
    }

    .sidebar_form .form_wrapper #document_form .body .accordion .accordion-item .accordion-header button.accordion-button {
        height: 38px;
        padding: 0 12px;
        font: 600 16px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item {
        width: 100%;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper {
        gap: 12px;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .form_group label {
        margin: 0 0 3px 0;
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .form_group .label {
        margin: 0 0 3px 0;
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .form_group .input_wrapper {
        height: 38px;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .form_group .input_wrapper input {
        padding: 0 40px 0 12px;
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .form_group .input_wrapper input::placeholder {
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper {
        gap: 12px;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group {
        width: calc((100% - 12px) / 2);
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .input_wrapper {
        height: 38px;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .input_wrapper .icon {
        width: 35px;
        height: 100%;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .icon i {
        font-size: 13px;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .input_wrapper input {
        padding: 0 12px;
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .image_uploader {
        height: auto;
        width: 100%;
        aspect-ratio: 1 / 1 !important;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload {
        padding: 12px;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload img {
        width: 45px;
        height: 45px;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .image_uploader .drop_area .image_upload p {
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }


    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete {
        width: 25px;
        height: 21px;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .delete i {
        font-size: 13px;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new {
        width: 25px;
        height: 21px;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .multi_form_group_wrapper .form_group .image_uploader .image_display .image_configuration .new i {
        font-size: 13px;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .country_wrapper {
        width: 100% !important;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .country_wrapper .country_select .country .name {
        font: 400 14px/21px "ProximaNova", "Poppins", sans-serif;
    }

    .sidebar_form .form_wrapper #document_form .body .document_form_item .document_form_wrapper .country_wrapper .country_select {
        height: 38px;
        padding: 0 12px;
    }

    /* Document Form */


    /* Sidebar Form */
}

/* RESPONSIVE */





























/* Cars Details */
section.second_section .second_wrapper .cars .car_item .car_details,
.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 5px;
}

section.second_section .second_wrapper .cars .car_item .car_details .detail_item,
.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
}

section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n + 1),
section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n),
.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n + 1),
.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n) {
    max-width: 150px;
}

section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n - 1),
.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n - 1) {
    width: 53px;
}

section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n - 1) .detail_inner_item,
.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n - 1) .detail_inner_item {
    margin: 0 auto;
}

section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item,
.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .detail_inner_item {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .svg,
.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .detail_inner_item .svg {
    width: 18px;
    height: 18px;
    margin-top: 5px;
}

section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .text,
.bron_wrapper #bronnes_car .offcanvas_body .cars .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) {

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 125px !important;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n - 1),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 43px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .svg,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 17px;
        height: 17px;
        margin-top: 4px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .text,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .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) {

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 170px !important;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n - 1),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 51px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .svg,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 18px;
        height: 18px;
        margin-top: 4px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .text,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .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) {

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 165px !important;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n - 1),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 55px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .svg,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 18px;
        height: 18px;
        margin-top: 3px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .text,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .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) {

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n) {
        max-width: 145px !important;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n - 1),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 47px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .svg,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 17px;
        height: 17px;
        margin-top: 3px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .text,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .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) {

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n + 1),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n) {
        max-width: calc((100% - 2 * 5px - 45px) / 2);
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item:nth-child(3n - 1),
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item:nth-child(3n - 1) {
        width: 45px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .detail_inner_item {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .svg,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .detail_inner_item .svg {
        width: 16px;
        height: 16px;
        margin-top: 2px;
    }

    section.second_section .second_wrapper .cars .car_item .car_details .detail_item .detail_inner_item .text,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_details .detail_item .detail_inner_item .text {
        width: calc((100% - 5px - 16px));
        font: 500 13px/21px "ProximaNova", "Poppins", sans-serif;
    }
}

/* Cars Details */



footer .top_footer .top_footer_wrapper .top_footer_item ul li a,
footer .top_footer .top_footer_wrapper .top_footer_item ul li p {
    font: 500 14px/17px "ProximaNova", "Poppins", sans-serif !important;
}

/* section.advantages .advantages_wrapper .advantages_item h3 {
    font: 600 18px/24px "ProximaNova", "Poppins", sans-serif !important;
}
section.advantages .advantages_wrapper .advantages_item p{
    font: 400 15px/24px "ProximaNova", "Poppins", sans-serif !important;
} */






.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;
}

.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;
}

.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.second_section.page .customer_account_screen_empty.order {
    background: rgba(245, 245, 245, 1);
    min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
    width: 100%;
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 24px;
    padding: 20px;
}

section.second_section.page .customer_account_screen_empty.order .picture {
    width: 500px;
}

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

section.second_section.page .customer_account_screen_empty.order .text h3 {
    margin: 0;
    text-align: center;
    color: rgba(20, 20, 20, 1);
    font: 500 24px/30px "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.second_section.page .customer_account_screen_empty.order {
        min-height: 500px;
    }

    section.second_section.page .customer_account_screen_empty.order .picture {
        width: 500px;
    }

    section.second_section.page .customer_account_screen_empty.order .text h3 {
        font: 500 24px/30px "ProximaNova", "Poppins", sans-serif;
    }

    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.second_section.page .customer_account_screen_empty.order {
        min-height: 470px;
    }

    section.second_section.page .customer_account_screen_empty.order .picture {
        width: 450px;
    }

    section.second_section.page .customer_account_screen_empty.order .text h3 {
        font: 500 24px/30px "ProximaNova", "Poppins", sans-serif;
    }

    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.second_section.page .customer_account_screen_empty.order {
        min-height: 420px;
    }

    section.second_section.page .customer_account_screen_empty.order .picture {
        width: 400px;
    }

    section.second_section.page .customer_account_screen_empty.order .text h3 {
        font: 500 24px/30px "ProximaNova", "Poppins", sans-serif;
        width: 70%;
    }
    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.second_section.page .customer_account_screen_empty.order {
        min-height: 370px;
    }

    section.second_section.page .customer_account_screen_empty.order .picture {
        width: 350px;
    }

    section.second_section.page .customer_account_screen_empty.order .text h3 {
        font: 500 24px/30px "ProximaNova", "Poppins", sans-serif;
        width: 70%;
    }

    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.second_section.page .customer_account_screen_empty.order {
        min-height: 300px;
    }

    section.second_section.page .customer_account_screen_empty.order .picture {
        width: 90%;
    }

    section.second_section.page .customer_account_screen_empty.order .text h3 {
        font: 500 21px/24px "ProximaNova", "Poppins", sans-serif;
        width: 90%;
    }
    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;
    }
}



/* Start checkout canvas  */

.offcanvas-backdrop {
    background: transparent;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 120% !important;
    height: 100vh !important;
    z-index: 11;
}

#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;
}

#checkout .checkout_wrapper .close_apply_order {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 20px;
    right: 0;
    cursor: pointer;
    background: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    z-index: 2;
}

#checkout .header {
    height: 72px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

#checkout .header p {
    margin: 0;
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    color: #737373;
    text-align: left;
}

#checkout .body {
    width: 100%;
    top: 72px;
    height: calc(100% - 72px - 170px);
    overflow-y: auto;
    position: absolute;
    z-index: 12;
}

#checkout .footer {
    height: 170px;
}

#checkout .footer .details {
    top: 10px;
    height: auto;
}

#checkout .footer .buttons {
    height: auto;
    top: auto;
    bottom: 32px;
}

#checkout .footer .buttons .apply_order_button {
    transition: 0.3s;
    background: #D6D6D6;
}

#checkout .footer .buttons .apply_order_button.active {
    background: #fc0;
}

#checkout .checkout_wrapper .body .apply_payment_methods {
    margin-top: 32px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
}

#checkout .checkout_wrapper .body .apply_payment_methods .payment_method {
    width: 100%;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    overflow: hidden;
    transition: all 0.3s;
}

#checkout .checkout_wrapper .body .apply_payment_methods .payment_method.active {
    border: 1px solid #FFCC00;
}

#checkout .checkout_wrapper .body .apply_payment_methods .payment_method label {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

#checkout .checkout_wrapper .body .apply_payment_methods .payment_method label .context {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 42px 0 16px;
}

#checkout .checkout_wrapper .body .apply_payment_methods .payment_method label .context .title {
    font: 400 16px/20px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
    text-align: left;
    width: 100%;
}

#checkout .checkout_wrapper .body .apply_payment_methods .payment_method label .context .description {
    font: 400 12px/15px "ProximaNova", "Poppins", sans-serif;
    color: #737373;
    text-align: left;
    width: 100%;
    display: -webkit-inline-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    line-clamp: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

#checkout .checkout_wrapper .body .apply_payment_methods .payment_method label input[type=radio] {
    display: none;
}

#checkout .checkout_wrapper .body .apply_payment_methods .payment_method label .radio {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

#checkout .checkout_wrapper .body .apply_payment_methods .payment_method label .radio.active {
    border: 1px solid #FFCC00;
    box-shadow: 0 0 0 3px #ffeca8;
}

#checkout .checkout_wrapper .body .apply_payment_methods .payment_method label .radio .dot {
    width: 0;
    height: 0;
    border-radius: 50%;
    transition: all 0.3s;
    background: transparent;
}

#checkout .checkout_wrapper .body .apply_payment_methods .payment_method label .radio .dot.active {
    width: 50%;
    height: 50%;
    background: #FFCC00;
}

#checkout .checkout_wrapper .body .apply_payment_method_details {
    margin: 50px 0 80px;
    width: 100%;
}

#checkout .checkout_wrapper .body .apply_payment_method_details {
    display: none;
}

#checkout .checkout_wrapper .body .apply_payment_method_details.active {
    display: block;
}

#checkout .checkout_wrapper .body .azalmiles_details {
    margin: 50px 0 24px;
    display: none;
}

#checkout .checkout_wrapper .body .azalmiles_details.active {
    display: block;
}

#checkout .checkout_wrapper .body .apply_payment_method_details>div, .halfprice {
    display: none;
}

#checkout .checkout_wrapper .body .apply_payment_method_details>div.active, .halfprice.active {
    display: block;
}

#checkout .checkout_wrapper .body .apply_payment_method_details>div, .azalmiles {
    display: none;
}

#checkout .checkout_wrapper .body .apply_payment_method_details>div.active, .azalmiles.active {
    display: block;
}

#checkout .azalmiles {
    margin-bottom: 24px;
    width: 30%;
}

#checkout .azalmiles .input {
    height: 45px;
    border: 1px solid #E5E5E5;
    overflow: hidden;
    border-radius: 8px;
    background: #FBFBFB;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
}

#checkout .azalmiles .input input {
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    padding: 0 42px 0 16px;
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    color: #6F7072;
}

#checkout .checkout_wrapper .body .apply_payment_method_details .title {
    font: 400 18px/22px "ProximaNova", "Poppins", sans-serif;
    color: #737373;
    text-align: left;
    padding: 0;
    margin: 0 0 20px 0;
}

#checkout .halfprice .inner_payment_methods {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

#checkout .halfprice .inner_payment_methods .inner_payment_method {
    width: 100%;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

#checkout .halfprice .inner_payment_methods .inner_payment_method .text {
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
    text-align: left;
    padding: 0;
    margin: 0;
    width: calc((100% - 10px - 120px));
}

#checkout .halfprice .inner_payment_methods .inner_payment_method .input {
    width: 120px;
    height: 100%;
    border: 1px solid #E5E5E5;
    overflow: hidden;
    border-radius: 8px;
    background: #FBFBFB;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
}

#checkout .halfprice .inner_payment_methods .inner_payment_method .input span {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    user-select: none;
    pointer-events: none;
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    color: #6F7072;
    text-align: left;
}

#checkout .halfprice .inner_payment_methods .inner_payment_method .input input {
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    padding: 0 50px 0 5px;
    text-align: right;
    background: #FBFBFB;
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    color: #6F7072;
}

#checkout .halfprice .inner_payment_methods .inner_payment_method .input input[type="number"]::-webkit-outer-spin-button,
#checkout .halfprice .inner_payment_methods .inner_payment_method .input input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#checkout .checkout_wrapper .body .apply_payment_method_details .full_bonus .bonus_button {
    background: #F4F4F4;
    border-radius: 8px;
    padding: 8px 12px;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    gap: 5px;
    margin: 0 auto 50px;
}

#checkout .checkout_wrapper .body .apply_payment_method_details .full_bonus .bonus_button .icon {
    border: 1.6px solid #141414;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#checkout .checkout_wrapper .body .apply_payment_method_details .full_bonus .bonus_button .text {
    color: #141414;
    font: 500 16px/22px "ProximaNova Medium", "Poppins", sans-serif;
}

#checkout .checkout_wrapper .body .apply_payment_method_details .full_bonus .bonus_button .icon i {
    color: #141414;
    font-size: 12px;
    margin-top: -2px;
}

#checkout .checkout_wrapper .body .apply_payment_method_details .full_bonus .bonus_title {
    text-align: center;
    font: 500 15px/21px "ProximaNova Medium", "Poppins", sans-serif;
    color: #E96F6F;
}


@media only screen and (max-width:767.98px) {

    #checkout {
        width: 100%;
    }
    #checkout .checkout_wrapper {
        width: calc((100% - 2 * 20px));
        margin: 0;
    }
    #checkout .header {
        height: 72px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #checkout .header p {
        font: 400 14px/17px "ProximaNova", "Poppins", sans-serif;
        text-align: center !important;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #checkout .body {
        top: calc(72px + 30px);
        height: calc(100% - 72px - 160px - 30px);
    }
    #checkout .footer {
        height: 160px;
    }
    #checkout .footer .details {
        top: 10px;
        height: auto;
    }
    #checkout .footer .buttons {
        top: auto;
        bottom: 24px;
        height: 36px;
    }
    #checkout .footer .buttons .apply_order_button {
        height: 100%;
        font: 600 13px/18px "ProximaNova", "Poppins", sans-serif;
    }
    #checkout .checkout_wrapper .body .apply_payment_methods .payment_method label .context {
        padding: 0 32px 0 16px;
    }
    #checkout .checkout_wrapper .body .apply_payment_methods .payment_method label .context .title {
        font: 400 16px/20px "ProximaNova", "Poppins", sans-serif;
    }
    #checkout .checkout_wrapper .body .apply_payment_methods .payment_method label .context .description {
        font: 400 11px/15px "ProximaNova", "Poppins", sans-serif;
    }
    #checkout .checkout_wrapper .body .apply_payment_methods .payment_method label .radio {
        right: 10px;
        width: 21px;
        height: 21px;
    }
    #checkout .checkout_wrapper .body .apply_payment_method_details .title {
        font: 400 15px/19px "ProximaNova", "Poppins", sans-serif;
        margin: 0 0 20px 0;
    }
    #checkout .halfprice .inner_payment_methods {
        gap: 10px;
    }
    #checkout .halfprice .inner_payment_methods .inner_payment_method {
        height: 35px;
        gap: 5px;
    }
    #checkout .halfprice .inner_payment_methods .inner_payment_method .text {
        font: 400 13px/17px "ProximaNova", "Poppins", sans-serif;
        width: calc((100% - 5px - 90px));
    }
    #checkout .halfprice .inner_payment_methods .inner_payment_method .input {
        width: 90px;
    }
    #checkout .halfprice .inner_payment_methods .inner_payment_method .input span {
        right: 10px;
        font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    }
    #checkout .halfprice .inner_payment_methods .inner_payment_method .input input {
        padding: 0 40px 0 5px;
        font: 400 14px/18px "ProximaNova", "Poppins", sans-serif;
    }
    #checkout .checkout_wrapper .body .apply_payment_method_details .full_bonus .bonus_button {
        padding: 8px 12px;
        width: 270px;
        margin: 0 auto 50px;
    }
    #checkout .checkout_wrapper .body .apply_payment_method_details .full_bonus .bonus_button .icon {
        border: 1.2px solid #141414;
        width: 20px;
        height: 20px;
    }
    #checkout .checkout_wrapper .body .apply_payment_method_details .full_bonus .bonus_button .text {
        font: 500 14px/18px "ProximaNova Medium", "Poppins", sans-serif;
    }
    #checkout .checkout_wrapper .body .apply_payment_method_details .full_bonus .bonus_title {
        font: 500 13px/17px "ProximaNova Medium", "Poppins", sans-serif;
    }
}


/* End checkout canvas  */



/* Start new invoice and popups css  */


/* Bootstrap Popup */
.bootstrap_modal {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    width: 408px;
    padding: 24px 24px 32px 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bootstrap_modal .close_popup {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: #F5F5F5;
    padding: 4px;
    border-radius: 4px;
}

.bootstrap_modal .picture {
    background: #95D451;
    margin: 60px auto 24px;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 8px solid #AEE96F;
    padding: 12px;
}

.bootstrap_modal .picture.fail {
    background: #E96F6F;
    border: 8px solid #FD8C8C;
}

.bootstrap_modal h3 {
    font: 500 24px/34px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
    text-align: center;
    margin: 0 0 4px 0;
    padding: 0;
}

.bootstrap_modal p {
    font: 500 16px/22px "ProximaNova", "Poppins", sans-serif;
    color: #737373;
    text-align: center;
    margin: 0 0 32px 0;
    padding: 0;
}

.bootstrap_modal .order_link {
    background: #FFCC00;
    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;
}

/* Bootstrap Popup */




/* Order Notification */
section.order_notification {
    min-height: calc((100vh - 104px - 104px));
}

section.order_notification .order_notification_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

section.order_notification .order_notification_wrapper .order_notification_card {
    border: 1px solid #D6D6D6;
    width: 500px;
    width: 388px;
    border-radius: 8px;
    padding: 24px;
    position: relative;
}

section.order_notification .order_notification_wrapper .order_notification_card .print_button {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    padding: 8px;
    border: 1px solid #D6D6D6;
    background: #F5F5F5;
    cursor: pointer;
}

section.order_notification .order_notification_wrapper .order_notification_card .header {
    margin: 50px 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

section.order_notification .order_notification_wrapper .order_notification_card .header .picture {
    background: #95D451;
    width: 120px;
    height: 120px;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 8px solid #AEE96F;
    padding: 12px;
}

section.order_notification .order_notification_wrapper .order_notification_card .header .picture.fail {
    background: #E96F6F;
    border: 8px solid #FD8C8C;
}

section.order_notification .order_notification_wrapper .order_notification_card .header h3 {
    font: 600 24px/34px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
    text-align: center;
    margin: 0;
    padding: 0;
}

section.order_notification .order_notification_wrapper .order_notification_card .body {
    margin: 0 0 20px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}

section.order_notification .order_notification_wrapper .order_notification_card .body .order_item {
    width: 100%;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #D6D6D6;
}

section.order_notification .order_notification_wrapper .order_notification_card .body .order_item h4 {
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
    text-align: center;
    margin: 0 0 12px 0;
    padding: 0;
}
section.order_notification .order_notification_wrapper .order_notification_card .body .order_item .bonus_info {
    margin: -12px 0 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}
section.order_notification .order_notification_wrapper .order_notification_card .body .order_item .bonus_info .text{
    text-align: left;
    color: #737373;
    font: 400 14px/19px "ProximaNova", "Poppins", sans-serif;
    margin: 0;
    padding: 0;
}
section.order_notification .order_notification_wrapper .order_notification_card .body .order_item .bonus_info a{
    width: 19px;
    height: 19px;
    padding: 1.5px;
    cursor: pointer;
    overflow: hidden;
}
section.order_notification .order_notification_wrapper .order_notification_card .body .order_item .order_details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}

section.order_notification .order_notification_wrapper .order_notification_card .body .order_item .order_details .order_detail {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

section.order_notification .order_notification_wrapper .order_notification_card .body .order_item .order_details .order_detail .left {
    /* width: calc((100% - 10px) / 2); */
    width: 53%;
    text-align: left;
    color: #686868;
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
}

section.order_notification .order_notification_wrapper .order_notification_card .body .order_item .order_details .order_detail .right {
    /* width: calc((100% - 10px) / 2); */
    width: 47%;
    text-align: right;
    color: #141414;
    font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
}

section.order_notification .order_notification_wrapper .order_notification_card .body .order_item .order_details .order_detail .right.bonus {
    color: #FFCC00;
}

section.order_notification .order_notification_wrapper .order_notification_card .footer p {
    font: 500 16px/22px "ProximaNova", "Poppins", sans-serif;
    color: #737373;
    text-align: center;
    margin: 0 0 12px 0;
    padding: 0;
}

section.order_notification .order_notification_wrapper .order_notification_card .footer a {
    background: #FFCC00;
    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;
}

section.order_notification .order_notification_wrapper .order_notification_card .footer a.mail {
    background: #fff;
    border: 1px solid #D6D6D6;
}

section.order_notification .order_notification_wrapper .order_notification_card .footer a:not(:last-child) {
    margin: 0 0 8px 0;
}

/* Order Notification */


@media only screen and (max-width:575.98px) {

    /* Bootstrap Popup */
    .bootstrap_modal {
        width: 90%;
    }

    /* Bootstrap Popup */


    /* Order Notification */
    section.order_notification {
        min-height: calc((100vh - 104px - 144px));
    }

    section.order_notification .order_notification_wrapper .order_notification_card {
        width: 97%;
        padding: 20px 12px;
    }

    section.order_notification .order_notification_wrapper .order_notification_card .print_button {
        top: 12px;
        right: 12px;
    }

    section.order_notification .order_notification_wrapper .order_notification_card .header {
        margin: 35px 0 20px;
    }

    section.order_notification .order_notification_wrapper .order_notification_card .header h3 {
        font: 600 24px/34px "ProximaNova", "Poppins", sans-serif;
    }

    section.order_notification .order_notification_wrapper .order_notification_card .body .order_item h4 {
        font: 400 16px/22px "ProximaNova", "Poppins", sans-serif;
    }

    section.order_notification .order_notification_wrapper .order_notification_card .body .order_item .order_details .order_detail .left {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    section.order_notification .order_notification_wrapper .order_notification_card .body .order_item .order_details .order_detail .right {
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    section.order_notification .order_notification_wrapper .order_notification_card .footer p {
        font: 500 16px/22px "ProximaNova", "Poppins", sans-serif;
    }

    section.order_notification .order_notification_wrapper .order_notification_card .footer a {
        font: 600 16px/30px "ProximaNova", "Poppins", sans-serif;
    }

    /* Order Notification */
}
section.second_section .second_wrapper .cars .car_item .car_picture,
.bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture {
    width: 100%;
    height: 214px;
}

section.car_details .car_details_wrapper .carousel {
    width: calc(60% - 100px);
}

section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
    height: 400px;
}

section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb {
    height: auto !important;
}

section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb .swiper-slide {
    width: 25%;
    height: 96px;
}

section.car_details .car_details_wrapper .description {
    width: 40%;
}

section.car_details .car_details_wrapper .description .car_model {
    margin: 40px auto;
}

section.car_details .car_details_wrapper .description .car_details {
    justify-content: space-between;
    gap: 20px;
    width: 80%;
    margin: 10px 0px 40px 60px;
}

section.car_details .car_details_wrapper .description .car_details .detail_item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

section.car_details .car_details_wrapper .description .car_details .detail_item:nth-child(3n + 2) {
    width: 60px;
}

section.car_details .car_details_wrapper .description .car_details .detail_item:not(:nth-child(3n + 2)) {
    width: 140px;
}

section.car_details .car_details_wrapper .description .car_details .detail_item:nth-child(3n) {
    transform: translateX(35px);
}



@media only screen and (min-width: 1200px) and (max-width:1399.98px) {

    section.second_section .second_wrapper .cars .car_item .car_picture,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture {
        height: 201px;
    }

    section.car_details .car_details_wrapper .carousel {
        width: calc(60% - 100px);
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
        height: 336px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb .swiper-slide {
        height: 80px;
    }

    section.car_details .car_details_wrapper .description {
        width: 40%;
    }

    section.car_details .car_details_wrapper .description .car_model {
        margin: 30px auto 40px;
    }

    section.car_details .car_details_wrapper .description .car_details {
        column-gap: 10px;
        row-gap: 20px;
        width: 85%;
        margin: 10px auto 40px;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:nth-child(3n + 2) {
        width: 60px;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:not(:nth-child(3n + 2)) {
        width: 140px;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:nth-child(3n) {
        transform: translateX(25px);
    }
}

@media only screen and (min-width: 992px) and (max-width:1199.98px) {

    section.second_section .second_wrapper .cars .car_item .car_picture,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture {
        height: 266px;
    }

    section.car_details .car_details_wrapper .carousel {
        width: calc(60% - 20px);
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
        height: 320px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb .swiper-slide {
        height: 76px;
    }

    section.car_details .car_details_wrapper .description {
        width: 40%;
    }

    section.car_details .car_details_wrapper .description .car_model {
        margin: 30px auto 40px;
    }

    section.car_details .car_details_wrapper .description .car_details {
        column-gap: 10px;
        row-gap: 20px;
        width: 95%;
        margin: 10px auto 40px;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:nth-child(3n + 2) {
        width: 60px;
        transform: translateX(-5px);

    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:not(:nth-child(3n + 2)) {
        width: 130px;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:nth-child(3n) {
        transform: translateX(25px);
    }
}




@media only screen and (min-width: 768px) and (max-width:991.98px) {

    section.second_section .second_wrapper .cars .car_item .car_picture,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture {
        height: 262px;
    }

    section.car_details .car_details_wrapper .carousel {
        width: 100%;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
        height: 410px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb .swiper-slide {
        height: 98px;
    }

    section.car_details .car_details_wrapper .description {
        width: 100%;
    }

    section.car_details .car_details_wrapper .description .car_model {
        margin: 20px auto 40px;
    }

    section.car_details .car_details_wrapper .description .car_details {
        column-gap: 10px;
        row-gap: 20px;
        width: 60%;
        margin: 10px auto 40px;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:nth-child(3n + 2) {
        width: 60px;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:not(:nth-child(3n + 2)) {
        width: 150px;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:nth-child(3n) {
        transform: translateX(50px);
    }
}



@media only screen and (min-width: 576px) and (max-width:767.98px) {

    section.second_section .second_wrapper .cars .car_item .car_picture,
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture {
        height: 230px;
    }

    section.car_details .car_details_wrapper .carousel {
        width: 100%;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
        height: 305px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb .swiper-slide {
        height: 72px;
    }

    section.car_details .car_details_wrapper .description {
        width: 100%;
    }

    section.car_details .car_details_wrapper .description .car_model {
        margin: 0 auto 40px;
    }

    section.car_details .car_details_wrapper .description .car_details {
        column-gap: 10px;
        row-gap: 20px;
        width: 75%;
        margin: 10px auto 40px;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:nth-child(3n + 2) {
        width: 60px;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:not(:nth-child(3n + 2)) {
        width: 150px;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:nth-child(3n) {
        transform: translateX(60px);
    }
}



@media only screen and (max-width:575.98px) {
    .bron_wrapper #bronnes_car .offcanvas_body .cars .car_item .car_picture {
        height: auto;
    }

    section.car_details .car_details_wrapper .carousel {
        width: 100%;
    }

    section.car_details .car_details_wrapper .description {
        width: 100%;
    }

    section.car_details .car_details_wrapper .description .car_model {
        margin: 0 auto 40px;
    }

    section.car_details .car_details_wrapper .description .car_details {
        column-gap: 10;
        row-gap: 20px;
        width: 100%;
        margin: 10px auto 40px;
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:nth-child(3n + 2) {
        width: 50px;
        transform: translateX(-15px);

    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:not(:nth-child(3n + 2)) {
        width: calc((100%) / 3);
    }

    section.car_details .car_details_wrapper .description .car_details .detail_item:nth-child(3n) {
        transform: translateX(15px);
    }
}

@media only screen and (min-width: 450px) and (max-width: 575.98px) {
    section.second_section .second_wrapper .cars .car_item .car_picture {
        height: 207px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
        height: 280px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb .swiper-slide {
        height: 68px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 449.98px) {
    section.second_section .second_wrapper .cars .car_item .car_picture {
        height: 168px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
        height: 236px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb .swiper-slide {
        height: 55px;
    }
}

@media only screen and (min-width: 350px) and (max-width: 399.98px) {
    section.second_section .second_wrapper .cars .car_item .car_picture {
        height: 188px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
        height: 209px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb .swiper-slide {
        height: 48px;
    }
}

@media only screen and (max-width: 349.98px) {
    section.second_section .second_wrapper .cars .car_item .car_picture {
        height: 165px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiper {
        height: 187px;
    }

    section.car_details .car_details_wrapper .carousel .carsDetailsSwiperThumb .swiper-slide {
        height: 41px;
    }
}

/* ENd new invoice and popups css  */


/* Cancel order from user cabinet start  */

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;
    /* transform: translate3d(107%, 32px, 0px) !important; */
    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;
}



/* See Detailed Modal */
section.customer_account .customer_account_wrapper .account_main .modal {
    background: rgba(0, 0, 0, 0.3);
}

.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;
}

/* See Detailed Modal */


/* Remove Order Modal */

.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);
}

/* Remove Order Modal */


/* Remove Order2 Modal */
.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);
}

/* Remove Order2 Modal */

@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {

    /* See Detailed Modal */
    .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;
    }

    /* See Detailed Modal */


    /* Remove Order Modal */
    .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;
    }

    /* Remove Order Modal */
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {

    /* See Detailed Modal */
    .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;
    }

    /* See Detailed Modal */

    /* Remove Order Modal */
    .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;
    }

    /* Remove Order Modal */



}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {

    /* See Detailed Modal */
    .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;
    }

    /* See Detailed Modal */


    /* Remove Order Modal */
    .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;
    }

    /* Remove Order Modal */
}

@media only screen and (min-width: 576px) and (max-width: 767.98px) {

    /* See Detailed Modal */
    .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;
    }

    /* See Detailed Modal */


    /* Remove Order Modal */
    .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;
    }

    /* Remove Order Modal */
}

@media only screen and (max-width: 575.98px) {
    .customer_account_screen.orderSection {
        position: relative;
    }

    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;
    }

    /* See Detailed Modal */
    .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;
    }

    /* See Detailed Modal */


    /* Remove Order Modal */
    .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;
    }

    /* Remove Order Modal */

    /* Remove Order2 Modal */
    .removeOrder2 .modal-dialog .modal-content {
        width: 260px;
    }

    /* Remove Order2 Modal */
}

/* Cancel order from user cabinet end  */

.is-h-invalid~.invalid-feedback,
.is-h-invalid~.invalid-tooltip {
    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);
}

/* Fuad new css  */



/* Review Popup */
.bootstrap_modal.review_popup {
    width: 430px;
}
.bootstrap_modal.review_popup_section {
    width: 626px;
}

.bootstrap_modal h3 {
    font: 500 24px/34px "ProximaNova Medium", "Poppins", sans-serif;
}

.bootstrap_modal h3.review_heading {
    margin: 40px auto 20px;
    width: 80%;
}

.bootstrap_modal .review_textarea {
    width: 100%;
    height: 150px;
    border-radius: 8px;
    padding: 16px;
    outline: none;
    border: 1px solid #D6D6D6;
    background: #F5F5F5;
    resize: none;
    margin: 24px 0;
    font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    color: #737373;
}

.bootstrap_modal .review_with_stars {
    margin: -15px 0 -5px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 6px;
}

.bootstrap_modal .review_with_stars input {
    display: none;
}

.bootstrap_modal .review_with_stars label {
    cursor: pointer;
}

.bootstrap_modal .review_with_stars label svg path {
    transition: 0.3s;
}

.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;
}

.bootstrap_modal .review_with_stars input:checked~label svg path {
    fill: #FFE992;
    stroke: #FFCC00;
}

.bootstrap_modal .review_with_count {
    margin: -15px 0 -5px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.bootstrap_modal .review_with_count input {
    display: none;
}

.bootstrap_modal .review_with_count label {
    width: 34px;
    height: 38px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1.5px solid #D6D6D6;
    font: 400 18px/40px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
    transition: 0.3s;
    user-select: none;
}

.bootstrap_modal .review_with_count input:not(:checked)~label:hover,
.bootstrap_modal .review_with_count input:not(:checked)~label:hover~label {
    background: #FFE992;
    border: 1.5px solid #FFCC00;
}

.bootstrap_modal .review_with_count input:checked~label {
    background: #FFE992;
    border: 1.5px solid #FFCC00;
}

.bootstrap_modal .review_with_words {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 24px;
    margin: 16px 0 0 0;
}

.bootstrap_modal .review_with_words p {
    margin: 0;
    padding: 0;
    font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
}

@media only screen and (max-width: 575.98px) {
    .bootstrap_modal.review_popup,
    .bootstrap_modal.review_popup_section{
        width: 90%;
    }

    .bootstrap_modal h3.review_heading {
        width: 225px;
    }

    .bootstrap_modal .review_with_count {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 3px;
    }

    .bootstrap_modal .review_with_count label {
        width: calc((100% - 9 * 3px) / 10);
        height: auto;
        padding: 4px 0;
        border-radius: 12px;
        border: 1px solid #D6D6D6;
        font: 400 14px/24px "ProximaNova", "Poppins", sans-serif;
    }

    .bootstrap_modal .review_with_count input:not(:checked)~label:hover,
    .bootstrap_modal .review_with_count input:not(:checked)~label:hover~label {
        background: #FFE992;
        border: 1px solid #FFCC00;
    }

    .bootstrap_modal .review_with_count input:checked~label {
        border: 1px solid #FFCC00;
    }

    .bootstrap_modal .review_with_words {
        height: 22px;
        margin: 16px 0 0 0;
    }

    .bootstrap_modal .review_with_words p {
        font: 400 15px/22px "ProximaNova", "Poppins", sans-serif;
    }
}

/* Review Popup */




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



header .header_wrapper .header_item .user .user_logged_in {
    height: 40px;
    cursor: pointer;
    max-width: 200px;
    background: var(--hertz-yellow);
    border-radius: 7px;
}

header .header_wrapper .header_item .user .user_logged_in a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 15px;
    font: 400 17px/22px "ProximaNova", "Poppins", sans-serif;
    color: #000000;
}

.sidebar .user_logged_in {
    height: 40px;
    cursor: pointer;
    width: 100%;
    background: var(--hertz-yellow);
    border-radius: 7px;
}

.sidebar .user_logged_in a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 15px;
    font: 400 17px/22px "ProximaNova", "Poppins", sans-serif;
    color: #000000;
}




/* Review Section Page  */
section.review_section {
    min-height: calc(100vh - 104px - 104px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

section.review_section .review_section_wrapper {
    width: 626px;
    border-radius: 12px;
    padding: 40px 28px;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
}

.review_section_wrapper h3 {
    font: 600 24px/34px "ProximaNova Medium", "Poppins", sans-serif;
    text-align: center;
    width: 300px;
    margin: 0 auto 20px;
}

.review_section_wrapper p {
    font: 500 16px/24px "ProximaNova SemiBold", "Poppins", sans-serif;
    color: #737373;
    text-align: center;
    margin: 0 auto 28px;
}

.review_section_wrapper .review_textarea {
    width: 100%;
    height: 150px;
    border-radius: 8px;
    padding: 16px;
    outline: none;
    border: 1px solid #D6D6D6;
    background: #F5F5F5;
    resize: none;
    margin: 24px 0;
    font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    color: #737373;
}

.review_section_wrapper .review_with_stars {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 6px;
}

.review_section_wrapper .review_with_stars input {
    display: none;
}

.review_section_wrapper .review_with_stars label {
    cursor: pointer;
}

.review_section_wrapper .review_with_stars label svg path {
    transition: 0.3s;
}

.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;
}

.review_section_wrapper .review_with_stars input:checked~label svg path {
    fill: #FFE992;
    stroke: #FFCC00;
}

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

.review_section_wrapper .review_with_comment {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 20px 0 10px;
}

.review_section_wrapper .review_with_comment .review_with_comment_item {
    height: 42px;
    width: auto;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #D6D6D6;
}

.review_section_wrapper .review_with_comment .review_with_comment_item input {
    display: none;
}

.review_section_wrapper .review_with_comment .review_with_comment_item label {
    cursor: pointer;
    padding: 10px 15px;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    user-select: none;
    font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    color: #000000;
}

.review_section_wrapper .review_with_comment .review_with_comment_item input:checked~label {
    background: #FFCC00;
}
















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

    section.review_section .review_section_wrapper {
        width: 626px;
        padding: 40px 28px;
    }

    .review_section_wrapper h3 {
        width: 300px;
    }

    .review_section_wrapper .review_with_comment {
        gap: 16px;
    }

    .review_section_wrapper .review_with_comment .review_with_comment_item {
        height: 42px;
    }

    .review_section_wrapper .review_with_comment .review_with_comment_item label {
        padding: 10px 15px;
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }
}

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

    section.review_section .review_section_wrapper {
        width: 626px;
        padding: 40px 28px;
    }

    .review_section_wrapper h3 {
        width: 300px;
    }

    .review_section_wrapper .review_with_comment {
        gap: 16px;
    }

    .review_section_wrapper .review_with_comment .review_with_comment_item {
        height: 42px;
    }

    .review_section_wrapper .review_with_comment .review_with_comment_item label {
        padding: 10px 15px;
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }
}

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

    section.review_section .review_section_wrapper {
        width: 626px;
        padding: 40px 28px;
    }

    .review_section_wrapper h3 {
        width: 300px;
    }

    .review_section_wrapper .review_with_comment {
        gap: 16px;
    }

    .review_section_wrapper .review_with_comment .review_with_comment_item {
        height: 42px;
    }

    .review_section_wrapper .review_with_comment .review_with_comment_item label {
        padding: 10px 15px;
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }
}

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

    section.review_section .review_section_wrapper {
        width: 520px;
        padding: 40px 28px;
    }
    .bootstrap_modal.review_popup_section {
        width: 520px;
    }
    .review_section_wrapper h3 {
        width: 300px;
    }

    .review_section_wrapper .review_with_comment {
        gap: 16px;
    }

    .review_section_wrapper .review_with_comment .review_with_comment_item {
        height: 42px;
    }

    .review_section_wrapper .review_with_comment .review_with_comment_item label {
        padding: 10px 15px;
        font: 400 16px/24px "ProximaNova", "Poppins", sans-serif;
    }
}

@media only screen and (max-width: 575.98px) {
section.review_section {
        min-height: calc(100vh - 104px - 144px);
    }

    section.review_section .review_section_wrapper {
        width: 94%;
        padding: 30px 15px;
    }
    .bootstrap_modal.review_popup_section {
        width: 94%;
    }
    .review_section_wrapper h3 {
        width: 220px;
    }

    .review_section_wrapper .review_with_comment {
        gap: 10px;
    }

    .review_section_wrapper .review_with_comment .review_with_comment_item {
        height: 42px;
    }

    .review_section_wrapper .review_with_comment .review_with_comment_item label {
        padding: 10px 13px;
        font: 400 15px/22px "ProximaNova", "Poppins", sans-serif;
    }
    .bootstrap_modal.review_popup_section .review_with_comment .review_with_comment_item label {
        padding: 7px;
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }

    .bootstrap_modal.review_popup_section h3 {
        font: 600 20px/30px "ProximaNova Medium", "Poppins", sans-serif;
    }

    .bootstrap_modal.review_popup_section p {
        font: 500 14px/20px "ProximaNova SemiBold", "Poppins", sans-serif;
        margin: 0 auto 14px;
    }

    .bootstrap_modal.review_popup_section .review_textarea {
        height: 120px;
        margin: 12px 0;
        font: 400 14px/20px "ProximaNova", "Poppins", sans-serif;
    }
}

/* Review Section Page  */


.user_sig_in_dropdown{
    height: 40px;
    cursor: pointer;
    max-width: 200px;
    background: var(--hertz-yellow);
    border-radius: 7px;
}

section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp input {
    width: 0;
    height: 0;
    border: none;
    outline: none;
    border: 0 solid #d6d6d6;
    position: absolute;
}

section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp input::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border: 2px solid #d6d6d6;
    cursor: pointer;
}

section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp input::before {
    content: "";
    font: var(--fa-font-solid);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    background: var(--hertz-yellow);
    transition: 0.1s;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp input:checked:before {
    width: 20px;
    height: 20px;
    content: "\f00c";
    font: var(--fa-font-solid);
    border: 0.83px solid rgba(255, 227, 123, 1);
    width: 24px;
    height: 24px;
    content: "\f00c";
    color: #141414;
}

.sidebar_form .form_wrapper #form2 .body .filter_input .inp input,
.sidebar_form .form_wrapper #form3 .body .filter_input .inp input {
    border: none;
}

body.active {
    overflow: hidden;
}

.sidebar_form,
#checkout {
    min-height: auto;
}

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

.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;
    }
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

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

.sidebar_form .form_wrapper #form1 .body::-webkit-scrollbar,
.sidebar_form .form_wrapper #form2 .body::-webkit-scrollbar,
.sidebar_form .form_wrapper #document_form .body::-webkit-scrollbar,
.sidebar_form .form_wrapper #form3 .body::-webkit-scrollbar,
#checkout .body::-webkit-scrollbar {
    display: none;
}

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;
}

.sidebar_form .form_wrapper #form2 .body .filter_input .inp input,
.sidebar_form .form_wrapper #form3 .body .filter_input .inp input,
section.login .login_wrapper .tab form .filter_group.registration .filter_input .inp input{
    -webkit-appearance: none;
    appearance: none;
}
@media only screen and (min-width:1200px) and (max-width: 1399.98px)  {
    section.second_section .second_wrapper .cars .car_item .car_price .price_item p {
        margin: 5px 0 0 0;
        font: 600 28px/38px "ProximaNova", "Poppins", sans-serif;
    }
}

.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_header_bar form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.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;
}

.account_header_bar form h2 {
    margin: 0;
}

.account_header_bar .heading a {
    color: var(--hertz-black);
    font: 500 14px/18px "ProximaNova", "Poppins", sans-serif;
    padding: 10px 25px;
    border: 1px solid var(--hertz-yellow);
    border-radius: 8px;
}

.account_header_bar form .form_groups {
    display: flex;
    align-items: center;
    gap: 10px;
}

.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;
}

.account_header_bar form .form_groups .pricing {
    position: relative;
}

.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;
}

.account_header_bar form .form_groups .pricing .selected_price .icon i {
    font-size: 14px;
    color: var(--hertz-black);
}

.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);
}

.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;
}

.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;
    }
}

.account_header_bar form .form_groups .pricing .price_selection.active {
    height: auto;
    top: calc((100% + 10px));
}

.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;
}

.account_header_bar form .form_groups .pricing .price_selection li:first-child {
    margin: 10px 0 0 0;
}

.account_header_bar form .form_groups .pricing .price_selection li:last-child {
    margin: 0 0 10px 0;
}

.account_header_bar form .form_groups .pricing .price_selection li.active,
.account_header_bar form .form_groups .pricing .price_selection li:hover {
    color: var(--hertz-yellow);
}

.account_header_bar form .form_groups .filtering {
    position: relative;
}

.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;
}

.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;
}

.account_header_bar form .form_groups .filtering .selected_filter .icon i {
    font-size: 14px;
    color: var(--hertz-black);
}

.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);
}

.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;
}

.account_header_bar form .form_groups .filtering .filter_selection.active {
    height: auto;
    top: calc((100% + 10px));
}

.account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper {
    margin: 25px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .filter_input input:checked:before {
    width: 12px;
    height: 12px;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.account_header_bar form .form_groups .filtering .filter_selection .filter_selection_wrapper .filter_group .multi_input input[type="number"]::-webkit-outer-spin-button,
.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;
}

.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) {
    .account_header_bar .form_groups .pricing .price_selection {
        right: auto;
        left: 0;
        width: 200px;
        text-align: start;
        justify-content: flex-start;
    }

    .account_header_bar .form_groups .pricing .price_selection li {
        padding: 0 39px 0 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 {
    /* width: 45px; */
    height: 35px;
    max-width: 70px;
}

.cars_wrapper .car_item .car_model .model_name {
    /* max-width: calc((100% - 12px - 70px)); */
    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:nth-child(3n - 1) {
    width: 53px;
}

.cars_wrapper .car_item .car_details .detail_item:nth-child(3n - 1) .detail_inner_item{
    margin: 0 auto;
}

.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:nth-child(3n - 1) {
        width: 43px;
    }

    .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:nth-child(3n - 1) {
        width: 51px;
    }

    .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:nth-child(3n - 1){
        width: 55px;
    }

    .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:nth-child(3n - 1) {
        width: 47px;
    }

    .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:nth-child(3n - 1) {
        width: 45px;
    }

    .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;
    }
}

.flex-column {
    display: flex;
    flex-direction: column;
}


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

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

.cars.swiper-wrapper {
    padding-top: 25px;
}

.car_item {
    position: relative;
}

.car_item.special_offer {
    overflow: initial !important;
}

.car_item.special_offer .special_offer_order {
    position: absolute;
    background: #FFFFFF;
    width: 260px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #E96F6F;
    box-shadow: 0px 2px 0px 0px #E96F6F;
    border-radius: 40px;
    font: 500 20px/28px "ProximaNova", "Poppins", sans-serif;
    color: #E96F6F;
}

.car_item.special_offer .pass {
    position: absolute;
    top: 10px;
    right: -50px;
    opacity: 0;
    visibility: hidden;
    transition:
        right .3s ease 0s,
        opacity 0s ease 0.1s,
        visibility 0s linear 0.1s !important;
}

.car_item.special_offer:hover .pass {
    right: 10px;
    opacity: 1;
    visibility: visible;
}

.car_item.special_offer:not(:hover) .pass {
    transition:
        right .3s ease 0s,
        opacity 0s ease 0.075s,
        visibility 0s linear 0.075s !important;
}

.car_item.special_offer .car_picture a {
    position: relative;
}

.car_item.special_offer .car_picture a .discount {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 8px 16px;
    border-radius: 16px;
    font: 400 20px/28px "ProximaNova", "Poppins", sans-serif;
    color: #141414;
    background: #FFCC00;
}

.car_item.special_offer .car_picture a .discount.percent {
    color: #ffffff;
    background: #E54E40;
}
/* Temp */

/* Azericard row container */
.azericard_installments {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 14px;
    margin: 14px 0;
    background: #fff;
}

/* pills in one row */
.azericard_installments .azericard-inner{
    display:flex; flex-wrap:wrap; gap:12px;
}

/* make each pill compact instead of 100% width */
.azericard_installments .payment_method{
    flex: 1 1 calc(33.333% - 8px);
    margin:0;
    border-radius: 12px!important;
}

/* pill look */
.azericard_installments .payment_method label{
    display:flex; align-items:center; justify-content:center;
    border:1px solid #e6e6e6; border-radius:10px;
    padding:10px 12px; background:#fff; cursor:pointer;
}


/* radio visuals inside pill */
.azericard_installments .radio{
    width:22px;height:22px;border-radius:50%;
    border:2px solid #d1d5db; display:flex;align-items:center;justify-content:center;
}

.azericard_installments .payment_method.active .radio{ border-color:#f6c000; background:#fff6d9; }
.azericard_installments .payment_method.active .radio .dot{ opacity:1; }

/* mobile: stack neatly */
@media (max-width: 576px){
    .azericard_installments .payment_method{ flex:1 1 100%; }
}