.font-12{font-size: 12px;}
.login{background-color: #fff; height: 100vh;}
.login img{width: 100px;}
.login .card{padding: 80px;}
.login .card h4{font-weight: 700;font-size: 24px;}
.login .card label{font-weight: 400;font-size: 14px;}
.login .card p{color: #444150; font-weight: 400; font-size: 12px;}
.login .card a{color: #04D997;}
.login .form-control{font-size: 12px;}
.login .form-control:focus {border-color: #01bab3;box-shadow: 0 0 0 .25rem rgba(1, 186, 179, 0.13);}
.silder-image-bg{background-image: url('../images/login_bg.png'); height: 100vh; background-size: cover;}
.silder-image-bg h4{font-weight: 700; font-size: 16px; margin-top: 20px}
.silder-image-bg .card{margin: 105px;background-color: #f5f5f9;}
.swiper-pagination-bullet{height: 7px; width: 26px; 
  border-radius: 25px; background-color: #01bab3;   bottom: -1px;}
  .space-top {margin-top: 2.5rem !important;}
  @media screen and (max-width:991px) {
    .login{height: 80vh;}
    .login .card{padding: 20px;}
    .silder-image-bg{display: none !important;}
  }
  .gender-border{border: 1px solid #dde1e6; padding: 0.3rem 0.75rem; border-radius: 5px; display: block;}
/*    .gender-border:hover{border: 1px solid #01bab3;}*/
.gender-border .form-check-input:checked {background-color: #01bab3 !important; border-color: #01bab3 !important;}

/*----------------silder swiper--------------*/
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 12px;
/*      background: #fff;*/

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
/*      object-fit: cover;*/
}

.login .text-danger{font-size: 12px;}
 .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, .swiper-pagination-fraction{
  left: 0x !important;
} 
.center-silder{position: relative; left: 45px;}