*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.page-hero{
    min-height:60vh;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:80px 20px;
    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );
    color:white;

}

.page-hero h1{
    font-size:3rem;
    margin-bottom:20px;

}

.page-hero p{
    max-width:700px;
    margin:auto;
    line-height:1.8;

}

.feature-section{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:60px;
    padding:100px 10%;
}

.feature-image{
    flex:1;
}

.feature-image img{
    width:100%;
    border-radius:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.feature-content{
    flex:1;
}

.feature-tag{
    display:inline-block;
    background:#f4c542;
    color:#0d2b52;
    padding:10px 20px;
    border-radius:50px;
    font-weight:600;
    margin-bottom:20px;
}

.feature-content h2{
    font-size:2.5rem;
    margin-bottom:20px;
    color:#0d2b52;
}

.feature-content p{
    line-height:1.8;
    margin-bottom:25px;
    color:#555;
}

.feature-content ul{
    list-style:none;
}

.feature-content li{
    margin-bottom:12px;
    font-size:17px;
}
@media(max-width:768px){
    .feature-section{
        flex-direction:column;
        text-align:center;
    }
}