/* ===== Contact Banner Block ===== */
.contact-banner {
    width: 100%;
    padding: 40px 0 !important;
}

.contact-banner-inner {
    max-width: var(--container-width, 1200px);
    width: 96%;
    margin: 0 auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 36px;
    flex-wrap: wrap;
}

.contact-banner-item {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none !important;
    color: #172C40 !important;
    font-weight: 700 !important;
    font-size: clamp(15px, 2vw, 32px) !important;
    transition: opacity 0.2s;
}

.contact-banner-item:hover {
    opacity: 0.75;
}

.contact-banner-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.contact-banner-divider {
    display: block;
    width: 1px;
    height: 28px;
    background: #172C40;
    opacity: 0.35;
    flex-shrink: 0;
}

@media (max-width: 480px) {
    .contact-banner-inner {
        flex-direction: column;
        gap: 16px;
    }
    .contact-banner-divider {
        display: none;
    }
}