.form {
  background: url("../images/form_bg.jpg") top center no-repeat ;
  background-size: cover;
  text-align: center;
  color: #ffffff;
  padding: 150px 25px 80px;
}
.form h2 {
  font-size: var(--title);
  padding-bottom: 10px;
}
.form * {
  box-sizing: border-box;
}
.form__container {
  max-width: 1200px;
  margin: 0 auto;
  width: 90%;
}
@media (min-width: 996px) {
  .form__container {
    width: 80%;
  }
}
@media (min-width: 1930px) {
  .form__container {
    max-width: 1600px;
  }
}
.form__box {
  padding: 45px 0;
}
.form__text p span {
  text-shadow: 0 0 10px #9b11be, 0 0 20px #9b11be, 0 0 40px #9b11be, 0 0 80px #9b11be, 0 0 160px #9b11be;
  text-transform: uppercase;
  font-weight: bold;
}

.question-group {
  display: block;
  text-align: left;
  margin: 10px;
  font-size: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .question-group {
    display: inline-block;
    width: calc(50% - 20px);
  }
}
.question-group input[type=text],
.question-group input[type=email],
.question-group textarea,
.question-group select {
  background: rgba(0, 0, 0, 0.6);
  border-top: #112473 1px solid;
  border-left: #704a7b 1px solid;
  border-bottom: #112473 1px solid;
  border-right: #704a7b 1px solid;
  padding: 10px 15px;
  border-radius: 4px;
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  appearance: none;
}
.question-group h6 {
  padding-bottom: 5px;
  font-size: 16px;
}
.question-group .star {
  color: var(--color-red-400);
  margin-left: 5px;
}
.question-group.checkSty {
  display: block;
  width: 100%;
  display: flex;
}
.question-group.checkSty input[type=checkbox] {
  display: none;
}
.question-group.checkSty input[type=checkbox]:checked + label::before {
  background: url("../images/icon-check.png") center center no-repeat ;
  background-size: cover;
}
.question-group.checkSty label {
  display: flex;
}
.question-group.checkSty label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-top: #1538eb 1px solid;
  border-left: #9b11be 1px solid;
  border-bottom: #1538eb 1px solid;
  border-right: #9b11be 1px solid;
  flex: 0 0 16px;
  margin-right: 5px;
}
.question-group.checkSty a {
  margin-left: 10px;
  color: #fff;
  text-decoration: underline;
  padding-bottom: 4px;
  display: block;
}
.question-group.form-send {
  display: block;
  text-align: center;
  width: 100%;
}
.question-group.form-send button {
  background: #EB22EB;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px 15px;
  border-radius: 15px;
  cursor: pointer;
  outline: none;
  border: rgba(255, 255, 255, 0) 1px solid;
  animation: glow 0.8s ease-in-out infinite alternate;
}
.question-group.form-send button:hover {
  border-color: #fff;
}

.follow {
  padding-top: 35px;
}
.follow a {
  margin: 5px;
  transform: scale(1);
}
.follow a:hover img {
  transform: scale(1.05);
}
.follow img {
  width: 35px;
  transition: 0.1s all ease-in;
}
@media (min-width: 1930px) {
  .follow img {
    width: 55px;
  }
}

@keyframes glow {
  0% {
    box-shadow: #9b11be 0 0 0px;
  }
  100% {
    box-shadow: #9b11be 0 0 10px;
  }
}
/* .lighttbox*/
.lighttbox {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  z-index: 999;
  overflow: hidden;
  overflow-y: auto;
}
.lighttbox * {
  box-sizing: border-box;
}

.ltwp {
  text-align: left;
  vertical-align: middle;
  position: relative;
  width: 90%;
  max-width: 960px;
  margin: 50px auto;
  border: #fff 1px solid;
  border-radius: 20px;
  padding: 50px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.ltwp h2 {
  text-align: center;
  font-size: 24px;
  color: #fff;
  padding-bottom: 25px;
}
.ltwp hr {
  display: none;
}
.ltwp p {
  padding-bottom: 20px;
  text-align: left;
}
.ltwp a {
  margin-left: auto !important;
  display: inline-block !important;
}
.ltwp h4 {
  font-size: 20px;
  margin-top: 15px;
  padding-bottom: 10px;
  text-align: left;
}

.btclose {
  text-align: center;
  padding-top: 40px;
}
.btclose button {
  background: #EB22EB;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  padding: 15px 35px;
  border-radius: 15px;
  cursor: pointer;
  outline: none;
  border: rgba(255, 255, 255, 0) 1px solid;
  animation: glow 0.8s ease-in-out infinite alternate;
}
.btclose button:hover {
  border-color: #fff;
}