#oct-promo {
    font-size: 16px;
}

#oct-hero {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../../../images/25/oct/hero/back.jpg);
    background-image: -webkit-image-set(url("../../../images/25/oct/hero/back.jpg") 1x,
            url("../../../images/25/oct/hero/back@2x.jpg") 2x);
}

#oct-hero .oct-container {
    width: 100%;
}

#oct-hero .oct-animation {
    margin-bottom: 6px;
}
#oct-hero dotlottie-player {
    height: auto;
    width: 106%;
    top: -16%;
    left: -2%;
}
#oct-hero .oct-inner {
    padding-top: 45px;
    padding-bottom: 50px;
}
#oct-hero .button {
    font-size: 1.3125em;
    height: 46px;
    width: 240px;
    border-radius: 23px;
    margin-top: 31px;
    box-shadow: 4px 3px 2.16px 0.84px rgba(0, 0, 0, 0.25);
}

#oct-hero .oct-left {
    left: -22em;
}
#oct-hero .oct-right {
    right: -25em;
}

#oct-hero .button,
#oct-hero .button:hover,
#oct-hero .button:active,
#oct-hero .button:visited {
    text-decoration: none;
    color: white;
}

@media screen and (max-width: 2000px) {}

@media screen and (max-width: 1500px) {}

@media screen and (max-width: 1300px) {}

@media screen and (max-width: 991px) {
    @supports (background: -webkit-named-image(i)) {
        html {
            overflow-x: hidden !important;
        }
    }
}

@media screen and (max-width: 767px) {
    #oct-hero {
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-image: url(../../../images/25/oct/hero/back-m.jpg);
        background-image: -webkit-image-set(url("../../../images/25/oct/hero/back-m.jpg") 1x,
                url("../../../images/25/oct/hero/back-m@2x.jpg") 2x);
    }

    #oct-hero .oct-container {
        width: 100%;
    }

    #oct-hero .oct-main {
        width: 100%;
    }

    #oct-hero .oct-inner {
        flex-direction: column;
        width: 100%;
        padding-bottom: 0;
        padding-top: 28px;
        margin-top: 47px;
    }

    #oct-hero .oct-right {
        width: 100%;
    }
    #oct-hero .oct-right {
        right: inherit;
        margin-top: 47px;
        position: relative;
        width: 100%;
    }
}

@media screen and (max-width: 567px) {
    #oct-hero .button {
        height: 2em;
        width: 11em;
        font-size: 1.3em;
        border-radius: 1em;
        line-height: 5;
    }
}