body {
    background-color: #ffffff;
}

@font-face {
    font-family: poetsen-one;
    src: url('{{ asset("assets/fonts/PoetsenOne-Regular.ttf") }}');
}

.login-wrapper .loginbox {
    display: flex;
    width: 100%;
    height: 100%;
    max-width: unset;
    max-height: unset;
    min-height: 100vh;
    margin: unset;
}

.login-wrapper .loginbox .login-left {
    align-items: center;
    /* background: #18aefa; */
    flex-direction: column;
    justify-content: center;
    width: 50%;
    display: flex;
    border-radius: unset;
    position: relative;
}

.login-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(37, 3, 109, 0.50); */
    border-radius: 20px;
}

.login-left {
    background-size: contain;
    background-repeat: no-repeat;
}

.login-right-wrap {
    /* display: flex; */
    align-items: center;
}

.logo-section {
    display: flex;
    align-items: center;
    margin-right: 20px;
    /* Add spacing between logo and text */
}

.logo-section img {
    margin-right: 10px;
    /* Add spacing between logo and text */
}

.text-section {
    flex: 1;
}

.login-wrapper .loginbox .login-right {
    align-items: center;
    width: 50%;
    display: flex;
    justify-content: center;
    padding: 40px;
    margin-left: 0px;
}

.card-login {
    border-radius: 20px;
    min-width: 350px;
    z-index: 1;
}

@media only screen and (max-width: 600px) {
    .loginbox {
        display: flex;
        /* flex-direction: column-reverse; */
    }

    .login-left {
        display: none !important;
    }

    .login-right {
        width: 100% !important;
    }

    .card-login {
        min-width: unset;
    }
}

.text-judul {
    font-family: poetsen-one;
    color: #fff;
    top: 350px;
    font-size: 42pt;
    position: absolute;
}

.text-subjudul {
    font-family: poetsen-one;
    color: #fff;
    top: 410px;
    font-size: 31pt;
    position: absolute;
}

.card-header {
    border: 1px solid #fff;
    background: #B7E9F640;
    border-radius: 5px;
    /* top: -15%; */
}

.sub-judul {
    font-weight: 400;
}