/* Add custom CSS styles below */ 
/* تقليل الفراغات الرأسية بين الأقسام */
section {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* تخصيص أكثر بناءً على بعض الثيمات */
.section,
.s-section,
.section-wrapper {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
@media (max-width: 767px) {
  .index .s-block--circle-links .container {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px) {
  .index .s-block--circle-links .circle-links__item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .index .s-block--circle-links .circle-links__item:hover {
    transform: translateY(-5px) !important; /* يرفع العنصر قليلاً */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* يضيف ظل جذاب */
  }
}