*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;

}
body{
    margin: 0;
}
*:focus{
    outline: none;
}
a{
    text-decoration: none;

}
ul{
    list-style: none;
    padding: 0;
}
html {
    scroll-behavior: smooth;
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}



.footer-container{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: #051a2b;
    height: 50px;
    color: aliceblue;
    
}

.footer-containe2{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: #2c3e50;
    height: 50px;
    color: aliceblue;
    
}
/* #07253d */
.footer-containe3{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: #07253d;
    height: 50px;
    color: aliceblue;
    
}
.web-icon{
    border-radius: 50%;
}


.notification-container {
    position: relative; /* مهم لتحديد موقع العداد */
    display: inline-block;
    font-size: 25px; /* حجم الأيقونة */
    color:white; /* لون الأيقونة */
  }
  
  .notification-badge {
    position: absolute;
    top: -10px; /* تحديد الموضع أعلى الأيقونة */
    right: -10px; /* تحديد الموضع على يمين الأيقونة */
    background-color: red; /* لون الخلفية الأحمر */
    color: white; /* لون النص الأبيض */
    border-radius: 43%; /* لجعلها دائرية */
    width: 15px; /* عرض الدائرة */
    height: 15px; /* ارتفاع الدائرة */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px; /* حجم النص */
    font-weight: bold;
    text-align: center; /* محاذاة النص في المركز */
  }
/* tets */
     @media (max-width: 600px) {
      #infoBanner {
      font-size: 12px !important;
      padding: 8px 32px 8px 8px !important;
      }
      #infoBanner span {
      font-size: 12px !important;
      }
      #closeBanner {
      font-size: 16px !important;
      right: 8px !important;
      }
      }
      #infoBanner span {
      text-align: center !important;
      }