/* Add custom CSS styles below */ 
a[aria-label="تخفيضات"] span {
    color: red;
}
footer:before {
    content: "";
    
    background-image: url(https://i.imgur.com/eAWGMd1.png);
    background-size: 418%;
    display: block;
    background-repeat: round;
    transform: rotate(180deg);
    height: 150px;
    margin: -32px -22px 1px 1px;
    fill:#eaf7f9!important;
}
footer {
    background: #003B73!important;
    color: white!important;
    margin-top: 0.5rem!important;
}
body {
    

    background-color: white!important;}
    .s-block--enhances-features{ background: #eaf7f9; }
    .blog-single .md\:w-96 { width: 24rem; border: 2px solid darkblue; }
        .store-footer__inner {
        padding-top: 2rem!important;
        padding-bottom: 1rem!important;
    }
    a.navbar-brand { justify-content: center; } .navbar-brand img { border-radius: 20px;}
    @media (min-width: 1280px) {
    #app .s-products-list-vertical-cards {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
:root {
    --color-primary: #2177a8;}
    .topnav-is-light .top-nav {
    display: none;}
        .header-mainbar .sides-wrap {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }
    .navbar-brand img{ max-height: 110px!important; }
    
    @media (min-width: 768px) {
    #app .s-products-list-vertical-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


.footer-items-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* لتوسيط المحتوى أفقياً */
}


@media (min-width: 992px) {
.footer-item:nth-child(1){
  order: 2;   align-items: center;     justify-content: center;
}
.footer-item:nth-child(2){
  order: 1;    align-items: center;    justify-content: center;
}
.footer-item:nth-child(3){
  order: 3;        justify-content: center;align-items: center;}}
footer p{ text-align: center; }

.stats-container {
   
    padding-bottom: 4rem;
}
.s-social-list{ justify-content: center; }

.s-menu-footer-list a:nth-child(1){
display :none;}

.max-h-24 {
    max-height: 5rem;
}