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

* {
    font-family: "Poppins";
}

.nav-item>a:hover {
    color: #d80032;
}

.nav-link {
    color: black;
    font-weight: 500;
}

.btn-primary {
    color: #ffffff !important;
    background-color: #ef233c !important;
    border-color: #ef233c !important;
    box-shadow: 0 0px 4px 0.25px #b7b7b7 !important;
}

.btn-primary:hover {
    color: #ffffff !important;
    background-color: #dc162d !important;
    border-color: #dc162d !important;
    box-shadow: 0 0px 4px 0.25px #b7b7b7 !important;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0px 4px 0.25px #b7b7b7 !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #ffffff !important;
    background-color: #ef233c !important;
    border-color: #ef233c !important;
    box-shadow: 0 0px 4px 0.25px #b7b7b7 !important;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #ffffff !important;
    background-color: #b7061a !important;
    border-color: #b7061a !important;
    box-shadow: 0 0px 4px 0.25px #b7b7b7 !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0.25px 2px 0.5px #b7b7b7 !important;
}

.btn-secondary {
    color: #ffffff !important;
    background-color: #2b2d42 !important;
    border-color: #2b2d42 !important;
    box-shadow: 0 0px 4px 0.25px #b7b7b7 !important;
}

.btn-secondary:hover {
    color: #ffffff !important;
    background-color: #202134 !important;
    border-color: #202134 !important;
    box-shadow: 0 0px 4px 0.25px #b7b7b7 !important;
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem #dedede !important;
    box-shadow: 0 0px 4px 0.25px #b7b7b7 !important;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #ffffff !important;
    background-color: #2b2d42 !important;
    border-color: #2b2d42 !important;
    box-shadow: 0 0px 4px 0.25px #b7b7b7 !important;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #ffffff !important;
    background-color: rgb(15, 16, 27) !important;
    border-color: rgb(15, 16, 27) !important;
    box-shadow: 0 0px 4px 0.25px #b7b7b7 !important;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0.25px 2px 0.5px #b7b7b7 !important;
}

@media screen and (max-width: 992px) {
    .nav-between-on-mobile {
        width: 100% !important;
        justify-content: space-between;
    }
}

footer {
    background-color: #2f2e41;
}

.unduh:hover {
    background-color: #d80032;
}

.unduh {
    background-color: #ef233c;
}