/* ===== NEWRINKLE — Hero Banner ===== */
.hero-section, .slider-section, [class*="banner"] {
  background: #1a1a5e;
  position: relative;
  overflow: hidden;
  min-height: 480px;
  border-radius: 0 0 40px 40px;
}

/* شكل هندسي زخرفي في الزاوية */
.hero-section::before {
  content: '';
  position: absolute;
  top: -80px;
  left: -80px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(139,143,196,0.15);
}

.hero-section::after {
  content: '';
  position: absolute;
  bottom: -60px;
  right: -60px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: rgba(83,74,183,0.2);
}

.hero-section h1, .hero-section .title {
  color: #ffffff;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.hero-section p, .hero-section .subtitle {
  color: #8b8fc4;
  font-size: 1.1rem; 
}