.about {
    margin-top: 9.375rem;

    .container {
        width: min(1561px, calc(100% - 40px));
        /* display: grid; */
        display: flex;
        align-items: center;
        gap: 4.875rem;
        grid-template-columns: minmax(0, 66.3125rem) minmax(0, 1fr);

        .col:first-child {
            flex-shrink: 0;
        }

        .col:last-child {
            flex-basis: 66.3125rem;
        }

        .about-text {
            color: #051D67;
            font-size: 1.25rem;
        }

        .about-button {
            margin-top: 3.4375rem;
        }
    }
}

@media (max-width: 1550px) {
    .about {
        .container {
            .col:first-child {
                flex-shrink: 1;
            }
        }
    }
}

@media (max-width: 1023px) {
    .about {
        .container {
            flex-direction: column;

            .col:last-child {
                flex-basis: auto;
            }
        }
    }
}