@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
html,body{
    background-image:linear-gradient(to right, #e684ae , #43b8fe);
    font-family: 'Poppins', sans-serif;
}
::selection{
    color: #fff;
    background: #6665ee;
}
.container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.container .form{
    background: #fff;
    padding: 30px 35px;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.container .form form .form-control{
    height: 40px;
    font-size: 15px;
}
.container .form form .forget-pass{
    margin: -15px 0 15px 0;
}
.container .form form .forget-pass a{
   font-size: 15px;
}
.container .form form .button{
    background-image:linear-gradient(to right, #e684ae , #43b8fe);
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.container .form form .button:hover{
    background: #5757d1;
}
.container .form form .link{
    padding: 5px 0;
}
.container .form form .link a{
    color: #6665ee;
}
.container .login-form form p{
    font-size: 14px;
}
.container .row .alert{
    font-size: 14px;
}

@media only screen (max-width:767px){
.row {		    display: flex;		   flex-wrap: wrap;	}
}

/* card body css */
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem 1rem; 
}
/* h4.font-weight-normal.mb-3 {
    color: #6c757d !important;
}
    .card .card-body {
        padding: 2.5rem 2.5rem;
    }.card-body-padding {
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 2rem;
        padding-right: 2rem; }
        .stretch-card {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            -webkit-box-pack: stretch;
            -ms-flex-pack: stretch;
            justify-content: stretch; }
            .stretch-card > .card {
              width: 100%;
              min-width: 100%; }
 @media (min-width: 576px) {
                .card-group {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-orient: horizontal;
                  -webkit-box-direction: normal;
                  -ms-flex-flow: row wrap;
                  flex-flow: row wrap; }
                  .card-group > .card {
                    -webkit-box-flex: 1;
                    -ms-flex: 1 0 0%;
                    flex: 1 0 0%;
                    margin-bottom: 0; }
                    .card-group > .card + .card {
                      margin-left: 0;
                      border-left: 0; }
                    .card-group > .card:not(:last-child) {
                      border-top-right-radius: 0;
                      border-bottom-right-radius: 0; }
                      .card-group > .card:not(:last-child) .card-img-top,
                      .card-group > .card:not(:last-child) .card-header {
                        border-top-right-radius: 0; }
                      .card-group > .card:not(:last-child) .card-img-bottom,
                      .card-group > .card:not(:last-child) .card-footer {
                        border-bottom-right-radius: 0; }
                    .card-group > .card:not(:first-child) {
                      border-top-left-radius: 0;
                      border-bottom-left-radius: 0; }
                      .card-group > .card:not(:first-child) .card-img-top,
                      .card-group > .card:not(:first-child) .card-header {
                        border-top-left-radius: 0; }
                      .card-group > .card:not(:first-child) .card-img-bottom,
                      .card-group > .card:not(:first-child) .card-footer {
                        border-bottom-left-radius: 0; } } */