.hero {
    height: 100svh;
    min-height: 100svh;
    overflow: hidden;
}

@supports not (height: 100svh) {
    .hero {
        height: 100vh;
        min-height: 100vh;
    }
}

.hero #hero-iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important;
    height: 100% !important;
    min-width: 177.78vh;  
    min-height: 56.25vw; 
    pointer-events: none; 
}

@media (max-width: 767px) {
    .app-header-scrolling {
        position: relative !important;
        top: 0 !important;
    }
}

.app-scroll-to-top.bg-floral-white.overflow-hidden.p-1.app-scroll-to-top-scrolling {
    display: none !important;
}