/*
    Block: Text + Logos
    Note: Selectors must start with .block-text-logos
*/

@layer blocks {
    .block-text-logos .main-wrapper {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    .block-text-logos .logos-wrapper {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
    
    .block-text-logos .logos-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 1.25rem;
    }

    .block-text-logos .logos-inner img {
        max-height: 5.6875rem;
        width: auto;
    }

    @media screen and (width <= 920px) {
        .block-text-logos .main-wrapper {
            grid-template-columns: 1fr;
            gap: 1.875rem;
            justify-items: center;
        }
        .block-text-logos .text-content {
            text-align: center;
            text-wrap: balance;
        }
        .block-text-logos .logos-inner img {
            max-height: 4rem;
            width: auto;
        }
    }

    @media screen and (width <= 620px) {
        .block-text-logos .logos-inner img {
            max-height: 3.1875rem;
        }
    }
}