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

}