.mobile-news-form {
  display: none;
  background-color: #662c91;
  padding: 10px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.mobile-news-form form {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.mobile-news-form form div {
  display: flex;
  align-items: center;
}
.mobile-news-form .mail-form {
  display: flex;
  align-items: center;
  gap: 0 5px;
}
.mobile-news-form button {
  background-color: #1d1c1c;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
  height: 34px;
  padding-inline: 10px;
}
.mobile-news-form input[type=text] {
  background-color: #fff;
  height: 34px;
  border: none;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 14px;
  width: 250px;
}
.mobile-news-form input[type=text]::-moz-placeholder {
  font-size: 12px;
  color: #a3a3a3;
}
.mobile-news-form input[type=text]::placeholder {
  font-size: 12px;
  color: #a3a3a3;
}
.mobile-news-form label {
  color: #fff;
  font-size: 14px;
}
.mobile-news-form .mail-checkbox {
  display: flex;
  align-items: center;
  gap: 0 5px;
}
.mobile-news-form .mail-checkbox input[type=checkbox] {
  width: 14px;
  height: 14px;
  border-radius: 0;
  border: none;
  display: inline-flex !important;
}

@media screen and (max-width:1024px) {
  .mobile-news-form {
    display: flex;
  }
  .mobile-news-form ~ .mobile_header {
    top: 85px;
  }
  .mobile-news-form ~ #visual {
    margin-top: 145px;
  }
}