/* Brutalist Font Styling */
body {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
}

h1,
h2,
h3 {
    font-weight: 600;
    letter-spacing: 0.5px;
}

.logo-blend-small {
    width: 180px;
    mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 90%);
    -webkit-mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 90%);
    transition: all 0.3s ease-in-out;
}


.logo-blend-mid {
    width: 200px;
    mask-image: radial-gradient(ellipse at center, white 70%, transparent 200%);
    -webkit-mask-image: radial-gradient(ellipse at center, white 70%, transparent 100%);
    transition: all 0.5s ease-in-out;
}

.logo-circular {
    width: 250px;
    border-radius: 100%;
    mask-image: radial-gradient(circle, white 55%, transparent 100%);
    -webkit-mask-image: radial-gradient(circle, white 55%, transparent 100%);
    box-shadow: 0 0 15px rgba(44, 79, 184, 0.9);
}

.navbar {
    font-family: 'Inter', sans-serif;
    background-color: black !important;
    padding: 0.01px 0 !important;
}

.navbar .nav-link {
    color: #007bff !important;
    /* Bootstrap Primary Blue */
    font-size: 1.2rem !important;
    font-weight: 550;
    text-transform: uppercase;
    letter-spacing: 2px;
    word-spacing: 10px;
}

.navbar .nav-link:hover {
    color: #0056b3 !important;
    /* Darker blue on hover */
}

.custom-width {
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


/*------------- font-family:  'Inter', 'Poppins', 'Rajdhani', sans-serif;----------------------------------------------------------*/