#dec-hero {
    --red: #ed2024;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../../../images/24/dec/hero/back.jpg);
    background-image: -webkit-image-set(url("../../../images/24/dec/hero/back.jpg") 1x, url("../../../images/24/dec/hero/back@2x.jpg") 2x);
}
#dec-hero .container {
    width: 100%;
}
#dec-hero .dh-main {
    padding-top: 98px;
    padding-bottom: 87px;
    margin-right: -74px;
}
#dec-hero .dh-right dotlottie-player {
    bottom: -10%;
} 
#dec-hero .button {
    width: 294px;
    height: 60px;
    border-radius: 0;
    font-size: 24px;
    margin-top: 32px;
    text-decoration: none;
}
#dec-hero .dh-right {
    margin-bottom: -73px;
}
#dec-banner {
    margin-top: 38px;
}
#dec-banner a {
    width: 14.4%;
    height: 15.2%;
    left: 20.8%;
    bottom: 7.6%;
    text-indent: -9999px;
}
@media screen and (max-width: 991px) {
    #dec-hero .dh-main {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #dec-hero .button {
        width: 210px;
        height: 43px;
        font-size: 17px;
    }
}
@media screen and (max-width: 767px) {
    #dec-hero .dh-inner {
        flex-direction: column;
    }
    #dec-hero .dh-main {
        padding-top: 60px;
        padding-bottom: 29px;
        margin-right: 0;
    }
    #dec-hero .dh-right {
        align-self: center;
        margin-bottom: -8px;
    }
    #dec-hero .dh-right dotlottie-player {
        bottom: -23%;
    }
    #dec-banner a {
        width: 42.4%;
        height: 10.2%;
        left: 29.1%;
        bottom: 42.6%;
        text-indent: -9999px;
    }
}
@media screen and (max-width: 567px) {
    #dec-hero {
        background-position: top center;
        background-image: url(../../../images/24/dec/hero/back-m.jpg);
        background-image: -webkit-image-set(url("../../../images/24/dec/hero/back-m.jpg") 1x, url("../../../images/24/dec/hero/back-m@2x.jpg") 2x);
    }
}