@media screen and (max-width: 1800px) {
    #hero {
        padding: 100px 0px !important;
    }
}

#hero .hero-video{
    border-radius: 30px;
}
#hero .blue-shadow{
    bottom:-44%;
}
@media screen and (max-width: 450px){
    #hero .home{
        padding: 10px 25px !important;
        font-size: 0.89rem !important;
    }
}

.hero-video{
    /* iOS Safari specific fixes */
    -webkit-playsinline: true;
    -webkit-media-controls: false;
    /* Ensure video doesn't go fullscreen on iOS */
    position: relative;
    z-index: 0;
}