body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    background:#f5f6f7;
}

/* HEADER */
.header{
    color:#fff;
}
.header-inner{
    max-width:1200px;
    margin:auto;
    padding:15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.logo img{
    display:block;
}
.nav a{
    color:#fff;
    margin-left:20px;
    text-decoration:none;
    font-weight:600;
    transition:color .3s;
}
.nav a:hover{
    color:#ff8c00;
}

/* MARQUEE */
/* ================= MARQUEE ================= */

.marquee-wrapper{
    width:100%;
    overflow:hidden;
    background:#fff;
    border-bottom:1px solid #ddd;
}

.marquee-track{
    display:flex;
    align-items:center;
    width:max-content;
    white-space:nowrap;

    animation-name: marquee-scroll;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    will-change: transform;
}

.marquee-track span{
    display:inline-block;
    padding-right:120px; /* smooth gap */
    font-weight:bold;
}

@keyframes marquee-scroll{
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(-100%);
    }
}
/* BANNERS */
.top-banner,
.footer-banner{
    background:#fff;
    text-align:center;
}
.top-banner img,
.footer-banner img{
    max-width:100%;
    max-height:170px;
}

/* WELCOME */
.welcome-strip{
    background:#2c3e50;
    color:#fff;
    text-align:center;
    padding:12px;
    font-weight:bold;
    max-width:1200px;
    margin:20px auto;
}

/* FOOTER */
.footer{
    color:#fff;
    padding:25px 15px;
}
.footer-text{
    max-width:1200px;
    margin:auto;
    text-align:center;
    line-height:1.6;
}
.footer-social{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    margin-top:15px;
}
.footer-social a{
    color:#fff;
    text-decoration:none;
    padding:8px 14px;
    border-radius:30px;
    font-size:14px;
    display:flex;
    align-items:center;
    gap:8px;
}
.footer-social .fb{background:#1877f2}
.footer-social .tw{background:#000}
.footer-social .wa{background:#25d366}
.footer-social .em{background:#6c757d}
.footer-social .ph{background:#8bc34a}

.footer .copyright{
    margin-top:15px;
    text-align:center;
    font-size:13px;
    width:100%;
    display:block;
}
/* MOBILE */
@media(max-width:768px){
    .header-inner{
        flex-direction:column;
        gap:10px;
    }
    .nav a{
        margin:0 10px;
    }
}