body {
    direction: rtl;
    text-align: right;
    font-family: "Tajawal";
}


h1,h2,h3,h4,h5,h6,a,.section-title p {
    font-family: "Tajawal" !important;
}


.navbar a, .navbar a:focus {font-weight: 100}
/*.navbar a {color: rgba(var(--color-secondary-dark-rgb), 0.9);}*/
#header .logo span {font-size: 18px}
#hero h1 {font-size: 45px;line-height: 46px;}

/*#header .logo {padding: 5px 0;}*/
/*#header {padding: 0;}*/
#hero .icon-box h3 {font-weight: 100;}
.section-title h2 {letter-spacing: 0}
.about .section-title {padding-bottom :0px}

.about img {border-radius: 20px;}
.about .section-title p {padding-bottom :10px}
.about .row p {line-height: 30px;text-align: justify;}
.section-title p {font-size: 30px;font-weight: 500}
section {padding: 20px 0;}
#target {padding: 40px 0;}
footer {text-align: center}
#footer .copyright {padding-top: 10px;}
.validate{
    color: #DC3545;
    margin: 0 0 15px 0;
    font-weight: 200;
    font-size: 14px;
}

.services .icon-box {
    padding: 10px 20px;
    width: 100%;
}
.services .icon-box h4 {
    font-weight: 100;
    font-size: 20px;
    margin-bottom: 0;
}

.issues h4 {font-size: 17px}
.issues .section-title {padding-bottom: 20px;}

.team .member .member-info h4,.team .member .member-info span {font-weight: 100;text-align: center}
.team .member .member-info {
    padding: 15px 15px;
}
.services .icon-box .icon {width: 55px;height: 55px;}

.team {padding: 40px 0;}
#footer .credits {
    padding-top: 2px;
    font-size: 12px;
}
footer .copyright span {font-size: 15px}
#header.header-scrolled, #header.header-inner-pages {background: rgba(0, 0, 0, 1);}
#spinner {margin-right: 5px;}
.about .content ul li {
    padding: 0 26px 10px 0;
    font-size: 17px;
    line-height: 30px;
    text-align: justify;
}
.about .content ul i {
    right: 0;
}


@media (max-width: 768px) {
    #hero h2 {
        font-size: 30px;
    }
}



.iti {width: 100%}
.iti__country-list--dropup, .iti__country-list {left: 1px}
.iti__country.iti__highlight, .iti__country {text-align: right}
.iti--separate-dial-code .iti__selected-dial-code {direction: ltr;}
.iti__selected-flag {direction: ltr;}
#contact .tele {
    direction: ltr !important;
    text-align: left !important;
}

.cta .content h3 em:after {height: 1px;}
.cta .content p {font-weight: 100}
.cta .container {padding: 40px}


.cta .content .cta-btn {
    color: var(--color-white);
    background: var(--color-primary);
}


.inner-page .no_padding {padding-bottom:20px;}

.inner-page .section-header h2 {
    margin-bottom: 10px;
}

.recent-blog-posts .post-box .post-title {font-size: 17px;font-weight: 300}
.recent-blog-posts .post-box .readmore {font-weight: 100;margin-top: 10px;font-size: 13px;}

.breadcrumbs {margin-top: 80px;}

.academy img {
    width: 100px;
    height: 100px;
    border-radius: 8px;
}

.btn-getstarted,
.btn-getstarted:focus {
    font-size: 16px;
    color: var(--color-white);
    background: var(--color-primary);
    padding: 8px 23px;
    border-radius: 4px;
    transition: 0.3s;
    font-family: var(--font-secondary);
}

.btn-getstarted:hover,
.btn-getstarted:focus:hover {
    color: var(--color-white);
    background: rgba(var(--color-primary-rgb), 0.85);
}

.blog .blog-details .title {
    font-size: 35px;
    margin: 0;
    text-align: center;
}



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

@media (max-width: 1279px) {

    .header .btn-getstarted,
    .header .btn-getstarted:focus {
        margin-left: 50px;
        margin-right: 0;
    }
}

@media (max-width: 1279px) {
    .mobile-nav-active .navbar {
        left: auto;
        right: 0;
    }
}

.contact .info-item i {
    margin-right: 0;
    margin-left: 10px;
}



.tele {
    direction: ltr !important;
    text-align: left !important;
}

.footer .footer-content h4 {
    text-align: right;
}

.footer .footer-content h4::after {
    right: 0;
}
.footer .footer-content .footer-links ul i {
    padding-right: 0;
    padding-left: 2px;
}

.inner-page .wrapper .front-face h4 {
    max-width: 80%;
}

.counts .count-box p {
    font-size: 18px;
}

#subject, #subject option {
    font-family: "Tajawal" !important ;
}
.contact .info-item p {font-size: 15px}
.wrapper .back-face {
    font-size: 19px;
}

@media (max-width: 768px) {
    .wrapper .back-face {
        font-size: 15px !important;
    }
}