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

p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
span,
button,
input {
    font-family: 'Tajawal', sans-serif;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    direction: ltr;
}

.logo {
    text-align: left;
}

.second-menu {
    direction: rtl;
}

.second-menu .main-menu ul li:first-child {
    margin-left: 20px;
}

@media (min-width: 1200px) {
    .text-xl-right {
        text-align: left !important;
    }
}


@media (max-width: 767px) {
    .mean-container .mean-nav ul li a {
        border-top: 1px solid rgba(217, 217, 217, 0.5);
        color: #333;
        display: block;
        float: right;
        margin: 0;
        padding: 10px 5%;
        text-align: right;
        text-decoration: none;
        text-transform: uppercase;
        width: 90%;
        font-size: 15px;
        font-weight: 600;
    }
}



.langs{
    margin-left: auto;
    margin-right: 0px;
}

@media (min-width: 1500px) and (max-width: 1700px){
    .second-menu .main-menu ul li {
        margin-left: 18px;
    }
}
 

.mean-container .mean-nav ul li {
    position: relative;
    float: right;
    width: 100%;
}