.help-floating-btn {
  position: fixed;
  bottom: 120px;
  right: calc(50% - 1312px / 2);
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;
  transform: translate(100%, 0);
  z-index: 10;
}
@media screen and (max-width: 1480px) {
  .help-floating-btn {
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 1352px) {
  .help-floating-btn {
    right: 20px;
  }
}
@media (max-width: 767px) {
  .help-floating-btn {
    right: 12px;
    bottom: 40px;
  }
}
.help-floating-btn .help-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  padding: 0;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  outline: 0;
  cursor: pointer;
  transform: translateZ(0) scale(1);
}
.help-floating-btn .help-button .help-btn-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--green-3);
  border-radius: 50%;
  box-shadow: 2px 4px 6px 2px rgba(0, 0, 0, 0.25);
  transition: background-color 0.5s ease,
    transform 0.45s cubic-bezier(0.17, 0.67, 0.3, 1.33);
}
.help-floating-btn .help-button svg path {
  stroke: var(--green-dark);
}
.help-floating-btn .help-button svg + svg path {
  fill: var(--green-dark);
}
@media (min-width: 768px) {
  .help-floating-btn .help-button:hover .help-btn-background {
    transform: translateZ(0) scale(1.2);
  }
}
.help-floating-btn.help-open .help-button .help-btn-background {
  background-color: #fff;
}
.help-floating-btn .help-button svg {
  flex: 0 0 100%;
  z-index: 1;
}
.help-floating-btn .help-button svg:last-of-type {
  display: none;
}
.help-floating-btn.help-open .help-button svg:last-of-type {
  display: block;
}
.help-floating-btn.help-open .help-button svg:first-of-type {
  display: none;
}
.help-floating-btn .help-button:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250vw;
  height: 250vw;
  background-color: #161e22;
  border-radius: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.005);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s,
    opacity 0.5s ease;
  opacity: 1;
  pointer-events: none;
}
@media (max-aspect-ratio: 1/1) {
  .help-floating-btn .help-button:before {
    width: 250vh;
    height: 250vh;
  }
}
.help-floating-btn.help-open .help-button:before {
  opacity: 0;
  transform: translate3d(-50%, -50%, 0) scale(1);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.5s ease 0.6s;
}
.help-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  color: #fff;
  z-index: 9;
  pointer-events: none;
  opacity: 0;
  transition: height 0s 0.5s, opacity 0s 0.5s;
  overflow: hidden;
}
.help-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #161e22;
}
.help-wrapper.open {
  height: 100%;
  opacity: 1;
  pointer-events: all;
  transition: height 0s, opacity 0s 0.5s;
}
.help-wrapper .help-wrapper-content {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 5;
}
@media (max-width: 767px) {
  .help-wrapper .help-wrapper-content {
    padding: 80px 20px 0;
  }
}
.help-wrapper .help-wrapper-content .inner-logo {
  position: absolute;
  top: 62px;
  left: 64px;
  opacity: 0.5;
}
@media (max-width: 767px) {
  .help-wrapper .help-wrapper-content .inner-logo {
    display: none;
  }
}
.help-wrapper .help-wrapper-content .help-title {
  text-align: center;
  color: #fff;
}
@media (min-width: 768px) {
  .help-wrapper .help-wrapper-content .help-title {
    position: absolute;
    left: 50%;
    bottom: calc(50vh + 80px);
    transform: translateX(-50%);
  }
}
.help-wrapper .help-wrapper-content .help-cta-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
@media (min-width: 768px) {
  .help-wrapper .help-wrapper-content .help-cta-wrapper {
    padding-top: 50vh;
  }
}
@media (max-width: 991px) {
  .help-wrapper .help-wrapper-content .help-cta-wrapper {
    max-width: 275px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .help-wrapper .help-wrapper-content .help-cta-wrapper {
    position: static;
    margin: 64px auto 0;
    left: auto;
    transform: none;
  }
}
.help-wrapper .help-wrapper-content .help-cta-wrapper .help-cta-content {
  display: flex;
  column-gap: 69px;
  justify-content: center;
}
@media (max-width: 991px) {
  .help-wrapper .help-wrapper-content .help-cta-wrapper .help-cta-content {
    flex-direction: column;
    align-items: center;
    row-gap: 35px;
  }
}
@media (min-width: 992px) {
  .help-wrapper .help-wrapper-content .help-cta-wrapper .b {
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 32px;
  }
}
@media (max-width: 991px) {
  .help-wrapper .help-wrapper-content .help-cta-wrapper .b {
    width: 100%;
  }
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  @media screen and (min-width: 992px) {
    .help-wrapper
      .help-wrapper-content
      .help-cta-wrapper
      .help-cta-content
      > *
      ~ * {
      margin-left: 69px;
    }
  }
  @media screen and (max-width: 991px) {
    .help-wrapper
      .help-wrapper-content
      .help-cta-wrapper
      .help-cta-content
      > *
      ~ * {
      margin-top: 35px;
    }
  }
}