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

.me-auto,
.me-md-auto {
    margin-left: auto !important
}

.me-3,
.me-auto,
.me-md-auto {
    margin-right: 0 !important
}

@font-face {
    font-family: smart4dsTitles;
    src: url('../fonts/ar-fonts/smart4ds2.eot');
    src: url('../fonts/ar-fonts/smart4ds2.eot?#iefix') format('embedded-opentype'), url('../fonts/ar-fonts/smart4ds2.woff') format('woff'), url('../fonts/ar-fonts/smart4ds2.ttf') format('truetype');
    font-weight: 400;
    font-style: normal
}

@import url('../fonts/brando-font/stylesheet.css');
body {
    font-family: 'Brando Arabic Text', sans-serif;
    font-weight: 400;
    line-height: 1.6em;
    color: #656565;
}

.navbar .nav > li > a, h1, h2, h3, h4, .box-bottom a, .site-top a, .btn, .contacts strong, #inner-headline ul.breadcrumb li,.table th,.table td,.form-control {
    font-family: 'Brando Arabic Text', sans-serif;
}

#hero h2,
* {
    font-family: 'Brando Arabic Text', sans-serif
}

.btn,
.categories-list .nav-link span,
.navbar .nav-link,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Brando Arabic Text', sans-serif
}

.header-dropdown .btn {
    margin-left: 0;
    margin-right: 15px;
    line-height: 13px
}

#hero .carousel-content,
.accordion-item:last-of-type .accordion-button,
.dropdown-menu {
    text-align: right
}

.navbar .dropdown ul,
.staff .member span::after {
    right: 0;
    left: auto
}

.navbar .dropdown .dropdown ul,
.navbar .dropdown .dropdown:hover>ul {
    right: 100%;
    left: auto
}

.navbar>ul>li {
    padding: 8px 25px 23px 0
}

.navbar-mobile>ul>li {
    padding: 0
}

.navbar a .drop-arrow {
    margin-left: 0;
    margin-right: 5px
}

#header-search-box .close,
.navbar .dropdown ul a .drop-arrow {
    right: auto;
    left: 15px
}

.navbar .dropdown ul a {
    padding: 10px 20px 10px 40px
}

.navbar-mobile .mobile-nav-toggle {
    right: auto;
    left: 21px
}

.navbar .dropdown ul a .fa {
    margin-right: 0;
    margin-left: 5px
}

@media (max-width:992px) {
    #hero .carousel-content {
        text-align: center
    }
}

#footer .footer-newsletter form button,
.alert-dismissible .btn-close {
    right: auto;
    left: 0
}

.page-popup .btn-close {
    right: auto !important;
    left: 12px !important
}

.alert-dismissible {
    padding-right: 1rem;
    padding-left: 3rem
}

.text-md-start {
    text-align: right !important
}

.breadcrumbs ol li+li {
    padding-left: 0;
    padding-right: 10px
}

.breadcrumbs ol li+li::before,
.fixed-area-menu {
    padding-right: 0;
    padding-left: 10px
}

.text-end {
    text-align: left !important
}

.pagination {
    padding-right: 0
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.page-item:first-child .page-link {
    border-radius: 0 .375rem .375rem 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
.page-item:last-child .page-link {
    border-radius: .375rem 0 0 .375rem
}

.sidebar-list .list-group .list-group .list-group-item {
    border: none;
    padding-left: 0;
    padding-right: .5rem
}

.list-group {
    padding: .5rem
}

.sidebar-list .list-group .badge {
    float: left
}

.extra-images-count {
    right: auto;
    left: 18px
}

.me-3 {
    margin-left: 1rem !important
}

.contact .info i {
    float: right
}

.contact .info h4,
.contact .info p {
    padding: 0 60px 0 0;
    font-size: 16px
}

.back-to-top {
    right: 15px;
    left: auto
}

.whatsapp_float {
    left: 15px;
    right: auto
}

.form-switch {
    padding-right: 2.5em;
    padding-left: 0
}

.form-check .form-check-input {
    float: right;
    margin-right: -1.6em;
    margin-left: 0
}

.accordion-button::after {
    margin-right: auto;
    margin-left: 0
}

.header-form-search .btn {
    left: 0;
    right: auto;
    padding: 4px 8px
}

.header-form-search .form-control {
    padding: 5px 8px 1px
}

.staff .member .member-info {
    padding-left: 0;
    padding-right: 30px
}

.testimonials .testimonial-item .quote-icon-left {
    right: -5px;
    left: auto
}

.testimonials .testimonial-item .quote-icon-right {
    left: -5px;
    right: auto
}

.testimonials .testimonial-item p {
    font-style: normal
}

.testimonials .testimonial-item {
    padding: 30px 60px 30px 30px
}

.swiper-backface-hidden .swiper-slide {
    margin-right: 20px !important;
    margin-left: 0 !important
}

.testimonials .testimonial-item .testimonial-img {
    right: -35px;
    left: auto
}

.cookies-accept {
    left: 0;
    right: auto
}

.hero-slider .carousel-cell .inner{
    right: 15%;
    transform: translateY(-50%);
    left: auto;
    width: 60%;
    text-align: right;
}

.hero-slider .carousel-cell .inner .subtitle{
    font-size: 3.2rem;
    font-weight: 700;
}

.hero-slider .carousel-cell .inner .title{
    font-size: 30px;
    line-height: 44px;
}

.hero-slider .flickity-page-dots{
    right: 9.5%;
    left: auto;
}

.home-welcome .details h6{
    font-size: 20px;
}

.home-welcome .details h1{
    line-height: 160%;
}

.home-welcome .title-header::before, .home-welcome .title-header::after{
    transform: none;
}

.home-welcome p{
    line-height: 189%;
}

.title-header::after, .title-header::before{
    left: 0;
    right: 41%;
    transform: translateX(42%);
}

.title-header::before{
    right: 42%;
    left: 0;
}

.right-sidebar .title-header::after{
    right: 46%;
}

.video-section .player{
    left: 17%;
    right: auto;
}

.programs-banners .card .line-card::after,
.news .card .line-card::after{
    right: 0;
    left: auto;
}

.programs-banners .title-header::after, .programs-banners .title-header::before,
.news .title-header::after, .news .title-header::before{
    right: 44%;
}

.programs-banners .title-header::before,
.news .title-header::before{
    right: 46%;
}

footer ul.link-list li a:before {
    margin-left: 5px;
    margin-right: 0px;
}

footer .link-list{
    padding-left: 0;
}

.details-topics .photos .owl-theme .owl-nav [class*=owl-],
.news .owl-theme .owl-nav [class*=owl-]{
    right: auto;
    left: 9px;
    transform: none;
    
}

.details-topics .photos .owl-theme .owl-nav .owl-prev{
    left: auto;
    right: 9px;
}

@media screen and (max-width:767px) {
    .whatsapp-icon {
        margin-top: 10px
    }

    .whatsapp_float {
        bottom: 20px;
        left: 10px;
        right: auto
    }

    .staff .member .member-info {
        padding: 0 !important
    }
}
@media (max-width: 767px) {
    header .navbar-collapse ul.navbar-nav {
        float: none !important;
    }

    header .navbar-nav > li {
        width: 100% !important;
    }

    .navbar-header {
        float: none !important;
        width: 100% !important;
    }

    .navbar .nav li .dropdown-menu .l3 li a {
        margin-right: 15px;
        margin-left: 0;
    }

    .navbar-brand {
        float: right;
        margin-right: 0;
        margin-left: 0px;
    }

    .hero-slider .carousel-cell .inner{
        width: 80%;
    }

    .hero-slider .carousel-cell .inner .subtitle{
        font-size: 25px;
        margin-bottom: 4px;
    }

    .hero-slider .carousel-cell .inner .title{
        font-size: 18px;
        line-height: 29px;
    }

    .padding-modile{
        padding: 0;
    }

    .video-section .player{
        left: 38%;
    }

    .programs-banners .title-header::before, .news .title-header::before{
        right: 30%;
    }

    .programs-banners .title-header::after, .programs-banners .title-header::before, .news .title-header::after, .news .title-header::before{
        right: 33%;
    }

    .title-header::before{
        right: 29%;
    }

    .title-header::after, .title-header::before{
        right: 25%;
    }
}
.form-check {
    padding-right: 1.5em;
    padding-left: 0
}

.iti .iti__selected-dial-code {
    margin-right: 4px;
    margin-left: 0
}

.iti__selected-country,
.iti__selected-country-primary {
    flex-direction: row-reverse
}

.iti--inline-dropdown .iti__dropdown-content {
    left: 0;
    direction: ltr
}

.appearance-toggle .checkbox-label .ball {
    right: 4px;
    left: auto
}

.appearance-toggle .checkbox:checked+.checkbox-label .ball {
    transform: translateX(-60px)
}

#appearance-toggle-title {
    display: inline-block;
    margin-top: 3px
}

.dashboard_Link {
    margin-right: 5px;
    margin-left: 0;
    line-height: 13px
}