
.navbar-links .navbar-right {
    gap: unset;
    align-items: unset;
    display: unset;
}

.navbar-links .navbar-collapse.collapse {
    visibility: visible;
}
.navbar-links .sub-menu-wrap .sub-menu li a .sub-menu-logo-wrapper {
    display: inline-flex;
}
.menu-mobile.inception .collapse {
    visibility: visible;
}
.menu-mobile.inception .panel-group .panel-collapse .panel-body .item_sub-menu .sub-menu-logo-wrapper {
    display: inline-flex;
}
.responsivegrid .swiper-slide .card img {
    z-index: 0;
}

.responsivegrid .swiper-button-next::after,
.responsivegrid .swiper-button-prev::after {
  content: '';
}
.responsivegrid .swiper-button-next,
.responsivegrid .swiper-button-prev {
  background-image: none;
  position: static;
  margin: 0;
  width: 40px;
  height: 40px;
}
.rotate-90 {
    transform: rotate(90deg);
}
.responsivegrid .swiper-slide {
    text-align: start;
}
.main-section  .fixed-scroll-section .fixed-scroll-container {
    z-index: 1;
}

html[lang="ar"] .responsivegrid .swiper-button-prev {
    transform: rotate(90deg);
}
/* pre live fixes*/

.fixed-image-container {
    z-index: 0;
}
.fixed-image-wrapper {
    top: 14vh;
}
.pt-md-20 {
    @media (max-width: 992px) {
        padding-top: 20px !important;
    }
}
.mb-56, .mb-36 {
    @media (max-width: 767px) {
        margin-bottom: 24px !important;
    }
}

[dir=rtl] * {
    font-weight: initial;
    letter-spacing: 0 !important;
}
 
@media (max-width: 767px) {
 html[lang="ar"] .main-section .panel-description,
 html[lang="ar"] .main-section .panel-description+.panel-warning-title,
 html[lang="ar"] .main-section  .panel-warning-title+.panel-warning-subtitle {
    font-size: 1.75rem;
    line-height: 1.35;
 }
}
@media (min-width: 768px) {
    html[lang="ar"] h4.panel-heading {
        font-weight: bold !important;
        margin-bottom: 1rem;
    }
} 
@media (min-width: 993px) {
 div[data-i18n="hero.belief"] {
  font-size: 170%;
  line-height: 1.5;
 }
}

html[lang="ar"] * h1,
html[lang="ar"] * h2,
html[lang="ar"] * h3,
html[lang="ar"] * h4,
html[lang="ar"] * h5,
html[lang="ar"] * h6 {
    font-weight: 700 !important;
    line-height: 1.25;
}

html[lang="ar"] #app h1 *,
html[lang="ar"] #app h2 *,
html[lang="ar"] #app h3 *,
html[lang="ar"] #app h4 *,
html[lang="ar"] #app h5 *,
html[lang="ar"] #app h6 * {
    font-weight: 700 !important;
    font-family: suiss, Arial, sans-serif !important;
    line-height: 1.25;
}
