/*=================================================
SLIDER CARD
=================================================*/

#homeSlider{
    margin:20px 0;
}

.slide-card{
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 15px 45px rgba(0,0,0,.10);
    border:4px solid #edf2f7;
    min-height:450px;
}

.slide-card .row{
    min-height:450px;
}

.badge-slide{
    display:inline-block;
    background:#007C80;
    color:#fff;
    padding:8px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:600;
    letter-spacing:.5px;
    margin-bottom:18px;
}

.slide-title{
    font-size:18px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:20px;
    line-height:1.3;
}

.slide-text{
    color:#191970;
    font-size:14px;      /* lebih kecil */
    line-height:1.7;
    text-align:justify;
    margin-bottom:20px;
}

.slide-image img{
    width:100%;
    height:450px;
    object-fit:cover;
    border-radius:0;
    padding:0;
    border:none;
    box-shadow:none;
}
.slide-image img{
    max-height:380px;
    width:auto;
    transition:.5s;
}

.carousel-item.active .slide-image img{
    transform:scale(1.04);
}

/* tombol */

#homeSlider .carousel-control-prev,
#homeSlider .carousel-control-next{
    width:60px;
    opacity:1;
}

#homeSlider .carousel-control-prev-icon,
#homeSlider .carousel-control-next-icon{
    width:48px;
    height:48px;
    background-color:#0d6efd;
    border-radius:50%;
    background-size:55%;
    box-shadow:0 5px 18px rgba(0,0,0,.25);
}

/* hover */

.slide-card:hover{
    transform:translateY(-4px);
    transition:.35s;
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

/* responsive */

@media(max-width:992px){

.slide-card{
    min-height:auto;
}

.slide-card .row{
    min-height:auto;
}

.slide-image{
    height:280px;
}

.slide-image img{
    max-height:230px;
}

.slide-title{
    font-size:28px;
}

.slide-text{
    font-size:15px;
}

}
/* SEARCH BOX TRANSPARAN */
.search-box {
    position: relative;
    padding: 30px 0;
}

/* CARD PENCARIAN */
.search-card {

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    padding: 20px;

}


/* INPUT */
.search-card .form-control,
.search-card .form-select {

    background: rgba(255,255,255,0.85);

    border: none;

    height: 45px;

    border-radius: 10px;

    font-size: 14px;

}


/* FOCUS */
.search-card .form-control:focus,
.search-card .form-select:focus {

    box-shadow:0 0 0 3px rgba(13,110,253,.25);

}


/* BUTTON CARI */
.btn-search {

    background:#0056b3;

    border:none;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}


.btn-search:hover {

    background:#003d82;

}


/* BUTTON RESET */
.btn-reset {

    border-radius:10px;

    font-weight:600;

    background:rgba(255,255,255,.7);

}


/* Placeholder */
.search-card input::placeholder {

    color:#555;

}


/* Mobile */
@media(max-width:768px){

    .search-card{

        padding:15px;

    }

}
/* GARIS TEXTBOX PENCARIAN */
.search-card .form-control,
.search-card .form-select {

    background: rgba(255,255,255,0.95);

    border: 2px solid #0d6efd; /* garis biru */

    border-radius: 10px;

    height: 45px;

    padding-left: 15px;

    transition: all .3s ease;

}


/* Saat diklik */
.search-card .form-control:focus,
.search-card .form-select:focus {

    border-color: #003366;

    box-shadow: 0 0 8px rgba(0,51,102,.35);

    outline:none;

}
.dropdown-menu{
    border-radius:10px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    border:none;
}

.dropdown-item{
    padding:10px 20px;
    font-size:14px;
}

.dropdown-item:hover{
    background:#003366;
    color:white;
}