.ar,
html[dir=rtl],
body[dir=rtl] {
  font-family: "El Messiri", sans-serif;
  text-align: start;
  direction: rtl;
}
.ar .contact-steps .step .arrow-1,
html[dir=rtl] .contact-steps .step .arrow-1,
body[dir=rtl] .contact-steps .step .arrow-1 {
  transform: scaleX(-1);
}
.ar .parallax-mirror .parallax-slider,
html[dir=rtl] .parallax-mirror .parallax-slider,
body[dir=rtl] .parallax-mirror .parallax-slider {
  left: 0px;
  right: auto;
}
.ar .custom-control,
html[dir=rtl] .custom-control,
body[dir=rtl] .custom-control {
  padding-inline-start: 1.5rem;
}
.ar .custom-control .custom-control-label::before, .ar .custom-control .custom-control-label:after,
html[dir=rtl] .custom-control .custom-control-label::before,
html[dir=rtl] .custom-control .custom-control-label:after,
body[dir=rtl] .custom-control .custom-control-label::before,
body[dir=rtl] .custom-control .custom-control-label:after {
  inset-inline-start: -1.5rem;
}
.ar .pl-3,
.ar .px-3,
html[dir=rtl] .pl-3,
html[dir=rtl] .px-3,
body[dir=rtl] .pl-3,
body[dir=rtl] .px-3 {
  padding-left: 1rem !important;
  padding-inline-start: 1rem !important;
}
.ar .text-left,
html[dir=rtl] .text-left,
body[dir=rtl] .text-left {
  text-align: start !important;
}
.ar .text-right,
html[dir=rtl] .text-right,
body[dir=rtl] .text-right {
  text-align: end !important;
}
.ar .float-right,
html[dir=rtl] .float-right,
body[dir=rtl] .float-right {
  float: left !important;
}
.ar .float-right,
html[dir=rtl] .float-right,
body[dir=rtl] .float-right {
  float: left !important;
}
.ar h1,
.ar h2,
.ar h3,
.ar h4,
.ar h5,
.ar h6,
.ar .sec-title,
.ar .header,
html[dir=rtl] h1,
html[dir=rtl] h2,
html[dir=rtl] h3,
html[dir=rtl] h4,
html[dir=rtl] h5,
html[dir=rtl] h6,
html[dir=rtl] .sec-title,
html[dir=rtl] .header,
body[dir=rtl] h1,
body[dir=rtl] h2,
body[dir=rtl] h3,
body[dir=rtl] h4,
body[dir=rtl] h5,
body[dir=rtl] h6,
body[dir=rtl] .sec-title,
body[dir=rtl] .header {
  font-family: inherit;
}
.ar .lang,
html[dir=rtl] .lang,
body[dir=rtl] .lang {
  font-family: "Bree Serif", serif;
}
@media (min-width: 768px) {
  .ar .text-md-left,
  html[dir=rtl] .text-md-left,
  body[dir=rtl] .text-md-left {
    text-align: start !important;
  }
  .ar .text-md-right,
  html[dir=rtl] .text-md-right,
  body[dir=rtl] .text-md-right {
    text-align: end !important;
  }
  .ar .offset-md-6,
  html[dir=rtl] .offset-md-6,
  body[dir=rtl] .offset-md-6 {
    margin-inline-start: 50%;
  }
}
.ar .iti__country-name,
.ar .iti__flag-box,
html[dir=rtl] .iti__country-name,
html[dir=rtl] .iti__flag-box,
body[dir=rtl] .iti__country-name,
body[dir=rtl] .iti__flag-box {
  unicode-bidi: plaintext;
}
.ar .iti .form-control,
.ar html[dir=rtl] html[dir=rtl] .iti .form-control,
html[dir=rtl] .iti .form-control,
html[dir=rtl] html[dir=rtl] html[dir=rtl] .iti .form-control,
body[dir=rtl] .iti .form-control,
body[dir=rtl] html[dir=rtl] html[dir=rtl] .iti .form-control {
  text-align: left !important;
  padding-right: 0.75rem !important;
}
.ar .iti .form-control::-moz-placeholder, .ar .iti .form-control::-moz-placeholder, html[dir=rtl] .iti .form-control::-moz-placeholder, html[dir=rtl] .iti .form-control::-moz-placeholder, body[dir=rtl] .iti .form-control::-moz-placeholder, body[dir=rtl] .iti .form-control::-moz-placeholder {
  text-align: right !important;
}
.ar .iti .form-control::placeholder,
.ar .iti .form-control::placeholder,
html[dir=rtl] .iti .form-control::placeholder,
html[dir=rtl] .iti .form-control::placeholder,
body[dir=rtl] .iti .form-control::placeholder,
body[dir=rtl] .iti .form-control::placeholder {
  text-align: right !important;
}