.footer-section{
    background-color: var(--surface-brand);
}

.footer{
    display: flex;
    align-items: start;
    gap: var(--sp-lg);
    justify-content: center;
    max-width: var(--br-xl);
    margin: 0 auto;
}

.footer-detail{
    display: flex;
    align-items: start;
    gap: var(--sp-sm);
    flex-direction: column;
}

.footer-detail .text{
    color: var(--base-white);
}

.footer .footer-left{
    flex: 0 0 calc(50% - var(--sp-lg));
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--sp-lg);
    align-items: start;
}

.footer .footer-right{
    flex: 0 0 calc(50% - var(--sp-lg));
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--sp-lg);
    align-items: start;
}

.footer-logo{
    height: 75px;
    max-width: fit-content;
}

.footer-logo .media-thumbnail,
.footer-logo .img{
	border-radius: 0;
}

.footer-address{
    max-width: 376px;
}

.footer-address .address-list{
    display: flex;
    flex-direction: column;
    gap: var(--sp-md);
}

.address-list .address-item{
    display: flex;
    flex-direction: column;
    gap: var(--sp-s);
}

.partnership-list{
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-sm);
}

.partnership-list .card{
    flex: 1 0 calc(20% - var(--sp-sm));
    padding: var(--sp-s);
}

.footer-menu-group{
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-md);
}

.footer-menu-group .footer-menu-block{
    flex: 0 0 calc(33.33% - var(--sp-md));
    display: flex;
    flex-direction: column;
    gap: var(--sp-sm);
}

.footer-menu-block .footer-menu{
    display: flex;
    flex-direction: column;
    gap: var(--sp-sm);
}

.footer-menu a.text{
    color: var(--base-white) !important;
}

.footer-menu li{
    list-style: none;
}

.footer-menu-block .footer-duplicate-title{
    color: var(--base-white);
}



@media (max-width: 991px){
    .footer-default{
        flex-direction: column;
    }
}

@media (max-width: 445px){
    .partnership-list .card{
        flex: 0 0 calc(50% - var(--sp-sm));
    }

    .footer-menu-group .footer-menu-block{
        flex: 0 0 calc(50% - var(--sp-md));
    }
}

@media (max-width: 320px){
    .partnership-list .card{
        flex: 0 0 calc(100%);
    }

    .footer-menu-group .footer-menu-block{
        flex: 0 0 calc(100%);
    }
}