@keyframes gradient {
    0%, 100% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

.hero__inner {
    padding-top: 120px;
    padding-bottom: 120px;
    text-align: center;

}

.hero__sub__title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 15px;
}

.hero__title {
    margin-bottom: 74px;
}

.hero__title * {
    color: #112231;
    font-family: 'Nunito', sans-serif;
    font-size: 72px;
    font-weight: 300;
    line-height: 72px;
}

.hero__title strong {
    color: white;
    font-weight: 700;
    background: linear-gradient(to right, #FF8277, #FF4F3F, #EF3625, #FF8277, #FF4F3F, #EF3625, #FF8277, #FF4F3F, #EF3625, #FF8277);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 300% 300%;
    animation: gradient 45s ease infinite;
}

.hero__text {
    max-width: 826px;
/ / 765 px;
    margin-inline: auto;
    margin-bottom: 88px;
}

.hero__text * {
    color: #112231;
    font-size: 16pt;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

@media screen and (max-width: 991px) {
    .hero__inner {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .hero__title {
        margin-bottom: 29px;
    }

    .hero__title * {
        font-size: 42px;
        line-height: 42px;
    }

    .hero__text {
        max-width: 100%;
        margin-inline: 60px;
    }

    .hero__text * {
        font-size: 16pt;
        line-height: normal;
    }
}