body {
    color: #3c475b !important;
}
.display-1 {
    color: #3c475b !important;
}
.text-body-emphasis {
    color: #3c475b !important;
}
.btn-sps{
    color: #fff !important;
    background-color: #3c475b !important;
    --bs-btn-padding-y: .50rem; 
    --bs-btn-padding-x: 2rem; 
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 0 !important;
}
.sps-divider {
    width: 100%;
    height: 0.25rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.bg-atas {
    width: 100% !important;
    height: 100%;
    margin-top: 0px;
    background: url(../img/bg-atas.png) center center no-repeat;
    background-size: cover;
    z-index: -1;
}
.bg-bawah {
    width: 100% !important;
    height: 100%;
    margin-top: 0px;
    background: url(../img/bg-bawah.png) center center no-repeat;
    background-size: cover;
    z-index: -1;
}