.methodical-advices > .container > h1 {
    color: var(--color-main);
    text-align: center;
    margin: 32px 0;
}

.card {
    height: 100%;
}

.card-img-top {
    height: 550px;
    width: 100%;
    object-fit: cover;
}

.card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card .card-body .btn {
    background-color: var(--color-main);
    color: #fff;
    width: 100%;
}

@media (max-width: 1399px) {
    .card-img-top {
        height: 450px;
    }
}

@media (max-width: 767px) {
    .card-img-top {
        height: 350px;
    }
}

@media (max-width: 575px) {

    .card {
        max-width: 400px;
    }

    .card-img-top {
        height: 450px;
    }
}