/**
 * Add an arrow element
 *
 * Accepts:
 * - $direction: {String} Positioning method for element
 * - $size: {String}
 * - $stroke: {String}
 *
 * Usage:
 * .selector {
 *   @include visually-shown(relative);
 * }
 */
/**
 * Add an arrow element
 *
 * Accepts:
 * - $direction: {String} Positioning method for element
 * - $size: {String}
 * - $stroke: {String}
 *
 * Usage:
 * .selector {
 *   @include visually-shown(relative);
 * }
 */
.editor-styles-wrapper .block-editor-block-list__layout .section-about, body.frontend .section-about {
  position: relative;
  overflow: hidden;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #EBEBEB 100%) 0% 0% no-repeat padding-box;
  padding-top: 124px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about, body.frontend .section-about {
    padding-top: calc(124px + 2 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about, body.frontend .section-about {
    padding-top: 126px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about, body.frontend .section-about {
  padding-bottom: 124px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about, body.frontend .section-about {
    padding-bottom: calc(124px + -124 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about, body.frontend .section-about {
    padding-bottom: 0px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about:after, body.frontend .section-about:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: transparent linear-gradient(90deg, #78FCA9 0%, #6BE8DE 100%) 0% 0% no-repeat padding-box;
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .title, body.frontend .section-about .title {
  color: #6827D1;
  font-size: 28px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .title, body.frontend .section-about .title {
    font-size: calc(28px + 0 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .title, body.frontend .section-about .title {
    font-size: 28px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .title, body.frontend .section-about .title {
  line-height: 42px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .title, body.frontend .section-about .title {
    line-height: calc(42px + 0 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .title, body.frontend .section-about .title {
    line-height: 42px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .title, body.frontend .section-about .title {
  margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .title br, body.frontend .section-about .title br {
    display: none;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .subtitle, body.frontend .section-about .subtitle {
  color: #6A7688;
  font-size: 20px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .subtitle, body.frontend .section-about .subtitle {
    font-size: calc(20px + 0 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .subtitle, body.frontend .section-about .subtitle {
    font-size: 20px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .subtitle, body.frontend .section-about .subtitle {
  line-height: 30px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .subtitle, body.frontend .section-about .subtitle {
    line-height: calc(30px + 0 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .subtitle, body.frontend .section-about .subtitle {
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .subtitle br, body.frontend .section-about .subtitle br {
    display: none;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .bottom, body.frontend .section-about .bottom {
  margin-top: 70px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .bottom, body.frontend .section-about .bottom {
    margin-top: calc(70px + -10 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .bottom, body.frontend .section-about .bottom {
    margin-top: 60px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .bottom, body.frontend .section-about .bottom {
  gap: 45px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .bottom, body.frontend .section-about .bottom {
    gap: calc(45px + 43 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .bottom, body.frontend .section-about .bottom {
    gap: 88px;
  }
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .left, body.frontend .section-about .left {
    padding-top: 45px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .left .title-left, body.frontend .section-about .left .title-left {
  color: #8B42DD;
  font-size: 32px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .left .title-left, body.frontend .section-about .left .title-left {
    font-size: calc(32px + 0 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .left .title-left, body.frontend .section-about .left .title-left {
    font-size: 32px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .left .title-left, body.frontend .section-about .left .title-left {
  line-height: 65px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .left .title-left, body.frontend .section-about .left .title-left {
    line-height: calc(65px + 0 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .left .title-left, body.frontend .section-about .left .title-left {
    line-height: 65px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text, body.frontend .section-about .circle-text {
  display: none;
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text.desktop, body.frontend .section-about .circle-text.desktop {
  display: none;
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text.desktop.active, body.frontend .section-about .circle-text.desktop.active {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text.mobile, body.frontend .section-about .circle-text.mobile {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text.mobile.active, body.frontend .section-about .circle-text.mobile.active {
    display: block;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .small-title-left, body.frontend .section-about .circle-text .small-title-left {
  color: #08C6AC;
  font-size: 25px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .small-title-left, body.frontend .section-about .circle-text .small-title-left {
    font-size: calc(25px + 0 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .small-title-left, body.frontend .section-about .circle-text .small-title-left {
    font-size: 25px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .small-title-left, body.frontend .section-about .circle-text .small-title-left {
  line-height: 44px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .small-title-left, body.frontend .section-about .circle-text .small-title-left {
    line-height: calc(44px + 0 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .small-title-left, body.frontend .section-about .circle-text .small-title-left {
    line-height: 44px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .small-title-left, body.frontend .section-about .circle-text .small-title-left {
  margin-top: 0px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .small-title-left, body.frontend .section-about .circle-text .small-title-left {
    margin-top: calc(0px + 50 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .small-title-left, body.frontend .section-about .circle-text .small-title-left {
    margin-top: 50px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .text-left, body.frontend .section-about .circle-text .text-left {
  color: #6A7688;
  font-size: 20px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .text-left, body.frontend .section-about .circle-text .text-left {
    font-size: calc(20px + 0 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .text-left, body.frontend .section-about .circle-text .text-left {
    font-size: 20px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .text-left, body.frontend .section-about .circle-text .text-left {
  line-height: 30px;
}
@media only screen and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .text-left, body.frontend .section-about .circle-text .text-left {
    line-height: calc(30px + 0 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .text-left, body.frontend .section-about .circle-text .text-left {
    line-height: 30px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .circle-text .text-left, body.frontend .section-about .circle-text .text-left {
  margin-top: 5px;
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .the-logo-inner, body.frontend .section-about .the-logo-inner {
  transition-delay: 1s;
}
@media only screen and (max-width: 991px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .the-logo-inner, body.frontend .section-about .the-logo-inner {
    display: flex;
    justify-content: center;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .the-logo-inner svg, body.frontend .section-about .the-logo-inner svg {
  height: auto;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .the-logo-inner svg, body.frontend .section-about .the-logo-inner svg {
    min-width: 395px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 375px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .the-logo-inner svg, body.frontend .section-about .the-logo-inner svg {
    min-width: calc(395px + 212 * (100vw - 375px) / 991);
  }
}
@media only screen and (min-width: 992px) and (min-width: 1366px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .the-logo-inner svg, body.frontend .section-about .the-logo-inner svg {
    min-width: 607px;
  }
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .the-logo-inner svg .circles, body.frontend .section-about .the-logo-inner svg .circles {
    transform: none;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .the-logo-inner svg .circles-inner g:hover .filled-circle, body.frontend .section-about .the-logo-inner svg .circles-inner g:hover .filled-circle {
  fill: #C84DED !important;
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .the-logo-inner svg .circle, body.frontend .section-about .the-logo-inner svg .circle {
  fill: #000000;
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .the-logo-inner svg .filled-circle, body.frontend .section-about .the-logo-inner svg .filled-circle {
  fill: #08C6AC;
  transition: all 0.4s ease;
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .the-logo-inner svg .active .filled-circle, body.frontend .section-about .the-logo-inner svg .active .filled-circle {
  fill: #C84DED !important;
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .the-logo-inner.inview-active .circles-inner, body.frontend .section-about .the-logo-inner.inview-active .circles-inner {
  animation: rotate 30s linear infinite;
  animation-delay: 5s;
  transform-origin: center;
  transform-box: fill-box;
}
@keyframes rotate {
  100% {
    transform: rotate(-360deg) translate(0, 0);
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .mask, body.frontend .section-about .mask {
  position: relative;
  opacity: 0.25;
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .mask, body.frontend .section-about .mask {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 1200px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-about .mask, body.frontend .section-about .mask {
    margin-top: -200px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-about .mask img, body.frontend .section-about .mask img {
  width: 100%;
  height: 100%;
}

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