/* STYLE004 */
.cardsCont004 {
    padding: 50px 0;
    background-image: url("/themes/mathnasium/assets/images/bg-num-whtp.gif");
}
.cardsCont004 .headerCont h2 {
    font-size: 30px;
    font-weight: 800;
    line-height: 33px;
    text-align:center
}
.cardsCont004 .headerCont p {
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align:center
}
.cardsCont004 .cardItem .c1 {text-align:right}
.cardsCont004 .cardItem img {width:100%;max-width:80px}
.cardsCont004 .cardItem .title {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 0;
}
.cardsCont004 .cardItem .content {min-height:108px}
.cardsCont004 .cardItem p {font-size:16px;line-height:22px;font-weight:500}
.cardsCont004 .cardItem p.p4 {margin-bottom:0}

@media (min-width: 768px) {
    .cardsCont004 .headerCont h2,
    .cardsCont004 .headerCont p {text-align:left}
}

@media (min-width: 992px) {
    .cardsCont004 .headerCont h2 {font-size:38px;line-height:1.3;margin-bottom:10px}
    .cardsCont004 .headerCont p {width:75%;font-size:18px;line-height:26px}
    .cardsCont004 .cardItem .title {margin-bottom:5px}
    .cardsCont004 .cardItem p {font-size:18px;line-height:26px;margin-bottom:20px}
}
@media (min-width: 1279px) {
    .cardsCont004 .headerCont h2 {font-size:44px;line-height:52px}
    .cardsCont004 .headerCont p {font-size:19px;line-height:27px}
    .cardsCont004 .cardItem .title {font-size:24px;line-height:32px}
    .cardsCont004 .cardItem p {font-size:19px;line-height:27px}
}

/* STYLE005 */
.cardsCont005 {
    padding: 50px 0;
    background: #f2f0ee;
}

.cardsCont005 .headerCont {
    margin-bottom: 30px;
}

.cardsCont005 .headerTitle {
    font-size: 30px;
    font-weight: 800;
    line-height: 33px;
    text-transform: none;
    margin-bottom: 20px;
}

.cardsCont005 .cardItem {
    align-items: center;
}

.cardsCont005 .cardItem p {
    margin-bottom: 0;
}

.cardsCont005 .cardItem img {
    object-fit: contain;
    width: 100%;
}

.cardsCont005 .cardItem .title {
    font-family: "Nunito Sans", 'Avenir';
    font-size: 16px;
    line-height: 22px;
    color: #EF3E33;
}

.cardsCont005 .cardItemCont {
    margin-bottom: 30px;
}

.cardsCont005 p {
    font-family: "Nunito Sans", 'Avenir';
    font-size: 16px;
    line-height: 22px;
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {

    .cardsCont005 .cardItem .title, .cardsCont005 p {
        font-size: 19px;
    }

    .cardsCont005 .headerTitle {
        font-size: 44px;
        line-height: 46px;
    }
}