.about-banner__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px 60px
}

@media (min-width: 1240px) {
    .about-banner__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 26px;
        width: 100%;
        max-width: 1176px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 1650px) {
    .about-banner__wrapper {
        max-width: 1316px;
        margin-top: 46px
    }
}

.about-banner__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.about-banner__description {
    font-size: var(--text-size);
    font-family: var(--secondary-font);
    line-height: var(--lh-default);
    color: var(--gray);
    margin-top: 20px
}

.about-banner__image-wrapper {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    padding-bottom: 61.782%
}

@media (min-width: 1240px) {
    .about-banner__description {
        margin-top: 30px
    }

    .about-banner__image-wrapper {
        width: 49.089%;
        padding-bottom: 30.396%
    }
}

.about-banner__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}