/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23 Jul, 2025, 1:15:19 PM
    Author     : aditya.k
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.navbar {
    background-color: #fff;
    padding: 10px 30px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: sticky;
    top: 0;
    z-index: 999;
    width: 100%;
}

.navbar-container {
    display: flex;
    align-items: center;
    justify-content: center; /* Previously space-between */
    gap: 40px; /* Optional: control spacing between logo and menu */
}

/* Left */
.nav-left {
    display: flex;
    align-items: center;
    gap: 10px; /* space between logo and tagline */
    padding-right: 10px; /* Optional small gap */
}


.nav-left .logo {
    height: 75px; /* Increase this value as needed */
    width: auto;  /* Keeps the aspect ratio */
}

.tagline {
    font-size: 12px;
    color: #444;
    margin-top: 4px;
}

/* Center */
.nav-center {
    display: flex;
    gap: 25px; /* Reduce from 30px if needed */
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 0; /* Remove negative margin */
}

.nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -40px; /* Remove this if previously -40px */
}


.nav-center a {
    text-decoration: none;
    color: #000;
    text-align: center;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
}

.label {
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-bottom: 4px;
    animation: blink 1s infinite;
}

.enroll {
    background-color: #d10404;
    color: #ffffff;
    border-radius: 5px;
    font-size: 9px;
    font-weight: bold;
}

.new {
    background-color: #214d44;
    color: white;
    border-radius: 5px;
    font-size: 9px;
    font-weight: bold;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* Right */
.nav-right {
    display: flex;
    align-items: center;
    gap: 15px;
}

.nav-right i {
    font-size: 16px;
    color: #000;
}

/* Apply blink to both labels */
.enroll, .new {
    animation: blink 1s infinite;
}