/* ============================================
    TA — ACCREDITATION
    Universal section: "Learn With Confidence" (ta-accred).
============================================ */

/* ==========================================================================
   ACCREDITATION — "Learn With Confidence"
   abbr: ta-accred
   ========================================================================== */
.ta-accred {
    padding: 30px 0;
    background-color: var(--ta-dark);
    color: var(--ta-white);
}
.ta-accred-head {
    padding-left: 24px;
}
.ta-accred-title {
    letter-spacing: -0.02em;
}
@media (min-width: 992px) {
    .ta-accred-title {
        white-space: nowrap;
    }
}
.ta-accred-text {
    max-width: 400px;
    margin: 8px 0 0;
    font-size: var(--ta-fs-16);
    line-height: 1.13;
}

.ta-accred-grid {
    display: grid;
    grid-template-columns: repeat(3, 165px);
    gap: 13px;
    justify-content: end;
    margin: 0 24px 0 0;
    padding: 0;
    list-style: none;
}
.ta-accred-tile {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 102px;
    padding: 8px;
    border-radius: 18px;
    background-color: var(--ta-mint);
}
.ta-accred-tile img {
    display: block;
    width: auto;
    max-width: 88%;
    max-height: 81px;
    object-fit: contain;
}

@media (max-width: 991.98px) {
    .ta-accred {
        padding: 48px 0;
    }
    .ta-accred-head {
        padding-left: 0;
        text-align: center;
    }
    .ta-accred-text {
        margin-inline: auto;
    }
    .ta-accred-grid {
        justify-content: center;
        margin: 0;
    }
}
@media (max-width: 575.98px) {
    .ta-accred-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }
    .ta-accred-tile {
        height: 76px;
        border-radius: 12px;
    }
    .ta-accred-tile img {
        max-height: 58px;
    }
}