:root {
    --clr-283581: #283581;
    --clr-3f6f9c: #3f6f9c;
    --clr-c8dcf4: #c8dcf4;
    --clr-ffffff: #ffffff;
}

/* Footer layout and colors. */
.customer-service {
    background-color: var(--clr-c8dcf4);
}
.footer-bg {
    background-color: var(--clr-3f6f9c);
    color: var(--clr-ffffff);
}
.copyright-bg {
    background-color: var(--clr-283581);
    color: var(--clr-ffffff);
}
.img-footer-logo { max-width: 157px; }
.footer .consultant { max-width: 135px; }
@media (max-width: 767.98px) {
    .customer-service > .container > .row { row-gap: 20px; }
    .customer-service .bok-number { font-size: clamp(20px, 5vw, 28px); white-space: nowrap; }
    .footer-bg .row { row-gap: 20px; text-align: center; justify-content: center; }
    .copyright-bg small { text-align: center; overflow-wrap: anywhere; }
    .footer .consultant { max-width: 110px; }
}