/* تنسيق الخط والاتجاه */
:root {
--primary-color: #ff00ff;
--secondary-color: #ff8c00;
--bg-dark: #0a0a0a;
}
/* تحويل القسم الذي سنضع فيه الكود ليكون RTL */
.arabic-section {
direction: rtl;
text-align: right;
font-family: 'Tajawal', sans-serif !important;
}
/* تنسيق الهيكل */
.hero-custom {
padding: 100px 20px;
background: radial-gradient(circle, #220022 0%, #0a0a0a 100%);
text-align: center;
}
.hero-custom h1 {
font-size: 3.5rem;
font-weight: 900;
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 20px;
}
.btn-main-custom {
display: inline-block;
padding: 15px 40px;
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
color: white !important;
border-radius: 50px;
text-decoration: none;
font-weight: bold;
transition: 0.3s;
}
.btn-main-custom:hover {
transform: scale(1.1);
box-shadow: 0 0 20px rgba(255, 0, 255, 0.5);
}
.grid-speakers {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
padding: 40px 5%;
}
.card-speaker {
background: #161616;
border-radius: 15px;
overflow: hidden;
border: 1px solid #333;
text-align: center;
}
.card-speaker img {
width: 100%;
filter: grayscale(100%);
transition: 0.5s;
}
.card-speaker:hover img {
filter: grayscale(0%);
}