@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');


@font-face {
    font-family: 'Dubai';
    src: url('../fonts/Dubai-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Dubai';
    src: url('../fonts/Dubai-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Dubai';
    src: url('../fonts/Dubai-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Dubai';
    src: url('../fonts/Dubai-Bold.ttf') format('truetype');
    font-weight: 700;
}


.nav-link {
    position: relative;
    padding-bottom: 8px;
}

#nav-underline {
    opacity: 0;
    transition: all 0.3s ease;
}

.nav-link.active {
    color: #00AD7D;
    position: relative;
}

.nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #00AD7D;
}