@font-face {
    font-family: 'Jost*';
    src: url('jost/Jost-Book.woff2') format('woff2'),
        url('jost/Jost-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Colors */
    --color-primary: #007bff;
    --color-secondary: #6c757d;
    --color-success: #28a745;
    --color-danger: #dc3545;
    --color-warning: #ffc107;
    --color-info: #17a2b8;
    --color-light: #f8f9fa;
    --color-dark: #343a40;
  
    /* Text */
    --text-color: #303030;
    --highlight-text:#CC3333;
    --text-muted: #6c757d;
  
    /* Backgrounds */
    --bg-color: #CC3333;
    --bg-footer: #FCFFAC;
    --bg-muted: #f1f3f5;
  
    /* Fonts size*/
    --font-family:'Jost*';
    --font-size-p:14px;
    --font-size-base:20px;
    --font-size-heighlight:22px;
    --line-height-base: 1.3;
  
    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
  
    /* Border */
    --border-radius: 6px;
    --border-color: #dee2e6;
  
    /* Shadows */
    --box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

    /* faculty image */
    --faculty-img-width:100px;
    --faculty-img-height:100px;
    --faculty-object-fit:cover;
  }
  
  body {
    background-color: var(--bg-color);
    color: var(--text-color);
    /* font-family:'Jost* Hairline'; */
    font-family: var(--font-family);
    font-size: var(--font-size);
    margin: 0;
    padding: 0;
  }
h1{
    font-size: 50px;
    line-height: var(--line-height-base);
}
p{
    font-size: 20px;
}


/* -------------------------- iist login ----------------------------- */

#page-login-signup #page.drawers div[role="main"]{
    margin-bottom:0;
}
.iist-login {
    height: 100vh;
    display: flex;
    align-items: stretch;
}
/* .iist-login .row {
    flex: 1;
    width: 100%;
    height: 100%;
} */
.login-iist-form {
    height: 100%;
    padding: 80px 60px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.login-iist-form p {
    font-size: 17px;
    font-weight: 400;
    color: #4C4B5C;
    text-align: center;
}
.login-rightcont {
    height: 100%;
    background: url('../../layout/images/login-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px;
    z-index:1;
}
.login-rightcont::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(67.15deg, rgba(33, 33, 33, 0.839216) -57.97%, rgba(66, 66, 66, 0.239216) 130.29%);
    z-index: -1;
}
.login-btn button.btn-primary, .login-btn button.btn-primary:focus {
    font-size: 17px;
    font-weight: 400;
    width: 100%;
    padding: 10px;
    border-radius: 0;
    background:#cc3333;
    border-color:#cc3333;
    box-shadow: none;
    outline: 0;
}
.login-btn button.btn-primary:hover {
    background: #FCFFAC;
    color: #cc3333;
}
.login-rightcont .bg-cont {
    /* padding: 60px; */
    /* max-width: 650px; */
    text-align: center;
}
.bg-cont h1 {
    font-size: 32px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 0px;
}
.bg-cont p.shakti{
    font-size: 32px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
}
.login-iist-form h2 {
    font-weight: 500;
    color: #303030;
}
.bg-cont p.welcome-txt {
    font-size: 17px;
    font-weight: 400;
    color: #ffffff;
    padding: 0 20px;
    line-height: 2;
    max-width: 560px;
    margin: 0 auto;
}
.forgot-pass {
    text-align: right;
}
.forgot-pass a{
    font-size: 12px;
    font-weight: 500;
    color: #4C4B5C;
    margin-top: 5px;
    text-decoration: none;
}
.forgot-pass a:hover{
    text-decoration: underline;
    color:#2e2d38;
}
.acc-check a {
    font-size:17px;
    font-weight: 500;
    color: #cc3333;
    cursor: pointer;
}
.login-btn button.btn-primary, .login-btn button.btn-primary:focus {
    font-size: 17px;
    font-weight: 400;
    width: 100%;
    padding: 10px;
    border-radius: 0;
    background: #CC3333;
    border-color: #cc3333;
    box-shadow:none;
    outline:0;
}
.login-btn button.btn-primary:hover {
    background: #FCFFAC;
    color: #cc3333;
}
.form-login label.form-label {
    font-size: 17px;
    font-weight: 400;
    color: var(--text-color);
}
.form-login input.form-control {
    padding: 15px;
    border-radius: 0;
    border-color: #B0B7C5;
    cursor: pointer;
}
.iist-signup .login-iist-form .reg-logo img {
    width: 62px;
    height: 58px;
    object-fit: contain;
}
.iist-signup .login-iist-form {
    padding: 40px 40px 20px;
    display: inherit;
    height: 300px;
    overflow-y: auto;
    min-height: 100vh;
}
.form-login .form-control{
    margin-bottom: 0;
}
label.error{
    margin-bottom: 0 !important;
}
@media(max-width:1024px){
    .iist-signup .login-iist-form .reg-logo{
        display: flex;
    }
    .login-iist-form{
      justify-content:center;
      padding: 80px 40px;
    }
    .login-rightcont{
      padding:0;
    }
}

@media(max-width: 991px){
    span.highlight {
        font-size: 17px !important;
    }
    .iist-signup .login-iist-form {
        padding: 30px 30px 20px;
    }
    .login-iist-form h2{
        font-size: 24px;
    }
}

  
@media(max-width:767px){
    .iist-signup .login-iist-form .reg-logo{
        align-items: center;
    }
    .iist-signup .login-iist-form {
        padding: 20px 20px 20px;
    }
    .login-rightcont{
      display: none;
    }
    form#register_form .row.mb-3 .col-md-6 {
        margin-bottom: 16px !important;
    }
    form#register_form .row.mb-3{
        margin-bottom: 0 !important;
    }
    .login-iist-form {
      padding: 80px 30px;
    }
    .iist-login{
      display: block;
    }
}

@media(max-width:320px){
    span.highlight {
        font-size: 15px !important;
    }
}
/* -------------------------- iist signup ----------------------------- */



.iist-signup .input-password p {
    font-size: 14px;
    font-weight: 400;
    color: #4C4B5C;
    text-align: left;
}
.iist-signup select.form-select {
    padding: 15px;
    border-radius: 0;
    border-color: #B0B7C5;
}
.iist-signup .input-password{
    position: relative;
}
.iist-signup .toggle-password {
    position: absolute;
    top: 52px;
    right: 10px;
    cursor: pointer;
}
.iist-signup .login-iist-form span.highlight{
    font-size: 22px;
    font-weight: 400;
}
.iist-signup .login-iist-form .reg-logo{
    text-align:left;
}
.iist-signup .login-iist-form::-webkit-scrollbar {
    width: 6px;
}
.iist-signup .login-iist-form::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
} 
.iist-signup .login-iist-form::-webkit-scrollbar-thumb {
    background: #8b8b8b; 
    border-radius: 10px;
}
.iist-signup .login-iist-form::-webkit-scrollbar-thumb:hover {
    background: #7a7474; 
}
.error{
    color:red;
}