.header {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #EDEDED;
    backdrop-filter: blur(50px);
}

.brighton-logo img {
    width: clamp(1px, 8.073vw, 310px);
    height: auto;
}

.top-navbar {
    height: clamp(1px, 5.417vw, 208px);
}

.header-item {
    border-bottom: 2px solid transparent;
}

.header-item.active {
    border-bottom: 2px solid #F97E00;
}


.contact-btn {
    width: clamp(1px, 6.9271vw, 266px);
    height: clamp(1px, 2.917vw, 112px);
    background: #FFF3DC;
    border-radius: clamp(1px, 0.6vw, 24px);
}

/* MOBILE VIEW */
@media (max-width:767px) {

    .top-navbar,
    .menu .modal-header {
        height: clamp(1px, 17.91vw, 128px);
    }

    .brighton-logo img {
        width: clamp(1px, 32.326vw, 310px);
        height: auto;
    }

    .menu-icon img {
        width: clamp(1px, 6.512vw, 56px);
        height: clamp(1px, 6.512vw, 56px);
    }

    .menu .modal-content {
        border: none !important;
        border-radius: 0 !important;
    }

    .modal-body {
        height: 100vh;
    }
}