/* .oe_website_login_container{
    display: none !important;
} */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");

.login_wrap {
  /* The image used */
  /* background-image: url("/login_page/static/src/img/header_house.jpeg"); */
  background: linear-gradient(0deg, rgba(0, 15, 36, 0.9), rgba(0, 15, 36, 0.9)),
    url("/login_page/static/src/img/header_house.jpeg");
  width: 100%;
  height: 839px;
  /* Full height */
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* position: ; */
}

.login_wrap_text {
  /* width: fit-content; */
  position: relative;
  height: 146px;
  font-style: normal;
  font-weight: 900;
  font-size: 67px;
  line-height: 113.5%;
  /* top: 50%; */
  height: max-content;
  margin-top: 40px;
  /* or 73px */
  text-align: center !important;
  letter-spacing: -0.03em;

  text-shadow: 0px 4px 4px rgba(0, 23, 55, 0.5);
}
.login_wrap_sub_text {
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  /* identical to box height, or 100% */
  color: #ffffff;
  /* logo shadow */
  text-shadow: 0px 4px 7px rgba(0, 0, 0, 0.45);
}

.mass_brown {
  color: #cd9d51;
}
.mass_white {
  color: #ffffff;
}

.wrap_background_pattern {
  /* The image used */
  /* background-image: url("/login_page/static/src/img/pattern.png"); */
  background: linear-gradient(
      10deg,
      rgba(252, 248, 242, 0.8),
      rgba(247, 243, 238, 0.8)
    ),
    url("/login_page/static/src/img/pattern.png"), #ffffff;
  width: 100%;
  /* Full height */
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.mass_brown {
  color: #cd9d51;
}
.mass_white {
  color: #ffffff;
}
.mass_brown {
  color: #cd9d51;
}
.mass_white {
  color: #ffffff;
}

.login_form_wrapper {
  margin-top: -290px;
}
.login_card_one {
  margin: 0px auto;
  box-sizing: border-box;
  height: 770px;
  /* background: url("/login_page/static/src/img/pattern.png"), #FFFFFF; */
  background: linear-gradient(
      10deg,
      rgba(247, 242, 235, 0.8),
      rgba(247, 242, 235, 0.8)
    ),
    url("/login_page/static/src/img/pattern.png"), #ffffff;
  box-shadow: 0px 4px 20px rgba(31, 90, 171, 0.25);
  border-radius: 15px;
  width: 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.5; */
}
.login_card_two {
  margin: 0px auto;
  /* background: url("/login_page/static/src/img/pattern.png"), #00214E; */
  background: linear-gradient(0deg, rgb(0, 33, 78, 0.9), rgb(0, 33, 78, 0.9)),
    url("/login_page/static/src/img/pattern.png"), #00214e;
  box-shadow: 0px 4px 20px rgba(31, 90, 171, 0.25);
  border-radius: 15px;
  height: 770px;
  width: 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.5; */
}
.login_form {
  width: 90% !important;
  margin: 0 auto;
  /* padding-top: 150px; */
}
.login_form_fields {
  width: 100% !important;

  /* opacity: 0.1; */
  /* background: rgba(247, 242, 235, 0.2); */
  /* padding: 10px; */
  /* border: 1px solid #737eae; */
  color: #505050;
  border-radius: 10px;
}
input:focus-visible {
  border: unset !important;
  outline: unset !important;
}
.login_form_fields_email {
  width: 100% !important;
  /* opacity: 0.1; */
  /* background: rgba(247, 242, 235, 0.1); */
  padding: 10px;
  background-color: unset;
  border-bottom: 1px solid #cd9d51;
  /* border-bottom: 1px solid #737eae7c; */
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  color: #505050;
}
.login_form_fields_password {
  width: 100% !important;
  /* opacity: 0.1; */
  /* background: rgba(247, 242, 235, 0.1); */
  background-color: unset;
  padding: 10px;
  border-bottom: 1px solid #cd9d51;
  /* border-bottom: 1px solid #737eae7c; */
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  color: #505050;
}

#login_form_login_text {
  width: fit-content;
  font-weight: bolder;
  font-size: 35px;
  line-height: 52px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  /* identical to box height */
  color: #93713e;
}
/* remove borders when click on the input field */
/* .login_form_fields_email:focus{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    background: transparent;
    border-bottom: 1px solid #737eae7c;
}
.login_form_fields_password:focus{
    border-bottom: 1px solid #737eae7c;
} */

#submit_button {
  width: fit-content;
  /* Brown */
  background: #93713e;
  color: #ffffff;
  padding: 10px;
  /* button shadow */
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  border: 0px solid black;
  margin: 0 auto;
  font-size: large;
}
#register_button {
  width: 211px;
  height: 66px;
  /* Brown */
  border: 1px solid #93713e;
  /* button shadow */
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  margin: 0 auto;
  margin-top: 20px;
  /* transition-delay: 0.8s; */
  transition-duration: 0.5s;
  backdrop-filter: blur(5px);
  font-size: medium;
}
#register_button:hover {
  background-color: #93713e;
  color: #eceae8;
  margin-top: 17px;
  border: 1px solid #ffffff;
}
#register_button > a {
  color: #ffffff;
}

.card_two_image {
  margin: 0 auto;
  padding-top: 140px;
  height: 220px;
  width: 160px;
}
.card_two_image > img {
  width: inherit;
}
.alt_link_mob {
  display: none;
}

/* new login */
.login_wrapper {
  height: 90vh;
  background: linear-gradient(70deg, rgba(0, 33, 78, 0.74), rgba(255, 255, 255, 0.88)),
   url("/login_page/static/src/icons/shapes.png"), #00214eb0;
  background-position: center;
  background-repeat: repeat;
  background-size: contain;
}
.login_logo_img {
  width: 20%;
  height: auto;
  margin-top: 25px;
}
.mt100 {
  margin-top: 150px;
}
.form-wrapper-col {
  background-color: #eceae8;
  padding-top: 50px;
  padding-bottom: 80px;
  border-radius: 10px;
  margin-bottom: 50px;
}
/* .text-wrapper-col {
  background-color: #00214e;
} */
.login_img_up_form {
  width: 100%;
  height: auto;
}
.signup_link {
  font-size: 15px;
  margin-top: 20px;
}
.signup_link_a {
  color: #93713e;
  cursor: pointer;
}

@media (max-width: 989px) {
  .login_card_two {
    display: none;
  }
  .alt_link_mob {
    display: inherit;
  }
}
@media (max-width: 500px) {
  .login_card_two {
    display: none;
  }
  .alt_link_mob {
    display: inherit;
  }
  .login_wrapper {
    min-height: 120vh;
  }
}

@media (max-width: 600px) {
  .form-wrapper-col {
    background-color: #eceae8;
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 0px 0px 0px 0px;
    margin-bottom: 50px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 15px;
  }
  .mt100 {
    margin-top: 60px;
  }
  .text-wrapper-col {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 540px) {
  .login_wrap_text {
    font-size: 29px;
  }
  .login_wrap_sub_text {
    font-size: 20px;
  }
  .login_wrap {
    min-height: 120vh;
  }
  .login_form_wrapper {
    margin-top: -550px;
  }
}