/* preventiveCareSec */
.preventiveCareSec {
    background-color: var(--white);
}

.preventiveCareSec .preventiveCareCatSec {
    padding: 0px 0px;
    margin-bottom: 104px;
}

.preventiveCareSec .preventiveCareCatSec:last-of-type {
    margin-bottom: 0px;
}

.preventiveCareSec > .infoText {
    width: 720px;
    max-width: 100%;
    padding: 0px 15px;
    margin: 64px auto 0px auto;
    text-align: center;
    color: var(--neutral700);
}

.preventiveCareSec > .infoText a {
    color: var(--primaryBrand);
    font-weight: 500;
}

/* preventiveCareCatSec */
.preventiveCareCatSec .headingL {
    color: var(--neutral900);
    margin-bottom: 32px;
}

.preventiveCareCatRow {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.preventiveCareCatCol {
    width: calc(25% - 18px);
}

/* preventiveCareCatBox */
.preventiveCareCatBox {
    height: 100%;
    overflow: hidden;
    background-color: var(--primaryBrand100);
}

.preventiveCareCatBox .imgWrapper {
    position: relative;
    padding-top: 76%;
    overflow: hidden;
}

.preventiveCareCatBox .imgWrapper img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.preventiveCareCatBox .cnBody {
    padding: 24px 24px;
}

.preventiveCareCatBox .headingXS {
    color: var(--neutral900);
    margin-bottom: 16px;
}

.preventiveCareCatBox .paragraphM {
    color: var(--neutral700);
}

/* Responsive - 1199px */
@media (max-width: 1199px) {
    .preventiveCareCatBox .cnBody {
        padding: 16px;
    }
}

/* Responsive - 1024px */
@media (max-width: 1024px) {
    .preventiveCareSec .preventiveCareCatSec {
        margin-bottom: 40px;
    }

    .preventiveCareSec .preventiveCareCatSec:last-child {
        margin-bottom: 0px;
    }

    .preventiveCareSec > .infoText {
        margin: 40px auto 0px auto;
    }

    .preventiveCareCatSec .headingL {
        margin-bottom: 24px;
    }
}

/* Responsive - 991px */
@media (max-width: 991px) {
    .preventiveCareCatCol {
        width: calc(33.3333% - 16px);
    }
}

/* Responsive - 767px */
@media (max-width: 767px) {
    .preventiveCareCatCol {
        width: calc(50% - 12px);
    }
}

/* Responsive - 575px */
@media (max-width: 575px) {
    .preventiveCareCatCol {
        width: 100%;
    }
}