.justify{
    text-align: justify;
}
.white{
    color: white !important;
}
.black{
    color: black !important;
}

/* Default styling for desktop view */
.page-header__title,
.page-header__breadcrumb-item {
    color: black !important; /* Color for desktop view */
}

/* Specific styling for breadcrumb links */
.page-header__breadcrumb-item a {
    color: black !important; /* Ensure breadcrumb links are black in desktop view */
}

/* Media query for mobile view */
@media (max-width: 767px) {
    .page-header__title,
    .page-header__breadcrumb-item {
        color: white !important; /* Color for mobile view */
    }

    /* Specific styling for breadcrumb links in mobile view */
    .page-header__breadcrumb-item a {
        color: white !important; /* Ensure breadcrumb links are white in mobile view */
    }
}




































/* Default styles for desktop view */
.counter-one__list {
    display: flex !important;
    flex-wrap: nowrap !important; /* Ensure items are in a single line */
    justify-content: space-between !important;
    align-items: center !important; /* Align items vertically centered */
    overflow-x: auto !important; /* Allow horizontal scroll if content overflows */
}

.counter-one__list li {
    flex: 1 1 auto !important; /* Ensure items take up space and adjust as needed */
    margin-bottom: 20px !important;
    text-align: center !important;
    min-width: 200px !important; /* Minimum width to prevent shrinking too much */
}

.counter-one__icon {
    font-size: 24px !important; /* Adjust icon size if needed */
}

/* Mobile view styles */
@media (max-width: 767px) {
    .counter-one__list {
        display: block !important;
    }
    
    .counter-one__list li {
        margin-bottom: 40px !important; /* More spacing between items */
    }
    
    .counter-one__icon {
        font-size: 30px !important; /* Increase icon size for better visibility */
    }
    
    .counter-one__count {
        margin-bottom: 10px !important; /* Space between count and text */
    }
}