@font-face {
  font-family: "Careem";
  src: url("https://amr099.github.io/Fonts/thmanyah-sans-regular.otf")
    format("opentype");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Careem", sans-serif;
}

body:not(body.index) header{
  position:relative !Important;
  background:#0c3965
}

.inner,
.not-inner {
  background: transparent !important;
}

.text-\[\#A0855B\] {
  color: rgb(22 120 210);
}

.s-menu-topnav-list,
.bg-img-wrapper .text-background {
  display: none !important;
}

@media (min-width: 1200px) {
  .jo-hero-section-0 .my-slide-0-1 {
    min-height: 1000px !important;
  }
  .jo-hero-section-0 .block-title {
    font-size: 86px !important;
    margin-bottom: 1rem !important;
  }
  .promotext {
    font-size: 56px !important;
    max-width: 500px;
  }
  .jo-categories .lg\:grid-cols-6 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.jo-products-banner .bg-black\/40 {
  background-color: transparent;
}

@media (max-width: 480px) {
  .jo-hero-section .swiper-slide-active .text-container {
    transition: all 0.7s ease-in-out;
    opacity: 1;
    max-width: 240px;
    margin-left: 0;
  }

  .jo-hero-section .text-container .block-title {
    font-size: 1.5rem;
  }
}
.jo-hero-section .swiper-slide img {
  display: none;
}
.jo-offers-banner svg,
.jo-categories-3 .mb-6.lg\:mb-8.text-center {
  display: none;
}

.jo-products-banner-4
  .text-background.leading-tight.flex.flex-col.max-w-\[90\%\].gap-2.items-start.absolute.bottom-\[6\%\].rtl\:md\:right-\[8\%\].ltr\:md\:left-\[8\%\].rtl\:right-\[5\%\].ltr\:left-\[5\%\].z-2
  .gap-2.arrows.lg\:hidden.flex.flex-col.items-center.self-center.absolute.right-\[-12\.5vw\].top-1\/2.-translate-y-1\/2,
.gap-2.arrows.hidden.lg\:flex.flex-col.items-center,
.jo-offers-banner .swiper-slide-active .dis_background,
.jo-offers-banner .swiper-slide-active .pro_addit,
.jo-offers-banner .swiper-slide-next .dis_background,
.jo-offers-banner .swiper-slide-next .pro_addit,
.jo-offers-banner .swiper-slide-prev .dis_background,
.jo-offers-banner .swiper-slide-prev .pro_addit {
  display: none !important;
}
.jo-hero-section .my-slide-0-1 {
  max-height: 450px !important;
}