.intro-popup {
  font-family: "Inter", sans-serif;
  color: #29282A;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 117, 255, 0.08) 0%, rgba(0, 117, 255, 0.08) 100%), rgba(0, 0, 0, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.intro-popup__wrapper {
  position: relative;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 4px 48px 0px rgba(6, 59, 122, 0.08);
  max-width: 840px;
  width: 100%;
  padding: 32px 0 40px 40px;
  margin: 0 auto;
}

.intro-popup__scroll {
  display: grid;
  grid-template-columns: 1fr minmax(200px, 310px);
  grid-gap: 0 27px;
}

.intro-popup-title {
  font-size: 32px;
  font-weight: 900;
  line-height: 36px;
  letter-spacing: -0.64px;
}

.intro-popup-subtitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin: 16px 0 20px;
}

.intro-popup__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 22px 24px;
}

.intro-popup__list-item {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
  align-items: center;
}

.intro-popup__list-item:before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  flex-shrink: 0;
  margin-right: 12px;
}

.intro-popup__list-item:nth-child(1):before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.8 10.95L10.95 8.775L9.55 7.35L8.45 8.45L7.05 7.05L8.125 5.95L7 4.825L4.825 7L8.8 10.95ZM17 19.175L19.175 17L18.05 15.875L16.95 16.95L15.55 15.55L16.625 14.45L15.2 13.05L13.05 15.2L17 19.175ZM7.25 21H3V16.75L7.375 12.375L2 7L7 2L12.4 7.4L16.175 3.6C16.375 3.4 16.6 3.25 16.85 3.15C17.1 3.05 17.3583 3 17.625 3C17.8917 3 18.15 3.05 18.4 3.15C18.65 3.25 18.875 3.4 19.075 3.6L20.4 4.95C20.6 5.15 20.75 5.375 20.85 5.625C20.95 5.875 21 6.13333 21 6.4C21 6.66667 20.95 6.92083 20.85 7.1625C20.75 7.40417 20.6 7.625 20.4 7.825L16.625 11.625L22 17L17 22L11.625 16.625L7.25 21ZM5 19H6.4L16.2 9.225L14.775 7.8L5 17.6V19ZM15.5 8.525L14.775 7.8L16.2 9.225L15.5 8.525Z' fill='%230075FF'/%3E%3C/svg%3E");
}

.intro-popup__list-item:nth-child(2):before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 20V17H4V6C4 5.45 4.19583 4.97917 4.5875 4.5875C4.97917 4.19583 5.45 4 6 4H21V6H6V17H12V20H2ZM15 20C14.7167 20 14.4792 19.9042 14.2875 19.7125C14.0958 19.5208 14 19.2833 14 19V9C14 8.71667 14.0958 8.47917 14.2875 8.2875C14.4792 8.09583 14.7167 8 15 8H21C21.2833 8 21.5208 8.09583 21.7125 8.2875C21.9042 8.47917 22 8.71667 22 9V19C22 19.2833 21.9042 19.5208 21.7125 19.7125C21.5208 19.9042 21.2833 20 21 20H15ZM16 17H20V10H16V17Z' fill='%230075FF'/%3E%3C/svg%3E");
}

.intro-popup__list-item:nth-child(3):before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 24V20H22V24H2ZM6 16H7.4L15.2 8.225L14.475 7.5L13.775 6.8L6 14.6V16ZM4 18V13.75L15.2 2.575C15.3833 2.39167 15.5958 2.25 15.8375 2.15C16.0792 2.05 16.3333 2 16.6 2C16.8667 2 17.125 2.05 17.375 2.15C17.625 2.25 17.85 2.4 18.05 2.6L19.425 4C19.625 4.18333 19.7708 4.4 19.8625 4.65C19.9542 4.9 20 5.15833 20 5.425C20 5.675 19.9542 5.92083 19.8625 6.1625C19.7708 6.40417 19.625 6.625 19.425 6.825L8.25 18H4ZM15.2 8.225L14.475 7.5L13.775 6.8L15.2 8.225Z' fill='%230075FF'/%3E%3C/svg%3E");
}

.intro-popup__list-item:nth-child(4):before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 13L4 8V18H13V20H4C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V13H20V8L12 13ZM12 11L20 6H4L12 11ZM19 23L17.6 21.6L19.175 20H15V18H19.175L17.575 16.4L19 15L23 19L19 23ZM4 8V19V13V13.075V6V8Z' fill='%230075FF'/%3E%3C/svg%3E");
}

.intro-popup__list-item:nth-child(5):before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16H20V13H17.45C17.1 13.6167 16.6167 14.1042 16 14.4625C15.3833 14.8208 14.7167 15 14 15C13.3 15 12.6417 14.8208 12.025 14.4625C11.4083 14.1042 10.9167 13.6167 10.55 13H8V16ZM14 13C14.5667 13 15.0417 12.8042 15.425 12.4125C15.8083 12.0208 16 11.55 16 11H20V4H8V11H12C12 11.55 12.1958 12.0208 12.5875 12.4125C12.9792 12.8042 13.45 13 14 13ZM8 18C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16V4C6 3.45 6.19583 2.97917 6.5875 2.5875C6.97917 2.19583 7.45 2 8 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H8ZM4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V6H4V20H18V22H4Z' fill='%230075FF'/%3E%3C/svg%3E");
}

.intro-popup-text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.12px;
  margin: 20px 0 24px;
}

.intro-popup-close {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3625_1056)'%3E%3Cpath d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='%23527AA1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3625_1056'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  background-color:#fff;
  border-radius:5px
}

.intro-popup__img {
  margin-top: 24px;
}

.intro-popup__img img {
  width: 100%;
}

.intro-popup__img-devices-mobile {
  display: none;
}

.intro-popup .btn {
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 324px;
  width: 100%;
  min-height: 44px;
  text-decoration: none;
}

.intro-popup .btn-blue {
  background: var(--blue-button-color);
}

@media (max-width: 1023px) {
  .intro-popup {
    padding: 16px 12px 30px;
  }

  .intro-popup__wrapper {
    border-radius: 16px;
    padding: 0;
    height: 100%;
    display: grid;
    grid-template-rows: 1fr 70px;
  }

  .intro-popup__scroll {
    padding: 0 20px;
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .intro-popup__info {
    order: 2;
  }

  .intro-popup-subtitle {
    font-size: 16px;
    line-height: 22px;
    margin: 16px 0;
  }

  .intro-popup-title, .intro-popup-subtitle, .intro-popup-text {
    text-align: center;
  }

  .intro-popup__list {
    grid-template-columns: 1fr;
    grid-gap: 15px 0;
    margin-left: 8px;
  }

  .intro-popup__list-item {
    font-weight: 400;
  }

  .intro-popup__img {
    order: 1;
    margin: 0 0 4px;
  }

  .intro-popup__img-devices {
    display: none;
  }

  .intro-popup__img-devices-mobile {
    display: block;
    max-width: 240px;
    margin: auto;
  }

  .intro-popup__button {
    border-top: 1px solid #e0e9f4;
    width: calc(100%);
    position: relative;
    padding: 12px 20px;
  }

  .intro-popup__button .btn {
    max-width: unset;
  }
}

/*# sourceMappingURL=styles.css.map */