@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");

.card-hover:hover {
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15) !important;
}

body {
    font-family: "Poppins", sans-serif !important;
    overflow-x: hidden;
}

#bodyHome {
    background-color: white !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-regular {
    font-weight: 400 !important;
}

.fw-medium {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 600 !important;
}

.bg-theme {
    background-color: #005fb1 !important;
}

.text-theme {
    color: #004978 !important;
}

.card-hover {
    cursor: pointer;
}

.btn-theme {
    font-weight: 500 !important;
    background-color: #004978 !important;
    color: white !important;
    border-radius: 8px !important;
    border: 2px solid #004978 !important;
}

.btn-theme:hover {
    font-weight: 500 !important;
    background-color: white !important;
    color: #004978 !important;
    border-radius: 8px !important;
    border: 2px solid #004978 !important;
}

.btn-theme-inverse {
    font-weight: 500 !important;
    background-color: #FDA702 !important;
    color: white !important;
    border-radius: 8px !important;
    /* border: 2px solid white !important; */
}

.btn-theme-inverse-two {
    font-weight: 500 !important;
    background-color: #004978 !important;
    color: white !important;
    border-radius: 8px !important;
    border: 2px solid white !important;
}

.btn-theme-two {
    font-weight: 500 !important;
    background-color: #FDA702 !important;
    color: white !important;
    border-radius: 12px !important;
    border: 2px solid #FDA702 !important;
}

.btn-theme-two:hover {
    font-weight: 500 !important;
    background-color: white !important;
    color: #FDA702 !important;
    border-radius: 12px !important;
    border: 2px solid #FDA702 !important;
}

.btn-theme-paste {
    font-weight: 500 !important;
    background-color: #FDA702 !important;
    color: white !important;
    border: 2px solid #FDA702 !important;
}

.btn-theme-paste:hover {
    font-weight: 500 !important;
    background-color: white !important;
    color: #FDA702 !important;
    border: 2px solid #FDA702 !important;
}

.btn-theme-masuk {
    font-weight: 500 !important;
    background-color: #004978 !important;
    color: white !important;
    border-radius: 8px !important;
    border: 2px solid #004978 !important;
}

.btn-theme-masuk:hover {
    font-weight: 500 !important;
    background-color: rgba(233, 241, 246, 0.9) !important;
    color: #004978 !important;
    border-radius: 8px !important;
    border: 2px solid #004978 !important;
}

.btn-theme-masuk.scrolled {
    font-weight: 500 !important;
    background-color: #004978 !important;
    color: white !important;
    border-radius: 8px !important;
    border: 2px solid #004978 !important;
}

.btn-theme-masuk.scrolled:hover {
    font-weight: 500 !important;
    background-color: rgba(255, 255, 255, 0.6) !important;
    color: white !important;
    border-radius: 8px !important;
    border: 2px solid #004978 !important;
}

.btn-informatika {
    font-weight: 500 !important;
    background-color: #FBD64F !important;
    color: white !important;
    border-radius: 8px !important;
    border: 2px solid #FBD64F !important;
    font-size: 1vw;
    padding: 0.5em 1em;
}

.btn-informatika:hover {
    font-weight: 500 !important;
    background-color: white !important;
    color: #FBD64F !important;
    border-radius: 8px !important;
    border: 2px solid #FBD64F !important;
}

.btn-pariwisata {
    font-weight: 500 !important;
    background-color: #fb6e3f !important;
    color: white !important;
    border-radius: 8px !important;
    border: 2px solid #fb6e3f  !important;
    font-size: 1vw;
    padding: 0.5em 1em;
}

.btn-pariwisata:hover {
    font-weight: 500 !important;
    background-color: white !important;
    color: #fb6e3f  !important;
    border-radius: 8px !important;
    border: 2px solid #fb6e3f  !important;
}

.btn-mesin {
    font-weight: 500 !important;
    background-color: #D04245 !important;
    color: white !important;
    border-radius: 8px !important;
    border: 2px solid #D04245 !important;
}

.btn-mesin:hover {
    font-weight: 500 !important;
    background-color: white !important;
    color: #D04245 !important;
    border-radius: 8px !important;
    border: 2px solid #D04245 !important;
}

.btn-pertanian {
    font-weight: 500 !important;
    background-color: #256F4F !important;
    color: white !important;
    border-radius: 8px !important;
    border: 2px solid #256F4F !important;
}

.btn-pertanian:hover {
    font-weight: 500 !important;
    background-color: white !important;
    color: #256F4F !important;
    border-radius: 8px !important;
    border: 2px solid #256F4F !important;
}


.btn-grey {
    background-color: grey !important;
    color: white !important;
}

.text-navy {
    color: #004978 !important;
}

.text-yellow {
    color: #FDA702!important;
}

.text-night {
    color: #3c486b !important;
}

.text-justify {
    text-align: justify !important;
}

.section-bg-one {
    background-color: white !important;
}

.section-bg-two {
    background: linear-gradient(to right, #d8ebf8, #ffffff) !important;
}

.card-rounded {
    border-radius: 20px !important;
    border: 1px solid #004978 !important;
    box-shadow: 2px 2px 10px #004978;
}

.icon-footer {
    font-size: 20px !important;
}

.footer-theme {
    background-color: #004978 !important;
}

.text-footer {
    color: #d5e2ea !important;
}


.footer-text {
    color: #ffffff !important;
}

.tag-menu {
    font-weight: 600 !important;
    text-decoration: none !important;
}

.tag-menu:hover {
    color: #ff9d00 !important;
    font-weight: 600 !important;
}

.footer-text {
    font-size: 12px !important;
}

.panduan-text-size {
    font-size: 20px !important;
}


.navbar-theme {
    background-color: rgba(255, 255, 255, 0.9);
    transition: background-color 0.3s ease;
}

.navbar-theme.scrolled {
    background-color: rgba(255, 255, 255, 0.9);
}

.navbar-text-hover {
    color: #005fb1 !important;
    font-weight: medium !important;
}

.navbar-text-hover:hover {
    color: #176b87 !important;
}

.card-service {
    background-color: #004978 !important;
    color: white !important;
    border-radius: 35px !important;
}

.card-prodi {
    border: 1px solid #ddd;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #f9f9f9; 
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    position: relative;
    /* z-index: 10; */
}

.card-prodi .card-body {
    padding: 20px;
}
.dropdown-menu {
    z-index: 1050 !important; 
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
}

.text-right {
    text-align: right !important;
}