/** 01.) Variable CSS **/
/**----------------------------------------------**/
:root {
  --body-text-color: #3f3f3f;
  --heading-text-color: #111111;
  --menu-link-color: #111111;
  --white-color: #ffffff;
  --very-light-gray: #f2f2f2;
  --light-gray: #ebebeb;
  --gray: #cccccc;
  --dark-gray: #797979;
  --success: #28a745;
  --success-bg: #d4edda;
  --info: #17a2b8;
  --info-bg: #cce5ff;
  --warning: #ffc107;
  --warning-bg: #fff3cd;
  --danger: #dc3545;
  --danger-bg: #f8d7da;
}

:root {
  --mon: "Montserrat", sans-serif;
  --blue: #8a6bff;
  --darkblue: #0a0a36;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
*:not(.testimonial-section i, .site-footer i) {
  font-family: "Tajawal", sans-serif !important;
}

html {
  direction: rtl;
}

body {
  text-align: right;
}

.menu-primary > li.menu-item.menu-item-has-children > a::after {
  right: auto;
  left: 0;
}

.navbar-right .search-option {
  padding: 0px 30px 0px 0px;
}

.menu-primary .sub-menu > li.menu-item:hover > a,
.menu-primary .sub-menu > li.menu-item.active > a {
  padding: 0px 35px 0px 0px;
}

.menu-primary .sub-menu > li.menu-item.menu-item-has-children > a::after {
  right: auto;
  left: 0;
  content: "\f053";
  margin-left: 0px;
  margin-right: 0px;
}

.menu-primary .sub-menu li.menu-item > .sub-menu {
  left: auto;
  right: 100%;
  margin-left: 0px;
  margin-right: 15px;
}

.menu-primary .sub-menu > li.menu-item > a::before {
  left: auto;
  right: 0;
}

.heading-wrapper {
  text-align: right;
}

.list-style-one li {
  padding-left: 0px;
  padding-right: 30px;
}

.list-style-one li::before,
.list-style-one li::after {
  left: auto;
  right: 0;
}

.list-style-one li::after {
  left: auto;
  right: 5px;
}

.pricing-plans-one .pricing-feature-list li {
  padding: 0px 30px 0px 0px;
}

.pricing-plans-one .pricing-feature-list li::before {
  left: auto;
  right: 0;
}

.pricing-plans-two .pricing-feature-list li {
  padding: 0px 30px 0px 0px;
}

.pricing-plans-two .pricing-feature-list li::before {
  left: auto;
  right: 0;
}

.pricing-plans-three .pricing-feature-list li {
  padding: 0px 30px 0px 0px;
}

.pricing-plans-three .pricing-feature-list li::before {
  left: auto;
  right: 0;
}

.newsletter-form.style-two button {
  right: auto;
  left: 20px;
}

.text-right {
  text-align: left !important;
}

.text-left {
  text-align: right !important;
}

.footer-nav li {
  padding-left: 0px;
  padding-right: 30px;
}

.footer-nav li::before {
  left: auto;
  right: 0;
}

.contact-info li {
  padding-left: 0px;
  padding-right: 35px;
}

.contact-info li::before {
  left: auto;
  right: 0;
}

.right-col-full .col-lg-6:first-child,
.right-col-full .col-md-6:first-child {
  padding-left: 15px;
  padding-right: calc(((100vw - (100vw - 100%)) - 1170px) / 2);
}

.right-col-full .col-lg-6:last-child,
.right-col-full .col-md-6:last-child {
  padding-right: 15px;
  padding-left: 0;
}

.left-col-full .col-lg-6:last-child,
.left-col-full .col-md-6:last-child {
  padding-right: 15px;
  padding-left: calc(((100vw - (100vw - 100%)) - 1170px) / 2);
}

.left-col-full .col-lg-6:first-child,
.left-col-full .col-md-6:first-child {
  padding-left: 15px;
  padding-right: 0;
}

.btn + .btn {
  margin-left: 0px;
  margin-right: 15px;
}

.btn > i {
  margin-right: 0px;
  margin-left: 10px;
}

.features-block.theme-two .text {
  padding-left: 0px;
  padding-right: 30px;
}

.features-block.theme-two h4::before,
.features-block.theme-two h4::after {
  left: auto;
  right: -30px;
}

.features-block.theme-two h4::after {
  left: auto;
  right: -24px;
}

.subscribe-form-wrapper .btn {
  right: auto;
  left: 5px;
}

.subscribe-form-wrapper .form-control {
  padding: 0px 15px 0px 215px;
}

.slick-slider {
  direction: ltr !important;
}

.client-testimonial.theme-one .testimonial-text::before {
  transform: rotate(90deg) skew(-52deg);
  left: auto;
  right: 50px;
}

.client-testimonial.theme-one .testimonial-text::after {
  border-right: 0px solid transparent;
  border-left: 40px solid transparent;
  left: auto;
  right: 50px;
}

.client-testimonial.theme-one .client-info-wrapper {
  flex-direction: row-reverse;
}

.client-testimonial.theme-one .client-img {
  margin-right: 0px;
  margin-left: 20px;
}

.client-testimonial.theme-one .slick-prev,
.client-testimonial.theme-one .slick-next {
  left: 95px;
  right: auto;
}

.client-testimonial.theme-one .slick-next {
  left: 140px;
  right: auto;
}

.client-testimonial.theme-one blockquote::before {
  left: auto;
  right: -25px;
}

.client-testimonial.theme-three {
  padding: 60px 60px 60px 0px;
  margin-left: 0px;
  margin-right: 30px;
  border-left: none;
  border-right: 3px solid rgba(255, 255, 255, 0.2);
}

.client-testimonial.theme-three .slick-dots {
  margin-left: 0px;
  margin-right: -72px;
  width: auto;
  left: auto;
  right: 0;
}

.client-testimonial.theme-three .testimonial-text {
  padding: 0px 90px 0px 0px;
}

.client-testimonial.theme-three .testimonial-text::before {
  left: auto;
  right: 0;
}

.overlay-search .form-control {
  padding: 10px 30px 10px 60px;
}

.overlay-search .search-submit {
  right: auto;
  left: 10px;
}

.text-center {
  text-align: center !important;
}

.text-center .heading-wrapper {
  text-align: center !important;
}

.news-grid.column-2 .article-details {
  padding-left: 0px;
  padding-right: 60px;
}

.news-grid.column-2 .article-details::before {
  left: auto;
  right: 0;
}

.post-meta span.entry-meta {
  padding-left: 0px;
  padding-right: 28px;
  margin-right: 0px;
  margin-left: 15px;
}

.post-meta span.entry-meta::before {
  left: auto;
  right: 0;
}

.sidebar.right-side {
  padding-left: 0px;
  padding-right: 50px;
}

.sidebar.left-side {
  padding-right: 0px;
  padding-left: 50px;
}

.widget.search-box button {
  left: 10px;
  right: auto;
}

.widget.search-box form input[type="search"] {
  padding-left: 40px;
  padding-right: 15px;
}

.sidebar ul li {
  padding: 0px 0px 10px 30px;
}

.sidebar ul li::after {
  left: 10px;
  right: auto;
  content: "\f104";
}

ul.st-recent-posts li .article-details {
  padding: 0 20px 0 0px;
}

blockquote {
  padding: 30px 60px 30px 30px;
  margin: 30px 25px 30px 0px;
}

blockquote::before {
  right: -25px;
  left: auto;
}

.entry-tags .label {
  padding: 0px 30px 0px 0px;
}

.entry-tags .label::before {
  right: 0;
  left: auto;
}

.tagcloud a,
.entry-tags a {
  margin-right: 0px;
  margin-left: 6px;
}

@media only screen and (max-width: 991px) {
  #navigation .menu-primary .child-link {
    right: auto;
    left: 10px;
  }

  .menu-primary .sub-menu > li.menu-item.menu-item-has-children > a::after {
    display: none;
  }

  .menu-primary .sub-menu li.menu-item > .sub-menu {
    margin-left: 0px;
    margin-right: 0px;
  }

  #navigation .close-btn {
    right: 30px;
    left: auto;
  }

  #navigation {
    transform: translateX(-120%);
  }
}
.page-wrapper .row .col-lg-6.col-md-12 form .two {
  display: inline-block;
  margin-left: 0;
  margin-right: 22px;
}
.page-wrapper .row .col-lg-6.col-md-12 form .two.t {
  margin-right: 10px;
  margin-left: 0;
}
.page-wrapper .row .col-lg-6.col-md-12 form label::before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  color: #036ee4;
  position: relative;
  right: 0;
  margin-left: 5px;
  margin-right: 5px;
}
@media (max-width: 504px) {
  .page-wrapper .row .col-lg-6.col-md-12 form label {
    display: block;
  }
  .page-wrapper .row .col-lg-6.col-md-12 form .two,
  .page-wrapper .row .col-lg-6.col-md-12 form .two.t {
    margin-right: 0;
  }
}
#master-head {
  direction: ltr;
}