body {
    direction: rtl;
    text-align: start;
    font-family: 'arabic-font';
}

.sidebar {
    left: auto;
    right: -350px;
}
.sidebar-width {
    right: 0px;
}
.nice-select {
    text-align: right !important;
}
.nice-select::after {
    left: 12px;
    right: auto;
}
.close-side i{
    right: auto;
    left: 20px;
}
form{
    direction: rtl;
}

.site-search .close-side i{
    left: 20px;
    right: auto;
}
.lolo-co{
    float: left;
}
.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInRight;
}
.animate__fadeInRight {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.animate__bounceInRight{
    animation-name: bounceInLeft;  
}
.animate__bounceInLeft{
    animation-name: bounceInRight;  
}
.search-btn i{
   margin-left: 0;
    margin-right: 12px;
}

.comp-rights {
    text-align: left;
}
.site-search .woocommerce-product-search button {
    position: absolute;
    left: 0;
    right: auto;
}
.card-header .btn::after {
right: auto;
left: 28px;
}
.sub-menu a::before{
    right: 8px;
    left: auto;
    transform: scaleX(-1);
}
.hero-section{
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.contact-section{
clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
}
.contact-section::before{
    /*transform: scaleX(-1);  */
}
.contact-section::after{
    transform: scaleX(-1);
}

.btn-more a i{
    transform: scaleX(-1);
}
.btn-more a{
    clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
}
.all-imgs {
    left: -5px;
    right: auto;
}
.all-imgs img{
    transform: scaleX(-1);
}
.all-imgs img.img1 {
    right: auto;
    left: -43px;
}
.all-imgs img.img2 {
    right: auto;
    left: 276px;
}
.all-imgs img.img3 {
    left: auto;
    right: -16px;
}
.all-imgs img.img4 {
    right: auto;
    left: -64px;
}
.all-imgs img.img5 {
    left: auto;
    right: -166px;
}
li.menu-item-has-children>a::before{
    left: -13px;
    right: auto;
}
ul.sub-menu{
    right: 0;
    left: auto;
}
.sector-sec .section-title::after{
    right: 0;
    left: auto;
}
.sector-sec{
    clip-path: polygon(0 15%, 100% 0, 100% 83%, 0 100%);
}
.sector-sec::before{
    left: 0;
    right: auto;
}
.sector-sec::after{
    right: 0;
    left: auto;
}
.sector-sec .col-md-4:nth-child(3) .sector-box {
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
}
.sector-sec .col-md-4:nth-child(1) .sector-box {
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
}
.sector-sec .col-md-4:last-of-type .sector-box{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}
.sector-sec .col-md-4:nth-child(4) .sector-box{
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}
.partner .owl-item .item {
    transform: scaleY(-1);
}
.partner .owl-item .item img{
    transform: scaleY(-1);
}
.about-imgs .img1 img {
    clip-path: polygon(0 17%, 100% 0, 100% 80%, 0 100%);
}
.about-imgs .img2 img {
    clip-path: polygon(0 23%, 100% 0, 100% 80%, 0 100%);
}
.sidebar .close-side i{
    left: 20px;
    right: auto;
}
.sidebar li.menu-item-has-children>a::before {
    left: -5px;
    right: auto;
}
.contact-section::before{
    right: 0;
    left: auto;
}
.contact-section::after{
    right: 0;
    left: auto;
}
header.pages {
    clip-path: polygon(0 0, 100% 0, 100% 49%, 0 100%);
}
header.pages::after{
    left: 0;
    right: auto;
    transform: scaleX(-1);
}
.all-imgs::after{
    right:80px;
    left:auto;
}
.contact-form .form-group i, .contact-form .form-group img {
    right: 11px;
    left:auto;
}
.mynavbar ul .sub-menu li a {
    padding: 4px 18px 5px 6px;
}

@media (max-width: 768px) {
    .hero-section {
        clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
    }
    .card-header .btn::after {
        left: 14px;
        right: auto;
    }
    .all-imgs img.img2 {
        bottom: 79px;
        left: 24%;
        right: auto;
      }
      .all-imgs img.img3 {
        bottom: 55px;
        right: 9%;
        left: auto;
      }
      .all-imgs img.img4 {
        top: 483px;
        left: -50%;
        right: auto;
      }
      .all-imgs img.img5 {
        bottom: 76px;
        right: -6%;
       left: auto;
      }
      .about-imgs .img.img2 img {
        clip-path: polygon(0 17%, 100% 0, 100% 80%, 0 100%);
    }
    .sector-sec {
    /*clip-path: polygon(0 3%, 100% 0, 100% 83%, 0 100%);*/
    clip-path: polygon(0 4%, 100% 0%, 100% 100%, 0 97%);

}
    header.pages {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

.about-imgs .img2 img {
    clip-path: polygon(0 17%, 100% 0, 100% 80%, 0 100%);
}
.about-imgs .img1 img {
    clip-path: polygon(0 22%, 100% 0, 100% 81%, 0 100%);
}
.about-imgs .img2 img {
    clip-path: polygon(0 17%, 100% 0, 100% 80%, 0 100%);
}
    }
    @media (max-width: 420px) {
    
      .all-imgs img.img1 {
        max-height: 301px;
        left: -44px;
        right: auto;
      }
      .all-imgs img.img2 {
        bottom: 98px;
        left: 27%;
        right: auto;
      }
      .all-imgs img.img3 {
        bottom: 55px;
        right: 8%;
        left: auto;
      }
      .all-imgs img.img4 {
        top: 498px;
        left: -60%;
        right: auto;
      }
      .all-imgs img.img5 {
        bottom: 76px;
        right: -7%;
        left: auto;
        height: 56px;
      }
    }
    @media (max-width: 330px){
    
      .all-imgs img.img3 {
          bottom: 62px;
          right: -5%;
          left: auto;
      }
      .all-imgs img.img2 {
        bottom: 108px;
        left: 31%;
        right: auto;
        height: 188px;
      }
      .all-imgs img.img4 {
        top: 537px;
        left: -67%;
        right: auto;
      }
      header.pages {
    clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
}
    }

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: rtl !important;
}



i.fas.fa-chevron-left {
    transform: scaleX(1);
}

.hero-img {
    left: 0;
    right: auto;
    transform: scaleX(-1);
}


.btn-more a i{
  transform: scaleX(-1);
}
.about-imgs .img2 img {
    clip-path: polygon(0 28%, 100% 0, 100% 80%, 0 100%);
}








