*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
body{background:#f7f9fc;color:#333;}

/* ✅ Banner */
.invest-banner{
    background:url("../images/other-service.png") center/cover no-repeat;
    height:50vh;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    position:relative;
}
.invest-banner::after{
    content:"";
    position:absolute; inset:0;
    background:rgba(0,0,0,0.45);
}
.banner-content{
    color:#fff; z-index:2;
}
.banner-content h1{
    font-size:52px; font-weight:700; margin-bottom:20px;
    color:#fff !important;
}
.banner-content p{
    font-size:18px;
}

/* ✅ Sections */
.invest-sections{
    width:90%; margin:80px auto;
    display:flex; flex-direction:column; gap:80px;
}

.invest-box{
    display:flex; align-items:center;
    gap:40px; flex-wrap:wrap;
    opacity:0; transform:translateY(40px);
    transition:0.8s ease;
}
.invest-box.show{
    opacity:1; transform:translateY(0);
}

.invest-img img{
    width:500px; height:320px; border-radius:15px;
    object-fit:cover;
    box-shadow:0 15px 35px rgba(0,0,0,0.13);
    transition:.4s ease;
}
.invest-box:hover img{ transform:scale(1.05); }

.invest-text{ max-width:550px; }

.invest-text h2{
    font-size:32px; margin-bottom:10px;
    color:#000;
    line-height:1.6em;
}

.invest-text p{
    font-size:18px;
    color:#555 !important;
    line-height:1.8em !important;
    margin-bottom:1.6em !important;
    font-family:"Mulish",sans-serif !important;
}

/* ✅ Reverse order alt section */
.reverse{ flex-direction:row-reverse; }

/* ✅ Responsive */
@media(max-width:1024px){
    .invest-img img{ width:100%; height:280px; }
}
@media(max-width:768px){
    .banner-content h1{ font-size:36px; }
    .invest-box,
    .reverse{ flex-direction:column; }
}