/* Home hero slider */
.phi-hero { position: relative; overflow: hidden; direction: ltr; --hero-accent: #ffc15a; --hero-overlay: rgba(11, 58, 117, .82); --hero-overlay-2: rgba(23, 99, 181, .35); }
html[data-theme="dark"] .phi-hero { --hero-accent: #66b3ff; --hero-overlay: rgba(6, 14, 24, .88); --hero-overlay-2: rgba(13, 23, 34, .4); }

.phi-hero .swiper-slide { position: relative; height: 680px; display: flex; align-items: center; }
.phi-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.phi-hero-shade { position: absolute; inset: 0; background: linear-gradient(to right, var(--hero-overlay) 0%, var(--hero-overlay) 35%, var(--hero-overlay-2) 75%, rgba(0, 0, 0, 0) 100%); }
html[dir="rtl"] .phi-hero-shade, .phi-hero:lang(ar) .phi-hero-shade { background: linear-gradient(to left, var(--hero-overlay) 0%, var(--hero-overlay) 35%, var(--hero-overlay-2) 75%, rgba(0, 0, 0, 0) 100%); }
html[data-theme="dark"] .phi-hero-img { filter: brightness(.85); }

.phi-hero-content { position: relative; z-index: 3; width: 58%; padding: 40px 8%; display: flex; flex-direction: column; align-items: flex-start; direction: ltr; text-align: left; }
.phi-hero:lang(ar) .phi-hero-content { margin-left: auto; direction: rtl; text-align: right; }

.phi-hero-welcome { display: inline-block; width: fit-content; max-width: 100%; font-size: 14px; font-weight: 600; line-height: 1.7; color: #fff; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .3); border-inline-start: 4px solid var(--hero-accent); border-radius: 8px; padding: 8px 16px; margin-bottom: 18px; backdrop-filter: blur(6px); }
.phi-hero-title { font-size: 46px; font-weight: 700; line-height: 1.3; color: #fff; margin: 0; text-shadow: 0 2px 12px rgba(0, 0, 0, .3); }
.phi-hero-title::after { content: ""; display: block; width: 70px; height: 4px; border-radius: 4px; background: var(--hero-accent); margin-top: 14px; }
.phi-hero-text { color: rgba(255, 255, 255, .95); font-size: 17px; line-height: 1.9; margin: 16px 0 0; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-shadow: 0 1px 8px rgba(0, 0, 0, .25); }

.phi-hero .swiper-slide-active .phi-hero-welcome,
.phi-hero .swiper-slide-active .phi-hero-title,
.phi-hero .swiper-slide-active .phi-hero-text { animation: phiHeroUp .9s both; }
.phi-hero .swiper-slide-active .phi-hero-title { animation-delay: .1s; }
.phi-hero .swiper-slide-active .phi-hero-text { animation-delay: .2s; }
@keyframes phiHeroUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }

.phi-hero .swiper-pagination { bottom: 22px; z-index: 6; }
.phi-hero .swiper-pagination-bullet { width: 12px; height: 12px; background: var(--hero-accent); opacity: .5; }
.phi-hero .swiper-pagination-bullet-active { opacity: 1; }

.phi-hero .swiper-button-prev, .phi-hero .swiper-button-next { z-index: 6; width: 52px; height: 52px; color: #fff; border: 1px solid rgba(255, 255, 255, .5); border-radius: 8px; background: rgba(255, 255, 255, .1); backdrop-filter: blur(4px); transition: .3s; }
.phi-hero .swiper-button-prev::after, .phi-hero .swiper-button-next::after { font-size: 18px; font-weight: 700; }
.phi-hero .swiper-button-prev:hover, .phi-hero .swiper-button-next:hover { background: var(--hero-accent); border-color: var(--hero-accent); color: #0b3a75; }

@media (max-width: 991px) {
    .phi-hero .swiper-slide { height: 560px; }
    .phi-hero-content { width: 80%; padding: 32px; }
    .phi-hero-title { font-size: 36px; }
    .phi-hero .swiper-button-prev, .phi-hero .swiper-button-next { display: none; }
}
@media (max-width: 767px) {
    .phi-hero .swiper-slide { height: 600px; }
    .phi-hero-shade, .phi-hero:lang(ar) .phi-hero-shade { background: var(--hero-overlay); opacity: .92; }
    .phi-hero-content { width: 100%; padding: 28px 22px; }
    .phi-hero-title { font-size: 28px; }
    .phi-hero-text { font-size: 15px; -webkit-line-clamp: 8; }
}