.nav-link {
      transition: color 0.3s ease;
    }

    .nav-link:hover {
      color: #FFC72C;
    }

    .underline-yellow {
      border-bottom: 3px solid #FFC72C;
    }

    .underline-white {
      border-bottom: 3px solid #fff;
    }

    .btn-explore {
      background-color: #FFC72C;
      color: #1a1a1a;
      font-weight: 600;
      padding: 0.5rem 1.25rem;
      border-radius: 0.375rem;
      transition: background-color 0.3s ease, color 0.3s ease;
      display: inline-block;
      text-transform: uppercase;
      font-size: 0.875rem;
      letter-spacing: 0.05em;
      user-select: none;
      cursor: pointer;
      border: none;
    }

    .btn-explore:hover {
      background-color: #dbb52a;
      color: #121212;
    }
.fb-btn{
    background:#1877f2;
    color:#fff;
    width:34px;
    height:34px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition: 0.3s ease;
}

.fb-btn:hover{
    background:#0f66d0;
}
.ig-btn{
    background: radial-gradient(circle at 30% 107%, 
        #fdf497 0%, 
        #fdf497 5%, 
        #fd5949 45%, 
        #d6249f 60%, 
        #285AEB 90%);
    color:#fff;
    width:34px;
    height:34px;
    border-radius:20%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition: 0.3s ease;
}

.ig-btn:hover{
    filter: brightness(0.9);
}



    .hero-overlay {
      background: linear-gradient(to right, rgba(15, 15, 15, 0.85) 0%, rgba(15, 15, 15, 0.3) 40%, rgba(15, 15, 15, 0) 100%);
      position: absolute;
      inset: 0;
      z-index: 1;
    }

    li {
      padding: 2px;
    }

    @media (min-width: 768px) {
      .welcome-text {
        font-size: 3.5rem;
      }

      .welcome-highlight {
        font-size: 4.5rem;
      }
    }

    @media (max-width: 767px) {
      .welcome-text {
        font-size: 2rem;
      }

      .welcome-highlight {
        font-size: 2.75rem;
      }
    }

.modal_academic_cal{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}