#oct-promo {
    font-size: 16px;
    --purple: #5a1fa4;
}
.b-purple {
    background-color: var(--purple) !important;
}
#oct-hero {
    background-repeat: no-repeat;
    background-position: top;
    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);
}
.oh-main {
    padding-top: 86px;
    padding-bottom: 118px;
}
.oh-main .bats-left {
    top: -56px;
    left: -73px;
}
.oh-main .bats-right {
    top: -5px;
    right: -123px;
}
.oh-main .headline-anim {
    height: auto;
    bottom: 0%;
    width: 105%;
    left: -4%;
} 
.oh-main .button {
    width: 208px;
    height: 43px;
    border-radius: 22px;
    font-size: 1.375em;
    margin-top: 36px;
}
.oh-main .animation {
    bottom: 0;
    left: -28px;
}
.oh-main .animation dotlottie-player {
    width: 137%;
    height: auto;
    bottom: -15%;
    right: -32%;
}

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

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

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

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

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

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

    #oct-hero {
        background-repeat: no-repeat;
        background-position: 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);
    }
    .oh-main {
        padding-bottom: 145px;
    }
    .oh-main .headline-anim {
        height: auto;
        bottom: 0%;
        width: 105%;
        left: -4%;
    } 
    .oh-main .text {
        margin-top: 20px;
    }
    .oh-main .button {
        width: 150px;
        height: 30px;
        border-radius: 15px;
        font-size: 1em;
        margin-top: 18px;
    }
    .oh-main .animation {
        left: 0;
    }
    .oh-main .animation dotlottie-player {
        width: 137%;
        height: auto;
        bottom: -15%;
        right: -32%;
    }

    /* Safari Only */
    @supports (background: -webkit-named-image(i)) {
        #oct-hero .button {
            padding-top: 2px;
        }
    }
}