#footer,
#copyright {
    background: var(--color-secondary);
    color: #FFFFFF;
}

#footer h2,
#footer h3,
#footer h4,
#footer-in .topic {
    color: #FFFFFF;
}

#footer a {
    color: #D1D5DB;
}

#footer a:hover {
    color: #F6B800;
}

.copy{
    color: #B8BCC2;
}


@media (min-width: 768px) {
    .extended-banner-texts{
        padding-right: 60%;
    }
}
@media (max-width: 767px) {
    .extended-banner-texts{
        padding-right: 5%;
        2px 2px 4px #ffffff55;
    }
     .carousel-inner > .item > a{
        aspect-ratio: 1 / 1;
        display: block;
    }
    .carousel-inner > .item img{
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }
}


.extended-banner-texts{
    display: flex;
    flex-flow: column;
    top: auto;
    padding-left: 5%;
}

.extended-banner-title,
.extended-banner-text,
.extended-banner-link {
    box-shadow: none;
    border: none;
    background-color: transparent;
    position: relative;
}

.extended-banner-link {
    top: auto;
    right: auto;
    margin-top: 20px;
    margin-bottom: 45px;
    height: auto;
}

.extended-banner-title{
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 700;
}

.extended-banner-title-tiny{
    font-size: clamp(10px, 1.0vw, 16px);
    margin-bottom: 10px;
    font-weight: 700;
}

.extended-banner-title-yellow{
    color: var(--color-primary);
}

.extended-banner-text{
    font-size: clamp(10px, 1.3vw, 16px);
    margin-bottom: 10px;
}

.extended-banner-link-inner{
    background: black;
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: clamp(10px, 1.3vw, 16px);
    font-weight: 600;
}

.benefitBanner{
    box-shadow: 1px 1px 6px 6px rgba(0, 0, 0, .07);
    border-radius: 10px;
    padding: 10px;

    /* offset */
    margin-top: -15px;
    position: relative;
    z-index: 10;
    background: white;
}

.active{
    color: var(--color-primary) !important;
}


.navigation-in>ul>li>a:hover,
.menu-helper>ul>li>a:hover,
.menu-helper>span:hover,
.navigation-buttons>a:hover,
.top-nav-button-login:hover{
    color: var(--color-primary-hover)!important;
}
.menu-helper>span,
.top-nav-button-login{
    transition: color .3s ease-out;
}