.hero-2022{
    height: 768px;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    display: flex!important;
    justify-content: flex-end!important;
}

.hero-body-2022{

    width: 100%;
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 6.77%, rgba(0, 0, 0, 0.64) 69.79%);*/
    height: 100%;
    position: relative;
}

.hero-content-2022{
    display: flex;
    height: 100%;
    padding: 0px 44px;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    position: absolute;
    bottom: 70px;
    padding left: 120px;
    padding-right: 120px;
}

.hero-content-2022 h2 , .hero-content-2022 h1 , .hero-content-2022 p{
    width: 100%;
    margin: 5px 0px;
}

.hero-content-2022 h2{
    font-style: normal!important;
    font-weight: 300!important;
    font-size: 36px!important;
    line-height: 43px!important;
    text-align: center!important;

    color: #FFFFFF!important;
}

.hero-content-2022 h1{
    font-style: normal!important;
    font-weight: bold!important;
    font-size: 54px!important;
    line-height: 65px!important;
    text-align: right!important;
    color: #FF6B00!important;
}

.hero-content-2022 p{
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 18px!important;
    line-height: 22px!important;
    text-align: right!important;
    
    color: #FFFFFF!important;
}

.hero-content-2022 a{
    background: #FF6B00!important;
    padding: 16px 32px!important;
    font-style: normal!important;
    font-weight: bold!important;
    font-size: 18px!important;
    line-height: 22px!important;
    /* identical to box height */

    text-decoration: none;
    /* WV - BLANCO */

    color: #FFFFFF!important;
    margin: 20px 0px!important;
}

.splide__arrows{
    display: none!important;
}


@media (min-width: 320px) and (max-width: 480px) {


    .hero-body-2022{

        width: 100%;
    }

    .hero-2022{
        height: 555px;
    }
    .hero-content-2022{
        bottom: 70px;
        padding: 0px 12px;
    }


    .hero-content-2022 h2{

        font-size: 22px!important;
        line-height: 26px!important;
    }
    
    .hero-content-2022 h1{

        font-weight: bold!important;
        font-size: 36px!important;
        line-height: 43px!important;

    }
    
    .hero-content-2022 p{
        font-weight: normal!important;
        font-size: 16px!important;
        line-height: 19px!important;
    }

    .hero-content-2022 a{
        font-weight: bold!important;
        font-size: 16px!important;
        line-height: 19px!important;
    }

    .splide__arrow{
        background: none!important;
        width: 60px!important;
        opacity: 1!important;
    }

    .splide__arrow svg{
        width: 18.2em!important;
        height: 6.2em!important;
        fill:#FF6B00
    }

}


@media (min-width: 768px) and (max-width: 1024px) {

    .hero-body-2022{

        width: 50%;
    }

    .hero-2022{
        height: 410px;
    }
    .hero-content-2022{
        bottom: 30px;
    }


    .hero-content-2022 h2{

        font-size: 22px!important;
        line-height: 26px!important;
    }
    
    .hero-content-2022 h1{

        font-weight: bold!important;
        font-size: 36px!important;
        line-height: 43px!important;

    }
    
    .hero-content-2022 p{
        font-weight: normal!important;
        font-size: 16px!important;
        line-height: 19px!important;
    }

    .hero-content-2022 a{
        font-weight: bold!important;
        font-size: 16px!important;
        line-height: 19px!important;
    }

    .splide__arrow{
        background: none!important;
        width: 60px!important;
    }

    .splide__arrow svg{
        width: 18.2em!important;
        height: 6.2em!important;
        fill:#FF6B00
    }

}