@media (min-width: 900px) {
    #main-nav .main-nav__content div.right-side.mobile-main-nav {
        gap: 56% !important;
    }
}

@media (max-width: 600px) {
    header [class="main-nav"] .main-nav__content div.right-side.mobile-main-nav {
        gap: 42% !important;
    }
  .main-nav.fixed-pinned .inner {
    padding-bottom: 0;
    padding-top: 0;
}

   .fixed-pinned .navbar-brand img {
    transform: translateX(15px);
  }

}

@media (max-width: 600px) {
    header [class="main-nav fixed-pinned animated fixed-header"] 
    .main-nav__content div.right-side.mobile-main-nav {
        gap: 53% !important;
    }
}


@media (min-width: 1024px) {
    .s-block--categories.circle .swiper-slide {
        min-width: 200px;
    }
  .align-below .slide--cat-entry.has-image h2 {
    font-size: 0.8rem;
  }
}

.s-block--cats-list > div > div{
    position:relative;
}

.cats-list-wrap:after{
   content:"";
    width:100%;
    height:100%;
    display:block;
    background:#000;
    position:absolute;
    inset:0;
    opacity:0.5;
}

.cats-list-wrap  *{
    z-index:2
}


.s-block--cats-list .s-block__title p, .s-block--cats-list .center-block-title .s-block__title h2,.s-block--cats-list .center-block-title .s-slider-block__title h2 {
    color: #fff !important;
}


.s-button-primary {
    color: #ffffff;
}
.s-block--map [class="absolute z-1 w-[calc(100%-80px)] sm:w-[calc(100%-132px)] -top-5 left-10 sm:left-16 bg-white dark:bg-dark rounded overflow-hidden p-5 lg:p-8 flex items-center gap-8 shadow-[0px_4px_92.2px_rgba(0,0,0,0.04)]"] {
    background-color: #ffffff47;
    backdrop-filter: blur(7px);
}
.s-block--map [class="absolute z-1 w-[calc(100%-80px)] sm:w-[calc(100%-132px)] -top-5 left-10 sm:left-16 bg-white dark:bg-dark rounded overflow-hidden p-5 lg:p-8 flex items-center gap-8 shadow-[0px_4px_92.2px_rgba(0,0,0,0.04)]"] {
    background-color: #ffffff47;
    backdrop-filter: blur(7px);
    top: 21rem !important;
}
.main-nav.fixed-pinned .navbar-brand img {
    max-height: 70px;
}


html {
    font-size: 80% !important;
}

header [class="main-nav__content"] {
    max-width: 85% !important;
}

@media (max-width:600px){

#main-nav .main-nav__content{
display:flex;
justify-content:space-between;
align-items:center;
padding-left:0px;
padding-right:0px;
}

#main-nav .mobile-main-nav{
margin-left:0px;
margin-right:0px;
}

}


/*تكبير اللوجو في الموبايل قبل السكرول*/
@media (max-width:600px){

header .main-nav:not(.fixed-header) .navbar-brand img{
max-height:6rem !important;
}

}