@import url('https://fonts.cdnfonts.com/css/xeroda');

@font-face {
    font-family: "VIP Hakm";
    src: url("VIP Hakm.ttf") format("ttf"),
}
body { background-color: #000; color: #fff; font-family: "VIP Hakm", sans-serif;
}

.course-container {
    max-width: 600px; margin: 50px auto; padding: 30px;
    border-radius: 10px; background-color: #000000; text-align: center;
    border: 2px solid gray;
}

h2 { font-size: 28px; font-weight: bold; margin-bottom: 10px; }
p { font-size: 16px; color: #bbb; margin-bottom: 20px; }

.course-info { display: flex; justify-content: center; gap: 20px; margin-top: 20px; }
.info-item { display: flex; align-items: center; gap: 8px; font-size: 18px; }
.info-item i { font-size: 22px; color: #fff; }
.btn-custom {
    display: inline-block; padding: 12px 25px; border: 2px solid white;
    color: white; text-decoration: none; font-size: 18px; font-weight: bold;
    transition: 0.3s; margin-top: 20px;
}
.btn-custom:hover { background-color: white; color: black; }
.nav-icons { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.nav-icons a { color: white; font-size: 24px; text-decoration: none; padding: 10px; transition: 0.3s; }
.nav-icons a:hover { color: #bbb; }

#learning-section {
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.07);
    font-size: 1rem;
    line-height: 1.8;
  }
  #learning-section a {
    color: #0d6efd;
    text-decoration: underline;
  }
     h5{
    color: gray;
   }