.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  background: #00000063;
  /* background-image:url("/img/popup_sms.png"); background-size:cover; background-position:center center; */
  overflow-y: hidden;
  transition: 0.5s;
  align-items: center;
  justify-content: center;
}

.overlay-content {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  z-index: 102;
  display: none;
}

@media screen and (max-height: 450px) {
  .overlay {
    overflow-y: auto;
  }
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
    z-index: 102;
  }
}

.overlay_sub {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 103;
  top: 0;
  left: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  overflow-y: hidden;
  transition: 0.5s;
  align-items: center;
  justify-content: center;
}

.overlay-content_sub {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.overlay_sub .closebtn_sub {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  color: #fff;
  z-index: 104;
}

@media screen and (max-height: 450px) {
  .overlay_sub {
    overflow-y: auto;
  }
  .overlay_sub .closebtn_sub {
    font-size: 40px;
    top: 15px;
    right: 35px;
    z-index: 104;
  }
}