/* HEADER */
.page-header{

color:black;
text-align:center;
padding:40px;
height: 20px;
}
.page-header h1{
  margin-top: 2px;
  margin-bottom: 20px;
}
/* TITLE */
.section-title{
margin:40px 0 10px;
font-size:28px;
text-align:center;
background-color: #ffffff;
overflow: hidden;
}

/* SWIPER */
.swiper{
width:92%;
margin:auto;
padding:20px 0 60px;
position:relative;
}

/* CARD */
.course-card{
background:white;
border-radius:10px;
padding:20px;
text-align:center;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
transition:.3s;
min-height: 320px;
}

.course-card:hover{
transform:translateY(-5px);
}

.course-card h2{
margin:10px 0;
font-size: 22px;
}

.course-card p{
font-size:14px;
color:#555;
}

/* INFO */
.course-info{
display:flex;
justify-content:space-between;
font-size:14px;
margin:10px 0;
color:#777;
}

/* BUTTON */
.btn{
display:inline-block;
background:#0f2a44;
color:white;
padding:5px 10px;
border-radius:5px;
text-decoration:none;
margin-top:10px;
}

.btn:hover{
background:#ff9800;
}

/* ARROWS */
.swiper-button-next,
.swiper-button-prev{
color:#fff;
background:#0f2a44;
width:40px;
height:40px;
border-radius:50%;
top: 28%;
}

.swiper-button-next:after,
.swiper-button-prev:after{
font-size:18px;
}