/*
 * Contact Icon Spacing Fix
 * Adds more space between icons and text in contact labels
 */

/* Add space between icon and text in contact labels */
.os-contact-label i {
    margin-right: 0 !important; /* Reset any existing margins */
}

/* Style the label text with proper spacing */
.os-contact-label {
    display: flex !important;
    align-items: center !important;
}

.os-contact-label .label-text {
    margin-left: 25px !important; /* Add significant space after the icon */
    display: inline-block !important;
}

/* Fix for smaller screens */
@media (max-width: 576px) {
    .os-contact-label .label-text {
        margin-left: 20px !important;
    }
}

/* Fix for very small screens */
@media (max-width: 400px) {
    .os-contact-label .label-text {
        margin-left: 15px !important;
    }
}

/* Style the location indicator */
.os-location-indicator {
    display: flex !important;
    align-items: center !important;
}

.os-location-indicator i {
    margin-right: 0 !important;
}

.os-location-indicator .location-text {
    margin-left: 25px !important;
}

@media (max-width: 576px) {
    .os-location-indicator .location-text {
        margin-left: 20px !important;
    }
}

@media (max-width: 400px) {
    .os-location-indicator .location-text {
        margin-left: 15px !important;
    }
}