/* load css */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Roboto',
        sans-serif !important;

}

.text-bold {
    font-weight: 700;
}

/* responsive */
@media screen and (max-width:1024px) {}

@media screen and (max-width:880px) {}

@media screen and (max-width:768px) {
    .card-2 {
        margin-top: 20px;
    }
}

@media screen and (max-width:600px) {}

@media screen and (max-width:480px) {
    .app-content .wizard.vertical>.steps {
        width: 100% !important
    }

    #form-daftar-p-0 .col-md-12,
    #form-daftar-p-0 .col-md-6,
    #form-daftar-p-1 .col-md-6,
    #form-daftar-p-1 .col-md-12 {
        padding: 0px 0px !important;
    }

    .app-content .wizard.vertical>.steps ul {
        display: flex;
        border-bottom: 1px dotted #ccc;
        padding: 0px 0px 11px 0px;
    }
}

@media screen and (max-width:375px) {}

@media screen and (max-width:320px) {}