/* Font */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');


body {
  font-family: "Cairo", sans-serif;
  background-color: #FCFCFC;
}

/* Header */
.top-navbar {
    display: none;
}
body.index #mainnav:not(.fixed-header) .navbar-brand {
    opacity: 0;
    scale: 4;
    z-index: -1;
}
@media (min-width: 992px) {
  #mainnav .inner .container > div {
      padding-right: 10%;
  }
}

/* Hero Section */
.landing-page-fixed-bannar h1 {
    color: var(--color-primary);
    width: 100% !important;
}
.box-text {
    margin-top: 5%;
}
.landing-page-fixed-bannar a {
    background-color: var(--color-primary);
    border: unset !important;
}
.landing-page-fixed-bannar .shadow-t-color {
    --tw-shadow: 3px 3px #000;
}
@media (min-width: 992px) {
    .landing-page-fixed-bannar h1 {
        width: 600px;
        font-size: 54px;
    }
    .landing-page-fixed-bannar p {
        margin: 1rem 0 2rem;
    }
}
@media (max-width: 576px) {
    .landing-page-fixed-bannar h1 {
        font-size: 22px;
    }
    .landing-page-fixed-bannar p {
        bottom: 30px !important;
    }
    .box-text {
        padding-inline: 0.5rem;
    }
}

/* Categories List Start */
section.s-block.s-block--banners.container .grid {
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 1rem;
}
.two-row .banner-entry:first-child {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
}
a.banner-entry {
    height: 220px;
    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: 992px) and (max-width:1200px){
a.banner-entry{
    height: 315px;
}
}
@media(max-width: 992px){
section.s-block.s-block--banners.container .grid {
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 1rem;
}
section.s-block.s-block--banners.container .grid > a {
    grid-column: span 2;
}
section.s-block.s-block--banners.container .grid > a:nth-child(4) {
    grid-column: 2/4 !important;
}
a.banner-entry{
    height: 280px;
}
}
@media(max-width:767px){
a.banner-entry{
    height: 195px;
}
}
@media(max-width: 480px){
a.banner-entry{
    height: 120px;
}
section.s-block.s-block--banners.container .grid {
    gap: 0.5rem;
}
}
/* Categories List End */

/* Best Seller */
section.bg-white {
    background-color: transparent !important;
}

/* banner-images */
.banner-images .content-image {
    gap: 10px;
}

/* offers */
.offers h2,
.offers p {
    color: #fff;
}

/* Products */
.s-block--best-offers h2 {
    color: var(--color-primary);
}
.s-block--best-offers .s-slider-block__title-left {
    display: none;
}
.s-block--best-offers .s-slider-block__title {
    justify-content: center;
}
.s-block--best-offers h2,
.s-block--best-offers .s-slider-block__title-right{
    padding: 0;
}
.s-block--best-offers h2 {
    font-size: 42px;
}
@media (max-width: 768px) {
    .s-block--best-offers h2 {
        font-size: 32px;
    }
}

/* sq-images */
.sq-images h2 {
    font-size: 38px
}
.sq-images .shadow-t-color {
    color: #333;
}
@media (max-width: 992px) {
    .sq-images h2 {
        font-size: 28px
    }
}
@media (max-width: 768px) {
    .sq-images h2 {
        max-width: 70%;
        font-size: 24px;
    }
    .sq-images p {
        margin-bottom: 1rem !important;
    }
}

/* image-text */
.image-text h2 {
    color: var(--color-primary);
}
.image-text .item:first-child img {
    max-width: 60%;
} 

/* Numbers */
.numbers {
}
.numbers h2,
.numbers h3 {
    color: #836015;
}
@media (max-width: 1400px) {
    .numbers {
        padding: 3% 4%;
    }
}

/* vid */
.gif-banner .first-bg {
    background-color: var(--color-primary);
}
.gif-banner h2 {
    color: #fff;
    max-width: 80%;
}
.gif-video {
    left: -15%;
}

/* Featuers */
@media (max-width: 768px) {
  .el_features .products-item:last-of-type {
      grid-column: 1/3;
  }
}