:root {
    --partners-container-image-transition: all 0.7s ease;
    --partners-container-image-max-height-second: 150px;
    --partners-container-image-max-width: 300px;
    --partners-container-image-max-height: 80px;
}

.about_partners_container {
    margin-bottom: var(--about-page-slogan-margin-bottom);
    gap: calc(var(--page-block-vertical-padding) / 2);
    padding: var(--about-block-padding);
    padding-inline-start: 0;
    flex-direction: column;
    display: flex;
}

.about_partners_container_images {
    margin-bottom: var(--about-block-vertical-padding);
    gap: var(--about-block-vertical-padding);
    flex-direction: row;
    align-items: center;
    display: flex;
}

.about_partners_container_images.first {
    justify-content: space-between;
}

.about_partners_container_images.second {
    justify-content: space-evenly;
}

.about_partners_container_images.third,
.about_partners_container_images.fourth {
    justify-content: space-around;
}

.about_partners_container_images.mobile {
    display: none;
}

.about_partners_image {
    transition: var(--partners-container-image-transition);
    max-height: var(--partners-container-image-max-height);
    max-width: var(--partners-container-image-max-width);
    cursor: pointer;
}

.about_partners_container_images.second.desktop > .about_partners_image {
    max-height: var(--partners-container-image-max-height-second);
}

@media only screen and (max-width: 1440px) {
    :root {
        --partners-container-image-max-width: 200px;
        --partners-container-image-max-height: 60px;
        --partners-container-image-max-height-second: 130px;
    }
}

@media only screen and (max-width: 1280px) {
    :root {
        --partners-container-image-max-width: 160px;
        --partners-container-image-max-height: 50px;
        --partners-container-image-max-height-second: 110px;
    }
}








/* DISABLE STYLES */
@media only screen and (max-width: 680px) {
    :root {
        --partners-container-image-max-width: 160px;
        --partners-container-image-max-height: 55px;
        --partners-container-image-max-height-second: 110px;
    }

    .about_partners_container_images.mobile {
        display: flex;
    }

    .about_partners_container_images.desktop {
        display: none;
    }

    .about_partners_container_images.third.mobile > .about_partners_image {
        max-height: var(--partners-container-image-max-height-second);
    }

    .about_partners_container_images.second.desktop > .about_partners_image {
        max-height: var(--partners-container-image-max-height);
    }
}

@media only screen and (max-width: 680px) {
    :root {
        --partners-container-image-max-width: 120px;
        --partners-container-image-max-height: 40px;
        --partners-container-image-max-height-second: 50px;
    }
}

@media only screen and (max-width: 680px) {
    :root {
        --partners-container-image-max-width: 100px;
        --partners-container-image-max-height: 40px;
        --partners-container-image-max-height-second: 50px;
    }
}