@font-face {
    font-family: 'Jameel Noori Nastaleeq';
    src: url('../fonts/Jameel Noori Nastaleeq.ttf');
    font-style: normal;
    font-weight: 100;
}

body {
    font-family: Arial, sans-serif;
    overflow-x: hidden;
}

.main-container {
    width: 100vw;
}

.inner-column {
    padding: 2rem 3rem;
    background-color: #ffffffb3;
    border-radius: 1rem;
    position: relative;
    border: 2px solid #029dff;
}

/* .branding-area {
} */

.logo-img {
    height: 6rem;
    width: 6rem;
}


.container-column {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    width: 100vw;
    padding-top: 3rem;
    padding-bottom: 3rem;
    /* background-image: url(../images/sbp.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; */
}

    .container-column > img {
        /* opacity: 0.6; */
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        filter: blur(5px);
    }

.button {
    height: 80px;
    width: 85%;
    border-left: 5px solid #022412;
    border-right: 5px solid #022412;
    background-color: #007236;
    color: white;
}

.login-arrow,
.signup-arrow {
    transition: transform 0.7s;
}

.login-btn:hover .login-arrow {
    transform: translateX(15px);
}

.signup-btn:hover .signup-arrow {
    transform: translateX(15px);
}

.login-page {
    min-height: 100vh;
    width: 100vw;
}

.login-card {
    height: 93vh;
    width: 30rem;
    border-radius: 15px;
    background-color: #ffffffb3;
    border: 2px solid #029dff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
    max-height: 750px;
    }

.urdu {
    font-family: Jameel Noori Nastaleeq;
    font-weight: 800;
    font-size: 22px !important;
}

.signup-options-card {
    padding: 2rem 3rem;
    background-color: #ccc;
    border-radius: 1rem;
    /* height: 90vh; */
    min-width: 50rem;
    background-color: #ccc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    border-radius: 1rem;
}

.signup-card {
    min-height: 90vh;
    border-radius: 15px;
    background-color: #ffffffb3;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
    position: relative;
    border: 2px solid #029dff;
}

.signup-card1 {
    min-height: 90vh;
    border-radius: 15px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
    position: relative;
}

.signup-card2 {
    min-height: 90vh;
    border-radius: 15px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
    position: relative;
}
/* 
@media (max-width: 768px) {
    .signup-card{
        max-height: none;
    }
    .login-card{
        max-height: none;
    }
} */

.otp-char-input {
    margin: 7px;
    text-align: center;
}

.form-check-input:checked {
    background-color: #42720c;
    border-color: #0c580b;
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.15rem rgb(7 34 2 / 19%);
}

.align-start {
    display: grid;
    align-content: start;
    justify-items: center;
}

.ml-12 {
    margin-left: 12px;
}