@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
/* font-family: 'Playfair Display', serif; */
@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed:wght@300&display=swap');
/* font-family: 'Roboto Condensed', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
/* font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');
/* font-family: 'Poppins', sans-serif; */


html, body, header, footer{
    width: 100%;
    font-family: 'Poppins', sans-serif;
}

/* Index */
.pnp__logo{
    width: 50px;
    height: 75px;
}
.dasma__logo{
    width: 100px;
}
.index__background{
    max-width: 100%;
    min-height: 100vh;
    background-image: url('../../imgs/bg_srmdc.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.index__container{
    min-width:85%;
    padding: 5rem 0 5rem;
}
.index__left{
    min-height: 80vh !important;
    padding: 0 2rem 0;
}
.index__icons{
    display: inline-flex;
}
.index__icons h3{
    margin: auto 1rem auto;
    font-weight: bold;
    /* color: #fff */
    letter-spacing: 8px;
}
.index__body{
    margin: 6rem 0 6rem;
    padding: 0 4rem 0;

}
.index__body h1{
    font-size: 75px;
    font-weight: bold;
    /* color: #fff; */
}
.index__body h4{
    /* color: #ededed; */
}
.index__body h3, .index__body h6{
    display: none;
}

/* .index__right{
    background-color: rgba(255, 255, 255, .8);
    min-height: 80vh !important;
    border-radius: 18px;
    padding: 5rem 4rem 5rem;
} */
.login__card{
    background-color: rgba(255, 255, 255, .8);
    min-height: 80vh !important;
    border-radius: 18px;
    padding: 5rem 4rem 5rem;
}
.login__title{
    font-weight: bold;
    font-size: 60px;
    margin: .75rem 0 .75rem;
    /* color: #269c14; */
}
.login__sub{
    font-size: .75rem;
    color: #6e6e6e;
    margin: 1rem 0 1rem;
}
.form__login{
    margin: 3rem 0 3rem;
}
.form__login label{
    color: #545454;
    margin: 0;
}
.fa-envelope, .fa-lock{
    font-size: 20px;
}

.form__login input{
    height: 55px;
    border-radius: 18px;
    border-left: 0px;
}
.form__login .input-group-text{
    background: #fff;
    border-radius: 18px;
    padding: 0 20px 0;
    border-right: 0px;
}
.login__submit{
    padding: .75rem 0rem .75rem;
    width: 80%;
    border-radius: 18px;
    margin: 1.25rem 0 1.25rem;
}


.fa-eye-slash{
    color: #7a797e;
}
#show__password .input-group-append .input-group-text{
    background-color: #fff;
    border-left: 0px;
}
#show__password input{
    border-right: 0px;
}


/* Media Size */

@media (max-width: 1024px){

    /* Index */

    .pnp__logo{
        width: 35px;
        height: 50px;
        margin: auto .25rem auto !important;
    }
    .dasma__logo{
        width: 100px;
        margin: auto .25rem auto !important;
    }
    .index__icons h3{
        margin: auto .75rem auto !important;
    }
    .index__body{
        margin: 5rem 0 5rem;
        padding: 0 2.5rem 0;
    }
    .index__body h1{
        font-size: 45px;
    }
    .index__body h4{
        font-size: 14px;
    }
    .login__card{
        padding: 3.5rem 3rem 3.5rem;
    }
    .form__login{
        margin: 2rem 0 2rem;
    }

    /* Index */

}

@media (max-width: 768px){

    /* Index */
    .index__container{
        padding: 4rem 0 4rem;
    }
    .index__left{
        min-height: 22vh !important;
    }
    .index__body{
        padding: 0 1rem 0;
        margin: 1.75rem 0 1.75rem;
        text-align: center;
    }
    .index__body h1, .index__body h4{
        display: none;
    }
    .index__body h3{
        display: block;
        font-weight: bold;
        /* color: #fff; */
    }
    .index__body h6{
        display: block;
        color: #ededed;
    }
    .index__right{
        padding: 0 6rem 0;
    }


    /* Index */

}

@media (max-width: 425px){

    /* Index */

    .index__right{
        padding: 0px 2.5rem 0px;
    }
    .login__card{
        padding: 3rem 2rem 3rem;
    }
    .form__login{
        margin: 2rem 0 0;
    }
    .index__left{
        min-height: 30vh !important;
    }

    /* Index */

}

@media (max-width: 375px){
    .login__card{
        min-height: 70vh !important;
    }

}

@media (max-width: 320px){


    .index__body h3{
        font-size: 20px;
    }
    .index__body h6{
        font-size: 12px;
    }
    .login__title{
        font-size: 45px;
    }
    .index__right{
        padding: 0px 2rem 0px;
    }
    .login__card{
        padding: 3rem 1.5rem 3rem;
        min-height: 65vh !important;
    }
    .index__left{
        min-height: 25vh !important;
    }
    .index__icons h3{
        letter-spacing: 4px !important;
        font-size: 20px !important;
    }
}

/* Media Size */


/* Custome Size */

@media (max-width: 700px){

}

@media (max-width: 360px){

}
@media (max-width: 395px){
    .index__icons h3{
        letter-spacing: 6px;
        font-size: 23px;
    }
}

/* Custome Size */