.resend-link .resend {
    display: none;
}

.login-shortcode>div>.elementor-shortcode {
    display: flex !important;
    justify-content: center;
    margin-top: 130px;
}

.login-form {
    display: flex !important;
    flex-direction: column !important;
}

.login-form form {
    display: flex !important;
    flex-direction: column !important;
}

.login-form h2 {
    font-size: 20px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 400;
    margin-bottom: 33px;
}

.login-form form label {
    font-size: 20px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 400;
    margin-bottom: 15px;
}

.login-form form input {
    width: 450px;
    height: 59px;
    background-color: #ffffff !important;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    margin-bottom: 45px;
    padding-left: 24px;
}

.login-form form input::placeholder {
    font-size: 16px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 400;
}

.login-form form button {
    background-color: #ecae3d !important;
    width: 448px !important;
    height: 50px !important;
    font-size: 18px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 500;
    border-radius: 5px;
    margin-bottom: 93px;
}

.register-link p {
    font-size: 20px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 500;
    text-align: center;
    margin-bottom: 55px;
}

.register-link p a {
    font-size: 20px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 400;
    text-decoration: underline;
}

.register-form form {
    display: grid;
    grid-template-columns: 48% 48%;
    column-gap: 25px !important;
}

.register-form form div {
    display: flex;
    flex-direction: column;
}

.email-registration {
    grid-column: span 2;
}

.register-section>.elementor-container {
    margin: 140px 25.938vw 0px;
}

.register-form form label {
    font-size: 20px;
    font-weight: 400;
    font-family: "DM Sans", Sans-serif;
    color: #000000;
    margin-bottom: 14px;
}

.register-form form input::placeholder {
    font-size: 16px;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
    color: #000000;
}

.register-form form input {
    height: 59px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    padding-left: 25px;
    font-size: 16px;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
    background: transparent !important;
    color: #000000;
    margin-bottom: 37px;
}

.register-form form select {
    height: 59px;
    font-size: 16px;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
    color: #000000;
    padding-left: 25px;
    background: transparent !important;
    margin-bottom: 37px;
}

.register-form form button {
    height: 50px;
    width: 280px;
    font-size: 18px;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ecae3d;
    border-radius: 5px;
    margin-top: 22px;
}

.login-link p {
    font-size: 20px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 500;
    text-align: center;
    margin-bottom: 55px;
}

.login-link p a {
    font-size: 20px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 400;
    text-decoration: underline;
}

.login-link {
    margin-top: 135px;
}

.register-form form select {
    /* Remove default arrow */
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    /* Add custom arrow */
    background: url("/wp-content/uploads/2024/10/Polygon-1.svg") no-repeat right 25px center !important;
    background-size: 9 !important;
    /* Adjust the size of your custom arrow */
    padding-right: 25px !important;
    /* Ensure the arrow does not overlap text */
}

.register-form form input#birthdate[type="date"]::-webkit-calendar-picker-indicator {
    -webkit-appearance: auto;
    opacity: 0;
    position: absolute;
    width: 100%;
    left: -1px;
}


.login-header-title {
    margin-bottom: 37px !important;
}

.loginnnn-banner>.elementor-widget-wrap {
    margin-bottom: 135px !important;
}

.otp-form {
    width: 450px;
}

.timer {
    font-size: 20px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 500;
    text-align: center;
    /* margin-bottom: 55px;  */
}

.resend {
    font-size: 20px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 500;
    text-align: left;
}

.resend a {
    font-size: 20px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 400;
    text-decoration: underline;
}


.cars-listing-filter {
    padding: 60px 220px;
    background-color: #4A1B3F;
}

.cars-listing-filter form {
    display: flex;
    gap: 30px;
}

.cars-listing-filter form input {
    float: right;
    margin-left: auto;
    background: transparent !important;
    font-size: 15px;
    font-family: "DM Sans";
    color: #FFFFFF;
    font-weight: 500;
}

.cars-listing-filter form select {
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 26px;
    padding: 0 25px;
    appearance: none;
    position: relative;
    padding-right: 50px !important;
    background: white url("/wp-content/uploads/2024/10/Path-282810.svg") no-repeat right 25px center !important;
    background-size: 9 !important;
    /* Adjust the size of your custom arrow */
}

.cars-listing-cont {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 105px;
    margin: 165px 235px 135px;
}

.single-car {
    border-right: 1px solid #C9C9C9;
}

.single-car:nth-child(4n) {
    border-right: 0px;
}

.single-car .car-title {
    font-size: 26px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 500;
    text-align: center;
    margin-bottom: 9px;
    margin-top: 7px;


}

.single-car .car-year {
    font-size: 17px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 500;
    text-align: center;
}

.single-car .car-price {
    font-size: 20px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 500;
    text-align: center;
    margin-top: 38px;
    margin-bottom: 15px;

}

.single-car .car-details {
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 500;
    text-align: center;
    gap: 10px;
    justify-content: center;
    margin-bottom: 15px;
}

.car-details div:not(:last-child) {

    position: relative;
    text-align: center;
    margin-right: 10px;

}

.car-details div:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -10px;
    /* Adjust the position as needed */
    color: #000;
    /* Color for the separator */
}

.single-car .car-booknow {
    display: flex;
    justify-content: center;
}

.single-car .car-booknow a {
    display: flex;
    justify-content: center;
    width: 280px;
    height: 50px;
    font-size: 18px;
    font-family: "DM Sans";
    color: #000000;
    font-weight: 500;
    align-items: center;
    background-color: #ECAE3D;
    border-radius: 5px;
}

.single-car .car-img {
    height: 150px;
    display: grid;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.single-car .car-img img {

    width: 100%;
    height: auto;
    object-fit: cover;
}

.single-reservation {
    margin-bottom: 35px !important;
}

.single-reservation-first {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.res-status {
    font-size: 14px;
    font-family: 'DM Sans';
    font-weight: 600;

}

.res-status-plate {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

}

.single-reservation-second {
    display: flex;
    flex-direction: row;
}

.registration-form form {
    display: grid;
    grid-template-columns: 48% 48%;
    gap: 4%;
    row-gap: 37px;
}





.registration-form form input {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    padding-left: 25px;
    font-size: 16px;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
    background: transparent !important;
    color: #1C121C;
    margin-top: 15px;

}

.registration-form form label {
    font-size: 20px;
    font-weight: 400;
    font-family: "DM Sans", Sans-serif;
    color: #000000;
    margin-bottom: 14px;
}

.registration-form form input::placeholder {
    font-size: 16px;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
    color: #1C121C;
}

.registration-form form select {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    padding-left: 25px;
    font-size: 16px;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
    background: transparent !important;
    color: #1C121C;
    margin-top: 15px;

    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: url(/wp-content/uploads/2024/10/Polygon-1.svg) no-repeat right 25px center !important;


}

.registration-form form .gender>div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;

}

.registration-form form .gender div input {
    width: fit-content;
    height: fit-content;
    margin-top: 0px;
}

.registration-form form .gender div label {
    margin-bottom: 0px !important;
}

.registration-form form .personal-image-con input {
    border: 0px !important;
    padding-left: 0px !important;
    height: fit-content;
}


.registration-form form button {

    height: 50px;
    /* width: 280px; */
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ecae3d;
    border-radius: 5px;
    margin-top: 22px;
    grid-column: 1 / 2;

}


.registration-form form .gender .container-gender {
    gap: 20px;
    margin-top: 30px;

}

.registration-form form input[type="date"] {
    background-repeat: no-repeat !important;
    background-position: right 25px center !important;
    background-image: url(/wp-content/uploads/2024/10/Group-1.svg) !important;
    background-size: 20px 20px !important;
    position: relative;

}

.registration-form form input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    width: 100%;
    position: absolute;
    height: 100%;
}


.profile-register-section .elementor-shortcode {

    margin: -110px 25.938vw 0px !important;
    flex-direction: column;
}

.profile-field.image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #9f2063;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.profile-field.image {
    width: 200px;
    height: 200px;
    margin: 0 auto 70px;
}

.documents-sections>.elementor-container {
    margin: 80px 25.938vw 0px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.documents-sections .field-group {
    display: flex;
    flex-direction: column;
}

.documents-sections .documents-pg {
    margin: 20px 10px !important;
}

.documents-sections .documents-pg form label {
    font-size: 20px !important;
    font-weight: 400 !important;
    font-family: "DM Sans", Sans-serif !important;
    color: #000000 !important;
    margin-bottom: 14px !important;
}

.documents-sections .documents-pg form button {
    margin: 0 auto 25px 0PX;
}

.documents-sections .documents-pg button {
    font-size: 18px;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ecae3d;
    border-radius: 5px;
    height: 50px;
    width: 220px;
    margin-bottom: 25px;
    margin: 0 0 0 auto;
}

.documents-sections .documents-pg form select {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    padding-left: 25px;
    font-size: 16px;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
    background: transparent !important;
    color: #1C121C;
    /* margin-top: 15px; */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: url(/wp-content/uploads/2024/10/Polygon-1.svg) no-repeat right 25px center !important;
}

.documents-sections .documents-pg form {
    gap: 30px;
    display: flex;
    flex-direction: column;
}

.section-current-past-reservation {}

.advanced-tabsss .eael-tab-inline-icon {
    width: fit-content !important;
    gap: 20px;
}

.advanced-tabsss .eael-tab-nav-item {
    width: 280px;
    background-color: #ffffff00 !important;
    border: 1px solid #ECAE3D;
    border-radius: 5px;
    height: 50px !important;
}

.advanced-tabsss .eael-tab-nav-item span {


    font-family: "DM Sans", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #23173F !important;
}

.advanced-tabsss .eael-tab-nav-item.active {
    background-color: #ECAE3D !important;
}

.advanced-tabsss .eael-tab-nav-item.active::after {
    display: none !important;
}

.advanced-tabsss .eael-advance-tabs {
    margin: 0 220px !important;
    padding-top: 110px;
    padding-bottom: 30px;
}

.advanced-tabsss .eael-advance-tabs .eael-tabs-content>div {
    padding: 0px 2px !important;
}



.advanced-tabsss .eael-tabs-nav {
    margin-bottom: 45px !important;
}

.single-reservation-second {
    border-radius: 15px;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.2), inset 0 0px 0px 0 rgba(0, 0, 0, 0.19);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding: 40px 0 40px 0px;

}

.res-car-image {
    padding: 0 45px 0 45px;
}

.res-pickup {
    border-left: 1px solid #C9C9C9;
    padding: 0 20px 0 45px;
}

.res-dropoff {
    border-left: 1px solid #C9C9C9;
    padding: 0 20px 0 45px;
}

.res-status-con {
    border-left: 1px solid #C9C9C9;
    padding: 0 20px 0 45px;
}

.res-price-view {
    border-left: 1px solid #C9C9C9;
    padding: 0 20px 0 45px;
    display: flex;
    gap: 11px;


    flex-direction: column;
    justify-content: center;


}

.res-car-model {
    text-align: center;
}

.car-img {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: contain;
    overflow: hidden;
}

.car-img img {
    object-fit: cover;
    height: auto;
    width: 75%;
}

.res-car-model {
    font-family: "DM Sans", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #23173F !important;
}

.res-pickup p {
    font-family: "DM Sans", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #23173F !important;
}

.res-dropoff p {
    font-family: "DM Sans", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #23173F !important;
}

.res-status-con p {
    font-family: "DM Sans", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #23173F !important;
}

.res-price-view .res-price {
    font-family: "DM Sans", Sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #23173F !important;
    text-align: center;
}

.res-view a {
    border: 1px solid #9F2063;
    border-radius: 5px;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 40px;
    align-items: center;
    color: white;
    font-weight: 400;
    font-size: 13px;
    background-color: #9F2063;
}


.res-plate {
    font-family: "DM Sans", Sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #23173F !important;
    border: 1px solid black;
    width: fit-content;
    padding: 0 5px;
    margin: 10px auto 0px;
}

.res-pickup-location::before {
    content: "";
    background-image: url(/wp-content/uploads/2024/11/Group-372631.svg);
    display: block;
    height: 19px;
    width: 15px;
    background-size: 100% 100%;
}

.res-pickup-location {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    font-family: 'DM Sans';
    font-weight: 400;
    color: #000000;

}


.res-dropoff-location::before {
    content: "";
    background-image: url(/wp-content/uploads/2024/11/Group-372631.svg);
    display: block;
    height: 19px;
    width: 15px;
    background-size: 100% 100%;
}

.res-dropoff-location {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    font-family: 'DM Sans';
    font-weight: 400;
    color: #000000;
}


.res-pickup-time::before {
    content: "";
    background-image: url(/wp-content/uploads/2024/11/Group-372815.svg);
    display: block;
    height: 18px;
    width: 16px;
    background-size: 100% 100%;
}


.res-pickup-time {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    font-family: 'DM Sans';
    font-weight: 400;
    color: #000000;


}




.res-dropoff-time::before {
    content: "";
    background-image: url(/wp-content/uploads/2024/11/Group-372815.svg);
    display: block;
    height: 18px;
    width: 16px;
    background-size: 100% 100%;
}

.res-dropoff-time {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    font-family: 'DM Sans';
    font-weight: 400;
    color: #000000;
}

.container-range-landing {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 281px !important;
    height: 346px !important;
    border-radius: 20px !Important;
    margin: 10px 7px;
}

.container-range-landing:hover {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px !important;

}

.container-range-landing p {
    font-size: 26px;
    font-family: "DM Sans", Sans-serif;
    font-weight: 500;
    color: #23173F !important;
    margin-bottom: 50px;
}

.container-range-landing a {
    color: #23173F !important;
    font-size: 18px !important;
    font-family: "DM Sans", Sans-serif;
    font-weight: 500 !important;
    text-decoration: underline;
    margin-top: 42px !important;
}

.container-range-landing {}

.landing-pg.range-cars .slick-track {
    /* margin: 0 -7px; */
}

.landing-pg.range-cars {
    margin: 0 220px !important;
}

/* .xdsoft_datetimepicker.xdsoft_noselect.xdsoft_ thead th {
    background-color: orange;

} */

/* Remove the spinners in modern browsers */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;

}

/* For Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}


.checkout-pg {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 70px;
    margin: 0 220px;
    padding-top: 95px;
    padding-bottom: 160px;

}

.checkout-pg .left-col {
    width: 53.5%;
}


.checkout-pg .right-col {
    width: 41.5%;
    border-radius: 20px;
    /* border: 1px solid #707070; */
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding-left: 80px;
    padding-top: 70px;
    padding-bottom: 75px;
    padding-right: 70px;



}

.checkout-pg .header-checkout {
    color: #23173F;
    font-size: 26px;
    font-weight: 700;
    font-family: "DM Sans", Sans-serif;
    background-color: #F0F0F0;
    height: 72px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    margin-bottom: 48px;
}

.form-checkout {
    display: flex;
    flex-direction: column;
}

.form-checkout label {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    font-family: "DM Sans", Sans-serif;
    margin-bottom: 15px;
}

.form-checkout input {
    height: 59px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    background-color: transparent;
    margin-bottom: 30px;

}

.form-checkout input::placeholder {
    font-size: 16px;
    color: #1C121C;
    font-weight: 400;
    font-family: "DM Sans", Sans-serif;
}

.container-inside-form-checkout {
    display: flex;
    flex-direction: row;
    gap: 45px;
}

.container-inside-form-checkout div {
    display: flex;
    flex-direction: column;
    width: 50%;

}

.button-form-checkout {
    width: 367px;
    height: 50px;
    background-color: #ECAE3D;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
    border-radius: 5px;
    margin-top: 30px;

}

.first-heading-right-col {
    font-size: 26px;
    font-family: "DM Sans", Sans-serif;
    font-weight: 700;
    color: #23173F;
}


.container-right-booking-checkout {
    display: grid;
    grid-template-columns: 40% 60%;
}

.left-heading-booking-checkout {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    font-family: "DM Sans", Sans-serif;
}


.right-text-booking-checkout {
    color: #23173F;
    font-size: 18px;
    font-weight: 400;
    font-family: "DM Sans", Sans-serif;
    line-height: 150%;

}

.right-text-booking-checkout span {
    color: #9F2063;
}


.container-right-booking-checkout.first {
    margin-bottom: 45px;

}

.container-right-booking-checkout.second {
    margin-bottom: 10px;
}

.container-right-booking-checkout.first .right-text-booking-checkout {
    align-content: center;
}

.cvvinput {
    width: 47.5%;
}

.container-vehicle-search-result {
    margin: 35px 220px;
    box-shadow: 0px 0px 10px #00000021;
    display: flex;
    flex-direction: row;
    padding: 38px 0px;
    border-radius: 20px;
}

.container-vehicle-search-result .first-con {
    width: 20.548vw;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.container-vehicle-search-result .sec-con {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    align-content: flex-start;
    width: 36.204vw;
    padding-left: 42px;
}

.container-vehicle-search-result .third-con {
    width: 17.939vw;
    padding-left: 75px;


}

.container-vehicle-search-result .fourth-con {
    width: 21.2vw;
}

.container-vehicle-search-result>div {
    position: relative;
    padding: 0px 20px;
    /* Adjust padding as needed */

}

/* Add the divider line after each container except the last one */
.container-vehicle-search-result>div:not(:last-child)::after {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background-color: #C9C9C9;
    position: absolute;
    bottom: 0;
    right: 0;
    /* margin: 0 20px; */

}

.name-car {
    font-size: 15px;
    font-family: "DM Sans", Sans-serif;
    font-weight: 600;
    color: #23173F;
    margin-bottom: 10px;
}

.features-heading-vehicle-result {
    font-size: 15px;
    font-family: "DM Sans", Sans-serif;
    font-weight: 600;
    color: #23173F;
    grid-column: span 5;
    margin-bottom: 30px !important;

}

.sec-con .innerrr {
    text-align: center;
    width: fit-content;
}

.sec-con .innerrr img {
    margin-bottom: 10px;
}

.container-vehicle-search-result .sec-con .innerrr p {
    font-size: 15px;
    font-family: "DM Sans", Sans-serif;
    font-weight: 400;
    color: #23173F;
    margin-bottom: 0px !important;
}

.third-con .fir-parag {
    font-size: 15px;
    font-family: "DM Sans", Sans-serif;
    font-weight: 600;
    color: #000000;
    line-height: 130%;
    margin-bottom: 5px;
}

.third-con .sec-parag {
    font-size: 16px;
    font-family: "DM Sans", Sans-serif;
    font-weight: 400;
    color: #9F2063;
    line-height: 130%;
    margin-bottom: 23px;
}


/* <input type="file" id="upload-file-btn" accept="image/*" name="uploadfile"> */


.third-con .sec-paragsec {
    font-size: 15px;
    font-family: "DM Sans", Sans-serif;
    font-weight: 400;
    color: #9F2063;
    line-height: 130%;
    margin-bottom: 0px !important;
}

.fourth-con .pricee-parag {
    font-size: 20px;
    font-family: "DM Sans", Sans-serif;
    font-weight: 500;
    color: #23173F;
    line-height: 130%;
    margin-bottom: 10px;
}

.fourth-con .viewbutton {
    font-size: 12px;
    font-family: "DM Sans", Sans-serif;
    font-weight: 600;
    color: #9F2063;
    background-color: transparent;
    border: 1px solid #9F2063;
    border-radius: 5px;
    height: 40px;
    width: 224px;
    margin-bottom: 8px;

}

.fourth-con .bookbutton {
    border-radius: 5px;
    height: 40px;
    width: 224px;
    font-size: 12px;
    font-family: "DM Sans", Sans-serif;
    font-weight: 600;
    color: #000000;
    background-color: #ECAE3D;
    border: 1px solid #ECAE3D;
    border-radius: 5px;
}

.fourth-con {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container-form-documnets {
    width: 40.625vw;
}

.container-form-documnets form>div {
    display: flex;
    flex-direction: column;
}

.container-form-documnets form {
    display: flex;
    flex-direction: column;
}

.container-form-documnets form label {
    font-size: 18px;
    font-family: "DM Sans", Sans-serif;
    color: #000000;
    font-weight: 400;
    margin-bottom: 13px;

}

.container-form-documnets form input {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    background-color: transparent;
    height: 59px;
    margin-bottom: 30px;
    padding-left: 25px;
}

.container-form-documnets form select {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    background-color: transparent;
    height: 59px;
    margin-bottom: 30px;
    padding-left: 25px;
}

.container-form-documnets form input::placeholder {
    font-size: 16px;
    font-family: "DM Sans", Sans-serif;
    color: #1C121C;
    font-weight: 400;
}

.submit-documnets-button {
    height: 50px;
    width: 189px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #9F2063;
    color: white;
    font-size: 18px;
    font-family: "DM Sans", Sans-serif;
    font-weight: 500;
    border-radius: 5px;
    margin-top: 16px;

}

.container-documents {
    margin: 0 220px;
    display: flex;
    flex-direction: row;
    gap: 70px;
}

.container-upload-img-form-documents {
    width: 32.292vw;
    height: 354px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 10px #00000021;
    border-radius: 20px;

}


.container-upload-img-form-documents p {
    color: #9F2063;
    font-size: 26px;
    font-weight: 700;
    font-family: "DM Sans", Sans-serif;
}

.container-upload-img-form-documents label {
    text-align: center;
}

.container-upload-img-form-documents label img {
    margin-bottom: 15px;
}




.reservation-details-pg .left-col {
    width: 47.552vw;
    margin-top: 15px;

}

.reservation-details-pg .right-col {
    width: 25vw;
    height: fit-content;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #00000021;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 70px;
}



.reservation-details-pg {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 220px;
    padding-top: 80px;
    padding-bottom: 130px;



}


.heading-reserv-detail {
    font-size: 26px;
    font-weight: 700;
    font-family: "DM Sans", Sans-serif;
    color: #23173F;
    background-color: #F0F0F0;
    border-radius: 10px;
    height: 72px;
    padding-left: 38px;
    align-content: center;
}

.inner-first-cont-reserv {
    display: grid;
    grid-template-columns: 23.5% auto;
    padding-left: 38px;
}

.inner-first-cont-reserv p {
    font-size: 18px;
    font-weight: 400;
    font-family: "DM Sans", Sans-serif;
    color: #000000;
    display: flex;
    flex-direction: column;
}

.inner-first-cont-reserv p.left-headinggg {
    font-weight: 600;
}

.inner-first-cont-reserv p span {
    color: #9F2063;
    margin-bottom: 5px;

}

.inner-first-cont-reserv p span.line-through {
    text-decoration: line-through;
    color: #000000;
    margin-bottom: 0px;

}

.inner-first-cont-reserv p.rent-perday {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.inner-second-cont-reserv {
    display: grid;
    grid-template-columns: 23.5% auto;
    padding-left: 38px;
}

.inner-second-cont-reserv p {
    font-size: 18px;
    font-weight: 400;
    font-family: "DM Sans", Sans-serif;
    color: #000000;
    display: flex;
    flex-direction: column;
}

.inner-second-cont-reserv p.left-headinggg {
    font-weight: 600;
}

.reservation-details-pg .left-col hr {
    margin-left: 38px;
    margin-top: 11px;
    margin-bottom: 50px;
}

.heading-reserv-detail.secondd {
    margin-top: 20px;
    margin-bottom: 30px;
}

.container-buttons-payemnts-invoices {
    display: flex;
    gap: 42px;
    margin-top: 40px;

}

.payment-btn {
    font-size: 18px;
    color: #000000;
    font-family: "DM Sans", Sans-serif;
    font-weight: 500;
    background-color: #ECAE3D;
    border-radius: 5px;
    height: 50px;
    width: 343px;
}

.invoices-btn {
    font-size: 18px;
    color: #9F2063;
    font-family: "DM Sans", Sans-serif;
    font-weight: 500;
    border: 1px solid #9F2063;
    border-radius: 5px;
    background-color: transparent;
    height: 50px;
    width: 343px;
}


.reservation-details-pg .right-col .title-right-col-reservation {
    font-size: 32px;
    font-weight: 700;
    color: #23173F;
    font-family: "DM Sans", Sans-serif;
    width: 240px;
    text-align: center;
    align-items: center;
    line-height: 100%;
    margin-bottom: 40px;
}

.reservation-details-pg .right-col img {
    margin-bottom: 28px;
    width: 439px;
    height: 242px;
}

.reservation-details-pg .right-col .payment-btn {
    margin-bottom: 10px;
}

.reservation-details-pg .right-col .invoices-btn {
    margin-bottom: 60px;

}

.booking-review-container {}

.booking-review-container form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 220px;
    padding-top: 80px;
    padding-bottom: 130px;
    gap: 70px;

}

.booking-review-container form .left-colum {
    width: 47.552vw;
}

.booking-review-container form .right-colum {
    width: 25vw;
    height: fit-content;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #00000021;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 70px;
}

.booking-review-container form .right-colum .titltee-review {
    font-size: 32px;
    font-weight: 700;
    color: #23173F;
    font-family: "DM Sans", Sans-serif;
    width: 240px;
    text-align: center;
    align-items: center;
    line-height: 100%;
    margin-bottom: 35px;

}

.booking-review-container form .right-colum img {
    width: 439px;
    height: 242px;
    margin-top: 15px;
}

.booking-review-container form .right-colum div p {
    font-size: 20px;
    color: #23173F;
    font-family: "DM Sans", Sans-serif;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 0px;
}


.booking-review-container form .right-colum div button {
    height: 50px;
    width: 189px;
    background-color: #ECAE3D;
    border-radius: 5px;
    font-size: 18px;
    font-family: "DM Sans", Sans-serif;
    font-weight: 500;
    color: #000000;
}


.booking-review-container form .right-colum div {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 65px;
    gap: 35px;
    margin-bottom: 55px;
}

.heading-container-review-booking {
    font-size: 26px;
    font-weight: 700;
    font-family: "DM Sans", Sans-serif;
    color: #23173F;
    background-color: #F0F0F0;
    border-radius: 10px;
    height: 72px;
    align-content: center;
    padding-left: 38px;
    margin-bottom: 30px !important;


}

.label-checkbox-review-boxing {
    font-size: 18px;
    font-family: "DM Sans", Sans-serif;
    font-weight: 600;
    color: #000000;
    line-height: 100%;
    margin-bottom: 10px;
}

.label-promocode-booking-review {
    color: #9F2063;
    font-size: 12px;
    font-weight: 600;
    font-family: "DM Sans", Sans-serif;
}

.input-promotion-booking-review {
    background-color: transparent !important;
    border: 1px solid #9F2063 !important;
    border-radius: 5px !important;
    height: 50px !important;
    width: 100% !important;
}

.container-promotion-booking-review {
    position: relative;
    margin-top: 10px;
}

.button-promotion-booking-review {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 189px;
    background-color: #9F2063;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
}

.container-booking-deatils-review-booking {
    display: grid;
    grid-template-columns: 23.5% auto;
    padding-left: 38px;
    margin-bottom: 25px;
}

.container-booking-deatils-review-booking p {
    font-size: 18px;
    font-weight: 400;
    font-family: "DM Sans", Sans-serif;
    color: #000000;
    display: flex;
    flex-direction: column;
}

.container-booking-deatils-review-booking p.left-headingggg {
    font-weight: 600;

}

.container-booking-deatils-review-booking p span {
    color: #9F2063;
    margin-bottom: 5px;
}

.table-review-booking,
.table-review-booking th,
.table-review-booking td {
    border: 0px;
    line-height: 130%;
}

.table-review-booking {
    padding-left: 38px;
    padding-right: 27px;
    margin-bottom: 55px;

}

.table-review-booking th {
    font-size: 18px;
    font-weight: 600;
    font-family: "DM Sans", Sans-serif;
    color: #000000;
    text-align: left;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;

}

.table-review-booking td {
    font-size: 18px;
    font-weight: 400;
    font-family: "DM Sans", Sans-serif;
    color: #000000;
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
    padding-right: 10px;
    line-height: 140%;
}

html[lang="ar"] .table-review-booking td {
    padding-left: 10px;
}

html[lang="ar"] .pull-right {
    float: left !important;
}

.fa-border-none:before {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}



.table-review-booking tfoot tr td {
    color: #9F2063;
    font-weight: 600;
    border-top: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
}

.additional-details-last-cont-review-booking {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 38px;
    justify-content: space-between;
}

.additional-details-last-cont-review-booking p {
    margin-bottom: 0px;
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    font-family: "DM Sans", Sans-serif;

}

.additional-details-last-cont-review-booking .inner-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 35px;

}

.additional-details-last-cont-review-booking .inner-container p {
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 500;
    color: #23173F;
    font-family: "DM Sans", Sans-serif;

}

.additional-details-last-cont-review-booking .inner-container button {
    height: 50px;
    width: 189px;
    background-color: #ECAE3D;
    border-radius: 5px;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
}



/* .additional-details-last-cont-review-booking input{
appearance: none;
-webkit-appearance: none; 
width: 18px;
height: 18px;
border: 2px solid black; 
border-radius: 3px;
cursor: pointer;
display: inline-block;
vertical-align: middle;
position: relative;
} */
.additional-details-last-cont-review-booking .inner-container-first {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
}

.additional-details-last-cont-review-booking .inner-container-first input {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid black;
    background-color: white;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.additional-details-last-cont-review-booking .inner-container-first input[type="checkbox"]:checked {
    background-color: white;
    /* Background remains white */
    border-color: black;
    /* Border stays black */
}

.additional-details-last-cont-review-booking .inner-container-first input[type="checkbox"]:checked::after {
    content: '✔';
    /* Checkmark character */
    font-size: 14px;
    font-weight: bold;
    color: black;
    /* Color of the checkmark */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.chexkboxes-review-booking:checked {
    background-color: white;
    /* Background remains white */
    border-color: black;
    /* Border stays black */
}

.chexkboxes-review-booking:checked::after {
    content: '✔';
    /* Checkmark character */
    font-size: 14px;
    font-weight: bold;
    color: black;
    /* Color of the checkmark */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.chexkboxes-review-booking {
    margin-bottom: 25px !important;
    margin-right: 23px;
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid black !important;
    background-color: white !important;
    cursor: pointer;
    display: inline-block;
    position: relative;

}

.chexkboxes-review-booking:last-of-type {
    margin-bottom: 35px !important;
}

.additional-requests-booking-review-contt {
    padding-left: 35px;
    padding-right: 25px;
    /* padding-bottom: 65px; */
    display: grid;
    grid-template-columns: 43px auto;
}

.additional-requests-booking-review-contt-sec {
    padding-bottom: 65px;
    padding-left: 35px;
    padding-right: 25px;
}



.chexkboxes-review-booking {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid black;
    background-color: white;
    cursor: pointer;
    display: inline-block;
}

.input-promotion-booking-review {
    background-color: transparent;
    border: 1px solid #9F2063;
    border-radius: 5px;
}

.line-through-parag {
    display: inline-block !important;

}

.line-through-parag span.line-through {
    text-decoration: line-through;
    color: #000000;
    margin-bottom: 0px;
    margin-left: 12px;

}

.container-documents select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    position: relative;
}

.container-documents select::after {
    content: '';
    position: absolute;
    right: 10px;
    background-image: url(/wp-content/uploads/2024/10/Path-282810.svg);
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* pointer-events: none;  */
}


.confirmation-pg .left-col button {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
    background-color: #ECAE3D;
    border-radius: 5px;
    width: 367px;
    height: 50px;
}

.checkout-pg.confirmation-pg {
    padding-top: 85px;
    padding-bottom: 40px;
}

.checkout-pg.confirmation-pg .right-col {
    margin-top: -425px;
    background-color: white;

}



.left-collll-inner-section.confirmation-banner>.elementor-container {
    min-height: 585px;
}










.error-containerr {
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    max-width: 500px;
    padding: 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    margin: 50px auto;

}

.error-header {
    background-color: #a94442;
    color: #fff;
    padding: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
}

.error-header .close-icon {
    position: absolute;
    top: 0px;
    right: 50%;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    cursor: pointer;
    transform: translate(50%, 25%);
}

.error-content {
    padding: 20px;
}

.error-title {
    font-size: 20px;
    color: #a94442;
    font-weight: bold;
    margin-bottom: 10px;
}

.error-text {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
}

.error-button {
    text-decoration: none;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #a94442;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.error-button:hover {
    background-color: #922f2f;
}


.booking-form-hidden-listener {
    display: none;
}






input[type="date"]::-webkit-calendar-picker-indicator {
    width: 100%;
    background-color: transparent;
    position: absolute;
    opacity: 0;
}

/* Add a custom icon to the date input */
input[type="date"].unifieddate {
    position: relative;
    padding-right: 30px;
    /* Add some space on the right for the icon */
    background-image: url(/wp-content/uploads/2024/10/Group-1.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    /* Position the icon inside the input */
    background-size: 20px 20px;
    /* Adjust the icon size */
}

/* Optional: Style for focus effect */
input[type="date"].unifieddate:focus {
    background-color: #f0f0f0;
    /* Change the background color when focused */
    outline: none;
    /* Remove the default focus outline */
}

.reservation-details-pg .right-col img {
    margin-top: 15px;
}


@media only screen and (max-width: 1919px) {

    .container-vehicle-search-result {
        margin: 35px 11.492vw;

    }

    .reservation-details-pg {
        margin: 0 11.492vw;
    }

    .booking-review-container form {
        margin: 0px 11.492vw;
    }


    .advanced-tabsss .eael-advance-tabs {
        margin: 0 11.592vw !important;
    }

    .cars-listing-filter {
        padding: 60px 11.592vw !important;
    }

    .cars-listing-cont {
        margin: 165px auto 135px;
        max-width: 1414px;
    }

    .checkout-pg {
        margin: 0 11.492vw;

    }

    .container-documents {
        margin: 0 11.492vw;

    }

}

@media only screen and (max-width: 1800px) {

    .res-dropoff {
        padding: 0 15px 0 25px;
    }

    .res-pickup {
        padding: 0 15px 0 25px;
    }

    .res-price-view {
        padding: 0 20px 0 20px;
    }

    .res-car-image {
        padding: 0 25px 0 25px;
    }
}

@media only screen and (max-width: 1600px) {


    .checkout-pg.confirmation-pg {
        padding-right: 50px;
        padding-left: 50px;
    }


    .reservation-details-pg .right-col .payment-btn {
        width: 85%;
    }

    .reservation-details-pg .right-col .invoices-btn {
        width: 85%;
    }

    .reservation-details-pg .right-col img {
        width: 100%;
        height: auto;
    }

    .reservation-details-pg .right-col {
        width: 30vw;
    }


    .reservation-details-pg .right-col .title-right-col-reservation {
        font-size: 28px;
    }


    .heading-reserv-detail {
        font-size: 22px;
        padding-left: 30px;
        height: 65px;
    }

    .heading-reserv-detail.secondd {
        height: 65px;
        font-size: 22px;
        padding-left: 30px;
    }

    .heading-container-review-booking {
        height: 65px;
        font-size: 22px;
        padding-left: 30px;
    }

    .booking-review-container form .right-colum .titltee-review {
        font-size: 28px;
    }


    .additional-requests-booking-review-contt-sec {
        padding-bottom: 50px;
    }


    .additional-requests-booking-review-contt {
        grid-template-columns: 35px auto;
    }

    .label-checkbox-review-boxing {
        font-size: 17px;
    }


    .container-vehicle-search-result .sec-con .innerrr p {
        font-size: 13px;

    }

    .booking-review-container form .left-colum {
        width: 60%;
    }

    .booking-review-container form .right-colum {
        width: 35%;
    }

    .container-vehicle-search-result .third-con {
        padding-left: 5%;
    }

    .reservation-details-pg {
        margin: 0 7.292vw;
        padding-top: 40px;
        padding-bottom: 40px;

    }

    .booking-review-container form {
        margin: 0 7.292vw;
    }

    .container-vehicle-search-result {
        margin: 35px 7.292vw;

    }

    .container-form-documnets form label {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .submit-documnets-button {
        margin-top: 10px;
    }

    .container-form-documnets form input {
        height: 50px;
    }

    .container-form-documnets form select {
        margin-bottom: 20px;
        height: 50px;
    }


    .container-documents {
        margin: 0px 7.292vw;
        gap: 0px;
        justify-content: space-between;
    }

    .container-form-documnets {
        width: 55%;
    }

    .checkout-pg {
        margin: 0px 7.292vw;
        gap: 50px;
        padding-top: 70px;
        padding-bottom: 75px;
    }

    .checkout-pg .right-col {
        padding-left: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-right: 50px;
    }

    .container-inside-form-checkout {
        gap: 20px;
    }





    .advanced-tabsss .eael-advance-tabs {
        margin: 0 7.292vw !important;
        padding-top: 80px;
        padding-bottom: 20px;
    }

    .advanced-tabsss .eael-tabs-nav {
        margin-bottom: 30px !important;
    }


    .cars-listing-cont {
        margin: 115px auto 115px;
    }

    .cars-listing-filter {
        padding: 35px 10.592vw !important;
    }

    .register-form form {

        grid-template-columns: 48% 48%;
        width: 100%;
        max-width: 100%;
    }

    .register-section>.elementor-container {
        margin-top: 50px;
    }



    .login-link {
        margin-top: 45px;
    }

    .register-form form button {
        margin-top: 10px;
    }


    .booking-review-container form {
        padding-top: 60px;
        padding-bottom: 80px;
    }





}


@media only screen and (max-width: 1400px) {


    .checkout-pg.confirmation-pg .right-col {
        margin-top: -385px;
    }

    .reservation-details-pg .right-col .title-right-col-reservation {
        font-size: 22px;
    }

    .container-buttons-payemnts-invoices .payment-btn {
        width: 50%;
    }

    .container-buttons-payemnts-invoices .invoices-btn {
        width: 50%;
    }

    .heading-reserv-detail {

        font-size: 20px;
    }

    .heading-reserv-detail.secondd {
        font-size: 20px;
    }

    .inner-first-cont-reserv {
        grid-template-columns: 35% auto;

    }

    .inner-second-cont-reserv {
        grid-template-columns: 35% auto;

    }

    .inner-first-cont-reserv p {
        font-size: 16px;
        margin-bottom: 15px;

    }

    .reservation-details-pg .left-col hr {
        margin-bottom: 30px;
    }

    .inner-second-cont-reserv p {
        margin-bottom: 15px;
        font-size: 16px;

    }


    .additional-details-last-cont-review-booking .inner-container button {
        width: 150px;

    }

    .table-review-booking {
        margin-bottom: 40px;
    }

    .additional-details-last-cont-review-booking p {

        font-size: 14px;
    }

    .additional-details-last-cont-review-booking .inner-container p {

        font-size: 16px;
    }

    .additional-details-last-cont-review-booking .inner-container {
        gap: 20px;
    }

    .additional-details-last-cont-review-booking .inner-container-first {
        gap: 15px;
    }


    .additional-requests-booking-review-contt-sec {
        padding-bottom: 40px;
    }

    .container-booking-deatils-review-booking {
        grid-template-columns: 30% auto;
        margin-bottom: 0px;
    }

    .container-booking-deatils-review-booking p {
        font-size: 16px;
    }

    .table-review-booking th {
        font-size: 16px;
    }

    .table-review-booking td {
        font-size: 14px;
    }

    .container-booking-deatils-review-booking {
        padding-left: 25px;
    }

    .table-review-booking {
        padding-left: 25px;
    }

    .additional-details-last-cont-review-booking {
        padding-left: 25px;

    }

    .chexkboxes-review-booking {
        margin-bottom: 20px !important;
        margin-right: 5px;
    }

    .additional-requests-booking-review-contt {
        padding-left: 25px;
    }

    .additional-requests-booking-review-contt-sec {
        padding-left: 25px;
    }

    .chexkboxes-review-booking:last-of-type {
        margin-bottom: 25px !important;
    }

    .booking-review-container form {
        gap: 55px;
    }

    .booking-review-container form .right-colum .titltee-review {
        font-size: 24px;
    }

    .booking-review-container form .right-colum div {
        gap: 15px;
    }


    .name-car {
        font-size: 14px;
        margin-bottom: 5px !important;
    }

    .fourth-con .viewbutton {

        width: 100%;
    }

    .fourth-con .bookbutton {
        width: 100%;

    }

    .features-heading-vehicle-result {
        font-size: 14px;
    }

    .third-con .fir-parag {
        font-size: 14px;
    }

    .fourth-con .pricee-parag {
        font-size: 18px;
    }

    .container-form-documnets form label {
        margin-bottom: 5px;
    }

    .container-form-documnets form input {
        margin-bottom: 15px;
    }

    .container-form-documnets form select {
        margin-bottom: 15px;
    }

    .checkout-pg .header-checkout {
        margin-bottom: 35px;
        font-size: 22px;
        height: 45px;
    }



    .form-checkout label {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .form-checkout input {
        height: 45px;
        margin-bottom: 15px;
    }

    .right-text-booking-checkout {
        font-size: 16px;
    }

    .left-heading-booking-checkout {
        font-size: 16px;
    }

    .checkout-pg .right-col {
        padding-left: 40px;
        padding-top: 45px;
        padding-bottom: 35px;
        padding-right: 40px;
    }


    .first-heading-right-col {
        font-size: 22px;
        margin-bottom: 20px !important;

    }

    .button-form-checkout {
        width: 245px;
        height: 45px;
        font-size: 16px;
    }



    .advanced-tabsss .eael-advance-tabs {
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .single-reservation-second {
        padding: 30px 0 30px 0px;
    }

    .res-status-con p {
        margin-bottom: 10px;

    }

    .res-pickup p {
        margin-bottom: 10px;
    }

    .res-dropoff p {
        margin-bottom: 10px;
    }


    .res-pickup-location {
        gap: 10px;
        margin-bottom: 10px;
    }

    .res-dropoff-location {
        gap: 10px;
        margin-bottom: 10px;
    }

    .res-pickup {
        padding: 0 15px 0 15px;
    }

    .res-dropoff {
        padding: 0 15px 0 15px;
    }

    .res-status-con {
        padding: 0 15px 0 15px;
    }

    .res-price-view {
        padding: 0 15px 0 15px;
    }

    .res-car-image {
        padding: 0 15px 0 15px;
    }


    .single-car .car-title {
        font-size: 24px;
    }

    .single-car .car-year {
        font-size: 15px;
    }

    .single-car .car-img {
        width: 70%;
        margin: auto;
    }

    .single-car .car-price {
        font-size: 18px;
        margin-top: 18px;
        margin-bottom: 5px;
    }

    .single-car .car-booknow a {
        font-size: 16px;
        height: 40px;
        width: 204.162px;
    }

    .cars-listing-cont {
        margin: 75px auto 95px;
        max-width: 1145px;
    }

    .booking-review-container form {
        padding-bottom: 40px;

    }

}

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


    .checkout-pg.confirmation-pg {
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .confirmation-pg .left-col button {
        width: 300px;
    }

    .checkout-pg.confirmation-pg .right-col {
        margin-top: 0px;
        width: 50.5%;
    }

    .checkout-pg.confirmation-pg .left-col {
        width: 45.5%;
    }

    .heading-reserv-detail {
        height: 55px;
        padding-left: 25px;

    }

    .heading-reserv-detail.secondd {
        height: 55px;
        padding-left: 25px;

    }

    .reservation-details-pg .left-col {
        width: 60%;
    }

    .reservation-details-pg .right-col {
        width: 35%;
    }



    .input-promotion-booking-review {
        height: 45px !important;
    }

    .container-booking-deatils-review-booking p.left-headingggg {
        margin-bottom: 0px;
    }

    .container-booking-deatils-review-booking p {
        margin-bottom: 20px;
    }

    .booking-review-container form .right-colum .titltee-review {
        font-size: 22px;
    }

    .booking-review-container form .right-colum div p {
        font-size: 18px;
    }

    .booking-review-container form .right-colum div button {
        height: 45px;
        width: 145px;
    }

    .booking-review-container form .right-colum img {
        width: 100%;
        height: auto;
    }

    .booking-review-container form .right-colum div {
        margin-top: 25px;
        margin-bottom: 40px;
    }

    .container-booking-deatils-review-booking {
        margin-bottom: 10px;
    }

    .label-checkbox-review-boxing {
        font-size: 16px;
    }

    .button-promotion-booking-review {
        width: 170px;
    }

    .additional-details-last-cont-review-booking p {
        font-size: 14px;
    }

    .additional-details-last-cont-review-booking .inner-container button {
        height: 45px;
        width: 150px;
    }

    .heading-container-review-booking {
        height: 55px;
        font-size: 20px;
        padding-left: 25px;
    }


    .booking-review-container form {
        margin: 0 3.5vw;
    }

    .reservation-details-pg {
        margin: 0 3.5vw;
    }


    .container-vehicle-search-result {
        margin: 35px 3.5vw;

    }


    .container-upload-img-form-documents {
        height: 295px;
    }

    .container-documents {
        margin: 0px 3.5vw;
        justify-content: space-between;
        gap: 0px
    }

    .container-form-documnets {
        width: 55%;
    }

    .checkout-pg {
        margin: 0px 3.5vw;
    }

    .checkout-pg {
        gap: 25px;
    }

    .checkout-pg .left-col {
        width: 53.5%;
    }

    .checkout-pg .right-col {
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 30px;
        width: 43.5%;
    }

    .container-right-booking-checkout {
        grid-template-columns: 45% 55%;
    }


    .documents-sections>.elementor-container {
        margin: 80px 10.938vw 0px;
    }

    .profile-register-section .elementor-shortcode {

        margin: -110px 10.938vw 0px !important;

    }



    .cars-listing-cont {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin: 65px 5.5vw 70px;
        max-width: 100%;
    }

    .single-car:nth-child(3n) {
        border-right: 0px;
    }

    .single-car:nth-child(4n) {
        border-right: 1px solid #C9C9C9;
    }



    .register-section>.elementor-container {
        margin: 50px 10.938vw 0px;
    }

    .cars-listing-filter {
        padding: 35px 5vw !important;
    }


    .single-reservation-second {
        grid-template-columns: 1.4fr 1.5fr 1.5fr 1fr 1.3fr;
    }

    .advanced-tabsss .eael-tab-nav-item {
        width: 220px;
    }

    .advanced-tabsss .eael-advance-tabs {
        margin: 0 3.5vw !important;
    }

    .advanced-tabsss .eael-tabs-nav {
        margin-bottom: 20px !important;
    }

    .booking-review-container form {
        padding-top: 45px;
        padding-bottom: 0px;
    }

    .reservation-details-pg {
        padding-bottom: 0px;

    }

    .booking-review-container form {
        padding-bottom: 50px;
    }
}


@media only screen and (max-width: 1024px) {



    .checkout-pg.confirmation-pg .right-col {
        width: 55.5%;
    }

    .checkout-pg.confirmation-pg .left-col {
        width: 40.5%;
    }


    .heading-reserv-detail {
        margin-bottom: 20px !important;

    }

    .heading-reserv-detail.secondd {
        margin-bottom: 20px !important;
    }

    .reservation-details-pg {
        flex-direction: column-reverse;
    }

    .reservation-details-pg .left-col {
        width: 100%;
    }

    .reservation-details-pg .right-col {
        width: 100%;
    }

    .reservation-details-pg .right-col img {
        width: auto;
        height: auto;
        margin-bottom: 5px;

    }

    .reservation-details-pg .right-col .payment-btn {
        width: 255px;
        height: 45px;

    }

    .reservation-details-pg .right-col .invoices-btn {
        width: 255px;
        height: 45px;

    }

    .reservation-details-pg .right-col .invoices-btn {
        margin-bottom: 30px;
    }

    .reservation-details-pg .right-col {
        padding-top: 35px;

    }

    .reservation-details-pg .right-col .title-right-col-reservation {

        margin-bottom: 0px;
    }

    .booking-review-container form .right-colum img {
        width: auto;
        height: auto;
    }


    /* .booking-review-container form .right-colum div{
        display: none;

    } */
    .booking-review-container form .right-colum div {
        margin-bottom: 10px;
        margin-top: 15px;

    }

    .booking-review-container form .right-colum .titltee-review {
        margin-bottom: 0px;
    }

    .booking-review-container form .right-colum {
        width: 100%;

        padding-top: 25px;
        padding-bottom: 20px;
    }

    .booking-review-container form .left-colum {
        width: 100%;
    }

    .booking-review-container form {
        flex-direction: column-reverse;
    }

    .container-vehicle-search-result {
        grid-template-columns: 35% 32% 32%;
        display: grid;
        row-gap: 25px;

    }

    .container-vehicle-search-result .first-con {
        grid-row: span 2;
        width: 100%;
    }

    .container-vehicle-search-result .sec-con {
        width: 100%;
        grid-template-columns: 33% 33% 33%;
        grid-column: span 2;
        padding-left: 5vw;
    }

    .features-heading-vehicle-result {
        grid-column: span 3;
    }


    .container-vehicle-search-result .third-con {
        padding-left: 5vw;
        width: 100%;
    }

    .container-vehicle-search-result .fourth-con {
        width: 100%;
    }

    .container-vehicle-search-result .sec-con::after {
        display: none !important;
    }

    .sec-con .innerrr {
        margin-bottom: 20px;

    }

    .container-vehicle-search-result .first-con {
        position: relative;
    }

    .container-vehicle-search-result .first-con img {
        width: 100%;
        height: auto;
        object-fit: cover;
        align-self: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }



    .container-upload-img-form-documents p {
        font-size: 20px;

    }

    .container-upload-img-form-documents {
        height: 260px;
    }

    .container-upload-img-form-documents {

        width: 35.292vw;

    }

    .single-reservation-second {
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 30px;
    }

    .res-car-image {
        grid-row: 1 / 3;
        align-content: center;
    }

    .documents-sections>.elementor-container {
        margin: 80px 10.938vw 30px;
    }

    .cars-listing-filter {
        padding: 35px 5.5vw !important;
    }

    .loginnnn-banner>.elementor-container {
        min-height: 430px !important;
    }

    .login-shortcode>div>.elementor-shortcode {
        margin-top: 45px;
    }

    .register-link p {
        margin-bottom: 30px;
    }

    .login-form form button {
        margin-bottom: 25px;
    }

    .login-form form input {
        margin-bottom: 30px;

    }


    .container-form-documnets form input {

        padding-left: 15px;
    }

    .container-form-documnets form select {
        padding-left: 15px;
    }

    .reservation-details-pg {
        padding-bottom: 15px;
    }

    .checkout-pg.confirmation-pg {
        padding-right: 0px;
        padding-left: 0px;
    }


}

@media only screen and (max-width: 921px) {

    .checkout-pg.confirmation-pg .right-col {
        width: 100%;
    }

    .checkout-pg.confirmation-pg .left-col {
        width: 100%;
        text-align: center;

    }

    .checkout-pg {
        flex-direction: column-reverse;
        padding-top: 40px;
        padding-bottom: 40px;
        gap: 45px;
    }

    .checkout-pg .left-col {
        width: 100%;
    }

    .checkout-pg .right-col {
        width: 100%;

    }








    .cars-listing-cont {
        margin: 65px 1.5vw 70px;
        max-width: 100%;
    }

    .cars-listing-filter form {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .cars-listing-filter form input {
        grid-column: span 2;
    }

}

@media only screen and (max-width: 767px) {



    .error-containerr {
        max-width: 85%;

    }


    .checkout-pg.confirmation-pg {
        padding-bottom: 50px;
    }

    .confirmation-pg .left-col button {
        width: 260px;
    }

    .reservation-details-pg {
        padding-bottom: 50px;
    }

    .heading-reserv-detail {
        font-size: 18px;
    }

    .heading-reserv-detail.secondd {
        font-size: 18px;
    }

    .additional-details-last-cont-review-booking {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .additional-details-last-cont-review-booking .inner-container {
        justify-content: space-between;
        width: 100%;
    }


    .container-vehicle-search-result {

        grid-template-rows: auto auto auto auto;
        grid-template-columns: 100%;
        row-gap: 10px;
    }

    .container-vehicle-search-result .sec-con {
        grid-column: span 1;
    }

    .container-vehicle-search-result .first-con img {
        position: relative;
        width: auto;
        height: auto;
    }

    .container-vehicle-search-result>div:not(:last-child)::after {
        display: none;
    }

    .container-vehicle-search-result .third-con {
        margin-bottom: 20px;
    }


    .container-documents {
        gap: 30px;
        flex-direction: column-reverse;
    }

    .container-upload-img-form-documents {
        width: 100%;
    }

    .container-form-documnets {
        width: 100%;
    }

    .res-price-view .res-price {
        font-size: 16px !important;
    }

    .documents-sections>.elementor-container {
        margin: 45px 3.5vw 45px;
    }

    .profile-banner>.elementor-container {
        min-height: 430px !important;
    }

    .profile-field.image {
        margin: 0 auto 40px;
        width: 150px;
        height: 150px;
    }

    .profile-banner .left-collll-inner-section-left-coll>.elementor-widget-wrap {
        margin-bottom: 105px;
    }

    .profile-register-section .elementor-shortcode {
        margin: -85px 3.5vw 0px !important;
    }

    .registration-form form {
        grid-template-columns: 100%;
    }

    .cars-listing-cont {
        margin: 40px 3.5vw 55px;
        grid-template-columns: 1fr 1fr;
    }

    .single-car:nth-child(1n) {
        border-right: 1px solid #C9C9C9;
    }

    .single-car:nth-child(2n) {
        border-right: 0px;
    }

    .register-section>.elementor-container {
        margin: 50px 3.5vw 0px;
    }

    .loginnnn-banner.register-banner .left-collll-inner-section-left-coll {
        padding-left: 3.5vw !important;
    }

    .advanced-tabsss .eael-tab-nav-item {
        width: 180px;
    }

    .container-booking-deatils-review-booking p {
        font-size: 14px;
        margin-bottom: 15px;

    }

    .label-checkbox-review-boxing {
        font-size: 14px;
    }

    .heading-container-review-booking {
        font-size: 18px !important;
    }

    .booking-review-container form .right-colum .titltee-review {
        font-size: 18px;
    }

    .booking-review-container form {
        gap: 40px;
    }

    #doc-preview label {
        top: 8%;
        height: auto;
    }


}


@media only screen and (max-width: 600px) {



    .inner-second-cont-reserv {
        padding-left: 25px;

    }

    .inner-first-cont-reserv {
        padding-left: 25px;

    }

    .reservation-details-pg .left-col hr {
        margin-left: 25px;
        margin-right: 25px;
    }

    .container-buttons-payemnts-invoices {
        gap: 30px;
    }

    .additional-details-last-cont-review-booking .inner-container button {
        width: 150PX;
    }

    .inner-first-cont-reserv p {
        font-size: 15px;
    }

    .inner-second-cont-reserv p {
        font-size: 15px;
    }

    .table-review-booking th {
        font-size: 14px;
    }

    .table-review-booking td {
        font-size: 12px;
    }

    .table-review-booking tfoot tr td {
        font-size: 13px;
    }


    .container-booking-deatils-review-booking {
        grid-template-columns: 45% auto;
    }

    .checkout-pgg.download-app-section-main-col {
        margin-top: 0px !important;
    }

    .container-upload-img-form-documents {

        height: 180px;
    }

    .container-upload-img-form-documents p {

        font-size: 16px;
    }



    .container-right-booking-checkout {
        gap: 5px;
    }


    .container-inside-form-checkout {
        gap: 0px;
        flex-direction: column;
    }

    .button-form-checkout {
        margin-top: 20px;
    }

    .container-inside-form-checkout div {
        width: 100%;

    }

    .cvvinput {
        width: 100%;
    }



    .single-reservation-second {
        grid-template-columns: 1fr 1.5fr;
    }

    .res-car-image {
        grid-row: 1 / 5;
        align-content: center;
    }

    .car-img {
        height: 120px;
    }

    .car-img img {
        width: 100%;
    }

    .documents-sections .documents-pg button {
        width: 185px;
    }

    .cars-listing-cont {
        grid-template-columns: 1fr;
        row-gap: 60px;
        margin: 40px 3.5vw 55px;
    }

    .single-car:nth-child(n) {
        border-right: 0px;
    }

    .cars-listing-filter {
        padding: 30px 6.5vw 15px !important;
    }

    .cars-listing-filter form {
        display: flex;
        flex-direction: column;
    }


    .cars-listing-filter form input {
        grid-column: span 2;
    }

    .loginnnn-banner>.elementor-container {
        min-height: 335px !important;
    }

    .login-pgg .download-app-section-main-col {
        margin-top: 20px !important;
    }

    .login-shortcode>div>.elementor-shortcode {
        margin: 45px 3.5vw 0px;
    }

    .login-form form input {
        width: 100% !important;
        max-width: 100% !important;
    }

    .login-form form button {
        width: 100% !important;
        max-width: 100% !important;
    }

    .login-form {

        width: 100% !important;
    }

    .register-link p {
        font-size: 18px;
    }

    .register-link p a {
        font-size: 18px;
    }

    .register-form form {
        display: flex;
        flex-direction: column;
    }

    .register-form form input {

        margin-bottom: 25px;
    }

    .register-form form select {
        margin-bottom: 25px;

    }







    .login-link p {
        margin-bottom: 0px;
        font-size: 18px;

    }

    .login-link p a {
        font-size: 18px;
    }

    .register-paggg .download-app-section-main-col {
        margin-top: 60px !important;
    }

    .register-form form label {
        font-size: 18px;
    }

    .register-form form input {
        height: 45px;
    }


    .register-form form select {
        height: 45px;
    }

    .register-form form button {
        height: 45px;
        width: 100%;
    }

    .resend {
        font-size: 18px;
    }

    .resend a {
        font-size: 18px;
    }

    .table-review-booking {
        border-spacing: 1px;
    }


}


@media only screen and (max-width: 500px) {

    .error-containerr {
        max-width: 90%;
    }

    .error-title {
        font-size: 18px;
    }

    .error-text {
        font-size: 15px;
    }



    .single-reservation-second {
        grid-template-columns: 1fr;
        row-gap: 25px;
    }

    .res-car-image {
        grid-row: 1;
        align-content: center;
    }

    .car-img img {
        width: 220px;
    }

    .res-pickup {

        border-left: 0px solid #C9C9C9;
    }

    .res-dropoff {
        border-left: 0px solid #C9C9C9;

    }

    .res-status-con {
        border-left: 0px solid #C9C9C9;
    }

    .res-price-view {
        border-left: 0px solid #C9C9C9;
    }

    .advanced-tabsss .eael-tab-nav-item {
        width: 150px;
    }




    .label-checkbox-review-boxing {
        line-height: 135%;
    }

    .chexkboxes-review-booking {
        margin-bottom: 10px !important;
    }

    .button-promotion-booking-review {

        width: 130px;
        font-size: 16px;
    }






}



@media only screen and (max-width: 450px) {

    .documents-sections .documents-pg button {
        width: 100%;
    }

    .documents-sections .documents-pg form button {
        width: 185px;
    }


    .additional-details-last-cont-review-booking .inner-container button {
        width: 150px;
    }

    .additional-details-last-cont-review-booking .inner-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .reservation-details-pg .right-col .title-right-col-reservation {
        font-size: 20px;
    }

    .reservation-details-pg .right-col .payment-btn {
        width: 85%;
        font-size: 16px;

    }

    .reservation-details-pg .right-col .invoices-btn {
        width: 85%;
        font-size: 16px;

    }

    .inner-second-cont-reserv {
        grid-template-columns: 45% auto;
        padding-left: 15px;

    }

    .inner-first-cont-reserv {
        grid-template-columns: 45% auto;
        padding-left: 15px;

    }

    .container-buttons-payemnts-invoices {
        flex-direction: column;
        gap: 15px;
        margin-top: 10px;
        align-items: center;

    }

    .container-buttons-payemnts-invoices .payment-btn {
        width: 85%;
        font-size: 16px;
        height: 45px;
    }

    .container-buttons-payemnts-invoices .invoices-btn {
        width: 85%;
        font-size: 16px;
        height: 45px;
    }

    .inner-first-cont-reserv p.rent-perday {

        gap: 10px;
    }


    .inner-first-cont-reserv p {
        font-size: 14px;
    }

    .inner-second-cont-reserv p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 400px) {
    .table-review-booking td {
        font-size: 10px;
    }

    .table-review-booking th {
        font-size: 12px;
    }

    .table-review-booking tfoot tr td {
        font-size: 12px;
    }

    .button-promotion-booking-review {
        position: relative;
        height: 50px;
        margin-top: 15px;
    }

}

/* Support Tickets Styles */
.support-tickets-container {
    padding: 20px;
    max-width: 800px;
    margin: 120px auto 40px;
}

.support-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 30px;
}

.support-header h1 {
    font-size: 24px;
    font-weight: 600;
    color: #23173F;
    margin: 0;
}

.create-ticket-btn {
    background-color: #ECAE3D;
    color: #000;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: background-color 0.3s;
}

.create-ticket-btn:hover {
    background-color: #d99c2d;
    color: #000;
}

.support-tabs {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
    border-bottom: none;
    padding-bottom: 0;
}

.tab-btn {
    flex: 1;
    background: #fff;
    border: 1px solid #ECAE3D;
    padding: 12px 25px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    cursor: pointer;
    border-radius: 8px;
    text-align: center;
}

.tab-btn.active {
    background-color: #ECAE3D;
    color: #000;
    border-color: #ECAE3D;
    box-shadow: 0 4px 12px rgba(236, 174, 61, 0.2);
}

.tab-btn.active::after {
    display: none;
}

.tab-content {
    display: none;
}

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

.tickets-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ticket-card {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    position: relative;
    border-left: 5px solid #ccc;
}

.ticket-card.status-opened {
    border-left-color: #28a745;
}

.ticket-card.status-closed {
    border-left-color: #dc3545;
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.ticket-num {
    font-size: 12px;
    color: #888;
    font-weight: 500;
}

.status-badge {
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.status-opened .status-badge {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.status-closed .status-badge {
    background-color: #ffebee;
    color: #c62828;
}

.ticket-type {
    font-size: 12px;
    color: #9F2063;
    font-weight: 600;
    margin-bottom: 8px;
}

.ticket-title {
    font-size: 18px;
    font-weight: 600;
    color: #23173F;
    margin: 0 0 10px 0;
}

.ticket-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    margin-bottom: 15px;
}

.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f9f9f9;
    padding-top: 15px;
}

.ticket-date {
    font-size: 12px;
    color: #999;
}

.rating-stars {
    color: #ccc;
}

.rating-stars .fa-star.filled {
    color: #f1c40f;
}

.fb-num {
    font-size: 11px;
    color: #bbb;
}

/* RTL Support */
.rtl {
    direction: rtl;
    text-align: right;
}

.rtl .ticket-card {
    border-left: 1px solid #f0f0f0;
    border-right: 5px solid #ccc;
}

.rtl .ticket-card.status-opened {
    border-right-color: #28a745;
}

.rtl .ticket-card.status-closed {
    border-right-color: #dc3545;
}

/* Ticket Detail View */
.ticket-detail-view {
    background: #FDF2F4;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

/* White top section (ticket info) */
.detail-info-section {
    background: #fff;
    padding-bottom: 4px;
}

.detail-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 12px;
    padding: 16px 20px 12px;
    background: #fff;
}

.detail-back-btn {
    background: none !important;
    border: none !important;
    color: #23173F !important;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    box-shadow: none !important;
    flex-shrink: 0;
}

.detail-header-info {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}

.detail-ticket-num {
    font-size: 13px;
    font-weight: 500;
    color: #666;
}

.detail-status-badge {
    font-size: 12px;
    padding: 5px 16px;
    border-radius: 20px;
    font-weight: 500;
    text-transform: capitalize;
}

.detail-status-opened {
    background-color: #FDF2F4;
    color: #9F2063;
    border: 1px solid #e8b4cc;
}

.detail-status-closed {
    background-color: #f5f5f5;
    color: #777;
    border: 1px solid #ddd;
}

.detail-status-assigned {
    background-color: #FDF2F4;
    color: #9F2063;
    border: 1px solid #e8b4cc;
}

.detail-body {
    padding: 4px 20px 16px;
    background: #fff;
}

.detail-title {
    font-size: 22px;
    font-weight: 700;
    color: #111;
    margin: 0 0 6px 0;
}

.detail-desc {
    font-size: 15px;
    color: #555;
    margin: 0 0 0 0;
}

.detail-meta {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    background: #fff;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.detail-meta-label {
    font-size: 13px;
    color: #aaa;
}

.detail-meta-value {
    font-size: 13px;
    color: #333;
    font-weight: 500;
}

/* Comment input wrapper — includes file preview + input row */
.detail-comment-input-wrapper {
    background: #fff;
    border-bottom: 1px solid #f0e0e6;
}

/* File attachment preview chips */
.detail-attach-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px 20px 0;
}

.detail-attach-preview:empty {
    padding: 0;
}

.attach-preview-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #f3e8ef;
    color: #9F2063;
    border-radius: 12px;
    padding: 4px 10px;
    font-size: 12px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.attach-remove {
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    margin-left: 2px;
    color: #9F2063;
    flex-shrink: 0;
}

.attach-remove:hover {
    color: #c0392b;
}

/* Comment input — between white and pink sections */
.detail-comment-input {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    background: #fff;
}

.detail-comment-input input {
    flex: 1;
    border: 1px solid #e0e0e0 !important;
    border-radius: 25px !important;
    padding: 10px 18px !important;
    font-size: 14px;
    outline: none;
    background: #f7f7f7 !important;
    color: #333;
    box-shadow: none !important;
}

.detail-comment-input input:focus {
    border-color: #ECAE3D !important;
    background: #fff !important;
}

.detail-attach-btn,
.detail-send-btn {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    border: none !important;
    cursor: pointer;
    font-size: 16px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0 !important;
    background: #ccc !important;
    color: #fff !important;
}

.detail-attach-btn:hover,
.detail-send-btn:hover {
    background: #ECAE3D !important;
}

/* Pink comments section */
.detail-comments-section {
    background: #FDF2F4;
    padding: 20px 20px 30px;
    min-height: 120px;
}

.detail-comments-heading {
    font-size: 18px;
    font-weight: 700;
    color: #23173F;
    margin: 0 0 20px 0;
}

.detail-comments-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px;
}

.comment-bubble {
    max-width: 80%;
    padding: 12px 16px;
    border-radius: 18px;
    font-size: 14px;
}

.comment-own {
    margin-left: auto;
    background: #9F2063 !important;
    color: #fff !important;
    border-bottom-right-radius: 4px;
}

.comment-other {
    margin-right: auto;
    background: #fff !important;
    color: #23173F !important;
    border: 1px solid #f0e0e6;
    border-bottom-left-radius: 4px;
}

.comment-author {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 4px;
}

.comment-text {
    font-size: 14px;
    line-height: 1.45;
}

.comment-date {
    font-size: 10px;
    opacity: 0.65;
    margin-top: 6px;
    text-align: right;
}

.comment-attachment {
    margin-top: 6px;
}

.comment-attach-img {
    max-width: 180px;
    max-height: 180px;
    border-radius: 8px;
    cursor: pointer;
    display: block;
}

.comment-attach-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: inherit;
    text-decoration: underline;
    word-break: break-all;
}

.comment-own .comment-attach-link {
    color: #ffe0f0;
}

.no-comments {
    font-size: 13px;
    color: #bbb;
    text-align: center;
    padding: 20px 0;
}

/* Create Ticket & Feedback Form Styles */
.create-ticket-wrapper {
    max-width: 500px;
    margin: 40px auto;
    background-color: #FDF2F4;
    border-radius: 0;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    min-height: 100vh;
}

.create-ticket-wrapper .form-header {
    background-color: #9F2063;
    padding: 20px;
    text-align: center;
    position: relative;
    color: #fff;
}

.create-ticket-wrapper .back-link {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

.create-ticket-wrapper .header-logo img {
    height: 40px;
    margin-bottom: 10px;
}

.create-ticket-wrapper h1 {
    color: #fff;
    font-size: 20px;
    margin: 0;
}

.create-ticket-wrapper .form-container {
    padding: 20px;
}

.create-ticket-wrapper .form-group {
    margin-bottom: 20px;
}

.create-ticket-wrapper label {
    display: block;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
    font-size: 14px;
}

.create-ticket-wrapper .sub-label {
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
}

.create-ticket-wrapper input[type="text"],
.create-ticket-wrapper select,
.create-ticket-wrapper textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
}

.create-ticket-wrapper textarea {
    height: 120px;
    resize: none;
}

.create-ticket-wrapper .submit-btn {
    width: 100%;
    padding: 15px;
    background-color: #F5A623;
    color: #442B00;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    margin-top: 20px;
}

/* Feedback Specific */
.rating-group {
    text-align: left;
}

.star-rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 5px;
}

.star-rating input {
    display: none;
}

.star-rating label {
    font-size: 32px;
    color: #fff;
    cursor: pointer;
    -webkit-text-stroke: 1px #ffc107;
    margin: 0;
}

.star-rating label:hover,
.star-rating label:hover~label,
.star-rating input:checked~label {
    color: #ffc107;
}

.create-ticket-wrapper .hint {
    font-size: 12px;
    color: #888;
}

/* Attachments */
.attachments-group .attachment-upload {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
}

.attachments-group .upload-btn {
    color: #9F2063;
    cursor: pointer;
    margin: 0;
    font-weight: 500;
}

#file-list {
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}


/* Adaptation of .register-form for Ticket & Feedback fields */
.register-form form div[style*="grid-column: span 2"] {
    grid-column: span 2;
}

.register-form form textarea {
    height: 150px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    padding: 20px 25px;
    font-size: 16px;
    font-weight: 500;
    font-family: "DM Sans", Sans-serif;
    color: #000;
    width: 100%;
    margin-bottom: 37px;
}

/* Star Rating for Register Style */
.register-form .star-rating {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    gap: 15px !important;
    margin: 15px 0 37px !important;
    flex-wrap: nowrap !important;
    width: fit-content !important;
}

.register-form .star-rating input {
    display: none !important;
}

.register-form .star-rating label {
    display: inline-block !important;
    font-size: 40px;
    color: transparent;
    -webkit-text-stroke: 1px #ffc107;
    cursor: pointer;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1;
}

.register-form .star-rating label i {
    color: inherit;
    -webkit-text-stroke: inherit;
}

.register-form .star-rating input:checked~label,
.register-form .star-rating label:hover,
.register-form .star-rating label:hover~label {
    color: #ffc107 !important;
}

/* Attachments for Register Style */
.website-style-upload {
    border: 1px solid #d9d9d9;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 37px;
    background: #fbfbfb;
}

.upload-btn-website {
    display: inline-block;
    color: #9F2063;
    font-weight: 500;
    cursor: pointer;
    margin: 0 !important;
}

.website-file-list {
    margin-top: 10px;
    font-size: 13px;
    color: #666;
}

/* RTL support for synced register-form */
.rtl.register-form .star-rating {
    flex-direction: row;
    justify-content: flex-start;
}


/* Premium Support Tickets Polish */
.support-tickets-container {
    background: #fbfbfb;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
}

.create-ticket-btn {
    background: linear-gradient(135deg, #ECAE3D 0%, #d99c2d 100%);
    box-shadow: 0 4px 15px rgba(236, 174, 61, 0.3);
    border: none;
    color: #fff !important;
}

.create-ticket-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(236, 174, 61, 0.4);
}

.ticket-card {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
}

.ticket-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}



.rating-stars .fa-star {
    margin: 0 2px;
}

.support-header h1 {
    letter-spacing: -0.5px;
}

/* ===== Ticket Detail View — high-specificity overrides ===== */
.support-tickets-container .ticket-detail-view {
    background: #FDF2F4;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.support-tickets-container .detail-info-section {
    background: #fff;
}

.support-tickets-container .detail-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 16px 20px 12px;
    background: #fff;
}

.support-tickets-container .detail-back-btn {
    all: unset;
    cursor: pointer;
    color: #23173F;
    font-size: 18px;
    line-height: 1;
    flex-shrink: 0;
}

.support-tickets-container .detail-header-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}

.support-tickets-container .detail-ticket-num {
    font-size: 13px;
    color: #888;
    font-weight: 500;
}

.support-tickets-container .detail-status-badge {
    font-size: 12px;
    padding: 5px 16px;
    border-radius: 20px;
    font-weight: 500;
    text-transform: capitalize;
}

.support-tickets-container .detail-status-opened,
.support-tickets-container .detail-status-assigned {
    background: #FDF2F4;
    color: #9F2063;
    border: 1px solid #e8b4cc;
}

.support-tickets-container .detail-status-closed {
    background: #f5f5f5;
    color: #777;
    border: 1px solid #ddd;
}

.support-tickets-container .detail-body {
    padding: 4px 20px 0;
    background: #fff;
}

.support-tickets-container .detail-title {
    font-size: 22px;
    font-weight: 700;
    color: #111;
    margin: 0 0 8px 0;
}

.support-tickets-container .detail-desc {
    font-size: 15px;
    color: #555;
    margin: 0 0 4px 0;
}

.support-tickets-container .detail-meta {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    background: #fff;
    border-top: 1px solid #f0f0f0;
}

.support-tickets-container .detail-meta-label {
    font-size: 13px;
    color: #aaa;
}

.support-tickets-container .detail-meta-value {
    font-size: 13px;
    color: #333;
    font-weight: 500;
}

.support-tickets-container .detail-comment-input {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #f0e0e6;
}

.support-tickets-container .detail-comment-input input[type="text"] {
    flex: 1;
    border: 1px solid #e0e0e0;
    border-radius: 25px;
    padding: 10px 18px;
    font-size: 14px;
    outline: none;
    background: #f7f7f7;
    color: #333;
    box-shadow: none;
    width: auto;
    min-height: unset;
    height: auto;
}

.support-tickets-container .detail-comment-input input[type="text"]:focus {
    border-color: #ECAE3D;
    background: #fff;
    box-shadow: none;
}

.support-tickets-container .detail-attach-btn,
.support-tickets-container .detail-send-btn {
    all: unset;
    cursor: pointer;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #ccc;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 16px;
}

.support-tickets-container .detail-attach-btn:hover,
.support-tickets-container .detail-send-btn:hover {
    background: #ECAE3D;
}

.support-tickets-container .detail-comments-section {
    background: #FDF2F4;
    padding: 20px 20px 30px;
    min-height: 100px;
}

.support-tickets-container .detail-comments-heading {
    font-size: 18px;
    font-weight: 700;
    color: #23173F;
    margin: 0 0 20px 0;
}

.support-tickets-container .detail-comments-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.support-tickets-container .comment-bubble {
    max-width: 80%;
    padding: 12px 16px;
    border-radius: 18px;
    font-size: 14px;
}

.support-tickets-container .comment-own {
    margin-left: auto;
    background: #9F2063;
    color: #fff;
    border-bottom-right-radius: 4px;
}

.support-tickets-container .comment-other {
    margin-right: auto;
    background: #fff;
    color: #23173F;
    border: 1px solid #f0e0e6;
    border-bottom-left-radius: 4px;
}

.support-tickets-container .comment-author {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 4px;
}

.support-tickets-container .comment-text {
    font-size: 14px;
    line-height: 1.45;
}

.support-tickets-container .comment-date {
    font-size: 10px;
    opacity: 0.65;
    margin-top: 6px;
    text-align: right;
}

.support-tickets-container .no-comments {
    font-size: 13px;
    color: #bbb;
    text-align: center;
    padding: 20px 0;
}

.support-tickets-container .detail-title .fa-star {
    color: #ddd;
    font-size: 20px;
}

.support-tickets-container .detail-title .fa-star.filled {
    color: #ECAE3D;
}

.support-tickets-container .fb-detail-row {
    font-size: 14px;
    color: #333;
    margin-bottom: 6px;
    line-height: 1.5;
}

.support-tickets-container .fb-detail-row span {
    color: #888;
    font-weight: 500;
}
.support-tickets-container .comment-attachment {
    margin-top: 6px;
}

.support-tickets-container .comment-attach-img {
    max-width: 180px;
    max-height: 180px;
    border-radius: 8px;
    cursor: pointer;
    display: block;
}

.support-tickets-container .comment-attach-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: inherit;
    text-decoration: underline;
    word-break: break-all;
}

.support-tickets-container .comment-own .comment-attach-link {
    color: #ffe0f0;
}

.support-tickets-container .detail-comment-input-wrapper {
    background: #fff;
    border-bottom: 1px solid #f0e0e6;
}

.support-tickets-container .detail-attach-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px 20px 0;
}

.support-tickets-container .detail-attach-preview:empty {
    padding: 0;
}

.support-tickets-container .attach-preview-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #f3e8ef;
    color: #9F2063;
    border-radius: 12px;
    padding: 4px 10px;
    font-size: 12px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.support-tickets-container .attach-remove {
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    margin-left: 2px;
    color: #9F2063;
    flex-shrink: 0;
}

.support-tickets-container .attach-remove:hover {
    color: #c0392b;
}

/* Detail body: left = info, right = attachments */
.detail-body {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
}

.detail-body-left {
    flex: 1;
    min-width: 0;
}

/* Ticket detail attachments */
.detail-attachments {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
    flex-shrink: 0;
    max-width: 180px;
}

.detail-attachments:empty {
    display: none;
}

.detail-attachment-item {
    display: inline-block;
}

.detail-attach-img {
    max-width: 160px;
    max-height: 160px;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    border: 1px solid #f0e0e6;
}

.detail-attach-file-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #9F2063;
    text-decoration: underline;
    word-break: break-all;
}

.support-tickets-container .detail-body {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
}

.support-tickets-container .detail-body-left {
    flex: 1;
    min-width: 0;
}

.support-tickets-container .detail-attachments {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
    flex-shrink: 0;
    max-width: 180px;
}

.support-tickets-container .detail-attachments:empty {
    display: none;
}

.support-tickets-container .detail-attach-img {
    max-width: 160px;
    max-height: 160px;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    border: 1px solid #f0e0e6;
}

.support-tickets-container .detail-attach-file-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #9F2063;
    text-decoration: underline;
    word-break: break-all;
}

/* Override comment-attach-link color when shown in ticket detail (white bg) */
.detail-attachments .comment-attach-link,
.support-tickets-container .detail-attachments .comment-attach-link {
    color: #9F2063;
}

/* Comment body: text left, attachments right */
.comment-body-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
}

.comment-body-left {
    flex: 1;
    min-width: 0;
}

.comment-body-right {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex-shrink: 0;
}

.support-tickets-container .comment-body-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
}

.support-tickets-container .comment-body-left {
    flex: 1;
    min-width: 0;
}

.support-tickets-container .comment-body-right {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex-shrink: 0;
}