/**************************
* 1. Global style
***************************/
html,
body {
  direction: rtl;
  font-family: "Almarai", "sans-serif" !important;
}

.page-wrapper {
  overflow-x: hidden;
}

.header-navigation ul.navigation-box > li > a,
.header-top .single-header-right-info .text-box h3,
.header-top .single-header-right-info .text-box p,
.single-service-style-two .overlay .text-box h3,
.about-style-one .about-content h3,
.main-slider h2,
h3 {
  font-family: "Almarai", "sans-serif" !important;
}

.fl-right {
  float: right;
}

.fl-left {
  float: left;
}

.logo.pull-left,
.header-top.home-three .top-info .left-text {
  float: left !important;
}

.header-top .header-right-info.pull-right,
.header-top.home-three .top-info .social {
  float: right !important;
}

.pull-left {
  float: right !important;
}

.pull-right {
  float: left !important;
}

.header-top .header-right-info,
.item .rtl-box,
.single-service-style-two .hover .box .content {
  direction: rtl;
  text-align: right;
}

.header-top .single-header-right-info .text-box {
  padding-left: unset;
  padding-right: 20px;
}

.header-top .single-header-right-info + .single-header-right-info {
  margin-left: unset;
  margin-right: 36px;
}

@media (max-width: 480px) {
  .header-top.home-three .top-info .left-text {
    padding: 10px 0;
  }

  .header-top.home-three .top-info p {
    font-size: 12px;
    letter-spacing: normal;
  }

  .header-top .single-header-right-info {
    max-width: 290px;
    margin-left: auto;
    margin-right: 36px;
  }

  .header-top .header-right-info {
    padding-bottom: 70px;
  }

  .header-top .logo {
    padding: 16px 0;
  }

  .header-top.home-three .header-right-info {
    padding: 16px 0;
  }
}

.header-navigation ul.navigation-box {
  float: right;
  padding-left: unset;
}

.header-navigation ul.navigation-box > li + li {
  margin-left: unset;
  margin-right: 50px;
}

.header-navigation ul.navigation-box:after {
  width: 0;
}

@media (min-width: 768px) {
  .navbar-nav > li {
    float: right;
  }
}

.header-navigation ul.navigation-box > li > .locale-img:after {
  float: left;
}

.header-navigation ul.navigation-box > li > a:after {
  margin-left: unset;
  margin-right: 5px;
}

.header-navigation ul.navigation-box > li > ul.sub-menu {
  left: unset;
  right: 0;
  float: right;
  text-align: right;
}

.header-navigation ul.navigation-box > li > ul.sub-menu > li > a {
  padding-left: unset;
  padding-right: 40px;
}

.header.header-home-three .header-navigation ul.navigation-box > li + li {
  margin-left: 0;
}

.single-service-style-two .overlay .text-box,
.single-service-style-two .hover .text-box {
  padding-left: unset;
  padding-right: 15px;
}

.contact-info-style-one .contact-infos {
  padding-left: unset;
  padding-right: 70px;
}

.contact-info-style-one
  .contact-infos
  .single-contact-infos
  + .single-contact-infos {
  margin-left: unset;
  margin-right: 65px;
}

footer.site-footer .footer-widget.subscribe-widget form.subscribe-form button {
  right: unset;
  left: 0;
}

/**************************
* 2. Home style
***************************/

.main-slider .text {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.6;
}

.about-style-one .about-content h3:after {
  margin-left: unset;
  margin-right: 15px;
}

.about-style-one .about-content ul li {
  padding-left: unset;
  padding-right: 30px;
}

.about-style-one .about-content ul li i {
  left: unset;
  right: 0;
}

.about-style-one .about-content ul li:hover i {
  left: unset;
  right: 7px;
}

.about-style-one .about-content ul li:hover {
  padding-left: unset;
  padding-right: 37px;
}

.about-style-one .about-img-box {
  background: transparent url(/images/about-dots.png?b1d636baf6b957462626f6b903138f08) -46% -120% no-repeat;
}

.about-style-one .about-img-box .video-box,
.faq-style-one .accrodion-grp .accrodion .accrodion-title h4:before {
  right: unset;
  left: 0;
}

.sec-title h3:after,
.rqa-box h3:after,
.contact-info-style-one .title h3:after {
  margin-left: unset;
  margin-right: 15px;
}

.fact-counter-section .fact-counter .divider.hor {
  right: 42%;
  left: unset;
}

.fact-counter-section .single-fact-counter .text-box {
  padding-left: unset;
  padding-right: 15px;
}

.fact-counter-section .single-progress-bar .labeled-text {
  margin-right: unset;
  margin-left: 20px;
}

.fact-counter-section .single-progress-bar .progress-scale .inner {
  left: unset;
  right: 0;
  background: linear-gradient(
    90deg,
    rgba(40, 182, 118, 1) 40%,
    rgba(0, 180, 235, 1) 100%
  );
}

.fact-counter-section .single-progress-bar .percent,
.header-top.home-three .top-info .social a + a {
  margin-left: unset;
  margin-right: 20px;
}

.feature-style-one .single-feature-style-one .text-box,
.contact-info-style-one .contact-infos .single-contact-infos .text-box,
.rqa-box form.rqa-form input,
.rqa-box form.rqa-form textarea,
footer.site-footer .footer-widget.subscribe-widget form.subscribe-form input,
.contact-page form.contact-form input,
.contact-page form.contact-form textarea {
  padding-left: unset;
  padding-right: 20px;
}

@media (max-width: 480px) {
  .contact-info-style-one
    .contact-infos
    .single-contact-infos
    + .single-contact-infos {
    margin-right: 0;
  }
}

