/* Add custom CSS styles below */ 
/* ========== Google Fonts ========== */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

/* ========== Font and Color Variables ========== */
body{
font-family: 'Almarai', sans-serif;
}
/* main section*/
:nth-child(1 of .s-block.s-block--fixed-banner.wide-placeholder) {
  margin-top: 0;
}
.s-block.s-block--fixed-banner.wide-placeholder .container {
  max-width: 100%;
}
/*end main section*/
@media (min-width: 1024px) {
    .s-block--fixed-banner .banner--fixed

 {
        max-height: 2000px;
        min-height: 500px;
    }
}
.footer-is-light .store-footer {
 
    color: #fff;
    background: linear-gradient(45deg, #265F5C, #37837A);
}
p.text-gray-400.mb-2\.5.md\:mb-0 {
    color: #fff;
}
.s-block__title .center-side {
   
     background: linear-gradient(45deg, #265F5C, #37837A);
    padding: 15px;
    border-radius: 30px;
}
.s-block__title h2, .s-block__title h1 {
    position: relative;
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
}
.header-is-light .header-components .s-cart-summary-wrapper li a, .header-is-light .header-components .main-menu li a {
    
    color: #245A57;
}
li#offers {
    display:none !important;
}