.text_first,
.partner {
    color: var(--turquoise);
}

.text_first {
    width: 80%;
}

h2 {
    margin-bottom: 30px;
}

.partners {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.partner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 25px;
    min-height: 150px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border: 2px solid var(--turquoise-opacity05);
    min-width: 300px;
    height: 300px;
}

.partner img {
    max-height: 150px;
}

.partner_logo {
    width: 220px;
    height: 150px;
}

.red_soft_logo {
    background: url("../img/red_soft_logo.webp") no-repeat;
    background-size: contain;
    background-position: bottom;
}

.indent {
    padding-left: 30%;
    text-indent: 0;
}

.marg_top40 {
    margin-top: 40px;
}

@media screen and (max-width: 1000px) {
    .partner {
        flex-direction: column;
        text-align: center;
        margin: 20px 20px 0;
    }
}

@media only screen and (max-width: 950px) {
    .indent {
        padding-left: 0;
    }

    h2.indent {
        font-size: clamp(26px, 1rem, 36px);
        text-align: center;
    }

    .text_first {
        margin: auto;
    }
}

@media only screen and (min-width: 1900px) {
    .text_first,
    .partner {
        font-size: calc(16px * var(--scale));
    }

    .partners {
        gap: calc(20px * var(--scale));
    }

    .partner {
        min-width: calc(300px * var(--scale));
        height: calc(300px * var(--scale));
    }

    .partner img,
    .partner_logo {
        width: calc(220px * var(--scale));
        height: calc(150px * var(--scale));
        max-height: none;
    }

    .marg_top40 {
        margin-top: calc(40px * var(--scale));
    }

    h2 {
        margin-bottom: calc(30px * var(--scale));
    }
}

@media (prefers-color-scheme: dark) {
    .red_soft_logo {
        background: url("../img/dark_red_soft_logo.webp") no-repeat;
        background-size: contain;
        background-position: bottom;
    }

    a {
        color: var(--link-dark-turquoise);
    }
}
