/* 
Theme Name: Just Message
RTL Styles
*/

/*=============== FONT ================*/
@font-face {
    font-family: 'Ko Khalaya VF';
    src: url('assets/fonts/KoKhalayaVF.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('assets/fonts/ArbFONTS-DINNEXTLTARABIC-LIGHT-2-2.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('assets/fonts/ArbFONTS-DINNextLTArabic-Regular-2.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('assets/fonts/ArbFONTS-DINNextLTArabic-Medium-2.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('assets/fonts/ArbFONTS-DINNextLTArabic-Bold-2.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('assets/fonts/ArbFONTS-DINNextLTArabic-Black-2.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body {
	font-family: "DIN Next LT Arabic", sans-serif;
}

/*=============== FOOTER ================*/

    .footer {

        .group__footer {

            .footer__content {


                .right__footer {
                    border-left: none;
                    border-right: 2px solid #2C343729;

                    .links {

                        .link {

                            .icon {
                                right: auto;
                                left: 11px;
                            }

                            &:nth-child(1) {
                                border-right: none;
                                border-left: 2px solid #2C343729;
                            }
                        }
                    }
                }
            }
        }
    }

/*=============== TESTIMONIALS ===============*/
.testimonials {

    .testimonial__container {

        .testimonial__content {


            .btns_swiper {
                flex-direction: row-reverse;
            }
        }
    }
}

/*=============== OUR COURSES RTL ===============*/
.our__courses {
	.our__courses__container {

		.our__courses__content {

			.our__courses__swiper {
				margin-left: 0;
				margin-right: 220px;
				
				.swiper-slide {
					.course__card {

						.img {

							.type {
								left: auto;
								right: 10px;
							}
						}
					}
				}

			}
			
			.my-next-testimonials,
			.my-prev-testimonials{
                left: auto;
				right: 40px;
            }
			
			.next{
				display: none;
			}
			
			.prev{
				display: flex;
			}
		}
	}
}

/*=============== OUR BLOGS ===============*/
.our__blogs {

    .our__blogs__container {

        .our__blogs__content {

            .our__blogs__swiper {

                .swiper-slide {

                    .blog__card {

                        .img {

                            .type {
                                right: auto;
                                left: 13px;
                            }
                        }
                    }
                }
            }

            .btns_swiper {
                flex-direction: row-reverse;
            }
        }
    }
}

/*=============== WHY US ===============*/
.why__us {

    .why__us__container {

        .why__us__content {

            .banar {


                .circle {
                    right: auto;
                    left: -5%;
                    bottom: -30%;
                }

                &::before {
                    right: auto;
                    left: 2.5%;
                    bottom: 0%;
					padding-bottom: 5px;
                }
            }
        }
    }
}

/*=============== REVIEW HERO ===============*/
.review__hero {


    .review__container {

        .review__content {
					gap:10px;

            .text {


                h1 {
                    line-height: 1.4;
                }
            }
        }
    }

    

}

/*=============== TUTORS ===============*/
.tutors {
	.tutors__container {
		.tutors__content {
			.pagination button {
				transform: scaleX(-1);
			}
		}
	}
}

/*=============== SINGLE BLOG DATA ===============*/
.single__blog__data {

    .single__blog__data__container {
        .single__blog__data__content {
            

            .single__blog__bannar {

                &::after {
                    right: auto;
                    left: -64px;
                }
            }
        }
    }
}


/*=============== RESPONSIVE ===============*/
@media (max-width: 1200px) {

    /*=============== OUR COURSES ===============*/
    .our__courses {
        .our__courses__container {
            .our__courses__content {
                .our__courses__swiper {
                    margin-right: 120px;
                }

                .my-next-testimonials,
				.my-prev-testimonials{
                    right: 20px;
                }
            }
        }
    }

}

@media (max-width: 991px) {

    /*=============== OUR COURSES ===============*/
    .our__courses {

        .our__courses__container {
            .our__courses__content {


                .our__courses__swiper {
                    margin-right: 160px;
                }
            }
        }
    }

}

@media (max-width: 768px) {
	/*===============WHY US===============*/
	.why__us {

		.why__us__container {
			.why__us__content {

				.banar {

					&::before {
						left: 5%;
					}

					.circle {
						left: -3%;
					}
				}
			}
		}
	}
	
	/*=============== TESTIMONIALS ===============*/
.testimonials {

    .testimonial__container {

        .testimonial__content {


            .btns_swiper {
				.my-prev-testimonials,
				.my-next-testimonials {
					width: 45px;
					height: 45px;
					font-size: 18px;
				}
            }
        }
    }
}
}

@media (max-width: 576px) {

    /*=============== OUR COURSES ===============*/
    .our__courses {

        .our__courses__container {
            .our__courses__content {
                

                .our__courses__swiper {
                    margin-right: 0;
                }

                .my-next-testimonials,
				.my-prev-testimonials{
                    right: 85%;
                }
            }
        }
    }
	
		/*===============WHY US===============*/
	.why__us {

        .why__us__container {
            .why__us__content {

                .banar {

                    &::before {
                        left: 13.5%;
                    }
                }
            }
        }
    }

}