@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400..800&family=Beiruti:wght@200..900&family=Lalezar&family=Noto+Sans+Arabic:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

.baloo-bhaijaan-2 {
  font-family: "Baloo Bhaijaan 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.beiruti {
  font-family: "Beiruti", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.noto-sans-arabic {
  font-family: "Noto Sans Arabic", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.lalezar-regular {
  font-family: "Lalezar", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.rubik {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body{
  font-family: 'Noto Sans Arabic';
  direction: rtl;
  text-align: right;
}


.header-menu ul .sub-menu ul li a::before {
font-family: "Font Awesome 5 Free";
}

.blog-text p,
.choose-content h4,
.choose-content p,
.choose-content span,
.course-cart a,
.course-price span,
.help-items-content h6,
.help-list span,
.help-main-title h2,
.registration-items-title h4 {
font-family: Noto Sans Arabic;
}

.prgoress_scrollup::after {
font-family: bootstrap-icons;
}


.header-menu {
margin-right: 200px;
margin-left: 0;
}

.header-menu ul li {
margin-left: 28px;
margin-right: 0;
}

.header-menu ul li a i {
right: 1px;
left: unset;
}

a.handbag:before {
right: -5px;
left: unset;
}

.header-menu ul .sub-menu ul li {
margin-right: 0;
margin-left: 0;
}

.header-menu ul .sub-menu ul li a::before {
left: 20px;
right: unset;
}

.nest-btn__shape {
right: calc((var(--b) - 1) * 25%);
left: unset;
transform: translateY(150%);
}

.main-btn.slider1 {
transform: translateY(80px);
}

.active .main-btn.slider1 {
transform: translateY(0px);
}

.baner-shape1 {
left: 25%;
right: unset;
}

.baner-shape2 {
left: 180px;
right: unset;
}

.baner-shape3 {
right: 40%;
left: unset;
}

.slider-content {
transform: translateY(-50%);
}

.slider-sub-title {
transform: translateY(80px);
}

.active .slider-sub-title {
transform: translateY(0px);
}

.slider-main-title {
transform: translateY(80px);
}

.active .slider-main-title {
transform: translateY(0px);
}

.slider-thumb {
right: 120px;
left: unset;
transform: translateX(-500px);
}

.active .slider-thumb {
transform: translateX(0px);
}

.video-area::before {
right: 0;
left: unset;
}

video.video-background {
left: 0;
right: unset;
}

.section-title-shape {
margin-left: 6px;
margin-right: 0;
}

.catagories-thumb::before {
right: 50%;
left: unset;
transform: translate(50%, -50%);
}

.catagories-text {
right: 37%;
left: unset;
}

.owl-nav {
left: 100px;
right: unset;
}

.owl-prev i {
margin-left: 20px;
margin-right: 0;
}

ul.course-menu {
margin-right: 60px;
margin-left: 0;
}

ul.course-menu li {
margin-left: 46px;
margin-right: 0;
}

.course-icon {
left: 20px;
right: unset;
}

.course-rating::before {
right: 0;
left: unset;
}

.course-shape {
margin-left: 10px;
margin-right: 0;
}

.course-star i {
margin-right: 5px;
margin-left: 0;
}

.course-meta i {
margin-left: 5px;
margin-right: 0;
}

.course-cart a i {
margin-left: 5px;
margin-right: 0;
}

.help-area {
background-position: center center;
}

.help-area::before {
left: 0;
right: unset;
background-position: center center;
}

.help-list span i {
margin-left: 7px;
margin-right: 0;
}

.help-items-box {
margin-right: -10px;
margin-left: 0;
}

.help-items-box::before {
transform: rotateY(90deg)perspective(400px);
}

.help-items-box:hover::before {
transform: rotateY(0deg)perspective(400px);
}

.choose-thumb {
margin-left: 30px;
margin-right: 0;
float: right;
}

.choose-thumb::before {
right: 50%;
left: unset;
transform: translate(50%, -50%);
}

.team-thumb::before {
right: 50%;
left: unset;
transform: translate(50%, -50%);
}

.team-social-icon ul li {
margin-left: 13px;
margin-right: 0;
}

@keyframes iconTranslateY {

49% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}

50% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}

51% {
opacity: 1;
}

}

.intractor-single-box::before {
left: 51%;
right: 50%;
}

.instractor-content a::before {
right: 50%;
left: unset;
transform: translate(50%, -50%) rotate(-0.00deg);
}

.video-thumb::before {
right: 50%;
left: unset;
transform: translate(50%, -50%);
}

.video-price {
left: 20px;
right: unset;
}

.video-icon a::before {
right: 50%;
left: unset;
transform: translate(50%, -50%);
}

.video-icon a::after {
right: 50%;
left: unset;
transform: translate(50%, -50%);
}

.registration-area {
background-position: center center;
}

.registration-shape {
left: 0;
right: unset;
}

.registration-button button::before {
right: 50%;
left: unset;
transform: translate(50%, -50%) rotate(-0.00deg);
}

.testi-thumb::before {
right: 50%;
left: unset;
transform: translate(50%, -50%);
}

.testi-content {
right: 25px;
left: unset;
}

.testi-icon {
left: 30px;
right: unset;
}

.blog-thumb {
margin-left: 15px;
margin-right: 0;
float: right;
}

.blog-thumb::before {
right: 50%;
left: unset;
transform: translate(50%, -50%);
}

.blog-shape {
margin-left: 13px;
margin-right: 0;
float: right;
}

.blog-bottom::before {
left: 0;
right: unset;
}

.blog-bottom::after {
left: 0;
right: unset;
}

.blog-comment i {
margin-left: 5px;
margin-right: 0;
}

.footer-area::before {
right: 0;
left: unset;
}

.footer-shape1 {
right: 0;
left: unset;
}

.footer-shape2 {
left: 0;
right: unset;
}

.footer-social ul li {
margin-left: 7px;
margin-right: 0;
}

.footer-social ul li a i::after {
left: 0;
right: unset;
}

.footer-social ul li a i:hover::after {
right: 0;
left: unset;
}

.footer-wiget-menu ul li a:hover {
margin-right: 10px;
margin-left: 0;
}

.icon {
margin-left: 15px;
margin-right: 0;
float: right;
}

.footer-widget-photo ul li::before {
right: 0;
left: unset;
}

.footer-privacy-menu ul li {
margin-left: 27px;
margin-right: 0;
}

.breatcome-area {
background-position: center center;
}

.bratcome-text {
right: 0;
left: unset;
border-radius: 5px 5px 0 0;
}

.bratcome-text ul li {
margin-left: 12px;
margin-right: 0;
}

.bratcome-text ul li a::before {
left: -12px;
}
.header-menu ul{
  display: block;
}
.courses-info ul li i {
padding-left: 5px;
padding-right: 0;
}

.courses-info ul li span {
padding-left: 30px;
padding-right: 0;
float: left;
}

.latest-courses-thumb {
margin-left: 20px;
margin-right: 0;
float: right;
}

.barfiller .tip {
/* right: 0px;
left: unset; */
}
.team-details-area .process-ber-plugin{
  direction: ltr;
  text-align: left;
}
span.fill {
border-radius: 15px 0px 0px 15px;
}

.team-author-socila {
margin-left: -76px;
margin-right: 0;
}

.protfolio-thumb img:nth-child(2) {
right: 0;
left: unset;
}

.protfolio-thumb img:nth-child(3) {
left: 0;
right: unset;
}

.protfolio-single-box:hover .protfolio-thumb img:nth-child(2) {
transform: translateX(700px) skewX(40deg);
}

.protfolio-single-box:hover .protfolio-thumb img:nth-child(3) {
transform: translateX(-700px) skewX(-40deg);
}

.protfolio-images-link {
right: 0;
left: unset;
transform: translateY(-20%);
}

.protfolio-single-box:hover .protfolio-images-link {
transform: translateY(0);
}

.blog-details-meta span {
margin-left: 27px;
margin-right: 0;
}

.blog-details-meta span i {
margin-left: 12px;
margin-right: 0;
}

.blog-details-tag h6 {
margin-left: 60px;
margin-right: 0;
}

.blog-details-tag h6 {
margin-left: 32px;
margin-right: 0;
}

.blog-details-tag a {
margin-left: 10px;
margin-right: 0;
}

.blog-details-tag a:before {
left: 0;
right: -2px;
}

.blog-team-thumb {
margin-left: 30px;
margin-right: 0;
float: right;
}

.ba-blog-details-social-icons.two h6 {
margin-left: 14px;
margin-right: 0;
}

.ba-blog-details-social-icons.two a {
margin-left: 10px;
margin-right: 0;
}

.blog-team-thumb {
margin-left: 30px;
margin-right: 0;
float: right;
}

.blog-details-item.two {
margin-right: 90px;
margin-left: 0;
}

.blog-details-comment h5::after {
right: 0;
left: unset;
}

.blog-comment-box.inner {
margin-right: 50px;
margin-left: 0;
}

.blog-comment-thumb {
margin-left: 24px;
margin-right: 0;
float: right;
}

.blog-comment-list .title {
margin-right: -12px;
margin-left: 0;
}

.blog-comment-list span.date {
margin-right: -13px;
margin-left: 0;
}

.text-sm-end a::before {
left: 0;
right: -2px;
}

.blog-contact-title h4::before {
right: 0;
left: unset;
}

.form-box-button button::before {
right: 0;
left: unset;
}

.widget_search input {
padding-right: 20px;
padding-left: 0;
}

button.icons {
left: 0;
right: unset;
border-radius: 3px 0 0 3px;
}

.recent-widget-thumb {
margin-left: 20px;
margin-right: 0;
float: right;
}

.recent-widget-meta span i {
margin-left: 8px;
margin-right: 0;
}

.widget-recent-menu ul li::before {
left: 0;
right: unset;
}

.widget-recent-menu ul li:hover::before {
left: auto;
right: 0;
}

.widget-recent-menu ul li a span {
float: left;
}

.widget-tags a:before {
left: 0;
right: -2px;
}

.contact-icon {
margin-left: 20px;
margin-right: 0;
float: right;
}

.accordion a.active i {
transform: rotate(-90.090deg);
}

.estudy-btn.error {
margin-right: 160px;
margin-left: 0;
}

.sidebar-group .widget-heading {
left: 32px;
right: unset;
}

.sidebar-group .sidebar-widget {
left: -100%;
right: unset;
}

.sidebar-group.isActive .sidebar-widget {
left: 0;
right: unset;
}

.sidebar-menu {
left: 27px;
right: unset;
}

.prgoress_scrollup {
left: 55px;
right: unset;
transform: translateY(15px);
}

.prgoress_scrollup.active-progress {
transform: translateY(0) !important;
}

.prgoress_scrollup::after {
right: 0;
left: unset;
}

@-webkit-keyframes ripple-blue {

0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3)
}

100% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0)
}

}

@keyframes ripple-blue {

0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3)
}

100% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0)
}

}

@keyframes loader {

0% {
transform: scale(0);
opacity: 0;
}

50% {
opacity: 1;
}

100% {
transform: scale(1);
opacity: 0;
}

}

.loader_bg {
background-position: center center;
}


*{
  letter-spacing: unset !important;
}

a,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Noto Sans Arabic', sans-serif;
}


.bg_before:before {
right: 0;
left: unset;
}

.footer-privacy-menu{
  text-align: left;
}
.main-btn.choose{
	text-align: left;
}
.header-menu ul .sub-menu ul li a{
  text-align: right;
}
.header-menu ul .sub-menu{
  text-align: right;
}
.header-menu ul .sub-menu ul li a::before{
  content: "\f100";
}
.sidebar-group ul.list-style-one li i{
  margin: 0 0px 0 10px;
}
.dropdown .icon-arrow{
  right: unset;
  left: 10px;
}
.dropdown .dropdown-menu li {
  text-align: right;
}
.choose-single-box{
  overflow: hidden;
} 
.nest-btn i{
  margin-right: 5px;
}

@media (min-width: 1200px) and (max-width: 1600px) {
.header-menu {
margin-right: 50px;
margin-left: 0;
}

.baner-shape1 {
left: 19%;
right: unset;
}

ul.course-menu li {
margin-left: 24px;
margin-right: 0;
}

.blog-thumb {
margin-left: 0;
margin-right: 0;
}

.footer-widget-photo ul li {
margin-left: -3px;
margin-right: 0;
}

.blog-details-item.two {
margin-right: 30px;
margin-left: 0;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.header-menu {
margin-right: 30px;
margin-left: 0;
}

.header-menu ul li {
margin-left: 6px;
margin-right: 0;
}

a.handbag {
margin-right: 35px;
margin-left: 0;
}

.baner-shape1 {
left: 19%;
right: unset;
}

ul.course-menu li {
margin-left: 10px;
margin-right: 0;
}

.course-star i {
margin-right: 0px;
margin-left: 0;
}

.team-social-icon ul li {
margin-left: 5px;
margin-right: 0;
}

.intractor-single-box {
background-position: center center;
}

.intractor-single-box.two {
background-position: center center;
}

.registration-shape {
left: -44px;
right: unset;
}

.testi-content {
right: 17px;
left: unset;
}

.blog-thumb {
margin-left: 0;
margin-right: 0;
}

.footer-widget-photo ul li {
margin-left: 5px;
margin-right: 0;
}

.contact-icon {
margin-left: 6px;
margin-right: 0;
}

.blog-team-thumb {
margin-left: 8px;
margin-right: 0;
}

.blog-team-thumb {
margin-left: 15px;
margin-right: 0;
}

.blog-details-item.two {
margin-right: 0px;
margin-left: 0;
}

.blog-comment-thumb {
margin-right: -22px;
margin-left: 0;
}

.content-main {
margin-right: -15px;
margin-left: 0;
}

.blog-comment-box::before {
right: -13px;
left: unset;
}

.blog-comment-box.inner {
margin-right: 0;
margin-left: 0;
}

.blog-contact-box {
margin-right: -17px;
margin-left: 0;
}

}
@media (min-width: 768px) and (max-width: 991px) {
.slider-content {
right: 3%;
left: unset;
}

.baner-shape1 {
left: 10%;
right: unset;
}

ul.course-menu {
margin-right: -116px;
margin-left: 0;
}

.course-star i {
margin-right: 0px;
margin-left: 0;
}

.help-items-box {
margin-right: 0;
margin-left: 0;
}

.intractor-single-box.two {
margin-right: -28px;
margin-left: 0;
background-position: center center;
}

.blog-team-thumb {
margin-left: 15px;
margin-right: 0;
}

.blog-details-item.two {
margin-right: 0px;
margin-left: 0;
}

.blog-comment-list h6.title {
margin-right: 0;
margin-left: 0;
}

.blog-comment-list span.date {
margin-right: 0;
margin-left: 0;
}

.blog-comment-box.inner {
margin-right: 0;
margin-left: 0;
}

}
@media (min-width: 600px) and (max-width: 767px) {
.slider-content {
right: 3%;
left: unset;
}

.baner-shape1 {
left: 10%;
right: unset;
}

ul.course-menu {
margin-right: 0;
margin-left: 0;
}

ul.course-menu li {
margin-left: 30px;
margin-right: 0;
}

.course-star i {
margin-right: 0px;
margin-left: 0;
}

.help-items-box {
margin-right: 0;
margin-left: 0;
}

.intractor-single-box {
background-position: center center;
}

.intractor-single-box.two {
background-position: center center;
}

.blog-thumb {
margin-left: 0;
margin-right: 0;
}

.footer-shape1 {
left: 0;
right: unset;
}

.team-author-socila {
margin-left: 0;
margin-right: 0;
}

.blog-team-thumb {
margin-left: 15px;
margin-right: 0;
}

.blog-comment-list h6.title {
margin-right: 0;
margin-left: 0;
}

.blog-comment-list span.date {
margin-right: 0;
margin-left: 0;
}

.blog-comment-box.inner {
margin-right: 0;
margin-left: 0;
}
}

@media only screen and (min-width: 575px) and (max-width: 599px) {
.slider-content {
right: 3%;
left: unset;
}

.baner-shape1 {
left: -6%;
right: unset;
}

ul.course-menu {
margin-right: 0;
margin-left: 0;
}

ul.course-menu li {
margin-left: 30px;
margin-right: 0;
}

.course-star i {
margin-right: 0px;
margin-left: 0;
}

.help-items-box {
margin-right: 0;
margin-left: 0;
}

.intractor-single-box {
background-position: center center;
}

.intractor-single-box.two {
background-position: center center;
}

.blog-thumb {
margin-left: 0;
margin-right: 0;
float: none;
}

.footer-shape1 {
left: 0;
right: unset;
}

.team-author-socila {
margin-left: 0;
margin-right: 0;
}

.blog-team-thumb {
margin-left: 15px;
margin-right: 0;
}

.blog-comment-list h6.title {
margin-right: 0;
margin-left: 0;
}

.blog-comment-list span.date {
margin-right: 0;
margin-left: 0;
}

.blog-comment-box.inner {
margin-right: 0;
margin-left: 0;
}
}

@media only screen and (min-width: 480px) and (max-width: 574px) {
.slider-content {
right: 3%;
left: unset;
}

.baner-shape2 {
left: 33px;
right: unset;
}

ul.course-menu {
margin-right: 0;
margin-left: 0;
}

ul.course-menu li {
margin-left: 16px;
margin-right: 0;
}

.course-star i {
margin-right: 0px;
margin-left: 0;
}

.help-items-box {
margin-right: 0;
margin-left: 0;
}

.intractor-single-box {
background-position: center center;
}

.intractor-single-box.two {
background-position: center center;
}

.blog-thumb {
margin-left: 0;
margin-right: 0;
}

.footer-shape1 {
left: 0;
right: unset;
}

.team-author-socila {
margin-left: 0;
margin-right: 0;
}

.blog-details-tag h6 {
margin-left: 0px;
margin-right: 0;
}

.blog-team-thumb {
margin-left: 15px;
margin-right: 0;
}

.blog-comment-list h6.title {
margin-right: 0;
margin-left: 0;
}

.blog-comment-list span.date {
margin-right: 0;
margin-left: 0;
}

.blog-comment-box.inner {
margin-right: 0;
margin-left: 0;
}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.slider-content {
right: 3%;
left: unset;
}

ul.course-menu {
margin-right: 0;
margin-left: 0;
}

ul.course-menu li {
margin-left: 9px;
margin-right: 0;
}

.course-star i {
margin-right: 0px;
margin-left: 0;
}

.help-items-box {
margin-right: 0;
margin-left: 0;
}

.choose-thumb {
margin-left: 0;
margin-right: 0;
}

.intractor-single-box.two {
background-position: center;
}

.blog-thumb {
margin-left: 0;
margin-right: 0;
}

.footer-shape1 {
left: 0;
right: unset;
}

.bratcome-text ul li {
margin-left: 11px;
margin-right: 0;
}

.estudy-btn.error {
margin-right: 70px;
margin-left: 0;
}

.team-author-socila {
margin-left: 0;
margin-right: 0;
}

.blog-details-meta span {
margin-left: 18px;
margin-right: 0;
}

.blog-details-tag h6 {
margin-left: 0px;
margin-right: 0;
}

.blog-details-tag a {
margin-left: 3px;
margin-right: 0;
}

.blog-team-thumb {
margin-left: 15px;
margin-right: 0;
}

.blog-comment-list h6.title {
margin-right: 0;
margin-left: 0;
}

.blog-comment-list span.date {
margin-right: 0;
margin-left: 0;
}

.blog-comment-box.inner {
margin-right: 0;
margin-left: 0;
}

.recent-widget-thumb {
margin-left: 10px;
margin-right: 0;
}
}