.auth-custom {
  position: relative;
  /*overflow: hidden;*/
  height: 100vh;
}

.auth-custom .button {
  background: #d11216;
  height: 52px;
  border-radius: 5px;
  clip-path: polygon(13px 0, 100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%, 0 13px);
}

.auth-custom .button:hover {
  background: linear-gradient(90.00deg, rgb(107, 9, 11),rgb(209, 18, 22) 100%);
}

.auth-custom .button__text {
  font-family: "EuropeExtendedC", sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}

.drop-shadow-blood {
  filter: drop-shadow(-7px 7px 12px rgba(209, 18, 22, 0.31));
}

.drop-shadow {
  filter: drop-shadow(0 4px 20px rgba(109, 109, 109, 0.2));
}

.auth-custom .wrap-login100 {
  width: 100%;
  max-width: 890px;
  background-color: transparent;
  position: relative;
}

.login100-form {
  padding: 52px 100px 54px;
  background-color: #fff;
  clip-path: polygon(98% 0%, 98% 45.61%, 100% 50.78%, 100% 87.54%, 91.86% 100%, 1.86% 100%, 2.21% 32.57%, 0% 29.03%, 0% 4.23%, 2.91% 0%);
  border-radius: 5px;
}

.wrap-login100::before,
.wrap-login100::after {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  width: 1px;
  height: calc(100% - 300px);
  background-color: #d0d0d0;
  z-index: -1;
}

.wrap-login100::before {
  top: auto;
  bottom: 0;
  height: calc(100% - 180px);
}

.wrap-login100::after {
  left: auto;
  right: 1px;
}

.login100-form-title {
  font-family: "EuropeExt", sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #3e3e3e;
  text-transform: none;
}

.auth-subtext {
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #3e3e3e;
}

.input-checkbox100:checked + .label-checkbox100::before {
  color: #d11216;
}

.label-checkbox100 {
  padding-left: 32px;
}

.label-checkbox100::before {
  border: 1px solid #bdbdbd;
  width: 22px;
  height: 22px;
}

.input-wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.label {
  margin-bottom: 10px;
}

.label[for] {
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.label > .icon {
  margin-right: 10px;
}

.label-checkbox100,
.label {
  font-family: "Montserrat", "Exo 2", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #6b6b6b;
}

.input {
  font-family: "Montserrat", "Exo 2", sans-serif;
  font-size: 20px;
  color: #6b6b6b;
  line-height: 48px;
  border: 0;
  box-shadow: none;
  width: 100%;
  height: 66px;
  background-color: transparent;
  padding-left: 29px;
  padding-right: 29px;
}

.control {
  position: relative;
  border: 1px solid #bdbdbd;
  width: 100%;
  height: 66px;
  clip-path: polygon(calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px), 0 0);
  background-color: transparent;
  border-radius: 5px;
}

.control::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  border-bottom: 19px solid #bdbdbd;
  border-right: 19px solid transparent;
}

.control::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  border-right: 19px solid #bdbdbd;
  border-bottom: 19px solid transparent;
}

.auth-custom .txt1 {
  font-family: "EuropeExt", sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #6b6b6b;
  border-bottom: 1px solid;
  padding: 5px 0;
  margin-left: 5px;
}

.auth-custom .txt1:hover {
  /*font-weight: 700;*/
  color: #c51d1d;
}

.header-auth {
  font-family: "EuropeExt", sans-serif;
  font-size: 41px;
  font-weight: 400;
  color: #3e3e3e;
}

.logo {
  margin-top: 20px;
  margin-bottom: 35px;
}

.auth-custom .container-login100 {
  min-height: calc(100vh - 152px);
  max-width: 890px;
  margin: 0 auto;
}

.footer-auth {
  position: relative;
  bottom: 250px;
  left: 0;
  width: 100%;
  height: 525px;
  background: linear-gradient(46.42deg, rgb(64, 64, 64) 0.367%,rgb(197, 29, 29) 99.002%);
  z-index: -1;
  clip-path: polygon(100% 34px, 100% 525px, 0px 525px, 0% 0%, 17% 0%, 20% 34px);
  overflow: hidden;
}

.footer-auth::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('../img/bg.svg');
  background-repeat: no-repeat;
  width: 100%;
  height: 525px;
}
