@import "https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700";
@import "https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700";
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');
body{
    direction: rtl;
       font-family: "Cairo", sans-serif !important;
       text-align: right;
}
html,h1,
h2,
h3,
h4,
h5,
h6,a,span,div {

   font-family: "Cairo", sans-serif !important;
}
.header-1 .header-right .theme-btn i {
    margin-left: 0px;
    margin-right: 10px;
}
.hero-1 .hero-shape-1 {
    right: unset;
    left: 200px;
}
.hero-1 .array-button {
    right: unset;
    left: 50px;
}
.hero-1 .social-icon {
    left: unset;
    right: 15px;
}
.hero-1 .social-icon .line {
    margin-left: 0px;
  margin-right: 23px;
}
.hero-1 .social-icon span {
    
    margin-left: 0%;
    margin-right: -10px;
    rotate: 180deg;
}
.footer-widget-wrapper-1 .footer-widget-items .list-area li i {
    margin-right: 0px;
    margin-left: 9px;
    rotate: 180deg;
}
.about-right-content-style-3 {
    margin-left: 0px;
    margin-right: 40px;
}
.work-process-box-items-style-3 .circle-icon {
  
    left: unset;
    right: 96%;
    rotate: 180deg;
}
.modal-header .btn-close {
    margin-right: 214px;

.link-btn i {
    margin-left: 0px;
     margin-right: 5px;
    transform: rotate(-100deg);
}}