*{

margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;

}


body{

color:#0B1F33;

}



/* NAVIGATION */


nav{

display:flex;

justify-content:space-between;

align-items:center;

padding:10px 8%;

background:white;

}


.logo img{

width:150px;

}



nav ul{

display:flex;

gap:35px;

list-style:none;

}



nav ul a{

text-decoration:none;

color:#0B1F33;

font-size:17px;

}



.nav-btn{

background:#4A90C2;

color:white;

padding:12px 25px;

border-radius:25px;

text-decoration:none;

font-weight:bold;

}



/* BANNER */


.course-banner{

text-align:center;

padding:70px 20px;

background:
linear-gradient(
120deg,
#f7fbff,
#ffffff
);

}


.course-banner h1{

font-size:55px;

line-height:1.15;

color:#102A43;

margin-bottom:20px;

}


.course-banner p{

font-size:20px;

color:#52606D;;

}



/* COURSE CARDS */


.courses{

display:flex;

justify-content:center;

gap:30px;

padding:60px 8%;

flex-wrap:wrap;

}



.course-card{

width:330px;

background:white;

padding:30px;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,0.1);

}



.course-card h2{

color:#4A90C2;

margin-bottom:15px;

}



.course-card p{

line-height:1.6;

color:#555;

margin-bottom:20px;

}



.course-card h3{

font-size:18px;

margin-bottom:15px;

}



.course-card ul{

list-style:none;

line-height:2;

}



.course-btn{

display:inline-block;

margin-top:20px;

background:#4A90C2;

color:white;

padding:12px 25px;

border-radius:25px;

text-decoration:none;

}



/* MOBILE */


@media(max-width:900px){

nav ul{

display:none;

}

}