body{
    background-color: #efedee;
}
.alumni-beswan {
    width: 100%;
    height: 100vh; 
    position: relative;
    background-color: #efedee;
}
.alumni-beswan img.bg{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 001;
}
.head-logo .w-logo1, .head-logo .w-logo2 {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 101;
}
.head-logo .w-logo1 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.head-logo .w-logo1  .wrap-logo, .head-logo .w-logo2 .wrap-logo{
    margin-top: 30px;
}
.head-logo .wrap-logo img {
    width: 230px;
    cursor: pointer;
}

.main-form {
    width: 50%;
    margin: 30px auto;
}
.main-form h1 {
    font-size: 24px;
    text-align: center;
    color: #0f497b;
}
.main-gradient{
    background: rgba(57,68,88,1);
    background: -moz-linear-gradient(left, rgba(57,68,88,1) 0%, rgba(57,68,88,1) 40%, rgba(8,114,187,1) 92%, rgba(29,170,200,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(57,68,88,1)), color-stop(40%, rgba(57,68,88,1)), color-stop(92%, rgba(8,114,187,1)), color-stop(100%, rgba(29,170,200,1)));
    background: -webkit-linear-gradient(left, rgba(57,68,88,1) 0%, rgba(57,68,88,1) 40%, rgba(8,114,187,1) 92%, rgba(29,170,200,1) 100%);
    background: -o-linear-gradient(left, rgba(57,68,88,1) 0%, rgba(57,68,88,1) 40%, rgba(8,114,187,1) 92%, rgba(29,170,200,1) 100%);
    background: -ms-linear-gradient(left, rgba(57,68,88,1) 0%, rgba(57,68,88,1) 40%, rgba(8,114,187,1) 92%, rgba(29,170,200,1) 100%);
    background: linear-gradient(to right, rgba(57,68,88,1) 0%, rgba(57,68,88,1) 40%, rgba(8,114,187,1) 92%, rgba(29,170,200,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066cb5', endColorstr='#fa9702', GradientType=1 );
    padding: 2px;
    margin-top: 30px;
    z-index: 003;
}
.main-gradient .card-body{
    background: #f7f7f7;
}
.form-group{
    padding-top: 5px;
}
.input-group-prepend{
    width: 200px;
}
.input-group-text{
    width: 100%;
}
#g_recaptcha {
    display: inline-block;
}
#g_recaptcha>div{ width: 100% !important;}
#g_recaptcha iframe{
    width: 100% !important;
}
#g_recaptcha iframe .rc-anchor-normal ,#g_recaptcha iframe .rc-anchor-normal .rc-anchor-content {
    width: 165px !important;
}
#g_recaptcha iframe .rc-anchor-logo-portrait {
    margin-left: 0px;
}
.rc-anchor-logo-img-portrait {
    margin: 0 13px 0 0px;
}

/*--------------------- ipad --------------------- */

@media only screen
and (min-width : 576px)
and (max-height : 1024px)
and (orientation: portrait) 
{
    .alumni-beswan img.bg{
        position: fixed;
    }
    .head-logo .wrap-logo img {
        width: 65%;
    }
    .main-form {
        width: 90%;
        margin: 40px auto;
    }
    .input-group {
        flex-direction: column;
    }
    .input-group-prepend {
        width: 40%;
    }
    .input-group-text{
        background-color: #f7f7f7;
        border: 1px solid #f7f7f7;
    }
    .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
        width: 100%;
    }

}

@media only screen
and (min-width : 768px)
and (max-height : 1024px)
and (orientation: portrait) 
{
    .alumni-beswan img.bg{
        position: fixed;
    }
    .head-logo .wrap-logo img {
        width: 65%;
    }
    .main-form {
        width: 90%;
        margin: 40px auto;
    }
    .input-group {
        flex-direction: column;
    }
    .input-group-prepend {
        width: 40%;
    }
    .input-group-text{
        background-color: #f7f7f7;
        border: 1px solid #f7f7f7;
    }
    .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
        width: 100%;
    }
}


@media only screen
and (min-width : 800px)
and (max-height : 1367px)
and (orientation: portrait) 
{
    .alumni-beswan img.bg{
        position: fixed;
    }
    .head-logo .wrap-logo img {
        width: 65%;
    }
    .main-form {
        width: 90%;
        margin: 40px auto;
    }
    .input-group {
        flex-direction: column;
    }
    .input-group-prepend {
        width: 40%;
    }
    .input-group-text{
        background-color: #f7f7f7;
        border: 1px solid #f7f7f7;
    }
    .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
        width: 100%;
    }
}

/* -------------------- end ipad -------------------- */




/* MOBILE */

@media only screen and (max-width: 575px){
    .alumni-beswan img.bg{
        position: fixed;
    }
    .head-logo .wrap-logo img {
        width: 65%;
    }
    .main-form {
        width: 90%;
        margin: 40px auto;
    }
    .input-group {
        flex-direction: column;
    }
    .input-group-prepend {
        width: 40%;
    }
    .input-group-text{
        background-color: #f7f7f7;
        border: 1px solid #f7f7f7;
    }
    .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
        width: 100%;
    }
}


@media only screen and (max-width: 320px){
    
    .alumni-beswan img.bg{
        position: fixed;
    }

}