/* Utils */
.bg-transparent{
    background: var(--primary) !important;
}

.hr-custom {
    border: 3px solid var(--secondary);
}

.slick-dots li button::before {
    font-size: 16px;
}

.slick-dots li.slick-active button::before {
    color: var(--primary);
    opacity: 1;
}

.navbar-marketing.navbar-dark.navbar-scrolled.achieve-gallery {
    background-color:white !important;
}

.navbar-marketing.navbar-dark.navbar-scrolled.achieve-gallery .nav-link > a,
.navbar-marketing.navbar-dark.navbar-scrolled.achieve-gallery .nav-link  h5,
.navbar-marketing.achieve-gallery .navbar-toggler,
.navbar-yayasan.navbar-scrolled.achieve-gallery .nav-item a:hover,
.navbar-yayasan.navbar-scrolled.achieve-gallery .nav-item h5:hover {
    color: var(--primary) !important;
}

/* header */
.page-header {
    padding-bottom: 0;
}

.carousel-header-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 0.9375rem;
    background-color: #fff;
    padding: 4px;
    border: 5px solid var(--green);
}

.carousel-header-title {
    display: -webkit-box;
    height: 1.875rem;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
}

.carousel-header .slick-prev,
.carousel-header .slick-next {
    top: 38%;
}

/* headline */
.headline-img-wrapper img{
    background-color: #fff;
    border: 5px solid var(--green);
    border-radius: .9375rem;
    height: 450px;
    object-fit: cover;
    padding: 4px;
    width: 100%;
}

/* Program */
.program-hr {
    border: 1px solid var(--grey);
}

/* activities galery */
#activities-galery {
    background: url(../../front_assets/img/homepage/background-galery.jpg) no-repeat center
        center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-galery .slick-slide img{
    filter: grayscale(100%);
    transform: scale(.6);
    transition: all 300ms linear;
    border-radius: 0.9375rem;
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.carousel-galery .slick-slide.slick-center img{
    filter: grayscale(0);
    transform: scale(1.4);
    transition: all 300ms linear;
    border-radius: 0.9375rem;
}

.slick-prev::before, .slick-next::before {
    color: var(--accent);
}

/* Map */
.map-background{
    position: absolute;
    left: 0;
    z-index: -1;
    transform: scale(.955);
}

@media (hover: hover) and (pointer: fine) {
    a > pre {
        opacity: .6;
        transition: all 300ms linear;
    }

    a:hover > pre {
        opacity: 1;
        transition: all 300ms linear;
    }
}

@media only screen and (max-width: 767.98px) {

    .headline-img-wrapper img {
        height: 300px;
    }

}

@media only screen and (max-width: 991.98px) {

    /* Header */
    .page-header {
        padding-top: 8rem;
    }

    /* Program */
    .card-program-img {
        height: 250px !important;
    }

    /* Galery */
    .carousel-galery .slick-slide img {
        transform: scale(1);
        filter: grayscale(0);
        height: 350px;
    }

}