:root{
    --site-blue:#2D3578;
    --site-orange:#F7931E;
    --site-light-gray:#E9E9E9;
    --site-soft-gray:#F5F5F5;
}

/* السكشن */

.hero-video-section{
    position:relative;
    height:100vh;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:var(--site-light-gray);
}

/* الفيديو */

.hero-media-wrap{
    position:absolute;
    inset:0;
}

.hero-video-bg{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
}

/* طبقة فوق الفيديو */

.hero-video-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.40);
}

/* المحتوى */

.hero-video-section .container{
    position:relative;
    z-index:5;
}

.hero-video-content{
    max-width: 900px;
    margin: auto;
    text-align: center;
    color: #fff;
    transform: translateY(3vh);
}

/* النص الصغير */

.hero-subtitle{
    color:var(--site-orange);
    font-weight:700;
    font-size:20px;
    margin-bottom:10px;
    display:block;
}

/* العنوان */

.hero-video-content h1{
    font-size:56px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:15px;
}

/* الوصف */

.hero-video-content p{
    font-size:20px;
    color:#f2f2f2;
    margin-bottom:30px;
}

/* الأزرار */

.hero-buttons{
    display:flex;
    justify-content:center;
    gap:15px;
}

/* زر برتقالي */

.hero-btn-primary{
    background:var(--site-orange);
    padding:14px 35px;
    border-radius:40px;
    color:#fff;
    font-weight:700;
    transition:.3s;
}

.hero-btn-primary:hover{
    background:#e68312;
}

/* زر أزرق */

.hero-btn-secondary{
    background:var(--site-blue);
    padding:14px 35px;
    border-radius:40px;
    color:#fff;
    font-weight:700;
    transition:.3s;
}

.hero-btn-secondary:hover{
    background:#1f255c;
}

/* موبايل */

@media(max-width:991px){

.hero-video-content h1{
font-size:38px;
}

.hero-video-content p{
font-size:17px;
}

}
/* animations */

/* النص الصغير */
.hero-subtitle{
opacity:0;
transform:translateX(80px);
animation:slideRight .8s ease forwards;
animation-delay:.25s;
}

/* العنوان الرئيسي */
.hero-video-content h1{
opacity:0;
transform:translateX(140px);
animation:slideTitle .8s ease forwards;
animation-delay:.4s;
}

/* الوصف */
.hero-video-content p{
opacity:0;
animation:fadeIn 1s ease forwards;
animation-delay:.65s;
}

/* الأزرار */
.hero-buttons{
opacity:0;
transform:translateY(50px);
animation:slideUp .8s ease forwards;
animation-delay:.9s;
}


/* keyframes */

@keyframes slideRight{

from{
opacity:0;
transform:translateX(80px);
}

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

}

@keyframes slideTitle{

from{
opacity:0;
transform:translateX(140px);
}

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

}

@keyframes slideUp{

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

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

}

@keyframes fadeIn{

from{
opacity:0;
}

to{
opacity:1;
}

}

@media(max-width:768px){

.hero-video-section{
height:75vh;
}

.hero-video-content h1{
font-size:28px;
}

.hero-buttons{
flex-direction:column;
}

.hero-btn-primary,
.hero-btn-secondary{
width:220px;
margin:auto;
}

}