body.lock {
   overflow: hidden;
}

.modal {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.603);
   opacity: 0;
   visibility: hidden;
   -webkit-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
   overflow-y: auto;
   overflow-x: hidden;
   cursor: pointer;
   z-index: 5;
}

.modal__content {
   border-radius: 10px;
   padding-top: 30px;
   padding-bottom: 70px;
   padding-left: 50px;
   padding-right: 50px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
   -ms-transform: translateY(-50%) translateX(-50%) scale(0);
   transform: translateY(-50%) translateX(-50%) scale(0);
   background-color: #fff;
   opacity: 0;
   -webkit-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
   cursor: default;
}

.modal__close {
   display: block;
   width: 34px;
   height: 34px;
   position: absolute;
   top: 35px;
   right: 15px;
   cursor: pointer;
}

.modal__close:before,
.modal__close:after {
   content: "";
   width: 45px;
   height: 3px;
   display: inline-block;
   position: absolute;
   top: 12px;
   right: -6px;
   background-color: #15B3C2;
}

.modal__close:before {
   -webkit-transform: rotateZ(45deg);
   -ms-transform: rotate(45deg);
   transform: rotateZ(45deg);
}

.modal__close:after {
   -webkit-transform: rotateZ(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotateZ(-45deg);
}

.modal.open {
   opacity: 1;
   visibility: visible;
}

.modal.open .modal__content {
   -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
   -ms-transform: translateY(-50%) translateX(-50%) scale(1);
   transform: translateY(-50%) translateX(-50%) scale(1);
   opacity: 1;
}



.form-modal {}

.form-modal__content {
   padding: 0;
   width: 540px;
}

@media(max-width: 768px) {
   .form-modal__content {
      width: calc(100% - 32px);
   }
}

.form-modal__wrapper {
   padding-top: 70px;
   padding-bottom: 70px;
   padding-left: 30px;
   padding-right: 30px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.form-modal__title {
   color: #18214D;
   font-size: 26px;
   font-weight: 600;
   line-height: calc(28 / 26);
   /* 107.692% */
   letter-spacing: -0.4px;
}

.form-modal__text {
   margin-top: 20px;
   margin-bottom: 50px;
   color: #18214D;
   text-align: center;
   font-size: 18px;
   line-height: calc(28 / 18);
   /* 155.556% */
   letter-spacing: -0.4px;
}

.form-modal__close {
   position: relative;
   border-radius: 8px;
   background-color: #E44758;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 60px;
   width: 100%;
   border: 1px solid #E44758;
   transition: 0.3s;
   color: white;
   top: unset;
   bottom: unset;
   right: unset;
   left: unset;
}

.form-modal__close::after,
.form-modal__close::before {
   display: none;
}

.form-modal__close:hover {
   background-color: white;
   color: #E44758;
}