.basic-contact-info {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-size: var(--bci-font-size, 14px);
}

.basic-contact-info.flex-column {
    flex-direction: column;
    gap: 5px;
}

.bci-color-black .contact-section-title,
.bci-color-black .contact-phone a,
.bci-color-black .contact-whatsapp a,
.bci-color-black .contact-email a,
.bci-color-black .contact-address {
    color: var(--clr-black, #2a1816);
}

.bci-color-white .contact-section-title,
.bci-color-white .contact-phone a,
.bci-color-white .contact-whatsapp a,
.bci-color-white .contact-email a,
.bci-color-white .contact-address {
    color: #ffffff;
}

.bci-color-black .contact-phone {
    background-image: url('../images/icon-phone-black.webp');
}

.bci-color-black .contact-whatsapp {
    background-image: url('../images/icon-whatsapp-black.webp');
}

.bci-color-black .contact-email {
    background-image: url('../images/icon-mail-black.webp');
}

.bci-color-black .contact-address {
    background-image: url('../images/icon-address-black.webp');
}

.bci-color-white .contact-phone {
    background-image: url('../images/icon-phone-white.webp');
}

.bci-color-white .contact-whatsapp {
    background-image: url('../images/icon-whatsapp-white.webp');
}

.bci-color-white .contact-email {
    background-image: url('../images/icon-mail-white.webp');
}

.bci-color-white .contact-address {
    background-image: url('../images/icon-address-white.webp');
}

.contact-section-title {
    margin: 0 0 5px 0;
    font-weight: bold;
    font-size: 1em;
}

.contact-email,
.contact-phone,
.contact-whatsapp,
.contact-address {
    padding: 2px 0;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px 16px;
    padding-left: 25px;
}

.contact-email a,
.contact-phone a,
.contact-whatsapp a {
    text-decoration: none;
    color: inherit;
}

.contact-email a:hover,
.contact-phone a:hover,
.contact-whatsapp a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .basic-contact-info {
        justify-content: center;
        text-align: center;
    }

    .contact-email,
    .contact-phone,
    .contact-whatsapp,
    .contact-address {
        background-position: center top;
        padding-left: 0 !important;
        padding-top: 25px;
    }
}