.clients-grid {
    margin-top: 70px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 56px;

    /*margin-bottom: 84px;*/
}

.about-animation .clients-block.text-left {
    margin-top: 130px !important;

}

.clients-block.text-left .block-intro.has-image .img1 {
    width: 40%;
}

.clients-block.text-left .block-intro.has-image h2 {
    width: 60%;
}

.clients-block.text-left .block-intro.has-image {
    max-width: none;
    display: flex;
    gap: 32px;

}

.clients-block .block-intro h2 {

    text-wrap-style: pretty;
}

.clients-block.text-center .wp-block-buttons {
    justify-content: center;
}

.clients-block.text-left {
    margin-bottom: 305px;
    margin-top: 240px !important;
}

.clients-block {
    margin-top: 85px !important;
}

@media (min-width: 1151px) {
    .clients-block .frame {
        margin: auto;
        max-width: 1120px;
    }

    .clients-block {
        margin-top: 170px !important;
    }
}

@media (min-width: 1500px) {
    .clients-block .frame {
        max-width: 1450px;
        width: 90%;
    }

    .client-logo {
        height: auto;
    }

    .client-logo .fluid svg,
    .client-logo .fluid img {
        height: 80px;
        max-width: 190px;
    }
}

@media (max-width: 1150px) {
    .clients-grid {
        margin-top: 70px;
        grid-template-columns: repeat(4, 1fr);
    }

    .clients-block {
        margin-bottom: 200px;
    }
}

@media (max-width: 1050px) {
    .clients-grid {
        margin-top: 80px;
        grid-template-columns: repeat(3, 1fr);
    }


    .clients-block {
        margin-bottom: 120px;
    }
}

@media (max-width: 700px) {

    .clients-block.text-left {
        margin-bottom: 125px;
        margin-top: 120px !important;

    }

    .clients-grid {
        margin-top: 60px;
        grid-template-columns: repeat(2, 1fr);
    }

    .clients-block {
        margin-bottom: 120px;
    }

    .clients-block .block-intro {
        text-align: left;

    }
}

.client-logo path:not(.igno),
.client-logo circle:not(.igno),
.client-logo rect:not(.igno),
.client-logo polygon:not(.igno),
.client-logo ellipse:not(.igno),
.client-logo line:not(.igno),
.client-logo polyline:not(.igno) {
    fill: var(--color-text);
}

.clients-block.text-left .block-intro {
    margin: 0;
    max-width: 948px;
    text-align: left;


}

.clients-block.text-center .point {
    display: none;
}



.client-logo {
    height: 75px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.client-logo.fading-out {
    opacity: 0;
}

.client-logo.fading-in {
    opacity: 1;
}

.clients-block .wp-block-buttons {
    margin-top: 70px;
}

.client-logo .fluid svg,
.client-logo .fluid img {
    display: block;
    margin: auto;
    object-fit: contain;
    object-position: center;
    height: 73px;
    width: auto;
    position: static;
    max-width: 150px;

}

.client-logo .fluid {
    padding-bottom: 0 !important;
    display: flex;
}

@media(max-width:768px) {
    .clients-block.text-left .block-intro.has-image {

        flex-direction: column;
        gap: 0;
    }

    .clients-block.text-left .block-intro.has-image h2 {
        width: 100%;
        order: 4;
    }

    .clients-block.text-left .block-intro.has-image .img1 {
        order: -1;
        width: 90%;
    }


}

@media (max-width: 450px) {
    .client-logo {
        height: 40px;
        max-width: 130px;
    }

    .client-logo {
        margin: auto;
    }
}