/* Contact information icon states */
.landing-contact .contact-info-item .icon-box {
    background: #0057ff !important;
    background-color: #0057ff !important;
    background-image: none !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transition: background-color 0.3s ease;
}

.landing-contact .contact-info-item .icon-box::before,
.landing-contact .contact-info-item .icon-box::after {
    content: none !important;
    display: none !important;
}

.landing-contact .contact-info-item .icon-box img {
    filter: brightness(0) invert(1) !important;
    transition: filter 0.3s ease;
}

.landing-contact .contact-info-item:hover .icon-box,
.landing-contact .contact-info-item .icon-box:hover,
.landing-contact .contact-info-item:focus-within .icon-box {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    box-shadow: none !important;
}

.landing-contact .contact-info-item:hover .icon-box::before,
.landing-contact .contact-info-item:hover .icon-box::after,
.landing-contact .contact-info-item .icon-box:hover::before,
.landing-contact .contact-info-item .icon-box:hover::after,
.landing-contact .contact-info-item:focus-within .icon-box::before,
.landing-contact .contact-info-item:focus-within .icon-box::after {
    background: transparent !important;
    background-color: transparent !important;
    opacity: 0 !important;
    content: none !important;
    display: none !important;
}

.landing-contact .contact-info-item:hover .icon-box img,
.landing-contact .contact-info-item .icon-box:hover img,
.landing-contact .contact-info-item:focus-within .icon-box img {
    filter: brightness(0) !important;
}

.landing-contact .contact-info-item:hover .icon-box svg,
.landing-contact .contact-info-item .icon-box:hover svg,
.landing-contact .contact-info-item:focus-within .icon-box svg {
    color: #000000 !important;
    fill: #000000 !important;
    stroke: #000000 !important;
}