html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] .phone-number {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
  text-align: left;
  white-space: nowrap;
}

.hero-sec.fire-alarm-home-card.about-widesec {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}

.hero-sec.fire-alarm-home-card.about-widesec::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .52) 36%, rgba(0, 0, 0, .22) 68%, rgba(0, 0, 0, .08) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .12) 0%, rgba(0, 0, 0, .16) 46%, rgba(0, 0, 0, .48) 100%) !important;
}

html[dir="rtl"] .hero-sec.fire-alarm-home-card.about-widesec::before {
  background:
    linear-gradient(270deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .52) 36%, rgba(0, 0, 0, .22) 68%, rgba(0, 0, 0, .08) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .12) 0%, rgba(0, 0, 0, .16) 46%, rgba(0, 0, 0, .48) 100%) !important;
}

.hero-sec.fire-alarm-home-card.about-widesec .featured {
  z-index: 0 !important;
}

.hero-sec.fire-alarm-home-card.about-widesec .absolute-data {
  z-index: 2 !important;
}

.hero-sec.fire-alarm-home-card.about-widesec .data-content {
  max-width: 720px !important;
  padding: 28px 30px !important;
  border-radius: 24px !important;
  background: rgba(0, 0, 0, .46) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .46) !important;
  backdrop-filter: blur(3px);
}

.hero-sec.fire-alarm-home-card.about-widesec .absolute-data h3,
.hero-sec.fire-alarm-home-card.about-widesec .absolute-data p,
.hero-sec.fire-alarm-home-card.about-widesec .data-content,
.hero-sec.fire-alarm-home-card.about-widesec .data-content * {
  color: #fff !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .95), 0 1px 5px rgba(0, 0, 0, 1) !important;
}

.omniyat-service-visual {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  border-radius: 40px;
  isolation: isolate;
  background: #07101f;
}

.omniyat-service-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .52) 42%, rgba(0, 0, 0, .12) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .08) 0%, rgba(0, 0, 0, .52) 100%);
  pointer-events: none;
}

html[dir="rtl"] .omniyat-service-visual::before {
  background:
    linear-gradient(270deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .52) 42%, rgba(0, 0, 0, .12) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .08) 0%, rgba(0, 0, 0, .52) 100%);
}

.omniyat-service-visual > img {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.omniyat-service-visual .inside-container {
  position: relative;
  z-index: 2;
  min-height: 560px;
  justify-content: center;
  align-items: flex-start;
}

html[dir="rtl"] .omniyat-service-visual .inside-container {
  align-items: flex-end;
  text-align: right;
}

.omniyat-service-visual .visual-copy {
  max-width: 680px;
  padding: 30px 32px;
  border-radius: 26px;
  background: rgba(0, 0, 0, .52);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .48);
  backdrop-filter: blur(3px);
}

.omniyat-service-visual .visual-copy,
.omniyat-service-visual .visual-copy * {
  color: #fff !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .95), 0 1px 5px rgba(0, 0, 0, 1) !important;
}

.omniyat-service-visual .visual-copy p {
  font-size: 20px;
  line-height: 1.75;
}

.omniyat-service-visual + .service-feature-grid {
  margin-top: 24px;
}

.service-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch;
  width: 100% !important;
  max-width: 100% !important;
  gap: 20px !important;
}

.service-feature-grid .data-card {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 260px !important;
  height: auto !important;
  padding: 34px 32px !important;
  overflow: hidden !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  color: #111827 !important;
  background: #f4f3ff !important;
}

.service-feature-grid .data-card h3,
.service-feature-grid .data-card h3 *,
.service-feature-grid .data-card p,
.service-feature-grid .data-card p * {
  color: #111827 !important;
  text-shadow: none !important;
}

.service-feature-grid .data-card h3,
.service-feature-grid .data-card h3 * {
  font-size: 30px !important;
  line-height: 1.25 !important;
  margin: 0 0 8px !important;
  max-width: 100% !important;
}

.service-feature-grid .data-card p,
.service-feature-grid .data-card p * {
  font-size: 17px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

@media only screen and (max-width: 900px) {
  .service-feature-grid {
    grid-template-columns: 1fr !important;
  }

  .service-feature-grid .data-card {
    min-height: auto !important;
  }
}

@media only screen and (min-width: 921px) {
  html[dir="rtl"] body .site-header {
    overflow: visible;
    isolation: isolate;
  }

  html[dir="rtl"] body .site-header .main-navigation,
  html[dir="rtl"] body .site-header .menu-header-container,
  html[dir="rtl"] body .site-header .mega-menu {
    overflow: visible;
  }

  html[dir="rtl"] body .site-header .mega-menu > li.menu-item-has-children {
    position: static !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu > li.menu-item-has-children > .mega-menu-section {
    position: fixed !important;
    top: 96px !important;
    left: 4vw !important;
    right: 4vw !important;
    width: auto !important;
    max-width: 1180px !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 360px !important;
    margin: 0 auto !important;
    padding: 34px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 34px !important;
    direction: rtl;
    text-align: right;
    border-radius: 30px !important;
    background: #f4f3ff !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .18) !important;
    z-index: 9999999 !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu > li.menu-item-has-children:hover > .mega-menu-section,
  html[dir="rtl"] body .main-navigation .mega-menu > li.menu-item-has-children:focus-within > .mega-menu-section {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .left-column,
  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .right-column {
    float: none !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .left-column {
    order: 1;
    width: 46% !important;
    max-width: 46% !important;
    padding: 0 !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .right-column {
    order: 2;
    width: 50% !important;
    max-width: 50% !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 24px !important;
    direction: rtl;
    text-align: right;
    border-radius: 24px;
    background: rgba(255, 255, 255, .55) !important;
    padding: 20px;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .sub-menu {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .sub-menu li {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 16px !important;
  }

  html[dir="rtl"] body .site-header .mega-menu .mega-menu-section a,
  html[dir="rtl"] body .site-header:has(.mega-menu li:hover) .mega-menu-section a {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    color: #111827 !important;
    text-align: right !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
    white-space: normal !important;
  }

  html[dir="rtl"] body .site-header .mega-menu .mega-menu-section a:hover,
  html[dir="rtl"] body .site-header .mega-menu .mega-menu-section a:focus {
    background: #fff !important;
    color: #03148c !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .right-column img {
    width: 260px !important;
    max-width: 42% !important;
    height: 220px !important;
    min-height: 220px !important;
    object-fit: cover !important;
    border-radius: 22px !important;
    order: 2 !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .menu-item-details {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .menu-item-details h3,
  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .menu-item-details p {
    color: #111827 !important;
    text-align: right !important;
  }
}

@media only screen and (max-width: 920px) {
  html[dir="rtl"] body .main-navigation .mega-menu li.menu-item:hover .mega-menu-section,
  html[dir="rtl"] body .main-navigation .mega-menu li.menu-item:focus-within .mega-menu-section,
  html[dir="rtl"] body #site-navigation.opened-menu .mega-menu li.menu-item .mega-menu-section {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 0 0 !important;
    margin: 0 !important;
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    direction: rtl;
    text-align: right;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .left-column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .sub-menu {
    width: 100% !important;
    min-width: 100% !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .sub-menu li {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html[dir="rtl"] body .site-header .mega-menu .mega-menu-section a,
  html[dir="rtl"] body .site-header:has(.mega-menu li:hover) .mega-menu-section a {
    color: #fff !important;
    text-align: right !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 12px !important;
    white-space: normal !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .right-column {
    display: none !important;
  }
}

@media only screen and (min-width: 921px) {
  html[dir="rtl"] body .site-header .mega-menu > li.menu-item-has-children {
    position: relative !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu > li.menu-item-has-children > .mega-menu-section {
    position: absolute !important;
    top: calc(100% + 12px) !important;
    right: 0 !important;
    left: auto !important;
    width: 330px !important;
    max-width: 330px !important;
    min-width: 330px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    direction: rtl !important;
    text-align: right !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, .18) !important;
    overflow: visible !important;
    z-index: 9999999 !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu > li.menu-item-has-children:hover > .mega-menu-section,
  html[dir="rtl"] body .main-navigation .mega-menu > li.menu-item-has-children:focus-within > .mega-menu-section {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .right-column {
    display: none !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .left-column {
    order: initial !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .sub-menu {
    width: 100% !important;
    min-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .sub-menu li {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
  }

  html[dir="rtl"] body .site-header .mega-menu .mega-menu-section a,
  html[dir="rtl"] body .site-header:has(.mega-menu li:hover) .mega-menu-section a {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    color: #111827 !important;
    text-align: right !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    white-space: normal !important;
    line-height: 1.35 !important;
    background: transparent !important;
  }

  html[dir="rtl"] body .site-header .mega-menu .mega-menu-section li:hover,
  html[dir="rtl"] body .site-header .mega-menu .mega-menu-section a:hover,
  html[dir="rtl"] body .site-header .mega-menu .mega-menu-section a:focus {
    background: #f4f3ff !important;
    color: #03148c !important;
  }
}

@media only screen and (max-width: 900px) {
  body {
    overflow-x: hidden;
  }

  main,
  section,
  .hero-sec,
  .home-hero,
  .custom-home-sec,
  .about-widesec,
  .scard-full,
  .data-card,
  .service-detail-hero,
  .surveillance-video-card,
  .featured,
  .sfeatured,
  .absolute-data {
    visibility: visible !important;
  }

  .grid2,
  .grid3,
  .grid4,
  .columns-2,
  .columns-3,
  .two-card,
  .three-card,
  .schedule {
    grid-template-columns: 1fr !important;
  }

  .inline-flex:not(.site-header):not(.menu-ctas):not(.right-menu),
  .inline-justify:not(.site-header):not(.menu-ctas):not(.right-menu) {
    flex-wrap: wrap;
  }

  .hero-sec:not(.home-hero),
  .custom-home-sec,
  .about-widesec,
  .scard-full,
  .data-card {
    min-height: auto !important;
    height: auto !important;
  }

  .hero-sec:not(.home-hero) .featured,
  .custom-home-sec .featured,
  .about-widesec .featured,
  .service-detail-hero,
  .surveillance-video-card {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-height: 240px !important;
    height: auto !important;
  }

  img,
  picture,
  video,
  .hero-sec:not(.home-hero) .featured img,
  .custom-home-sec .featured img,
  .about-widesec .featured img,
  .service-detail-hero img,
  .surveillance-video-card video,
  img[data-lazy-src],
  img[data-lazy-srcset] {
    max-width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  img[data-lazy-src],
  img[data-lazy-srcset] {
    display: block !important;
  }

  img[src^="data:image/svg+xml"][data-lazy-src] {
    min-height: 220px;
    background: #eef2f7;
  }

  .absolute-data,
  .s-data,
  .service-detail-copy,
  .surveillance-copy {
    max-width: 100% !important;
  }

  .absolute-data {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
  }

  .three-card,
  .two-card {
    overflow: visible !important;
  }

  .three-card {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: none !important;
    touch-action: pan-x pan-y;
  }

  .three-card > .data-card {
    scroll-snap-align: none !important;
  }
}

@media only screen and (max-width: 520px) {
  .service-detail-copy,
  .surveillance-copy,
  .s-data,
  .absolute-data {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .service-detail-copy p,
  .surveillance-copy p,
  .s-data p,
  .absolute-data p {
    font-size: 16px;
    line-height: 1.65;
  }
}

@media only screen and (max-width: 900px) {
  .hero-sec.fire-alarm-home-card.about-widesec {
    position: relative !important;
    display: flex !important;
    justify-content: flex-end !important;
    min-height: 520px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #070b13 !important;
  }

  .hero-sec.fire-alarm-home-card.about-widesec::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    background:
      linear-gradient(180deg, rgba(0, 0, 0, .06) 0%, rgba(0, 0, 0, .3) 42%, rgba(0, 0, 0, .82) 100%),
      linear-gradient(90deg, rgba(0, 0, 0, .66) 0%, rgba(0, 0, 0, .28) 48%, rgba(0, 0, 0, .14) 100%) !important;
    pointer-events: none;
  }

  html[dir="rtl"] .hero-sec.fire-alarm-home-card.about-widesec::before {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, .06) 0%, rgba(0, 0, 0, .3) 42%, rgba(0, 0, 0, .82) 100%),
      linear-gradient(270deg, rgba(0, 0, 0, .66) 0%, rgba(0, 0, 0, .28) 48%, rgba(0, 0, 0, .14) 100%) !important;
  }

  .hero-sec.fire-alarm-home-card.about-widesec::after {
    content: none !important;
  }

  .hero-sec.fire-alarm-home-card.about-widesec .featured {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    order: initial !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    border-radius: inherit !important;
  }

  .hero-sec.fire-alarm-home-card.about-widesec .featured img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .hero-sec.fire-alarm-home-card.about-widesec .absolute-data {
    position: relative !important;
    z-index: 2 !important;
    order: initial !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: auto !important;
    padding: 210px 24px 28px !important;
    color: #fff !important;
    background: transparent !important;
    border-radius: 0 !important;
    text-align: left;
    text-shadow: 0 3px 18px rgba(0, 0, 0, .95), 0 1px 5px rgba(0, 0, 0, 1) !important;
  }

  html[dir="rtl"] .hero-sec.fire-alarm-home-card.about-widesec .absolute-data {
    text-align: right;
  }

  .hero-sec.fire-alarm-home-card.about-widesec .data-content {
    max-width: 620px !important;
    gap: 14px !important;
    padding: 20px 18px !important;
    border-radius: 22px !important;
    background: rgba(0, 0, 0, .46) !important;
    box-shadow: 0 20px 52px rgba(0, 0, 0, .45) !important;
    backdrop-filter: blur(3px);
  }

  .hero-sec.fire-alarm-home-card.about-widesec .absolute-data h3,
  .hero-sec.fire-alarm-home-card.about-widesec .absolute-data p,
  .hero-sec.fire-alarm-home-card.about-widesec .data-content,
  .hero-sec.fire-alarm-home-card.about-widesec .data-content * {
    color: #fff !important;
    text-shadow: 0 3px 18px rgba(0, 0, 0, .95), 0 1px 5px rgba(0, 0, 0, 1) !important;
  }

  .hero-sec.fire-alarm-home-card.about-widesec .data-content h3 {
    font-size: 30px !important;
    line-height: 1.18 !important;
    max-width: 100% !important;
  }

  .hero-sec.fire-alarm-home-card.about-widesec .data-content p {
    font-size: 16px !important;
    line-height: 1.62 !important;
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 520px) {
  .hero-sec.fire-alarm-home-card.about-widesec {
    min-height: 560px !important;
  }

  .hero-sec.fire-alarm-home-card.about-widesec .absolute-data {
    padding: 230px 16px 20px !important;
  }

  .hero-sec.fire-alarm-home-card.about-widesec .data-content {
    padding: 18px 16px !important;
    border-radius: 20px !important;
  }

  .hero-sec.fire-alarm-home-card.about-widesec .data-content h3 {
    font-size: 25px !important;
  }
}

@media only screen and (min-width: 921px) {
  html[dir="rtl"] body .site-header .mega-menu > li.menu-item-has-children {
    position: static !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu > li.menu-item-has-children > .mega-menu-section {
    position: absolute !important;
    top: 68px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    min-width: 100vw !important;
    height: 560px !important;
    min-height: 560px !important;
    margin: 0 !important;
    padding: 40px 4vw !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 36px !important;
    direction: rtl !important;
    text-align: right !important;
    border-radius: 0 0 30px 30px !important;
    background: #f4f3ff !important;
    box-shadow: 0 7px 15px rgba(0, 0, 0, .1) !important;
    overflow: hidden !important;
    z-index: 9999999 !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu > li.menu-item-has-children:hover > .mega-menu-section,
  html[dir="rtl"] body .main-navigation .mega-menu > li.menu-item-has-children:focus-within > .mega-menu-section {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .left-column {
    order: 1 !important;
    float: none !important;
    width: 31% !important;
    max-width: 420px !important;
    min-width: 320px !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .right-column {
    order: 2 !important;
    float: none !important;
    display: flex !important;
    width: 65% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    background: transparent !important;
    direction: rtl !important;
    text-align: right !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .right-column img {
    display: none !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .sub-menu {
    width: 100% !important;
    min-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .sub-menu li {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html[dir="rtl"] body .site-header .mega-menu .mega-menu-section a,
  html[dir="rtl"] body .site-header:has(.mega-menu li:hover) .mega-menu-section a {
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: inline-flex !important;
    justify-content: flex-start !important;
    color: #111827 !important;
    text-align: right !important;
    padding: 0 !important;
    border-radius: 0 !important;
    white-space: normal !important;
    line-height: 1.35 !important;
    background: transparent !important;
  }

  html[dir="rtl"] body .site-header .mega-menu .mega-menu-section li:hover,
  html[dir="rtl"] body .site-header .mega-menu .mega-menu-section a:hover,
  html[dir="rtl"] body .site-header .mega-menu .mega-menu-section a:focus {
    background: transparent !important;
    color: #03148c !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .menu-item-details {
    width: 100%;
    max-width: 820px;
    padding-top: 8px;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .menu-item-details h3,
  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .menu-item-details p {
    color: #1e1e1e !important;
    text-align: right !important;
    max-width: 100% !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .menu-item-details h3 {
    font-size: 22px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
  }

  html[dir="rtl"] body .main-navigation .mega-menu .mega-menu-section .menu-item-details p {
    font-size: 18px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }
}

@media only screen and (max-width: 920px) {
  body #site-navigation.opened-menu .mega-menu > li.menu-item-has-children > a {
    cursor: pointer !important;
  }

  body #site-navigation.opened-menu .mega-menu > li.menu-item-has-children > .mega-menu-section {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body #site-navigation.opened-menu .mega-menu > li.menu-item-has-children.submenu-open > .mega-menu-section,
  body #site-navigation.opened-menu .mega-menu > li.menu-item-has-children:focus-within > .mega-menu-section {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px 0 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  body #site-navigation.opened-menu .mega-menu .mega-menu-section .left-column {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body #site-navigation.opened-menu .mega-menu .mega-menu-section .right-column,
  body #site-navigation.opened-menu .mega-menu .mega-menu-section .menu-item-details {
    display: none !important;
  }

  body #site-navigation.opened-menu .mega-menu .mega-menu-section .sub-menu {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 100% !important;
    gap: 2px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body #site-navigation.opened-menu .mega-menu .mega-menu-section .sub-menu li {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body #site-navigation.opened-menu .mega-menu .mega-menu-section .sub-menu a,
  html[dir="rtl"] body #site-navigation.opened-menu .mega-menu .mega-menu-section .sub-menu a {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 3px 12px !important;
    margin: 0 !important;
    color: #fff !important;
    background: transparent !important;
    border-radius: 0 !important;
    text-align: inherit !important;
    white-space: normal !important;
    line-height: 1.25 !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

@media only screen and (min-width: 921px) {
  body .main-navigation .mega-menu > li.menu-item-has-children.submenu-open > .mega-menu-section {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }
}

@media only screen and (max-width: 920px) {
  body .site-header:not(.toggled-menu) {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 96px !important;
    min-height: 96px !important;
    padding: 18px 5% !important;
    gap: 12px !important;
    background: linear-gradient(180deg, rgba(0, 10, 80, .72) 0%, rgba(0, 10, 80, .18) 100%) !important;
    backdrop-filter: blur(2px);
  }

  body .site-header:not(.toggled-menu) .left-menu {
    display: flex !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 60px !important;
    align-items: center !important;
    gap: 0 !important;
  }

  body .site-header:not(.toggled-menu) .site-branding,
  body .site-header:not(.toggled-menu) .custom-logo-link {
    width: min(200px, calc(100vw - 142px)) !important;
    min-width: min(200px, calc(100vw - 142px)) !important;
    max-width: min(200px, calc(100vw - 142px)) !important;
    height: 55px !important;
    transform: translateX(-8px) !important;
  }

  body .site-header:not(.toggled-menu) .custom-logo-link {
    transform: none !important;
  }

  body .site-header:not(.toggled-menu) .custom-logo {
    content: url("/images/omniyat_logo_onwhite_header.svg") !important;
    width: min(200px, calc(100vw - 142px)) !important;
    height: auto !important;
    max-height: 55px !important;
    object-fit: contain !important;
    transform: none !important;
  }

  body .site-header:not(.toggled-menu) #site-navigation {
    display: none !important;
  }

  body .site-header:not(.toggled-menu) #nav-icon3 {
    position: absolute !important;
    left: auto !important;
    right: 5% !important;
    top: 26px !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 14px !important;
    background: #f4f3ff !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .16) !important;
    z-index: 100000 !important;
  }

  body .site-header:not(.toggled-menu) #nav-icon3 span {
    width: 22px !important;
    height: 2px !important;
    left: 11px !important;
    background: #111 !important;
    border-radius: 999px !important;
  }

  body .site-header:not(.toggled-menu) #nav-icon3 span:nth-child(1) {
    top: 14px !important;
  }

  body .site-header:not(.toggled-menu) #nav-icon3 span:nth-child(2) {
    top: 21px !important;
  }

  body .site-header:not(.toggled-menu) #nav-icon3 span:nth-child(3) {
    top: 28px !important;
  }

  body .site-header:not(.toggled-menu) .right-menu {
    position: absolute !important;
    right: calc(5% + 54px) !important;
    top: 26px !important;
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .site-header:not(.toggled-menu) .right-menu > .inline-flex,
  body .site-header:not(.toggled-menu) .menu-ctas {
    display: none !important;
  }

  body .site-header:not(.toggled-menu) .language-switcher {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .7) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .12) !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 1 !important;
    overflow: hidden !important;
  }

  html[dir="rtl"] body .site-header:not(.toggled-menu) .language-switcher::before {
    content: "EN";
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0;
  }

  html:not([dir="rtl"]) body .site-header:not(.toggled-menu) .language-switcher::before {
    content: "AR";
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0;
  }

  body .home-hero {
    margin-top: 0 !important;
    padding-top: 112px !important;
  }

  html[dir="rtl"] .home-hero {
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 420px) {
  body .site-header:not(.toggled-menu) .site-branding,
  body .site-header:not(.toggled-menu) .custom-logo-link,
  body .site-header:not(.toggled-menu) .custom-logo {
    width: min(173px, calc(100vw - 134px)) !important;
    min-width: min(173px, calc(100vw - 134px)) !important;
    max-width: min(173px, calc(100vw - 134px)) !important;
  }
}

@media only screen and (max-width: 920px) {
  body p,
  body a,
  body label,
  body input,
  body textarea,
  body button {
    font-size: 80% !important;
  }

  body h1,
  body h1 * {
    font-size: 5.6vw !important;
  }

  body h2,
  body h2 *,
  body .smallh1,
  body .smallh1 * {
    font-size: 4.8vw !important;
  }

  body h3,
  body h3 * {
    font-size: 3.6vw !important;
  }

  body h4,
  body h4 * {
    font-size: 15.2px !important;
  }

  body h5,
  body h5 * {
    font-size: 18px !important;
  }

  body h6,
  body h6 * {
    font-size: 16px !important;
  }

  body .tagline,
  body .tagline *,
  body .large-text,
  body .large-text p,
  body .text-medium,
  body .p-hero,
  body .link,
  body .c-tag {
    font-size: 80% !important;
  }

  body .cta,
  body .cta-green,
  body .cta-white,
  body .cta-red,
  body .cta-black,
  body .cta-outline,
  body .cta-small,
  body .cta-xsmall,
  body .underlined-link {
    font-size: 80% !important;
  }
}

@media only screen and (max-width: 920px) {
  body .site-footer {
    padding: 64px 4% 48px !important;
    margin-top: 0 !important;
    gap: 48px !important;
    background: #f4f4f4 !important;
  }

  body .site-footer .footer-links {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 58px !important;
    padding: 0 !important;
  }

  body .site-footer .footer-links > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  html[dir="rtl"] body .site-footer,
  html[dir="rtl"] body .site-footer .footer-links > div {
    direction: rtl !important;
    text-align: right !important;
    align-items: flex-start !important;
  }

  body .site-footer .footer-links > div:first-child {
    gap: 26px !important;
  }

  body .site-footer .footer-logo-link {
    width: min(260px, 78vw) !important;
    max-width: min(260px, 78vw) !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 auto 0 0 !important;
    justify-content: flex-start !important;
  }

  html[dir="rtl"] body .site-footer .footer-logo-link {
    margin: 0 0 0 auto !important;
    justify-content: flex-end !important;
  }

  body .site-footer .footer-logo {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }

  body .site-footer .footer-links > div:first-child p {
    width: 100% !important;
    max-width: 330px !important;
    margin: 0 !important;
    text-align: inherit !important;
    font-size: 15.2px !important;
    line-height: 1.55 !important;
  }

  body .site-footer .socials {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .site-footer .socials a,
  body .site-footer .socials svg {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  body .site-footer .footer-links .link {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    color: #1e1e1e !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body .site-footer .footer-links ul.menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 17px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  body .site-footer .footer-links ul.menu li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .site-footer .footer-links ul.menu a {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    color: #1e1e1e !important;
    font-size: 17.6px !important;
    line-height: 1.35 !important;
    text-align: inherit !important;
    background: transparent !important;
  }

  body .site-footer .footer-legal {
    width: 100% !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    margin: 0 !important;
    padding-top: 24px !important;
    border-top: 1px solid rgba(0, 0, 0, .12) !important;
    text-align: left !important;
  }

  html[dir="rtl"] body .site-footer .footer-legal {
    direction: rtl !important;
    text-align: right !important;
    justify-content: flex-start !important;
  }
}

@media only screen and (max-width: 920px) {
  html[dir="rtl"] body #site-navigation.opened-menu .mega-menu > li.menu-item-has-children:not(.submenu-open) > .mega-menu-section,
  body #site-navigation.opened-menu .mega-menu > li.menu-item-has-children:not(.submenu-open) > .mega-menu-section {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: static !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html[dir="rtl"] body #site-navigation.opened-menu .mega-menu > li.menu-item-has-children:not(.submenu-open),
  body #site-navigation.opened-menu .mega-menu > li.menu-item-has-children:not(.submenu-open) {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  html[dir="rtl"] body #site-navigation.opened-menu .mega-menu .mega-menu-section .sub-menu {
    gap: 2px !important;
  }

  html[dir="rtl"] body #site-navigation.opened-menu .mega-menu .mega-menu-section .sub-menu a {
    min-height: 0 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    line-height: 1.25 !important;
  }
}