.image-card-section {
    padding-block: clamp(60px, 8vw, 120px);
}

.image-card-header {
    margin-bottom: clamp(40px, 5vw, 70px);
}

.image-card-flex {
    gap: clamp(20px, 2vw, 30px);
}

.image-card-description li {
    margin: 0;
}

.image-card-description ul {
    margin: 0;
}

/* Card width control */
.image-card {
    width: calc((100% - 60px) / 3);
    background-color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.image-card-image {
    padding-top: 66%;
}

.image-card-title {
    margin-bottom: 20px;
    color: var(--color-primary);
    font-size: var(--font-size-28);
}

.image-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}



.image-card-content {
    padding: 30px;
    flex-grow: 1;
}

.image-card-title {
    margin-bottom: 12px;
    font-size: clamp(18px, 2vw, 22px);
}

/* Tablet */
@media (max-width: 991px) {
    .image-card {
        flex: 1 1 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }
}

@media (max-width: 640px) {
    .image-card-content {
        padding: 25px;
    }

    .image-card {
        flex: 1 1 100%;
        max-width: 100%;
    }
}