@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
  
 @font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
} 

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Roboto-Light.woff') format('woff'), /* Modern Browsers */
  url('../fonts/Roboto-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Roboto-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}


body {
    font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
    margin: 0px;
   
    height: 100vh;
 
} 
 .juniorbg-log{background: url(../images/juniorbg.jpg) no-repeat center center fixed; background-size: cover; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.loginbody {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 29rem;
    justify-content: center;
    position:relative;
}
form.customForm {
    width: 100%;
    height: 100vh;
}
/*.degreebg-log .loginbody{ width:430px;}*/


.loginbody-right-parent {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    position:relative;
}
.loginbodymid {
    display: flex;
  justify-content: center; 
    align-items: center;
 
    position: relative;
}
.loginbody-right-parent::before {
    content: "";
    position: absolute;
    background-image: url(../images/logintopecclipse.png);
    pointer-events: none;
    background-repeat: no-repeat;
    height: 161px;
    width: 668px;
    background-size: cover;
    right: 20rem;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.loginbody::after {
    content: "";
    position: absolute;
    background-image: url(../images/loginbottomecclipse.png);
    pointer-events: none;
    background-repeat: no-repeat;
    height: 161px;
    width: 668px;
    background-size: cover;
    right: 0;
    bottom: 0;
    z-index: 0;
}
    .loginbody-left .LogoImg img {
    max-width: 100%;
    margin-top: 36px;
} 
.loginbody-left .logoTop img{ max-width:100%;margin-top: 22px;}

.loginbody-right {
    width: 544px;
    border-radius: 2.2rem;
    box-shadow: 0px 6.59px 40.48px 3.77px #0000000D;
    padding: 4rem;
    background-color: #ffff;
    z-index: 1;
}
.loginbody-right label {
    color: #4B5563;
    font-weight: 200;
}
    .loginbody-right .form-group {
        margin-bottom: 2rem;
    }
    .custom-choice {
        display: flex;
        align-items: center;
        gap: 3rem;
    }
.loginbody-right h3 {
    margin-top: 0px;
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 24px;
    color: #000;
} 
.juniorbg-log .loginbody-right h3 {text-align:center;text-transform:uppercase;color: #8c8c8c;font-weight: normal;border-bottom: 2px solid #d6d6d6;    font-size: 30px;}
.refrs-brdr {
    border: 1px solid #cccccc;
    border-radius: 0.5rem;
    padding: 0.8rem 2rem;
    height: 45px;
    line-height: 25px;
    background-color: #F5F5F5;
}
.loginbody-right button, input, optgroup, select, textarea {
    font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
}

 #divVerifyOTP a.forgot{margin-top: 0px;}


.logo {
    position: absolute;
    top: 6rem;
    left: 15rem;
}
 
 a.forgot:hover{ color:#e14b34;}
 a:focus{ text-decoration:none;}
.captcha-text{float:left;font-size: 17px;margin-top: 0px;padding-top: 0px;font-weight: bold;letter-spacing: 2px;padding-right: 24px;    width: 95px;}
.refrs-brdr input{ float:right;padding-top: 2px;cursor: pointer;}
.stdnt-btn input.btn-danger { color: #fff;background: rgba(231,89,63,1);
background: -moz-linear-gradient(top, rgba(231,89,63,1) 0%, rgba(231,89,63,1) 50%, rgba(243,90,63,1) 51%, rgba(243,90,63,1) 71%, rgba(243,90,63,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,89,63,1)), color-stop(50%, rgba(231,89,63,1)), color-stop(51%, rgba(243,90,63,1)), color-stop(71%, rgba(243,90,63,1)), color-stop(100%, rgba(243,90,63,1)));
background: -webkit-linear-gradient(top, rgba(231,89,63,1) 0%, rgba(231,89,63,1) 50%, rgba(243,90,63,1) 51%, rgba(243,90,63,1) 71%, rgba(243,90,63,1) 100%);
background: -o-linear-gradient(top, rgba(231,89,63,1) 0%, rgba(231,89,63,1) 50%, rgba(243,90,63,1) 51%, rgba(243,90,63,1) 71%, rgba(243,90,63,1) 100%);
background: -ms-linear-gradient(top, rgba(231,89,63,1) 0%, rgba(231,89,63,1) 50%, rgba(243,90,63,1) 51%, rgba(243,90,63,1) 71%, rgba(243,90,63,1) 100%);
background: linear-gradient(to bottom, rgba(231,89,63,1) 0%, rgba(231,89,63,1) 50%, rgba(243,90,63,1) 51%, rgba(243,90,63,1) 71%, rgba(243,90,63,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7593f', endColorstr='#f35a3f', GradientType=0 ); border-color: #f35a3f;}

.btn-get-otp {
    display: block;
    width: 100%;
    padding: 1.275rem;
    font-size: 1.7rem;
    font-weight: 700;
    color: #FFFFFF;
    border: none;
    border-radius: 0.625rem;
    cursor: pointer;
    margin-top: 0.5rem;
    letter-spacing: 0.03125rem;
    text-align: center;
    text-decoration: none;
    background: linear-gradient( 90deg, #F8AC10, #EB5214, #F8AC10 );
    background-size: 200% 100%;
    background-position: left center;
    transition: background-position 0.6s ease, box-shadow 0.3s ease;
}

    /* Hover */
    .btn-get-otp:hover {
        background-position: right center;
       
    }

    /* Active */
    .btn-get-otp:active {
        transform: scale(0.98);
    }
.btn-outline-otp {
    display: block;
  
    padding: 1.275rem;
    font-size: 1.7rem;
    font-weight: 700;
    color: #EB5214; /* text color */
    border: 2px solid #EB5214; /* outline */
    border-radius: 0.625rem;
    cursor: pointer;
    margin-top: 0.5rem;
    letter-spacing: 0.03125rem;
    text-align: center;
    text-decoration: none;
    background: transparent;
    transition: all 0.3s ease;
}

    /* Hover */
    .btn-outline-otp:hover {
        background: linear-gradient(90deg, #F8AC10, #EB5214, #F8AC10);
        color: #FFFFFF;
        border-color: transparent;
        background-size: 200% 100%;
        background-position: right center;
        text-decoration:none;
    }

    /* Active */
    .btn-outline-otp:active {
        transform: scale(0.98);
    }
.custom-btn-flex .btn-get-otp {
    width: 200px;
}
.custom-btn-flex .btn-outline-otp {
    width: 200px;
}
/* Media Query */
a.usermanual {
    font-size: 18px;
    font-weight: bold;
    padding-top: 8px;
}
a.usermanual:hover i {background: #d6b408;}


.stdnt-btn .btn{border-radius:30px;padding: .9rem 1rem; cursor:pointer;font-weight: bold;text-shadow: none !important;font-size: 18px;}
.mandatory {color: #f00;font-size: 17px;font-weight: bold;position: absolute;right: 0px;top: 0;}
.loginbody .form-control:focus {  /*-webkit-box-shadow: none;*/ box-shadow: none;}



.loginbody-right .form-control {
    border: 1px solid #D3D3D3;
    padding: .8rem .75rem;
    color: #1b1c1d;
    font-size: 14px;
    border-left: none;
    padding-left: 0px;
    height: 45px;
    box-shadow: none;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
}

.loginbody-right select.form-control:not([size]):not([multiple]){ height: calc(4.3rem + 1px);}  
.loginbody-right .input-group-addon {background-color: #ffffff;}
.seson .form-control {
    border-left: 1px solid #cccc !important;
    padding: 6px 12px;
}

.loginbody-right .input-group-addon i.custm-wdth{}
ul.vertical-text { margin:0px; padding:0px; list-style-type:none;}
ul.vertical-text li{ position:relative;}
a.chk-box1{position: absolute; top: 65px;background: #314a5e; padding: 5px 15px;transform: rotate(-90deg);transform-origin: left top 0; color:#081625; font-size: 22px;left: -63px;border-top-left-radius: 12px;
    border-top-right-radius: 12px;transition: background-color 0.5s ease; text-decoration:none;font-weight: 600;}
a.chk-box2{position: absolute;top: 185px;background: #314a5e; padding: 5px 15px;transform: rotate(-90deg);transform-origin: left top 0; color:#081625; font-size: 22px;left: -63px;border-top-left-radius: 12px;
    border-top-right-radius: 12px;text-decoration:none;font-weight: 600;transition: background-color 0.5s ease;}
a.chk-box1:hover{background: #fbde20; color:#081625;transition: background-color 0.5s ease; }
a.chk-box2:hover{background: #fbde20; color:#081625;transition: background-color 0.5s ease; }    
li.active a.chk-box1{background: #fbde20;} 
li.active a.chk-box2{background: #fbde20;}
a.usermanual{color: #fff; padding-top: 5px;font-size: 16px;}
a.usermanual i{ padding-right: 7px; background: #e14b34; color: #fff; width: 30px; height: 30px; text-align: center; border-radius: 50%;line-height: 25px;font-size: 15px;padding-left: 7px;padding-top: 2px;
   margin-right: 8px; margin-bottom: 5px;transition: background-color 0.5s ease; float:left;} 
a.usermanual:hover{text-decoration:none; color:#fff;}
a.usermanual:hover i{background: #e14b34; transition: background-color 0.5s ease; color:#fff; text-decoration:none;}

.loginbody-right .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    border-radius: 1rem;
    /*-webkit-box-shadow: 0px 0px 4px 0px rgba(90, 90, 90, 0.5);*/ -moz-box-shadow: 0px 0px 4px 0px rgba(90, 90, 90, 0.5);
    /*  box-shadow: 0px 0px 4px 0px rgba(90, 90, 90, 0.5);
                               border-radius: 30px;*/
}

.juniorbg-log .loginbody-right .form-control {
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}  

.juniorbg-log a.usermanual{color: #000000; padding-top: 0px;font-size: 16px;text-align: right;display: block;}
a.forgot {
    margin-top: 0;
    color: #595959;
    font-size: 1.4rem;
}
.line-break {
    position: relative;
    text-align: center;
    margin: 1.6rem 0 1rem;
}
    .line-break::after {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: 1px;
        background: #c7c7c7;
        z-index: 0;
    }
.createac {
    text-align: center;
}
    .createac a {
        font-size: 1.4rem;
    }
        .createac a i {
            margin-right: 0.5rem;
            font-size: 1.7rem;
        }
.line-break span {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 0 1rem;
    font-size: 1.1rem;
}
.otpBox, #upd1 {
    background: #ffccd1;
    border-radius: 2rem;
    text-align: center;
    padding: 0.2rem 1rem;
    color: #dc3545;
    font-weight: bold;
    margin: 0.5rem 0;
}
.OTP-btn.btn-default{ background:none; padding:0px;}  
 .rd{    background: #efefef; padding: 8px;font-size: 14px;} 
 .color_a{font-weight: bold; color: #de3f25;} 
 ul.usr{padding:0px;width: 263px;text-align:  center;margin: 0 auto;margin-top: 10px;} 
  ul.usr li{float:left;list-style-type:none;padding-right:  10px;border-right: 1px solid #123;padding-left: 10px;line-height: 10px;} 
   ul.usr li:last-child{ border-right:none;}
 #upd1{ text-align:center;} 
 
 .stdnt-btn .btn{ text-transform:uppercase; font-weight:bold;}

.mobile-logo{ display:none;}
.loginbody-left img {
   /* width: 78%;*/
}
.ccLogin .loginbody-left img {
  /*  width: 92%;*/
}
.loginbody-right  .otpForm .form-control{padding: 0.8rem 1.2rem;}
.submitBtnBox .btn {
    min-width: 125px;
}
.endCustom{
    display: flex;
    justify-content: end;
}

.degreebg-log .loginbody-right h2{
    margin-top: 0;
}
.w-100{width: 100%;}
.frgtCustom{position: relative; overflow: hidden; border-radius: 30px;}
.loginbody-right .frgtCustom .input-group-addon, .loginbody-right .frgtCustom .form-control{border: 0;}
.noticeBox {
    background: #f9f9f9;
    padding: 0.6rem;
    border-radius: 0.3rem;
    border: 1px solid #e1e1e1;
    margin-top: 0.8rem;
}
input[type=text].brdrRadiusCustom,input[type=password].brdrRadiusCustom{border-radius: 30px !important;}
/*added for login-llb*/
.degreebg-log.llb .logo {
    position: absolute;
    top: 5rem;
    left: 13rem;
    z-index: 2;
}

.degreebg-log.llb {
    position: relative;
}

    .degreebg-log.llb::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        background-image: url(../ONLINE_CAF_LLB/images/login-img.png);
        width: 1150px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: left bottom;
    }

    .degreebg-log.llb .loginbody-right {
        border: 7px solid #448088;
        width: 540px;
        padding: 4rem 3.6rem 5rem 3.6rem;
        border-radius: 3.9rem;
    }

    .degreebg-log.llb .loginbody {
       /* width: 96%;*/
       width:85%;
        justify-content: end;
    }

.login-title {
    font-size: 3rem;
    position: relative;
    text-align: center;
    font-weight: 700;
    margin-bottom: 3.8rem;
}

    .login-title::before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -0.8rem;
        height: 0.45rem;
        width: 80px;
        background: #ffb30b;
    }

.icon-input-control {
    position: relative;
    margin-bottom: 2rem;
}

    .icon-input-control .control-label {
        position: absolute;
        left: 1.5rem;
        top: 1.6rem;
        background: #ffffff;
        transition: .3s;
        padding: 0 0.3rem;
        font-weight: normal;
        font-size: 1.6rem;
        color: #868585;
    }

    .icon-input-control .form-control {
        height: 56px;
        border-radius: .7rem;
        outline: none;
        border: 1px solid #ddd;
        width: 100%;
        padding: 0.5rem 1.5rem;
        /*  font-size: 1.5rem;*/
        color: rgb(0 0 0 / 57%);
        transition: .3s;
    }

        .icon-input-control .form-control:focus {
            border: 1px solid #448088;
            box-shadow: none;
        }

            .icon-input-control .form-control:focus + .control-label,
            .icon-input-control .form-control:not(:placeholder-shown) + label,
            .icon-input-control .form-control:focus + label {
                top: -0.7rem;
                color: #448088;
            }



    .icon-input-control .icon-input-right {
        top: 1rem;
        right: 1rem;
        z-index: 2;
    }

    .icon-input-control .icon-input-right {
        position: absolute;
        font-size: 2rem;
        color: rgb(0 0 0 / 42%);
    }

.icon-input-right:hover, .captcha-img .icon-input-right:hover {
    cursor: pointer;
    color: blue;
}

.captcha-inputs {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .captcha-inputs .icon-input-control {
        flex-grow: 1;
    }

.captcha-img {
    flex: 0 0 35%;
    margin-left: 1.5rem;
    display: flex;
    border: 1px solid #ddd;
    border-radius: 0.7rem;
    overflow: hidden;
    justify-content: space-around;
    align-items: center;
    height: 56px;
}

    .captcha-img img {
        margin-left: 1rem;
    }

    .captcha-img .captcha-control {
        border-radius: 0;
        border: none;
        margin-bottom: 0;
        font-size: 1.2rem;
        color: #f00;
    }

    .captcha-img .captcha-text {
        padding-left: 1rem;
    }

    .captcha-img .captcharefresh {
        padding: 1.1rem 1.1rem;
        font-size: 1.3rem;
        color: rgb(0 0 0 / 42%);
    }

        .captcha-img .captcharefresh img {
            margin-left: 0;
        }

.captcha-control {
    font-size: 1.5rem;
    font-weight: 600;
    color: red;
    text-decoration: 2px line-through red;
}

.degreebg-log.llb .btn {
    border-radius: 0.7rem !important;
    padding: .9rem 1rem;
    font-size: 18px;
}

.degreebg-log.llb .btn-success {
  /*  font-weight: 700;*/
    color: #fff;
    background-color: #1b951b;
    border-color: #1b951b;
    transition:0.2s ease-in;
}
    .degreebg-log.llb .btn-success:hover {
        background-color: #107010;
        border-color: #107010;
        transition: 0.4s ease-in;
    }

.degreebg-log.llb .stdnt-btn input.btn-info {
    color: #fff;
    background: #ffb30b;
    border: 1px solid #ffb30b;
    transition: 0.2s ease-in;
}

    .degreebg-log.llb .stdnt-btn input.btn-info:hover {
        color: #fff;
        background: #e29e05;
        border: 1px solid #e29e05;
        transition: 0.4s ease-in;
    }

.degreebg-log.llb .stdnt-btn .btn-primary {
    background: #ea5323;
    border: 1px solid #ea5323;
    transition: 0.2s ease-in;
}

    .degreebg-log.llb .stdnt-btn .btn-primary:hover {
        background: #be3b12;
        border: 1px solid #be3b12;
        transition: 0.4s ease-in;
    }

.degreebg-log.llb a.forgot:hover {
    color: #448088;
}

.btn-flex {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.degreebg-log.llb .stdnt-btn {
    flex-basis: 50%;
}
/*form llb-new user*/
.degreebg-log.llb .loginbody.llb_new_user span.mandatory {
    right: -7px;
}
.degreebg-log.llb .btn-info{
    color: #ffffff;
    background-color: #448088;
    border-color: #448088;
    transition: 0.2s ease-in;
}
    .degreebg-log.llb .btn-info:hover {
        color: #ffffff;
        background: #23555c;
        transition: 0.4s ease-in;
    }
.degreebg-log.llb .btn-secondary {
    color: #000000;
    background-color: #e1e1e1;
    border-color: #e1e1e1;
/*    font-weight: 700;*/
    transition: 0.2s ease-in;
}
    .degreebg-log.llb .btn-secondary:hover {
        color: #000000;
        background-color: #dedada;
        border-color: #dedada;
        transition: 0.4s ease-in;
    }
.grid_manage {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1rem;
}
.notes {
    text-align: justify;
    font-weight: bold;
    color: #f31302;
}
.input_font {
font-size:1.7rem;
}
/*llb-login::end*/

.mb-0 {
margin-bottom:0;
}
.w-100 {
width:100%;
}
.input-group-custom {
}
.fw-bold {
    font-weight: bold;
}

.submitBtnBox {
    text-align: center;
}

.endCustom {
    display: block;
    margin-top: 0.5rem;
}

.submitBtnBox .btn {
    min-width: 100%;
}

.custom-btn-flex {
    display: flex;
    align-items: center;
    gap: 4rem;
    justify-content:space-between;
}
.consent-box table {
background-color:transparent;
}
.content-part {
    width: 74rem;
    background-color: #E9F1FF;
    padding: 1.2rem;
    border-radius: 1rem;
    margin-top: 3rem;
}
.resident_list {
    padding-left: 0;
    background: #dfecff69;
    padding: 1rem;
    border-radius: 1rem;
    color: #7d7d7d;
    margin-bottom:1rem;
}
    .resident_list li {
        position: relative;
        padding-left: 2rem; /* space for icon */
    }

    /* Font Awesome icon as bullet */
        .resident_list li::before {
            content: "\f05d"; /* fa-check-circle-o unicode */
            font-family: "FontAwesome";
            position: absolute;
            left: 0;
            top: 0;
            color: #7597d3;
            font-size: 1.7rem;
            font-weight: 200;
        }

    .resident_list li {
        list-style-type: none;
        margin-bottom: 0.7rem;
    }
.content-header {
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}
.custom-checkbox label {
    font-size: 18px;
    color: #2c3e50;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
    .custom-checkbox label span {
        font-size: 1.4rem;
    }
    .custom-checkbox input[type="checkbox"] {
    margin-top: 4px;
    transform: scale(1.2); /* slightly bigger checkbox */
    cursor: pointer;
}
.content-part ul {
    background: #edf2fa9e;
    padding: 1rem;
    border-radius: 0.8rem;
}
   
    .content-part li {
        position: relative;
        padding-left: 2rem; /* space for icon */
    }

        /* Font Awesome icon as bullet */
        .content-part li::before {
            content: "\f05d"; /* fa-check-circle-o unicode */
            font-family: "FontAwesome";
            position: absolute;
            left: 0;
            top: 0;
            color: #7597d3;
            font-size: 1.7rem;
            font-weight: 200;
        }
    .content-part li {
        color: #53579C;
        list-style-type: none;
        margin-bottom: 0.5rem;
    }
.custom-flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.custom-radio {
    font-size: 20px;
    color: #2c3e50;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 10px;
}

    .custom-radio input[type="radio"] {
        margin-right: 10px;
        transform: scale(1.2); /* slightly bigger circle */
    }
@media screen and (max-width:1680px) {
    .loginbody-left {
                height: 500px;
            }

                .loginbody-left img {
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                }

            .loginbody {
                gap: 13rem;
            }
        }

@media screen and (max-width:1600px) {


            .logo {
                position: absolute;
                top: 2rem;
                left: 7rem;
            }

                .logo img {
                    height: 55px;
                }
        }

@media screen and (max-width: 1440px) {
    .loginbody-left {
        height: 423px;
    }

    .forgot_new_my-2 {
        margin: 2rem 0;
    }

    .btn-get-otp {
        font-size: 1.7rem;
    }

    .loginbody {
        gap: 10rem;
    }

    .loginbody-left {
        height: 450px;
    }

    .loginbody-right h3 {
        font-size: 2.6rem;
        margin-bottom: 21px;
    }

    .loginbody-right .form-group {
        margin-bottom: 1.7rem;
    }

    .content-part {
        width: 63rem;
    }
}

@media screen and (max-width:1366px) {
            .loginbody-left {
                height: 340px;
            }

            .loginbody-right-parent::before {
                right: 2rem;
                background-size: 75%;
            }

            .loginbody::after {
                height: 154px;
                width: 385px;
            }

            .loginbody-right {
                width: 439px;
                padding: 3rem;
            }

                .loginbody-right .form-group {
                    margin-bottom: 1.6rem;
                }

                .loginbody-right h3 {
                    font-size: 2.3rem;
                    margin-bottom: 16px;
                }

                .loginbody-right .form-control {
                    font-size: 13px;
                    height: 39px;
                }

            .refrs-brdr {
                font-size: 13px;
                height: 39px;
                position: relative;
            }

                .refrs-brdr input {
                    position: absolute;
                    right: 1rem;
                }
            .custom-btn-flex{
              gap: 2rem
            }
            }

@media screen and (max-width: 1152px) {
    .content-part {
        width: 50rem;
    }
    .degreebg-log.new-user-part .loginbody-left {
        height: 243px;
    }
}

@media screen and (max-width: 1024px) {
            .loginbody {
                gap: 2rem;
            }

            .loginbody-left {
                height: 298px;
            }
        }

@media screen and (max-width: 992px) {
            /*.degreebg-log.llb::after {
        width: 549px;
    }*/
            .degreebg-log.llb::after {
                display: none !important;
            }

            .degreebg-log.llb .logo {
                position: unset;
                text-align: center;
            }

            degreebg-log.llb .loginbody-right {
                width: 70%;
                margin: 0 auto;
            }

            .degreebg-log.llb .loginbody {
                width: 85%;
                justify-content: center;
            }

            .degreebg-log.llb h1 {
                text-align: center;
            }
        }

@media screen and (max-width:768px) {


            .loginbody-left, .content-part {
                display: none;
            }

            .degreebg-log .loginbody-right {
                margin: 0 auto;
            }

            .logo {
                position: absolute;
                top: 4rem;
                left: 50%;
                transform: translateX(-50%);
                z-index: 2;
            }

            body {
                position: relative;
            }

                body::after {
                    content: "";
                    position: absolute;
                    background-image: url(../images/logintopecclipse.png);
                    pointer-events: none;
                    background-repeat: no-repeat;
                    height: 159px;
                    width: 385px;
                    left: -9rem;
                    top: 0;
                    bottom: 0;
                    z-index: 0;
                    background-size: 100%;
                }

            .loginbody-right-parent::before {
                display: none
            }
        }

@media screen and (max-width:630px) {
            .refrs-brdr {
                margin-top: 1rem;
            }
        }

@media screen and (max-width:480px) {
            .loginbody-right h3 {
                font-size: 20px;
                text-align: center;
            }

            .logo img {
                height: 55px;
            }

            .loginbody-right {
                width: 300px;
            }
            .custom-btn-flex {
               
                gap: 1rem;
                justify-content: normal;
                flex-direction: column;
            }
   
            }

@media screen and (max-width:320px) {
            .input_font {
                font-size: 1.4rem;
            }

            .icon-input-control .control-label {
                font-size: 1.2rem;
            }

            .icon-input-control .form-control {
                height: 38px;
            }

            .icon-input-control .icon-input-right {
                font-size: 1.6rem;
            }

            .btn-flex.forgot {
                flex-direction: column;
            }

            .loginbody::after {
                display: none;
            }

            body::after {
                display: none;
            }
        }