body{

font-family: Arial, sans-serif;
margin:0;
background:#f4f7fb;
color:#333;

}



header{

background:linear-gradient(135deg,#003b8f,#007bff);

color:white;
text-align:center;
padding:35px;

}


header h1{

margin:0;
font-size:35px;

}




.container{

width:90%;
max-width:1100px;
margin:30px auto;

}




.profile{

background:white;
border-radius:15px;
padding:25px;
box-shadow:0 5px 20px #ddd;

border-left:8px solid #005bea;

}



.profile h2{

color:#005bea;

}


.profile h3{

font-size:25px;
color:#333;

}


.contact i{

color:#005bea;
font-size:20px;

}





.card{

background:white;
margin-top:25px;
padding:30px;

border-radius:15px;

box-shadow:0 5px 20px #ddd;


}



.card h2{

color:#005bea;

}



.orange{

color:#ff6600;

}



li{

margin:12px 0;
line-height:1.6;

}




.links a{

display:block;

background:#eef5ff;

padding:15px;

margin:10px 0;

border-radius:8px;

color:#005bea;

text-decoration:none;

font-weight:bold;

transition:.3s;

}



.links a:hover{

background:#005bea;
color:white;

}





footer{

text-align:center;

background:#003b8f;

color:white;

padding:20px;

margin-top:40px;

}





@media(max-width:600px){


header h1{

font-size:25px;

}


.container{

width:95%;

}

}
.banner-image{

    width:100%;
    max-width:1800px;

    height:200px;

    object-fit:cover;

    border-radius:15px;

    margin:0 auto 20px;

    display:block;

    box-shadow:0 5px 20px rgba(0,0,0,0.25);

}
}