@font-face {
    font-family: 'MyCustomFont'; /* اسم الخط اللي هتستخدميه */
    src: url('../fonts/din-next-lt-w23-light-1.ttf') format('truetype'),
    url('../fonts/din-next-lt-w23-regular.ttf') format('woff'); /* الأفضل تضيفي أكثر من صيغة */
    url('../fonts/DIN NEXT™ ARABIC BOLD.otf') format('opentype'); /* الأفضل تضيفي أكثر من صيغة */
    font-weight: Bold;
    font-style: normal;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'MyCustomFont',"Work Sans", sans-serif;
}
/* استخدام الخط */
body {
    font-family: 'MyCustomFont', MyCustomFont,sans-serif;
}
.body{
    background-color: rgb(249, 249, 249);
}
.carousel-item .bg-img {
    position: relative;
    z-index: 0;
}

.carousel-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
            to bottom,
            rgba(0,0,0,0),
            rgba(0,0,0,0) 75%,
            rgba(0,0,0,0.9)
    );
    z-index: 1;
}

.carousel-item::before {
    pointer-events: none; /* يخلي الطبقة ما تمنعش الضغط */
}
.btn-gradient-big {
    background: linear-gradient(135deg, #42bfaf, #2c7a6c);
    color: #fff;
    border: none;
    font-size: 1.5rem;
    padding: 1rem 2rem;
    transition: all 0.3s ease;
    border-radius: 8px; /* اختياري للتجميل */
}

.btn-gradient-big:hover {
    background: transparent;              /* الخلفية تبقى فاضية */
    color: #fff;                       /* النص يتحول للون الأساسي */
    border: 2px solid #42bfaf;            /* يظهر إطار بنفس اللون */
}
.btn-gradient-big-outline {
    border: 2px solid #42bfaf;
    color: #fff;
    font-size: 1.5rem;       /* نفس حجم الخط الكبير */
    padding: 1rem 2rem;      /* نفس حجم الزرار الكبير */
    transition: all 0.3s ease;
}

.btn-gradient-big-outline:hover {
    background: linear-gradient(135deg, #42bfaf, #2c7a6c);
    color: #fff;
    border: none;
}
.about-f{
    color: #339796;
}
.timer-gradient-big {
    background: linear-gradient(135deg, #42bfaf, #2c7a6c);
    color: #fff;
    border: none;
    font-size: 1.5rem;
    padding: 1rem 2rem;
    transition: all 0.3s ease;
}
.speaker-item {
    background: linear-gradient(135deg, #2c7a6c, #42bfaf);
    border-radius: 8px;
    padding: 20px;
    color: #fff;
}
.speaker-item {
    background: linear-gradient(135deg, #2c7a6c, #42bfaf);
    color: #fff;
    transition: all 0.4s ease; /* علشان التحول يكون ناعم */
}

.speaker-item:hover {
    background: linear-gradient(135deg, #42bfaf, #2c7a6c); /* انعكاس التدرج */
    color: #000; /* النص يتحول للأسود لو عايزة */
}
.speaker-text{
    color: #fff;
    transition: all 0.4s ease; /* علشان التحول يكون ناعم */
}

.speaker-text:hover {
    color: #fff; /* النص يتحول للأسود لو عايزة */
}
/* الحجم الكبير الافتراضي */
.btn-gradient-big,
.btn-gradient-big-outline {
    font-size: 1.5rem;
    padding: 1rem 2rem;
}

/* على الشاشات الصغيرة (الموبايل) */
@media (max-width: 576px) {
    .btn-gradient-big,
    .btn-gradient-big-outline {
        font-size: 1rem;       /* تصغير الخط */
        padding: 0.5rem 1rem;  /* تصغير المساحة الداخلية */
    }
}
/* الوضع الافتراضي (شاشات أكبر من الموبايل) */
.speaker-item {
    margin-bottom: 1.5rem; /* المسافة العادية */
}

/* على الموبايل فقط */
@media (max-width: 576px) {
    .speaker-item {
        margin-bottom: 0.5rem; /* تصغير المسافة */
        padding: 0.75rem;      /* تقليل الحشو الداخلي */
    }
}

.team-member-section {
    position: relative;
    background: url('../../elmoltaqa/imgs/bg.png') no-repeat center center;
    background-size: cover;
    border-radius: 35px;
}

.team-member-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* الخلفية العامة */
    .carousel-caption {
        background-color: rgba(0,0,0,0.1); /* خفيفة للديسكتوب */
        border-radius: 10px;
    }

    /* على الموبايل فقط */
    @media (max-width: 767px) {
        .carousel-caption {
            background-color: rgba(0,0,0,0.6); /* أغمق وأسود */
        }
    }
    border-radius: 20px;
}
.subscribeForm .large-item,input{
    text-align: right;
}

.footer-section {
    position: relative;
    background: url('../../elmoltaqa/imgs/f-bg.jpg') no-repeat center center;
    background-size: cover;
    border-radius: 35px;
}{
    position: relative;
    background: url('../../elmoltaqa/imgs/bg.png') no-repeat center center;
    background-size: cover;
    border-radius: 35px;
}
/* النص الرئيسي */
.main-title {
    font-size: 1.5rem;   /* حجم مناسب للموبايل */
    font-weight: 700;
    text-align: center;
    color: #fff;
}

@media (min-width: 768px) {
    .main-title {
        font-size: 2.5rem;  /* أكبر للديسكتوب */
    }
}

/* النص الفرعي */
.sub-title {
    font-size: 0.9rem;   /* صغير للموبايل (fs-6 تقريبًا) */
    text-align: center;
    color: #fff;
    padding: 0.5rem;
}

@media (min-width: 768px) {
    .sub-title {
        font-size: 1.5rem; /* أكبر للديسكتوب (fs-4 تقريبًا) */
    }
}
.card-text {
    direction: rtl;
    text-align: justify;
    text-justify: inter-word;   /* توزيع الكلمات بشكل طبيعي */
    text-align-last: right;     /* آخر سطر يبدأ من اليمين */
    font-size: 1rem;
    word-spacing: -3px;   /* تقليل المسافة بين الكلمات */

}
.card-color{
    background-color: #F6F6F6;
}
.objectives {
    padding-inline: 80px; /* الافتراضي على الشاشات الكبيرة */
}

@media (max-width: 767px) {
    .objectives {
        padding-inline: 0; /* إلغاء المسافة على الموبايل */
    }
}