/* ---------- variable ---------- */
@import url("https://redtoucan-admin.azurewebsites.net/media/uvdovbjb/variable.css");

/* ---------- mobile ---------- */
.credit-section-wrapper {
    background-color: var(--color-black);
}

.credit-section-wrapper .credit-section-container {
    max-width: var(--section-container-width);
    margin: 0 auto;
    padding: 2rem;
    background-color: var(--color-black);
    color: var(--color-white);
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.credit-section-wrapper .credit-section-container > * {
    font-size: 0.875rem !important;
    width: calc(50% - .5rem);
}

/* ---------- tablet ---------- */
@media screen and (min-width: 48rem) {
    .credit-section-wrapper .credit-section-container {
        justify-content: space-between;
    }

    .credit-section-wrapper .credit-section-container > * {
        width: calc(25% - .66666rem);
    }

    .credit-section-wrapper .credit-section-container > *:not(:first-child):not(:last-child) {
        width: calc(50% - .66666rem) !important;
        padding: 0 2rem;
        text-align: center;
    }
}

/* ---------- laptop ---------- */
@media screen and (min-width: 62rem) {
    .credit-section-wrapper .credit-section-container {
        padding-left: 0;
        padding-right: 0;
    }
}