@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');

* {
    font-family: "El Messiri", sans-serif;
}

.navbar {
    direction: rtl;
    text-align: right;
}

.navbar-nav.ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.navbar-nav .language-select {
    margin: 0 2rem;
}

.hero-content {
  direction: rtl;
  text-align: right;
}

.hero-content .pe-xxl-15 {
    padding-right: 0 !important;
    padding-left: 5rem !important;
}

.clients-box {
    direction: rtl;
}

.clients-box .pe-xxl-5 {
    padding-right: 0 !important;
    padding-left: 1.25rem !important;
}

.faq-box {
    direction: rtl;
    text-align: right;
}

.faq-box .card-header button {
    direction: rtl;
    text-align: right;
}

.pricing-wrapper .icon-list i {
    right: 0;
    left: unset;
}

.pricing-wrapper .icon-list.bullet-bg li {
    padding-right: 1.5rem !important;
    padding-left: 0 !important;
    direction: rtl;
    text-align: right;
}

.pricing-wrapper .icon-list.bullet-bg li:before {
    left: 0 !important;
    right: unset !important;
}

.latest-blogs-title {
    direction: rtl;
}

.latest-blogs-title .pe-xxl-5 {
    padding-right: 0 !important;
    padding-left: 1.25rem !important;
}

.cta-box {
    direction: rtl;
    text-align: right;
}

.cta-box .pe-xxl-18 {
    padding-right: 0 !important;
    padding-left: 1.25rem !important;
}

.footer-box {
    direction: rtl;
}

.about-content-box {
    direction: rtl;
}

.about-content-box .me-4 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

.contact-box {
    direction: rtl;
}

.contact-box .me-4 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

.form-floating > label {
    left: unset;
    right: 0 !important;
}

.offcanvas-body .navbar-nav {
    padding: 0;
}

#modal-signin, #modal-signin .text-start, #modal-signin .response {
    direction: rtl !important;
    text-align: right !important;
}

.password-toggle {
    left: 0.75rem;
    right: unset !important;
}

article.post {
    direction: rtl;
}

@media (max-width: 991.98px) {
    .hero-content .pe-xxl-15 {
      padding-left: 0 !important;
    }
}

.podcast-box {
    direction: rtl;
    text-align: right;
}

.podcast-box .ps-lg-10 {
    padding-left: 0 !important;
    padding-right: 3rem !important;
}

.podcast-box .shape {
    right: auto !important;
    left: -1.5rem !important;
}

@media (max-width: 991.98px) {
    .podcast-box .ps-lg-10 {
        padding-right: 0 !important;
    }
}

.podcast-box .btn i {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}