@import url("https://fonts.googleapis.com/css2?family=Poppins%3Awght%40400%3B500&display=swap%27%29%3B");

body {
  font-family: "Poppins", sans-serif;
  background: #ececec;
  /* background-image: url("../../media/img/bg-login.png");
  background-repeat: no-repeat;
  background-size: cover; */
}

.box-area {
  width: 930px;
}

.right-box {
  padding: 40px 30px 40px 40px;
}

::placeholder {
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  .box-area {
    margin: 0 px;
  }
  .left-box {
    height: 100px;
    overflow: hidden;
  }
  .right-box {
    padding: 20px;
  }

  /**
  * login bg
  */

  #referral-login-bg.bg-holder-new {
	background: #005da7 !important;
    background-image: url(../../media/img/referral-bg-1.jpg) !important;
    background-repeat: no-repeat !important;
    position: fixed;
    align-items: center;
    width: 100%;
    height: 100%; 
    left: 0;
    background-position: bottom center !important;
    top: 0;
    background-size: contain  !important;
  }
  #pnle-login-bg.bg-holder-new {
    background-image: url(../../media/img/pnle-bg.jpg) !important;
    background-repeat: no-repeat !important;
    position: fixed;
    align-items: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	background-position: top left !important;
    background-size: cover  !important;
  }
}