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

:root {
    --hitam-tua: #000000;
    --hitam-muda: #364051;
    --abu: #545e6b;
    --biru: #5d87ff;
    --biru-muda: #e8f7ff;
    --putih-biru: #ecf2ff;
    --oren: #fa896b;
}

* {
    font-family: "Plus Jakarta Sans", sans-serif;
}

body {
    width: 100%;
}

.card {
    border: none !important;
    border-radius: 15px;
}

.text-s {
    margin-top: -10px;
    padding: 2.2rem;
}

.bg-putihbiru{
    background-color: var(--putih-biru);
}

.bg-biru{
    background-color: var(--biru);
}

.bg-birumuda {
    background-color: var(--biru-muda);
}

.nav-tabs .nav-item .nav-link {
    color: #545e6b;
    font-weight: 300;
    border-radius: 5px 5px 0 0;
}

.nav-tabs .nav-item .nav-link.active {
    background: #5d87ff;
    font-weight: 400;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .nav-tabs .nav-item .nav-link {
        font-size: 14px;
    }
    .m-i{
        margin-top: -125px;
      }
}

.btn-primary{
    background-color: #5d87ff !important;
    border-color: #5d87ff !important;
}
.primary{
    color: #5d87ff !important;
}

.btn-secondary{
    background-color: #949494 !important;
    border-color: #949494 !important;
}


.text-purple{
    color: #FF63E4;
}

.text-orange{
    color: #FF6E67;
}

.bg-purple{
    background-color: #FF63E4;
    color: white;
}

.bg-orange{
    background-color: #FF6E67;
    color: white;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}