:root {
  --primary-color: #f48c02;
  --secondary-color: #3d1152;
  --tertiary-color: #d72715;
  --gradient-1: linear-gradient(
    90deg,
    rgba(215, 39, 21, 1) 0%,
    rgba(244, 140, 2, 1) 50%,
    rgba(215, 39, 21, 1) 100%
  );
  --gradient-2: linear-gradient(
    90deg,
    rgba(215, 39, 21, 1) 0%,
    rgba(61, 17, 82, 1) 50%,
    rgba(215, 39, 21, 1) 100%
  );
}

body {
  margin: 0;
  padding: 0;
  font-family: "Rubik", sans-serif;
  font-size: 1rem;
  color: #333;
  background: var(--primary-color) !important;
}

.login_section {
  width: 100%;

  max-width: 480px;

  height: auto;

  background: var(--secondary-color);

  position: absolute;

  right: 0;

  left: 0;

  margin: 0 auto;

  top: 130px;

  padding: 45px 60px;

  padding-bottom: 14px;

  border-radius: 5px;

  z-index: 12312312312;
}

.login_section h4 {

  color: #fff;

  padding-bottom: 20px;

  font-size: 23px;

  text-align: center;
}

.login_section .form-control {
  height: auto;

  border-radius: 20px;

  padding: 10px 15px;

  width: 100%;

  max-width: 343px;

  margin: 0 auto;

  outline: none;

  border: 1px solid #ccc;

  background-clip: unset;
}

.login_section a {
  color: #fff;
  display: block;
  text-align: center;
}

.footer_login {
  text-align: center;
}

.footer_login ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer_login ul li {
  display: inline-block;
  padding: 6px 0px;
}

.footer_login p {
  color: #fff;
}

.login_section button {
  padding: 10px 30px;

  outline: none;

  border: none;

  background: var(--tertiary-color);

  border: 1px solid var(--tertiary-color);

  border-radius: 20px;

  margin: 10px 0;

  color: #fff;

  text-transform: uppercase;

  font-weight: 700;

  font-style: italic;
}

.footer_login ul li {
  display: inline-block;
}

.footer_login ul li a {
  padding: 0 7px;

  font-size: 16px;
}