/* ************************ */


.grid-internal-page-container {
    --grid-layout-gap: 1px;
    --grid-column-count: 3;
    --grid-item--min-width: 288px;
    --gap-count: calc(var(--grid-column-count) - 1);
    --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
    --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));

    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
    grid-gap: var(--grid-layout-gap);
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


.noee {
    font-size: 16px;
    font-family: 'DroidKufi-Regular';
}

.rang {
    background-color: rgb(224, 224, 243);
}

.dore {
    margin: 10px;
}


.gridvv-internal-page-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* هنا المشكلة */
}


.gridvv-internal-page-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 1.5rem;
}


.textgawra {
    font-size: 1.75rem;
    line-height: 2.25rem
}

/* *************************************************** */



.mb-b {
    margin: 1rem;
}

.wena {
    width: 100%;
}

.center-img {
    display: flex;
    justify-content: center;
    /* يوسطها أفقياً */
    align-items: center;
    /* يوسطها عمودياً لو في ارتفاع */
}


.dddd {

    background-color: #2e3869;
}

/* /////////////////////////////////////////////////////////////////////// */
.penasa {
    background-color: #2e3869;
    /* width: 300px; */
    /* height: auto; */
    border-radius: 20px;
    /* زوايا دائرية */
    padding: 20px;
    /* مسافة داخلية من الحواف */
    color: white;
    /* لون النص */
    font-size: 18px;
    line-height: 1.6;
}

.dddd {
    background-color: #2e3869;
    /* width: 300px; */
    /* height: auto; */
    border-radius: 20px;
    /* زوايا دائرية */
    padding: 20px;
    /* مسافة داخلية من الحواف */
    color: white;
    /* لون النص */
    font-size: 18px;
    line-height: 1.6;
}

.sdf {
    padding: 20px;
    font-size: 22px;
}

.fotng {

    font-size: 18px;
}

/* ????//////////////////////////////////////////// */


#authors-section {
    background-image: url("acsecoes/LogoFam/fam-logo.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 150px auto;
}


.rangfo {

    font-size: 20px;
    color: #ffc107;
}

.rangfoo {
    font-size: 20px;
    color: #1935bd;
    font-weight: bold;   /* يجعل الخط بولد */
}



.xat {
    border: none;
    height: 1px;
    background: #1935bd;
}




.vbv {
    height: 40mm;
    transition: all 0.3s ease;
}

.wete {
    height: 10mm;
    transition: all 0.3s ease;
}

.wetew{
 height: 20mm;

}


/* //////////////////////////////////////////////////////////////////////// */

.sliderX {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 400px;
    /* 🔹 يمكنك تغيير الارتفاع حسب رغبتك */
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 12px;
    /* اختياري */
}

.sliderXX {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 650px;
    /* 🔹 يمكنك تغيير الارتفاع حسب رغبتك */
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 12px;
    /* اختياري */
}

.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* 🔹 لعرض الصورة كاملة بدون قص */
    background-color: #000;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

.slide.active {
    opacity: 1;
}

audio {
    margin-top: 10px;
    width: 200px;
}

/* //////////////////////////////////////////////////////////////////////// */



  .subMenu-nav-mobile {
            max-height: 300px;
            /* أقصى ارتفاع للقائمة */
            overflow-y: auto;
            /* تفعيل التمرير العمودي */
        }