.js_reg_auth {
  display: none !important;
}

* {
  box-sizing: border-box;
}
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #E5E5E5;
}
*::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgb(244, 140, 6);
  cursor: pointer;
}
*::-webkit-scrollbar-track {
  background-color: #E5E5E5;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, a {
  margin: 0;
}

@font-face {
  font-family: "Gotham-Pro";
  src: url("../assets/fonts/GothamPro.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../assets/fonts/Poppins-Regular.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
}
.auth-alternate {
  display: flex;
  flex-direction: column;
  place-items: center;
  text-align: center;
  gap: 1rem;
}

.mobile-only-img {
  display: none;
  height: 0;
}

.more-btn {
  text-align: center;
  padding: 10px 30px;
  background-color: #b412b1;
  border-radius: 20px;
  border: 2px solid #b412b1;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition-duration: 0.5s;
}
.more-btn:hover {
  color: #fff;
  background-color: rgb(152, 16, 149);
}
.more-btn:focus {
  color: #fff;
  background-color: rgb(152, 16, 149);
}
.more-btn--bg-alt {
  background-color: rgb(136, 75, 142);
}

.checkbox input {
  position: absolute;
  opacity: 0;
}
.checkbox__checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 20px;
  aspect-ratio: 1;
  background-color: #F3EDF4;
  border: 1px solid #F3EDF4;
  border-radius: 50%;
  filter: drop-shadow(0 2px 4px rgba(118, 41, 121, 0.4));
  transition-duration: 0.5s;
}
.checkbox__checkmark:after {
  content: "";
  position: absolute;
  display: flex;
  left: 50%;
  top: 50%;
  width: 6px;
  aspect-ratio: 1;
  border: none;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  filter: drop-shadow(0 0 2px rgba(118, 41, 121, 0.4));
}
.checkbox__label {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  user-select: none;
}
.checkbox__label:hover input ~ .checkbox__checkmark {
  border-color: #5A2677;
}
.checkbox__label input:checked ~ .checkbox__checkmark {
  border-color: #5A2677;
}
.checkbox__label input:checked ~ .checkbox__checkmark:after {
  background-color: #5A2677;
}

.text--white {
  color: #fff;
}
.text--gray {
  color: #696984;
}
.text--purple {
  color: #5A2677;
}
.text--orange-light {
  color: rgb(244, 183, 103);
}

.wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.main {
  background: url("../assets/bg-3.png") 85% bottom/500px auto no-repeat, url("../assets/bg.png") center center/100% 100% no-repeat;
  padding: 0 0 200px 0;
  border-radius: 0 0 33% 33%;
  position: relative;
}
.main .bird {
  position: absolute;
  animation: randomMovement 5s linear infinite;
  z-index: 0;
}
.main .bird.el-1 {
  width: 70px;
  top: 17%;
  right: 26%;
}
.main .bird.el-2 {
  width: 60px;
  top: 36%;
  right: 38%;
  animation-delay: 1.2s;
}
.main__title {
  font-size: 80px;
  font-weight: 300;
  line-height: 1;
  z-index: 1;
}
.main__text {
  max-width: 50%;
}
.main__btn {
  align-self: start;
}

.content__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.content__text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.content__text-wrapper h4 {
  position: relative;
}
.content__text-wrapper h4::before {
  content: "";
  position: absolute;
  top: 40%;
  left: -12px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: rgb(244, 183, 103);
  border-radius: 50%;
  z-index: -1;
}
.content__btn-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content__btn {
  color: #696984;
  text-decoration: underline;
}
.content__img-wrapper {
  display: flex;
  position: relative;
}
.content__img-wrapper img {
  max-width: 490px;
  height: auto;
  display: block;
  position: relative;
  z-index: 1;
}
.content__img-wrapper::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: -15px;
  width: 150px;
  height: 150px;
  background-color: rgb(173, 18, 170);
  border-radius: 20px;
  z-index: -1;
}
.content__img-wrapper--right::before {
  right: -15px;
  left: unset;
}
.content .circle {
  background-color: rgb(173, 18, 170);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin-right: 30px;
}

.footer {
  background: rgb(136, 75, 142);
}

.modal-message {
  display: none;
  position: fixed;
  z-index: 5000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
.modal-message.active {
  display: flex;
}
.modal-message__content {
  border-radius: 12px;
  width: 80%;
  max-width: 800px;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  max-height: 90vh;
  background-image: url("../assets/bg_modal.png");
  background-size: 100% 100%;
  padding: 1.5rem;
}
.modal-message__close {
  font-weight: bold;
  position: absolute;
  top: -25px;
  right: -25px;
  font-size: 20px;
  cursor: pointer;
  color: #fff;
}
.modal-message__close:hover {
  color: rgb(244, 140, 6);
}

@keyframes randomMovement {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(2px, -5px);
  }
  40% {
    transform: translate(-4px, 2px);
  }
  60% {
    transform: translate(2px, 5px);
  }
  80% {
    transform: translate(-2px, -1px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@media screen and (min-width: 1540px) {
  .container {
    max-width: 1400px;
  }
}
@media screen and (min-width: 1800px) {
  .main {
    background: url("../assets/bg-3.png") 70% bottom/500px auto no-repeat, url("../assets/bg.png") center center/100% 100% no-repeat;
  }
}
@media screen and (max-width: 1799px) {
  .main .bird.el-1 {
    right: 15%;
  }
  .main .bird.el-2 {
    right: 29%;
  }
}
@media screen and (max-width: 1499px) {
  .main .bird.el-2 {
    top: 44%;
    right: 38%;
  }
}
@media screen and (max-width: 991px) {
  .main {
    border-radius: 0 0 50% 50%;
    padding: 0 0 160px 0;
  }
  .main .bird.el-1 {
    top: 13%;
    right: 14%;
  }
  .main .bird.el-2 {
    top: 19%;
    right: 44%;
  }
  .main__title {
    font-size: 50px;
  }
  .main__btn {
    margin-left: 6%;
  }
  .content__img-wrapper img {
    max-width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .mobile-only-img {
    display: block;
    margin: 0 auto;
    max-width: 60%;
    height: auto;
  }
  .main {
    border-radius: 0 0 0 0;
    background: url("../assets/bg.png") center center/100% 100% no-repeat;
    padding: 0 0 2.5rem 0;
  }
  .main .bird.el-1 {
    top: 33%;
    right: 28%;
  }
  .main .bird.el-2 {
    top: 43%;
    right: 60%;
  }
  .main__text {
    max-width: 100%;
  }
  .main__btn {
    align-self: center;
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
  .content__wrapper {
    flex-direction: column;
  }
  .content__img-wrapper img {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .main .bird.el-1 {
    top: 27%;
    right: 28%;
  }
  .main .bird.el-2 {
    top: 38%;
  }
  .main__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 575px) {
  .main .bird.el-1 {
    top: 28%;
    right: 22%;
  }
  .main .bird.el-2 {
    top: 37%;
    right: 63%;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22style.scss%22,%22variables.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAEA;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA,kBCVK;EDWL;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA,kBCzDW;ED0DX;EACA;EACA,OChEM;EDiEN;EACA;EACA;EACA;;AAEA;EACE,OCvEI;EDwEJ;;AAGF;EACE,OC5EI;ED6EJ;;AAGF;EACE;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBC7FW;ED8FX;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCnHE;EDoHF;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,cC7HG;;ADgIL;EACE,cCjIG;;ADoIL;EACE,kBCrIG;;;AD2IP;EACE,OC/II;;ADkJN;EACE,OCjJG;;ADoJL;EACE,OCpJK;;ADuJP;EACE,OCpJW;;;ADwJf;EACE;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCjOO;EDkOP;EACA;;AAKN;EACE;EACA;EACA;;AAGF;EACE,OCpPG;EDqPH;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OC3UI;;AD6UJ;EACE,OCtUG;;;AD2UT;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAKJ;EAGM;IACE;;EAGF;IACE;;;AAMR;EAGM;IACE;IACA;;;AAMR;EACE;IACE;IACA;;EAGE;IACE;IACA;;EAGF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;;EAMA;IACE;;;AAMR;EACE;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGE;IACE;IACA;;EAGF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;IACA;IACA;;EAKF;IACE;;EAIA;IACE;;;AAMR;EAGM;IACE;IACA;;EAGF;IACE;;EAIJ;IACE;;;AAKN;EAGM;IACE;IACA;;EAGF;IACE;IACA%22,%22file%22:%22style.css%22%7D */