.modal-overlay {
  background-color: rgba(26, 15, 43, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.modal-overlay.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: all 0.3s ease-in-out;
}
.modal-overlay.open .modal-form {
  transform: scale(1) translateY(0);
  opacity: 1;
}
@media (min-width: 991px) {
  .modal-overlay.open .modal-form {
    transform: scale(1) translateY(0);
    transition-delay: 0.15s;
  }
}

.modal-form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2rem;
  background-color: #fff;
  height: 100dvh;
  max-height: 100dvh;
  width: 100%;
  position: relative;
  overflow-y: auto;
  transition: all 0.3s ease-in-out;
  transform: scale(1) translateY(10rem);
  opacity: 1;
  background-image: url("images/gradient-form-bg-top.svg"), url("data:image/svg+xml,%3csvg%20width='401'%20height='351'%20viewBox='0%200%20401%20351'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.4'%20filter='url(%23filter0_f_12092_3573)'%3e%3cpath%20d='M6.61141%20223.997L-39.4037%20133.024L51.993%20178.195L223.754%20348.376L269.768%20439.35L178.373%20394.179L6.61141%20223.997Z'%20fill='url(%23paint0_linear_12092_3573)'/%3e%3c/g%3e%3cg%20opacity='0.3'%20filter='url(%23filter1_f_12092_3573)'%3e%3cpath%20d='M102.072%20409.358L33.8726%20450.708L74.5904%20382.129L210.735%20244.718L278.935%20203.37L238.217%20271.947L102.072%20409.358Z'%20fill='url(%23paint1_linear_12092_3573)'/%3e%3c/g%3e%3cg%20opacity='0.3'%20filter='url(%23filter2_f_12092_3573)'%3e%3cpath%20d='M128.291%20163.024L196.491%20121.676L155.773%20190.253L19.6283%20327.663L-48.5713%20369.011L-7.8534%20300.434L128.291%20163.024Z'%20fill='url(%23paint2_linear_12092_3573)'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_12092_3573'%20x='-126.677'%20y='45.751'%20width='483.717'%20height='480.872'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='43.6364'%20result='effect1_foregroundBlur_12092_3573'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_12092_3573'%20x='-27.2184'%20y='142.279'%20width='367.244'%20height='369.519'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='30.5455'%20result='effect1_foregroundBlur_12092_3573'/%3e%3c/filter%3e%3cfilter%20id='filter2_f_12092_3573'%20x='-109.662'%20y='60.5849'%20width='367.244'%20height='369.518'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='30.5455'%20result='effect1_foregroundBlur_12092_3573'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_12092_3573'%20x1='178.373'%20y1='394.179'%20x2='29.6348'%20y2='194.88'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%236943FF'/%3e%3cstop%20offset='0.5'%20stop-color='%235FA8FF'/%3e%3cstop%20offset='1'%20stop-color='%236FE5FF'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_12092_3573'%20x1='238.219'%20y1='271.947'%20x2='74.5904'%20y2='382.129'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%236943FF'/%3e%3cstop%20offset='0.5'%20stop-color='%235FA8FF'/%3e%3cstop%20offset='1'%20stop-color='%239A75E8'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_12092_3573'%20x1='-7.85341'%20y1='300.434'%20x2='155.773'%20y2='190.253'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%239A76E8'/%3e%3cstop%20offset='0.5'%20stop-color='%2395CDF9'/%3e%3cstop%20offset='1'%20stop-color='%239B76E8'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-size: contain;
  background-position: top, bottom;
  background-repeat: no-repeat;
}
@media (min-width: 991px) {
  .modal-form {
    max-width: 57rem;
    height: auto;
    min-height: 80rem;
    margin: 0 auto;
    border-radius: 1.6rem;
    padding: 4rem;
    transform: scale(0.8) translateY(0);
    opacity: 0;
  }
}

.modal-form__header {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: start;
  margin-bottom: 2.4rem;
}
@media (min-width: 991px) {
  .modal-form__header {
    margin-bottom: 3rem;
  }
}

.modal-form__logo {
  max-width: 11.8rem;
  width: 100%;
  height: auto;
  margin-top: 1.6rem;
}
@media (min-width: 991px) {
  .modal-form__logo {
    margin-top: 0;
  }
}

.modal-form__close_btn {
  position: relative;
  width: 2rem;
  height: 2rem;
  border: none;
  background: none;
  cursor: pointer;
  z-index: 1;
  align-self: start;
  justify-self: end;
  transition: transform 0.3s ease-in-out;
  will-change: transform;
}
@media (hover: hover) {
  .modal-form__close_btn:hover {
    transform: scale(1.3) rotate(360deg);
    transition: transform 0.3s ease-in-out;
  }
}

.modal-overlay {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media (min-width: 991px) {
  .modal-overlay {
    background-color: rgba(26, 15, 43, 0.8);
  }
}
.modal-overlay.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: all 0.3s ease-in-out;
}
.modal-overlay.open .modal-team__about {
  transform: scale(1) translateY(0);
  opacity: 1;
}
@media (min-width: 991px) {
  .modal-overlay.open .modal-team__about {
    transform: scale(1) translateY(0);
    transition-delay: 0.15s;
  }
}