.content .footer-banner .extended-banner-texts{order: 2;background-color: var(--color-bg);}

.footer-banner img {height: auto;mix-blend-mode: normal;}

.footer-banner > a{padding: 0;height: auto;}

.footer-banner .extended-banner-title {padding: 0 10px;display: flex;justify-content: center;align-items: center;line-height: 1.2;}

.footer-banner > a:hover::after {bottom: 0;}

.footer-banner > a:hover::before {bottom: 56px;}

.type-index .footer-banners{margin-top: 0;}

@media screen and (min-width: 992px){

.footer-banner:nth-child(2), .footer-banner:nth-child(10){flex-basis: 16.6666%;}

.footer-banner:nth-child(2) > a, .footer-banner:nth-child(10) > a{padding: 0;}

.footer-banner:nth-child(2) img, .footer-banner:nth-child(10) img{width: auto;}

.footer-banner:nth-child(2) .extended-banner-texts, .footer-banner:nth-child(10) .extended-banner-texts{width: 100%;}

.footer-banner:nth-child(2) .extended-banner-title, .footer-banner:nth-child(10) .extended-banner-title {padding: 0 10px;height: 52px;text-align: center;}

}

@media screen and (max-width: 1199px){

.footer-banner .extended-banner-title{font-size: 12px;}

}

@media screen and (max-width: 991px){

.footer-banner img{width: 100%;}

.footer-banner .extended-banner-texts {width: 100%;}

.footer-banner .extended-banner-title{font-size: 14px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

.footer-banner {flex-basis: 33.3333%;}

}

@media screen and (max-width: 767px){

.footer-banner .extended-banner-title {height: 50px;text-align: center;max-height: none;border-bottom: 5px solid #fff;}

.footer-banner > a:hover::before, .footer-banner > a:hover::after{display: none !important;}

}