.spesialis-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    flex-direction: column;
    align-items: center;
}

.spesialis-title {
    font-size: 1.5em;
    font-weight: 500;
}

.card-spesialis-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1300px;
}

.card-spesialis {
    display: flex;
    width: calc(25%);
    min-width: 310px;
    color: #146A0E;
    text-align: center;
    padding: 50px;
    border: 0.2px solid #efefef;
    border-radius: 8px;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.spesialis-icon {
    width: 85px;
    height: 85px;
    object-fit: contain;
    margin-bottom: 8px;
    transition: filter 0.3s ease;
    /* Warna dasar ikon (#146A0E) dalam bentuk filter */
    filter: brightness(0) saturate(100%) invert(29%) sepia(90%) saturate(300%) hue-rotate(80deg) brightness(92%) contrast(90%);
}

.card-spesialis:hover {
    background-color: #146A0E;
    color: #CAF8BF;
    border-color: #146A0E;
}

.card-spesialis:hover .spesialis-icon {
    /* Warna ikon saat hover (#CAF8BF) */
    filter: brightness(0) saturate(100%) invert(88%) sepia(12%) saturate(411%) hue-rotate(65deg) brightness(100%) contrast(90%);
}