/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

/* Logo */
.navbar-brand img,
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 9rem;
}

/* banner */
.main_banner-0 img:not(.pro_image) {
  display: none;
}
.main-img .pro_image {
    width: 100% !important;
}

/* features */
.feature {
    padding-block: 3rem;
    background-color: #AADAE3;
}

/* fw */
section.s-block.s-block--photos-slider {
    margin-bottom: 3%;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper,
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    padding: 0;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    width: 100%;
}
section.s-block.s-block--photos-slider .s-slider-block__title-nav {
  display: none;
}

/* Categories List Start */
section.s-block.s-block--banners.container .grid {
    grid-template-columns: repeat(5, minmax(0,1fr));
}
section:nth-child(2 of .s-block.s-block--banners.container) .grid {
    grid-template-columns: repeat(6, minmax(0,1fr));
}
.two-row .banner-entry:first-child {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
}
a.banner-entry {
    height: 280px;
    background-color:unset;
    transition: 0.2s;
}
a.banner-entry:hover {
    transform: scale(1.04)
}
section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded{
    background-size: contain;
    background-repeat: no-repeat;
}

@media (min-width: 1280px) {
    section.s-block.s-block--banners.container {
        max-width: 1600px;
    }
}
@media(min-width:768px) and (max-width:1200px){
    a.banner-entry{
        height: 200px;
    }
    section:nth-child(2 of .s-block.s-block--banners.container) a.banner-entry {
        height: 160px;
    }
}
@media(max-width:992px){
    a.banner-entry{
        height: 160px;
    }
    section:nth-child(2 of .s-block.s-block--banners.container) a.banner-entry {
        height: 130px;
    }
}
@media(max-width:768px){
    section.s-block.s-block--banners.container .grid {
        grid-template-columns: repeat(6, minmax(0,1fr));
    }
    a.banner-entry{
        height: 220px !important;
        grid-column: span 2 !important;
    }
    section:nth-child(1 of .s-block.s-block--banners.container) a.banner-entry:nth-child(4) {
        grid-column: 2/4 !important;
    }
}
@media(max-width: 576px){
    a.banner-entry{
        height: 120px !important;
        grid-column: span 2 !important;
    }
    section:nth-child(1 of .s-block.s-block--banners.container) a.banner-entry:nth-child(4) {
        grid-column: 2/4 !important;
    }
}
/* Categories List End */