body {
    background-color: #f8f9fa;
}

h1 {
    color: #343a40;
}

.service-link .card {
    transition: transform 0.3s;
}

.service-link .card:hover {
    transform: scale(1.05);
}

.card-title {
    font-weight: bold;
    color: #007bff;
}

.status-text {
    font-weight: bold;
    color: green;
}

.status-text.offline {
    color: red;
}
.custom-size {
    width: 100px;
    height: 100px;
}
.card {
    height: 300px; /* Ensures consistent card height */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.logo-icon {
    width: 100px; /* Adjust as needed */
    height: 100px;
    margin-bottom: 15px;
}