/*=============================================
           RTL CSS			           
=============================================*/

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

body { 
    font-family: 'Cairo', sans-serif;
    direction: rtl;
    text-align: right;
}

.rtl .navbar-nav li a { 
    font-family: 'Cairo', sans-serif;
    font-weight: bold;
}
h1, h2, h3, h4, h5, h6 { 
    font-family: 'Cairo', sans-serif;
    font-weight: 800;
}
h1, h2, h3 {

}
.rtl .subcription-text {
    padding-left: 0;
    padding-right: 15px;
}
.rtl .social-icons li { 
    margin: 0 15px 0 0; 
}
.rtl #section-4 input.wpcf7-form-control.wpcf7-text.wpcf7-email { 
    float: right;
}
.rtl .deliverables-container img {
    width: 50px;
    margin-right: 0;
    margin-left: 10px;
}
.rtl footer {
    background: linear-gradient(to left, #124397, #124397, #124397, #00a550); 
}
.rtl #vision-2030 h3 { 
    display: initial; 
}
.orange-heading {
    font-family: 'Cairo', sans-serif;
}

.rtl strong {
    font-family: 'Cairo', sans-serif;
}
.rtl .trainings p {
    font-family: 'Cairo', sans-serif;
    font-size: 16px !important;
}
.rtl i.fas.fa-plus {
    float: left; 
}
.archive-title a { 
    font-family: 'Cairo', sans-serif; 
}
.rtl #front-slide h1,#front-slide h1 .orange {
    font-family: 'Cairo' !important; 
}

.rtl #front-slide p,#front-slide span.rev-btn{font-family: "Cairo" !important}


.rtl div#front-slide h3 span {
    font-size: 26px !important;
    margin-top: -40px !important;
    font-family: 'Cairo' !important;
}
.rtl .wpb_wrapper ul {
	padding-left: 0;
	padding-right: 15px;
}
.contact-form input, .contact-form textarea { 
    text-align: right;
    direction: rtl;
}
.rtl footer p {
    font-family: "Cairo"; 
}
.rtl ul#menu-lastella-arabic-menu {
    margin-left: 10%;
}
.rtl .icon-box-desc h5 {
    padding-right: 40px;
}
.rtl .header {
    margin: 0;
    border-right: 5px solid #303979;
    padding: 0 10px 0 0;
    line-height: 0;
	border-left: none;
}
.rtl .wpcf7 input[type="email"] {
	direction: rtl;
}

.wpb_single_image.vc_align_left {
    text-align: right !important;
}

#how-we-work{
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-color: #e5e5e6;
    padding-top:50px;
    padding-bottom: 50px
}

#why-choose-us{
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    background-color: #e5e5e6;
    padding-top:120px;
    padding-bottom: 80px
}

#what-we-do{
    padding-top:150px;
    padding-bottom: 150px
}


#what-we-do{
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    background-color: #124397;
}

#what-we-do *{
    color:#fff !important;
}


#how-we-work{
    background-position: left;
}
.rtl ::marker {
    font-size: 12px !important;
}
#why-choose-us{
    background-position: right;
}

#what-we-do{
    background-position: right;
}


footer li {
    list-style: none;
}


#vision-2030 h3 {
    float: right;
}


img.alignright.saudi-vision.wp-image-763 {
    float: left;
}

#vision-2030 {
    margin-bottom: 120px;
}

ul.list-unstyled.list.deliverables{
    margin: 0;
    padding: 0;
}

.about-table ul{
    padding:10px;
    margin:0;
}

.deliverables li {
    margin-bottom: 11px !important;
}

i.fas.fa-angle-double-right.mr-3.text-primary {
    margin-left: 10px;
    transform: rotate(180deg);
}
.rtl input.wpcf7-form-control.wpcf7-submit {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 800;
}
@media screen and (min-width: 992px) {
	.navbar-nav li a {
		padding: 0 10px; 
	}
}
@media screen and (max-width: 991px) {
    img.alignright.saudi-vision.wp-image-763 {
        width: 200px;
        float: none;
    } 
	.rtl.single-training h1, 
	.rtl.single-services h1 {
		text-align: right !important;
	}
	.rtl #what-we-do {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.rtl #why-choose-us { 
		padding-top: 80px; 
	}
}

@media screen and (min-width: 320px) and (max-width: 450px) {
    .reverse {
        display: flex;
        flex-direction:column-reverse;
    }
}