.hero-wrap{
    position:relative;
    width:100%;
    height:420px;
    background:linear-gradient(180deg,#0b1f33,#bec6ce);
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}

.hero-overlay{
    text-align:center;
    color:white;
    z-index:2;
}

.hero-overlay h1{
    font-size:2.8rem;
    margin-bottom:10px;
}

.hero-sub{
    font-size:1.2rem;
    color:#c7d9f2;
    margin-bottom:10px;
}

.tagline{
    margin-bottom:20px;
}

.hero-btn{
    display:inline-block;
    padding:12px 26px;
    background:#3da2ff;
    color:white;
    text-decoration:none;
    border-radius:6px;
}

.logo-carousel{
    position:absolute;
    bottom:20px;
    width:100%;
    overflow:hidden;
}

.logo-track{
    display:flex;
    gap:80px;
    width:max-content;
    animation:scrollLogos 25s linear infinite;
}

.logo-track img{
    height:50px;
    opacity:.6;
    filter:brightness(1.2);
}

@keyframes scrollLogos{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }

}
/* Stack on small screens */
@media (max-width: 768px) {
    .iframe-container {
        flex-direction: column;
    }
}