:root {
    --blue1: #2d3671;
    --blue2: #111845;
    --white: #fff;
    --orange1: #e8753d;
    --orange2: #ffaa4f;
    --gray1: #f5f5f5;
    --dark2: #242424;
    --radius1: 14px;
    --transition1: all 0.3s cubic-bezier(0.21, 0.53, 0.37, 0.72);
}
html,
body {
	direction: rtl;
	font-family: "Tajawal", sans-serif;
}
#footer button i,
.swiper-button-next-upcoming,
.swiper-button-prev-upcoming {
	transform: rotate(180deg)
}
.swiper-slide-active .tesimonial-item img {
    transform: translate(-70px, 0px) scale(1);
}
.footer-logo {
    justify-content: start;
}