.scroll-wrap {
  bottom: 200px;
  position: fixed;
  right: 40px;
  width: 58px;
  transition: ease-in-out 0.6s;
  z-index: 999;
}
.scroll-wrap .scroll-faq {
  position: absolute;
  width: 58px;
  height: 58px;
  background: radial-gradient(62.5% 62.5% at 50% 50%, rgba(0, 109, 43, 0.6) 0%, #00D352 51.28%);
  transition: ease-in-out 0.6s;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
}
.scroll-wrap .scroll-faq [class^=field-] {
  background-color: #219653;
  color: white;
  padding-left: 42px;
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .scroll-wrap .scroll-faq [class^=field-] {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
  }
}
.scroll-wrap .scroll-faq .icon-message {
  background-image: url(/assets/img/aefb7e60291f982da3a9e627164d73b2.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
  transition: transform 0.5s ease-in-out;
}
.scroll-wrap .scroll-faq .icon-close {
  text-align: center;
  font-size: 36px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  transform: translate(-50%, 150%);
  line-height: 20px;
  transition: transform 0.3s ease-in-out;
}
.scroll-wrap .scroll-faq.active .icon-message {
  transform: translate(-50%, 150%);
  transition: transform 0.3s ease-in-out;
}
.scroll-wrap .scroll-faq.active .icon-close {
  transform: translate(-50%, -50%);
  transition: transform 0.5s ease-in-out;
}
.scroll-wrap .icon-telegram,
.scroll-wrap .icon-viber,
.scroll-wrap .icon-apple {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 50%;
  transform: translate(0, 0);
  transition: transform 0.5s ease-out, opacity 0.5s cubic-bezier(1, 0, 1, 0.5);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.scroll-wrap .icon-telegram.active,
.scroll-wrap .icon-viber.active,
.scroll-wrap .icon-apple.active {
  opacity: 1;
  transition: transform 0.5s ease-out;
}
.scroll-wrap .icon-telegram {
  background-image: url(/assets/img/a888fec0a2859e59674a89bc7722e062.svg);
}
.scroll-wrap .icon-telegram.active {
  transform: translate(0%, -130%);
}
.scroll-wrap .icon-viber {
  background-image: url(/assets/img/c0a538fde644c4dedfc6be80e173371b.svg);
}
.scroll-wrap .icon-viber.active {
  transform: translate(-130%, -50%);
}
.scroll-wrap .icon-apple {
  background-image: url(/assets/img/8d3c74559456df5a46ea58cc6d4ce491.png);
}
.scroll-wrap .icon-apple.active {
  transform: translate(-70px, 50px);
}


/*# sourceMappingURL=auxiliary-components-shared-ScrollFAQ.4c7561ae60fdfb3f25d1.css.map*/