* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}


body {
    background: #ffffff;
    color: #333;
    line-height: 1.8;
}


/* Header */

header {
    background: #0b3d91;
    color: white;
}


.top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 8%;
}


.logo h2 {
    font-size: 28px;
}


.logo p {
    font-size: 16px;
}


.language a {
    color: white;
    text-decoration: none;
    margin: 5px;
}



/* Navigation */

nav {
    background: #06285f;
    padding: 15px;
    text-align: center;
}


nav a {
    color: white;
    text-decoration: none;
    margin: 0 15px;
    font-size: 17px;
}


nav a:hover {
    color: #ffd700;
}




/* Hero */

.hero {

    height: 550px;

    background:
    linear-gradient(
        rgba(0,0,0,0.55),
        rgba(0,0,0,0.55)
    ),
    url("../images/institute.jpg");

    background-size: cover;
    background-position: center;

    display: flex;
    justify-content: center;
    align-items: center;

    text-align: center;

    color:white;

}



.hero h1 {

    font-size: 45px;
    margin-bottom: 20px;

}



.hero p {

    font-size: 22px;

}



button {

    margin-top: 25px;

    padding: 15px 35px;

    border: none;

    background: #ffd700;

    color:#000;

    font-size:18px;

    cursor:pointer;

    border-radius:5px;

}





/* Sections */


section {

    padding:60px 10%;

    text-align:center;

}



section h2 {

    color:#0b3d91;

    margin-bottom:25px;

    font-size:32px;

}






/* Program Cards */


.card-container {

    display:flex;

    justify-content:center;

    gap:25px;

    flex-wrap:wrap;

}



.card {

    background:white;

    width:300px;

    padding:30px;

    border-radius:10px;

    box-shadow:0 5px 15px rgba(0,0,0,0.15);

}



.card h3 {

    color:#0b3d91;

    margin-bottom:15px;

}






/* Statistics */


.stats {

    background:#0b3d91;

    color:white;

    display:flex;

    justify-content:center;

    gap:80px;

    flex-wrap:wrap;

}



.stats h2 {

    color:#ffd700;

}





/* News */


.news a {

    display:inline-block;

    margin-top:20px;

    background:#0b3d91;

    color:white;

    padding:12px 25px;

    text-decoration:none;

    border-radius:5px;

}






/* Footer */


footer {

    background:#06285f;

    color:white;

    text-align:center;

    padding:30px;

}





/* Mobile */


@media(max-width:768px){


.top-bar {

    flex-direction:column;

}



nav a {

    display:block;

    margin:10px;

}



.hero h1 {

    font-size:32px;

}



.stats {

    gap:30px;

}



}