/* Header */
.page-header {
    padding-bottom: 3rem;
}

.image-carousel img {
    border-radius: 8px;
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.image-carousel .slick-dots li button:before {
    font-size: 1rem;
    color: var(--primary-darker) !important;
    opacity: .5 !important;
}

.image-carousel .slick-dots li.slick-active button:before {
    opacity: .8 !important;
}

@media (max-width: 767.98px) {

    .image-carousel img {
        height: 260px;
    }

}