@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-family: "Cairo", sans-serif;
    text-decoration: none;
}

h1,h2,h3,h4,h5
,h6 {
    font-family: "Cairo", sans-serif;
    font-weight: 600 !important;
}

nav {direction: rtl}
/*nav h1 a {    padding: 10px 2rem;}*/
/*nav h1 a img {    max-width: 19vw;}*/
nav .links,
nav .sideNav {
    margin-right: auto;
    margin-left: 0;
}
.landingVideo.home .overlay {text-align: right}
.about {direction: rtl}
.about .text {text-align: right;left: auto; right: -8%}
.about .text a svg{transform: rotate(180deg); margin-left: 30px;margin-right: 0}

.expert .spliter {direction: rtl}
.expert .headline p:last-child {margin-right: 0;    margin-left: 11rem;}
.expert .details svg{transform: rotate(180deg)}
.clients .viewport .slider .slide {text-align: right;padding-right: 20px}
.team .info {text-align: right;}
.team .info a.readmore svg{transform: rotate(180deg)}
.news .sliderContainer .viewport .slider .slide .headline {text-align: right}
.news .sliderContainer .viewport {margin-right: 0;margin-left: 3rem;}
.join {direction: rtl}
.join .connection button svg{transform: rotate(180deg)}

.contact {direction: rtl}

.close {left:50px;right:auto;}

footer .footer {direction: rtl}
footer .footer .aboutFT a svg{transform: rotate(180deg)}

.news .sliderContainer button {left:auto;right:6.8rem;}
@media screen and (max-width: 1199px) {
    .news .sliderContainer button {left:auto;right:20px;}
}

.news  a.readmore {
    position: absolute;
    top: 0px;
  right: auto;
  left: 0px;
    z-index: 10;
    color: var(--main-light);
    font-size: 1.2rem;
}

.news .sliderContainer .counter {
    position: absolute;
    left: 0;
    right: 5rem;
    top: 20px;
    z-index: 10;
    color: #999;
    transform: rotate(-90deg);
}

.aboutUsInner .head {text-align: right}
.AboutChoose .reasons {text-align: right!important;}

.servicesInner .container {direction: rtl}
.servicesInner .container .service .details .more ion-icon {transform: rotate(180deg);margin-left: 0!important;margin-right: 10px}

.aboutUsInner .head {direction: rtl}
.aboutUsInner.service .head a svg {transform: rotate(180deg)}

.cvForm form {direction: rtl}
.cvForm form h5 {text-align: right!important;}

footer .footerBTM .copyRight {direction: rtl}

.newsCards .container.allNews {direction: rtl}
.aboutUsInner .head .sides h2 {font-size: 2rem!important;}

.expert button {text-align: right}
.expert .spliter .exp a.all {direction: ltr;text-align: right}
.all_serv_btn svg {transform: rotate(180deg)}
.all_serv_btn {left: 18px; right: auto}
.news .sliderContainer a.readmore svg {transform: rotate(180deg)}

footer .footer .company {
    text-align: start;
}

footer .footer .company a:nth-of-type(2){
      margin-right: 0;
}


footer .footer .company a.img {margin-left: 21px;margin-right: 0;}


.more {
    right: auto!important;
    left: 34px;
}
.more ion-icon {margin-left: 0; margin-right: 5px}




@media only screen and (max-width: 560px) {
    .clients .viewport .slider .slide {padding-right: 10px}
    .contact .contacts {padding-right: 25px;padding-left: 0}
    .contact .contacts a ion-icon {margin-right: 0;margin-left: 20px}
    .news .sliderContainer button {right:-3.2rem;}
    .news .sliderContainer .viewport {margin:0!important;}
    footer .footer .company a.img {margin-left: 21px;margin-right: 0;}

}