@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap');



*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#FEF7F1;
    font-family:'Inter', sans-serif;
    color:#002873;
    line-height:1.5;
}

.about-section{
    max-width:1200px;
    margin:70px auto;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:60px;
    padding:0 40px;
}

.about-left{
    display:flex;
    gap:35px;
    align-items:flex-start;
    flex:1;
}

.about-image img{
    width:220px;
    height:285px;
    object-fit:cover;
}



.about-content{
    max-width:420px;
}

.about-content h1{
    font-family:'Instrument Serif', serif;
    font-size:58px;
    font-weight:400;
    color:#023085;
    margin-bottom:10px;
}

/* Decorative wave */

.wave{
    width:150px;
    height:10px;
    background:
    radial-gradient(circle at 10px -2px,#C0CECE 10px,transparent 11px)
    repeat-x;
    background-size:30px 20px;
    margin-bottom:25px;
}

.about-content p{
    font-size:18px;
    line-height:1.6;
    color:#023085;
}



.why-box{
    width:430px;
    background:#BFB3D5;
    padding:35px;
    margin-top:220px;
}

.why-box h2{
    font-family:'Instrument Serif', serif;
    font-size:34px;
    font-weight:400;
    margin-bottom:20px;
    color:#023085;
}

.why-box ul{
    padding-left:20px;
}

.why-box li{
    margin-bottom:18px;
    font-size:18px;
    line-height:1.5;
}


@media (max-width:768px){
@media (max-width:480px)
.about-section{
    flex-direction:column;
    gap:40px;
}

.about-left{
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.about-content{
    max-width:100%;
}

.wave{
    margin:15px auto 25px;
}

.why-box{
    width:100%;
    margin-top:0;
}

}