/* INTRO SECTION */
.text-title {
    color: #3368C6 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 0;
    margin-top: 8px;
}

.ibtikar-al-omrane-intro-section {
    padding-bottom: 50px !important;
}

.ibtikar-al-omrane-intro-section .featured-content ul {
    margin-top: 0;
}

/* THEMATIQUES SECTION */
.thematiques-section {
    background: #041D52;
}

.thematiques {
    gap: 20px;
}

.thematique {
    text-align: center;
    border-radius: 5rem 5rem 0 0;
    background: url('/wp-content/themes/labostica/images/Ibtikar-Al-Omrane/thematique-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.thematique-icon-container {
    width: 80px;
    height: 80px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.intro-text-title {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 16px;
    color: #3368C6;
}

/* ETAPES REALISATION */
.realisation-section {
    background: url('/wp-content/themes/labostica/images/Ibtikar-Al-Omrane/iresen-etapes-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.etapes-realisation {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.etapes-realisation .two-cols {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.etapes-realisation .tree-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.etape-title-container {
    display: grid;
    grid-template-columns: 1fr;
}

.etape-title-container.two-titles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.etape-title {
    height: 100.4px;
    padding: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
}

.etape-title h6 {
    margin-bottom: 0;
    color: white;
}

.first-etape {
    clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
    background: #DC3235;
}

.blue-etape {
    clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
    background: #3368C6;
}

.green-etape {
    clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
    background: #07663A;
}

.red-etape {
    clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
    background: #DC3235;
}

.etape-content .date {
    margin: 16px 18px 16px 0px;
}

.etape-content .date p {
    padding: 10px;
    text-align: center;
    color: #6A6A6A;
    background: #D9D9D9;
}

.etape-content ul {
    margin-right: 18px;
}

.etape-content ul li {
    font-weight: 500;
    color: #3E3E3E;
    margin-bottom: 12px;
}

/* SOUMISSION SECTION */
.soumission-section {
    background: #041D52;
}

.soumission-section .soumission-action div {
    gap: 48px;
}

.soumission-section .soumission-action div a.google-form {
    color: #041D52;
    background: white !important;
    border-color: white;
}

.soumission-section .soumission-action div a.pdf-downloader {
    width: 260px;
    text-align: center;
}

.soumission-section .soumission-action div a.pdf-downloader,
.soumission-section .soumission-action div a.send-email {
    color: white;
}

.soumission-section .soumission-action div a.pdf-downloader:hover,
.soumission-section .soumission-action div a.send-email:hover {
    color: #3368c6;
    border-color: #3368c6;
}


/* BRANDS */
.brands {
    gap: 24px;
}

.brand-icon-container {
    width: 300px;
    height: 300px;
}

.brand-icon-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* MEDIA QUERY */
@media (max-width: 1400px) {
    .etape-title {
        height: 88.4px;
    }
}

@media (max-width: 1200px) {
    .etapes-realisation {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .ibtikar-al-omrane-intro-section .iresen-infra-img {
        display: block;
    }

    .ibtikar-al-omrane-intro-section .iresen-infra-img img {
        height: auto;
        object-fit: contain;
        display: block;
    }
}

@media (max-width: 391px) {
    .etape-title {
        padding: 0;
    }

    .etapes-realisation .tree-cols {
        grid-template-columns: 1fr;
    }

    .etapes-realisation .two-cols {
        grid-template-columns: 1fr;
    }

    .etapes-realisation-container,
    .thematiques-container {
        padding: 0 15px !important;
    }

    .etape-title h6 {
        font-size: 14px;
    }

    .soumission-action {
        width: 100%;
        padding: 0 15px;
    }

    .soumission-section .soumission-action div {
        gap: 22px;
        flex-direction: column;
    }

    .soumission-section .soumission-action div a {
        text-align: center;
    }

    .soumission-section .soumission-action div a.pdf-downloader {
        width: 100%;
    }
}