/* Alfya Home Slider (Hero) - Tajawal */
.alfya-slider{
  font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  direction: rtl;
  position: relative;
  background: #fff;
  overflow: hidden;
}

.alfya-slider__inner{
  max-width: var(--alfya-slider-maxw, 1200px);
  margin: 0 auto;
  padding: var(--alfya-slider-pt, 70px) 18px var(--alfya-slider-pb, 30px);
  display: grid;
  grid-template-columns: 1fr var(--alfya-slider-visualw, 520px);
  align-items: center;
  gap: var(--alfya-slider-gap, 40px);
  min-height: var(--alfya-slider-minh, 0px);
}

@media (max-width: 980px){
  .alfya-slider__inner{ grid-template-columns: 1fr; padding-top: 40px; }
  .alfya-slider__visual{ order: 2; margin-top: 10px; }
}

/* Visual */
.alfya-slider__visual{ position: relative; min-height: var(--alfya-slider-visualh, 420px); }
.alfya-slider__k{
  position:absolute;
  inset: -20px auto auto 40px;
  font-weight: 900;
  font-size: 520px;
  line-height: .85;
  letter-spacing: -22px;
  background: linear-gradient(135deg, rgba(14,165,233,.18), rgba(59,130,246,.10), rgba(16,185,129,.10));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  user-select:none;
  pointer-events:none;
  transform: translateZ(0);
}

.alfya-slider__imgWrap{ position:absolute; inset: 0; display:block; }

/* Single main image (left) */
.alfya-slider__imgMain{
  position:absolute;
  left: 70px;
  top: 50%;
  transform: translateY(-50%);
  width: 420px;
  height: 420px;
  border-radius: 46px;
  overflow: hidden;
  box-shadow: 0 26px 46px rgba(2,6,23,.12);
  background: rgba(2,6,23,.03);
}
.alfya-slider__imgMain img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Professional effect: subtle float + shine sweep */
.alfya-slider__imgMain.is-animated{ animation: alfyaFloat var(--alfya-slider-float, 6s) ease-in-out infinite; }
.alfya-slider__imgMain.is-animated::after{
  content:"";
  position:absolute;
  inset:-25%;
  background: linear-gradient(120deg,
    rgba(255,255,255,0) 0%,
    var(--alfya-slider-shine, rgba(255,255,255,.55)) 45%,
    rgba(255,255,255,0) 70%
  );
  transform: translateX(-120%) rotate(10deg);
  animation: alfyaShine calc(var(--alfya-slider-float, 6s) * 1.2) ease-in-out infinite;
  mix-blend-mode: screen;
  pointer-events:none;
}

@keyframes alfyaFloat{
  0%,100%{ transform: translateY(-50%) translateX(0) translateZ(0); }
  50%{ transform: translateY(calc(-50% - 10px)) translateX(2px) translateZ(0); }
}

@keyframes alfyaShine{
  0%{ transform: translateX(-140%) rotate(10deg); opacity: .0; }
  15%{ opacity: .65; }
  55%{ opacity: .35; }
  100%{ transform: translateX(140%) rotate(10deg); opacity: .0; }
}

@media (max-width: 980px){
  .alfya-slider__visual{ min-height: 420px; }
  .alfya-slider__k{ left: 50%; transform: translateX(-50%); font-size: 460px; }
  .alfya-slider__imgMain{ left: 50%; top: 52%; width: 340px; height: 340px; transform: translate(-50%,-50%); }
  .alfya-slider__imgMain.is-animated{ animation-name: alfyaFloatMobile; }
}

@keyframes alfyaFloatMobile{
  0%,100%{ transform: translate(-50%,-50%); }
  50%{ transform: translate(-50%, calc(-50% - 10px)); }
}

/* Content */
.alfya-slider__content{ text-align: right; }
.alfya-slider__title{
  margin: 0;
  font-size: var(--alfya-slider-title-size, 58px);
  line-height: 1.08;
  font-weight: 900;
  color: #111827;
}

.alfya-slider__hl{
  display:inline-block;
  padding: 0 .35em;
  border: 2px solid var(--alfya-slider-hl-bd, rgba(17,24,39,.18));
  background: var(--alfya-slider-hl-bg, transparent);
  border-radius: var(--alfya-slider-hl-radius, 14px);
  color: var(--alfya-slider-hl-txt, #fff);
}


@media (max-width: 980px){ .alfya-slider__title{ font-size: min(var(--alfya-slider-title-size, 58px), 44px); } }

.alfya-slider__desc{
  margin: 14px 0 0;
  max-width: 620px;
  font-size: var(--alfya-slider-desc-size, 18px);
  line-height: 1.8;
  color: rgba(17,24,39,.78);
  font-weight: 700;
  white-space: normal;
}

.alfya-slider__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  height: 48px;
  padding: 0 24px;
  border-radius: 14px;
  background: var(--alfya-slider-btn-bg, #0f766e);
  color: var(--alfya-slider-btn-txt, #fff);
  text-decoration: none;
  font-weight: 900;
  box-shadow: 0 16px 24px rgba(15,118,110,.18);
}
.alfya-slider__btn:hover{ filter: brightness(.98); }

.alfya-slider__features{
  margin-top: 34px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 44px;
  flex-wrap: wrap;
}

.alfya-slider__feat{ display:flex; align-items:center; gap: 10px; }
.alfya-slider__featTxt{ font-weight: 900; font-size: 14px; color: rgba(17,24,39,.82); text-align:right; line-height: 1.2; }

.alfya-slider__featIcn{
  width: 56px;
  height: 56px;
  border-radius: 18px;
  position: relative;
  flex: 0 0 auto;
  background: rgba(2,6,23,.04);
  border: 1px solid rgba(2,6,23,.08);
}

/* Simple icon glyphs (pure CSS) */
.alfya-slider__featIcn::after{
  content:"";
  position:absolute;
  inset: 14px;
  border-radius: 12px;
  background: rgba(0,0,0,.0);
}

.alfya-slider__featIcn.is-red{ background: rgba(244,63,94,.10); border-color: rgba(244,63,94,.18); }
.alfya-slider__featIcn.is-purple{ background: rgba(168,85,247,.10); border-color: rgba(168,85,247,.18); }
.alfya-slider__featIcn.is-blue{ background: rgba(59,130,246,.10); border-color: rgba(59,130,246,.18); }

.alfya-slider__featIcn.is-red::after{
  background:
    radial-gradient(circle at 35% 35%, rgba(244,63,94,.55) 0 28%, transparent 29%),
    radial-gradient(circle at 65% 35%, rgba(244,63,94,.55) 0 28%, transparent 29%),
    radial-gradient(circle at 50% 65%, rgba(244,63,94,.55) 0 28%, transparent 29%);
}
.alfya-slider__featIcn.is-purple::after{
  background:
    radial-gradient(circle at 40% 55%, rgba(168,85,247,.55) 0 30%, transparent 31%),
    radial-gradient(circle at 64% 45%, rgba(168,85,247,.55) 0 30%, transparent 31%);
}
.alfya-slider__featIcn.is-blue::after{
  background:
    radial-gradient(circle at 40% 40%, rgba(59,130,246,.55) 0 26%, transparent 27%),
    radial-gradient(circle at 65% 60%, rgba(59,130,246,.55) 0 26%, transparent 27%),
    radial-gradient(circle at 60% 30%, rgba(59,130,246,.55) 0 18%, transparent 19%);
}

/* Mobile fine-tuning */
@media (max-width: 600px){
  .alfya-slider__inner{ padding-left: 14px; padding-right: 14px; gap: 22px; }
  .alfya-slider__title{ font-size: min(var(--alfya-slider-title-size, 58px), 36px); }
  .alfya-slider__desc{ font-size: min(var(--alfya-slider-desc-size, 18px), 16px); }
  .alfya-slider__desc{ max-width: 100%; }
  .alfya-slider__btn{ width: 100%; }
  .alfya-slider__features{ gap: 18px; margin-top: 22px; }
  .alfya-slider__featIcn{ width: 50px; height: 50px; border-radius: 16px; }
  .alfya-slider__featTxt{ font-size: 13px; }
}