.main-header-logo {
    display: flex;
    align-items: center;
    gap: 11.55px;
    padding-top:20px;
}

@media only screen and (max-width: 1280px) {
    .main-header-logo {
        gap: 8.55px;
    }
}

@media only screen and (max-width: 1280px) {
    .main-header-logo img {
        width: 104px;
    }
}

.main-header-logo .top-text-wrap {
    position: relative;
    overflow: hidden;
    height: 20px;
    width: max-content;
}

@media only screen and (max-width: 1280px) {
    .main-header-logo .top-text-wrap {
        height: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .main-header-logo .top-text-wrap {
        height: 18px;
    }
}

.main-header-logo .top-text-wrap span {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.5s ease, opacity 0.5s ease;
    font-family: "Inter Display", "Inter", sans-serif;
    font-weight: 500;
    font-size: 20.76px;
    color: #002463;
    will-change: transform, opacity;
    backface-visibility: hidden;
}

@media only screen and (max-width: 998px) {
    .main-header-logo .top-text-wrap span {
        font-size: 17.8984px;
        line-height: 22px;
    }
}

.main-header-logo .top-text-wrap span.active {
    opacity: 1;
    transform: translateY(0);
}

.main-header-logo .top-text-wrap span.exit {
    opacity: 0;
    transform: translateY(-100%);
}

.main-header-logo .bottom-text-wrap span {
    font-family: "Inter Display", "Inter", sans-serif;
    font-weight: 500;
    font-size: 20.41px;
    letter-spacing: 0;
    color: #002463;
}

@media only screen and (max-width: 1280px) {
    .main-header-logo .bottom-text-wrap span {
        font-size: 17.5977px;
        line-height: 21px;
    }
}