@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');

body *{
    font-family: 'Tajawal', sans-serif;
}
.navbar{
    direction: rtl;
}
/* .navbar .logo {
    float: right;
    padding-right: 60px;
}
.navbar ul{
    display: flex;
} */
.section-title {
    padding: 5px;
    border-right: 8px var(--secondary) solid;
    border-left: none;
    width: 110px;
}
.vehicles-title {
    padding: 5px;
    border-right: 8px var(--secondary) solid;
    border-left: none;
    width: 160px;
}
.btn-reserve {
    direction: rtl;
}

.testimonials-title {
    padding: 5px;
    border-right: 8px var(--secondary) solid;
    border-left: none;
    width: 190px;
}
.contact-us {
    direction: rtl;
}
.contact-info {
    text-align: right;
}
.contact-info li i{
    margin-left: 10px;
}
footer {
    direction: rtl;
}
footer .box{
    text-align: right;
}
.bottom{
    direction: ltr;
}
.vehicles, .form1{
    direction: rtl;
    text-align: right;
}
.form1 button{
    float: left !important;
}
.card-body ul{
    text-align: right !important;
}
.card-body label{
    margin-top: 10px;
}

#reserveModal{
    direction: rtl;
}
#reserveModal .modal-body{
    text-align: right;
}
#reserveModal .modal-body .form-group div{
    margin-left: auto;
    margin-right: 0 !important;
}
#reserveModal .modal-body .form-group label{
    text-align: center !important;
}
.modal-header .close {
    padding: 5px;
    margin: 0;
}
@media (max-width: 1067px){
    .show + a, .navbar ul {
        right: 0;
        left: auto;
        text-align: right;
        padding-right: 50px;
        padding-left: 0;
        display: block;
    }
    .icon {
        top: 0;
        left: 40px;
        right: auto;
    }
    .navbar .logo {
        padding-left: 10px;
        width: 100%;
        text-align: right;
        /* max-width: 200px; */
    }
}