body {
    background-image: url(../img/school2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
    font-family: 'Mukta', sans-serif;

}

.pbody {
    background-image: url(../img/school1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
    font-family: 'Mukta', sans-serif;
}

select {
    width: 100%;
}

#btnPay {
    width: auto;
}

#login {
    min-height: 100vh;
    display: flex;
    align-items: center;
    z-index: 1;
    position: relative;
}

.content-login {
    max-width: 500px;
    margin: 6em auto;
}

@media screen and (max-width: 480px) {
    .content-login {
        margin: 0;
    }
}

.icon {
    text-align: center;
    margin-bottom: 30px;
}

.content-bottom {
    padding: 0em 4em;
    margin: 0 1em;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 800px) {
    .content-bottom {
        padding: 0em 0.5em;
    }
}

form .field-group {
    background: rgba(255, 255, 255, 0.15);
    display: -webkit-flex;
    padding: 0px 6px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    width: 70%;
    margin: 0 auto;
}

.field-group:hover {
    outline: none;
    border-color: rgba(255, 255, 255, 0.4);
    background-color: transparent;
    border: solid 1px #fff;
}

form .field-group span {
    flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 20%;
    -webkit-flex: 1;
    -ms-flex: 1;
    color: #fff;
    background: transparent;
    line-height: 38px;
    text-align: right;
}

form .field-group .input-field {
    flex: 4 50%;
    -webkit-box-flex: 4 50%;
    -moz-box-flex: 4 50%;
    -webkit-flex: 4 50%;
    -ms-flex: 4 50%;
}

.input-field input {
    padding: 8px;
    font-size: 17px;
    font-weight: 300;
    color: rgb(252, 251, 251);
    letter-spacing: 1px;
    border: none;
    background: transparent;
    box-sizing: border-box;
    font-family: 'Mukta', sans-serif;
    width: 100%;
    outline: none;
}

.input-field .form-select-drep {
    width: 100%;
    padding: 10px 0 10px 15px;
    -moz-padding-start: calc(0.75rem - 3px);
    font-family: 'Mukta', sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5;
    color: rgb(252, 251, 251);
    background-color: transparent;
    background-image: url(../img/select-drop-down-arrow.png);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.input-field input::placeholder {
    color: rgb(231, 230, 230);
}

.input-field button.btn {
    background: #3a588a;
    border: none;
    color: #fff;
    padding: 6px;
    text-transform: uppercase;
    font-family: 'Mukta', sans-serif;
    font-size: 14px;
    width: 34%;
    margin-top: 24px;
    letter-spacing: 2px;
    cursor: pointer;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
}

/* Payment page  */
.wrap {
    width: 100%;
    overflow: hidden;
    background-color: #323131bf;
    box-shadow: 0px 10px 34px -15px rgb(0 0 0);
    border-radius: 10px;
}

.payimg {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    flex-basis: 50%;
    flex-grow: 0;
}

.login-wrap {
    position: relative;
    color: rgba(255, 255, 255, 0.9);
    flex-basis: 50%;
    flex-grow: 0;
}

.cbsehead {
    text-align: center;
    /* display: none; */
}

/* @media only screen and (max-width: 800px){
.cbsehead {
    display: block;
}
} */
a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: #e9b62d;
    text-decoration: none;
}

.input-field input:focus {
    background-color: transparent;
    outline: none;
    border: none;
    color: #fff;
    box-shadow: none;
}

.submitbtn {
    display: flex;
    justify-content: end;
}
@media screen and (max-width: 480px) {
    .submitbtn {
        justify-content: center;
    }
}
label 
{
    font-size: 14px;
}