.header-ty {
    width: 100%;
    height: 5rem;
    padding: 0rem 3rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar-ty-brand {
    width: 10rem;
}

.header-ty-wrapper {
    width: 100%;
    display: flex;
}

.navbar-ty-content {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
}

.navbar-ty-content a {
    margin-right: 1rem;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
}

.navbar-ty-content .btn:hover,
.mobile-nav-ty .btn:hover {
    background-color: #1d2024;
    transition: 1s;
}

.mobile-menu-icon {
    display: none;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
}

.mobile-nav-ty {
    display: none;
    position: absolute;
    top: 5rem;
    width: 100%;
    z-index: 11;
    /* height: 100%; */
    /* display: flex; */
    justify-content: center;
    padding: 3rem;
    background-color: #fff;
}

.mobile-nav-ty span {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

@media only screen and (max-width: 575.98px) {
    .navbar-ty-content {
        display: none;
    }
    .header-ty {
        padding: 0 1rem;
    }
    .header-ty-wrapper {
        position: relative;
    }
    .mobile-menu-icon {
        display: block;
    }
}