@charset "UTF-8";
/*
 Theme Name:   Appalgo
 Author:       W4
 Author URI:   https://thew4.co
 Template:     w4_base
 Version:      1.0.0
*/
@font-face {
  font-family: "Gilroy";
  src: url("fonts/34E2CD_3_0.woff2") format("woff2");
  font-weight: 300;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/34E2CD_1_0.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/34E2CD_2_0.woff2") format("woff2");
  font-weight: 500;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/34E2CD_0_0.woff2") format("woff2");
  font-weight: 600;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/34E2CD_5_0.woff2") format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/34E2CD_4_0.woff2") format("woff2");
  font-weight: 900;
}
@font-face {
  font-family: "icons";
  src: url("fonts/icomoon.woff") format("woff2");
  font-weight: 400;
}
.req {
  font-size: 1.3rem;
}

html {
  font-size: 10px;
}

body {
  font-family: "Gilroy", sans-serif;
  color: #222222;
}

.grecaptcha-badge {
  display: none !important;
}

.home-hero {
  height: 100vh;
  width: 100%;
  background: linear-gradient(90deg, #0A21CA 6.61%, #2E42D5 57.66%);
  overflow: hidden;
  box-sizing: border-box;
}

.job-content li {
  color: white;
  font-size: 1.5rem;
  line-height: 1.56;
  margin-bottom: 0 !important;
}

.home-hero-width {
  width: 123rem;
  height: 100vh;
  position: relative;
  min-height: 80rem;
}

.jobs-area * {
  position: relative;
}

.base-width {
  width: 123rem;
  margin-left: auto;
  margin-right: auto;
}

.home-hero-an-stage-perspective {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateX(10rem) translateY(5rem);
  perspective: 80rem;
  perspective-origin: center;
  font-size: 10px;
}

.an-mover {
  position: absolute;
  right: 0;
  top: 0;
  width: 83rem;
  height: 100%;
}

.home-hero-an-stage {
  width: 100%;
  height: 100%;
  transform: rotate3d(1, 1, 1, 0deg);
  transform-style: preserve-3d;
}

.home-hero-an-stage div {
  position: absolute;
}

#top-blue-circle {
  width: 23em;
  height: 23em;
  left: 37em;
  top: 9.7em;
  z-index: 1;
}

.home-hero-an-stage div {
  filter: drop-shadow(-14px 21px 17px rgba(0, 0, 0, 0.03));
}

.home-hero-an-stage img {
  width: 100%;
  height: 100%;
}

#phone {
  height: 73em;
  transform: translateZ(-15em);
  transform: translateZ(-7em);
  left: 18em;
  top: calc(50% - 37em);
  z-index: 0;
  width: 36em;
  display: flex;
  align-items: center;
  padding: 8em 3em;
  box-sizing: border-box;
}

.pli-5, .pli-1 {
  transform: translateX(-6em);
}

.pli-4, .pli-2 {
  transform: translateX(-1.5em);
}

.phone-bg {
  background: linear-gradient(227deg, #605BFF 12.02%, #3847DD 59.35%, #3847DD 94.39%, #2E42D5 113.81%);
  border-radius: 8em;
}

#phone ul {
  font-size: 2em;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 29em;
}

#phone ul li {
  width: 18.8rem;
}

.pli-1 {
  color: #A9BEF5;
}

.pli-2 {
  color: #9BD3FF;
}

.pli-3 {
  color: #1EF4DE;
}

.pli-4 {
  color: #C4C4C4;
}

.pli-5 {
  color: #F29D97;
}

#switches {
  width: 9.4em;
  height: 8.8em;
  left: 50.5em;
  top: 15.1em;
  transform: translateZ(2em);
}

#grad-line {
  width: 25em;
  height: 25em;
  top: 47.4em;
  left: 12em;
  transform: translateZ(3em);
}

#tikotaks {
  width: 2em;
  top: 25em;
  left: 21em;
  transform: translateZ(30em);
}

#dashed {
  width: 22em;
  height: 22em;
  top: 27em;
  left: 27em;
  transform: translateZ(9em);
}

#maskd1 {
  width: 23em;
  height: 23em;
  top: 34em;
  left: 16em;
  transform: translateZ(10em);
  background-image: url("img/dot_line1.svg");
  background-size: 23em;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
}

.masked1-inner {
  width: 100%;
  height: 100%;
  transform: translateX(5.5em) translateY(8.3em);
  filter: none !important;
}

#maskd1, #dashed {
  filter: none !important;
}

.masked1-inner svg {
  width: 100%;
}

.masked1-inner svg circle {
  stroke-width: 90px;
}

#maskd2 {
  width: 17em;
  height: 17em;
  top: 57em;
  left: 37em;
}

.scene_2_kav_1 {
  width: 40em;
  height: 40em;
}

#bubbles {
  width: 10em;
  height: 10em;
  top: 57.4em;
  left: 12em;
  transform: translateZ(15em);
}

.g-line {
  fill: none;
  stroke: url(#G_1);
  stroke-width: 60;
}

.g-line-2 {
  fill: none;
  stroke: url(#G_2);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18, 40;
}

.cls-1, .cls-2, .cls-4, .cls-6 {
  fill: none;
}

.cls-2 {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  stroke-dasharray: 1 9;
  stroke: url(#linear-gradient);
}

.cls-3 {
  clip-path: url(#clip-path);
}

.cls-4, .cls-6 {
  stroke-width: 35px;
}

.cls-4 {
  stroke: url(#linear-gradient-2);
}

.cls-5 {
  clip-path: url(#clip-path-2);
}

.cls-6 {
  stroke: url(#linear-gradient-3);
}

.clsa-1, .clsa-2, .clsa-3 {
  fill: #fff;
}

.clsa-3 {
  animation: grow 3s;
  transform-origin: center;
  animation-iteration-count: infinite;
}

.clsa-2 {
  animation: grow 3s;
  transform-origin: center;
  animation-iteration-count: infinite;
  animation-delay: 0.5s;
}

.clsa-1 {
  animation: grow 3s;
  transform-origin: center;
  animation-iteration-count: infinite;
  animation-delay: 1s;
}

#scene_2_kav_1 {
  /*transform: translateZ(464px);*/
  top: calc(50% - 7.4em);
  width: 15em;
  left: 27.1em;
  opacity: 0;
  filter: none !important;
}

#scene_2_kav_2 {
  opacity: 0;
  /*transform: translateZ(445px);*/
  transform: translateZ(-10em);
  top: calc(50% - 9.3em);
  width: 18.5em;
  left: 23em;
}

#scene_2_tiktok {
  width: 2.6em;
  top: calc(50% - 10em);
  left: 20em;
  transform: translateZ(13.2em);
}

.tik_2_cub {
  width: 1.2em;
  height: 1.2em;
  background: linear-gradient(45deg, rgba(96, 91, 255, 0.53) 26.04%, rgba(255, 255, 255, 0.98) 55.73%, #67E7D9 99.99%);
  position: absolute;
  opacity: 0;
}

.tik_1_cub {
  width: 1em;
  height: 1em;
  background: linear-gradient(45deg, rgba(96, 91, 255, 0) 0%, #67E7D9 99.99%, rgba(255, 255, 255, 0.33) 100%);
  position: absolute;
}

.tik_1_cub_2 {
  left: 1em;
  top: 1em;
}

.tik_1_cub_3 {
  left: 0;
  top: 2em;
}

.tik_1_cub_4 {
  left: 1em;
  top: 3em;
}

.tik_1_cub_5 {
  left: 0em;
  top: 4em;
}

.tik_1_cub_6 {
  left: 1em;
  top: 5em;
}

.tik_2_cub_2 {
  left: 1.2em;
  top: 1.2em;
}

.tik_2_cub_3 {
  left: 0;
  top: 2.4em;
}

.tik_2_cub_4 {
  left: 1.2em;
  top: 3.6em;
}

.tik_2_cub_5 {
  left: 0em;
  top: 4.8em;
}

.tik_2_cub_6 {
  left: 1.2em;
  top: 6em;
}

.sts0 {
  opacity: 0.41;
  fill: #FFFFFF;
}

.sts1 {
  fill: url(#SVGID_1_S);
}

.sts2 {
  fill: url(#SVGID_00000086681150915800434830000013292845752428524424_);
}

.sts3 {
  fill: url(#SVGID_00000156566128931104414550000010129272016270038669_);
}

.sts4 {
  fill: url(#SVGID_00000128465015620672737230000005477176981480771511_);
}

@keyframes grow {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(60);
    opacity: 0;
  }
}
.home-hero-text h1 {
  color: white;
  font-size: 5rem;
  font-weight: 400;
  white-space: pre-line;
  line-height: 1.1;
}

.home-hero-text h1 strong {
  font-weight: 500;
}

.hiring-link {
  color: white;
  text-decoration: none;
}

.home-hero-width {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.header-content {
  height: 13rem;
  align-items: center;
  transition: 0.3s all;
  position: relative;
  z-index: 999;
}

header:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(41, 66, 82, 0.12) -15.59%, rgba(41, 66, 82, 0) 74.5%);
}

.an-mover {
  transform-style: preserve-3d;
}

header {
  transition: 0.3s all;
}

header.smaller {
  background-color: #2E42D5;
}

header.smaller .header-content {
  height: 6.5rem;
}

header {
  padding: 0 8rem;
  box-sizing: border-box;
}

.h-third {
  flex: 0 0 33.3333%;
  overflow: hidden;
}

.basic-btn {
  height: 4.6rem;
  padding: 0 5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #FFFFFF;
  border-radius: 2.3rem;
  color: white;
  text-decoration: navajowhite;
  font-size: 1.6rem;
  box-sizing: border-box;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999999;
}

.hiring {
  font-size: 1.4rem;
  font-weight: 700;
  color: white;
  height: 2.6rem;
  padding: 0 3rem;
  text-decoration: none;
}

.ic {
  height: 7.6rem;
}

.ticker-splide p {
  white-space: nowrap;
}

.ticker-splide {
  transition: 0.3s all;
  height: 2.6rem;
  border-radius: 2.3rem;
  background: rgba(255, 255, 255, 0.28);
  padding: 0 3rem;
}

.hiring li p {
  margin: 0;
}

.hiring li {
  height: 2.6rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-items ul {
  display: flex;
  column-gap: 5rem;
  justify-content: flex-end;
}

.nav-items {
  align-items: baseline;
  justify-content: space-between;
}

.main-nav a {
  font-size: 1.4rem;
  text-decoration: none;
  color: white;
  font-weight: 500;
  transition: 0.3s all;
}

option {
  line-height: 3rem;
  font-family: "Gilroy", sans-serif;
}

.social-menu a {
  transition: 0.3s all;
}

.wpcf7 form.sent .wpcf7-response-output {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.thank-you-msg {
  background: linear-gradient(224.74deg, rgba(96, 91, 255, 0.93) 11.64%, rgba(242, 157, 151, 0.93) 135.45%);
  border-radius: 2.4rem;
  transform: scale(0);
  transition: 0.3s all ease-in-out;
  width: 84rem;
  height: 60rem;
  bottom: 10%;
  top: auto;
  margin: auto;
  left: 0;
  right: 0;
}

.thank-you-msg.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.tu-top {
  font-size: 3.6rem;
  color: white;
  font-weight: 600;
}

.thank-you-text p {
  margin: 0;
}

.tu-bottom {
  font-size: 1.8rem;
  color: white;
  font-weight: 400;
}

.wpcf7 form.invalid .wpcf7-response-output {
  width: 34.2rem;
  height: 11.3rem;
  background: #333333;
  box-shadow: 0px 10px 9px rgba(143, 140, 215, 0.35);
  border-radius: 3rem;
  color: white;
  border: none;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.8rem;
  transform: translateY(-4.5rem);
}

.wpcf7-spinner {
  background-color: transparent;
  background-image: url("img/roller.svg");
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(0.8rem);
}

.wpcf7-spinner:before {
  display: none;
}

.social-menu a:hover {
  color: #BEC0FF;
}

.wpcf7-not-valid-tip {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  font-size: 1.2rem;
}

footer a {
  transition: 0.3s all;
}

footer a:hover {
  color: #BEC0FF;
}

.main-nav li:last-child {
  margin-right: 4rem;
}

.main-nav .current-menu-item a {
  font-weight: 700;
}

.main-nav a {
  white-space: nowrap;
}

.main-nav .current-menu-item a:hover {
  font-weight: 700;
  color: white;
}

.main-nav a:hover {
  color: #BEC0FF;
}

.social-menu a {
  font-family: "icons";
  color: white;
  text-decoration: none;
  font-size: 1.6rem;
}

.social-menu li {
  margin-right: 2rem;
}

.social-menu li:last-child {
  margin-right: 0;
}

.social-menu .facebook a:after {
  content: "\e902";
}

.social-menu .linkedin a:after {
  content: "\e900";
}

.under-hero-area {
  padding: 17rem 0;
  text-align: center;
}

.under-hero-area h2 {
  font-weight: 600;
  font-size: 6rem;
  background: -webkit-linear-gradient(45deg, #F29D97, #4960EA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  margin-bottom: 2rem;
}

.under-hero-area p.sub {
  font-weight: 500;
  font-size: 2.5rem;
  width: 111rem;
  margin: auto;
  white-space: pre-line;
}

.iconized-blts-list {
  display: flex;
  justify-content: space-between;
  width: 111rem;
  margin: 10rem auto;
}

.iconized-blts-list li {
  flex: 0 0 31rem;
}

.iconized-blts-list li h3 {
  font-weight: 600;
  font-size: 3.5rem;
}

.iconized-blts-list li p {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.33;
  font-weight: 400;
}

.testemonials-area {
  background-color: #28282B;
  color: white;
  padding: 20rem 0;
}

.preview {
  flex: 0 0 38rem;
  width: 38rem;
  overflow: hidden;
}

.translator {
  transform: translateY(-17.5rem);
}

.preview-items {
  opacity: 0.5;
}

.preview-items li {
  height: 35rem;
  padding-bottom: 2rem;
}

.main-view .splide:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: -5px;
  left: 0;
  background: linear-gradient(180deg, rgba(40, 40, 43, 0.9) 0%, rgba(40, 40, 43, 0.3) 3%, rgba(40, 40, 43, 0) 5%, rgba(40, 40, 43, 0) 93%, rgba(40, 40, 43, 0.3) 95%, rgba(40, 40, 43, 0.9) 100%);
  pointer-events: none;
}

.preview-items .quote {
  font-size: 1.6rem;
  font-weight: 300;
  *letter-spacing: -1px;
  line-height: 1.5;
  margin-top: 0;
}

.main-view-items li {
  height: 40rem;
}

.preview-items .name {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0;
}

.preview-items .pos {
  font-weight: 400;
  font-size: 1.6rem;
  margin: 0;
}

.main-slide {
  max-width: 61rem;
}

.main-view-items .quote {
  font-size: 4rem;
  margin-top: 0;
}

.main-view-items .name {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0;
}

.main-view-items .pos {
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0.5rem 0 0 0;
}

.main-view {
  padding-left: 17rem;
  padding-right: 6rem;
  box-sizing: border-box;
}

.preview {
  position: relative;
}

.preview:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(40, 40, 43, 0.9) 0%, rgba(40, 40, 43, 0.3) 5%, rgba(40, 40, 43, 0.3) 0%, rgba(40, 40, 43, 0.9) 100%);
  pointer-events: none;
}

.splide__slide {
  border: none !important;
}

.splide__pagination {
  display: flex;
  flex-direction: row !important;
  bottom: 0;
  left: 0 !important;
  right: auto !important;
  top: auto !important;
  height: 2rem !important;
}

.splide__pagination__page.is-active {
  transform: none !important;
  background-color: #605BFF !important;
}

.splide__pagination__page {
  background-color: #BDCCD4 !important;
  opacity: 1 !important;
}

.splide__pagination li {
  margin-right: 0.5rem !important;
}

.quotes-area {
  height: 40rem;
  position: relative;
}

.quotes-area:before {
  content: "";
  display: block;
  position: absolute;
  width: 21.8rem;
  height: 15.9rem;
  background-image: url("img/q_mark.svg");
  background-size: contain;
  left: -6rem;
  top: -8rem;
}

.gsap-marker-end,
.gsap-marker-start,
.gsap-marker-scroller-end,
.gsap-marker-scroller-start {
  z-index: 99999999999 !important;
}

.ft-right .img-con {
  width: 46.9rem;
  height: 40rem;
  background-size: cover;
  border-radius: 0 5rem 5rem 0;
  position: relative;
}

.from-to-area {
  padding: 19rem 0;
}

.ft-left {
  padding-top: 3rem;
}

.ft-left h2 {
  font-weight: 600;
  font-size: 6rem;
  white-space: pre-line;
  margin: 0;
  letter-spacing: -1px;
  line-height: 1.17;
}

.ft-left p {
  font-size: 1.8rem;
  line-height: 1.56;
  width: 44.5rem;
  margin-bottom: 5rem;
  margin-top: 4rem;
}

.ft-left p strong {
  font-weight: 600;
}

.small-width {
  width: 120rem;
  margin-right: auto;
  margin-left: auto;
}

.prpl-btn {
  text-decoration: none;
  color: white;
  font-size: 1.6rem;
  height: 4.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 4rem;
  background-color: #5A64FB;
  border-radius: 2.25rem;
  position: relative;
  transition: 0.3s background-color;
  border: 2px solid #5A64FB;
  box-sizing: border-box;
}

.prpl-btn:hover {
  background-color: #2E42D5;
  border: 2px solid #2E42D5;
}

/*.prpl-btn:hover{
    background-color: white;
    border: 2px solid #5A64FB;
    color: #5A64FB;
}
.prpl-btn:after{
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
border:2px solid #15D3DF;

    border-radius: 2.25rem;

    opacity: 0;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
transition: .3s all;
    filter: blur(1px);
}

.prpl-btn:before{
    opacity: 0;
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border:2px solid #F29D97;

    border-radius: 2.25rem;
filter: blur(1px);

    transition: .3s all;
}
.prpl-btn:hover:after{
    animation: rot .7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    opacity: 1;
}
.prpl-btn:hover:before{
    animation: rot2 .8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    opacity: 1;
}
*/
.basic-btn {
  position: relative;
  box-sizing: border-box;
  transition: 0.3s all;
}

.basic-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/*.basic-btn:after{
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border:2px solid #15D3DF;

    border-radius: 2.25rem;

    opacity: 0;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transition: .3s all;
    filter: blur(1px);
}

.basic-btn:before{
    opacity: 0;
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border:2px solid #F29D97;

    border-radius: 2.25rem;
    filter: blur(1px);

    transition: .3s all;
}
.basic-btn:hover:after{
    animation: rot .7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    opacity: 1;
}
.basic-btn:hover:before{
    animation: rot2 .8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    opacity: 1;
}

*/
@keyframes rot {
  0% {
    transform: translateX(0) translateY(0) rotate(0);
  }
  25% {
    transform: translateX(-0.1rem) translateY(-0.1rem) rotate(0.5deg);
  }
  50% {
    transform: translateX(0.1rem) translateY(-0.1rem);
  }
  75% {
    transform: translateX(0.1rem) translateY(0.1rem) rotate(-0.5deg);
  }
  100% {
    transform: translateX(0) translateY(0) rotate(0);
  }
}
@keyframes rot2 {
  0% {
    transform: translateX(0) translateY(0) rotate(0);
  }
  25% {
    transform: translateX(-0.15rem) translateY(-0.15rem) rotate(-0.5deg);
  }
  50% {
    transform: translateX(0.1rem) translateY(-0.1rem);
  }
  75% {
    transform: translateX(0.15rem) translateY(0.15rem) rotate(0.5deg);
  }
  100% {
    transform: translateX(0) translateY(0) rotate(0);
  }
}
.member-image {
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 50%;
  background-size: cover;
}

.team-memebers-list {
  column-gap: 5rem;
  row-gap: 5rem;
  margin-bottom: 7rem;
  margin-right: auto !important;
  margin-left: auto !important;
}

.member-title {
  margin-left: 3rem;
}

.member-title .member-name {
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
}

.member-title .member-pos {
  font-size: 1.8rem;
  margin: 0;
}

.member-text {
  margin-top: 6.6rem;
}

.member-quote {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.25;
  margin: 0 0 2rem 0;
}

.member-quote:before {
  content: "“";
}

.member-quote:after {
  content: "”";
}

.member-about {
  font-size: 1.8rem;
  line-height: 1.56;
}

.team {
  margin-bottom: 11.5rem;
}

.partners-area {
  padding-top: 11.5rem;
  padding-bottom: 11.5rem;
}

#up-arrow {
  width: 2.5rem;
  height: 4.8rem;
  background-image: url(img/up_arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: none;
  background-color: transparent;
  transform: translateY(1.89rem);
  transition: 0.3s all;
}

#up-arrow:hover {
  transform: translateY(1.7rem);
}

.partners-area h2 {
  text-align: center;
  font-size: 4rem;
  font-weight: 600;
  margin-bottom: 10rem;
}

.logos-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 7.8rem;
  row-gap: 5.6rem;
  justify-content: center;
}

.logos-list li img {
  width: 15.8rem;
  height: 7.4rem;
}

footer {
  background: #333333;
  overflow: hidden;
  color: white;
  font-size: 1.4rem;
}

.home .site-main {
  background-color: white;
  position: relative;
  z-index: 1;
}

footer a {
  color: white;
  text-decoration: none;
  font-size: 1.4rem;
}

footer .small-width {
  position: relative;
  padding: 3rem 0 3rem;
  box-sizing: border-box;
  min-height: 20rem;
  display: flex;
  flex-direction: column;
}

.partners-area {
  padding-bottom: 21rem;
}

footer .f-c {
  position: fixed;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, #F29D97 0%, #05D7E4 49.68%, #6561FF 49.68%, #6561FF 100%);
  width: 86rem;
  height: 86rem;
  border-radius: 50%;
}

.get-in-touch {
  font-width: 600;
}

.footer-content {
  flex-grow: 1;
}

footer ul, footer nav, footer .footer-content {
  align-items: baseline;
  justify-content: space-between;
  display: flex;
}

footer ul li {
  margin-right: 3rem;
}

footer nav a {
  font-weight: 400;
}

.cr, .cr a {
  text-decoration: none;
  font-weight: 600;
  color: #94A1A8;
  font-size: 1.2rem;
}

.e-st0, .hc-1, .dc-1 {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}

.content-area {
  position: relative;
  z-index: 999999;
  background-color: white;
}

.story-hero-text h1, .contact-hero-text h1 {
  color: white;
  white-space: pre-line;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1.17;
}

.contact-hero-text p {
  white-space: pre-line;
  color: white;
  font-size: 2.3rem;
}

.s-uh-width {
  width: 92.2rem;
  margin: auto;
}

.s-uh-width p {
  width: auto !important;
}

.s-uh-width h2 {
  white-space: pre-line;
  line-height: 1;
  margin-top: 0;
  padding-bottom: 1rem;
}

.story-hero-text h1 strong {
  font-weight: 600;
}

.story-hero-text h1 strong {
  font-weight: 600;
}

.story-hero-text h1 span {
  font-weight: 700;
  text-decoration: none !important;
}

.story-hero {
  height: 90vh;
  min-height: 60rem;
  background: linear-gradient(90deg, #0A21CA 6.61%, #2E42D5 57.66%);
}

.story-hero path {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}

.p1-1 {
  width: 15.9rem;
  height: 15.9rem;
  background-image: url("img/plx_1_1.svg");
  background-size: 15.9rem;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 9;
}

.p1-2 {
  width: 40rem;
  height: 34rem;
  border-radius: 0 0 5rem 0;
  background: url("img/pxl_bg_1.svg");
  background-size: 40rem;
  background-position: top 0 center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.p1-3 {
  width: 46rem;
  height: 32rem;
  background: url("img/plx_1_2.svg");
  background-size: 46rem;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 17rem;
  z-index: 0;
}

.p1-4 {
  width: 14rem;
  height: 14rem;
  position: absolute;
  right: 7rem;
  top: 47rem;
  background: url("img/plx_1_3.svg");
  background-size: 14rem;
  z-index: 999999;
}

.red-shad {
  background: url("img/shad.png") no-repeat center;
  background-size: contain;
  width: 100rem;
  height: 100rem;
  left: calc(50% - 50rem);
  top: -10%;
  opacity: 0;
}

.dial-1,
.dial-2,
.dial-3,
.dial-4 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dial-wrapper {
  width: 27rem;
  height: 27rem;
}

.dial-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.s-u-h-a {
  padding-bottom: 34rem;
}

.dial-1 {
  width: 27rem;
  height: 27rem;
  background: url("img/dial1.png");
  background-size: 27rem;
}

.dial-2 {
  width: 22rem;
  height: 22rem;
  background: url("img/dial2.svg");
  background-size: 22rem;
  background-position: center;
  background-repeat: no-repeat;
}

.dial-3 {
  width: 17rem;
  height: 17rem;
  background: url("img/dial3.png");
  background-size: 15rem;
  background-position: center;
  background-repeat: no-repeat;
}

.dial-4 {
  width: 12rem;
  height: 12rem;
  background: url("img/dial4.svg");
  background-size: 2.5rem;
  background-position: right center;
  background-repeat: no-repeat;
}

.dialer-con {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  bottom: -13.5rem;
}

.full-story-width {
  width: 131rem;
  margin-left: auto;
  margin-right: auto;
}

.full-story-area {
  background-color: #333333;
}

.story {
  color: rgba(244, 245, 251, 0.9);
}

.story-left, .story-right {
  flex: 0 0 50%;
  width: 50%;
}

.story svg {
  width: 100%;
}

.story-1 {
  margin-bottom: 30rem;
}

.full-story-area {
  padding: 19rem 0 29rem;
}

.no-an {
  animation: none !important;
  transform: none !important;
}

.story .small-title {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0 0 2rem 0;
}

.story-1 .story-left {
  padding-left: 18rem;
  box-sizing: border-box;
}

.story h2 {
  font-size: 6rem;
  font-weight: 500;
  white-space: pre-line;
  line-height: 1.17;
  margin: 0 0 3rem 0;
}

.story .paragraph {
  margin: 0;
  white-space: pre-line;
  font-size: 1.8rem;
  line-height: 1.56;
  font-weight: 400;
  width: 39rem;
}

.story-2 .paragraph {
  width: 51.2rem;
}

.s-o-frame {
  width: 155rem;
  margin: -10rem auto 0 auto;
  border-radius: 8rem;
  background: linear-gradient(224.74deg, #605BFF 18.75%, #F29D97 84.22%);
  padding: 11rem 17rem;
  box-sizing: border-box;
}

.s-o-left h2 {
  color: white;
  font-size: 6rem;
  margin: 0;
  padding-top: 5rem;
  font-weight: 600;
}

.s-o-right {
  padding-left: 10rem;
  box-sizing: border-box;
  flex: 0 0 60rem;
}

.pr {
  padding-left: 1.3rem;
}

.s-o-left p {
  color: white;
  font-weight: 400;
  line-height: 1.56;
  font-size: 1.8rem;
}

.s-o-n {
  color: white;
  font-weight: 600;
  font-size: 2.2rem;
  margin: 0;
}

.s-o-w {
  font-weight: 400;
  font-size: 1.8rem;
  margin: 0;
  color: white;
}

.s-o-left {
  flex: 0 0 52rem;
}

.s-o-q {
  font-size: 4rem;
  line-height: 1.25;
  color: white;
  margin-top: 4rem;
}

.s-o-q:before {
  content: "“";
}

.s-o-q:after {
  content: "”";
}

.grad-line {
  height: 3px;
  width: 100%;
  background: linear-gradient(to right, #F29D97, #FFFFFF, #605BFF);
  margin-top: 10.7rem;
}

.team-area {
  padding: 23rem 0 15rem;
}

.team-area h2 {
  font-size: 6rem;
  font-weight: 600;
}

.team-list {
  display: flex;
  justify-content: center;
  column-gap: 10.6rem;
  row-gap: 7rem;
  flex-wrap: wrap;
}

.team-list li {
  flex: 0 0 24rem;
}

.tm-image {
  width: 100%;
  height: 32rem;
  border-radius: 0 5rem 5rem 0;
  background-size: cover;
}

.team-list li h3 {
  font-size: 2.2rem;
  font-weight: 600;
  border-top: 1px solid black;
  margin-top: 3.6rem;
  padding-top: 2rem;
  margin-bottom: 0;
}

.mt66 {
  margin-top: 6rem;
}

.team-list li p {
  font-size: 1.8rem;
  font-weight: 400;
  opacity: 0.7;
  white-space: pre-line;
  margin-top: 0;
}

.job-content a {
  margin-top: 4rem;
}

.jobs-area {
  position: relative;
  padding: 19rem 0 26rem 0;
}

.jobs-area:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  background: linear-gradient(224.74deg, #605BFF 18.75%, #F29D97 84.22%);
  width: 100%;
  height: 100%;
  opacity: 0.7;
}

.jobs-area h2, .jobs-area p {
  position: relative;
  z-index: 99999;
}

.jobs-area h2 {
  color: white;
  font-size: 6rem;
  font-weight: 400;
  white-space: pre-line;
  line-height: 1.17;
}

.jobs-area h2 strong {
  font-weight: 600;
}

.base-width:after {
  clear: both;
  content: "";
  display: block;
}

.jobs-list {
  color: white;
  flex-wrap: wrap;
  display: block;
  float: left;
  width: 50%;
}

.jobs-list h3 {
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 0;
}

.jobs-list li {
  margin-bottom: 5rem;
}

.jobs-list .toggle-job:before {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  left: -20px;
  top: -1px;
  background-color: white;
}

.toggle-job {
  position: relative;
  background: none;
  border: none;
}

.jobs-list .toggle-job:after {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  left: -20px;
  top: -1px;
  background-color: white;
  transform: rotate(90deg);
  transition: 0.3s all;
}

.jobs-list li.opened .toggle-job:after {
  transform: rotate(0);
}

.jobs-list {
  display: flex;
  justify-content: space-between;
}

.jobs-list li {
  flex: 0 0 51.3rem;
}

.jobs-list p {
  margin: 0;
  color: white;
  font-size: 1.5rem;
  line-height: 1.56;
}

.job-content strong {
  font-size: 1.8rem;
  font-weight: 600;
  display: block;
  margin: 1rem 0;
}

.job-content {
  display: none;
  margin-top: 0;
}

.c-circ-1 {
  width: 64.3rem;
  height: 64.3rem;
  border-radius: 50%;
  background: url("img/damka1.svg");
  background-size: 64.3rem;
}

.c-con-1 {
  position: absolute;
  right: 12rem;
  top: -40rem;
}

.c-con-2 {
  position: absolute;
  right: 22rem;
  top: 60rem;
}

.c-con-3 {
  position: absolute;
  left: -14rem;
  top: 21rem;
}

.c-form-area h2 {
  font-size: 6rem;
  margin-bottom: 5rem;
}

.c-form-area {
  padding: 16rem 0 0 0;
}

.content-area {
  overflow: hidden;
}

.c-con-4 {
  position: absolute;
  right: 56.74rem;
  top: 44.6rem;
}

.circles-holder {
  position: absolute;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.c-con-5 {
  position: absolute;
  left: 10rem;
  top: 71rem;
  z-index: 99999999999;
}

.c-circ-2 {
  width: 93rem;
  height: 93rem;
  border-radius: 50%;
  /*background: linear-gradient(39.61deg, #F29D97 17.52%, #605BFF 50.79%, #05D7E4 81.21%, #94EEE4 86.16%);*/
  opacity: 0.8;
  background: url("img/cc-2-bg.svg");
  background-size: 93rem;
  background-position: top 0 center;
}

.story-hero h1, .jobs-area, .story-hero p {
  position: relative;
  z-index: 999999;
}

.c-circ-3 {
  width: 28rem;
  height: 28rem;
  border-radius: 50%;
  background: linear-gradient(90deg, #F29D97 0%, #05D7E4 73.44%, #94EEE4 100%);
}

.c-circ-4 {
  width: 28rem;
  height: 28rem;
  border-radius: 50%;
  background: url("img/cc-4.svg") top center no-repeat;
  background-color: #3043D2;
  opacity: 1;
}

.c-circ-5 {
  width: 30rem;
  height: 30rem;
  border-radius: 50%;
  background: url("img/damka2.svg");
  background-size: 30rem;
}

.form-area .form-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.3rem;
}

.form-culomn-50 {
  flex: 0 0 49.5%;
}

.form-culomn-100 {
  flex: 0 0 100%;
}

.wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.form-area input:not(input[type=submit]), .form-area select {
  width: 100%;
  padding: 0 1.5rem;
  box-sizing: border-box;
  background: rgba(244, 245, 251, 0.9);
  height: 10rem;
  border: none;
  font-size: 1.6rem;
}

.form-area select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("img/dd-arrow.svg");
  background-position: right 2rem center;
  background-repeat: no-repeat;
}

.form-area input[type=submit] {
  padding: 0 10rem;
}

.form-area textarea {
  width: 100%;
  padding: 1.5rem;
  box-sizing: border-box;
  background: rgba(244, 245, 251, 0.9);
  height: 10rem;
  border: none;
  font-size: 1.6rem;
  border-radius: 0 0 5rem 0;
}

.sub-holder {
  display: flex;
  justify-content: center;
  margin-top: 3.7rem;
}

.form-area {
  padding-bottom: 10rem;
}

.offices-area {
  padding: 0 0 10rem 0;
}

.offices-area h2 {
  font-size: 1.8rem;
  font-weight: 400;
}

.offices-area p, .offices-area a {
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
  line-height: 1.45;
  text-decoration: none;
  display: block;
  color: #222222;
}

.address {
  white-space: pre-line;
}

.mail {
  text-decoration: underline !important;
}

.content {
  padding-bottom: 20rem;
}

.content * {
  font-size: 1.7rem;
  line-height: 1.18;
}

.page-template-Textual .base-width {
  margin-top: 20rem;
}

.page-template-Textual h1 {
  font-size: 6.4rem;
  font-weight: 600;
}

.page-template-Textual header {
  background-color: #2E42D5;
}

::placeholder {
  color: rgb(34, 34, 34);
}

::-webkit-input-placeholder { /* Edge */
  color: rgb(34, 34, 34);
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgb(34, 34, 34);
}

.sost0 {
  fill: url(#ASVGID_1_);
}

.sost1 {
  fill: url(#ASVGID_00000142162158759184056080000007433176328558750637_);
}

.sost2 {
  fill: url(#ASVGID_00000179639538993962406040000009876522494890152850_);
}

.sost3 {
  fill: url(#ASVGID_00000126323890113516707330000016702695532801664684_);
}

.story-st0 {
  opacity: 0.8;
  fill: none;
  stroke: url(#SVGID_1_);
  stroke-width: 235;
  stroke-miterlimit: 10;
  enable-background: new;
}

.story-st1 {
  fill: none;
  stroke: url(#SVGID_00000170272824996155962330000015793289904044106131_);
  stroke-width: 86;
  stroke-miterlimit: 10;
}

.story-st2 {
  opacity: 0.2;
  fill: none;
  stroke: url(#SVGID_00000116944092731334689860000009111441800389928614_);
  stroke-width: 64.5027;
  stroke-miterlimit: 10;
  enable-background: new;
}

.story-st3 {
  opacity: 0.3;
}

.story-st4 {
  fill: url(#SVGID_00000038395701810930456060000018342507556849641652_);
  filter: url(#Adobe_OpacityMaskFilter);
}

.story-st5 {
  fill: url(#SVGID_00000177458893448297128900000010770572197298306708_);
}

.story-st6 {
  fill: url(#SVGID_00000029729607232038180130000009142899040020069299_);
}

.story-st7 {
  fill: url(#SVGID_00000183934846798556264210000001756692823370431627_);
}

.story-st8 {
  fill: url(#SVGID_00000029748661265364802130000011840189475250653089_);
}

.story-st9 {
  fill: url(#SVGID_00000147922114179943341370000013461974700221270429_);
}

.story-st10 {
  fill: url(#SVGID_00000127740534617781858270000010057663039140766907_);
}

.story-st11 {
  fill: url(#SVGID_00000180348010801334065680000002652223012304877190_);
}

.story-st12 {
  fill: url(#SVGID_00000099635505663928703700000015671962020670944422_);
}

.story-st13 {
  fill: url(#SVGID_00000039829619745330501280000007408881122279691912_);
}

.story-st14 {
  fill: url(#SVGID_00000005989190326510138950000013794834436550742948_);
}

.story-st15 {
  fill: url(#SVGID_00000035513821367968994150000013803805419324534971_);
}

.story-st16 {
  fill: url(#SVGID_00000101095903668294996080000000245097587881352352_);
}

.story-st17 {
  fill: url(#SVGID_00000128472326679025651220000012563578029190179985_);
}

.story-st18 {
  fill: url(#SVGID_00000068675028835336460550000010833483183564094393_);
}

.story-st19 {
  fill: url(#SVGID_00000178185404022467872160000007185271735724271530_);
}

.story-st20 {
  fill: url(#SVGID_00000049216806717061053780000005855423140254529212_);
}

.story-st21 {
  fill: url(#SVGID_00000094602740628732427630000013820353931630073791_);
}

.story-st22 {
  fill: url(#SVGID_00000174560882082400497650000017249821773780637097_);
}

.story-st23 {
  fill: url(#SVGID_00000168803422702824328440000011475889565003542972_);
}

.story-st24 {
  fill: url(#SVGID_00000000222432255490873350000002733439771601780880_);
}

.story-st25 {
  fill: url(#SVGID_00000108298629542371952440000011333504077603546506_);
}

.story-st26 {
  fill: url(#SVGID_00000029735758211311498670000017770536900807476395_);
}

.story-st27 {
  fill: url(#SVGID_00000112606543073701913940000007776403199971522962_);
}

.story-st28 {
  fill: url(#SVGID_00000096741120762686151390000001398369208531901083_);
}

.story-st29 {
  fill: url(#SVGID_00000023976111754141284100000017083847227675581599_);
}

.story-st30 {
  fill: url(#SVGID_00000021105715062376933280000016817990661838135449_);
}

.story-st31 {
  fill: url(#SVGID_00000048493372263001404950000011262219829029939117_);
}

.story-st32 {
  fill: url(#SVGID_00000018948040253453338760000005432474854248995760_);
}

.story-st33 {
  fill: url(#SVGID_00000000206101279843555650000012606996128647896967_);
}

.story-st34 {
  fill: url(#SVGID_00000042713683647556865500000012321494708772337840_);
}

.story-st35 {
  fill: url(#SVGID_00000039124691038250182030000007341560125692237225_);
}

.story-st36 {
  fill: url(#SVGID_00000016765276554378029210000009476528850640428726_);
}

.story-st37 {
  fill: url(#SVGID_00000013897267058687795120000017420058428488170143_);
}

.story-st38 {
  fill: url(#SVGID_00000120554419012861016800000010665379117285961895_);
}

.story-st39 {
  fill: url(#SVGID_00000075150593131397340270000014697640671038514346_);
}

.story-st40 {
  fill: url(#SVGID_00000043428425379521113570000008753261872549762690_);
}

.story-st41 {
  fill: url(#SVGID_00000106845768598516438850000003694679679738988706_);
}

.story-st42 {
  fill: url(#SVGID_00000154404432674520524960000012113119409652570522_);
}

.story-st43 {
  fill: url(#SVGID_00000021816681509060959530000004737331006424597693_);
}

.story-st44 {
  fill: url(#SVGID_00000092450318314857267340000015738453800888198588_);
}

.story-st45 {
  fill: url(#SVGID_00000072265522715043539330000010956085748514954409_);
}

.story-st46 {
  fill: url(#SVGID_00000047026696129987635830000011677866311719685565_);
}

.story-st47 {
  fill: url(#SVGID_00000010997674089143533330000006216447488561343883_);
}

.story-st48 {
  fill: url(#SVGID_00000121999601102650271570000002735465441934366864_);
}

.story-st49 {
  fill: url(#SVGID_00000065781642535949426760000016328953902169415612_);
}

.story-st50 {
  fill: url(#SVGID_00000139284074647643745450000003965566928255460525_);
}

.story-st51 {
  fill: url(#SVGID_00000049921327775580933890000008749651778314596225_);
}

.story-st52 {
  fill: url(#SVGID_00000173851301039232936940000009395238123211673499_);
}

.story-st53 {
  fill: url(#SVGID_00000122686264476333203620000007478455898203359364_);
}

.story-st54 {
  fill: url(#SVGID_00000143607922954445745760000002612800690150003128_);
}

.story-st55 {
  fill: url(#SVGID_00000109725643376394755800000004353116993361313934_);
}

.story-st56 {
  fill: url(#SVGID_00000052804079563879414890000006431477365617975483_);
}

.story-st57 {
  fill: url(#SVGID_00000138564774175930580210000005147355366729674919_);
}

.story-st58 {
  fill: url(#SVGID_00000126298388797150062180000013889008315929408441_);
}

.story-st59 {
  fill: url(#SVGID_00000039134117845347959070000010606142966743607440_);
}

.story-st60 {
  fill: url(#SVGID_00000030470179046746267320000011373189093487387293_);
}

.story-st61 {
  fill: url(#SVGID_00000061447516156630040940000014367485449880483211_);
}

.story-st62 {
  fill: url(#SVGID_00000176027574574837719470000011000930271973681077_);
}

.story-st63 {
  fill: url(#SVGID_00000036241110303071216500000013542449109622833824_);
}

.story-st64 {
  fill: url(#SVGID_00000107580553550040662830000004057575408155596187_);
}

.story-st65 {
  fill: url(#SVGID_00000036964911765693537530000001966100135813715627_);
}

.story-st66 {
  fill: url(#SVGID_00000142141157969778686790000009855176481559908757_);
}

.story-st67 {
  fill: url(#SVGID_00000035498664931768300310000014986059804120934036_);
}

.story-st68 {
  fill: url(#SVGID_00000165228040980687406030000014270380681512987265_);
}

.story-st69 {
  fill: url(#SVGID_00000066489656936906199300000003229350636127241661_);
}

.story-st70 {
  fill: url(#SVGID_00000077304083843416571970000007872860213477184151_);
}

.story-st71 {
  fill: url(#SVGID_00000141451271369183421850000002645195018579127469_);
}

.story-st72 {
  fill: url(#SVGID_00000034776587020323308920000010038133835715892394_);
}

.story-st73 {
  fill: url(#SVGID_00000041984376084885080590000011473452786338595719_);
}

.story-st74 {
  fill: url(#SVGID_00000140003703547067774580000004650624150792460981_);
}

.story-st75 {
  fill: url(#SVGID_00000062887663461729363860000001942551673251777189_);
}

.story-st76 {
  fill: url(#SVGID_00000034064150764115258440000000153691956908921995_);
}

.story-st77 {
  fill: url(#SVGID_00000065055726654184164490000001383327758071390858_);
}

.story-st78 {
  fill: url(#SVGID_00000012456495091734100660000009829166620915007417_);
}

.story-st79 {
  fill: url(#SVGID_00000053516998250430491320000017844959319073033873_);
}

.story-st80 {
  fill: url(#SVGID_00000024715694166313779110000014376608857995641765_);
}

.story-st81 {
  fill: url(#SVGID_00000107576244960318909280000007432185391163802034_);
}

.story-st82 {
  fill: url(#SVGID_00000183936568394860574380000001929102001801631893_);
}

.story-st83 {
  fill: url(#SVGID_00000144295586397151462480000011108158940755008188_);
}

.story-st84 {
  fill: url(#SVGID_00000037679191600806788750000014382730489602344377_);
}

.story-st85 {
  fill: url(#SVGID_00000136402866739624125250000005307123193029821104_);
}

.story-st86 {
  fill: url(#SVGID_00000019648923180334272090000014616930062240009103_);
}

.story-st87 {
  fill: url(#SVGID_00000070799055789628674140000009193743223773751948_);
}

.story-st88 {
  fill: url(#SVGID_00000130627649493915679820000006177129330062999224_);
}

.story-st89 {
  fill: url(#SVGID_00000044896497609771969800000005427162560087537574_);
}

.story-st90 {
  fill: url(#SVGID_00000104701942394316125010000014867040653046086544_);
}

.story-st91 {
  fill: url(#SVGID_00000026159636449081931280000006326165270952245427_);
}

.story-st92 {
  fill: url(#SVGID_00000098917943655195385090000006620438421383031189_);
}

.story-st93 {
  fill: url(#SVGID_00000035506132395716061470000014289446820929813379_);
}

.story-st94 {
  fill: url(#SVGID_00000029020495623839307960000010926846497943765381_);
}

.story-st95 {
  fill: url(#SVGID_00000052066196109396353920000002020294816187623816_);
}

.story-st96 {
  fill: url(#SVGID_00000139986100386544022110000005565431565132082863_);
}

.story-st97 {
  fill: url(#SVGID_00000116201273755432163420000003591739634086061481_);
}

.story-st98 {
  fill: url(#SVGID_00000006672882104321459440000009510746353531569034_);
}

.story-st99 {
  fill: url(#SVGID_00000076605126012646283170000014732568238917293482_);
}

.story-st100 {
  fill: url(#SVGID_00000173124623063764802750000000608494414183301559_);
}

.story-st101 {
  fill: url(#SVGID_00000138555236883537683940000005037304479599144582_);
}

.story-st102 {
  fill: url(#SVGID_00000018921483210968963020000012867726962245297050_);
}

.story-st103 {
  fill: url(#SVGID_00000147217823196267927990000016140544260835059355_);
}

.story-st104 {
  fill: url(#SVGID_00000174569063509826610670000016811497417040125318_);
}

.story-st105 {
  fill: url(#SVGID_00000092453762951437659180000014844139289833249685_);
}

.story-st106 {
  fill: url(#SVGID_00000036946874491654544850000010586720184409313955_);
}

.story-st107 {
  fill: url(#SVGID_00000156565880230833808030000014356635611064488377_);
}

.story-st108 {
  fill: url(#SVGID_00000055700647081226687560000006512260050338611847_);
}

.story-st109 {
  fill: url(#SVGID_00000022526770906384147860000004694839264493832383_);
}

.story-st110 {
  fill: url(#SVGID_00000088818723835493096540000002691504230480687259_);
}

.story-st111 {
  fill: url(#SVGID_00000171696311235695430470000007681067372346073533_);
}

.story-st112 {
  mask: url(#mask0_456_355_00000057113185554735601920000016465494675883065764_);
}

.story-st113 {
  fill: url(#SVGID_00000180333846849830593650000004227081760886379656_);
}

.e-st0 {
  opacity: 0.8;
  fill: none;
  stroke: url(#S-SVGID_1_);
  stroke-width: 130;
  stroke-miterlimit: 10;
  enable-background: new;
}

.e-st1 {
  fill: url(#S-SVGID_00000005952005056349769940000014361130839760505770_);
  filter: url(#Adobe_OpacityMaskFilter);
}

.e-st2 {
  fill: url(#S-SVGID_00000092439786838805363690000013986667036380871593_);
}

.e-st3 {
  fill: url(#S-SVGID_00000075882946193220664730000012439722458346999209_);
}

.e-st4 {
  fill: url(#S-SVGID_00000162327218138404592160000010583857632839065498_);
}

.e-st5 {
  fill: url(#S-SVGID_00000048483137650120480160000018269544452891092610_);
}

.e-st6 {
  fill: url(#S-SVGID_00000029043052173438211410000007494366608154263221_);
}

.e-st7 {
  fill: url(#S-SVGID_00000174572522710845322310000005908100767506530950_);
}

.e-st8 {
  fill: url(#S-SVGID_00000008128798886795677170000003054575880540135603_);
}

.e-st9 {
  fill: url(#S-SVGID_00000156545551903589112200000018265157752024541314_);
}

.e-st10 {
  fill: url(#S-SVGID_00000055665721835473960590000001628439624781383837_);
}

.e-st11 {
  fill: url(#S-SVGID_00000043439931832707825860000009101521135809397151_);
}

.e-st12 {
  fill: url(#S-SVGID_00000008126315130494786620000015002751032495703981_);
}

.e-st13 {
  fill: url(#S-SVGID_00000007412034257400106560000005755138985453707680_);
}

.e-st14 {
  fill: url(#S-SVGID_00000149358974787646667220000005927974339688716979_);
}

.e-st15 {
  fill: url(#S-SVGID_00000065763538736626004650000005278800693651725952_);
}

.e-st16 {
  fill: url(#S-SVGID_00000105419628939552527490000016623135423326838698_);
}

.e-st17 {
  fill: url(#S-SVGID_00000142147951721233301390000011562946813627451795_);
}

.e-st18 {
  fill: url(#S-SVGID_00000139281784093190836110000006739588852160740766_);
}

.e-st19 {
  fill: url(#S-SVGID_00000126303008273687930840000000157031797935913624_);
}

.e-st20 {
  fill: url(#S-SVGID_00000106853810929805112450000010568251013468421807_);
}

.e-st21 {
  fill: url(#S-SVGID_00000062887751029707842210000016239020156497021093_);
}

.e-st22 {
  fill: url(#S-SVGID_00000128443731657945209480000015961343925197607092_);
}

.e-st23 {
  fill: url(#S-SVGID_00000045617236180813932540000005529640115627771558_);
}

.e-st24 {
  fill: url(#S-SVGID_00000030447855040819613890000008522347785528395414_);
}

.e-st25 {
  fill: url(#S-SVGID_00000067920097762170008310000003006647835408612497_);
}

.e-st26 {
  fill: url(#S-SVGID_00000147941784529566375910000009112200462828065929_);
}

.e-st27 {
  fill: url(#S-SVGID_00000018929742995391192470000011932714736242439593_);
}

.e-st28 {
  fill: url(#S-SVGID_00000019661796450973751440000004436412653344990648_);
}

.e-st29 {
  fill: url(#S-SVGID_00000085229141939491673310000018089617056855715255_);
}

.e-st30 {
  fill: url(#S-SVGID_00000017516558691827391620000015944136444521574540_);
}

.e-st31 {
  fill: url(#S-SVGID_00000148641495093158831140000013824812785236745894_);
}

.e-st32 {
  fill: url(#S-SVGID_00000150070865407138886440000018243238075775919037_);
}

.e-st33 {
  fill: url(#S-SVGID_00000130637374583538252230000017563841410673780618_);
}

.e-st34 {
  fill: url(#S-SVGID_00000028318004582375400920000012368236963628034493_);
}

.e-st35 {
  fill: url(#S-SVGID_00000124140466682490590410000007640792346319854765_);
}

.e-st36 {
  fill: url(#S-SVGID_00000109717007202999560630000014079056241086906011_);
}

.e-st37 {
  fill: url(#S-SVGID_00000059269784364529041880000009232170849532624517_);
}

.e-st38 {
  fill: url(#S-SVGID_00000072976033928703984370000005208686691402460596_);
}

.e-st39 {
  fill: url(#S-SVGID_00000177445721012431132380000004917257496710546091_);
}

.e-st40 {
  fill: url(#S-SVGID_00000181054501461913167140000016301156029254195379_);
}

.e-st41 {
  fill: url(#S-SVGID_00000036974515585413734690000008905811723864507267_);
}

.e-st42 {
  fill: url(#S-SVGID_00000103980756844115777760000006297710664527023511_);
}

.e-st43 {
  fill: url(#S-SVGID_00000030484420484484803370000008093189866451080579_);
}

.e-st44 {
  fill: url(#S-SVGID_00000166634910232306458330000010342622077285696141_);
}

.e-st45 {
  fill: url(#S-SVGID_00000060742835585977306760000018289201631157587882_);
}

.e-st46 {
  fill: url(#S-SVGID_00000016768315959274984040000004701864881335731881_);
}

.e-st47 {
  fill: url(#S-SVGID_00000047774576911958278180000017000095656443609254_);
}

.e-st48 {
  fill: url(#S-SVGID_00000098216428114426035170000009226581446616718726_);
}

.e-st49 {
  fill: url(#S-SVGID_00000031915402775424869570000001691910493347509418_);
}

.e-st50 {
  fill: url(#S-SVGID_00000038403726086072237070000007292981317165506720_);
}

.e-st51 {
  fill: url(#S-SVGID_00000052066714802636535970000005783073940197254328_);
}

.e-st52 {
  fill: url(#S-SVGID_00000050626778443671464620000012536637212415570873_);
}

.e-st53 {
  fill: url(#S-SVGID_00000159449709173937565730000009945732786278784671_);
}

.e-st54 {
  fill: url(#S-SVGID_00000054974828824405034940000017214579788333830814_);
}

.e-st55 {
  fill: url(#S-SVGID_00000145768947521180100200000009412436683302828700_);
}

.e-st56 {
  fill: url(#S-SVGID_00000113353244130093884870000004302772095300095642_);
}

.e-st57 {
  fill: url(#S-SVGID_00000055675298986542348420000016830380513073677476_);
}

.e-st58 {
  fill: url(#S-SVGID_00000175305051564756830470000008796732820867566759_);
}

.e-st59 {
  fill: url(#S-SVGID_00000083091024112578877250000006216076630694649530_);
}

.e-st60 {
  fill: url(#S-SVGID_00000077290656840704998020000012308729443704509065_);
}

.e-st61 {
  fill: url(#S-SVGID_00000043417979640449536760000006817308111973392769_);
}

.e-st62 {
  fill: url(#S-SVGID_00000182492702870011759280000006781067510916471445_);
}

.e-st63 {
  fill: url(#S-SVGID_00000096776978285243921060000016966549026454264767_);
}

.e-st64 {
  fill: url(#S-SVGID_00000093137731710999888580000016730872912315765686_);
}

.e-st65 {
  fill: url(#S-SVGID_00000138535825557000785050000016874089618527074461_);
}

.e-st66 {
  fill: url(#S-SVGID_00000101079939484928353070000014415889910371392958_);
}

.e-st67 {
  fill: url(#S-SVGID_00000073000890558111099570000006800873057725123499_);
}

.e-st68 {
  fill: url(#S-SVGID_00000161596622442627260590000015329491880618624935_);
}

.e-st69 {
  fill: url(#S-SVGID_00000060023163120838298680000010397909522903778476_);
}

.e-st70 {
  fill: url(#S-SVGID_00000158010771598992852660000000595616292708951184_);
}

.e-st71 {
  fill: url(#S-SVGID_00000170251621471541747720000014658036130131528122_);
}

.e-st72 {
  fill: url(#S-SVGID_00000133521014149611096980000015712660671809167771_);
}

.e-st73 {
  fill: url(#S-SVGID_00000119839592246514070760000008101932155820794285_);
}

.e-st74 {
  fill: url(#S-SVGID_00000054988564376006579110000012298450265163782312_);
}

.e-st75 {
  fill: url(#S-SVGID_00000024684640734494262090000010727927772769484686_);
}

.e-st76 {
  fill: url(#S-SVGID_00000103943230027223592250000013682456949996300208_);
}

.e-st77 {
  fill: url(#S-SVGID_00000153705731791605033720000012598271940955781055_);
}

.e-st78 {
  fill: url(#S-SVGID_00000137100165413081834070000010006382090924349359_);
}

.e-st79 {
  fill: url(#S-SVGID_00000077286374186417427000000001816543526580505258_);
}

.e-st80 {
  fill: url(#S-SVGID_00000066482165541495658760000000427598979425975470_);
}

.e-st81 {
  fill: url(#S-SVGID_00000140003595431433289910000000678568832284872587_);
}

.e-st82 {
  fill: url(#S-SVGID_00000119078340425281247470000013057589307419542922_);
}

.e-st83 {
  fill: url(#S-SVGID_00000000210034408940171160000003590272099800374665_);
}

.e-st84 {
  fill: url(#S-SVGID_00000016070959513973976780000015756646297963841190_);
}

.e-st85 {
  fill: url(#S-SVGID_00000047754742763211573100000011788073716028650681_);
}

.e-st86 {
  fill: url(#S-SVGID_00000141414626330289683880000000880787323867631517_);
}

.e-st87 {
  fill: url(#S-SVGID_00000021091470231433269630000003661173656273747343_);
}

.e-st88 {
  fill: url(#S-SVGID_00000052824544694129215210000017683147121229773190_);
}

.e-st89 {
  fill: url(#S-SVGID_00000148643074808124227180000004614666904387259789_);
}

.e-st90 {
  fill: url(#S-SVGID_00000143592024720777755660000009610333046282065556_);
}

.e-st91 {
  fill: url(#S-SVGID_00000136407695167386529000000015210528990622627205_);
}

.e-st92 {
  fill: url(#S-SVGID_00000114049612521330539460000017610511655532574393_);
}

.e-st93 {
  fill: url(#S-SVGID_00000012453043811397524350000010566343062659015561_);
}

.e-st94 {
  fill: url(#S-SVGID_00000074411038339302026790000015713169633350069127_);
}

.e-st95 {
  fill: url(#S-SVGID_00000013904441493599070630000002509568681133750170_);
}

.e-st96 {
  fill: url(#S-SVGID_00000080167480962452562210000011588149247288605630_);
}

.e-st97 {
  fill: url(#S-SVGID_00000067919716138431556630000000510882509446448545_);
}

.e-st98 {
  fill: url(#S-SVGID_00000085972017098641239700000007433897806306714791_);
}

.e-st99 {
  fill: url(#S-SVGID_00000145776935514424043000000005761352217218651578_);
}

.e-st100 {
  fill: url(#S-SVGID_00000063616897196251411270000015038978258047359933_);
}

.e-st101 {
  fill: url(#S-SVGID_00000087399891762939974390000017399661768271446171_);
}

.e-st102 {
  fill: url(#S-SVGID_00000065036726498184581870000014269787527082631103_);
}

.e-st103 {
  fill: url(#S-SVGID_00000072263975623012526120000017652049727743725451_);
}

.e-st104 {
  fill: url(#S-SVGID_00000118356832417771836270000008205941936110673823_);
}

.e-st105 {
  fill: url(#S-SVGID_00000157288571167839858650000007219366643147614654_);
}

.e-st106 {
  fill: url(#S-SVGID_00000168087253643000007370000004969946830009365175_);
}

.e-st107 {
  fill: url(#S-SVGID_00000106839369610531435690000012641843064702596273_);
}

.e-st108 {
  fill: url(#S-SVGID_00000176010274737825590630000012132302994370584964_);
}

.e-st109 {
  mask: url(#S-mask0_274_357_00000127725830726033890250000002718529833390601655_);
}

.e-st110 {
  fill: url(#S-SVGID_00000084493025356577932510000003907057074545367996_);
}

.e-st111 {
  fill: none;
  stroke: url(#S-SVGID_00000060018754590151894870000010168178446832946330_);
  stroke-width: 86.7087;
  stroke-miterlimit: 10;
}

.e-st112 {
  fill: none;
  stroke: url(#S-SVGID_00000009560820439544176000000004061139776338797492_);
  stroke-width: 86.7087;
  stroke-miterlimit: 10;
}

body.blog h1, body.blog h2, body.blog p, body.single h1, body.single h2, body.single p {
  margin: 0;
}
body.blog .title, body.single .title {
  font-weight: 600;
  font-size: 6rem;
  line-height: 117%;
  margin-bottom: 3rem;
}
body.blog .list-title, body.single .list-title {
  font-weight: 600;
  font-size: 5rem;
  line-height: 112%;
}
body.blog .sub-title, body.single .sub-title {
  font-weight: 600;
  font-size: 3.5rem;
  line-height: 120%;
}
body.blog .paragraph, body.single .paragraph {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 156%;
}
body.blog strong, body.single strong {
  font-weight: 600 !important;
}
body.blog .quote-wrapper .quote, body.single .quote-wrapper .quote {
  font-weight: 400;
  font-size: 4rem;
  line-height: 125%;
}
body.blog .quote-wrapper .paragraph, body.single .quote-wrapper .paragraph {
  font-weight: 600;
}
body.blog .quote-wrapper .role, body.single .quote-wrapper .role {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 125%;
  white-space: pre-line;
}
body.blog .tags, body.single .tags {
  column-gap: 1.2rem;
}
body.blog .tags .tag, body.single .tags .tag {
  color: #333333;
  opacity: 0.5;
  border: 0.1rem solid #333333;
  border-radius: 2.4rem;
  padding: 0 3rem;
  font-size: 1.4rem;
  height: 2.8rem;
  display: flex;
  align-items: center;
}
body.blog .big-number, body.single .big-number {
  font-weight: 700;
  font-size: 8rem;
}
body.blog .to-animate, body.blog .load-animate, body.single .to-animate, body.single .load-animate {
  opacity: 0;
  transform: translateY(5rem);
}
body.blog .data-text, body.single .data-text {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 136%;
}
body.blog .dark-text, body.single .dark-text {
  color: #333333;
}
body.blog .white-text, body.single .white-text {
  color: white;
}
body.blog .image-container img, body.single .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body.blog .mobile-view, body.single .mobile-view {
  display: none;
}

section.case-study.hero {
  height: 100vh;
  background: linear-gradient(180deg, #4645F6 13.51%, #A0A4FF 63.39%, rgba(228, 227, 255, 0) 133.22%);
  color: white;
  padding-top: 19rem;
}
section.case-study.hero .content {
  padding: 0 15.6rem;
}
section.case-study.hero .content .caption {
  margin-bottom: 2rem;
}
section.case-study.hero .content .headline {
  margin-bottom: 3rem;
}
section.case-study.hero .image-container {
  width: auto;
  height: 77.7vh;
  margin-top: 8rem;
}
section.case-study.hero .image-container img {
  border-radius: 2rem;
  position: relative;
  z-index: 1;
  box-shadow: -2px 41px 50px -26px #A0A4FF;
}

section.main-content.top {
  padding: 30rem 0 0 0;
}
section.main-content.top .space-between {
  padding: 0 15.4rem;
}
section.main-content.top .space-between .content, section.main-content.top .space-between .visual {
  flex: 0 0 50%;
}
section.main-content.top .space-between .content {
  padding-right: 5rem;
  box-sizing: border-box;
}
section.main-content.top .space-between .content .paragraph span {
  display: block;
  text-decoration: none !important;
  padding: 2.5rem 0;
  margin: 2.5rem auto;
  border-top: 1px solid #BDCBD4;
  border-bottom: 1px solid #BDCBD4;
}
section.main-content.top .space-between .image-container {
  display: flex;
}
section.main-content.top .space-between .image-container .image-container {
  width: 30.6rem;
  height: 100%;
}

section.main-content.center {
  color: white;
  background-color: #333333;
  padding: 16rem 0 27.8rem 0;
}
section.main-content.center .base-width:first-of-type .textual-content {
  border-bottom: 1px solid #BDCBD4;
  margin-bottom: 7rem;
}
section.main-content.center .base-width:first-of-type p.paragraph.text-align-center {
  padding-bottom: 5rem;
}
section.main-content.center ul {
  display: grid !important;
  column-gap: 5rem;
  padding-top: 5rem;
  margin-top: 7rem;
}
section.main-content.center ul li:first-of-type {
  grid-area: 1/1/1/1;
}
section.main-content.center ul li .sub-title {
  min-height: 8.4rem;
  margin-bottom: 2rem;
}
section.main-content.center ul li .sub-title:before {
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  display: block;
  border-radius: 100%;
  margin-bottom: 2rem;
}
section.main-content.center ul li:nth-child(1) .sub-title:before {
  background-color: #94EEE4;
  border: 1.2rem solid #BDCBD4;
}
section.main-content.center ul li:nth-child(2) .sub-title:before {
  background-color: #EF7E7B;
  border: 1.2rem solid #F7B2AE;
}
section.main-content.center ul li:nth-child(3) .sub-title:before {
  background-color: #F7B2AE;
  border: 1.2rem solid #A0A4FF;
}
section.main-content.center ul li:nth-child(4) .sub-title:before {
  background-color: #605BFF;
  border: 1.2rem solid #01D7BF;
}

section.main-content.bottom {
  margin-top: -18rem;
}
section.main-content.bottom .base-width {
  background-color: #F4F5FB;
  padding: 13.8rem;
  border-radius: 4rem;
}
section.main-content.bottom .base-width ul {
  margin-top: 5rem;
}
section.main-content.bottom .base-width ul li {
  flex: 0 0 33%;
  padding: 4rem 4rem 9rem 4rem;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #BDCBD4;
}
section.main-content.bottom .base-width ul li .big-number {
  margin-bottom: 2rem;
}
section.main-content.bottom .base-width ul li .big-number span {
  font-size: 4rem;
}
section.main-content.bottom .base-width ul li:nth-child(3n+2):before, section.main-content.bottom .base-width ul li:nth-child(3n+2):after {
  content: "";
  position: absolute;
  background-color: #BDCBD4;
  width: 0.1rem;
  height: 60%;
  top: -3rem;
  bottom: 0;
  margin: auto;
}
section.main-content.bottom .base-width ul li:nth-child(3n+2):before {
  left: 0;
}
section.main-content.bottom .base-width ul li:nth-child(3n+2):after {
  right: 0;
}
section.main-content.bottom .base-width ul li:last-child:after {
  display: none;
}
section.main-content.bottom .base-width ul.sequence-border-bottom-4 li:nth-child(4n+2), section.main-content.bottom .base-width ul.sequence-border-bottom-5 li:nth-child(4n+2) {
  border-bottom: 1px solid #BDCBD4;
}
section.main-content.bottom .base-width ul.sequence-border-bottom-4 li:last-child {
  border-bottom: none;
}
section.main-content.bottom .base-width ul.sequence-border-bottom-5 li:nth-last-child(-n+2) {
  border-bottom: none;
}
section.main-content.bottom .base-width .quote-wrapper {
  padding: 13rem 12.6rem 0 12.6rem;
  border-top: 1px solid #BDCBD4;
  position: relative;
}
section.main-content.bottom .base-width .quote-wrapper:before {
  content: "";
  width: 10.9rem;
  height: 7.95rem;
  background-size: 10rem !important;
  background: url("img/air_quotes.svg") no-repeat center;
  position: absolute;
  top: 10rem;
  left: 0;
}
section.main-content.bottom .base-width .quote-wrapper .quote {
  margin-bottom: 2rem;
  padding-right: 17rem;
}

section.cs-footer {
  margin-bottom: 6rem;
  padding-bottom: 2rem;
}
section.cs-footer .navigation {
  padding: 10rem 0;
  font-size: 1.8rem;
  border-bottom: 1px solid #BDCBD4;
  margin-bottom: 6rem;
}
section.cs-footer .navigation a {
  text-decoration: none;
  color: #333333;
  display: flex;
  align-items: center;
}
section.cs-footer .navigation a:before, section.cs-footer .navigation a:after {
  width: 1.3rem;
  height: 2.2rem;
  background-size: 1.3rem !important;
  background: url("img/case-studies/nav_arrow.svg") no-repeat center;
  display: block;
  flex: 0 0 1.3rem;
}
section.cs-footer .navigation .prev p {
  margin-left: 3.2rem;
}
section.cs-footer .navigation .prev a:before {
  content: "";
  margin-right: 2rem;
}
section.cs-footer .navigation .next p {
  margin-right: 3.2rem;
}
section.cs-footer .navigation .next a:after {
  content: "";
  margin-left: 2rem;
  transform: rotate(180deg);
}
section.cs-footer .title {
  margin: 0;
}
section.cs-footer .prpl-btn {
  margin-left: 4rem;
}

section.hero.cs-archive {
  height: 45rem;
  padding-top: 8rem;
  box-sizing: border-box;
  background-color: #333333 !important;
  background: url("img/cs-archive_header_bg.svg") center no-repeat;
  background-size: 324rem;
  background-position-y: 11rem;
}
section.hero.cs-archive ul.circles-animation {
  display: grid;
  grid-template-rows: repeat(3, 9.1rem);
  grid-template-columns: repeat(4, 9.1rem);
  grid-column-gap: 0.43rem;
  margin-left: 27.6rem;
  margin-top: -3.5rem;
}
section.hero.cs-archive ul.circles-animation svg {
  width: 100%;
  height: 100%;
}
section.hero.cs-archive ul.circles-animation li.circles .circle-path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}
section.hero.cs-archive .title {
  font-weight: 400;
  white-space: pre-line;
}

section.case-studies ul {
  padding: 10.8rem 0;
}
section.case-studies ul li.space-between {
  column-gap: 2.7rem;
  padding-bottom: 10.8rem;
  height: 32rem;
}
section.case-studies ul li.space-between:last-child {
  padding-bottom: 0;
}
section.case-studies ul li.space-between .image-container {
  flex: 0 0 40%;
  width: 100%;
  height: 100%;
}
section.case-studies ul li.space-between .image-container img {
  border-radius: 1rem;
}
section.case-studies ul li.space-between .content {
  flex: 0 0 60%;
  padding-bottom: 0;
}
section.case-studies ul li.space-between .content .list-title {
  padding-right: 17rem;
}
section.case-studies ul li.space-between .content .paragraph {
  margin-top: 2rem;
  padding-right: 20rem;
}
section.case-studies ul li.space-between .content .prpl-btn {
  align-self: baseline;
}

section.password {
  background: linear-gradient(90deg, #0A21CA 6.61%, #2E42D5 57.66%);
  height: 100vh;
  font-family: "Gilroy", sans-serif;
  font-size: 1.6rem;
  color: white;
}
section.password form {
  width: 36rem;
}
section.password form p:first-child {
  margin-bottom: 2rem;
  white-space: pre-line;
}
section.password form input, section.password form input:focus-visible, section.password form input:focus {
  color: black;
  border: none;
  border-radius: 2rem;
  background-color: white;
  outline: none;
  padding: 0 1rem;
}
section.password form input[type=submit] {
  background-color: transparent;
  border: 0.1rem solid white;
  color: white;
  padding: 0 2rem;
  transition: 0.3s all;
}
section.password form input[type=submit]:hover {
  background-color: white;
  color: #0A21CA;
}

/*mobile/tablet header*/
@media only screen and (max-width: 1000px) {
  body.blog .desktop-view, body.single .desktop-view {
    display: none;
  }
  body.blog .mobile-view, body.single .mobile-view {
    display: inherit;
  }
  body.blog .title, body.single .title {
    font-size: 3.5rem;
    line-height: 103%;
  }
  body.blog .list-title, body.single .list-title {
    font-size: 3.5rem;
    line-height: 103%;
  }
  body.blog .big-number, body.single .big-number {
    font-size: 3.8rem;
    line-height: 105%;
  }
  body.blog .data-text, body.single .data-text {
    font-size: 1.6rem;
    line-height: 125%;
  }
  body.blog .quote-wrapper .quote, body.single .quote-wrapper .quote {
    font-size: 2.4rem;
    line-height: 142%;
  }
  body.blog .base-width, body.single .base-width {
    padding: 0 2.6rem;
    box-sizing: border-box;
  }
  body.blog .tags, body.single .tags {
    flex-wrap: wrap;
    row-gap: 1.2rem;
    justify-content: center;
  }
  body.blog .tags .tag, body.single .tags .tag {
    padding: 0 2rem;
    white-space: nowrap;
  }
  section.case-study.hero {
    padding-top: 13rem;
    height: 100%;
  }
  section.case-study.hero .content {
    padding: 0;
  }
  section.case-study.hero .mobile-image-grid {
    padding: 0;
  }
  section.case-study.hero .mobile-image-grid .image-container {
    width: auto;
    height: 77.7vw;
    margin-top: 7rem;
    bottom: -17px;
  }
  section.case-study.hero .mobile-image-grid .image-container img {
    border-radius: 0 0 2rem 2rem;
    z-index: 3;
  }
  section.case-study.hero .mobile-image-grid .image-container img:after {
    z-index: 2;
  }
  section.main-content.top {
    padding-top: 15rem;
  }
  section.main-content.top .space-between {
    padding: 0;
    flex-direction: column;
    text-align: center;
  }
  section.main-content.top .space-between .content {
    padding: 0 0 7rem 0;
  }
  section.main-content.center {
    padding-top: 7rem;
  }
  section.main-content.center .base-width:first-of-type .textual-content {
    margin-bottom: 4rem;
  }
  section.main-content.center .base-width:last-of-type {
    padding: 0;
  }
  section.main-content.center ul {
    display: flex !important;
    column-gap: 0;
    text-align: center;
  }
  section.main-content.center ul li.splide__slide {
    padding: 0 2.6rem;
  }
  section.main-content.center ul li.splide__slide .sub-title:before {
    margin: auto auto 4rem auto;
  }
  section.main-content.center .splide__pagination {
    width: 100%;
  }
  section.main-content.center .splide__pagination .splide__pagination__page {
    width: 1rem;
    height: 1rem;
    margin-top: 3rem;
  }
  section.main-content.bottom .base-width {
    padding: 7.3rem 2.7rem 7.3rem 2.7rem;
  }
  section.main-content.bottom .base-width .section-header {
    border-bottom: 1px solid #BDCBD4;
    margin-bottom: 3rem;
  }
  section.main-content.bottom .base-width .section-header .title {
    margin-bottom: 0;
  }
  section.main-content.bottom .base-width .section-header .sub-title {
    margin-top: 3rem;
    padding-bottom: 3rem;
  }
  section.main-content.bottom .base-width ul {
    margin-top: 1rem;
  }
  section.main-content.bottom .base-width ul li {
    flex: 0 0 50%;
    padding: 6rem 1rem;
  }
  section.main-content.bottom .base-width ul li:nth-last-child(-n+2) {
    border-bottom: none !important;
  }
  section.main-content.bottom .base-width ul li:nth-child(3n+2):after {
    display: none;
  }
  section.main-content.bottom .base-width ul li:nth-child(3n+2):before {
    display: none;
  }
  section.main-content.bottom .base-width ul li:nth-child(2n+2):before {
    display: inherit;
    content: "";
    position: absolute;
    background-color: #BDCBD4;
    width: 0.1rem;
    height: 70%;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
  }
  section.main-content.bottom .base-width ul.sequence-border-bottom-mobile li:nth-last-child(-n+2) {
    border-bottom: 1px solid #BDCBD4 !important;
  }
  section.main-content.bottom .base-width ul.sequence-border-bottom-mobile li:last-child {
    border-bottom: none !important;
  }
  section.main-content.bottom .base-width ul.sequence-border-bottom-4 li:last-child {
    border-bottom: 1px solid #BDCBD4;
  }
  section.main-content.bottom .base-width ul.sequence-border-bottom-5 li:nth-last-child(-n+2) {
    border-bottom: 1px solid #BDCBD4;
  }
  section.main-content.bottom .base-width .quote-wrapper {
    padding: 5rem 0 0 0;
    text-align: center;
  }
  section.main-content.bottom .base-width .quote-wrapper:before {
    width: 13.1rem;
    height: 9.6rem;
    background-size: 13.1rem !important;
    position: unset;
    display: block;
    margin: auto auto 3rem auto;
  }
  section.main-content.bottom .base-width .quote-wrapper .quote {
    padding-right: 0;
  }
  section.cs-footer {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  section.cs-footer .base-width .navigation {
    padding: 6rem 0 3rem 0;
    margin-bottom: 0;
  }
  section.cs-footer .base-width .navigation .nav-wrapper {
    position: relative;
  }
  section.cs-footer .base-width .navigation .nav-wrapper p {
    position: absolute;
    display: flex;
    align-items: center;
    margin: 0;
  }
  section.cs-footer .base-width .navigation .nav-wrapper p:before, section.cs-footer .base-width .navigation .nav-wrapper p:after {
    width: 1.3rem;
    height: 2.2rem;
    background-size: 1.3rem !important;
    background: url("img/case-studies/nav_arrow.svg") no-repeat center;
    display: block;
    flex: 0 0 1.3rem;
  }
  section.cs-footer .base-width .navigation .nav-wrapper a {
    opacity: 0;
  }
  section.cs-footer .base-width .navigation .nav-wrapper.prev p:before {
    content: "";
    margin-right: 2rem;
  }
  section.cs-footer .base-width .navigation .nav-wrapper.next p:after {
    content: "";
    margin-left: 2rem;
    transform: rotate(180deg);
  }
  section.cs-footer .base-width .bottom-cta {
    flex-direction: column;
    padding: 4rem 0;
  }
  section.cs-footer .base-width .bottom-cta .title {
    font-weight: 700;
    font-size: 3rem;
  }
  section.cs-footer .base-width .bottom-cta .prpl-btn {
    margin: 2rem auto 0 auto;
  }
  section.cs-archive.hero {
    padding-top: 0;
    background: url("img/cs-archive_header_bg-mobile.svg") no-repeat center;
    background-size: 106.5rem;
    background-position-y: 8.9rem !important;
    height: 51rem;
  }
  section.cs-archive.hero .base-width {
    text-align: center;
    flex-direction: column;
  }
  section.cs-archive.hero .base-width .title {
    padding-top: 13rem;
    margin-bottom: 6.4rem;
  }
  section.cs-archive.hero .base-width .circles-animation {
    grid-template-rows: repeat(3, 5.7rem);
    grid-template-columns: repeat(4, 5.7rem);
    grid-column-gap: 0.2rem;
    grid-row-gap: 0.25rem;
    margin-left: -0.2rem;
    margin-top: 0;
  }
  section.case-studies ul {
    padding: 6.8rem 0;
  }
  section.case-studies ul li.space-between {
    flex-direction: column;
    height: auto;
    justify-content: center;
    padding-bottom: 7.8rem;
  }
  section.case-studies ul li.space-between .image-container {
    height: 27.5rem;
    margin-bottom: 4rem;
  }
  section.case-studies ul li.space-between .content {
    align-items: center;
    text-align: center;
  }
  section.case-studies ul li.space-between .content .list-title {
    padding-right: 0;
    margin-top: 2.5rem;
  }
  section.case-studies ul li.space-between .content .paragraph {
    margin-top: 3rem;
    padding-right: 0;
  }
  section.case-studies ul li.space-between .content .prpl-btn {
    margin: 4rem auto auto auto;
  }
}

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