/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-wp8-horizontal {
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  touch-action: pan-x;
}

.swiper-pagination {
  text-align: center;
  transition: 0.3s;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination.pagination-howitworks .swiper-pagination-bullet {
  border: 1px solid #58A8DC;
}
.swiper-pagination.pagination-howitworks .swiper-pagination-bullet-active {
  background: #58A8DC;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

.swiper-container-3d {
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px;
}

.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.homepage .signup-container {
  border-radius: 24px;
}
.homepage .signup-container:before {
  content: "";
  position: absolute;
  inset: -5px;
  background: linear-gradient(85deg, #E55300 3.99%, #892DCA 96.01%);
  filter: blur(16px);
  opacity: 30%;
  pointer-events: none;
  z-index: -1;
}

.tool-card {
  background-clip: padding-box;
  border: solid 1px transparent;
  border-radius: 8px;
}
.tool-card.organize:before, .tool-card.optimize:before, .tool-card.ai:before, .tool-card.sign:before, .tool-card.products:before, .tool-card.convert:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 8px;
  filter: blur(7px);
  background: linear-gradient(var(--before-gradient));
  opacity: 0;
  transition: 0.3s;
}
.tool-card.organize:hover:before, .tool-card.optimize:hover:before, .tool-card.ai:hover:before, .tool-card.sign:hover:before, .tool-card.products:hover:before, .tool-card.convert:hover:before {
  opacity: 50% !important;
}
.tool-card.organize:after, .tool-card.optimize:after, .tool-card.ai:after, .tool-card.sign:after, .tool-card.products:after, .tool-card.convert:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 8px;
  background: linear-gradient(var(--after-gradient));
}
.tool-card.organize {
  --before-gradient: 45deg, #EDF8FF 0%, #0066C3 97.1%;
  --after-gradient: 45deg, #EDF8FF 0%, #0075e3 100%;
}
.tool-card.optimize {
  --before-gradient: 45deg, #FEF2F2 0%, #AB0101 97.1%;
  --after-gradient: 45deg, #FEF2F2 0%, #DC2626 100%;
}
.tool-card.ai {
  --before-gradient: 45deg, #F3E2FF 0%, #6915A4 97.1%;
  --after-gradient: 45deg, #F3E2FF 0%, #892DCA 100%;
}
.tool-card.sign {
  --before-gradient: 45deg, #EDFED1 0%, #64B200 97.1%;
  --after-gradient: 45deg, #EDFED1 0%, #7BB60F 100%;
}
.tool-card.products {
  --before-gradient: 45deg, #cad9fe 0%, #3E62C8 97.1%;
  --after-gradient: 45deg, #EFF3FF 0%, #2F4EAD 100%;
}
.tool-card.convert {
  --before-gradient: 45deg, #fec48e 0%, #ff6100 97.1%;
  --after-gradient: 45deg, #ffe4cc 0%, #ff7b1c 100%;
}

.explore-more {
  min-height: 800px;
}
@media screen and (max-width: 64rem) {
  .explore-more {
    min-height: 730px;
  }
}
@media screen and (max-width: 48rem) {
  .explore-more {
    min-height: auto;
  }
}
.explore-more .explore-more-container .article-wrapper {
  margin-left: auto;
}
html[dir=rtl] .explore-more .explore-more-container .article-wrapper {
  margin-left: 0;
  margin-right: auto;
}
@media screen and (min-width: 48rem) {
  .explore-more .explore-more-container .article-wrapper {
    max-width: 24rem;
  }
}
@media screen and (min-width: 64rem) {
  .explore-more .explore-more-container .article-wrapper {
    max-width: 27rem;
  }
}
@media screen and (min-width: 80rem) {
  .explore-more .explore-more-container .article-wrapper {
    max-width: 525px;
  }
}
.explore-more .explore-more-container .article-wrapper .article-title {
  margin-left: 24px;
}
html[dir=rtl] .explore-more .explore-more-container .article-wrapper .article-title {
  margin-left: 0;
  margin-right: 24px;
}
@media screen and (min-width: 48rem) {
  .explore-more .explore-more-container .article-wrapper .article-title {
    margin-left: 0;
  }
  html[dir=rtl] .explore-more .explore-more-container .article-wrapper .article-title {
    margin-right: 0;
  }
}
.explore-more .explore-more-container .article-wrapper .article-desc {
  padding-top: 16px;
}
@media screen and (min-width: 48rem) {
  .explore-more .explore-more-container .article-wrapper .article-desc {
    padding-top: 0;
  }
}
.explore-more .explore-more-container .arrow-link:hover > svg {
  transform: translateX(3px);
}
.explore-more .explore-more-container .progress-bar-wrapper {
  position: absolute;
  left: -24px;
  top: 8px;
  width: 6px;
  height: 80%;
  background-color: #e2e2ff;
  border-radius: 8px;
  transition: 0.3s all ease-in-out;
}
html[dir=rtl] .explore-more .explore-more-container .progress-bar-wrapper {
  left: unset;
  right: -24px;
}
@media screen and (max-width: 767px) {
  .explore-more .explore-more-container .progress-bar-wrapper {
    left: 0;
  }
  html[dir=rtl] .explore-more .explore-more-container .progress-bar-wrapper {
    left: unset;
    right: 0;
  }
}
.explore-more .explore-more-container .progress-bar-wrapper .progress-bar {
  width: 6px;
  height: 0%;
  border-radius: 8px;
  background-color: #343c6a;
  transition: height 6s linear;
}
.explore-more .explore-more-container input[type=radio] {
  appearance: none;
  position: fixed;
  top: -100vh;
  left: -100vh;
}
.explore-more .explore-more-container input[type=radio] ~ .article-content .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
}
.explore-more .explore-more-container input[type=radio] ~ .article-content .article-visual {
  transition: 0.3s all;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  padding: 1.5rem;
  max-width: 37.5rem;
}
@media screen and (min-width: 1100px) and (max-width: 1280px) {
  .explore-more .explore-more-container input[type=radio] ~ .article-content .article-visual {
    max-width: 31.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1100px) {
  .explore-more .explore-more-container input[type=radio] ~ .article-content .article-visual {
    max-width: 25rem;
  }
}
@media screen and (min-width: 900px) and (max-width: 1024px) {
  .explore-more .explore-more-container input[type=radio] ~ .article-content .article-visual {
    max-width: 45%;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .explore-more .explore-more-container input[type=radio] ~ .article-content .article-visual {
    max-width: 35%;
  }
}
@media screen and (max-width: 768px) {
  .explore-more .explore-more-container input[type=radio] ~ .article-content .article-visual {
    padding: 0;
    margin-top: 24px;
  }
}
@media screen and (min-width: 768px) {
  .explore-more .explore-more-container input[type=radio] ~ .article-content .article-visual {
    max-height: 400px;
    position: absolute;
    overflow: visible;
    top: 0;
    left: 3rem;
  }
  html[dir=rtl] .explore-more .explore-more-container input[type=radio] ~ .article-content .article-visual {
    left: auto;
    right: 3rem;
  }
}
.explore-more .explore-more-container input[type=radio]:checked ~ .article-content .accordion-content {
  max-height: 500px !important;
}
.explore-more .explore-more-container input[type=radio]:checked ~ .article-content .article-visual {
  opacity: 1;
  max-height: 25rem;
  max-width: 37.5rem;
}
.explore-more .explore-more-container input[type=radio]:checked ~ .article-content .article-visual img {
  max-height: 25rem;
}
@media screen and (min-width: 1100px) and (max-width: 1280px) {
  .explore-more .explore-more-container input[type=radio]:checked ~ .article-content .article-visual {
    max-width: 31.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1100px) {
  .explore-more .explore-more-container input[type=radio]:checked ~ .article-content .article-visual {
    max-width: 25rem;
  }
}
@media screen and (min-width: 900px) and (max-width: 1024px) {
  .explore-more .explore-more-container input[type=radio]:checked ~ .article-content .article-visual {
    max-width: 45%;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .explore-more .explore-more-container input[type=radio]:checked ~ .article-content .article-visual {
    max-width: 35%;
  }
}
@media screen and (min-width: 768px) {
  .explore-more .explore-more-container input[type=radio]:checked ~ label .progress-bar-wrapper {
    height: 200%;
  }
}

body section.introduction {
  min-height: 500px;
  max-width: 2056px;
}
body section.introduction:before {
  content: "";
  position: absolute;
  top: -184px;
  left: -373px;
  height: 980px;
  width: 980px;
  border-radius: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(25, 110, 255, 0.03) 36.5%, rgba(234, 250, 245, 0) 100%);
  flex-shrink: 0;
  z-index: -1;
}
body section.introduction:after {
  content: "";
  position: absolute;
  bottom: -200px;
  right: -415px;
  height: 980px;
  width: 980px;
  border-radius: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(25, 110, 255, 0.03) 36.5%, rgba(234, 250, 245, 0) 100%);
  flex-shrink: 0;
  z-index: -1;
}
body .text-gradient-section {
  -webkit-background-clip: text;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #58a8dc 49.33%, #0075e3 70.21%);
}
body .spinner {
  height: 44px;
  width: 44px;
  border-radius: 50%;
  background-color: transparent;
  border-width: 4px;
  border-style: solid;
  border-left-color: #0a1551;
  border-top-color: #e3e5f5;
  border-right-color: #e3e5f5;
  border-bottom-color: #e3e5f5;
  animation: rotate 1s linear infinite;
}
body .how-it-texts-container h2 {
  font-size: 20px;
  line-height: 28px;
}
body .how-it-texts-container p {
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 80rem) {
  body .how-it-texts-container h2 {
    font-size: 16px;
    line-height: 24px;
  }
  body .how-it-texts-container p {
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 64rem) {
  body .how-it-texts-container h2 {
    font-size: 14px;
    line-height: 20px;
  }
  body .how-it-texts-container p {
    font-size: 12px;
    line-height: 16px;
  }
}
body .how-it-texts-container::before {
  font-weight: 700;
  font-size: 94px;
  color: #dadef3;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 66px;
}
html[dir=rtl] body .how-it-texts-container::before {
  left: unset;
  right: 0;
}
@media screen and (max-width: 80rem) {
  body .how-it-texts-container::before {
    font-size: 60px;
    line-height: 44px;
  }
}
body .how-it-texts-container.number-1::before {
  content: "1";
}
body .how-it-texts-container.number-2::before {
  content: "2";
}
body .how-it-texts-container.number-3::before {
  content: "3";
}
body .section {
  height: 462px;
}
body .section h2 {
  font-size: 48px;
  line-height: 64px;
}
body .section p {
  font-size: 20px;
  line-height: 28px;
}
@media screen and (max-width: 64rem) {
  body .section h2 {
    font-size: 32px;
    line-height: 44px;
  }
  body .section p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 48rem) {
  body .section h2 {
    font-size: 24px;
    line-height: 32px;
  }
  body .section p {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1200px) {
  body .section {
    height: 362px;
  }
}
@media screen and (max-width: 768px) {
  body .section {
    height: auto;
  }
}
body .font-51 {
  font-size: 51px;
  line-height: 55px;
}
@media screen and (max-width: 1024px) {
  body .font-51 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 768px) {
  body .font-51 {
    font-size: 24px;
    line-height: 28px;
  }
}
body .pdf-cta-box {
  border-radius: 24px;
  max-width: 1294px;
  background: linear-gradient(94deg, #07114b 7.54%, #0f249a 103.87%);
}
body .pdf-cta-box:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/p/pdf/assets/img-min/pdf-cta-bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 90%;
  opacity: 30%;
}
body .bottom-cta-wrapper {
  max-width: 1440px;
}
@media screen and (max-width: 48rem) {
  body .bottom-cta-wrapper h2.title {
    font-size: 28px;
  }
}
body .bottom-cta-wrapper .bottom-cta-container {
  max-width: 840px;
  box-shadow: 0px 0px 37px 0px rgba(200, 206, 236, 0.3);
}
body .bottom-cta-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 50%;
  max-height: 50%;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(246, 246, 248, 0) 0%, #f4f4fe 100%);
  z-index: -1;
}
@media screen and (max-width: 64rem) {
  body .bottom-cta-wrapper:before {
    width: 100vw;
    border-radius: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}