.InfoBox_infoBox__p_zs5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--color-white);
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    padding: clamp(1rem, 2vw, 2rem);
    margin-bottom: clamp(1rem, 2vw, 2rem);
    text-decoration: none;
    transition: transform .3s ease, box-shadow .3s ease;
    flex: 1 1 clamp(200px, 25%, 300px);
    max-width: 100%
}
.InfoBox_infoBox__p_zs5:hover {
    background: var(--bipro-dark-blue);
    color: var(--color-white);
    transform: translateY(-5px)
}
.InfoBox_infoBoxTitle__6EzH0 {
    height: 3.51em !important;
    font-size: clamp(1rem, 2.5vw, 1.25rem)
}
.InfoBox_infoBoxSubtitle__XXYdt,
.InfoBox_infoBoxTitle__6EzH0 {
    margin: 0;
    color: var(--bipro-dark-blue);
    text-align: center;
    display: flex;
    align-items: center
}
.InfoBox_infoBoxSubtitle__XXYdt {
    height: 1.75em !important;
    font-size: clamp(1rem, 2.5vw, .75rem)
}
.InfoBox_infoBox__p_zs5:hover .InfoBox_infoBoxSubtitle__XXYdt,
.InfoBox_infoBox__p_zs5:hover .InfoBox_infoBoxTitle__6EzH0 {
    color: var(--color-white)
}
@media (max-width : 768px) {
    .InfoBox_infoBox__p_zs5 {
        flex: 1 1 100%;
        padding: 1rem;
        margin-bottom: 1rem
    }
}