@font-face {
  font-family: 'Aptos';
  src: url('/Aptos.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

.login-main-container {
  background-color: #ffe3ba;
  min-height: 100vh;
  display: flex;
  padding: 3vw;
}

.login-main-container .text-section {
  width: 50%;
}

.login-main-container .text-section .details .heading {
  font-size: 2.3vw;
  margin: 0px;
  margin-top: 10vh;
}

.login-main-container .text-section .details .sub-heading {
  font-size: 3.6vw;
}

.login-main-container .details img {
  margin-top: -22px;
}

.login-main-container .img-container {
  position: relative;
  width: 50%;
}

.login-main-container .img-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.login-main-container .text-section .details .login-btn {
  font-family: 'Roboto';
  background: transparent;
  border: 2px solid black;
  font-size: 1.2rem;
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  transition: 0.25s;
  text-decoration: none;
  color: black;

}

.login-main-container .text-section .details .login-btn:hover,
.login-main-container .text-section .details .login-btn:focus {
  /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
}

.login-main-container .img-container .img-content {
  height: 24%;
  width: 20%;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #ffe3ba;
}