#kt_body div.registerBox {
    -webkit-margin-start: 0;
    background-color: #100e1ccc;
    border: 1px solid #222831;
    border-radius: 15px;
    box-shadow: 0 5px 30px 0 #100e1c;
    margin-inline-start: 0;
    overflow: hidden;
    position: relative;
    z-index: 3;
    
}

    #kt_body div.registerBox .form-control {
        background-color: #cde4fe !important;
        border: 1px solid #457db9;
        border-radius: 8px;
        box-shadow: none !important;
        font-size: .9rem;
        min-height: 40px;
        outline: none;
    }

.registerInputBox {
    overflow-y: scroll;
}

.registerBox:before {
    background: #000;
    background: linear-gradient(-90deg, #0000, #2ae0d8 50%, #0000);
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    right: 50%;
    top: 0;
    transform: translateX(50%);
    width: 80%;
}

.registerBox:after {
    background: #000;
    background: linear-gradient(90deg, #0000, #2ae0d8 50%, #0000);
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    width: 80%;
}

.card-header, .modal-header {
    border-top: 5px solid #14a1c1 !important;
}

.form-label {
   color:var(--bs-white);
}