@font-face {
    font-family: 'Onstage';
    src: url('/fonts/OnStage.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* Institute Name Styling */
.logo_content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.logo_img {
    width: 50px; /* Adjust based on your logo size */
    height: auto;
}

.logo_img img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.institute_name {
    /* display: flex; */
    flex-direction: column;
    line-height: 1.2;
    font-family: 'Onstage', 'Montserrat', 'Poppins', sans-serif; /* Onstage first, then fallbacks */
}

.name-line1 {
    font-size: 2.1rem;
    font-weight: 700; /* Bold weight */
    color: #1e3a8a;
    letter-spacing: 1px;
    font-family: 'Onstage', 'Montserrat', 'Poppins', sans-serif; /* Add this if you want Onstage for line1 */
}

.name-line2 {
    font-size: 2.8rem;
    font-weight: 900; /* Heavy/Black weight */
    /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
    background: linear-gradient(135deg, #800020 0%, #1e3a8a 100%); 
    /* background: linear-gradient(135deg, #8B0000 0%, #2563eb 100%); */
    /* background: linear-gradient(135deg, #722F37 0%, #0a1929 100%); */
    /* background: linear-gradient(135deg, #B22222 0%, #0284c7 100%); */
/* Firebrick Red to Sky Blue - Vibrant & Dynamic */
/* Wine Red to Dark Navy - Sophisticated & Professional */
/* Deep Maroon to Bright Blue - Bold & Energetic */
/* Burgundy to Deep Royal Blue - Classic & Premium */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Onstage', 'Montserrat', 'Poppins', sans-serif; /* Add this if you want Onstage for line2 */
}

/* Hover effect */
.logo_container:hover .name-line1 {
    color: #800020;  /* Maroon color on hover */
    transition: color 0.3s;
}

.logo_container:hover .name-line2 {
    background: linear-gradient(135deg, #1e3a8a 0%, #800020 100%);  /* Blue to Maroon gradient */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .logo_content {
        gap: 10px;
    }
    
    .logo_img {
        width: 55px;
    }
    
    .name-line1 {
        font-size: 1.9rem;
    }
    
    .name-line2 {
        font-size: 2.1rem;
    }
}

@media (max-width: 480px) {
    .logo_img {
        width: 45px;
    }
    
    .name-line1 {
        font-size: 1.7rem;
    }
    
    .name-line2 {
        font-size: 1.7rem;
    }
}