html[lang="ar"] {
  @import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] h2 span {
  font-family: "Tajawal", sans-serif !important;
}
html[lang="ar"] body,
html[lang="ar"] span,
html[lang="ar"] span,
html[lang="ar"] a,
html[lang="ar"] li {
  font-family: "Tajawal", sans-serif !important;
  font-weight: 400;
}
html[lang="ar"] h1,
html[lang="ar"] h2 {
  font-weight: 800;
}
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5 {
  font-weight: 500;
}
html[lang="ar"]
  .ourstory-section.news-main
  .story-main
  .full_btn:hover
  .left
  .content
  .learn-btn
  span,
html[lang="ar"] .news-section-grid .news-grid:hover .learn-btn span {
  transform: translateX(-15px);
}
html[lang="ar"] .news-section-grid .news-grid:hover .learn-btn {
  padding-left: 5px !important;
  padding-right: 15px !important;
}
html[lang="ar"]
  .contactus-section
  .right
  .contact-form
  .form
  form
  .main
  .feild
  input[type="submit"] {
  text-align: center;
}
html[lang="ar"] .aboutus-about p {
  margin-top: 15px;
}
html[lang="ar"] .hero-slider .flexslider .slides li img.hero-image {
  object-position: left;
}
html[lang="ar"] .home-about .right {
  padding-left: 12;
  padding-right: 50px;
}
html[lang="ar"] .footer .foot-contact ul li a span {
  margin-right: 0;
  margin-left: 8px;
}
html[lang="ar"] .owl-carousel {
  direction: ltr;
  text-align: right;
}
/* html[lang=ar] .banner-div .banner-div2 .banner .ban-text {
  direction: ltr;
} */
html[lang="ar"] .learn-wrap .learn-btn {
  padding: 6px 15px 6px 5px;
}
html[lang="ar"] .learn-wrap .learn-btn span {
  margin-left: 0;
  margin-right: 7px;
}
html[lang="ar"] .learn-wrap .learn-btn span img {
  transform: rotateZ(180deg);
}
html[lang="ar"] .learn-wrap .learn-btn:hover span {
  transform: translateX(-15px);
}
html[lang="ar"]
  .services-grid-section
  .box-item
  a:hover
  .learn-wrap
  .learn-btn
  span {
  transform: translateX(-15px);
}
html[lang="ar"]
  .services-grid-section
  .box-item
  .service
  .service-grid
  .heading {
  padding-left: 0;
  padding-right: 7%;
}
html[lang="ar"]
  .services-grid-section
  .box-item
  .service
  .service-grid
  .content {
  padding-left: 0;
  padding-right: 7rem;
}
html[lang="ar"]
  .services-grid-section
  .box-item
  .service
  .service-grid
  .heading
  .icon::before {
  left: 0;
  right: 90px;
}
html[lang="ar"]
  .contactus-section
  .right
  .contact-form
  .form
  form
  .main
  .feild
  input {
  text-align: right;
}
html[lang="ar"] .aboutus-vmission .heading img.left,
html[lang="ar"] .aboutus-vmission .heading img.right {
  margin-right: 0;
  margin-left: 12px;
}
html[lang="ar"] section.project-section-single .left li {
  padding-left: 0;
  padding-right: 25px;
}
html[lang="ar"] section.project-section-single .left li:before {
  background-position: right;
  left: inherit;
  right: 0;
}
html[lang="ar"] .home-about .why-title p {
  text-align: left;
}
html[lang="ar"]
  .product-grid-section
  .left
  .side-bar
  .menu-bar
  .nav-pills
  li
  .nav-link
  span {
  padding: 12px 30px 12px 10px;
  text-align: right;
}
html[lang="ar"]
  .product-grid-section
  .left
  .side-bar
  .menu-bar
  .nav-pills
  li
  .nav-link
  span::before,
html[lang="ar"] .single-product .right .product-grid .content ul li::before {
  left: inherit;
  right: 0;
  background-position: right;
}
html[lang="ar"]
  .product-grid-section
  .left
  .side-bar
  .menu-bar
  .nav-pills
  li
  .nav-link
  span::after {
  right: inherit;
  left: 0;
}
html[lang="ar"]
  .product-grid-section
  .left
  .side-bar
  .menu-bar
  .nav-pills
  li
  .nav-link
  .list {
  padding-left: 0;
  padding-right: 30px;
}
html[lang="ar"] .single-product .right .product-grid {
  padding-left: 0;
  padding-right: 20px;
}
html[lang="ar"] .single-product .right .product-grid .buttons a .download,
html[lang="ar"] .single-product .right .product-grid .buttons a .moreinfo {
  margin-left: 8px;
  margin-right: 0;
}
html[lang="ar"] .single-product .right .product-grid .content ul li {
  padding-left: 0;
  padding-right: 25px;
}
html[lang="ar"] .product-grid-section .right .header-bar .category-select {
  padding-right: 0;
  padding-left: 7px;
}
html[lang="ar"]
  .product-grid-section
  .right
  .header-bar
  .serach-bar
  .search-menu
  .search
  .search-form
  .search-submit {
  border-radius: 5px 0 0 5px;
}
html[lang="ar"] header .head-wrap .nav-wrap .navbar .navbar-toggler {
  left: 40px;
  right: unset;
}
html[lang="ar"]
  header
  .head-wrap
  .right
  .lang_switch
  .menu-language-container
  #menu-language
  a {
  margin-left: 0;
  margin-right: 6px;
}
@media (min-width: 992px) {
  html[lang="ar"] .project-section-single .left .content {
    padding-right: 0;
    padding-left: 50px;
  }
}
@media (max-width: 1199px) {
  html[lang="ar"] html[lang="ar"] .footer .foot-contact h6 {
    margin-right: 0;
    margin-left: 25px;
  }
}
@media (max-width: 991px) {
  html[lang="ar"] .home-about .right {
    padding-right: 12px;
  }
  html[lang="ar"] header .head-wrap .right {
    width: calc(30% - 50px);
    margin-right: 50px;
    z-index: 2;
  }
  html[lang="ar"] header .head-wrap .right {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  html[lang="ar"] header .head-wrap .nav-wrap .navbar .navbar-toggler {
    left: 20px;
  }
  html[lang="ar"] .home-about .why-title p,
  html[lang="ar"] .home-products .container .head,
  html[lang="ar"] .home-news .head {
    text-align: right;
  }
  html[lang="ar"] header .head-wrap .right {
    margin-left: 30px;
    padding-left: 0;
  }
  html[lang="ar"] body {
    font-size: 16px;
    line-height: 26px;
  }
  html[lang="ar"] .news-section-grid .recent-news .content h6 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  html[lang="ar"] header .head-wrap .nav-wrap {
    width: 27%;
  }
  html[lang="ar"] .hero-slider .flexslider .flex-control-nav {
    left: 0 !important;
    right: inherit;
  }
  html[lang="ar"] .learn-wrap .learn-btn {
    padding: 0;
  }
}

/*Ar html closing*/ /*# sourceMappingURL=style_ar.css.map */