* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  font-size: 14px;
  font-family: "HelveticaNeueMedium";
  min-height: 100vh;
}

@font-face {
  font-family: "HelveticaNeueLight";
  src: url(../fonts/HelveticaNeueLight.otf);
}
@font-face {
  font-family: "HelveticaNeueMedium";
  src: url(../fonts/HelveticaNeueMedium.otf);
}
@font-face {
  font-family: "HelveticaNeueBold";
  src: url(../fonts/HelveticaNeueBold.otf);
}
section.login-page {
  position: relative;
  background: url(../images/bg.png);
  height: 100vh;
  background-size: cover;
}
section.login-page .wrap {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 50px;
}
section.login-page .wrap .sec1 {
  width: 50%;
  height: 100%;
  padding: 50px 65px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
section.login-page .wrap .sec1 a.logo {
  margin: 0 0 38px;
  display: block;
}
section.login-page .wrap .sec1 h5 {
  color: #FFF;
  font-family: "HelveticaNeueLight";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
section.login-page .wrap .sec1 h2 {
  color: #FFF;
  font-family: "HelveticaNeueBold";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 124.421%;
}
section.login-page .wrap .sec1 .cara h3 {
  color: #FFF;
  text-align: center;
  font-family: "HelveticaNeueBold";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 18px;
}
section.login-page .wrap .sec1 .cara p {
  color: #FFF;
  text-align: center;
  font-family: "HelveticaNeueLight";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  max-width: 406px;
  margin: 0 auto;
}
section.login-page .wrap .sec1 .cara .owl-dots {
  text-align: center;
  margin: 60px 0 0;
}
section.login-page .wrap .sec1 .cara .owl-dots span {
  display: block;
  width: 8px;
  height: 8px;
  background: #96BFFF;
  border-radius: 50px;
  margin: 0 3px;
}
section.login-page .wrap .sec1 .cara .owl-dots button.owl-dot.active span {
  width: 48px;
  background: #fff;
}
section.login-page .wrap .sec2 {
  width: 50%;
  height: 100%;
  background: #fff;
  border-radius: 100px 0px 0px 60px;
  padding: 50px 34px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
section.login-page .wrap .sec2 h2 {
  color: #000;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: url(../images/img1.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 0 0 20px;
  margin: 0 0 36px;
}
section.login-page .wrap .sec2 .tab {
  display: none;
}
section.login-page .wrap .sec2 .tab-active {
  display: block;
}
section.login-page .wrap .sec2 .tab-container ul {
  list-style: none;
  display: flex;
  max-width: 358px;
  margin: 0 auto 66px;
  border-radius: 8px;
  background: #ECF0FF;
  padding: 6px;
}
section.login-page .wrap .sec2 .tab-container ul li {
  width: 50%;
}
section.login-page .wrap .sec2 .tab-container ul li a.tab-a {
  display: table;
  color: #9C9AA5;
  font-family: "HelveticaNeueLight";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  width: 100%;
  padding: 11px 20px;
  border-radius: 8px;
}
section.login-page .wrap .sec2 .tab-container ul li a.tab-a.active-a {
  background: #465FF1;
  color: #fff;
}
section.login-page .wrap .sec2 .tab-container .frm-wrpa {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 525px;
  margin: 0 auto;
}
section.login-page .wrap .sec2 .tab-container .frm-wrpa .frm-sec {
  width: 47%;
}
section.login-page .wrap .sec2 .tab-container .frm-wrpa label {
  color: #26203B;
  font-family: "HelveticaNeueLight";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 5px;
  display: block;
}
section.login-page .wrap .sec2 .tab-container .frm-wrpa input:not([type=submit]),
section.login-page .wrap .sec2 .tab-container .frm-wrpa select {
  border-radius: 8px;
  border: 1px solid rgba(70, 95, 241, 0.4);
  background: #FFF;
  width: 100%;
  padding: 12px;
  color: #000;
}
section.login-page .wrap .sec2 .tab-container .frm-sec2 {
  width: 100%;
  max-width: 300px;
  margin: 17px auto;
}
section.login-page .wrap .sec2 .tab-container .frm-sec2 input[type=submit] {
  border-radius: 5px;
  background: #465FF1;
  width: 100%;
  color: var(--black-white-white, #FFF);
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  border: none;
  padding: 12px;
}

section.login-page .wrap .sec2 .tab-container .frm-sec2 button {
  border-radius: 5px;
  background: #465FF1;
  width: 100%;
  color: var(--black-white-white, #FFF);
  font-size: 16px;
  font-style: normal;
  border: none;
  padding: 12px;
}
section.login-page .wrap .sec2 ul.menu {
  display: flex;
  list-style: none;
  justify-content: space-between;
  gap: 20px;
  max-width: 529px;
  margin: 0 auto;
}
section.login-page .wrap .sec2 ul.menu a {
  text-decoration: none;
  color: #555;
  font-family: "HelveticaNeueLight";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}
section.login-page .wrap .sec2 .decp3 p {
  text-align: center;
  margin: 20px 0;
  text-decoration: none;
  color: #555;
  font-family: "HelveticaNeueLight";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}

@media (max-width: 767px) {
  section.login-page .wrap {
    gap: 0;
    flex-direction: column;
  }
  section.login-page .wrap .sec1 {
    padding: 30px 15px;
    width: 100%;
  }
  section.login-page .wrap .sec1 a.logo {
    margin: 0 0 18px;
    display: block;
  }
  section.login-page .wrap .sec1 a.logo img {
    max-width: 70px;
  }
  section.login-page .wrap .sec1 h2 {
    font-size: 26px;
    margin: 16px 0;
  }
  section.login-page .wrap .sec1 .cara h3 {
    font-size: 20px;
    margin: 0 0 11px;
  }
  section.login-page .wrap .sec1 .cara p {
    font-size: 16px;
    line-height: 23px;
  }
  section.login-page .wrap .sec1 .cara .owl-dots {
    text-align: center;
    margin: 20px 0 0;
  }
  section.login-page .wrap .sec2 {
    border-radius: 30px 30px 0 0;
    padding: 30px 15px 0;
    width: 100%;
  }
  section.login-page .wrap .sec2 h2 {
    font-size: 20px;
    padding: 0 0 15px;
    margin: 0 0 20px;
  }
  section.login-page .wrap .sec2 .tab-container ul {
    margin: 0 auto 18px;
  }
  section.login-page .wrap .sec2 .tab-container .frm-wrpa {
    gap: 13px;
  }
  section.login-page .wrap .sec2 .tab-container .frm-wrpa .frm-sec {
    width: 48%;
  }
  section.login-page .wrap .sec2 ul.menu {
    display: flex;
    list-style: none;
    justify-content: center;
    gap: 11px;
    max-width: 529px;
    margin: 0 auto;
    flex-wrap: wrap;
  }
}/*# sourceMappingURL=style.css.map */

.disabled {
opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
    color: #444242 !important;
}


/*----- sign in --------*/

.frm-wrpa input[type=text]:disabled{background-color:#eaeaea !important;}
.frm-wrpa input[type=password]:disabled{background-color:#eaeaea !important;}

/*----- sign in end --------*/


/*----- password show-and-hide --------*/
section.login-page .wrap .sec2 .tab-container .frm-wrpa .hide-password{
    float: right;
    position: relative;
    top: -27px;
    padding-right: 12px;
}
section.login-page .wrap .sec2 .tab-container .frm-wrpa .hide-password i{color:#465ff1;}
/*----- password show-and-hide end --------*/