:root {
  --main-color: #000;
}

body {
  background-color: #ffff;
}
.mq-container-rev span,.mq-container span{ font-family: "Cairo", sans-serif !important ;}
/* header  */
/*NAV*/

@media(min-width:769px){
.inner.bg-inherit.w-full .container {max-width:80%}}
@media(min-width:769px){

custom-main-menu {
    margin: auto !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    padding: 0 5rem;
    min-width: 600px;
    border-radius: 5rem;
}
custom-main-menu {color:#fff}
ul.main-menu.mm-spn--open {
    justify-content: space-around !important;
    width: 100%;
}

nav#mobile-menu {
    width: 930px !important;
    min-width: 100%;
   

}
.main-menu li.root-level {border-radius:8px}
.main-menu li.root-level a{padding:1rem 3rem !important;}

.main-menu li.root-level:nth-last-of-type(1){background:#fff;color:#000;
}



ul.main-menu.mm-spn--open {
    padding: 0;
}

custom-main-menu {
    display: flex;
    align-items: center;
    justify-content: center;
}

}

/*nav*/
header .inner.bg-inherit.w-full {
  background-color: #ffff;
}

.top-navbar {
  background-color: #000;
}

input.s-search-input {
  background-color: #f1e8e8;
}
input.s-search-input::placeholder {
  color: #ffff;
}

header .flex.items-center.justify-end.my-2\.5 i {
  color: var(--main-color);
}

i.header-btn__icon.icon.sicon-shopping-bag,
.header-btn__icon {
  border: 1px solid var(--main-color);
}
a.navbar-brand img {
  min-height: 100px !important;
  padding: 10px;
}
a.navbar-brand {
  height: fit-content !important;
}

div#mainnav {
  height: fit-content !important;
}
/* header  */
/* banner */

section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) {
  margin: 0;
}
section.s-block.s-block--fixed-banner.wide-placeholder .container {
  margin: 0;
  padding: 0;
  max-width: 100%;
}
section.s-block.s-block--fixed-banner.wide-placeholder .container * {
  border-radius: 0;
}

/* banner */
.s-block__title {
  text-align: center !important;
  align-items: center;
  justify-content: center;
  font-size: 3rem !important;
  color: var(--main-color);
}
.s-block__title .right-side {
  padding: 0 !important;
}
.s-block__title h2 {
  font-size: inherit;
}
.s-slider-block__title-right {
  position: absolute;
  top: 0;
  right: 50%;
  transform: translateX(50%);
  padding: 0 !important;
}
.s-slider-block__title-right h2 {
  padding: 0;
  font-size: 3rem !important;
  color: var(--main-color);
}

@media (max-width: 600px) {
  a.navbar-brand img {
    min-height: 80px !important;
  }

  .sp-banner .banner-txt p {
    font-size: 1.3em;
  }
  .s-slider-block__title-right h2 {
    font-size: 2rem !important;
    font-weight: 400 !important;
  }
  .s-block--best-offers .swiper-wrapper {
    margin-top: 3rem;
  }
  .mq-container {
    margin-bottom: -8% !important;
}
.mq-container-rev {
    margin-top: -8% !important;
}
  .branches-row {
    grid-template-columns: 1fr;
}
}
/* footer */
footer.store-footer,
.store-footer__inner {
  background: #ffff !important;
  box-shadow: 0 -18px 40px 0px #0000001f;
}
footer.store-footer * {
  color: #000;
}
/* footer */
a.flex.items-center.m-0 h3 {
  height: 160px;
  width: 170px;

  position: relative;
  color: transparent;
}
a.flex.items-center.m-0 h3:before {
  content: "";
  position: absolute;
  background-image: url("https://i.ibb.co/244VLfV/Rectangle-removebg-preview.png");
  background-size: cover;
  height: 85px;
  width: 145px;
  background-repeat: no-repeat;

  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
}

/*****************/
section.s-block.s-block--bundle-html-content:nth-of-type(10) .mq-container-rev {
    transform: rotate(0) !important;

}

.main-menu li>a:hover{color:#b7b7b7 !important;}
.sub-menu.w-56 *{color:#000}