.container .my-4 {
    background-color: antiquewhite !important;
}

#page-login {
    position: relative !important;
    overflow: hidden !important;
    height: 100% !important;
    animation: slideshow 15s infinite alternate !important;
    background-repeat: no-repeat !important;
    background-size: 72% 100% !important;
}

#page-login::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* Overlay color */
    z-index: 1;
  }

.page-card-head h4 {
  display:none !important;
  visibility:hidden !important;
}


  
.page-content-wrapper{
	position: relative;
	z-index: 100;
  }

.navbar-light{
    background-color: black;border-bottom: 0px;
  }
.navbar-light .container > *{
    color: white !important;
 }

.login-content.page-card{
    position: absolute;
    right: 0;
    min-height: 100dvh;
    top: -16px;
    padding: 10rem 25px 0px 25px !important;
    display: flex;
    flex-direction: column;
    justify-content: start;
    border: 0px !important;
    border-radius: 0px !important;
    min-width: 28%;
 }
 .login-content.page-card > .form-signin{
    max-width: 100% !important;
    margin: 0px 55px;
 }

.app-logo{
  position: absolute;
    right: 13.5%;
    z-index: 11;
 }

.form-signin input{
  font-size: 16px;
  height:  55px !important;

 }
.form-signin svg{
  top : 21px !important
 }

.form-signin a,.form-signin button.btn-login{
  height:  55px !important;
  font-size: 16px;
  align-items: center !important;

 }

span.toggle-password{
  top : 20px !important
 }


@media (max-width:1441px){
.form-signin a,.form-signin button.btn-login{
    height:  45px !important;
   }
   .form-signin svg{
    top : 17px !important
   }
   span.toggle-password{
    top : 13px !important
   }
  
 }