/* Add custom CSS styles below */ 
body {
  background: #082743; /* اللون الخلفي */
}
.container {
  background: #FFFF; /* اللون الخلفي */
}


.s-block.s-block--fixed-banner.wide-placeholder {
    width: 100%; /* Full width for the section */
    margin: 0; /* Remove default margins */
    padding: 0; /* Remove default padding */
}

.s-block.s-block--fixed-banner.wide-placeholder .container {
    width: 100%; /* Expand container to full width */
    max-width: 100%; /* Remove any max-width limits */
    margin-top: 20px; /* Remove default margins */
    padding: 0; /* Remove default padding */
}

.s-block.s-block--fixed-banner.wide-placeholder img {
    width: 100%; /* Ensure the image spans the full width */
    height: auto; /* Maintain aspect ratio */
}

.s-contacts-list {
  display: flex;
  flex-direction: column;  /* Stack the contact items vertically */
  justify-content: center; /* Center the items 
  text-align: center;      /* Center the text inside each contact item */
   
}


/* Mobile styles */
@media (max-width: 768px) {
  .s-contacts-list {
    align-items: center;   /* Center the items horizontally on mobile */
    
  }
  .s-contacts-list > div {
    width: auto;       /* Let them size naturally */
    text-align: center;
  }
  
}


a.flex.items-center.m-0 {
  display: flex;            /* Enables flexbox */
  justify-content: center;  /* Centers children horizontally */
  align-items: center;      /* Centers children vertically */
  width: 100%;              /* Ensures it takes full width */
}



.s-social-list {
  display: flex;
  justify-content: center; /* Centers the icons horizontally */
  align-items: center;     /* Centers the icons vertically if needed */
  list-style: none;        /* Remove default list styling */
  padding: 0;              /* Remove any default padding */
  margin: 0 ;          /* Center the container itself if it has a set width */
}





.banner--fixed {
  width: 100%;
  display: block;
}

.banner--fixed img {
  width: 100%;
  height: auto;
}

.store-footer {
  margin-top: 0;

}


.store-footer__inner {
 display: flex;
    justify-content: center; /* Center the items horizontally */
    align-items: center; /* Center the items vertically */
    padding-right: 150px; /* Default padding for larger screens */
    background-color: #ffffff;
    color: black;  /* Change text color to black */
    
}
 @media (max-width: 768px) {
    .store-footer__inner {
      padding-right: 20px;
       /* Reduced padding for smaller screens */
       
       text-align: center;
        flex-direction: column
       
    }
   
  }
  
  .center-image {
  display: flex;
  justify-content: center; /* توسيط أفقياً */
  align-items: center; /* توسيط عمودياً */
  height: auto; /* الارتفاع الافتراضي */
}

@media (max-width: 768px) {
  .center-image {
    height: 100vh; /* جعل العنصر يملأ الشاشة بالكامل على الأجهزة الصغيرة */
  }
}





.max-w-sm {
  font-size: 20px; /* حجم النص */
  font-weight: normal; /* جعل النص عريض (اختياري) */
  line-height: 1.8; /* المسافة بين الأسطر (اختياري) */
}