@media (max-width: 1024px) {
    .first-bl__container {
        gap: 0;
    }
}

.first-bl__title {
    width: calc(70% - 15px/2);
}

@media (max-width: 1024px) {
    .first-bl__title {
        order: 2;
        width: 100%;
    }
}

.first-bl__title h1 {
    font-size: 54px;
    margin: 0 0 25px 0;
    line-height: 0.95;
}

@media (max-width: 1024px) {
    .first-bl__title h1 {
        font-size: 38px;
    }
}

.first-bl__title p {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 1.4;
    font-weight: var(--font-weight-300);
}

.first-bl__img {
    position: relative;
    width: calc(30% - 15px/2);
}

@media (max-width: 1024px) {
    .first-bl__img {
        order: 1;
        width: 100%;
        margin: 0 auto 20px auto;
        max-width: 200px;
    }
}

.first-bl__img img {
    width: 100%;
    height: auto;
}

.first-bl__img-1 {
    position: absolute;
    left: 0;
    top: 0;
}