.hero {
    padding-block: 0;
}

.hero__inner {
    display: flex;
    gap: 2rem;
}

.hero__media {
    flex: 0 0 auto;
    width: 35vw;
    margin-bottom: -6rem;
}

.hero__content {
    width: 50%;
    flex: 0 0 auto;
    gap: 3.2rem;
    padding-top: 15rem;
    padding-bottom: 3rem;
}

.hero__title {
    line-height: 1;
}

.hero__title strong {
    color: var(--color-blue);
}

.hero__title img {
    display: inline;
}

@media screen and (max-width: 1200.9px) {
    .hero {
        padding-block: 8rem;
    }

    .hero__media {
        margin-bottom: 0;
    }

    .hero__content {
        padding: 0;
    }
}

@media screen and (max-width: 767.9px) {
    .hero__inner {
        flex-direction: column;
        gap: 4rem;
    }

    .hero__media,
    .hero__content {
        width: 100%;
    }
}

@media screen and (max-width: 575.9px) {
    .hero {
        padding-block: 6rem;
    }

    .hero__title img {
        width: 3.6rem;
    }

    .hero__content {
        gap: 1.5rem;
    }

    .hero__text br {
        display: none;
    }

    .hero__btn {
        margin-top: 3rem;
    }
}