/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 1 version
*/

.image-cards__headlines {
    margin-bottom: 25px;
}

.image-cards__headlines :last-child {
    margin-bottom: 0;
}

.image-cards__bttn {
    margin-top: 25px;
}

.image-cards__bttn .btn-group {
    margin-top: 0;
}

.image-card-slider div {
    font-size: 0;
}

.image-card-slider {
    padding-bottom: 75px;
    margin: 0 -16px;
}

.image-card-item {
    padding: 0 16px;
}

.image-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 0;
    border: 2px solid #F5F5F5;
    overflow: hidden;
}

.image-card-slider .slick-track {
    display: flex !important;
}

.image-card-slider .slick-slide {
    height: inherit !important;
}

.image-card-slider .slick-slide div {
    height: 100%;
}

.image-card-slider .slick-slide .image-card div {
    height: auto;
}

.image-card__image {
    height: 175px !important;
}

.image-card__image img {
    border-radius: 5px 5px 0 0;
}

.image-card__details {
    padding: 30px 20px 15px;
}

.image-card__details :last-child {
    margin-bottom: 0;
}

.image-card__details p {
    color: #2F2F2F;
    font-weight: 400;
}

.image-card__bottom {
    padding: 0 20px 21px;
}

.bg-blue .image-card__title {
    color: #030B12;
}

.bg-blue .image-card__bottom .btn-tertiary {
    color: #030B12;
    -webkit-text-decoration-color: #02B4D7;
            text-decoration-color: #02B4D7;
}

.bg-blue .btn-tertiary:after {
    color: #fff;
}

@media (min-width: 768px) {
    .image-cards__headlines {
        margin-bottom: 32px;
    }

    .image-cards__bttn {
        margin-top: 32px;
    }

    .image-card-slider {
        padding-bottom: 82px;
        margin: 0 -68px;
    }

    .image-card {
        width: 316px;
    }

    .image-card__bottom {
        padding: 0 20px 26px;
    }

    .image-card__details {
        padding: 20px 20px 16px;
    }
}


@media (min-width: 1200px) {
    .image-cards__headlines {
        margin-bottom: 54px;
    }


    .image-card-slider {
        margin: 0 -16px;
    }

    .image-card {
        width: 100%;
    }

    .image-card__image {
        height: 225px !important;
    }

    .image-card__title {
        margin-bottom: 7px;
    }

    .image-card__bottom {
        padding: 0 23px 26px;
    }

    .image-card__details {
        padding: 20px 23px 16px;
    }

    .image-card:hover .image-card__title {
        color: #0465B0;
    }

    .image-card:hover .btn-tertiary {
        color: #0465B0;
    }
}