/*==================================
        HOLLYLAND PAGE
==================================*/

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

html{
scroll-behavior:smooth;
}

body{

font-family:'Cairo',sans-serif;

background:#070b10;

color:#fff;

overflow-x:hidden;

}

.container{

width:min(92%,1280px);

margin:auto;

}
/* ================= NAVBAR ================= */

header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    background:rgba(8,12,18,.92);
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(255,255,255,.06);
}

.navbar{
    width:min(92%,1300px);
    margin:auto;
    height:90px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo img{
    width:180px;
    display:block;
}

.navbar ul{
    display:flex;
    gap:35px;
    list-style:none;
}

.navbar ul li a{
    color:#fff;
    text-decoration:none;
    font-size:18px;
    font-weight:700;
    transition:.3s;
}

.navbar ul li a:hover{
    color:#00ff88;
}

.nav-btn{
    padding:14px 34px;
    border-radius:50px;
    background:#00ff88;
    color:#000;
    text-decoration:none;
    font-weight:800;
    transition:.3s;
}

.nav-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 35px rgba(0,255,136,.35);
}
/*==========================
      HERO
==========================*/

.hero{

position:relative;

min-height:100vh;

display:flex;

align-items:center;

overflow:hidden;

padding:120px 0;

background:
linear-gradient(rgba(5,8,12,.86),rgba(5,8,12,.92)),
url(HOLLYLAND.png);

background-size:cover;

background-position:center;

}

.hero-bg{

position:absolute;

inset:0;

background:

radial-gradient(circle,#00ff8850,transparent 65%);

animation:pulse 7s infinite;

}

@keyframes pulse{

0%,100%{

opacity:.35;

}

50%{

opacity:1;

}

}

.hero-grid{

display:grid;

grid-template-columns:1.1fr .9fr;

gap:70px;

align-items:center;

position:relative;

z-index:5;

}

.badge{

display:inline-block;

padding:10px 22px;

border-radius:50px;

background:#00ff8822;

color:#00ff88;

font-weight:700;

margin-bottom:30px;

}

.hero h1{

font-size:72px;

line-height:1.2;

margin-bottom:20px;

font-weight:900;

}

.hero h1 span{

color:#00ff88;

}

.hero h2{

font-size:34px;

margin-bottom:25px;

color:#bdf8d7;

}

.hero p{

font-size:20px;

line-height:2;

color:#d2d2d2;

margin-bottom:40px;

}

.hero-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}

.btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:17px 38px;

background:#00ff88;

color:#000;

font-weight:800;

text-decoration:none;

border-radius:60px;

transition:.35s;

}

.btn:hover{

transform:translateY(-6px);

box-shadow:0 20px 45px rgba(0,255,136,.3);

}

.btn-outline{

padding:17px 38px;

border-radius:60px;

border:2px solid #00ff88;

color:#fff;

text-decoration:none;

transition:.35s;

}

.btn-outline:hover{

background:#00ff88;

color:#000;

}

.hero-image{

position:relative;

display:flex;

justify-content:center;

}

.circle{

position:absolute;

width:420px;

height:420px;

border-radius:50%;

background:radial-gradient(circle,#00ff8840,transparent);

animation:rotateGlow 12s linear infinite;

}

@keyframes rotateGlow{

100%{

transform:rotate(360deg);

}

}

.hero-image img{

position:relative;

width:100%;

max-width:520px;

z-index:2;

}

.hero-stats{

display:flex;

gap:45px;

margin-top:60px;

}

.hero-stats h3{

font-size:38px;

color:#00ff88;

}

.hero-stats span{

color:#cfcfcf;

}

/*==========================
      TITLES
==========================*/

.section-title{

text-align:center;

margin-bottom:70px;

}

.section-title span{

display:inline-block;

padding:8px 20px;

background:#00ff8820;

color:#00ff88;

border-radius:40px;

font-weight:700;

margin-bottom:20px;

}

.section-title h2{

font-size:58px;

margin-bottom:18px;

}

.section-title p{

max-width:850px;

margin:auto;

line-height:2;

color:#cfcfcf;

font-size:19px;

}
/*==================================
        ABOUT
==================================*/

.about{

padding:120px 0;

background:#0d131b;

}

.about-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:30px;

margin-top:60px;

}

.about-card{

background:linear-gradient(180deg,#151d27,#0d131b);

padding:45px;

border-radius:24px;

border:1px solid rgba(255,255,255,.07);

transition:.4s;

text-align:center;

position:relative;

overflow:hidden;

}

.about-card::before{

content:"";

position:absolute;

width:220px;

height:220px;

background:#00ff8815;

border-radius:50%;

top:-120px;

left:-120px;

transition:.5s;

}

.about-card:hover::before{

transform:scale(2);

}

.about-card:hover{

transform:translateY(-10px);

border-color:#00ff88;

box-shadow:0 20px 50px rgba(0,255,136,.18);

}

.about-card i{

font-size:55px;

color:#00ff88;

margin-bottom:25px;

}

.about-card h3{

font-size:30px;

margin-bottom:15px;

}

.about-card p{

line-height:2;

color:#cfcfcf;

}

/*==================================
      HOLLYLAND ACADEMY
==================================*/

.academy{

padding:120px 0;

background:#070b10;

}

.academy-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

.academy-card{

background:#141b24;

padding:45px 30px;

border-radius:22px;

border:1px solid rgba(255,255,255,.06);

transition:.4s;

text-align:center;

}

.academy-card:hover{

transform:translateY(-12px);

border-color:#00ff88;

box-shadow:0 20px 60px rgba(0,255,136,.18);

}

.academy-icon{

width:90px;

height:90px;

margin:auto;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#00ff8820;

margin-bottom:25px;

}

.academy-icon i{

font-size:40px;

color:#00ff88;

}

.academy-card h3{

font-size:26px;

margin-bottom:15px;

}

.academy-card p{

line-height:2;

color:#cfcfcf;

margin-bottom:25px;

}

.academy-card a{

display:inline-block;

padding:12px 28px;

border-radius:40px;

background:#00ff88;

color:#000;

text-decoration:none;

font-weight:700;

transition:.3s;

}

.academy-card a:hover{

transform:scale(1.05);

}

/*==================================
        EVENTS
==================================*/

.events{

padding:120px 0;

background:#0d131b;

}

.events-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.event-card{

background:#151d27;

border-radius:24px;

overflow:hidden;

text-decoration:none;

transition:.4s;

border:1px solid rgba(255,255,255,.06);

}

.event-card:hover{

transform:translateY(-10px);

border-color:#00ff88;

box-shadow:0 25px 60px rgba(0,255,136,.2);

}

.event-card img{

width:100%;

height:240px;

object-fit:cover;

transition:.5s;

}

.event-card:hover img{

transform:scale(1.06);

}

.event-content{

padding:30px;

}

.event-content h3{

color:#fff;

font-size:27px;

margin-bottom:15px;

}

.event-content p{

line-height:1.9;

color:#cfcfcf;

}
/*==================================
        PRODUCTS
==================================*/

.products{

padding:120px 0;

background:#070b10;

}

.products-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

margin-top:60px;

}

.product-card{

background:#141b24;

padding:45px 30px;

border-radius:25px;

text-align:center;

border:1px solid rgba(255,255,255,.06);

transition:.4s;

}

.product-card:hover{

transform:translateY(-10px);

border-color:#00ff88;

box-shadow:0 25px 60px rgba(0,255,136,.18);

}

.product-card i{

font-size:65px;

color:#00ff88;

margin-bottom:25px;

}

.product-card h3{

font-size:28px;

margin-bottom:15px;

}

.product-card p{

color:#d2d2d2;

line-height:2;

}

/*==================================
        GALLERY
==================================*/

.gallery{

padding:120px 0;

background:#0d131b;

}

.gallery-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:18px;

margin-top:60px;

}

.gallery-grid img{

width:100%;

height:320px;

object-fit:cover;

border-radius:22px;

transition:.45s;

cursor:pointer;

}

.gallery-grid img:hover{

transform:scale(1.05);

box-shadow:0 20px 50px rgba(0,255,136,.22);

}

/*==================================
        IMPACT
==================================*/

.impact{

padding:120px 0;

background:#070b10;

}

.impact-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

}

.impact-grid div{

background:#141b24;

padding:45px;

border-radius:25px;

text-align:center;

border:1px solid rgba(255,255,255,.06);

transition:.35s;

}

.impact-grid div:hover{

transform:translateY(-10px);

border-color:#00ff88;

}

.impact-grid h2{

font-size:58px;

color:#00ff88;

margin-bottom:12px;

}

.impact-grid span{

font-size:18px;

color:#ddd;

}

/*==================================
        REGISTER CTA
==================================*/

.register{

padding:140px 0;

text-align:center;

background:

linear-gradient(rgba(5,8,12,.82),rgba(5,8,12,.9)),

url(HOLLYLAND.png);

background-size:cover;

background-position:center;

}

.register h2{

font-size:60px;

margin-bottom:25px;

}

.register p{

max-width:800px;

margin:auto;

font-size:20px;

line-height:2;

color:#ddd;

margin-bottom:45px;

}

/*==================================
        RESPONSIVE
==================================*/

@media(max-width:1100px){

.hero-grid,

.about-grid{

grid-template-columns:1fr;

}

.hero-image{

order:-1;

}

.academy-grid{

grid-template-columns:repeat(2,1fr);

}

.events-grid{

grid-template-columns:repeat(2,1fr);

}

.products-grid{

grid-template-columns:repeat(2,1fr);

}

.gallery-grid{

grid-template-columns:repeat(2,1fr);

}

.impact-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.hero h1{

font-size:40px;

}

.hero h2{

font-size:24px;

}

.hero p{

font-size:17px;

}

.hero-buttons{

flex-direction:column;

}

.hero-stats{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

}

.section-title h2{

font-size:38px;

}

.academy-grid,

.events-grid,

.products-grid,

.gallery-grid,

.impact-grid{

grid-template-columns:1fr;

}

.gallery-grid img{

height:240px;

}

.register h2{

font-size:36px;

}

.register p{

font-size:17px;

}

}
.hero-image img{
    width:420px;
    border-radius:30px;
    background:#111;
    padding:25px;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 30px 80px rgba(0,255,136,.18);
    transition:.5s;
}

.hero-image img:hover{
    transform:translateY(-12px) scale(1.03);
}
.hero::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    background:radial-gradient(circle,#00ff8850,transparent 70%);
    top:-180px;
    right:-150px;
    filter:blur(60px);
}
.btn{
    background:linear-gradient(90deg,#00ff88,#00c96b);
    box-shadow:0 15px 40px rgba(0,255,136,.35);
}

.btn:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 70px rgba(0,255,136,.45);
}
.hero-cards{
display:flex;
gap:20px;
margin-top:60px;
}

.hero-cards .card{
flex:1;
background:rgba(255,255,255,.05);
backdrop-filter:blur(12px);
padding:30px;
border-radius:22px;
border:1px solid rgba(255,255,255,.08);
transition:.4s;
text-align:center;
}

.hero-cards .card:hover{
transform:translateY(-8px);
border-color:#00ff88;
}
header{
backdrop-filter:blur(15px);
background:rgba(8,10,15,.65);
border-bottom:1px solid rgba(255,255,255,.05);
}
.hero-image{
animation:float 5s ease-in-out infinite;
}

@keyframes float{
0%,100%{
transform:translateY(0);
}
50%{
transform:translateY(-18px);
}
}
.hero{
background:
linear-gradient(rgba(5,8,12,.88),rgba(5,8,12,.95)),
url(grid.png),
url(hero-bg.jpg);
background-size:cover;
}
.hero-features{
padding:70px 8%;
margin-top:-70px;
position:relative;
z-index:10;
}

.hero-features .container{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.feature-card{
background:rgba(255,255,255,.05);
backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,.08);
border-radius:25px;
padding:35px;
text-align:center;
transition:.45s;
position:relative;
overflow:hidden;
}

.feature-card::before{
content:"";
position:absolute;
top:-80px;
left:-80px;
width:180px;
height:180px;
background:radial-gradient(circle,#00ff8855,transparent);
transition:.5s;
}

.feature-card:hover{
transform:translateY(-12px);
border-color:#00ff88;
box-shadow:0 20px 60px rgba(0,255,136,.18);
}

.feature-card:hover::before{
transform:scale(1.4);
}

.feature-card .icon{
font-size:45px;
margin-bottom:20px;
}

.feature-card h3{
color:#fff;
font-size:30px;
margin-bottom:12px;
}

.feature-card p{
color:#bbb;
line-height:1.8;
font-size:16px;
}

@media(max-width:992px){

.hero-features .container{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.hero-features .container{
grid-template-columns:1fr;
}

}
.hero{
position:relative;
overflow:hidden;
}

.hero::before{
content:"";
position:absolute;
width:900px;
height:900px;
background:radial-gradient(circle,#00ff8830,transparent 70%);
right:-250px;
top:-250px;
filter:blur(80px);
z-index:0;
}

.hero::after{
content:"";
position:absolute;
width:500px;
height:500px;
background:radial-gradient(circle,#00ff8815,transparent 70%);
left:-150px;
bottom:-150px;
filter:blur(60px);
z-index:0;
}

.hero>*{
position:relative;
z-index:2;
}
/* ================= MOBILE ================= */

@media (max-width:768px){

header{
padding:12px 0;
}

.navbar{
padding:0 18px;
height:70px;
}

.logo img{
width:120px;
}

.hero{
padding:120px 20px 60px;
}

.hero-grid{
display:flex;
flex-direction:column;
gap:40px;
text-align:center;
}

.hero-image{
order:-1;
display:flex;
justify-content:center;
}

.hero-image img{
width:85%;
max-width:280px;
padding:15px;
border-radius:25px;
}

.hero-text h1{
font-size:42px;
line-height:1.2;
}

.hero-text h2{
font-size:28px;
margin-top:20px;
}

.hero-text p{
font-size:17px;
line-height:2;
margin:20px auto;
max-width:100%;
}

.hero-buttons{
display:flex;
flex-direction:column;
gap:15px;
}

.hero-buttons a{
width:100%;
text-align:center;
}

.hero-stats,
.hero-features .container{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin-top:35px;
}

.feature-card{
padding:22px;
}

.section-title h2{
font-size:34px;
}

.section-title p{
font-size:16px;
line-height:2;
}

.about-grid,
.academy-grid,
.events-grid,
.products-grid,
.gallery-grid{
grid-template-columns:1fr;
gap:22px;
}

.impact-grid{
grid-template-columns:repeat(2,1fr);
gap:18px;
}

.register{
padding:70px 20px;
text-align:center;
}

.register h2{
font-size:34px;
}

.register .btn{
width:100%;
}

}
.hero-title{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;

    font-size:78px;
    font-weight:900;
    line-height:1.05;

    color:#fff;
}

.title-top,
.title-bottom{
    display:block;
}

.hero-x{
    color:#00ff99;

    font-size:90px;

    font-weight:900;

    line-height:1;

    margin-right:190px;
}

@media(max-width:991px){

.hero-title{
    font-size:48px;
}

.hero-x{
    font-size:60px;
    margin-right:0;
}

}
.hero-title{
    font-size:72px;
    font-weight:900;
    line-height:1.1;
}

.title-top{
    display:block;
    white-space:nowrap;
}

.hero-x{
    display:block;
    color:#00ff99;
    font-size:80px;
    line-height:1;
    margin:10px 0;
}

.title-bottom{
    display:block;
    white-space:nowrap;
    color:#00ff99;
}
/*==================================
        GLOBAL OVERRIDE
===================================*/

html{
scroll-behavior:smooth;
}

body{
overflow-x:hidden;
}

/* تحسين الحاويات */

.container{
width:min(92%,1350px)!important;
margin:auto!important;
}

/* تحسين العناوين */

h1{
font-size:clamp(38px,5vw,70px)!important;
font-weight:800!important;
line-height:1.2!important;
}

h2{
font-size:clamp(30px,4vw,50px)!important;
font-weight:800!important;
}

p{
line-height:1.9!important;
color:#cfcfcf;
}

/* جميع الصور */

img{
display:block;
max-width:100%;
height:auto;
transition:.5s;
}

img:hover{
transform:scale(1.04);
}

/* جميع الكروت */

.course-card,
.partner-card,
.event-card,
.service-card,
.feature-card,
.gallery-card,
.card{

border-radius:20px!important;
overflow:hidden!important;
transition:.35s!important;
border:1px solid rgba(255,255,255,.08);

}

.course-card:hover,
.partner-card:hover,
.event-card:hover,
.service-card:hover,
.feature-card:hover,
.gallery-card:hover,
.card:hover{

transform:translateY(-10px)!important;

box-shadow:0 25px 60px rgba(61,220,132,.18)!important;

}

/* الأزرار */

button,
.btn,
.details-btn,
.book-btn{

transition:.3s!important;
border-radius:12px!important;

}

button:hover,
.btn:hover,
.details-btn:hover,
.book-btn:hover{

transform:translateY(-3px)!important;

box-shadow:0 12px 35px rgba(61,220,132,.35)!important;

}

/* لينكات النافبار */

.navbar a{

transition:.3s;

}

.navbar a:hover{

color:#3ddc84!important;

}

/* أي Grid */

.courses-grid,
.partners-grid,
.gallery-grid,
.services-grid,
.features-grid{

gap:30px!important;

}

/* أنيميشن بسيط */

section{

animation:fadeUp .8s ease;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}

/* Scrollbar */

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-thumb{

background:#3ddc84;

border-radius:20px;

}

::-webkit-scrollbar-track{

background:#0b1118;

}
/*==============================
      ACADEMY CARD UPDATE
==============================*/

.academy-card{
background:#151c26;
border:1px solid rgba(255,255,255,.08);
border-radius:24px;
padding:45px 30px;
text-align:center;
transition:.4s;
display:flex;
flex-direction:column;
justify-content:space-between;
min-height:420px;
position:relative;
overflow:hidden;
}

.academy-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,#00ff88,#00c96b);
transform:scaleX(0);
transform-origin:left;
transition:.4s;
}

.academy-card:hover::before{
transform:scaleX(1);
}

.academy-card:hover{
transform:translateY(-12px);
box-shadow:0 25px 60px rgba(0,255,136,.18);
border-color:#00ff88;
}

.academy-icon{
width:95px;
height:95px;
margin:0 auto 25px;
border-radius:50%;
background:rgba(0,255,136,.12);
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
color:#00ff88;
transition:.4s;
}

.academy-card:hover .academy-icon{
transform:rotate(10deg) scale(1.12);
background:#00ff88;
color:#111;
}

.academy-card h3{
font-size:34px;
font-weight:800;
margin-bottom:18px;
color:#fff;
}

.academy-card p{
font-size:17px;
line-height:1.9;
color:#c8c8c8;
margin-bottom:35px;
}

.academy-card .btn{
margin:auto auto 0;
padding:14px 35px;
border-radius:50px;
font-weight:700;
}
/* ===== Events Card ===== */

.event-card{
    display:block;
    overflow:hidden;
    background:#1a2230;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
    transition:.4s;
}

.event-card img{
    width:100%;
    height:300px;
    display:block;
    object-fit:contain;      /* يظهر الصورة كاملة */
    object-position:center;
    background:#111822;
    padding:10px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.event-content{
    padding:20px;
}

.event-content h3{
    color:#fff;
    margin-bottom:15px;
}

.event-content p{
    color:#d6d6d6;
    line-height:1.9;
}
.event-card{
    pointer-events:auto;
}
/* ================= EVENTS ANIMATION ================= */

.events-grid{
    display:grid;
    gap:35px;
}

.event-card{
    position:relative;
    overflow:hidden;
    transition:all .45s ease;
    animation:cardFade .8s ease forwards;
    opacity:0;
    transform:translateY(60px);
    border-radius:20px;
}

/* تأخير لكل كارت */
.event-card:nth-child(1){animation-delay:.1s;}
.event-card:nth-child(2){animation-delay:.25s;}
.event-card:nth-child(3){animation-delay:.4s;}
.event-card:nth-child(4){animation-delay:.55s;}
.event-card:nth-child(5){animation-delay:.7s;}
.event-card:nth-child(6){animation-delay:.85s;}

.event-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,
    rgba(0,255,170,.18),
    transparent 60%);
    opacity:0;
    transition:.45s;
    z-index:1;
}

.event-card::after{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#19ff9c,#00d9ff);
    transition:.45s;
}

.event-card:hover{
    transform:translateY(-15px) scale(1.03);
    box-shadow:
    0 20px 45px rgba(0,255,170,.18),
    0 0 25px rgba(0,255,170,.15);
}

.event-card:hover::before{
    opacity:1;
}

.event-card:hover::after{
    left:0;
}

.event-card img{
    transition:.5s;
}

.event-card:hover img{
    transform:scale(1.08);
}

.event-content{
    position:relative;
    z-index:2;
}

.event-content h3{
    transition:.35s;
}

.event-card:hover h3{
    color:#19ff9c;
}

.event-content p{
    transition:.35s;
}

.event-card:hover p{
    color:#ffffff;
}

@keyframes cardFade{

from{
opacity:0;
transform:translateY(60px);
}

to{
opacity:1;
transform:translateY(0);
}

}
.event-card{
    transform-style:preserve-3d;
    perspective:1000px;
}

.event-card:hover{
    transform:
    perspective(1000px)
    rotateX(6deg)
    rotateY(-6deg)
    translateY(-15px)
    scale(1.03);
}
.event-slider{
    position:relative;
    width:100%;
    height:280px;
    overflow:hidden;
    border-radius:20px;
}

.event-slider img{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity .8s ease;
}

.event-slider img.active{
    opacity:1;
}
.event-card{
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp .8s ease forwards;
}

.event-card:nth-child(1){
    animation-delay:.2s;
}

.event-card:nth-child(2){
    animation-delay:.4s;
}

.event-card:nth-child(3){
    animation-delay:.6s;
}

.event-card:nth-child(4){
    animation-delay:.8s;
}

.event-card:nth-child(5){
    animation-delay:1s;
}

@keyframes fadeUp{

0%{
opacity:0;
transform:translateY(50px);
}

100%{
opacity:1;
transform:translateY(0);
}

}
.event-card{
    transition:.4s;
}

.event-card:hover{
    transform:translateY(-15px) scale(1.03);
    box-shadow:0 20px 40px rgba(0,255,170,.3);
}
/* ===== FORCE EVENT ANIMATION ===== */

.events-grid .event-card{
    opacity:1 !important;
    animation:none !important;
    transform:translateY(0);
    transition:transform .4s ease, box-shadow .4s ease;
}

.events-grid .event-card:hover{
    transform:translateY(-15px) scale(1.03) !important;
    box-shadow:0 20px 45px rgba(0,255,170,.3) !important;
}
/* ================= FIX PRODUCTS ================= */

.products{
    display:block !important;
    position:relative !important;
    visibility:visible !important;
    opacity:1 !important;
    overflow:visible !important;
    padding:120px 0 !important;
    background:#070b10 !important;
    z-index:10;
}

.products .container{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
}

.products-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
    gap:30px !important;
    margin-top:60px !important;
}

.product-card{
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:320px;
    padding:40px 30px;
    background:#141b24;
    border:1px solid rgba(255,255,255,.08);
    border-radius:25px;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

.product-card i{
    display:block !important;
    font-size:70px;
    color:#00ff88;
    margin-bottom:25px;
}

.product-card h3{
    color:#fff;
    margin-bottom:15px;
}

.product-card p{
    color:#d6d6d6;
    line-height:1.9;
}
/* ================= FINAL SECTION ================= */

.final-section{
    padding:140px 20px;
    text-align:center;
    background:
    linear-gradient(rgba(5,8,12,.93),rgba(5,8,12,.96)),
    radial-gradient(circle at top,#00ff8820,transparent 70%);
}

.final-badge{
    display:inline-block;
    padding:12px 28px;
    border-radius:50px;
    background:#00ff8818;
    color:#00ff88;
    font-weight:700;
    margin-bottom:30px;
}

.final-section h2{
    font-size:60px;
    margin-bottom:25px;
}

.final-section p{
    max-width:850px;
    margin:auto;
    font-size:20px;
    line-height:2;
    color:#cfcfcf;
}

.final-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:45px;
    flex-wrap:wrap;
}

.final-info{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:80px;
}

.final-info div{
    background:#141b24;
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    padding:35px;
    transition:.4s;
}

.final-info div:hover{
    transform:translateY(-10px);
    border-color:#00ff88;
    box-shadow:0 20px 50px rgba(0,255,136,.18);
}

.final-info h3{
    margin:18px 0 10px;
    font-size:26px;
}

.final-info span{
    color:#cfcfcf;
}

.footer{
    padding:45px 20px;
    background:#05080d;
    border-top:1px solid rgba(255,255,255,.08);
    text-align:center;
}

.footer-logo{
    width:180px;
    margin:auto auto 20px;
}

.footer p{
    color:#888;
    line-height:2;
}

@media(max-width:768px){

.final-section h2{
    font-size:38px;
}

.final-section p{
    font-size:17px;
}

.final-info{
    grid-template-columns:1fr;
}

}
/* ================= ULTRA NEON EFFECT ================= */

:root{
--main:#00ff88;
--main2:#00d9ff;
--glass:rgba(255,255,255,.05);
}

body{
background:
radial-gradient(circle at top,#00ff8815,transparent 35%),
radial-gradient(circle at bottom right,#00d9ff12,transparent 40%),
#070b10;
}

/* جميع الكروت */

.about-card,
.academy-card,
.event-card,
.product-card,
.feature-card{

position:relative;
overflow:hidden;
background:rgba(20,27,36,.88);
backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,.08);
transition:.45s;
transform-style:preserve-3d;

}

.about-card::before,
.academy-card::before,
.event-card::before,
.product-card::before,
.feature-card::before{

content:"";
position:absolute;
top:-100%;
left:-100%;
width:250%;
height:250%;
background:linear-gradient(
45deg,
transparent,
rgba(0,255,136,.18),
transparent
);

transform:rotate(35deg);
transition:.8s;

}

.about-card:hover::before,
.academy-card:hover::before,
.event-card:hover::before,
.product-card:hover::before,
.feature-card:hover::before{

left:100%;
top:100%;

}

.about-card:hover,
.academy-card:hover,
.event-card:hover,
.product-card:hover,
.feature-card:hover{

transform:
translateY(-18px)
scale(1.03)
rotateX(5deg);

box-shadow:
0 0 25px rgba(0,255,136,.25),
0 0 60px rgba(0,255,136,.15),
0 25px 70px rgba(0,0,0,.45);

border-color:#00ff88;

}

/* الصور */

.event-card img,
.gallery img{

transition:.7s;

}

.event-card:hover img,
.gallery img:hover{

transform:scale(1.12);

filter:
brightness(1.15)
contrast(1.08)
saturate(1.25);

}

/* الأزرار */

.btn{

background:linear-gradient(90deg,#00ff88,#00d9ff);

color:#000;

font-weight:800;

transition:.4s;

}

.btn:hover{

transform:translateY(-5px) scale(1.05);

box-shadow:
0 0 25px rgba(0,255,136,.5),
0 0 50px rgba(0,217,255,.35);

}

/* عناوين */

.section-title h2{

background:linear-gradient(90deg,#fff,#00ff88);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

/* حركة للكروت */

@keyframes floating{

0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-8px);
}

}

.about-card:nth-child(odd),
.product-card:nth-child(odd),
.feature-card:nth-child(odd){

animation:floating 5s ease-in-out infinite;

}

.academy-card:nth-child(even),
.event-card:nth-child(even){

animation:floating 6s ease-in-out infinite;

}

/* نيون للصور */

.hero-image img{

box-shadow:
0 0 30px rgba(0,255,136,.25),
0 0 70px rgba(0,255,136,.15);

}

/* Scroll */

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-thumb{

background:linear-gradient(#00ff88,#00d9ff);

border-radius:20px;

}
.events{

padding:100px 0;

}

.events-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(340px,1fr));

gap:35px;

margin-top:60px;

}

.event-card{

background:#121212;

border-radius:22px;

overflow:hidden;

transition:.35s;

border:1px solid rgba(255,255,255,.08);

}

.event-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 40px rgba(255,214,0,.15);

}

.event-image{

position:relative;

height:240px;

overflow:hidden;

}

.event-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}

.event-card:hover img{

transform:scale(1.08);

}

.status{

position:absolute;

top:18px;

left:18px;

background:#FFD600;

padding:8px 16px;

border-radius:30px;

font-size:13px;

font-weight:700;

color:#000;

}

.event-body{

padding:28px;

}

.event-body h3{

margin-bottom:15px;

font-size:24px;

}

.event-body p{

color:#bfbfbf;

line-height:1.8;

margin-bottom:20px;

}

.event-info{

display:flex;

justify-content:space-between;

margin-bottom:25px;

font-size:15px;

color:#ddd;

}

.details-btn{

width:100%;

padding:15px;

border:none;

background:#FFD600;

color:#000;

font-size:17px;

font-weight:bold;

border-radius:12px;

cursor:pointer;

transition:.3s;

}

.details-btn:hover{

background:#fff;

}
/* ===========================
   EVENTS SECTION
=========================== */

.events{
    padding:100px 0;
    background:#0d1117;
}

.events .section-title{
    text-align:center;
    margin-bottom:60px;
}

.events .section-title span{
    color:#00ff9d;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.events .section-title h2{
    color:#fff;
    font-size:42px;
    margin:15px 0;
}

.events .section-title p{
    color:#bdbdbd;
    max-width:750px;
    margin:auto;
    line-height:1.9;
}

/* ===========================
   GRID
=========================== */

.events-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
    gap:35px;
}

/* ===========================
   CARD
=========================== */

.event-card{

    background:#131820;

    border-radius:20px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.08);

    transition:.35s;

    position:relative;

}

.event-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,255,157,.18);

}

/* ===========================
   IMAGE
=========================== */

.event-image{

    position:relative;

    height:230px;

    overflow:hidden;

}

.event-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.event-card:hover img{

    transform:scale(1.08);

}

/* ===========================
   BADGE
=========================== */

.event-badge{

    position:absolute;

    top:18px;

    left:18px;

    background:#00ff9d;

    color:#000;

    padding:8px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:bold;

}

/* ===========================
   CONTENT
=========================== */

.event-content{

    padding:28px;

}

.event-content h3{

    color:#fff;

    margin-bottom:15px;

    font-size:28px;

}

.event-description{

    color:#bdbdbd;

    line-height:1.8;

    margin-bottom:25px;

}

/* ===========================
   META
=========================== */

.event-meta{

    display:flex;

    justify-content:space-between;

    margin-bottom:25px;

    color:#ddd;

    font-size:15px;

    border-top:1px solid rgba(255,255,255,.08);

    padding-top:18px;

}

/* ===========================
   BUTTON
=========================== */

.event-btn{

    width:100%;

    padding:16px;

    border:none;

    border-radius:12px;

    background:#00ff9d;

    color:#000;

    font-size:17px;

    font-weight:bold;

    cursor:pointer;

    transition:.3s;

}

.event-btn:hover{

    background:#fff;

    transform:translateY(-3px);

    box-shadow:0 0 20px #00ff9d;

}

/* ===========================
   MOBILE
=========================== */

@media(max-width:768px){

.events{

padding:70px 20px;

}

.events .section-title h2{

font-size:30px;

}

.event-content h3{

font-size:23px;

}

.event-meta{

flex-direction:column;

gap:10px;

}

}
.event-modal{

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

display:none;

justify-content:center;

align-items:center;

background:rgba(0,0,0,.85);

z-index:99999;

padding:20px;

}

.modal-content{

background:#111827;

width:100%;

max-width:850px;

border-radius:22px;

overflow:hidden;

animation:popup .3s;

position:relative;

}

@keyframes popup{

from{

opacity:0;

transform:scale(.8);

}

to{

opacity:1;

transform:scale(1);

}

}

.modal-image{

width:100%;

height:320px;

object-fit:cover;

}

.modal-body{

padding:35px;

}

.modal-body h2{

font-size:34px;

margin-bottom:20px;

}

.modal-meta{

display:flex;

gap:30px;

margin-bottom:20px;

color:#00ff9d;

font-weight:bold;

}

.modal-body p{

line-height:2;

color:#ddd;

}

.register-btn{

display:block;

margin-top:30px;

padding:18px;

text-align:center;

background:#00ff9d;

color:#000;

font-weight:bold;

text-decoration:none;

border-radius:12px;

}

.close{

position:absolute;

top:15px;

right:20px;

font-size:40px;

cursor:pointer;

color:#fff;

}
/* ===== Modal Overlay ===== */

.event-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.85);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:999999;
    padding:40px;
}

/* ===== Modal ===== */

.modal-content{

    width:100%;
    max-width:900px;

    max-height:90vh;

    overflow-y:auto;

    background:#121826;

    border-radius:22px;

    box-shadow:0 20px 60px rgba(0,0,0,.5);

    animation:popup .3s ease;

}

/* Scroll */

.modal-content::-webkit-scrollbar{
    width:8px;
}

.modal-content::-webkit-scrollbar-thumb{
    background:#00ff9d;
    border-radius:20px;
}

.modal-content::-webkit-scrollbar-track{
    background:#1d2433;
}

/* Image */

.modal-image{
    width:100%;
    height:380px;
    object-fit:cover;
    display:block;
}

/* Body */

.modal-body{
    padding:40px;
}

.modal-body h2{
    font-size:42px;
    margin-bottom:20px;
    color:#fff;
}

.modal-body p{
    line-height:2;
    color:#ddd;
}

.close{
    position:absolute;
    top:20px;
    right:25px;
    font-size:42px;
    color:#fff;
    cursor:pointer;
    z-index:5;
}

/* Mobile */

@media(max-width:768px){

.event-modal{
padding:15px;
}

.modal-content{
max-height:95vh;
}

.modal-image{
height:220px;
}

.modal-body{
padding:25px;
}

.modal-body h2{
font-size:28px;
}

}
.details-btn,
.book-btn{

display:block;

width:100%;

padding:15px;

margin-top:15px;

border:none;

border-radius:12px;

font-size:17px;

font-weight:bold;

cursor:pointer;

text-align:center;

text-decoration:none;

transition:.3s;

}

.details-btn{

background:#00ff88;

color:#000;

}

.details-btn:hover{

background:#fff;

}

.book-btn{

background:#111;

color:#fff;

border:2px solid #00ff88;

}

.book-btn:hover{

background:#00ff88;

color:#000;

}
.event-modal{

display:none;

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

background:rgba(0,0,0,.85);

justify-content:center;

align-items:center;

z-index:9999;

padding:25px;

}

.modal-content{

background:#111827;

width:100%;

max-width:850px;

max-height:90vh;

overflow-y:auto;

border-radius:20px;

position:relative;

}

.modal-image{

width:100%;

height:350px;

object-fit:cover;

}

.modal-body{

padding:35px;

}

.close{

position:absolute;

top:15px;

right:20px;

font-size:40px;

color:#fff;

cursor:pointer;

}

.book-btn{

display:block;

margin-top:30px;

padding:18px;

text-align:center;

background:#00ff88;

color:#000;

font-weight:bold;

border-radius:12px;

text-decoration:none;

}
.event-buttons{
    display:flex;
    gap:10px;
    margin-top:20px;
}

.details-btn,
.book-btn{
    flex:1;
    text-align:center;
    padding:12px;
    border-radius:8px;
    text-decoration:none;
    font-weight:bold;
}

.details-btn{
    background:#00d084;
    color:#fff;
}

.book-btn{
    background:#111;
    color:#fff;
}
/* جميع الكروت بنفس الارتفاع */
.event-card{
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* الصورة */
.event-card img{
    width: 100%;
    height: 260px;
    object-fit: cover;
}

/* عنوان الكارت */
.event-card h3{
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* الوصف */
.event-card p{
    flex: 1;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* الأزرار تنزل لآخر الكارت */
.event-buttons{
    margin-top: auto;
    display: flex;
    gap: 12px;
}

.event-buttons a{
    flex: 1;
}
/* ================= FINAL EVENT CARD FIX ================= */

.events-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr)) !important;
    gap:35px !important;
    align-items:stretch !important;
}

.event-card{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    min-height:760px !important;
    background:#151d27 !important;
    border-radius:22px !important;
    overflow:hidden !important;
}

.event-card img,
.event-image img{
    width:100% !important;
    height:260px !important;
    object-fit:cover !important;
    display:block !important;
}

.event-content,
.event-body{
    display:flex !important;
    flex-direction:column !important;
    flex:1 !important;
    padding:28px !important;
}

.event-content h3,
.event-body h3{
    min-height:80px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    margin-bottom:18px !important;
}

.event-content p,
.event-description,
.event-body p{
    flex:1 !important;
    min-height:150px !important;
    margin-bottom:25px !important;
    line-height:1.9 !important;
}

.event-buttons{
    display:flex !important;
    gap:12px !important;
    margin-top:auto !important;
}

.event-buttons a,
.details-btn,
.book-btn{
    flex:1 !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    height:52px !important;
}

@media(max-width:768px){

.event-card{
    min-height:auto !important;
}

.event-content p,
.event-description,
.event-body p{
    min-height:auto !important;
}

}
.gallery-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 20px;
    width: 100%;
}

.gallery-btn .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 40px;
    border-radius: 50px;
}
.partnership-image{
    width:100%;
    margin-top:60px;
    text-align:center;
}

.partnership-image img{
    width:100%;
    max-width:1200px;
    border-radius:20px;
    display:block;
    margin:auto;
    box-shadow:0 15px 40px rgba(0,255,153,.15);
}
/* ===== Event Buttons ===== */

.event-buttons{
    display:flex;
    gap:12px;
    margin-top:25px;
}

.event-buttons a{
    flex:1;
    text-align:center;
    text-decoration:none;
    padding:12px 18px;
    border-radius:12px;
    font-weight:700;
    transition:.35s;
    font-size:15px;
}

.details-btn{
    background:#00ff99;
    color:#000 !important;
    box-shadow:0 0 20px rgba(0,255,153,.35);
}

.details-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 0 35px rgba(0,255,153,.7);
}

.book-btn{
    border:2px solid #00ff99;
    color:#00ff99 !important;
    background:transparent;
}

.book-btn:hover{
    background:#00ff99;
    color:#000 !important;
    transform:translateY(-4px);
}
/* ================= PERFORMANCE BOOST ================= */

/* تفعيل تسريع الـ GPU */
*{
    backface-visibility:hidden;
    -webkit-font-smoothing:antialiased;
}

/* تحسين الأنيميشن */
img,
.event-card,
.product-card,
.gallery-grid img,
.hero img,
.btn,
.details-btn,
.book-btn{
    will-change:transform;
    transform:translateZ(0);
}

/* تقليل الظلال الثقيلة */
.event-card,
.product-card,
.feature-card{
    box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
}

/* تقليل تأثيرات الـ Hover */
.event-card:hover,
.product-card:hover,
.gallery-grid img:hover{
    transform:translateY(-6px) scale(1.01);
}

/* منع إعادة الرسم أثناء التمرير */
section{
    content-visibility:auto;
    contain-intrinsic-size:800px;
}

/* تحسين عرض الصور */
img{
    max-width:100%;
    height:auto;
    display:block;
}

/* تقليل تأثير الـ Blur */
.hero-bg{
    filter:blur(35px) !important;
}

/* تعطيل الأنيميشن على الموبايل */
@media (max-width:768px){

*{
    animation:none !important;
    transition:.2s !important;
    scroll-behavior:auto !important;
}

}

/*==========================
      HERO
==========================*/

.services-hero{

position:relative;

height:100vh;

display:flex;

align-items:center;

justify-content:center;

background:
linear-gradient(rgba(5,8,12,.82),rgba(5,8,12,.92)),
url(هيرو.jpeg);

background-size:cover;

background-position:center;

overflow:hidden;

}

.services-hero::before{

content:"";

position:absolute;

width:700px;

height:700px;

background:radial-gradient(circle,#18d26e22,transparent 70%);

top:-250px;

left:-220px;

filter:blur(60px);

}

.services-hero::after{

content:"";

position:absolute;

width:600px;

height:600px;

background:radial-gradient(circle,#18d26e18,transparent);

bottom:-220px;

right:-220px;

filter:blur(70px);

}

.hero-content{

position:relative;

z-index:2;

max-width:760px;

text-align:center;

}

.badge{

display:inline-block;

padding:10px 24px;

background:#18d26e22;

border:1px solid rgba(24,210,110,.25);

color:#18d26e;

border-radius:50px;

font-weight:700;

margin-bottom:30px;

}

.hero-content h1{

font-size:72px;

font-weight:900;

line-height:1.2;

margin-bottom:30px;

}

.hero-content p{

font-size:21px;

line-height:2;

color:#d0d0d0;

margin-bottom:40px;

}

.hero-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 45px;

border-radius:60px;

background:linear-gradient(135deg,#18d26e,#34ff8d);

color:#000;

font-weight:800;

font-size:18px;

text-decoration:none;

transition:.35s;

box-shadow:0 15px 40px rgba(24,210,110,.28);

}

.hero-btn:hover{

transform:translateY(-6px);

box-shadow:0 20px 55px rgba(24,210,110,.45);

}
/* ================= PERFORMANCE BOOST ================= */

/* تفعيل تسريع الـ GPU */
*{
    backface-visibility:hidden;
    -webkit-font-smoothing:antialiased;
}

/* تحسين الأنيميشن */
img,
.event-card,
.product-card,
.gallery-grid img,
.hero img,
.btn,
.details-btn,
.book-btn{
    will-change:transform;
    transform:translateZ(0);
}

/* تقليل الظلال الثقيلة */
.event-card,
.product-card,
.feature-card{
    box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
}

/* تقليل تأثيرات الـ Hover */
.event-card:hover,
.product-card:hover,
.gallery-grid img:hover{
    transform:translateY(-6px) scale(1.01);
}

/* منع إعادة الرسم أثناء التمرير */
section{
    content-visibility:auto;
    contain-intrinsic-size:800px;
}

/* تحسين عرض الصور */
img{
    max-width:100%;
    height:auto;
    display:block;
}

/* تقليل تأثير الـ Blur */
.hero-bg{
    filter:blur(35px) !important;
}

/* تعطيل الأنيميشن على الموبايل */
@media (max-width:768px){

*{
    animation:none !important;
    transition:.2s !important;
    scroll-behavior:auto !important;
}

}
/* إصلاح اختفاء الكروت */

section{
    overflow: visible !important;
}

.container{
    overflow: visible !important;
}

.products,
.products-section,
.events,
.events-section{
    overflow: visible !important;
    position: relative;
    z-index: 5;
}

/* مسافة بين الأقسام */
.products-section{
    margin-bottom:120px !important;
}

.events-section{
    margin-top:120px !important;
}
/* ===== FORCE HERO LOGO ===== */

.services-hero{
    position:relative !important;
    overflow:hidden !important;
}

.hero-logo-left{
    position:absolute !important;

    left:80px !important;
    top:50% !important;

    transform:translateY(-50%) !important;

    width:420px !important;

    display:block !important;

    z-index:2 !important;

    pointer-events:none !important;
}

.hero-logo-left img{
    width:100% !important;
    height:auto !important;

    opacity:.18 !important;

    filter:none !important;

    transform:none !important;
}

.hero-content{
    position:relative !important;
    z-index:5 !important;
}
.stats{
    padding:90px 0;
    background:#121b26;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:25px;
}

.stat-card{
    background:linear-gradient(180deg,#1f8f5b,#2db36d);
    border-radius:22px;
    padding:40px 25px;
    text-align:center;
    color:#fff;
    transition:.35s;
    border:1px solid rgba(255,255,255,.08);
}

.stat-card i{
    font-size:42px;
    color:#d8ffd8;
    margin-bottom:20px;
}

.stat-card h3{
    font-size:34px;
    margin:15px 0;
    font-weight:800;
}

.stat-card p{
    line-height:1.8;
    color:#eaf8ee;
    font-size:16px;
}

.stat-card:hover{
    transform:translateY(-10px);
    box-shadow:0 0 35px rgba(0,255,153,.35);
}

.featured{
    border:2px solid #00ff99;
    box-shadow:0 0 35px rgba(0,255,153,.45);
}
/* ===== FORCE SHOW ACADEMY SECTION ===== */

.academy,
#academy,
#courses,
.courses,
.services,
.services-section{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    overflow:visible !important;
    height:auto !important;
    min-height:auto !important;
    transform:none !important;
}

/* Grid */

.academy-grid,
.services-grid,
.courses-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important;
    gap:30px !important;

    opacity:1 !important;
    visibility:visible !important;

    position:relative !important;
    top:auto !important;
    left:auto !important;

    margin-top:60px !important;
}

/* Cards */

.service-card,
.course-card,
.academy-card{

    display:flex !important;
    flex-direction:column;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;

    position:relative !important;

    height:auto !important;
}

/* لو AOS مخفي العناصر */

[data-aos]{

    opacity:1 !important;

    visibility:visible !important;

    transform:none !important;

    transition:none !important;

}
/* ===== 4 Cards Per Row ===== */

.services-grid,
.courses-grid,
.academy-grid,
.cards-grid{
    display:grid !important;
    grid-template-columns:repeat(4, 1fr) !important;
    gap:25px !important;
    align-items:stretch !important;
}

/* الكارت */
.service-card,
.course-card,
.academy-card,
.card{
    width:100% !important;
    margin:0 !important;
}

/* تابلت */
@media (max-width:1200px){
    .services-grid,
    .courses-grid,
    .academy-grid,
    .cards-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }
}

/* موبايل */
@media (max-width:768px){
    .services-grid,
    .courses-grid,
    .academy-grid,
    .cards-grid{
        grid-template-columns:1fr !important;
    }
}
/* ================= HERO LOGO ================= */

.hero-logo-left{
    position:absolute;
    top:50%;
    left:70px;
    transform:translateY(-50%);
    z-index:100;
    width:300px;
    pointer-events:none;
}

.hero-logo-left img{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
    opacity:1;
    filter:drop-shadow(0 8px 30px rgba(0,0,0,.45));
}

/* موبايل */

@media (max-width:768px){

.hero-logo-left{
    width:150px;
    left:20px;
    top:120px;
    transform:none;
}

}
/* ===== FINAL HERO LOGO FIX ===== */

.services-hero{
    position:relative !important;
    overflow:hidden !important;
}

.hero-logo-left{
    position:absolute !important;
    left:60px !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    width:320px !important;
    height:auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    opacity:1 !important;
    visibility:visible !important;
    z-index:999 !important;
}

.hero-logo-left img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;

    opacity:1 !important;
    filter:drop-shadow(0 10px 30px rgba(0,0,0,.45)) !important;

    transform:none !important;
    animation:none !important;
    max-width:none !important;
}

/* Mobile */
@media(max-width:768px){

.hero-logo-left{
    width:140px !important;
    left:15px !important;
    top:20px !important;
    transform:none !important;
}

}
/* ===== Hollyland Hero Logo ===== */

.hero-logo-left{
    position:absolute;
    left:7%;
    top:50%;
    transform:translateY(-50%);
    z-index:20;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
    padding:25px;
    border-radius:25px;
    border:1px solid rgba(0,255,140,.35);
    box-shadow:0 0 45px rgba(0,255,140,.25);
}

.hero-logo-left img{
    width:380px;
    max-width:34vw;
    filter:
        brightness(1.8)
        contrast(1.4)
        saturate(1.3)
        drop-shadow(0 0 30px rgba(0,255,140,.6));
    opacity:1;
}

@media(max-width:992px){
    .hero-logo-left{
        position:relative;
        left:auto;
        top:auto;
        transform:none;
        margin:25px auto;
        display:flex;
        justify-content:center;
        width:max-content;
    }

    .hero-logo-left img{
        width:220px;
        max-width:75%;
    }
}
/* ===== HERO LOGO FIX ===== */

.hero-logo-left{
    position:absolute !important;
    left:5% !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:999 !important;
    padding:0 !important;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
}

.hero-logo-left img{
    width:480px !important;
    max-width:38vw !important;
    opacity:1 !important;
    filter:brightness(2.5) contrast(1.6) saturate(1.4)
           drop-shadow(0 0 30px #00ff88)
           drop-shadow(0 0 60px rgba(0,255,136,.6)) !important;
}

@media(max-width:992px){
    .hero-logo-left{
        left:50% !important;
        top:120px !important;
        transform:translateX(-50%) !important;
    }

    .hero-logo-left img{
        width:240px !important;
        max-width:80% !important;
    }
}
.hero-logo-left{
    left:15% !important;
}
/* ===========================
   FINAL HERO FIX
=========================== */

.services-hero{
    position:relative !important;
    min-height:100vh !important;
    padding:140px 25px 90px !important;

    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
    text-align:center !important;

    overflow:hidden !important;

    background:url("هيرو.jpeg") center top/cover no-repeat !important;
}

/* إزالة الطبقات السوداء */

.services-hero::before,
.services-hero::after{
    display:none !important;
    content:none !important;
}

/* طبقة خفيفة فقط */

.services-hero{
    box-shadow:
    inset 0 -180px 120px rgba(7,11,16,.55) !important;
}

/* المحتوى */

.hero-content{

    position:relative;
    z-index:5;

    width:100%;
    max-width:850px;

    margin-top:40px !important;
}

.hero-content h1{

    font-size:clamp(42px,6vw,72px) !important;

    line-height:1.15;

    margin:25px 0 !important;

    text-shadow:
    0 0 15px rgba(0,255,136,.35);
}

.hero-content p{

    font-size:20px;

    line-height:2;

    max-width:760px;

    margin:auto;

    color:#eee;
}

.badge{

    margin-bottom:25px !important;
}

.hero-btn{

    margin-top:35px;
}

/* الموبايل */

@media(max-width:768px){

.services-hero{

    padding-top:170px !important;

    background-position:center top !important;

}

.hero-content{

    margin-top:20px !important;

}

.hero-content h1{

    font-size:42px !important;

}

.hero-content p{

    font-size:17px !important;

}

}
/* ================= HERO FINAL LAYOUT ================= */

.services-hero{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    min-height:100vh !important;
    padding:150px 20px 80px !important;
    overflow:hidden !important;
}

/* المحتوى */

.hero-content{
    position:relative !important;
    z-index:50 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;

    max-width:800px !important;
    margin:auto !important;
}

/* اللوجو */

.hero-logo-left{
    position:relative !important;

    left:auto !important;
    top:auto !important;
    transform:none !important;

    width:180px !important;

    margin-bottom:35px !important;

    z-index:20 !important;
}

.hero-logo-left img{

    width:100% !important;

    filter:none !important;

    opacity:1 !important;

    box-shadow:none !important;

    background:none !important;

}

/* علامة X */

.hero-x{

    display:block !important;

    margin:15px auto !important;

    font-size:70px !important;

    color:#00ff88 !important;

    line-height:1 !important;

}

/* Hollyland */

.hero-content h2{

    margin:0 0 25px !important;

    font-size:48px !important;

    color:#00ff88 !important;

}

/* العنوان */

.hero-content h1{

    margin:15px 0 25px !important;

    font-size:60px !important;

    line-height:1.2 !important;

}

/* الوصف */

.hero-content p{

    max-width:700px !important;

    margin:0 auto 35px !important;

    line-height:2 !important;

}

/* زر */

.hero-btn{

    margin-top:15px !important;

}

/* إزالة أي عناصر مطلقة */

.hero-content *,
.hero-logo-left,
.hero-x{

    position:relative !important;

}

/* موبايل */

@media(max-width:768px){

.hero-logo-left{

width:120px !important;

margin-bottom:25px !important;

}

.hero-content h1{

font-size:40px !important;

}

.hero-content h2{

font-size:32px !important;

}

.hero-x{

font-size:48px !important;

}

}
/* =========================
   HERO LAYOUT FINAL
========================= */

.services-hero{
    position:relative;
}

.hero-content{
    width:100%;
    max-width:1200px;
    margin:auto;
    position:relative;
    min-height:700px;
}

/* اللوجو */

.hero-logo-left{

    position:absolute !important;

    left:40px !important;

    top:50% !important;

    transform:translateY(-50%) !important;

    width:150px !important;

    z-index:10;
}

.hero-logo-left img{

    width:100% !important;

    height:auto;

    display:block;
}

/* الكلام */

.hero-text{

    position:absolute !important;

    right:60px !important;

    top:50% !important;

    transform:translateY(-50%) !important;

    width:620px !important;

    text-align:right !important;

    z-index:20;
}

.hero-text h1{

    font-size:68px !important;

    margin-bottom:15px;
}

.hero-text h2{

    font-size:56px !important;

    color:#00ff88;

    margin:15px 0;
}

.hero-text p{

    font-size:22px;

    line-height:2;

    margin-top:25px;
}

/* X */

.hero-x{

    font-size:55px;

    margin:20px 0;

    color:#00ff88;
}

/* موبايل */

@media(max-width:768px){

.hero-logo-left{

left:50% !important;

top:70px !important;

transform:translateX(-50%) !important;

width:95px !important;

}

.hero-text{

position:relative !important;

top:auto !important;

right:auto !important;

transform:none !important;

width:100% !important;

padding:170px 25px 60px;

text-align:center !important;

}

.hero-text h1{

font-size:42px !important;

}

.hero-text h2{

font-size:34px !important;

}

.hero-text p{

font-size:17px;

}

}
/* ==========================
   PREMIUM ANIMATIONS
========================== */

section,
.hero-content,
.about,
.stats,
.academy,
.events,
.products,
.gallery,
.final-section,
.footer{

    animation:fadeUp .9s cubic-bezier(.22,1,.36,1) both;

}

@keyframes fadeUp{

0%{

opacity:0;

transform:translateY(70px) scale(.96);

filter:blur(12px);

}

100%{

opacity:1;

transform:translateY(0) scale(1);

filter:blur(0);

}

}

/* عناوين */

h1,h2{

animation:slideRight 1s .2s both;

}

@keyframes slideRight{

0%{

opacity:0;

transform:translateX(80px);

}

100%{

opacity:1;

transform:translateX(0);

}

}

/* الفقرات */

p{

animation:slideLeft 1s .35s both;

}

@keyframes slideLeft{

0%{

opacity:0;

transform:translateX(-70px);

}

100%{

opacity:1;

transform:translateX(0);

}

}

/* الصور */

img{

animation:zoomImage 1.2s both;

transition:.5s;

}

@keyframes zoomImage{

0%{

opacity:0;

transform:scale(1.18);

filter:blur(8px);

}

100%{

opacity:1;

transform:scale(1);

filter:none;

}

}

img:hover{

transform:scale(1.04);

}

/* البطاقات */

.card,
.stat-card,
.product-card,
.event-card,
.team-card{

transition:.45s;

}

.card:hover,
.stat-card:hover,
.product-card:hover,
.event-card:hover,
.team-card:hover{

transform:translateY(-12px);

box-shadow:0 20px 60px rgba(0,255,136,.22);

}

/* الأزرار */

button,
.btn,
.hero-btn{

transition:.35s;

}

button:hover,
.btn:hover,
.hero-btn:hover{

transform:translateY(-4px) scale(1.04);

box-shadow:0 0 35px rgba(0,255,136,.45);

}

/* اللوجوهات */

.logo img{

transition:.5s;

}

.logo img:hover{

transform:rotate(-4deg) scale(1.08);

}

/* حركة خفيفة للخلفية */

.services-hero,
.hero{

animation:heroFloat 10s ease-in-out infinite;

}

@keyframes heroFloat{

0%,100%{

background-position:center top;

}

50%{

background-position:center 25px;

}

}
/* ===== إزالة الفراغ أعلى السيكشن ===== */

#academy,
.academy {

    margin-top: 0 !important;
    padding-top: 0 !important;

    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: center;

    min-height: auto !important;
}

/* أول عنصر يبدأ من فوق مباشرة */

#academy > *:first-child,
.academy > *:first-child {

    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* إزالة أي مسافة من العنوان والبادج */

#academy .section-badge,
#academy .badge,
#academy h1,
#academy h2,
#academy h3 {

    margin-top: 0 !important;
}

/* لو في عنصر وهمي عامل فراغ */

#academy::before,
.academy::before {

    display: none !important;
    content: none !important;
}
/*=========================================
      PREMIUM CARDS OVERRIDE
=========================================*/

.service-card,
.event-card,
.card,
.products .card,
.events .card{

position:relative !important;

overflow:hidden !important;

border-radius:28px !important;

background:linear-gradient(180deg,#182433,#101820) !important;

border:1px solid rgba(0,255,170,.18) !important;

box-shadow:
0 15px 45px rgba(0,0,0,.45),
0 0 20px rgba(0,255,170,.08);

transition:.55s cubic-bezier(.2,.8,.2,1);

transform-style:preserve-3d;

backdrop-filter:blur(14px);

}

/* Glow خلفي */

.service-card::before,
.event-card::before,
.card::before{

content:"";

position:absolute;

width:220px;

height:220px;

background:radial-gradient(circle,
rgba(0,255,170,.45),
transparent 70%);

top:-90px;

right:-90px;

opacity:.6;

transition:.6s;

filter:blur(20px);

pointer-events:none;

}

/* خط نيون */

.service-card::after,
.event-card::after,
.card::after{

content:"";

position:absolute;

top:0;

right:0;

width:4px;

height:100%;

background:linear-gradient(
to bottom,
#00ff9d,
transparent,
#00ff9d);

box-shadow:
0 0 20px #00ff9d,
0 0 40px #00ff9d;

opacity:.8;

}

/* Hover */

.service-card:hover,
.event-card:hover,
.card:hover{

transform:
translateY(-14px)
scale(1.03);

box-shadow:
0 35px 80px rgba(0,0,0,.55),
0 0 40px rgba(0,255,170,.30);

border-color:#00ff9d;

}

/* تحريك النيون */

.service-card:hover::before,
.event-card:hover::before,
.card:hover::before{

transform:scale(1.5);

opacity:1;

}

/* الصور */

.card img,
.event-card img,
.service-card img{

border-radius:20px;

transition:.7s;

}

.card:hover img,
.event-card:hover img,
.service-card:hover img{

transform:scale(1.08);

filter:saturate(1.2);

}

/* العنوان */

.card h3,
.event-card h3,
.service-card h3{

font-size:32px;

font-weight:800;

color:#fff;

transition:.5s;

}

.card:hover h3,
.event-card:hover h3,
.service-card:hover h3{

color:#00ff9d;

text-shadow:
0 0 18px #00ff9d;

}

/* الوصف */

.card p,
.event-card p,
.service-card p{

color:#d9d9d9;

line-height:2;

font-size:17px;

}

/* الأزرار */

.card .btn,
.event-card .btn,
.service-card .btn{

border-radius:60px;

background:#00ff9d;

color:#111;

font-weight:700;

transition:.45s;

box-shadow:
0 0 25px rgba(0,255,170,.4);

}

.card .btn:hover,
.event-card .btn:hover,
.service-card .btn:hover{

transform:translateY(-5px);

box-shadow:
0 0 45px #00ff9d;

}

/* ظهور تدريجي */

.card,
.event-card,
.service-card{

animation:premiumShow .9s ease both;

}

@keyframes premiumShow{

from{

opacity:0;

transform:
translateY(60px)
scale(.95);

}

to{

opacity:1;

transform:
translateY(0)
scale(1);

}

}
/*==========================
   PREMIUM EQUIPMENT CARDS
==========================*/

.equipment-card,
.card,
.product-card{

position:relative !important;

overflow:hidden !important;

padding:45px 30px !important;

border-radius:30px !important;

background:
linear-gradient(145deg,#142b24,#0c171c) !important;

border:1px solid rgba(0,255,170,.15) !important;

box-shadow:
0 15px 45px rgba(0,0,0,.45),
0 0 25px rgba(0,255,170,.08);

transition:all .55s ease !important;

}

/* نيون متحرك */

.equipment-card::before,
.card::before,
.product-card::before{

content:"";

position:absolute;

top:-120px;
left:-120px;

width:260px;
height:260px;

background:radial-gradient(circle,
rgba(0,255,170,.45),
transparent 70%);

filter:blur(30px);

transition:.6s;

pointer-events:none;

}

/* خط مضيء */

.equipment-card::after,
.card::after,
.product-card::after{

content:"";

position:absolute;

left:0;
bottom:0;

width:100%;
height:4px;

background:linear-gradient(
90deg,
transparent,
#00ff9d,
transparent);

box-shadow:
0 0 15px #00ff9d,
0 0 30px #00ff9d;

opacity:.8;

}

/* Hover */

.equipment-card:hover,
.card:hover,
.product-card:hover{

transform:
translateY(-15px)
scale(1.03);

border-color:#00ff9d;

box-shadow:
0 35px 80px rgba(0,0,0,.55),
0 0 45px rgba(0,255,170,.35);

}

.equipment-card:hover::before,
.card:hover::before,
.product-card:hover::before{

transform:scale(1.5) rotate(25deg);

opacity:1;

}

/* الأيقونة */

.equipment-card i,
.card i,
.product-card i{

font-size:65px;

color:#00ff9d;

margin-bottom:25px;

text-shadow:
0 0 25px #00ff9d;

transition:.5s;

}

.equipment-card:hover i,
.card:hover i,
.product-card:hover i{

transform:scale(1.15) rotate(8deg);

}

/* العنوان */

.equipment-card h3,
.card h3,
.product-card h3{

font-size:34px;

font-weight:800;

color:#fff;

margin-bottom:20px;

transition:.5s;

}

.equipment-card:hover h3,
.card:hover h3,
.product-card:hover h3{

color:#00ff9d;

text-shadow:0 0 15px #00ff9d;

}

/* الوصف */

.equipment-card p,
.card p,
.product-card p{

font-size:18px;

line-height:2;

color:#d8d8d8;

}

/* حركة دخول */

.equipment-card,
.card,
.product-card{

animation:cardUp .9s ease both;

}

@keyframes cardUp{

from{

opacity:0;

transform:
translateY(70px)
scale(.92);

}

to{

opacity:1;

transform:
translateY(0)
scale(1);

}

}
/* ===========================
   PREMIUM GALLERY
=========================== */

.gallery{
    padding:100px 6% !important;
    background:#070b12 !important;
}

.gallery-grid,
.gallery-container{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:35px !important;
}

/* الكارت */

.gallery img,
.gallery-card img,
.gallery-item img{

    width:100% !important;

    display:block;

    border-radius:22px !important;

    transition:.7s ease !important;

    box-shadow:
    0 15px 40px rgba(0,0,0,.45),
    0 0 0 rgba(0,255,170,.3);

}

.gallery-card,
.gallery-item{

    overflow:hidden !important;

    border-radius:22px;

    position:relative;

    transition:.6s;

}

/* نيون */

.gallery-card::before,
.gallery-item::before{

content:"";

position:absolute;

inset:0;

border-radius:22px;

padding:2px;

background:linear-gradient(
135deg,
#00ff99,
#00e5ff,
#00ff99);

-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;

mask-composite:exclude;

opacity:0;

transition:.5s;

pointer-events:none;

}

/* Hover */

.gallery-card:hover,
.gallery-item:hover{

transform:
translateY(-12px)
scale(1.03);

}

.gallery-card:hover::before,
.gallery-item:hover::before{

opacity:1;

box-shadow:
0 0 30px #00ff99;

}

.gallery-card:hover img,
.gallery-item:hover img,
.gallery img:hover{

transform:scale(1.12);

filter:brightness(1.08);

}

/* Glow */

.gallery-card::after,
.gallery-item::after{

content:"";

position:absolute;

left:50%;

bottom:-50px;

transform:translateX(-50%);

width:70%;

height:90px;

background:#00ff99;

filter:blur(45px);

opacity:0;

transition:.5s;

}

.gallery-card:hover::after,
.gallery-item:hover::after{

opacity:.35;

}
.gallery-card,
.gallery-item{

animation:galleryUp .8s ease both;

}

@keyframes galleryUp{

from{

opacity:0;

transform:
translateY(80px)
scale(.9);

}

to{

opacity:1;

transform:
translateY(0)
scale(1);

}

}
/* ===============================
   PREMIUM INFO CARDS
================================ */

.info-card,
.feature-card,
.card{

position:relative !important;

overflow:hidden !important;

padding:45px 30px !important;

border-radius:28px !important;

background:linear-gradient(145deg,#111923,#1a2430) !important;

border:1px solid rgba(0,255,170,.12) !important;

transition:.55s ease !important;

box-shadow:
0 12px 35px rgba(0,0,0,.45);

}

/* Glow */

.info-card::before,
.feature-card::before,
.card::before{

content:"";

position:absolute;

top:-70%;

left:-70%;

width:220%;

height:220%;

background:radial-gradient(circle,
rgba(0,255,170,.18),
transparent 65%);

opacity:0;

transition:.6s;

pointer-events:none;

}

/* لمعان */

.info-card::after,
.feature-card::after,
.card::after{

content:"";

position:absolute;

top:-120%;

left:-50%;

width:45%;

height:320%;

background:rgba(255,255,255,.08);

transform:rotate(25deg);

transition:.8s;

}

/* Hover */

.info-card:hover,
.feature-card:hover,
.card:hover{

transform:
translateY(-12px)
scale(1.03);

border-color:#00ff9d;

box-shadow:
0 25px 60px rgba(0,0,0,.5),
0 0 35px rgba(0,255,170,.28);

}

.info-card:hover::before,
.feature-card:hover::before,
.card:hover::before{

opacity:1;

}

.info-card:hover::after,
.feature-card:hover::after,
.card:hover::after{

left:130%;

}

/* الأيقونة */

.info-card i,
.feature-card i,
.card i{

font-size:52px;

margin-bottom:18px;

color:#00ff9d;

text-shadow:0 0 20px #00ff9d;

transition:.5s;

}

.info-card:hover i,
.feature-card:hover i,
.card:hover i{

transform:
scale(1.18)
rotate(8deg);

}

/* العنوان */

.info-card h3,
.feature-card h3,
.card h3{

font-size:34px;

font-weight:800;

color:#fff;

margin:20px 0;

transition:.4s;

}

.info-card:hover h3,
.feature-card:hover h3,
.card:hover h3{

color:#00ff9d;

}

/* الوصف */

.info-card p,
.feature-card p,
.card p{

font-size:18px;

line-height:2;

color:#d7d7d7;

}
/* ================= HERO TEXT FIX ================= */

.hero h1,
.hero-title,
.hero h2{
    color:#fff !important;
    font-size:clamp(42px,5vw,80px) !important;
    font-weight:900 !important;
    line-height:1.15;
    letter-spacing:-1px;
    text-shadow:
        0 0 8px rgba(0,255,170,.8),
        0 0 18px rgba(0,255,170,.6),
        0 4px 18px rgba(0,0,0,.9);
    -webkit-text-stroke:1.3px rgba(0,0,0,.6);
    position:relative;
    z-index:10;
}

.hero h1 span,
.hero h2 span{
    color:#00ff99 !important;
    font-weight:900;
    text-shadow:
        0 0 12px #00ff99,
        0 0 28px #00ff99;
}

/* وصف الهيرو */
.hero p,
.hero-text,
.hero .description{
    display:inline-block;
    color:#fff !important;
    font-size:24px !important;
    font-weight:700 !important;
    line-height:2;
    max-width:900px;
    padding:18px 28px;
    border-radius:18px;
    background:rgba(0,0,0,.45);
    backdrop-filter:blur(16px);
    border:1px solid rgba(0,255,170,.35);
    box-shadow:
        0 0 25px rgba(0,255,170,.25);
    text-shadow:
        0 2px 10px rgba(0,0,0,.9);
}

/* كلمات مميزة */
.hero strong,
.hero b{
    color:#00ff99 !important;
    font-weight:900;
    text-shadow:
        0 0 12px #00ff99,
        0 0 25px #00ff99;
}

/* موبايل */
@media(max-width:768px){

.hero h1,
.hero h2{
    font-size:42px !important;
    line-height:1.2;
}

.hero p,
.hero-text,
.hero .description{
    font-size:18px !important;
    padding:14px 18px;
}

}
/* تحسين فقرة Hollyland */

.hero p,
.hero-content p,
.hero-text p{

    display:inline-block;
    max-width:950px;

    color:#fff !important;
    font-size:28px !important;
    font-weight:800 !important;
    line-height:2;

    padding:18px 28px;

    background:rgba(0,0,0,.45);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    border:1px solid rgba(0,255,170,.35);
    border-radius:18px;

    text-shadow:
        0 2px 6px rgba(0,0,0,1),
        0 0 18px rgba(0,255,170,.35);

    box-shadow:
        0 0 25px rgba(0,255,170,.2);
}

/* موبايل */
@media(max-width:768px){

.hero p,
.hero-content p,
.hero-text p{

    font-size:18px !important;
    line-height:1.9;
    padding:14px 18px;
}

}
/* ================= HERO PREMIUM ================= */

.hero{
    position:relative;
    overflow:hidden;
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.65)),
    radial-gradient(circle at top,#00ff9930,transparent 55%);
    z-index:1;
}

.hero>*{
    position:relative;
    z-index:2;
}

/* اللوجو */
.hero img{
    transition:.5s;
}

.hero img:hover{
    transform:scale(1.08) rotate(-3deg);
    filter:drop-shadow(0 0 18px #00ff99);
}

/* العنوان */

.hero h1{
    font-size:78px;
    font-weight:900;
    color:#fff;
    line-height:1.05;
    text-shadow:
    0 0 10px #fff,
    0 0 20px #00ff99,
    0 0 40px #00ff99;
    animation:heroGlow 2.5s infinite alternate;
}

.hero h2{
    font-size:70px;
    color:#00ff99;
    font-weight:900;
    text-shadow:
    0 0 12px #00ff99,
    0 0 35px #00ff99;
}

/* علامة × */

.hero .cross,
.hero span{
    color:#00ff99;
    font-size:70px;
    font-weight:900;
    animation:rotateCross 5s linear infinite;
}

/* مربع الكلام */

.hero p{

    display:inline-block;
    max-width:900px;

    padding:25px 35px;

    background:rgba(18,18,18,.45);

    backdrop-filter:blur(18px);

    border-radius:25px;

    border:1px solid rgba(0,255,170,.35);

    color:#fff;

    font-size:25px;

    line-height:2;

    font-weight:700;

    box-shadow:
    0 0 35px rgba(0,255,170,.18);

    transition:.45s;

}

.hero p:hover{

    transform:translateY(-8px);

    border-color:#00ff99;

    box-shadow:
    0 0 45px rgba(0,255,170,.4);

}

/* تمييز Hollyland */

.hero mark{

    background:#00ff99;

    color:#000;

    padding:3px 12px;

    border-radius:8px;

    font-weight:900;

    box-shadow:0 0 18px #00ff99;

}

/* الحركة */

@keyframes heroGlow{

0%{

text-shadow:
0 0 10px #fff,
0 0 18px #00ff99;

}

100%{

text-shadow:
0 0 18px #fff,
0 0 35px #00ff99,
0 0 60px #00ff99;

}

}

@keyframes rotateCross{

from{
transform:rotate(0deg);
}

to{
transform:rotate(360deg);
}

}

/* موبايل */

@media(max-width:768px){

.hero h1{

font-size:48px;

}

.hero h2{

font-size:46px;

}

.hero p{

font-size:18px;

padding:18px;

line-height:1.9;

}

.hero span{

font-size:45px;

}

}
/*================ HERO OVERRIDE =================*/

.services-hero{
    position:relative !important;
    min-height:100vh !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    overflow:hidden !important;
    padding:140px 20px 80px !important;
}

/* صورة الخلفية */

.services-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(rgba(5,10,18,.55),rgba(5,10,18,.72)),
    radial-gradient(circle at top,#00ff9920,transparent 55%);

    z-index:1;

}

/* طبقة */

.services-hero .overlay{

    position:absolute !important;

    inset:0 !important;

    backdrop-filter:blur(2px);

    background:linear-gradient(180deg,
    rgba(0,0,0,.18),
    rgba(0,0,0,.45));

}

/* المحتوى */

.services-hero .container,
.services-hero .hero-content{

    position:relative;

    z-index:10;

}

/* اللوجو */

.hero-logo-left{

    position:absolute;

    left:40px;

    bottom:80px;

    z-index:20;

}

.hero-logo-left img{

    width:170px;

    filter:drop-shadow(0 0 20px rgba(0,255,170,.4));

    transition:.45s;

}

.hero-logo-left img:hover{

    transform:scale(1.08);

    filter:drop-shadow(0 0 35px #00ff99);

}

/*================ TITLE =================*/

.hero-title{

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

gap:12px;

margin-bottom:35px;

}

.title-top{

font-size:78px !important;

font-weight:900 !important;

color:#fff !important;

line-height:1;

text-shadow:

0 0 15px rgba(255,255,255,.8),

0 0 30px rgba(0,255,170,.4);

}

.hero-x{

font-size:75px;

font-weight:900;

color:#00ff99;

line-height:1;

animation:spinX 7s linear infinite;

text-shadow:

0 0 15px #00ff99,

0 0 40px #00ff99;

}

.title-bottom{

font-size:70px !important;

font-weight:900;

color:#00ff99;

line-height:1;

text-shadow:

0 0 18px #00ff99,

0 0 45px #00ff99;

}

/*================ TEXT =================*/

.hero-content p{

display:inline-block;

max-width:900px;

margin:auto;

padding:28px 35px;

background:rgba(12,17,25,.45);

backdrop-filter:blur(18px);

border:1px solid rgba(0,255,170,.35);

border-radius:28px;

color:#fff !important;

font-size:25px !important;

font-weight:700;

line-height:2;

text-align:center;

box-shadow:

0 0 35px rgba(0,255,170,.15);

transition:.4s;

}

.hero-content p:hover{

transform:translateY(-8px);

border-color:#00ff99;

box-shadow:

0 0 45px rgba(0,255,170,.4);

}

/* تمييز Hollyland */

.hero-content p{

font-weight:700;

}

.hero-content p::selection{

background:#00ff99;

color:#000;

}

/*================ Animation =================*/

@keyframes spinX{

0%{

transform:rotate(0);

}

100%{

transform:rotate(360deg);

}

}

/*================ Mobile =================*/

@media(max-width:768px){

.services-hero{

padding-top:120px !important;

min-height:85vh !important;

}

.hero-logo-left{

position:relative;

left:auto;

bottom:auto;

margin-bottom:25px;

text-align:center;

}

.hero-logo-left img{

width:120px;

}

.title-top{

font-size:42px !important;

}

.hero-x{

font-size:42px;

}

.title-bottom{

font-size:40px !important;

}

.hero-content p{

font-size:18px !important;

padding:18px;

line-height:1.9;

border-radius:20px;

}

}
/* ===========================================
   FORCE MOBILE HERO - OVERRIDE EVERYTHING
=========================================== */

@media (max-width:768px){

/* الهيرو */

.services-hero{

    all:unset;
    position:relative !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:center !important;

    min-height:100vh !important;

    padding:120px 20px 60px !important;

    background:
    linear-gradient(rgba(8,10,15,.55),rgba(8,10,15,.85)),
    url("هيرو.jpeg") center/cover no-repeat !important;

    text-align:center !important;

    overflow:hidden !important;

}

/* إلغاء أي طبقات قديمة */

.services-hero::before,
.services-hero::after{
    display:none !important;
}

/* اللوجو */

.hero-logo-left{

    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    transform:none !important;

    display:flex !important;
    justify-content:center !important;

    width:120px !important;

    margin:0 auto 25px !important;

    padding:0 !important;

    background:none !important;
    border:none !important;
    box-shadow:none !important;
}

.hero-logo-left img{

    width:100% !important;
    height:auto !important;

    filter:
    drop-shadow(0 0 18px #00ff88);

}

/* المحتوى */

.hero-content{

    position:relative !important;

    width:100% !important;

    max-width:100% !important;

    margin:0 auto !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    z-index:50 !important;

}

/* العنوان */

.hero-title{

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    gap:10px !important;

    margin-bottom:20px !important;

}

.title-top{

    font-size:34px !important;

    line-height:1.2 !important;

    color:#fff !important;

    font-weight:900 !important;

}

.hero-x{

    font-size:42px !important;

    margin:0 !important;

    color:#00ff88 !important;

}

.title-bottom{

    font-size:38px !important;

    color:#00ff88 !important;

    font-weight:900 !important;

    text-shadow:0 0 18px #00ff88;

}

/* الوصف */

.hero-content p{

    width:100% !important;

    padding:22px !important;

    margin-top:18px !important;

    background:rgba(10,15,20,.70) !important;

    backdrop-filter:blur(18px);

    border:1px solid rgba(0,255,136,.35);

    border-radius:22px !important;

    color:#fff !important;

    font-size:17px !important;

    font-weight:600 !important;

    line-height:2 !important;

    text-align:center !important;

    box-shadow:
    0 15px 35px rgba(0,0,0,.35);

}

}
/* ===========================================================
   ============  FINAL MOBILE MASTER STYLESHEET  =============
=========================================================== */

@media (max-width:768px){

    html{ -webkit-text-size-adjust:100%; }
    body{ overflow-x:hidden !important; }
    .container{ width:92% !important; padding:0 !important; }
    section{ padding:70px 0 !important; }

    .section-title{ margin-bottom:40px !important; }
    .section-title span{ font-size:13px !important; padding:6px 16px !important; }
    .section-title h2{ font-size:30px !important; line-height:1.3 !important; padding:0 8px; }
    .section-title p{ font-size:15.5px !important; line-height:1.9 !important; padding:0 6px; }

    .btn, .btn-outline{ padding:15px 30px !important; font-size:15px !important; }

    /* NAVBAR + HAMBURGER */
    .navbar{ height:75px !important; width:92% !important; }
    .logo img{ width:120px !important; }
    .desktop-only-btn{ display:none !important; }

    .nav-toggle{
        display:flex !important; flex-direction:column; justify-content:center;
        gap:5px; width:38px; height:38px; background:none; border:none;
        cursor:pointer; z-index:1100; padding:0;
    }
    .nav-toggle span{ display:block; width:100%; height:2px; background:#00ff88; border-radius:2px; transition:.35s; }
    .nav-toggle.active span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
    .nav-toggle.active span:nth-child(2){ opacity:0; }
    .nav-toggle.active span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

    .navbar ul{
        position:fixed !important; top:75px !important; right:0 !important;
        width:78% !important; max-width:320px; height:calc(100vh - 75px) !important;
        margin:0 !important; padding:35px 30px !important;
        background:rgba(8,12,18,.98) !important; backdrop-filter:blur(16px);
        border-left:1px solid rgba(255,255,255,.08);
        flex-direction:column !important; align-items:flex-start !important; gap:0 !important;
        transform:translateX(100%); transition:transform .4s ease; z-index:1050; overflow-y:auto;
    }
    .navbar ul.active{ transform:translateX(0); }
    .navbar ul li{ width:100%; border-bottom:1px solid rgba(255,255,255,.07); }
    .navbar ul li a{ display:block; width:100%; padding:16px 4px; font-size:16px !important; }
    .mobile-only-btn{ border-bottom:none !important; margin-top:20px; }
    .mobile-only-btn .nav-btn{ display:block; width:100%; text-align:center; padding:14px !important; }
    body.nav-open{ overflow:hidden; }
    body.nav-open::after{ content:""; position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:1000; }

    /* HERO */
    .hero-content p{ font-size:15.5px !important; line-height:1.85 !important; padding:18px !important; }

    /* ABOUT */
    .about{ padding:70px 0 !important; }
    .about-grid{ grid-template-columns:1fr !important; gap:18px !important; margin-top:35px !important; }
    .about-card{ padding:32px 24px !important; }
    .about-card i{ font-size:42px !important; margin-bottom:16px !important; }
    .about-card h3{ font-size:22px !important; }
    .about-card p{ font-size:15px !important; line-height:1.85 !important; }

    /* STATS */
    .stats-grid{ grid-template-columns:repeat(2,1fr) !important; gap:14px !important; }
    .stat-card{ padding:22px 14px !important; }
    .stat-card i{ font-size:28px !important; }
    .stat-card h3{ font-size:19px !important; }
    .stat-card p{ font-size:12.5px !important; line-height:1.6 !important; }

    /* ACADEMY */
    .academy{ padding:70px 0 !important; }
    .academy-grid{ grid-template-columns:1fr !important; gap:18px !important; }
    .academy-card{ padding:32px 22px !important; }
    .academy-card h3{ font-size:21px !important; }
    .academy-card p{ font-size:15px !important; line-height:1.85 !important; }

    /* EVENTS */
    .events{ padding:70px 0 !important; }
    .events-grid{ grid-template-columns:1fr !important; gap:22px !important; }
    .event-card img{ height:210px !important; width:100% !important; object-fit:cover !important; }
    .event-content{ padding:22px !important; }
    .event-content h3{ font-size:19px !important; line-height:1.4 !important; }
    .event-content p{ font-size:14.5px !important; line-height:1.85 !important; }
    .event-buttons{ flex-direction:column !important; gap:10px !important; }
    .details-btn{ width:100% !important; text-align:center !important; padding:13px !important; font-size:14px !important; }

    /* PRODUCTS */
    .products{ padding:70px 0 !important; }
    .products-grid{ grid-template-columns:1fr 1fr !important; gap:14px !important; }
    .product-card{ padding:26px 16px !important; }
    .product-card i{ font-size:34px !important; margin-bottom:14px !important; }
    .product-card h3{ font-size:16px !important; }
    .product-card p{ font-size:13px !important; line-height:1.7 !important; }

    /* GALLERY */
    .gallery{ padding:70px 0 !important; }
    .gallery-grid{ grid-template-columns:repeat(2,1fr) !important; gap:10px !important; }
    .gallery-grid img{ height:150px !important; width:100% !important; object-fit:cover !important; border-radius:12px !important; }
    .gallery-btn{ margin-top:30px !important; }

    /* FINAL CTA */
    .final-section{ padding:70px 0 !important; text-align:center; }
    .final-badge{ font-size:12px !important; padding:8px 16px !important; }
    .final-section p{ font-size:15.5px !important; line-height:1.9 !important; }
    .final-buttons{ flex-direction:column !important; gap:12px !important; width:100%; }
    .final-buttons .btn, .final-buttons .btn-outline{ width:100% !important; }
    .final-info{ grid-template-columns:1fr !important; gap:18px !important; margin-top:35px !important; }
    .final-info div{ padding:20px !important; }

    /* FOOTER */
    .footer{ padding:40px 0 !important; text-align:center; }
    .footer-logo{ width:130px !important; margin:0 auto 15px !important; }
    .footer p{ font-size:13.5px !important; line-height:1.8 !important; }
}

@media (max-width:400px){
    .title-top{ font-size:28px !important; }
    .title-bottom{ font-size:32px !important; }
    .hero-x{ font-size:34px !important; }
    .stats-grid, .products-grid, .gallery-grid{ grid-template-columns:1fr 1fr !important; }
    .section-title h2{ font-size:26px !important; }
}

.nav-toggle{ display:none; }
/* =========================================================
   HOLLYLAND HERO + NAVBAR
=========================================================*/

.hero-header{
    position:relative;
    min-height:100vh;
    background:url("هيرو.jpeg") center center/cover no-repeat;
    overflow:hidden;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(to left,rgba(0,0,0,.82),rgba(0,0,0,.55)),
    radial-gradient(circle at top right,#19ff90 0%,transparent 35%);
    backdrop-filter:blur(2px);
}

/* ================= NAVBAR ================= */

.navbar{

    position:fixed;

    top:20px;

    left:50%;

    transform:translateX(-50%);

    width:92%;

    max-width:1350px;

    height:82px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 35px;

    border-radius:20px;

    background:rgba(12,18,17,.78);

    backdrop-filter:blur(18px);

    border:1px solid rgba(0,255,150,.15);

    box-shadow:
    0 15px 45px rgba(0,0,0,.35);

    z-index:999;
}

/* LOGO */

.logo img{

    width:170px;

}

/* LINKS */

.nav-links{

    display:flex;

    align-items:center;

    gap:35px;

    list-style:none;

}

.nav-links a{

    color:#fff;

    text-decoration:none;

    font-size:18px;

    font-weight:700;

    transition:.35s;

    position:relative;

}

.nav-links a::after{

    content:"";

    position:absolute;

    bottom:-8px;

    right:0;

    width:0;

    height:2px;

    background:#18ff8d;

    transition:.35s;

}

.nav-links a:hover{

    color:#18ff8d;

}

.nav-links a:hover::after{

    width:100%;

}

/* BUTTON */

.btn-primary{

    background:#18ff8d;

    color:#07130e;

    text-decoration:none;

    padding:15px 34px;

    border-radius:60px;

    font-weight:800;

    transition:.35s;

    box-shadow:0 0 30px rgba(24,255,141,.45);

}

.btn-primary:hover{

    transform:translateY(-5px);

    box-shadow:0 0 45px rgba(24,255,141,.75);

}

.btn-outline{

    border:2px solid #18ff8d;

    color:#fff;

    padding:15px 34px;

    border-radius:60px;

    text-decoration:none;

    transition:.35s;

}

.btn-outline:hover{

    background:#18ff8d;

    color:#000;

}

/* HERO */

.hero-container{

    position:relative;

    z-index:3;

    max-width:1250px;

    margin:auto;

    min-height:100vh;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:flex-start;

    text-align:right;

    padding:180px 20px 100px;

}

.hero-logo{

    margin-bottom:35px;

}

.hero-logo img{

    width:150px;

    filter:drop-shadow(0 0 25px rgba(0,255,150,.45));

}

.hero-badge{

    display:inline-block;

    padding:10px 24px;

    background:rgba(24,255,141,.12);

    border:1px solid rgba(24,255,141,.3);

    border-radius:40px;

    color:#18ff8d;

    font-weight:700;

    margin-bottom:25px;

}

.hero-content h1{

    font-size:72px;

    line-height:1.15;

    color:#fff;

    margin-bottom:30px;

    font-weight:900;

}

.hero-x{

    display:block;

    color:#18ff8d;

    font-size:60px;

    margin:10px 0;

}

.green{

    color:#18ff8d;

    text-shadow:0 0 25px rgba(24,255,141,.5);

}

.hero-content p{

    max-width:760px;

    font-size:22px;

    line-height:2;

    color:#d8d8d8;

    margin-bottom:45px;

}

.hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

/* MOBILE */

@media(max-width:768px){

.navbar{

height:72px;

padding:0 18px;

top:10px;

width:96%;

}

.logo img{

width:110px;

}

.nav-links{

display:none;

}

.hero-container{

padding-top:130px;

text-align:center;

align-items:center;

}

.hero-logo img{

width:95px;

}

.hero-content h1{

font-size:42px;

}

.hero-x{

font-size:40px;

}

.hero-content p{

font-size:17px;

line-height:1.9;

}

.hero-buttons{

justify-content:center;

}

.btn-primary,
.btn-outline{

width:100%;

text-align:center;

}

}
/* ===== Hero Logo Center ===== */

.hero-logo{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:40px;
    position:relative;
    z-index:10;
}

.hero-logo img{
    width:180px;
    max-width:90%;
    height:auto;
    display:block;
    filter:drop-shadow(0 0 25px rgba(0,255,136,.45));
    transition:.4s ease;
}

.hero-logo img:hover{
    transform:scale(1.08);
    filter:drop-shadow(0 0 40px rgba(0,255,136,.7));
}
/* ============================
   HERO IMAGE FIX - OVERRIDE
   ============================ */

.services-hero,
.hero,
header.services-hero{
    position: relative !important;
    overflow: hidden !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;

    filter: brightness(1.18) contrast(1.15) saturate(1.12) !important;
}

/* إزالة أي تعتيم قوي */
.services-hero::before,
.services-hero::after,
.hero::before,
.hero::after,
.overlay{
    background: rgba(0,0,0,.18) !important;
    backdrop-filter: none !important;
    opacity: 1 !important;
}

/* إضاءة خفيفة على منتصف الصورة */
.services-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;

    background:
    radial-gradient(circle at center,
        rgba(255,255,255,.18) 0%,
        rgba(255,255,255,.08) 30%,
        rgba(0,0,0,0) 65%) !important;

    pointer-events:none;
}

/* المحتوى فوق كل شيء */
.hero-content,
.container,
.hero-logo{
    position:relative;
    z-index:10;
}

/* اللوجو */
.hero-logo img{
    width:180px;
    filter:drop-shadow(0 0 25px rgba(255,255,255,.35));
}

/* تحسين وضوح النص */
.hero-title,
.hero-content h1{
    text-shadow:
        0 3px 20px rgba(0,0,0,.55),
        0 0 25px rgba(0,255,120,.25);
}

.hero-content p{
    color:#ffffff !important;
    text-shadow:0 2px 10px rgba(0,0,0,.6);
}
/* القائمة على الهاتف */
@media (max-width:991px){

#navMenu{
    position:fixed !important;
    top:0;
    right:-100%;
    width:280px;
    height:100vh;
    background:#08120d;
    display:flex !important;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    padding:90px 30px;
    gap:18px;
    transition:.4s ease;
    z-index:9999;
}

#navMenu.active{
    right:0 !important;
}

#navMenu li{
    width:100%;
    list-style:none;
}

#navMenu li a{
    display:block;
    color:#fff;
    font-size:20px;
    padding:12px 0;
    text-decoration:none;
}

.nav-toggle{
    display:flex !important;
    flex-direction:column;
    justify-content:center;
    gap:6px;
    width:45px;
    height:45px;
    background:#0f2b20;
    border:none;
    border-radius:10px;
    cursor:pointer;
    z-index:10000;
}

.nav-toggle span{
    width:26px;
    height:3px;
    background:#00ff88;
    border-radius:5px;
    transition:.3s;
}

.nav-toggle.active span:nth-child(1){
    transform:rotate(45deg) translate(6px,6px);
}

.nav-toggle.active span:nth-child(2){
    opacity:0;
}

.nav-toggle.active span:nth-child(3){
    transform:rotate(-45deg) translate(7px,-7px);
}

}
/*==================================
        HOLLYLAND PAGE
==================================*/

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

html{
scroll-behavior:smooth;
}

body{

font-family:'Cairo',sans-serif;

background:#070b10;

color:#fff;

overflow-x:hidden;

}

.container{

width:min(92%,1280px);

margin:auto;

}
/* ================= NAVBAR ================= */

header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    background:rgba(8,12,18,.92);
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(255,255,255,.06);
}

.navbar{
    width:min(92%,1300px);
    margin:auto;
    height:90px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo img{
    width:180px;
    display:block;
}

.navbar ul{
    display:flex;
    gap:35px;
    list-style:none;
}

.navbar ul li a{
    color:#fff;
    text-decoration:none;
    font-size:18px;
    font-weight:700;
    transition:.3s;
}

.navbar ul li a:hover{
    color:#00ff88;
}

.nav-btn{
    padding:14px 34px;
    border-radius:50px;
    background:#00ff88;
    color:#000;
    text-decoration:none;
    font-weight:800;
    transition:.3s;
}

.nav-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 35px rgba(0,255,136,.35);
}
/*==========================
      HERO
==========================*/

.hero{

position:relative;

min-height:100vh;

display:flex;

align-items:center;

overflow:hidden;

padding:120px 0;

background:
linear-gradient(rgba(5,8,12,.86),rgba(5,8,12,.92)),
url(HOLLYLAND.png);

background-size:cover;

background-position:center;

}

.hero-bg{

position:absolute;

inset:0;

background:

radial-gradient(circle,#00ff8850,transparent 65%);

animation:pulse 7s infinite;

}

@keyframes pulse{

0%,100%{

opacity:.35;

}

50%{

opacity:1;

}

}

.hero-grid{

display:grid;

grid-template-columns:1.1fr .9fr;

gap:70px;

align-items:center;

position:relative;

z-index:5;

}

.badge{

display:inline-block;

padding:10px 22px;

border-radius:50px;

background:#00ff8822;

color:#00ff88;

font-weight:700;

margin-bottom:30px;

}

.hero h1{

font-size:72px;

line-height:1.2;

margin-bottom:20px;

font-weight:900;

}

.hero h1 span{

color:#00ff88;

}

.hero h2{

font-size:34px;

margin-bottom:25px;

color:#bdf8d7;

}

.hero p{

font-size:20px;

line-height:2;

color:#d2d2d2;

margin-bottom:40px;

}

.hero-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}

.btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:17px 38px;

background:#00ff88;

color:#000;

font-weight:800;

text-decoration:none;

border-radius:60px;

transition:.35s;

}

.btn:hover{

transform:translateY(-6px);

box-shadow:0 20px 45px rgba(0,255,136,.3);

}

.btn-outline{

padding:17px 38px;

border-radius:60px;

border:2px solid #00ff88;

color:#fff;

text-decoration:none;

transition:.35s;

}

.btn-outline:hover{

background:#00ff88;

color:#000;

}

.hero-image{

position:relative;

display:flex;

justify-content:center;

}

.circle{

position:absolute;

width:420px;

height:420px;

border-radius:50%;

background:radial-gradient(circle,#00ff8840,transparent);

animation:rotateGlow 12s linear infinite;

}

@keyframes rotateGlow{

100%{

transform:rotate(360deg);

}

}

.hero-image img{

position:relative;

width:100%;

max-width:520px;

z-index:2;

}

.hero-stats{

display:flex;

gap:45px;

margin-top:60px;

}

.hero-stats h3{

font-size:38px;

color:#00ff88;

}

.hero-stats span{

color:#cfcfcf;

}

/*==========================
      TITLES
==========================*/

.section-title{

text-align:center;

margin-bottom:70px;

}

.section-title span{

display:inline-block;

padding:8px 20px;

background:#00ff8820;

color:#00ff88;

border-radius:40px;

font-weight:700;

margin-bottom:20px;

}

.section-title h2{

font-size:58px;

margin-bottom:18px;

}

.section-title p{

max-width:850px;

margin:auto;

line-height:2;

color:#cfcfcf;

font-size:19px;

}
/*==================================
        ABOUT
==================================*/

.about{

padding:120px 0;

background:#0d131b;

}

.about-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:30px;

margin-top:60px;

}

.about-card{

background:linear-gradient(180deg,#151d27,#0d131b);

padding:45px;

border-radius:24px;

border:1px solid rgba(255,255,255,.07);

transition:.4s;

text-align:center;

position:relative;

overflow:hidden;

}

.about-card::before{

content:"";

position:absolute;

width:220px;

height:220px;

background:#00ff8815;

border-radius:50%;

top:-120px;

left:-120px;

transition:.5s;

}

.about-card:hover::before{

transform:scale(2);

}

.about-card:hover{

transform:translateY(-10px);

border-color:#00ff88;

box-shadow:0 20px 50px rgba(0,255,136,.18);

}

.about-card i{

font-size:55px;

color:#00ff88;

margin-bottom:25px;

}

.about-card h3{

font-size:30px;

margin-bottom:15px;

}

.about-card p{

line-height:2;

color:#cfcfcf;

}

/*==================================
      HOLLYLAND ACADEMY
==================================*/

.academy{

padding:120px 0;

background:#070b10;

}

.academy-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

.academy-card{

background:#141b24;

padding:45px 30px;

border-radius:22px;

border:1px solid rgba(255,255,255,.06);

transition:.4s;

text-align:center;

}

.academy-card:hover{

transform:translateY(-12px);

border-color:#00ff88;

box-shadow:0 20px 60px rgba(0,255,136,.18);

}

.academy-icon{

width:90px;

height:90px;

margin:auto;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#00ff8820;

margin-bottom:25px;

}

.academy-icon i{

font-size:40px;

color:#00ff88;

}

.academy-card h3{

font-size:26px;

margin-bottom:15px;

}

.academy-card p{

line-height:2;

color:#cfcfcf;

margin-bottom:25px;

}

.academy-card a{

display:inline-block;

padding:12px 28px;

border-radius:40px;

background:#00ff88;

color:#000;

text-decoration:none;

font-weight:700;

transition:.3s;

}

.academy-card a:hover{

transform:scale(1.05);

}

/*==================================
        EVENTS
==================================*/

.events{

padding:120px 0;

background:#0d131b;

}

.events-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.event-card{

background:#151d27;

border-radius:24px;

overflow:hidden;

text-decoration:none;

transition:.4s;

border:1px solid rgba(255,255,255,.06);

}

.event-card:hover{

transform:translateY(-10px);

border-color:#00ff88;

box-shadow:0 25px 60px rgba(0,255,136,.2);

}

.event-card img{

width:100%;

height:240px;

object-fit:cover;

transition:.5s;

}

.event-card:hover img{

transform:scale(1.06);

}

.event-content{

padding:30px;

}

.event-content h3{

color:#fff;

font-size:27px;

margin-bottom:15px;

}

.event-content p{

line-height:1.9;

color:#cfcfcf;

}
/*==================================
        PRODUCTS
==================================*/

.products{

padding:120px 0;

background:#070b10;

}

.products-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

margin-top:60px;

}

.product-card{

background:#141b24;

padding:45px 30px;

border-radius:25px;

text-align:center;

border:1px solid rgba(255,255,255,.06);

transition:.4s;

}

.product-card:hover{

transform:translateY(-10px);

border-color:#00ff88;

box-shadow:0 25px 60px rgba(0,255,136,.18);

}

.product-card i{

font-size:65px;

color:#00ff88;

margin-bottom:25px;

}

.product-card h3{

font-size:28px;

margin-bottom:15px;

}

.product-card p{

color:#d2d2d2;

line-height:2;

}

/*==================================
        GALLERY
==================================*/

.gallery{

padding:120px 0;

background:#0d131b;

}

.gallery-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:18px;

margin-top:60px;

}

.gallery-grid img{

width:100%;

height:320px;

object-fit:cover;

border-radius:22px;

transition:.45s;

cursor:pointer;

}

.gallery-grid img:hover{

transform:scale(1.05);

box-shadow:0 20px 50px rgba(0,255,136,.22);

}

/*==================================
        IMPACT
==================================*/

.impact{

padding:120px 0;

background:#070b10;

}

.impact-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

}

.impact-grid div{

background:#141b24;

padding:45px;

border-radius:25px;

text-align:center;

border:1px solid rgba(255,255,255,.06);

transition:.35s;

}

.impact-grid div:hover{

transform:translateY(-10px);

border-color:#00ff88;

}

.impact-grid h2{

font-size:58px;

color:#00ff88;

margin-bottom:12px;

}

.impact-grid span{

font-size:18px;

color:#ddd;

}

/*==================================
        REGISTER CTA
==================================*/

.register{

padding:140px 0;

text-align:center;

background:

linear-gradient(rgba(5,8,12,.82),rgba(5,8,12,.9)),

url(HOLLYLAND.png);

background-size:cover;

background-position:center;

}

.register h2{

font-size:60px;

margin-bottom:25px;

}

.register p{

max-width:800px;

margin:auto;

font-size:20px;

line-height:2;

color:#ddd;

margin-bottom:45px;

}

/*==================================
        RESPONSIVE
==================================*/

@media(max-width:1100px){

.hero-grid,

.about-grid{

grid-template-columns:1fr;

}

.hero-image{

order:-1;

}

.academy-grid{

grid-template-columns:repeat(2,1fr);

}

.events-grid{

grid-template-columns:repeat(2,1fr);

}

.products-grid{

grid-template-columns:repeat(2,1fr);

}

.gallery-grid{

grid-template-columns:repeat(2,1fr);

}

.impact-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.hero h1{

font-size:40px;

}

.hero h2{

font-size:24px;

}

.hero p{

font-size:17px;

}

.hero-buttons{

flex-direction:column;

}

.hero-stats{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

}

.section-title h2{

font-size:38px;

}

.academy-grid,

.events-grid,

.products-grid,

.gallery-grid,

.impact-grid{

grid-template-columns:1fr;

}

.gallery-grid img{

height:240px;

}

.register h2{

font-size:36px;

}

.register p{

font-size:17px;

}

}
.hero-image img{
    width:420px;
    border-radius:30px;
    background:#111;
    padding:25px;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 30px 80px rgba(0,255,136,.18);
    transition:.5s;
}

.hero-image img:hover{
    transform:translateY(-12px) scale(1.03);
}
.hero::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    background:radial-gradient(circle,#00ff8850,transparent 70%);
    top:-180px;
    right:-150px;
    filter:blur(60px);
}
.btn{
    background:linear-gradient(90deg,#00ff88,#00c96b);
    box-shadow:0 15px 40px rgba(0,255,136,.35);
}

.btn:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 70px rgba(0,255,136,.45);
}
.hero-cards{
display:flex;
gap:20px;
margin-top:60px;
}

.hero-cards .card{
flex:1;
background:rgba(255,255,255,.05);
backdrop-filter:blur(12px);
padding:30px;
border-radius:22px;
border:1px solid rgba(255,255,255,.08);
transition:.4s;
text-align:center;
}

.hero-cards .card:hover{
transform:translateY(-8px);
border-color:#00ff88;
}
header{
backdrop-filter:blur(15px);
background:rgba(8,10,15,.65);
border-bottom:1px solid rgba(255,255,255,.05);
}
.hero-image{
animation:float 5s ease-in-out infinite;
}

@keyframes float{
0%,100%{
transform:translateY(0);
}
50%{
transform:translateY(-18px);
}
}
.hero{
background:
linear-gradient(rgba(5,8,12,.88),rgba(5,8,12,.95)),
url(grid.png),
url(hero-bg.jpg);
background-size:cover;
}
.hero-features{
padding:70px 8%;
margin-top:-70px;
position:relative;
z-index:10;
}

.hero-features .container{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.feature-card{
background:rgba(255,255,255,.05);
backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,.08);
border-radius:25px;
padding:35px;
text-align:center;
transition:.45s;
position:relative;
overflow:hidden;
}

.feature-card::before{
content:"";
position:absolute;
top:-80px;
left:-80px;
width:180px;
height:180px;
background:radial-gradient(circle,#00ff8855,transparent);
transition:.5s;
}

.feature-card:hover{
transform:translateY(-12px);
border-color:#00ff88;
box-shadow:0 20px 60px rgba(0,255,136,.18);
}

.feature-card:hover::before{
transform:scale(1.4);
}

.feature-card .icon{
font-size:45px;
margin-bottom:20px;
}

.feature-card h3{
color:#fff;
font-size:30px;
margin-bottom:12px;
}

.feature-card p{
color:#bbb;
line-height:1.8;
font-size:16px;
}

@media(max-width:992px){

.hero-features .container{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.hero-features .container{
grid-template-columns:1fr;
}

}
.hero{
position:relative;
overflow:hidden;
}

.hero::before{
content:"";
position:absolute;
width:900px;
height:900px;
background:radial-gradient(circle,#00ff8830,transparent 70%);
right:-250px;
top:-250px;
filter:blur(80px);
z-index:0;
}

.hero::after{
content:"";
position:absolute;
width:500px;
height:500px;
background:radial-gradient(circle,#00ff8815,transparent 70%);
left:-150px;
bottom:-150px;
filter:blur(60px);
z-index:0;
}

.hero>*{
position:relative;
z-index:2;
}
/* ================= MOBILE ================= */

@media (max-width:768px){

header{
padding:12px 0;
}

.navbar{
padding:0 18px;
height:70px;
}

.logo img{
width:120px;
}

.hero{
padding:120px 20px 60px;
}

.hero-grid{
display:flex;
flex-direction:column;
gap:40px;
text-align:center;
}

.hero-image{
order:-1;
display:flex;
justify-content:center;
}

.hero-image img{
width:85%;
max-width:280px;
padding:15px;
border-radius:25px;
}

.hero-text h1{
font-size:42px;
line-height:1.2;
}

.hero-text h2{
font-size:28px;
margin-top:20px;
}

.hero-text p{
font-size:17px;
line-height:2;
margin:20px auto;
max-width:100%;
}

.hero-buttons{
display:flex;
flex-direction:column;
gap:15px;
}

.hero-buttons a{
width:100%;
text-align:center;
}

.hero-stats,
.hero-features .container{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin-top:35px;
}

.feature-card{
padding:22px;
}

.section-title h2{
font-size:34px;
}

.section-title p{
font-size:16px;
line-height:2;
}

.about-grid,
.academy-grid,
.events-grid,
.products-grid,
.gallery-grid{
grid-template-columns:1fr;
gap:22px;
}

.impact-grid{
grid-template-columns:repeat(2,1fr);
gap:18px;
}

.register{
padding:70px 20px;
text-align:center;
}

.register h2{
font-size:34px;
}

.register .btn{
width:100%;
}

}
.hero-title{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;

    font-size:78px;
    font-weight:900;
    line-height:1.05;

    color:#fff;
}

.title-top,
.title-bottom{
    display:block;
}

.hero-x{
    color:#00ff99;

    font-size:90px;

    font-weight:900;

    line-height:1;

    margin-right:190px;
}

@media(max-width:991px){

.hero-title{
    font-size:48px;
}

.hero-x{
    font-size:60px;
    margin-right:0;
}

}
.hero-title{
    font-size:72px;
    font-weight:900;
    line-height:1.1;
}

.title-top{
    display:block;
    white-space:nowrap;
}

.hero-x{
    display:block;
    color:#00ff99;
    font-size:80px;
    line-height:1;
    margin:10px 0;
}

.title-bottom{
    display:block;
    white-space:nowrap;
    color:#00ff99;
}
/*==================================
        GLOBAL OVERRIDE
===================================*/

html{
scroll-behavior:smooth;
}

body{
overflow-x:hidden;
}

/* تحسين الحاويات */

.container{
width:min(92%,1350px)!important;
margin:auto!important;
}

/* تحسين العناوين */

h1{
font-size:clamp(38px,5vw,70px)!important;
font-weight:800!important;
line-height:1.2!important;
}

h2{
font-size:clamp(30px,4vw,50px)!important;
font-weight:800!important;
}

p{
line-height:1.9!important;
color:#cfcfcf;
}

/* جميع الصور */

img{
display:block;
max-width:100%;
height:auto;
transition:.5s;
}

img:hover{
transform:scale(1.04);
}

/* جميع الكروت */

.course-card,
.partner-card,
.event-card,
.service-card,
.feature-card,
.gallery-card,
.card{

border-radius:20px!important;
overflow:hidden!important;
transition:.35s!important;
border:1px solid rgba(255,255,255,.08);

}

.course-card:hover,
.partner-card:hover,
.event-card:hover,
.service-card:hover,
.feature-card:hover,
.gallery-card:hover,
.card:hover{

transform:translateY(-10px)!important;

box-shadow:0 25px 60px rgba(61,220,132,.18)!important;

}

/* الأزرار */

button,
.btn,
.details-btn,
.book-btn{

transition:.3s!important;
border-radius:12px!important;

}

button:hover,
.btn:hover,
.details-btn:hover,
.book-btn:hover{

transform:translateY(-3px)!important;

box-shadow:0 12px 35px rgba(61,220,132,.35)!important;

}

/* لينكات النافبار */

.navbar a{

transition:.3s;

}

.navbar a:hover{

color:#3ddc84!important;

}

/* أي Grid */

.courses-grid,
.partners-grid,
.gallery-grid,
.services-grid,
.features-grid{

gap:30px!important;

}

/* أنيميشن بسيط */

section{

animation:fadeUp .8s ease;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}

/* Scrollbar */

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-thumb{

background:#3ddc84;

border-radius:20px;

}

::-webkit-scrollbar-track{

background:#0b1118;

}
/*==============================
      ACADEMY CARD UPDATE
==============================*/

.academy-card{
background:#151c26;
border:1px solid rgba(255,255,255,.08);
border-radius:24px;
padding:45px 30px;
text-align:center;
transition:.4s;
display:flex;
flex-direction:column;
justify-content:space-between;
min-height:420px;
position:relative;
overflow:hidden;
}

.academy-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,#00ff88,#00c96b);
transform:scaleX(0);
transform-origin:left;
transition:.4s;
}

.academy-card:hover::before{
transform:scaleX(1);
}

.academy-card:hover{
transform:translateY(-12px);
box-shadow:0 25px 60px rgba(0,255,136,.18);
border-color:#00ff88;
}

.academy-icon{
width:95px;
height:95px;
margin:0 auto 25px;
border-radius:50%;
background:rgba(0,255,136,.12);
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
color:#00ff88;
transition:.4s;
}

.academy-card:hover .academy-icon{
transform:rotate(10deg) scale(1.12);
background:#00ff88;
color:#111;
}

.academy-card h3{
font-size:34px;
font-weight:800;
margin-bottom:18px;
color:#fff;
}

.academy-card p{
font-size:17px;
line-height:1.9;
color:#c8c8c8;
margin-bottom:35px;
}

.academy-card .btn{
margin:auto auto 0;
padding:14px 35px;
border-radius:50px;
font-weight:700;
}
/* ===== Events Card ===== */

.event-card{
    display:block;
    overflow:hidden;
    background:#1a2230;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
    transition:.4s;
}

.event-card img{
    width:100%;
    height:300px;
    display:block;
    object-fit:contain;      /* يظهر الصورة كاملة */
    object-position:center;
    background:#111822;
    padding:10px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.event-content{
    padding:20px;
}

.event-content h3{
    color:#fff;
    margin-bottom:15px;
}

.event-content p{
    color:#d6d6d6;
    line-height:1.9;
}
.event-card{
    pointer-events:auto;
}
/* ================= EVENTS ANIMATION ================= */

.events-grid{
    display:grid;
    gap:35px;
}

.event-card{
    position:relative;
    overflow:hidden;
    transition:all .45s ease;
    animation:cardFade .8s ease forwards;
    opacity:0;
    transform:translateY(60px);
    border-radius:20px;
}

/* تأخير لكل كارت */
.event-card:nth-child(1){animation-delay:.1s;}
.event-card:nth-child(2){animation-delay:.25s;}
.event-card:nth-child(3){animation-delay:.4s;}
.event-card:nth-child(4){animation-delay:.55s;}
.event-card:nth-child(5){animation-delay:.7s;}
.event-card:nth-child(6){animation-delay:.85s;}

.event-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,
    rgba(0,255,170,.18),
    transparent 60%);
    opacity:0;
    transition:.45s;
    z-index:1;
}

.event-card::after{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#19ff9c,#00d9ff);
    transition:.45s;
}

.event-card:hover{
    transform:translateY(-15px) scale(1.03);
    box-shadow:
    0 20px 45px rgba(0,255,170,.18),
    0 0 25px rgba(0,255,170,.15);
}

.event-card:hover::before{
    opacity:1;
}

.event-card:hover::after{
    left:0;
}

.event-card img{
    transition:.5s;
}

.event-card:hover img{
    transform:scale(1.08);
}

.event-content{
    position:relative;
    z-index:2;
}

.event-content h3{
    transition:.35s;
}

.event-card:hover h3{
    color:#19ff9c;
}

.event-content p{
    transition:.35s;
}

.event-card:hover p{
    color:#ffffff;
}

@keyframes cardFade{

from{
opacity:0;
transform:translateY(60px);
}

to{
opacity:1;
transform:translateY(0);
}

}
.event-card{
    transform-style:preserve-3d;
    perspective:1000px;
}

.event-card:hover{
    transform:
    perspective(1000px)
    rotateX(6deg)
    rotateY(-6deg)
    translateY(-15px)
    scale(1.03);
}
.event-slider{
    position:relative;
    width:100%;
    height:280px;
    overflow:hidden;
    border-radius:20px;
}

.event-slider img{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity .8s ease;
}

.event-slider img.active{
    opacity:1;
}
.event-card{
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp .8s ease forwards;
}

.event-card:nth-child(1){
    animation-delay:.2s;
}

.event-card:nth-child(2){
    animation-delay:.4s;
}

.event-card:nth-child(3){
    animation-delay:.6s;
}

.event-card:nth-child(4){
    animation-delay:.8s;
}

.event-card:nth-child(5){
    animation-delay:1s;
}

@keyframes fadeUp{

0%{
opacity:0;
transform:translateY(50px);
}

100%{
opacity:1;
transform:translateY(0);
}

}
.event-card{
    transition:.4s;
}

.event-card:hover{
    transform:translateY(-15px) scale(1.03);
    box-shadow:0 20px 40px rgba(0,255,170,.3);
}
/* ===== FORCE EVENT ANIMATION ===== */

.events-grid .event-card{
    opacity:1 !important;
    animation:none !important;
    transform:translateY(0);
    transition:transform .4s ease, box-shadow .4s ease;
}

.events-grid .event-card:hover{
    transform:translateY(-15px) scale(1.03) !important;
    box-shadow:0 20px 45px rgba(0,255,170,.3) !important;
}
/* ================= FIX PRODUCTS ================= */

.products{
    display:block !important;
    position:relative !important;
    visibility:visible !important;
    opacity:1 !important;
    overflow:visible !important;
    padding:120px 0 !important;
    background:#070b10 !important;
    z-index:10;
}

.products .container{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
}

.products-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
    gap:30px !important;
    margin-top:60px !important;
}

.product-card{
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:320px;
    padding:40px 30px;
    background:#141b24;
    border:1px solid rgba(255,255,255,.08);
    border-radius:25px;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

.product-card i{
    display:block !important;
    font-size:70px;
    color:#00ff88;
    margin-bottom:25px;
}

.product-card h3{
    color:#fff;
    margin-bottom:15px;
}

.product-card p{
    color:#d6d6d6;
    line-height:1.9;
}
/* ================= FINAL SECTION ================= */

.final-section{
    padding:140px 20px;
    text-align:center;
    background:
    linear-gradient(rgba(5,8,12,.93),rgba(5,8,12,.96)),
    radial-gradient(circle at top,#00ff8820,transparent 70%);
}

.final-badge{
    display:inline-block;
    padding:12px 28px;
    border-radius:50px;
    background:#00ff8818;
    color:#00ff88;
    font-weight:700;
    margin-bottom:30px;
}

.final-section h2{
    font-size:60px;
    margin-bottom:25px;
}

.final-section p{
    max-width:850px;
    margin:auto;
    font-size:20px;
    line-height:2;
    color:#cfcfcf;
}

.final-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:45px;
    flex-wrap:wrap;
}

.final-info{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:80px;
}

.final-info div{
    background:#141b24;
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    padding:35px;
    transition:.4s;
}

.final-info div:hover{
    transform:translateY(-10px);
    border-color:#00ff88;
    box-shadow:0 20px 50px rgba(0,255,136,.18);
}

.final-info h3{
    margin:18px 0 10px;
    font-size:26px;
}

.final-info span{
    color:#cfcfcf;
}

.footer{
    padding:45px 20px;
    background:#05080d;
    border-top:1px solid rgba(255,255,255,.08);
    text-align:center;
}

.footer-logo{
    width:180px;
    margin:auto auto 20px;
}

.footer p{
    color:#888;
    line-height:2;
}

@media(max-width:768px){

.final-section h2{
    font-size:38px;
}

.final-section p{
    font-size:17px;
}

.final-info{
    grid-template-columns:1fr;
}

}
/* ================= ULTRA NEON EFFECT ================= */

:root{
--main:#00ff88;
--main2:#00d9ff;
--glass:rgba(255,255,255,.05);
}

body{
background:
radial-gradient(circle at top,#00ff8815,transparent 35%),
radial-gradient(circle at bottom right,#00d9ff12,transparent 40%),
#070b10;
}

/* جميع الكروت */

.about-card,
.academy-card,
.event-card,
.product-card,
.feature-card{

position:relative;
overflow:hidden;
background:rgba(20,27,36,.88);
backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,.08);
transition:.45s;
transform-style:preserve-3d;

}

.about-card::before,
.academy-card::before,
.event-card::before,
.product-card::before,
.feature-card::before{

content:"";
position:absolute;
top:-100%;
left:-100%;
width:250%;
height:250%;
background:linear-gradient(
45deg,
transparent,
rgba(0,255,136,.18),
transparent
);

transform:rotate(35deg);
transition:.8s;

}

.about-card:hover::before,
.academy-card:hover::before,
.event-card:hover::before,
.product-card:hover::before,
.feature-card:hover::before{

left:100%;
top:100%;

}

.about-card:hover,
.academy-card:hover,
.event-card:hover,
.product-card:hover,
.feature-card:hover{

transform:
translateY(-18px)
scale(1.03)
rotateX(5deg);

box-shadow:
0 0 25px rgba(0,255,136,.25),
0 0 60px rgba(0,255,136,.15),
0 25px 70px rgba(0,0,0,.45);

border-color:#00ff88;

}

/* الصور */

.event-card img,
.gallery img{

transition:.7s;

}

.event-card:hover img,
.gallery img:hover{

transform:scale(1.12);

filter:
brightness(1.15)
contrast(1.08)
saturate(1.25);

}

/* الأزرار */

.btn{

background:linear-gradient(90deg,#00ff88,#00d9ff);

color:#000;

font-weight:800;

transition:.4s;

}

.btn:hover{

transform:translateY(-5px) scale(1.05);

box-shadow:
0 0 25px rgba(0,255,136,.5),
0 0 50px rgba(0,217,255,.35);

}

/* عناوين */

.section-title h2{

background:linear-gradient(90deg,#fff,#00ff88);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

/* حركة للكروت */

@keyframes floating{

0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-8px);
}

}

.about-card:nth-child(odd),
.product-card:nth-child(odd),
.feature-card:nth-child(odd){

animation:floating 5s ease-in-out infinite;

}

.academy-card:nth-child(even),
.event-card:nth-child(even){

animation:floating 6s ease-in-out infinite;

}

/* نيون للصور */

.hero-image img{

box-shadow:
0 0 30px rgba(0,255,136,.25),
0 0 70px rgba(0,255,136,.15);

}

/* Scroll */

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-thumb{

background:linear-gradient(#00ff88,#00d9ff);

border-radius:20px;

}
.events{

padding:100px 0;

}

.events-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(340px,1fr));

gap:35px;

margin-top:60px;

}

.event-card{

background:#121212;

border-radius:22px;

overflow:hidden;

transition:.35s;

border:1px solid rgba(255,255,255,.08);

}

.event-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 40px rgba(255,214,0,.15);

}

.event-image{

position:relative;

height:240px;

overflow:hidden;

}

.event-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}

.event-card:hover img{

transform:scale(1.08);

}

.status{

position:absolute;

top:18px;

left:18px;

background:#FFD600;

padding:8px 16px;

border-radius:30px;

font-size:13px;

font-weight:700;

color:#000;

}

.event-body{

padding:28px;

}

.event-body h3{

margin-bottom:15px;

font-size:24px;

}

.event-body p{

color:#bfbfbf;

line-height:1.8;

margin-bottom:20px;

}

.event-info{

display:flex;

justify-content:space-between;

margin-bottom:25px;

font-size:15px;

color:#ddd;

}

.details-btn{

width:100%;

padding:15px;

border:none;

background:#FFD600;

color:#000;

font-size:17px;

font-weight:bold;

border-radius:12px;

cursor:pointer;

transition:.3s;

}

.details-btn:hover{

background:#fff;

}
/* ===========================
   EVENTS SECTION
=========================== */

.events{
    padding:100px 0;
    background:#0d1117;
}

.events .section-title{
    text-align:center;
    margin-bottom:60px;
}

.events .section-title span{
    color:#00ff9d;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.events .section-title h2{
    color:#fff;
    font-size:42px;
    margin:15px 0;
}

.events .section-title p{
    color:#bdbdbd;
    max-width:750px;
    margin:auto;
    line-height:1.9;
}

/* ===========================
   GRID
=========================== */

.events-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
    gap:35px;
}

/* ===========================
   CARD
=========================== */

.event-card{

    background:#131820;

    border-radius:20px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.08);

    transition:.35s;

    position:relative;

}

.event-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,255,157,.18);

}

/* ===========================
   IMAGE
=========================== */

.event-image{

    position:relative;

    height:230px;

    overflow:hidden;

}

.event-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.event-card:hover img{

    transform:scale(1.08);

}

/* ===========================
   BADGE
=========================== */

.event-badge{

    position:absolute;

    top:18px;

    left:18px;

    background:#00ff9d;

    color:#000;

    padding:8px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:bold;

}

/* ===========================
   CONTENT
=========================== */

.event-content{

    padding:28px;

}

.event-content h3{

    color:#fff;

    margin-bottom:15px;

    font-size:28px;

}

.event-description{

    color:#bdbdbd;

    line-height:1.8;

    margin-bottom:25px;

}

/* ===========================
   META
=========================== */

.event-meta{

    display:flex;

    justify-content:space-between;

    margin-bottom:25px;

    color:#ddd;

    font-size:15px;

    border-top:1px solid rgba(255,255,255,.08);

    padding-top:18px;

}

/* ===========================
   BUTTON
=========================== */

.event-btn{

    width:100%;

    padding:16px;

    border:none;

    border-radius:12px;

    background:#00ff9d;

    color:#000;

    font-size:17px;

    font-weight:bold;

    cursor:pointer;

    transition:.3s;

}

.event-btn:hover{

    background:#fff;

    transform:translateY(-3px);

    box-shadow:0 0 20px #00ff9d;

}

/* ===========================
   MOBILE
=========================== */

@media(max-width:768px){

.events{

padding:70px 20px;

}

.events .section-title h2{

font-size:30px;

}

.event-content h3{

font-size:23px;

}

.event-meta{

flex-direction:column;

gap:10px;

}

}
.event-modal{

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

display:none;

justify-content:center;

align-items:center;

background:rgba(0,0,0,.85);

z-index:99999;

padding:20px;

}

.modal-content{

background:#111827;

width:100%;

max-width:850px;

border-radius:22px;

overflow:hidden;

animation:popup .3s;

position:relative;

}

@keyframes popup{

from{

opacity:0;

transform:scale(.8);

}

to{

opacity:1;

transform:scale(1);

}

}

.modal-image{

width:100%;

height:320px;

object-fit:cover;

}

.modal-body{

padding:35px;

}

.modal-body h2{

font-size:34px;

margin-bottom:20px;

}

.modal-meta{

display:flex;

gap:30px;

margin-bottom:20px;

color:#00ff9d;

font-weight:bold;

}

.modal-body p{

line-height:2;

color:#ddd;

}

.register-btn{

display:block;

margin-top:30px;

padding:18px;

text-align:center;

background:#00ff9d;

color:#000;

font-weight:bold;

text-decoration:none;

border-radius:12px;

}

.close{

position:absolute;

top:15px;

right:20px;

font-size:40px;

cursor:pointer;

color:#fff;

}
/* ===== Modal Overlay ===== */

.event-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.85);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:999999;
    padding:40px;
}

/* ===== Modal ===== */

.modal-content{

    width:100%;
    max-width:900px;

    max-height:90vh;

    overflow-y:auto;

    background:#121826;

    border-radius:22px;

    box-shadow:0 20px 60px rgba(0,0,0,.5);

    animation:popup .3s ease;

}

/* Scroll */

.modal-content::-webkit-scrollbar{
    width:8px;
}

.modal-content::-webkit-scrollbar-thumb{
    background:#00ff9d;
    border-radius:20px;
}

.modal-content::-webkit-scrollbar-track{
    background:#1d2433;
}

/* Image */

.modal-image{
    width:100%;
    height:380px;
    object-fit:cover;
    display:block;
}

/* Body */

.modal-body{
    padding:40px;
}

.modal-body h2{
    font-size:42px;
    margin-bottom:20px;
    color:#fff;
}

.modal-body p{
    line-height:2;
    color:#ddd;
}

.close{
    position:absolute;
    top:20px;
    right:25px;
    font-size:42px;
    color:#fff;
    cursor:pointer;
    z-index:5;
}

/* Mobile */

@media(max-width:768px){

.event-modal{
padding:15px;
}

.modal-content{
max-height:95vh;
}

.modal-image{
height:220px;
}

.modal-body{
padding:25px;
}

.modal-body h2{
font-size:28px;
}

}
.details-btn,
.book-btn{

display:block;

width:100%;

padding:15px;

margin-top:15px;

border:none;

border-radius:12px;

font-size:17px;

font-weight:bold;

cursor:pointer;

text-align:center;

text-decoration:none;

transition:.3s;

}

.details-btn{

background:#00ff88;

color:#000;

}

.details-btn:hover{

background:#fff;

}

.book-btn{

background:#111;

color:#fff;

border:2px solid #00ff88;

}

.book-btn:hover{

background:#00ff88;

color:#000;

}
.event-modal{

display:none;

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

background:rgba(0,0,0,.85);

justify-content:center;

align-items:center;

z-index:9999;

padding:25px;

}

.modal-content{

background:#111827;

width:100%;

max-width:850px;

max-height:90vh;

overflow-y:auto;

border-radius:20px;

position:relative;

}

.modal-image{

width:100%;

height:350px;

object-fit:cover;

}

.modal-body{

padding:35px;

}

.close{

position:absolute;

top:15px;

right:20px;

font-size:40px;

color:#fff;

cursor:pointer;

}

.book-btn{

display:block;

margin-top:30px;

padding:18px;

text-align:center;

background:#00ff88;

color:#000;

font-weight:bold;

border-radius:12px;

text-decoration:none;

}
.event-buttons{
    display:flex;
    gap:10px;
    margin-top:20px;
}

.details-btn,
.book-btn{
    flex:1;
    text-align:center;
    padding:12px;
    border-radius:8px;
    text-decoration:none;
    font-weight:bold;
}

.details-btn{
    background:#00d084;
    color:#fff;
}

.book-btn{
    background:#111;
    color:#fff;
}
/* جميع الكروت بنفس الارتفاع */
.event-card{
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* الصورة */
.event-card img{
    width: 100%;
    height: 260px;
    object-fit: cover;
}

/* عنوان الكارت */
.event-card h3{
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* الوصف */
.event-card p{
    flex: 1;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* الأزرار تنزل لآخر الكارت */
.event-buttons{
    margin-top: auto;
    display: flex;
    gap: 12px;
}

.event-buttons a{
    flex: 1;
}
/* ================= FINAL EVENT CARD FIX ================= */

.events-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr)) !important;
    gap:35px !important;
    align-items:stretch !important;
}

.event-card{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    min-height:760px !important;
    background:#151d27 !important;
    border-radius:22px !important;
    overflow:hidden !important;
}

.event-card img,
.event-image img{
    width:100% !important;
    height:260px !important;
    object-fit:cover !important;
    display:block !important;
}

.event-content,
.event-body{
    display:flex !important;
    flex-direction:column !important;
    flex:1 !important;
    padding:28px !important;
}

.event-content h3,
.event-body h3{
    min-height:80px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    margin-bottom:18px !important;
}

.event-content p,
.event-description,
.event-body p{
    flex:1 !important;
    min-height:150px !important;
    margin-bottom:25px !important;
    line-height:1.9 !important;
}

.event-buttons{
    display:flex !important;
    gap:12px !important;
    margin-top:auto !important;
}

.event-buttons a,
.details-btn,
.book-btn{
    flex:1 !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    height:52px !important;
}

@media(max-width:768px){

.event-card{
    min-height:auto !important;
}

.event-content p,
.event-description,
.event-body p{
    min-height:auto !important;
}

}
.gallery-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 20px;
    width: 100%;
}

.gallery-btn .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 40px;
    border-radius: 50px;
}
.partnership-image{
    width:100%;
    margin-top:60px;
    text-align:center;
}

.partnership-image img{
    width:100%;
    max-width:1200px;
    border-radius:20px;
    display:block;
    margin:auto;
    box-shadow:0 15px 40px rgba(0,255,153,.15);
}
/* ===== Event Buttons ===== */

.event-buttons{
    display:flex;
    gap:12px;
    margin-top:25px;
}

.event-buttons a{
    flex:1;
    text-align:center;
    text-decoration:none;
    padding:12px 18px;
    border-radius:12px;
    font-weight:700;
    transition:.35s;
    font-size:15px;
}

.details-btn{
    background:#00ff99;
    color:#000 !important;
    box-shadow:0 0 20px rgba(0,255,153,.35);
}

.details-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 0 35px rgba(0,255,153,.7);
}

.book-btn{
    border:2px solid #00ff99;
    color:#00ff99 !important;
    background:transparent;
}

.book-btn:hover{
    background:#00ff99;
    color:#000 !important;
    transform:translateY(-4px);
}
/* ================= PERFORMANCE BOOST ================= */

/* تفعيل تسريع الـ GPU */
*{
    backface-visibility:hidden;
    -webkit-font-smoothing:antialiased;
}

/* تحسين الأنيميشن */
img,
.event-card,
.product-card,
.gallery-grid img,
.hero img,
.btn,
.details-btn,
.book-btn{
    will-change:transform;
    transform:translateZ(0);
}

/* تقليل الظلال الثقيلة */
.event-card,
.product-card,
.feature-card{
    box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
}

/* تقليل تأثيرات الـ Hover */
.event-card:hover,
.product-card:hover,
.gallery-grid img:hover{
    transform:translateY(-6px) scale(1.01);
}

/* منع إعادة الرسم أثناء التمرير */
section{
    content-visibility:auto;
    contain-intrinsic-size:800px;
}

/* تحسين عرض الصور */
img{
    max-width:100%;
    height:auto;
    display:block;
}

/* تقليل تأثير الـ Blur */
.hero-bg{
    filter:blur(35px) !important;
}

/* تعطيل الأنيميشن على الموبايل */
@media (max-width:768px){

*{
    animation:none !important;
    transition:.2s !important;
    scroll-behavior:auto !important;
}

}

/*==========================
      HERO
==========================*/

.services-hero{

position:relative;

height:100vh;

display:flex;

align-items:center;

justify-content:center;

background:
linear-gradient(rgba(5,8,12,.82),rgba(5,8,12,.92)),
url(هيرو.jpeg);

background-size:cover;

background-position:center;

overflow:hidden;

}

.services-hero::before{

content:"";

position:absolute;

width:700px;

height:700px;

background:radial-gradient(circle,#18d26e22,transparent 70%);

top:-250px;

left:-220px;

filter:blur(60px);

}

.services-hero::after{

content:"";

position:absolute;

width:600px;

height:600px;

background:radial-gradient(circle,#18d26e18,transparent);

bottom:-220px;

right:-220px;

filter:blur(70px);

}

.hero-content{

position:relative;

z-index:2;

max-width:760px;

text-align:center;

}

.badge{

display:inline-block;

padding:10px 24px;

background:#18d26e22;

border:1px solid rgba(24,210,110,.25);

color:#18d26e;

border-radius:50px;

font-weight:700;

margin-bottom:30px;

}

.hero-content h1{

font-size:72px;

font-weight:900;

line-height:1.2;

margin-bottom:30px;

}

.hero-content p{

font-size:21px;

line-height:2;

color:#d0d0d0;

margin-bottom:40px;

}

.hero-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 45px;

border-radius:60px;

background:linear-gradient(135deg,#18d26e,#34ff8d);

color:#000;

font-weight:800;

font-size:18px;

text-decoration:none;

transition:.35s;

box-shadow:0 15px 40px rgba(24,210,110,.28);

}

.hero-btn:hover{

transform:translateY(-6px);

box-shadow:0 20px 55px rgba(24,210,110,.45);

}
/* ================= PERFORMANCE BOOST ================= */

/* تفعيل تسريع الـ GPU */
*{
    backface-visibility:hidden;
    -webkit-font-smoothing:antialiased;
}

/* تحسين الأنيميشن */
img,
.event-card,
.product-card,
.gallery-grid img,
.hero img,
.btn,
.details-btn,
.book-btn{
    will-change:transform;
    transform:translateZ(0);
}

/* تقليل الظلال الثقيلة */
.event-card,
.product-card,
.feature-card{
    box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
}

/* تقليل تأثيرات الـ Hover */
.event-card:hover,
.product-card:hover,
.gallery-grid img:hover{
    transform:translateY(-6px) scale(1.01);
}

/* منع إعادة الرسم أثناء التمرير */
section{
    content-visibility:auto;
    contain-intrinsic-size:800px;
}

/* تحسين عرض الصور */
img{
    max-width:100%;
    height:auto;
    display:block;
}

/* تقليل تأثير الـ Blur */
.hero-bg{
    filter:blur(35px) !important;
}

/* تعطيل الأنيميشن على الموبايل */
@media (max-width:768px){

*{
    animation:none !important;
    transition:.2s !important;
    scroll-behavior:auto !important;
}

}
/* إصلاح اختفاء الكروت */

section{
    overflow: visible !important;
}

.container{
    overflow: visible !important;
}

.products,
.products-section,
.events,
.events-section{
    overflow: visible !important;
    position: relative;
    z-index: 5;
}

/* مسافة بين الأقسام */
.products-section{
    margin-bottom:120px !important;
}

.events-section{
    margin-top:120px !important;
}
/* ===== FORCE HERO LOGO ===== */

.services-hero{
    position:relative !important;
    overflow:hidden !important;
}

.hero-logo-left{
    position:absolute !important;

    left:80px !important;
    top:50% !important;

    transform:translateY(-50%) !important;

    width:420px !important;

    display:block !important;

    z-index:2 !important;

    pointer-events:none !important;
}

.hero-logo-left img{
    width:100% !important;
    height:auto !important;

    opacity:.18 !important;

    filter:none !important;

    transform:none !important;
}

.hero-content{
    position:relative !important;
    z-index:5 !important;
}
.stats{
    padding:90px 0;
    background:#121b26;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:25px;
}

.stat-card{
    background:linear-gradient(180deg,#1f8f5b,#2db36d);
    border-radius:22px;
    padding:40px 25px;
    text-align:center;
    color:#fff;
    transition:.35s;
    border:1px solid rgba(255,255,255,.08);
}

.stat-card i{
    font-size:42px;
    color:#d8ffd8;
    margin-bottom:20px;
}

.stat-card h3{
    font-size:34px;
    margin:15px 0;
    font-weight:800;
}

.stat-card p{
    line-height:1.8;
    color:#eaf8ee;
    font-size:16px;
}

.stat-card:hover{
    transform:translateY(-10px);
    box-shadow:0 0 35px rgba(0,255,153,.35);
}

.featured{
    border:2px solid #00ff99;
    box-shadow:0 0 35px rgba(0,255,153,.45);
}
/* ===== FORCE SHOW ACADEMY SECTION ===== */

.academy,
#academy,
#courses,
.courses,
.services,
.services-section{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    overflow:visible !important;
    height:auto !important;
    min-height:auto !important;
    transform:none !important;
}

/* Grid */

.academy-grid,
.services-grid,
.courses-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important;
    gap:30px !important;

    opacity:1 !important;
    visibility:visible !important;

    position:relative !important;
    top:auto !important;
    left:auto !important;

    margin-top:60px !important;
}

/* Cards */

.service-card,
.course-card,
.academy-card{

    display:flex !important;
    flex-direction:column;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;

    position:relative !important;

    height:auto !important;
}

/* لو AOS مخفي العناصر */

[data-aos]{

    opacity:1 !important;

    visibility:visible !important;

    transform:none !important;

    transition:none !important;

}
/* ===== 4 Cards Per Row ===== */

.services-grid,
.courses-grid,
.academy-grid,
.cards-grid{
    display:grid !important;
    grid-template-columns:repeat(4, 1fr) !important;
    gap:25px !important;
    align-items:stretch !important;
}

/* الكارت */
.service-card,
.course-card,
.academy-card,
.card{
    width:100% !important;
    margin:0 !important;
}

/* تابلت */
@media (max-width:1200px){
    .services-grid,
    .courses-grid,
    .academy-grid,
    .cards-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }
}

/* موبايل */
@media (max-width:768px){
    .services-grid,
    .courses-grid,
    .academy-grid,
    .cards-grid{
        grid-template-columns:1fr !important;
    }
}
/* ================= HERO LOGO ================= */

.hero-logo-left{
    position:absolute;
    top:50%;
    left:70px;
    transform:translateY(-50%);
    z-index:100;
    width:300px;
    pointer-events:none;
}

.hero-logo-left img{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
    opacity:1;
    filter:drop-shadow(0 8px 30px rgba(0,0,0,.45));
}

/* موبايل */

@media (max-width:768px){

.hero-logo-left{
    width:150px;
    left:20px;
    top:120px;
    transform:none;
}

}
/* ===== FINAL HERO LOGO FIX ===== */

.services-hero{
    position:relative !important;
    overflow:hidden !important;
}

.hero-logo-left{
    position:absolute !important;
    left:60px !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    width:320px !important;
    height:auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    opacity:1 !important;
    visibility:visible !important;
    z-index:999 !important;
}

.hero-logo-left img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;

    opacity:1 !important;
    filter:drop-shadow(0 10px 30px rgba(0,0,0,.45)) !important;

    transform:none !important;
    animation:none !important;
    max-width:none !important;
}

/* Mobile */
@media(max-width:768px){

.hero-logo-left{
    width:140px !important;
    left:15px !important;
    top:20px !important;
    transform:none !important;
}

}
/* ===== Hollyland Hero Logo ===== */

.hero-logo-left{
    position:absolute;
    left:7%;
    top:50%;
    transform:translateY(-50%);
    z-index:20;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
    padding:25px;
    border-radius:25px;
    border:1px solid rgba(0,255,140,.35);
    box-shadow:0 0 45px rgba(0,255,140,.25);
}

.hero-logo-left img{
    width:380px;
    max-width:34vw;
    filter:
        brightness(1.8)
        contrast(1.4)
        saturate(1.3)
        drop-shadow(0 0 30px rgba(0,255,140,.6));
    opacity:1;
}

@media(max-width:992px){
    .hero-logo-left{
        position:relative;
        left:auto;
        top:auto;
        transform:none;
        margin:25px auto;
        display:flex;
        justify-content:center;
        width:max-content;
    }

    .hero-logo-left img{
        width:220px;
        max-width:75%;
    }
}
/* ===== HERO LOGO FIX ===== */

.hero-logo-left{
    position:absolute !important;
    left:5% !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:999 !important;
    padding:0 !important;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
}

.hero-logo-left img{
    width:480px !important;
    max-width:38vw !important;
    opacity:1 !important;
    filter:brightness(2.5) contrast(1.6) saturate(1.4)
           drop-shadow(0 0 30px #00ff88)
           drop-shadow(0 0 60px rgba(0,255,136,.6)) !important;
}

@media(max-width:992px){
    .hero-logo-left{
        left:50% !important;
        top:120px !important;
        transform:translateX(-50%) !important;
    }

    .hero-logo-left img{
        width:240px !important;
        max-width:80% !important;
    }
}
.hero-logo-left{
    left:15% !important;
}
/* ===========================
   FINAL HERO FIX
=========================== */

.services-hero{
    position:relative !important;
    min-height:100vh !important;
    padding:140px 25px 90px !important;

    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
    text-align:center !important;

    overflow:hidden !important;

    background:url("هيرو.jpeg") center top/cover no-repeat !important;
}

/* إزالة الطبقات السوداء */

.services-hero::before,
.services-hero::after{
    display:none !important;
    content:none !important;
}

/* طبقة خفيفة فقط */

.services-hero{
    box-shadow:
    inset 0 -180px 120px rgba(7,11,16,.55) !important;
}

/* المحتوى */

.hero-content{

    position:relative;
    z-index:5;

    width:100%;
    max-width:850px;

    margin-top:40px !important;
}

.hero-content h1{

    font-size:clamp(42px,6vw,72px) !important;

    line-height:1.15;

    margin:25px 0 !important;

    text-shadow:
    0 0 15px rgba(0,255,136,.35);
}

.hero-content p{

    font-size:20px;

    line-height:2;

    max-width:760px;

    margin:auto;

    color:#eee;
}

.badge{

    margin-bottom:25px !important;
}

.hero-btn{

    margin-top:35px;
}

/* الموبايل */

@media(max-width:768px){

.services-hero{

    padding-top:170px !important;

    background-position:center top !important;

}

.hero-content{

    margin-top:20px !important;

}

.hero-content h1{

    font-size:42px !important;

}

.hero-content p{

    font-size:17px !important;

}

}
/* ================= HERO FINAL LAYOUT ================= */

.services-hero{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    min-height:100vh !important;
    padding:150px 20px 80px !important;
    overflow:hidden !important;
}

/* المحتوى */

.hero-content{
    position:relative !important;
    z-index:50 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;

    max-width:800px !important;
    margin:auto !important;
}

/* اللوجو */

.hero-logo-left{
    position:relative !important;

    left:auto !important;
    top:auto !important;
    transform:none !important;

    width:180px !important;

    margin-bottom:35px !important;

    z-index:20 !important;
}

.hero-logo-left img{

    width:100% !important;

    filter:none !important;

    opacity:1 !important;

    box-shadow:none !important;

    background:none !important;

}

/* علامة X */

.hero-x{

    display:block !important;

    margin:15px auto !important;

    font-size:70px !important;

    color:#00ff88 !important;

    line-height:1 !important;

}

/* Hollyland */

.hero-content h2{

    margin:0 0 25px !important;

    font-size:48px !important;

    color:#00ff88 !important;

}

/* العنوان */

.hero-content h1{

    margin:15px 0 25px !important;

    font-size:60px !important;

    line-height:1.2 !important;

}

/* الوصف */

.hero-content p{

    max-width:700px !important;

    margin:0 auto 35px !important;

    line-height:2 !important;

}

/* زر */

.hero-btn{

    margin-top:15px !important;

}

/* إزالة أي عناصر مطلقة */

.hero-content *,
.hero-logo-left,
.hero-x{

    position:relative !important;

}

/* موبايل */

@media(max-width:768px){

.hero-logo-left{

width:120px !important;

margin-bottom:25px !important;

}

.hero-content h1{

font-size:40px !important;

}

.hero-content h2{

font-size:32px !important;

}

.hero-x{

font-size:48px !important;

}

}
/* =========================
   HERO LAYOUT FINAL
========================= */

.services-hero{
    position:relative;
}

.hero-content{
    width:100%;
    max-width:1200px;
    margin:auto;
    position:relative;
    min-height:700px;
}

/* اللوجو */

.hero-logo-left{

    position:absolute !important;

    left:40px !important;

    top:50% !important;

    transform:translateY(-50%) !important;

    width:150px !important;

    z-index:10;
}

.hero-logo-left img{

    width:100% !important;

    height:auto;

    display:block;
}

/* الكلام */

.hero-text{

    position:absolute !important;

    right:60px !important;

    top:50% !important;

    transform:translateY(-50%) !important;

    width:620px !important;

    text-align:right !important;

    z-index:20;
}

.hero-text h1{

    font-size:68px !important;

    margin-bottom:15px;
}

.hero-text h2{

    font-size:56px !important;

    color:#00ff88;

    margin:15px 0;
}

.hero-text p{

    font-size:22px;

    line-height:2;

    margin-top:25px;
}

/* X */

.hero-x{

    font-size:55px;

    margin:20px 0;

    color:#00ff88;
}

/* موبايل */

@media(max-width:768px){

.hero-logo-left{

left:50% !important;

top:70px !important;

transform:translateX(-50%) !important;

width:95px !important;

}

.hero-text{

position:relative !important;

top:auto !important;

right:auto !important;

transform:none !important;

width:100% !important;

padding:170px 25px 60px;

text-align:center !important;

}

.hero-text h1{

font-size:42px !important;

}

.hero-text h2{

font-size:34px !important;

}

.hero-text p{

font-size:17px;

}

}
/* ==========================
   PREMIUM ANIMATIONS
========================== */

section,
.hero-content,
.about,
.stats,
.academy,
.events,
.products,
.gallery,
.final-section,
.footer{

    animation:fadeUp .9s cubic-bezier(.22,1,.36,1) both;

}

@keyframes fadeUp{

0%{

opacity:0;

transform:translateY(70px) scale(.96);

filter:blur(12px);

}

100%{

opacity:1;

transform:translateY(0) scale(1);

filter:blur(0);

}

}

/* عناوين */

h1,h2{

animation:slideRight 1s .2s both;

}

@keyframes slideRight{

0%{

opacity:0;

transform:translateX(80px);

}

100%{

opacity:1;

transform:translateX(0);

}

}

/* الفقرات */

p{

animation:slideLeft 1s .35s both;

}

@keyframes slideLeft{

0%{

opacity:0;

transform:translateX(-70px);

}

100%{

opacity:1;

transform:translateX(0);

}

}

/* الصور */

img{

animation:zoomImage 1.2s both;

transition:.5s;

}

@keyframes zoomImage{

0%{

opacity:0;

transform:scale(1.18);

filter:blur(8px);

}

100%{

opacity:1;

transform:scale(1);

filter:none;

}

}

img:hover{

transform:scale(1.04);

}

/* البطاقات */

.card,
.stat-card,
.product-card,
.event-card,
.team-card{

transition:.45s;

}

.card:hover,
.stat-card:hover,
.product-card:hover,
.event-card:hover,
.team-card:hover{

transform:translateY(-12px);

box-shadow:0 20px 60px rgba(0,255,136,.22);

}

/* الأزرار */

button,
.btn,
.hero-btn{

transition:.35s;

}

button:hover,
.btn:hover,
.hero-btn:hover{

transform:translateY(-4px) scale(1.04);

box-shadow:0 0 35px rgba(0,255,136,.45);

}

/* اللوجوهات */

.logo img{

transition:.5s;

}

.logo img:hover{

transform:rotate(-4deg) scale(1.08);

}

/* حركة خفيفة للخلفية */

.services-hero,
.hero{

animation:heroFloat 10s ease-in-out infinite;

}

@keyframes heroFloat{

0%,100%{

background-position:center top;

}

50%{

background-position:center 25px;

}

}
/* ===== إزالة الفراغ أعلى السيكشن ===== */

#academy,
.academy {

    margin-top: 0 !important;
    padding-top: 0 !important;

    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: center;

    min-height: auto !important;
}

/* أول عنصر يبدأ من فوق مباشرة */

#academy > *:first-child,
.academy > *:first-child {

    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* إزالة أي مسافة من العنوان والبادج */

#academy .section-badge,
#academy .badge,
#academy h1,
#academy h2,
#academy h3 {

    margin-top: 0 !important;
}

/* لو في عنصر وهمي عامل فراغ */

#academy::before,
.academy::before {

    display: none !important;
    content: none !important;
}
/*=========================================
      PREMIUM CARDS OVERRIDE
=========================================*/

.service-card,
.event-card,
.card,
.products .card,
.events .card{

position:relative !important;

overflow:hidden !important;

border-radius:28px !important;

background:linear-gradient(180deg,#182433,#101820) !important;

border:1px solid rgba(0,255,170,.18) !important;

box-shadow:
0 15px 45px rgba(0,0,0,.45),
0 0 20px rgba(0,255,170,.08);

transition:.55s cubic-bezier(.2,.8,.2,1);

transform-style:preserve-3d;

backdrop-filter:blur(14px);

}

/* Glow خلفي */

.service-card::before,
.event-card::before,
.card::before{

content:"";

position:absolute;

width:220px;

height:220px;

background:radial-gradient(circle,
rgba(0,255,170,.45),
transparent 70%);

top:-90px;

right:-90px;

opacity:.6;

transition:.6s;

filter:blur(20px);

pointer-events:none;

}

/* خط نيون */

.service-card::after,
.event-card::after,
.card::after{

content:"";

position:absolute;

top:0;

right:0;

width:4px;

height:100%;

background:linear-gradient(
to bottom,
#00ff9d,
transparent,
#00ff9d);

box-shadow:
0 0 20px #00ff9d,
0 0 40px #00ff9d;

opacity:.8;

}

/* Hover */

.service-card:hover,
.event-card:hover,
.card:hover{

transform:
translateY(-14px)
scale(1.03);

box-shadow:
0 35px 80px rgba(0,0,0,.55),
0 0 40px rgba(0,255,170,.30);

border-color:#00ff9d;

}

/* تحريك النيون */

.service-card:hover::before,
.event-card:hover::before,
.card:hover::before{

transform:scale(1.5);

opacity:1;

}

/* الصور */

.card img,
.event-card img,
.service-card img{

border-radius:20px;

transition:.7s;

}

.card:hover img,
.event-card:hover img,
.service-card:hover img{

transform:scale(1.08);

filter:saturate(1.2);

}

/* العنوان */

.card h3,
.event-card h3,
.service-card h3{

font-size:32px;

font-weight:800;

color:#fff;

transition:.5s;

}

.card:hover h3,
.event-card:hover h3,
.service-card:hover h3{

color:#00ff9d;

text-shadow:
0 0 18px #00ff9d;

}

/* الوصف */

.card p,
.event-card p,
.service-card p{

color:#d9d9d9;

line-height:2;

font-size:17px;

}

/* الأزرار */

.card .btn,
.event-card .btn,
.service-card .btn{

border-radius:60px;

background:#00ff9d;

color:#111;

font-weight:700;

transition:.45s;

box-shadow:
0 0 25px rgba(0,255,170,.4);

}

.card .btn:hover,
.event-card .btn:hover,
.service-card .btn:hover{

transform:translateY(-5px);

box-shadow:
0 0 45px #00ff9d;

}

/* ظهور تدريجي */

.card,
.event-card,
.service-card{

animation:premiumShow .9s ease both;

}

@keyframes premiumShow{

from{

opacity:0;

transform:
translateY(60px)
scale(.95);

}

to{

opacity:1;

transform:
translateY(0)
scale(1);

}

}
/*==========================
   PREMIUM EQUIPMENT CARDS
==========================*/

.equipment-card,
.card,
.product-card{

position:relative !important;

overflow:hidden !important;

padding:45px 30px !important;

border-radius:30px !important;

background:
linear-gradient(145deg,#142b24,#0c171c) !important;

border:1px solid rgba(0,255,170,.15) !important;

box-shadow:
0 15px 45px rgba(0,0,0,.45),
0 0 25px rgba(0,255,170,.08);

transition:all .55s ease !important;

}

/* نيون متحرك */

.equipment-card::before,
.card::before,
.product-card::before{

content:"";

position:absolute;

top:-120px;
left:-120px;

width:260px;
height:260px;

background:radial-gradient(circle,
rgba(0,255,170,.45),
transparent 70%);

filter:blur(30px);

transition:.6s;

pointer-events:none;

}

/* خط مضيء */

.equipment-card::after,
.card::after,
.product-card::after{

content:"";

position:absolute;

left:0;
bottom:0;

width:100%;
height:4px;

background:linear-gradient(
90deg,
transparent,
#00ff9d,
transparent);

box-shadow:
0 0 15px #00ff9d,
0 0 30px #00ff9d;

opacity:.8;

}

/* Hover */

.equipment-card:hover,
.card:hover,
.product-card:hover{

transform:
translateY(-15px)
scale(1.03);

border-color:#00ff9d;

box-shadow:
0 35px 80px rgba(0,0,0,.55),
0 0 45px rgba(0,255,170,.35);

}

.equipment-card:hover::before,
.card:hover::before,
.product-card:hover::before{

transform:scale(1.5) rotate(25deg);

opacity:1;

}

/* الأيقونة */

.equipment-card i,
.card i,
.product-card i{

font-size:65px;

color:#00ff9d;

margin-bottom:25px;

text-shadow:
0 0 25px #00ff9d;

transition:.5s;

}

.equipment-card:hover i,
.card:hover i,
.product-card:hover i{

transform:scale(1.15) rotate(8deg);

}

/* العنوان */

.equipment-card h3,
.card h3,
.product-card h3{

font-size:34px;

font-weight:800;

color:#fff;

margin-bottom:20px;

transition:.5s;

}

.equipment-card:hover h3,
.card:hover h3,
.product-card:hover h3{

color:#00ff9d;

text-shadow:0 0 15px #00ff9d;

}

/* الوصف */

.equipment-card p,
.card p,
.product-card p{

font-size:18px;

line-height:2;

color:#d8d8d8;

}

/* حركة دخول */

.equipment-card,
.card,
.product-card{

animation:cardUp .9s ease both;

}

@keyframes cardUp{

from{

opacity:0;

transform:
translateY(70px)
scale(.92);

}

to{

opacity:1;

transform:
translateY(0)
scale(1);

}

}
/* ===========================
   PREMIUM GALLERY
=========================== */

.gallery{
    padding:100px 6% !important;
    background:#070b12 !important;
}

.gallery-grid,
.gallery-container{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:35px !important;
}

/* الكارت */

.gallery img,
.gallery-card img,
.gallery-item img{

    width:100% !important;

    display:block;

    border-radius:22px !important;

    transition:.7s ease !important;

    box-shadow:
    0 15px 40px rgba(0,0,0,.45),
    0 0 0 rgba(0,255,170,.3);

}

.gallery-card,
.gallery-item{

    overflow:hidden !important;

    border-radius:22px;

    position:relative;

    transition:.6s;

}

/* نيون */

.gallery-card::before,
.gallery-item::before{

content:"";

position:absolute;

inset:0;

border-radius:22px;

padding:2px;

background:linear-gradient(
135deg,
#00ff99,
#00e5ff,
#00ff99);

-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;

mask-composite:exclude;

opacity:0;

transition:.5s;

pointer-events:none;

}

/* Hover */

.gallery-card:hover,
.gallery-item:hover{

transform:
translateY(-12px)
scale(1.03);

}

.gallery-card:hover::before,
.gallery-item:hover::before{

opacity:1;

box-shadow:
0 0 30px #00ff99;

}

.gallery-card:hover img,
.gallery-item:hover img,
.gallery img:hover{

transform:scale(1.12);

filter:brightness(1.08);

}

/* Glow */

.gallery-card::after,
.gallery-item::after{

content:"";

position:absolute;

left:50%;

bottom:-50px;

transform:translateX(-50%);

width:70%;

height:90px;

background:#00ff99;

filter:blur(45px);

opacity:0;

transition:.5s;

}

.gallery-card:hover::after,
.gallery-item:hover::after{

opacity:.35;

}
.gallery-card,
.gallery-item{

animation:galleryUp .8s ease both;

}

@keyframes galleryUp{

from{

opacity:0;

transform:
translateY(80px)
scale(.9);

}

to{

opacity:1;

transform:
translateY(0)
scale(1);

}

}
/* ===============================
   PREMIUM INFO CARDS
================================ */

.info-card,
.feature-card,
.card{

position:relative !important;

overflow:hidden !important;

padding:45px 30px !important;

border-radius:28px !important;

background:linear-gradient(145deg,#111923,#1a2430) !important;

border:1px solid rgba(0,255,170,.12) !important;

transition:.55s ease !important;

box-shadow:
0 12px 35px rgba(0,0,0,.45);

}

/* Glow */

.info-card::before,
.feature-card::before,
.card::before{

content:"";

position:absolute;

top:-70%;

left:-70%;

width:220%;

height:220%;

background:radial-gradient(circle,
rgba(0,255,170,.18),
transparent 65%);

opacity:0;

transition:.6s;

pointer-events:none;

}

/* لمعان */

.info-card::after,
.feature-card::after,
.card::after{

content:"";

position:absolute;

top:-120%;

left:-50%;

width:45%;

height:320%;

background:rgba(255,255,255,.08);

transform:rotate(25deg);

transition:.8s;

}

/* Hover */

.info-card:hover,
.feature-card:hover,
.card:hover{

transform:
translateY(-12px)
scale(1.03);

border-color:#00ff9d;

box-shadow:
0 25px 60px rgba(0,0,0,.5),
0 0 35px rgba(0,255,170,.28);

}

.info-card:hover::before,
.feature-card:hover::before,
.card:hover::before{

opacity:1;

}

.info-card:hover::after,
.feature-card:hover::after,
.card:hover::after{

left:130%;

}

/* الأيقونة */

.info-card i,
.feature-card i,
.card i{

font-size:52px;

margin-bottom:18px;

color:#00ff9d;

text-shadow:0 0 20px #00ff9d;

transition:.5s;

}

.info-card:hover i,
.feature-card:hover i,
.card:hover i{

transform:
scale(1.18)
rotate(8deg);

}

/* العنوان */

.info-card h3,
.feature-card h3,
.card h3{

font-size:34px;

font-weight:800;

color:#fff;

margin:20px 0;

transition:.4s;

}

.info-card:hover h3,
.feature-card:hover h3,
.card:hover h3{

color:#00ff9d;

}

/* الوصف */

.info-card p,
.feature-card p,
.card p{

font-size:18px;

line-height:2;

color:#d7d7d7;

}
/* ================= HERO TEXT FIX ================= */

.hero h1,
.hero-title,
.hero h2{
    color:#fff !important;
    font-size:clamp(42px,5vw,80px) !important;
    font-weight:900 !important;
    line-height:1.15;
    letter-spacing:-1px;
    text-shadow:
        0 0 8px rgba(0,255,170,.8),
        0 0 18px rgba(0,255,170,.6),
        0 4px 18px rgba(0,0,0,.9);
    -webkit-text-stroke:1.3px rgba(0,0,0,.6);
    position:relative;
    z-index:10;
}

.hero h1 span,
.hero h2 span{
    color:#00ff99 !important;
    font-weight:900;
    text-shadow:
        0 0 12px #00ff99,
        0 0 28px #00ff99;
}

/* وصف الهيرو */
.hero p,
.hero-text,
.hero .description{
    display:inline-block;
    color:#fff !important;
    font-size:24px !important;
    font-weight:700 !important;
    line-height:2;
    max-width:900px;
    padding:18px 28px;
    border-radius:18px;
    background:rgba(0,0,0,.45);
    backdrop-filter:blur(16px);
    border:1px solid rgba(0,255,170,.35);
    box-shadow:
        0 0 25px rgba(0,255,170,.25);
    text-shadow:
        0 2px 10px rgba(0,0,0,.9);
}

/* كلمات مميزة */
.hero strong,
.hero b{
    color:#00ff99 !important;
    font-weight:900;
    text-shadow:
        0 0 12px #00ff99,
        0 0 25px #00ff99;
}

/* موبايل */
@media(max-width:768px){

.hero h1,
.hero h2{
    font-size:42px !important;
    line-height:1.2;
}

.hero p,
.hero-text,
.hero .description{
    font-size:18px !important;
    padding:14px 18px;
}

}
/* تحسين فقرة Hollyland */

.hero p,
.hero-content p,
.hero-text p{

    display:inline-block;
    max-width:950px;

    color:#fff !important;
    font-size:28px !important;
    font-weight:800 !important;
    line-height:2;

    padding:18px 28px;

    background:rgba(0,0,0,.45);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    border:1px solid rgba(0,255,170,.35);
    border-radius:18px;

    text-shadow:
        0 2px 6px rgba(0,0,0,1),
        0 0 18px rgba(0,255,170,.35);

    box-shadow:
        0 0 25px rgba(0,255,170,.2);
}

/* موبايل */
@media(max-width:768px){

.hero p,
.hero-content p,
.hero-text p{

    font-size:18px !important;
    line-height:1.9;
    padding:14px 18px;
}

}
/* ================= HERO PREMIUM ================= */

.hero{
    position:relative;
    overflow:hidden;
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.65)),
    radial-gradient(circle at top,#00ff9930,transparent 55%);
    z-index:1;
}

.hero>*{
    position:relative;
    z-index:2;
}

/* اللوجو */
.hero img{
    transition:.5s;
}

.hero img:hover{
    transform:scale(1.08) rotate(-3deg);
    filter:drop-shadow(0 0 18px #00ff99);
}

/* العنوان */

.hero h1{
    font-size:78px;
    font-weight:900;
    color:#fff;
    line-height:1.05;
    text-shadow:
    0 0 10px #fff,
    0 0 20px #00ff99,
    0 0 40px #00ff99;
    animation:heroGlow 2.5s infinite alternate;
}

.hero h2{
    font-size:70px;
    color:#00ff99;
    font-weight:900;
    text-shadow:
    0 0 12px #00ff99,
    0 0 35px #00ff99;
}

/* علامة × */

.hero .cross,
.hero span{
    color:#00ff99;
    font-size:70px;
    font-weight:900;
    animation:rotateCross 5s linear infinite;
}

/* مربع الكلام */

.hero p{

    display:inline-block;
    max-width:900px;

    padding:25px 35px;

    background:rgba(18,18,18,.45);

    backdrop-filter:blur(18px);

    border-radius:25px;

    border:1px solid rgba(0,255,170,.35);

    color:#fff;

    font-size:25px;

    line-height:2;

    font-weight:700;

    box-shadow:
    0 0 35px rgba(0,255,170,.18);

    transition:.45s;

}

.hero p:hover{

    transform:translateY(-8px);

    border-color:#00ff99;

    box-shadow:
    0 0 45px rgba(0,255,170,.4);

}

/* تمييز Hollyland */

.hero mark{

    background:#00ff99;

    color:#000;

    padding:3px 12px;

    border-radius:8px;

    font-weight:900;

    box-shadow:0 0 18px #00ff99;

}

/* الحركة */

@keyframes heroGlow{

0%{

text-shadow:
0 0 10px #fff,
0 0 18px #00ff99;

}

100%{

text-shadow:
0 0 18px #fff,
0 0 35px #00ff99,
0 0 60px #00ff99;

}

}

@keyframes rotateCross{

from{
transform:rotate(0deg);
}

to{
transform:rotate(360deg);
}

}

/* موبايل */

@media(max-width:768px){

.hero h1{

font-size:48px;

}

.hero h2{

font-size:46px;

}

.hero p{

font-size:18px;

padding:18px;

line-height:1.9;

}

.hero span{

font-size:45px;

}

}
/*================ HERO OVERRIDE =================*/

.services-hero{
    position:relative !important;
    min-height:100vh !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    overflow:hidden !important;
    padding:140px 20px 80px !important;
}

/* صورة الخلفية */

.services-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(rgba(5,10,18,.55),rgba(5,10,18,.72)),
    radial-gradient(circle at top,#00ff9920,transparent 55%);

    z-index:1;

}

/* طبقة */

.services-hero .overlay{

    position:absolute !important;

    inset:0 !important;

    backdrop-filter:blur(2px);

    background:linear-gradient(180deg,
    rgba(0,0,0,.18),
    rgba(0,0,0,.45));

}

/* المحتوى */

.services-hero .container,
.services-hero .hero-content{

    position:relative;

    z-index:10;

}

/* اللوجو */

.hero-logo-left{

    position:absolute;

    left:40px;

    bottom:80px;

    z-index:20;

}

.hero-logo-left img{

    width:170px;

    filter:drop-shadow(0 0 20px rgba(0,255,170,.4));

    transition:.45s;

}

.hero-logo-left img:hover{

    transform:scale(1.08);

    filter:drop-shadow(0 0 35px #00ff99);

}

/*================ TITLE =================*/

.hero-title{

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

gap:12px;

margin-bottom:35px;

}

.title-top{

font-size:78px !important;

font-weight:900 !important;

color:#fff !important;

line-height:1;

text-shadow:

0 0 15px rgba(255,255,255,.8),

0 0 30px rgba(0,255,170,.4);

}

.hero-x{

font-size:75px;

font-weight:900;

color:#00ff99;

line-height:1;

animation:spinX 7s linear infinite;

text-shadow:

0 0 15px #00ff99,

0 0 40px #00ff99;

}

.title-bottom{

font-size:70px !important;

font-weight:900;

color:#00ff99;

line-height:1;

text-shadow:

0 0 18px #00ff99,

0 0 45px #00ff99;

}

/*================ TEXT =================*/

.hero-content p{

display:inline-block;

max-width:900px;

margin:auto;

padding:28px 35px;

background:rgba(12,17,25,.45);

backdrop-filter:blur(18px);

border:1px solid rgba(0,255,170,.35);

border-radius:28px;

color:#fff !important;

font-size:25px !important;

font-weight:700;

line-height:2;

text-align:center;

box-shadow:

0 0 35px rgba(0,255,170,.15);

transition:.4s;

}

.hero-content p:hover{

transform:translateY(-8px);

border-color:#00ff99;

box-shadow:

0 0 45px rgba(0,255,170,.4);

}

/* تمييز Hollyland */

.hero-content p{

font-weight:700;

}

.hero-content p::selection{

background:#00ff99;

color:#000;

}

/*================ Animation =================*/

@keyframes spinX{

0%{

transform:rotate(0);

}

100%{

transform:rotate(360deg);

}

}

/*================ Mobile =================*/

@media(max-width:768px){

.services-hero{

padding-top:120px !important;

min-height:85vh !important;

}

.hero-logo-left{

position:relative;

left:auto;

bottom:auto;

margin-bottom:25px;

text-align:center;

}

.hero-logo-left img{

width:120px;

}

.title-top{

font-size:42px !important;

}

.hero-x{

font-size:42px;

}

.title-bottom{

font-size:40px !important;

}

.hero-content p{

font-size:18px !important;

padding:18px;

line-height:1.9;

border-radius:20px;

}

}
/* ===========================================
   FORCE MOBILE HERO - OVERRIDE EVERYTHING
=========================================== */

@media (max-width:768px){

/* الهيرو */

.services-hero{

    all:unset;
    position:relative !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:center !important;

    min-height:100vh !important;

    padding:120px 20px 60px !important;

    background:
    linear-gradient(rgba(8,10,15,.55),rgba(8,10,15,.85)),
    url("هيرو.jpeg") center/cover no-repeat !important;

    text-align:center !important;

    overflow:hidden !important;

}

/* إلغاء أي طبقات قديمة */

.services-hero::before,
.services-hero::after{
    display:none !important;
}

/* اللوجو */

.hero-logo-left{

    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    transform:none !important;

    display:flex !important;
    justify-content:center !important;

    width:120px !important;

    margin:0 auto 25px !important;

    padding:0 !important;

    background:none !important;
    border:none !important;
    box-shadow:none !important;
}

.hero-logo-left img{

    width:100% !important;
    height:auto !important;

    filter:
    drop-shadow(0 0 18px #00ff88);

}

/* المحتوى */

.hero-content{

    position:relative !important;

    width:100% !important;

    max-width:100% !important;

    margin:0 auto !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    z-index:50 !important;

}

/* العنوان */

.hero-title{

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    gap:10px !important;

    margin-bottom:20px !important;

}

.title-top{

    font-size:34px !important;

    line-height:1.2 !important;

    color:#fff !important;

    font-weight:900 !important;

}

.hero-x{

    font-size:42px !important;

    margin:0 !important;

    color:#00ff88 !important;

}

.title-bottom{

    font-size:38px !important;

    color:#00ff88 !important;

    font-weight:900 !important;

    text-shadow:0 0 18px #00ff88;

}

/* الوصف */

.hero-content p{

    width:100% !important;

    padding:22px !important;

    margin-top:18px !important;

    background:rgba(10,15,20,.70) !important;

    backdrop-filter:blur(18px);

    border:1px solid rgba(0,255,136,.35);

    border-radius:22px !important;

    color:#fff !important;

    font-size:17px !important;

    font-weight:600 !important;

    line-height:2 !important;

    text-align:center !important;

    box-shadow:
    0 15px 35px rgba(0,0,0,.35);

}

}
/* ===========================================================
   ============  FINAL MOBILE MASTER STYLESHEET  =============
=========================================================== */

@media (max-width:768px){

    html{ -webkit-text-size-adjust:100%; }
    body{ overflow-x:hidden !important; }
    .container{ width:92% !important; padding:0 !important; }
    section{ padding:70px 0 !important; }

    .section-title{ margin-bottom:40px !important; }
    .section-title span{ font-size:13px !important; padding:6px 16px !important; }
    .section-title h2{ font-size:30px !important; line-height:1.3 !important; padding:0 8px; }
    .section-title p{ font-size:15.5px !important; line-height:1.9 !important; padding:0 6px; }

    .btn, .btn-outline{ padding:15px 30px !important; font-size:15px !important; }

    /* NAVBAR + HAMBURGER */
    .navbar{ height:75px !important; width:92% !important; }
    .logo img{ width:120px !important; }
    .desktop-only-btn{ display:none !important; }

    .nav-toggle{
        display:flex !important; flex-direction:column; justify-content:center;
        gap:5px; width:38px; height:38px; background:none; border:none;
        cursor:pointer; z-index:1100; padding:0;
    }
    .nav-toggle span{ display:block; width:100%; height:2px; background:#00ff88; border-radius:2px; transition:.35s; }
    .nav-toggle.active span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
    .nav-toggle.active span:nth-child(2){ opacity:0; }
    .nav-toggle.active span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

    .navbar ul{
        position:fixed !important; top:75px !important; right:0 !important;
        width:78% !important; max-width:320px; height:calc(100vh - 75px) !important;
        margin:0 !important; padding:35px 30px !important;
        background:rgba(8,12,18,.98) !important; backdrop-filter:blur(16px);
        border-left:1px solid rgba(255,255,255,.08);
        flex-direction:column !important; align-items:flex-start !important; gap:0 !important;
        transform:translateX(100%); transition:transform .4s ease; z-index:1050; overflow-y:auto;
    }
    .navbar ul.active{ transform:translateX(0); }
    .navbar ul li{ width:100%; border-bottom:1px solid rgba(255,255,255,.07); }
    .navbar ul li a{ display:block; width:100%; padding:16px 4px; font-size:16px !important; }
    .mobile-only-btn{ border-bottom:none !important; margin-top:20px; }
    .mobile-only-btn .nav-btn{ display:block; width:100%; text-align:center; padding:14px !important; }
    body.nav-open{ overflow:hidden; }
    body.nav-open::after{ content:""; position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:1000; }

    /* HERO */
    .hero-content p{ font-size:15.5px !important; line-height:1.85 !important; padding:18px !important; }

    /* ABOUT */
    .about{ padding:70px 0 !important; }
    .about-grid{ grid-template-columns:1fr !important; gap:18px !important; margin-top:35px !important; }
    .about-card{ padding:32px 24px !important; }
    .about-card i{ font-size:42px !important; margin-bottom:16px !important; }
    .about-card h3{ font-size:22px !important; }
    .about-card p{ font-size:15px !important; line-height:1.85 !important; }

    /* STATS */
    .stats-grid{ grid-template-columns:repeat(2,1fr) !important; gap:14px !important; }
    .stat-card{ padding:22px 14px !important; }
    .stat-card i{ font-size:28px !important; }
    .stat-card h3{ font-size:19px !important; }
    .stat-card p{ font-size:12.5px !important; line-height:1.6 !important; }

    /* ACADEMY */
    .academy{ padding:70px 0 !important; }
    .academy-grid{ grid-template-columns:1fr !important; gap:18px !important; }
    .academy-card{ padding:32px 22px !important; }
    .academy-card h3{ font-size:21px !important; }
    .academy-card p{ font-size:15px !important; line-height:1.85 !important; }

    /* EVENTS */
    .events{ padding:70px 0 !important; }
    .events-grid{ grid-template-columns:1fr !important; gap:22px !important; }
    .event-card img{ height:210px !important; width:100% !important; object-fit:cover !important; }
    .event-content{ padding:22px !important; }
    .event-content h3{ font-size:19px !important; line-height:1.4 !important; }
    .event-content p{ font-size:14.5px !important; line-height:1.85 !important; }
    .event-buttons{ flex-direction:column !important; gap:10px !important; }
    .details-btn{ width:100% !important; text-align:center !important; padding:13px !important; font-size:14px !important; }

    /* PRODUCTS */
    .products{ padding:70px 0 !important; }
    .products-grid{ grid-template-columns:1fr 1fr !important; gap:14px !important; }
    .product-card{ padding:26px 16px !important; }
    .product-card i{ font-size:34px !important; margin-bottom:14px !important; }
    .product-card h3{ font-size:16px !important; }
    .product-card p{ font-size:13px !important; line-height:1.7 !important; }

    /* GALLERY */
    .gallery{ padding:70px 0 !important; }
    .gallery-grid{ grid-template-columns:repeat(2,1fr) !important; gap:10px !important; }
    .gallery-grid img{ height:150px !important; width:100% !important; object-fit:cover !important; border-radius:12px !important; }
    .gallery-btn{ margin-top:30px !important; }

    /* FINAL CTA */
    .final-section{ padding:70px 0 !important; text-align:center; }
    .final-badge{ font-size:12px !important; padding:8px 16px !important; }
    .final-section p{ font-size:15.5px !important; line-height:1.9 !important; }
    .final-buttons{ flex-direction:column !important; gap:12px !important; width:100%; }
    .final-buttons .btn, .final-buttons .btn-outline{ width:100% !important; }
    .final-info{ grid-template-columns:1fr !important; gap:18px !important; margin-top:35px !important; }
    .final-info div{ padding:20px !important; }

    /* FOOTER */
    .footer{ padding:40px 0 !important; text-align:center; }
    .footer-logo{ width:130px !important; margin:0 auto 15px !important; }
    .footer p{ font-size:13.5px !important; line-height:1.8 !important; }
}

@media (max-width:400px){
    .title-top{ font-size:28px !important; }
    .title-bottom{ font-size:32px !important; }
    .hero-x{ font-size:34px !important; }
    .stats-grid, .products-grid, .gallery-grid{ grid-template-columns:1fr 1fr !important; }
    .section-title h2{ font-size:26px !important; }
}

.nav-toggle{ display:none; }
/* =========================================================
   HOLLYLAND HERO + NAVBAR
=========================================================*/

.hero-header{
    position:relative;
    min-height:100vh;
    background:url("هيرو.jpeg") center center/cover no-repeat;
    overflow:hidden;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(to left,rgba(0,0,0,.82),rgba(0,0,0,.55)),
    radial-gradient(circle at top right,#19ff90 0%,transparent 35%);
    backdrop-filter:blur(2px);
}

/* ================= NAVBAR ================= */

.navbar{

    position:fixed;

    top:20px;

    left:50%;

    transform:translateX(-50%);

    width:92%;

    max-width:1350px;

    height:82px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 35px;

    border-radius:20px;

    background:rgba(12,18,17,.78);

    backdrop-filter:blur(18px);

    border:1px solid rgba(0,255,150,.15);

    box-shadow:
    0 15px 45px rgba(0,0,0,.35);

    z-index:999;
}

/* LOGO */

.logo img{

    width:170px;

}

/* LINKS */

.nav-links{

    display:flex;

    align-items:center;

    gap:35px;

    list-style:none;

}

.nav-links a{

    color:#fff;

    text-decoration:none;

    font-size:18px;

    font-weight:700;

    transition:.35s;

    position:relative;

}

.nav-links a::after{

    content:"";

    position:absolute;

    bottom:-8px;

    right:0;

    width:0;

    height:2px;

    background:#18ff8d;

    transition:.35s;

}

.nav-links a:hover{

    color:#18ff8d;

}

.nav-links a:hover::after{

    width:100%;

}

/* BUTTON */

.btn-primary{

    background:#18ff8d;

    color:#07130e;

    text-decoration:none;

    padding:15px 34px;

    border-radius:60px;

    font-weight:800;

    transition:.35s;

    box-shadow:0 0 30px rgba(24,255,141,.45);

}

.btn-primary:hover{

    transform:translateY(-5px);

    box-shadow:0 0 45px rgba(24,255,141,.75);

}

.btn-outline{

    border:2px solid #18ff8d;

    color:#fff;

    padding:15px 34px;

    border-radius:60px;

    text-decoration:none;

    transition:.35s;

}

.btn-outline:hover{

    background:#18ff8d;

    color:#000;

}

/* HERO */

.hero-container{

    position:relative;

    z-index:3;

    max-width:1250px;

    margin:auto;

    min-height:100vh;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:flex-start;

    text-align:right;

    padding:180px 20px 100px;

}

.hero-logo{

    margin-bottom:35px;

}

.hero-logo img{

    width:150px;

    filter:drop-shadow(0 0 25px rgba(0,255,150,.45));

}

.hero-badge{

    display:inline-block;

    padding:10px 24px;

    background:rgba(24,255,141,.12);

    border:1px solid rgba(24,255,141,.3);

    border-radius:40px;

    color:#18ff8d;

    font-weight:700;

    margin-bottom:25px;

}

.hero-content h1{

    font-size:72px;

    line-height:1.15;

    color:#fff;

    margin-bottom:30px;

    font-weight:900;

}

.hero-x{

    display:block;

    color:#18ff8d;

    font-size:60px;

    margin:10px 0;

}

.green{

    color:#18ff8d;

    text-shadow:0 0 25px rgba(24,255,141,.5);

}

.hero-content p{

    max-width:760px;

    font-size:22px;

    line-height:2;

    color:#d8d8d8;

    margin-bottom:45px;

}

.hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

/* MOBILE */

@media(max-width:768px){

.navbar{

height:72px;

padding:0 18px;

top:10px;

width:96%;

}

.logo img{

width:110px;

}

.nav-links{

display:none;

}

.hero-container{

padding-top:130px;

text-align:center;

align-items:center;

}

.hero-logo img{

width:95px;

}

.hero-content h1{

font-size:42px;

}

.hero-x{

font-size:40px;

}

.hero-content p{

font-size:17px;

line-height:1.9;

}

.hero-buttons{

justify-content:center;

}

.btn-primary,
.btn-outline{

width:100%;

text-align:center;

}

}
/* ===== Hero Logo Center ===== */

.hero-logo{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:40px;
    position:relative;
    z-index:10;
}

.hero-logo img{
    width:180px;
    max-width:90%;
    height:auto;
    display:block;
    filter:drop-shadow(0 0 25px rgba(0,255,136,.45));
    transition:.4s ease;
}

.hero-logo img:hover{
    transform:scale(1.08);
    filter:drop-shadow(0 0 40px rgba(0,255,136,.7));
}
/* ============================
   HERO IMAGE FIX - OVERRIDE
   ============================ */

.services-hero,
.hero,
header.services-hero{
    position: relative !important;
    overflow: hidden !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;

    filter: brightness(1.18) contrast(1.15) saturate(1.12) !important;
}

/* إزالة أي تعتيم قوي */
.services-hero::before,
.services-hero::after,
.hero::before,
.hero::after,
.overlay{
    background: rgba(0,0,0,.18) !important;
    backdrop-filter: none !important;
    opacity: 1 !important;
}

/* إضاءة خفيفة على منتصف الصورة */
.services-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;

    background:
    radial-gradient(circle at center,
        rgba(255,255,255,.18) 0%,
        rgba(255,255,255,.08) 30%,
        rgba(0,0,0,0) 65%) !important;

    pointer-events:none;
}

/* المحتوى فوق كل شيء */
.hero-content,
.container,
.hero-logo{
    position:relative;
    z-index:10;
}

/* اللوجو */
.hero-logo img{
    width:180px;
    filter:drop-shadow(0 0 25px rgba(255,255,255,.35));
}

/* تحسين وضوح النص */
.hero-title,
.hero-content h1{
    text-shadow:
        0 3px 20px rgba(0,0,0,.55),
        0 0 25px rgba(0,255,120,.25);
}

.hero-content p{
    color:#ffffff !important;
    text-shadow:0 2px 10px rgba(0,0,0,.6);
}
/* القائمة على الهاتف */
@media (max-width:991px){

#navMenu{
    position:fixed !important;
    top:0;
    right:-100%;
    width:280px;
    height:100vh;
    background:#08120d;
    display:flex !important;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    padding:90px 30px;
    gap:18px;
    transition:.4s ease;
    z-index:9999;
}

#navMenu.active{
    right:0 !important;
}

#navMenu li{
    width:100%;
    list-style:none;
}

#navMenu li a{
    display:block;
    color:#fff;
    font-size:20px;
    padding:12px 0;
    text-decoration:none;
}

.nav-toggle{
    display:flex !important;
    flex-direction:column;
    justify-content:center;
    gap:6px;
    width:45px;
    height:45px;
    background:#0f2b20;
    border:none;
    border-radius:10px;
    cursor:pointer;
    z-index:10000;
}

.nav-toggle span{
    width:26px;
    height:3px;
    background:#00ff88;
    border-radius:5px;
    transition:.3s;
}

.nav-toggle.active span:nth-child(1){
    transform:rotate(45deg) translate(6px,6px);
}

.nav-toggle.active span:nth-child(2){
    opacity:0;
}

.nav-toggle.active span:nth-child(3){
    transform:rotate(-45deg) translate(7px,-7px);
}

}
/* ===============================
   FORCE HERO IMAGE QUALITY FIX
================================ */

.services-hero,
.hero,
.hero-bg,
.hero-image,
.hero-image img,
.services-hero img{
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
    transform:none !important;
}

/* إزالة أي طبقات سوداء أو خضراء */
.services-hero::before,
.services-hero::after,
.hero::before,
.hero::after,
.overlay,
.hero-overlay,
.hero-bg{
    display:none !important;
    content:none !important;
    background:none !important;
    opacity:0 !important;
    filter:none !important;
}

/* الصورة الأصلية */
.services-hero{
    background-image:url("هيرو.jpeg") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

/* تحسين جودة الصورة */
.services-hero img,
.hero-image img{
    image-rendering:auto !important;
    object-fit:cover !important;
    object-position:center !important;
    width:100% !important;
    height:auto !important;
    filter:brightness(1.12) contrast(1.12) saturate(1.08) !important;
    opacity:1 !important;
    box-shadow:none !important;
}

/* إلغاء أي Blur على العناصر */
.services-hero *,
.hero *{
    filter:none !important;
    backdrop-filter:none !important;
}

/* منع أي تعتيم */
.services-hero{
    isolation:isolate !important;
    overflow:hidden !important;
}
/* ===========================
   HERO TEXT PREMIUM
=========================== */

.hero-title,
.hero-title span,
.hero-content h1{
    color:#fff;
    text-shadow:
        0 3px 10px rgba(0,0,0,.9),
        0 8px 35px rgba(0,0,0,.75),
        0 0 40px rgba(0,255,150,.18);
    line-height:1.15;
    letter-spacing:-1px;
}

.hero-content p{
    color:#ffffff;
    text-shadow:
        0 2px 8px rgba(0,0,0,.95),
        0 6px 18px rgba(0,0,0,.8);
    background:rgba(0,0,0,.35);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    padding:18px 24px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    max-width:760px;
    margin:auto;
}
.hero-logo img{
    width:170px;
    display:block;
    margin:auto;
    animation:logoFloat 4s ease-in-out infinite;
    filter:
        drop-shadow(0 20px 35px rgba(0,0,0,.45))
        drop-shadow(0 0 25px rgba(0,255,170,.35));
    transition:.4s;
}

.hero-logo img:hover{
    transform:scale(1.08) rotate(3deg);
    filter:
        drop-shadow(0 25px 45px rgba(0,0,0,.6))
        drop-shadow(0 0 45px #00ff99);
}

@keyframes logoFloat{
    0%{
        transform:translateY(0px) rotate(0deg);
    }
    25%{
        transform:translateY(-8px) rotate(1deg);
    }
    50%{
        transform:translateY(-15px) rotate(0deg);
    }
    75%{
        transform:translateY(-8px) rotate(-1deg);
    }
    100%{
        transform:translateY(0px) rotate(0deg);
    }
}
/* ===== إصلاح الخط الجانبي والـ Overflow ===== */

html,
body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
    margin:0;
    padding:0;
}

/* جميع العناصر لا تخرج خارج الشاشة */
*,
*::before,
*::after{
    box-sizing:border-box;
    max-width:100%;
}

/* الأقسام */
section,
header,
footer,
.container,
.hero,
.hero-header{
    width:100%;
    overflow:hidden;
}

/* الصور */
img{
    display:block;
    max-width:100%;
    height:auto;
}

/* أي عنصر يستخدم translate */
.hero-content,
.hero-logo,
.hero-title{
    max-width:100%;
}
/* ===========================
   Language Switcher
=========================== */

.lang-switcher{
    display:flex;
    align-items:center;
    gap:10px;
    margin-left:20px;
}

.lang-btn{

    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#18222f;

    border:2px solid rgba(65,214,124,.25);

    color:#fff;
    font-size:15px;
    font-weight:800;

    transition:.35s;

    box-shadow:0 0 15px rgba(65,214,124,.12);

}

.lang-btn:hover{

    background:#19e66a;
    color:#000;

    transform:translateY(-4px);

    box-shadow:0 0 25px rgba(25,230,106,.45);

}

.lang-btn.active{

    background:#19e66a;
    color:#000;

    box-shadow:0 0 30px rgba(25,230,106,.45);

}

/* ===========================
      Mobile
=========================== */

@media(max-width:768px){

.navbar .container{

    display:flex !important;
    flex-direction:column !important;

}

.lang-switcher{

    order:-1;

    margin:8px 0 12px;

    justify-content:center;

}

.lang-btn{

    width:42px;
    height:42px;
    font-size:14px;

}

}