@font-face {
    font-family: 'nrt-bd';
    src: url('../font/nrt-bd.woff') format('woff');
}

@font-face {
    font-family: 'rudawbold';
    src: url('../font/rudawbold.woff') format('woff');
}

@font-face {
    font-family: 'kjino';
    src: url('../font/kjino.woff') format('woff');
}
* {
    font-size: 20px!important;
    font-family: kjino;
}
body{
    color: white;
    direction:rtl;
   
}

.split {
    height: 100%;
    width:50%;
    position: fixed;
    z-index:14;
    top:0;
    overflow-x:hidden;
    padding-top:20px;
}

.left {
    left: 0;
    background-color: #004f83;
}

.centered{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    text-align:center;

}
.right {
    right: 0;
    
}

.centered img {
    width: 300px;
    border-radius: 50%;
    
}

.centeredr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:black;
    text-align:center;
}
input[type=password], input[type=text] {
    border-color: #004f83 !important;
    text-align:center;

}
input[type=submit] {
    background-color: #004f83 !important;
    text-align: center;
}


@media (max-width: 768px) {
    .split {
        width: 100%;
    }

    .left {
        display: none; /* Hide the right div on mobile if necessary */
    }

    .centeredr {
        right: -30%;
    }
}