@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');
html,
body{
    font-family: "Inter Tight", sans-serif;
    font-size: 16px;
    color: #183038;
   

}


h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
}

.w-100{
	width: 100%;
}

.w-100-flex{
	width: 100%;
	display: flex;
}

.btn:focus, .btn.focus{
	box-shadow: none;
}

#myHeader{
    background-color: #fff;
    /* position: fixed;
    top:0;
    left:0;
    right: 0;
    z-index: 1; */
    box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    background-color:#fff !important;
    box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.scroll-container {
    display: flex;                  /* Membuat isi sejajar secara horizontal */
    overflow-x: auto;               /* Mengaktifkan scroll horizontal */
    white-space: nowrap;            /* Mencegah item turun ke baris baru */
    gap: 10px;                      /* Jarak antar item */
    padding: 5px 0;
    -webkit-overflow-scrolling: touch; /* Scroll lebih halus di iOS */
    /* background-color: rgba(244, 250, 250, 0.6) */
}

/* Menyembunyikan scrollbar agar tampilan lebih bersih (Opsional) */
    /* .scroll-container::-webkit-scrollbar {
    display: none;
} */

.scroll-item-menu {
    flex: 0 0 auto;                 /* Mencegah item menyusut */
    padding: 7px 12px;
    background-color: #fff;
    border-radius: 6px;
    cursor: pointer;
    border-color: #E0E0E0;
    border:1px solid rgba(0, 0, 0, 0.125)
}

.scroll-item {
    flex: 0 0 auto;                 /* Mencegah item menyusut */
    padding: 7px 12px;
    background-color: #fff;
    border-radius: 6px;
    cursor: pointer;
    border-color: #E0E0E0;
     /* border:1px solid rgba(0, 0, 0, 0.125) */
}

.scroll-item a{
    text-decoration: none;
}

.scroll-item h6{
    color: #55554B;
}

.custom-form-select .custom-select{
    background-color: black;
    color: #fff;
}

.card{
    /* Transisi halus saat mouse masuk & keluar */
    transition: all 0.3s ease-in-out;
    /* Bayangan standar (soft shadow) */
    background-color: rgba(244, 250, 250, 0.6);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    border-radius: 10px;
}

.card:hover {
    /* 1. Mengangkat card sedikit ke atas */
    transform: translateY(-5px) scale(1);
            
    /* 2. Membuat bayangan lebih tegas & dalam */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
            
    /* 3. Mengubah warna border agar lebih fokus */
    border-color: #007bff !important; 
}

.highlight-menu{
    background-color: #CF000F;
}

.highlight-menu h6{
    color: #fff;
}