#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--varn-blue);
  padding: 27px 0;
  transition: .5s;
  z-index: 1000; }

#header.active {
  padding: 7px 0;
  transition: .5s; }

#header.isadmin {
  top: 31px; }

@media (max-width: 783px) {
  #header.isadmin {
    top: 46px; } }
@media (max-width: 600px) {
  #header.isadmin.active {
    z-index: 100000;
    top: 0;
    transition: top .5s; } }
.wrapper-logo {
  margin-right: 60px;
  width: 110px;
  height: 32px; }

.wrapper-logo img {
  max-width: 100%;
  max-height: 100%; }

.nav-menu,
.wrapper-logo,
.header-talk-menu {
  transition: transform .5s; }

#header.active .nav-menu,
#header.active .header-talk-menu,
#header.active .wrapper-logo {
  transform: scale(0.9);
  transition: .5s; }

#header.active .header-talk-menu {
  transform-origin: right; }

#header.active .wrapper-logo {
  transform-origin: left; }

.nav.menu-list {
  display: flex;
  flex-direction: row;
  column-gap: 40px; }

.nav .dropdown-toggle::after {
  content: '';
  width: 15px;
  height: 100%;
  background: url("../svg/menu-arrow-mb.svg") 50% 58% no-repeat;
  border: none;
  position: absolute;
  right: -2px;
  top: 0;
  transition: .1s; }

.nav .open-menu .dropdown-toggle::after {
  background-position: 50% 46%;
  transform: rotateX(180deg);
  transition: .1s; }

.nav-link {
  padding: 0;
  outline: none; }

.nav-item,
.nav-link,
.nav-link > span {
  display: flex;
  color: var(--mid-blue); }

.nav .menu-item-has-children {
  padding-right: 15px;
  border-bottom: 3px solid transparent; }

.nav .open-menu .dropdown-menu {
  display: block;
  position: absolute;
  top: 100%;
  border-radius: 0;
  background: var(--mid-blue);
  border: 1px solid var(--mid-blue); }

.nav .open-menu .dropdown-menu span {
  font-size: 16px;
  color: #fff; }

.nav .open-menu .dropdown-menu a {
  padding: 5px 10px;
  transition: .2s; }

.nav .open-menu .dropdown-menu a:hover {
  background: var(--white);
  transition: background .2s; }

.nav .open-menu .dropdown-menu a:hover span {
  color: var(--ink-blue); }

.nav .current-menu-parent,
.nav .current-menu-item {
  border-bottom: 3px solid var(--mid-blue); }

.nav .menu-item-home.current-menu-item {
  border-bottom: none; }

.scroll-progress {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.scroll-progress span {
  display: block;
  height: 6px;
  width: 400px;
  border-radius: 0 99px 99px 0;
  background: var(--mid-blue);
  transition: .2s; }

@media (max-width: 992px) {
  .scroll-progress span {
    width: 130px; } }
.footer {
  background: var(--ink-blue);
  padding: 90px 0 83px; }
  @media (max-width: 992px) {
    .footer {
      padding: 70px 0 30px; } }
  .footer * {
    color: #fff;
    line-height: 1.45; }
    @media (max-width: 992px) {
      .footer * {
        font-size: 16px; } }
  .footer p {
    margin-bottom: 0; }
    .footer p.vr-popup {
      cursor: pointer; }
  .footer ul {
    list-style-type: none;
    padding-left: 0; }
  .footer a {
    color: #fff !important;
    text-decoration: none;
    transition: .3s; }
  .footer p.vr-popup:hover,
  .footer a:hover {
    text-decoration: none;
    color: var(--varn-blue) !important;
    transition: .3s; }
  .footer_logo {
    margin-top: 6px;
    margin-bottom: 20px;
    max-width: 70px;
    height: auto; }
    @media (max-width: 992px) {
      .footer_logo {
        max-width: 68px; } }
  .footer-info-block {
    column-gap: 75px;
    flex-wrap: wrap; }
    @media (min-width: 1350px) {
      .footer-info-block {
        column-gap: 125px; } }
  .footer-sub-headers {
    color: var(--grey); }
  .footer ul,
  .footer .gpartner,
  .footer #address_footer,
  .footer #phone_numbers {
    margin-bottom: 26px; }
  .footer .varn-socials {
    column-gap: 6px;
    row-gap: 6px; }
    .footer .varn-socials a {
      padding: 8px 14px;
      border: 1px solid var(--grey);
      border-radius: 42px; }
      @media (max-width: 992px) {
        .footer .varn-socials a {
          padding: 5px 11px; } }
      .footer .varn-socials a span {
        font-size: 14px;
        font-weight: 400;
        line-height: 1; }
        @media (max-width: 992px) {
          .footer .varn-socials a span {
            font-size: 12px; } }
      .footer .varn-socials a i {
        line-height: 1.2; }
      .footer .varn-socials a i:before {
        font-size: 18px; }
    .footer .varn-socials a:hover i path {
      fill: var(--varn-blue);
      transition: .3s; }
    .footer .varn-socials .x-twitter-svg {
      margin-bottom: 3px; }
    .footer .varn-socials a:hover i:before,
    .footer .varn-socials a:hover span,
    .footer .varn-socials a:hover {
      color: var(--varn-blue);
      border-color: var(--varn-blue);
      transition: .3s; }
  .footer #up-arrow {
    position: fixed;
    cursor: pointer;
    bottom: 75px;
    right: 30px;
    z-index: 9;
    height: 34px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #fff;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s ease, background .3s ease; }
    .footer #up-arrow:hover {
      background: var(--ink-blue); }
    .footer #up-arrow img {
      transform: rotate(90deg); }
  .footer #up-arrow.active {
    opacity: .8;
    transition: opacity .3s ease, background .3s ease; }

.hero_banner {
  overflow: hidden;
  --hb1-pt: 250px;
  --hb-pt: 160px;
  background: var(--varn-blue);
  min-height: 530px;
  height: fit-content;
  padding-bottom: 78px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 1200px) {
    .hero_banner {
      padding-bottom: 60px; } }
  @media (max-width: 992px) {
    .hero_banner {
      --hb1-pt: 115px;
      --hb-pt: 115px;
      min-height: fit-content; } }
  .hero_banner-simple-title span {
    display: block;
    font-size: 86px;
    line-height: 0.95;
    color: var(--mid-blue);
    font-family: "ESBuildSemiBold", "sans-serif"; }
    @media (max-width: 992px) {
      .hero_banner-simple-title span {
        font-size: 59px; } }
  .hero_banner .vr-button {
    margin-top: 26px; }
    @media (max-width: 992px) {
      .hero_banner .vr-button {
        margin-top: 20px; } }

.hero-head-content {
  width: 43%;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media (max-width: 992px) {
    .hero-head-content {
      width: 100%; } }

.hero6-7 .hero-head-content {
  justify-content: flex-start;
  padding-top: 100px; }
  @media (max-width: 992px) {
    .hero6-7 .hero-head-content {
      padding-top: 0; } }

@media (min-width: 1200px) {
  .hero-container.mh-hero1 {
    min-height: 530px;
    padding-top: var(--hb1-pt); } }

.wh-larger .hero-head-content {
  width: 50%; }
  @media (max-width: 992px) {
    .wh-larger .hero-head-content {
      width: 100%; } }

.txt-anm {
  position: relative;
  height: 78px;
  --duratn: 0.4s; }
  @media (max-width: 992px) {
    .txt-anm {
      height: 56px; } }

.txt-anm > .title-txt,
.txt-anm > .mask-txt {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; }

.txt-anm > .title-txt {
  top: -5px;
  z-index: 2;
  display: inline-block;
  font-size: 86px;
  line-height: 1.12;
  vertical-align: middle;
  color: var(--mid-blue);
  font-family: "ESBuildSemiBold", "sans-serif";
  animation: hide-def-text 5s linear; }
  @media (max-width: 992px) {
    .txt-anm > .title-txt {
      font-size: 59px;
      top: 0; } }

.mask-txt {
  width: 0;
  z-index: 1; }
  @media (max-width: 992px) {
    .mask-txt img {
      max-height: 56px; } }

.is-animating .mask-txt {
  animation: bg-gradient var(--duratn) linear calc(var(--duratn) * var(--dly)); }

.is-animating .title-txt {
  animation: hide-text calc(var(--duratn) * var(--dly)) linear, bg-gradient var(--duratn) linear calc(var(--duratn) * var(--dly)); }

.hero-subtitle {
  margin-top: 26px;
  color: var(--mid-blue);
  font-size: 22px;
  line-height: 1.2; }
  @media (max-width: 992px) {
    .hero-subtitle {
      font-size: 18px;
      margin-top: 20px; } }
  .hero-subtitle.large {
    font-size: 35px; }
    @media (max-width: 992px) {
      .hero-subtitle.large {
        font-size: 26px; } }

/*moved rectangles HERO1*/
.move-rectangles {
  --width-screen: 1512;
  --rect-height: 8.5vw;
  width: 55%;
  height: calc(var(--rect-height) * 4);
  position: absolute;
  overflow: hidden;
  top: var(--hb1-pt);
  right: 0; }
  @media (min-width: 1513px) {
    .move-rectangles {
      --rect-height: 128px; } }
  @media (max-width: 1200px) {
    .move-rectangles {
      --width-screen: 1200;
      width: 70%;
      transform: scale(0.7, 0.8);
      transform-origin: right;
      top: var(--hb-pt); } }
  @media (max-width: 992px) {
    .move-rectangles {
      width: 85%;
      margin-top: 40px;
      margin-left: 15%;
      --width-screen: 992;
      --rect-height: 75px;
      position: relative;
      top: 0;
      transform: scale(1);
      overflow: hidden; } }
  @media (max-width: 576px) {
    .move-rectangles {
      --width-screen: 375;
      width: calc(100% - 30px);
      margin-left: 30px; } }

.anim_boxes {
  --duratn: 0.6s;
  --delay: 0.3s;
  --from-value: 2000px;
  height: var(--rect-height);
  border: 4px solid var(--mid-blue);
  border-radius: 8.75vw;
  position: absolute;
  animation: hide-def-text 3s linear; }
  @media (max-width: 992px) {
    .anim_boxes {
      --from-value: 1000px;
      border-width: 2.3px;
      border-radius: 80px; } }

:root {
  --transitionspeed: 1000ms;
  --ease_set: cubic-bezier(0, 1.4, 0.5, 1.4);
  --delay_amount: 200ms; }

.box_1 {
  transform: translateX(150%);
  transition: var(--transitionspeed) var(--ease_set);
  transition-delay: var(--delay_amount); }

.box_2 {
  transform: translateX(100%);
  transition: var(--transitionspeed) var(--ease_set);
  transition-delay: calc(var(--delay_amount) * 5); }

.box_3 {
  transform: translateX(150%);
  transition: var(--transitionspeed) cubic-bezier(0, 1.4, 0.5, 1.4); }

.box_4 {
  transform: translateX(100%);
  transition: var(--transitionspeed) var(--ease_set);
  transition-delay: calc(var(--delay_amount) * 3); }

.box_5 {
  transform: translateX(100%);
  transition: var(--transitionspeed) var(--ease_set);
  transition-delay: calc(var(--delay_amount) * 4); }

.box_6 {
  transform: translateX(100%);
  transition: var(--transitionspeed) var(--ease_set);
  transition-delay: calc(var(--delay_amount) * 2); }

.move-rectangles.move {
  overflow: visible; }
  .move-rectangles.move .box_1,
  .move-rectangles.move .box_2,
  .move-rectangles.move .box_3,
  .move-rectangles.move .box_4,
  .move-rectangles.move .box_5,
  .move-rectangles.move .box_6 {
    transform: translateX(0); }

@media (min-width: 1513px) {
  .box_1 {
    width: 389px;
    left: 283px; }

  .box_2 {
    width: 600px;
    left: 672px; }

  .box_3 {
    width: 613px; }

  .box_4 {
    width: 600px;
    left: 613px; }

  .box_5 {
    width: 1000px;
    left: 241px; }

  .box_6 {
    width: 900px;
    left: 367px; } }
.box_1 {
  width: calc((389 / var(--width-screen)) * 100vw);
  top: 0;
  --left: 283;
  left: calc((var(--left) / var(--width-screen)) * 100vw); }
  @media (max-width: 576px) {
    .box_1 {
      width: calc((188 / var(--width-screen)) * 100vw);
      --left: 77; } }

.box_2 {
  border-color: var(--purple);
  background-color: var(--purple);
  width: calc((458 / var(--width-screen)) * 100vw);
  top: 0;
  --left: 672;
  left: calc((var(--left) / var(--width-screen)) * 100vw); }
  @media (max-width: 576px) {
    .box_2 {
      width: calc((224 / var(--width-screen)) * 100vw);
      --left: 265; } }

.box_3 {
  background-color: var(--mid-blue);
  width: calc((613 / var(--width-screen)) * 100vw);
  top: var(--rect-height);
  left: 0;
  --left: 0; }
  @media (max-width: 576px) {
    .box_3 {
      width: calc((247 / var(--width-screen)) * 100vw); } }

.box_4 {
  border-color: var(--ink-blue);
  background-color: var(--ink-blue);
  width: calc((472 / var(--width-screen)) * 100vw);
  top: var(--rect-height);
  --left: 613;
  left: calc((var(--left) / var(--width-screen)) * 100vw); }
  @media (max-width: 576px) {
    .box_4 {
      width: calc((224 / var(--width-screen)) * 100vw);
      --left: 247; } }

.box_5 {
  width: calc((809 / var(--width-screen)) * 100vw);
  top: calc(var(--rect-height) * 2);
  --left: 241;
  left: calc((var(--left) / var(--width-screen)) * 100vw); }
  @media (max-width: 576px) {
    .box_5 {
      width: calc((350 / var(--width-screen)) * 100vw);
      --left: 53; } }

.box_6 {
  border-color: var(--white);
  background-color: var(--white);
  width: calc((718 / var(--width-screen)) * 100vw);
  top: calc(var(--rect-height) * 3);
  --left: 367;
  left: calc((var(--left) / var(--width-screen)) * 100vw); }
  @media (max-width: 576px) {
    .box_6 {
      width: calc((300 / var(--width-screen)) * 100vw);
      --left: 125; } }

/*hero-container*/
.hero-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: var(--hb-pt); }
  .hero-container.hero6-7 {
    padding-top: 130px; }
    @media (max-width: 992px) {
      .hero-container.hero6-7 {
        padding-top: var(--hb-pt); } }
  .hero-container.hero8 {
    padding-top: 200px;
    padding-bottom: 40px; }
    @media (max-width: 992px) {
      .hero-container.hero8 {
        padding-top: var(--hb-pt);
        padding-bottom: 26px; } }
    .hero-container.hero8 .hero-head-content {
      width: 100%; }
    .hero-container.hero8 .hero_banner-simple-title > span {
      text-align: center;
      width: fit-content;
      margin: 0 auto; }
    .hero-container.hero8 .hero-subtitle {
      text-align: center; }
    .hero-container.hero8 .vr-button {
      margin: 26px auto 0 auto; }
    .hero-container.hero8 .txt-anm {
      margin: 0 auto;
      text-wrap: nowrap; }
      @media (max-width: 992px) {
        .hero-container.hero8 .txt-anm {
          text-wrap: auto; } }

.hero-container .media-block {
  width: 55%;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  @media (max-width: 992px) {
    .hero-container .media-block {
      width: 100%;
      justify-content: center;
      margin-top: 40px; } }

.wh-larger .media-block {
  width: 50%; }
  @media (max-width: 992px) {
    .wh-larger .media-block {
      width: 100%; } }

.anim-hero2 {
  position: relative;
  width: 500px;
  height: 500px; }
  @media (max-width: 1200px) {
    .anim-hero2 {
      width: 34vw;
      height: 34vw; } }
  @media (max-width: 992px) {
    .anim-hero2 {
      width: 67vw;
      height: 67vw;
      max-width: 500px;
      max-height: 500px; } }

.anim-hero2 .anim-box {
  --align: 47px;
  --step1: 45%, 45%;
  position: absolute;
  top: calc((500px - 260px) / 2);
  left: calc((500px - 260px) / 2);
  width: 261px;
  height: 261px;
  border: 4px solid var(--mid-blue); }
  @media (max-width: 1200px) {
    .anim-hero2 .anim-box {
      width: 17.89vw;
      height: 17.89vw; } }
  @media (max-width: 992px) {
    .anim-hero2 .anim-box {
      width: 35vw;
      height: 35vw;
      max-width: 261px;
      max-height: 261px;
      top: 0;
      left: 0;
      transform: translate(45%, 45%); } }

.anim-hero2.is-animating .anim-box {
  top: 0;
  left: 0;
  animation: translate-box-4steps 5s linear infinite; }

/*hero banner moved circle HERO3*/
.moved-circle-block svg {
  max-width: 100%;
  height: auto; }

.is-animating .moved-circle circle {
  animation: move-circles 5s infinite; }

@media (max-width: 992px) {
  .disable-animated-media-mob ~ .move-rectangles .anim_boxes,
  .disable-animated-media-mob .anim-hero2.is-animating .anim-box,
  .disable-animated-media-mob .moved-circle circle,
  .disable-animated-title-mob .txt-anm > .title-txt,
  .is-animating .disable-animated-title-mob .mask-txt,
  .is-animating .disable-animated-title-mob .title-txt {
    animation: none; } }
.tech-seo-moved {
  animation: rotate-infinite 60s linear 1s infinite;
  transform-origin: center; }

@media (max-width: 576px) {
  .hero4-tech-seo {
    display: flex;
    align-items: center;
    max-width: 70vw;
    max-height: 70vw;
    overflow: hidden; } }
.hero4-tech-seo svg {
  width: 100%;
  height: 100%; }

@media (max-width: 992px) {
  .disable-animated-media-mob .tech-seo-moved {
    animation: none; } }
.hero-tps {
  width: 366px;
  height: 366px;
  position: relative;
  background: var(--varn-blue);
  z-index: 1; }
  @media (max-width: 576px) {
    .hero-tps {
      width: calc(366px * 0.8);
      height: calc(366px * 0.8); } }
  .hero-tps span {
    display: block;
    width: 4px;
    height: 100%;
    background: var(--mid-blue);
    position: absolute; }
    .hero-tps span.vertical {
      top: 0;
      left: 50%; }
    .hero-tps span.horizontal {
      transform: rotate(90deg);
      top: 2px;
      left: calc(50% - 2px); }
  .hero-tps .center-back {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    transform-origin: center;
    background: var(--varn-blue);
    border-radius: 50%;
    transform: scale(0.45);
    animation: scale-circle-hide 3s linear; }
  .hero-tps.is-animating .center-back {
    animation: scale-circle 0.5s linear; }
  .hero-tps .circle-sm,
  .hero-tps .circle-md {
    position: absolute;
    top: calc(50% - 83px);
    left: calc(50% - 83px);
    z-index: 3;
    width: 166px;
    height: 166px;
    border-radius: 50%;
    border: 4px solid var(--mid-blue);
    animation: border-none 2s; }
  .hero-tps .circle-sm {
    transform: scale(1.245);
    border-width: 3.5px;
    --c-scale0: 1;
    --bord-width0: 4px;
    --c-scale1: 1;
    --bord-width1: 4px;
    --c-scale2: 1.245;
    --bord-width2: 3.5px; }
    @media (max-width: 576px) {
      .hero-tps .circle-sm {
        transform: scale(1);
        border-width: 4px;
        --c-scale0: 0.8;
        --bord-width0: 5px;
        --c-scale1: 0.8;
        --bord-width1: 5px;
        --c-scale2: 1;
        --bord-width2: 4px; } }
  .hero-tps .circle-md {
    transform: scale(1.75);
    border-width: 2.5px;
    --c-scale0: 1;
    --bord-width0: 4px;
    --c-scale1: 1.245;
    --bord-width1: 3.5px;
    --c-scale2: 1.75;
    --bord-width2: 2.5px; }
    @media (max-width: 576px) {
      .hero-tps .circle-md {
        transform: scale(1.4);
        border-width: 3px;
        --c-scale0: 0.8;
        --bord-width0: 5px;
        --c-scale1: 1;
        --bord-width1: 4px;
        --c-scale2: 1.4;
        --bord-width2: 3px; } }
  .hero-tps.is-animating .circle-sm,
  .hero-tps.is-animating .circle-md {
    animation: border-none 2s, scale-circles-2steps 1s linear 1s; }
  .hero-tps .center {
    position: absolute;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    z-index: 4;
    width: 30px;
    height: 30px;
    background: url("../../assets/svg/tps-center.svg") center/contain no-repeat;
    transform-origin: center;
    animation: hide-def-text 3s; }
  .hero-tps.is-animating .center {
    animation: hide-def-text 2s, rotate-center 1.5s linear 2s infinite; }

@media (max-width: 992px) {
  .disable-animated-media-mob .hero-tps .center,
  .disable-animated-media-mob .hero-tps .circle-sm,
  .disable-animated-media-mob .hero-tps .circle-sm,
  .disable-animated-media-mob .hero-tps .center-back,
  .disable-animated-media-mob .hero-tps .circle-md {
    animation: none; } }
.hero41,
.hero42 {
  --dur: 7s;
  width: 480px;
  max-width: 100%;
  height: 480px;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  @media (max-width: 1200px) {
    .hero41,
    .hero42 {
      width: 400px;
      height: fit-content; } }
  @media (max-width: 576px) {
    .hero41,
    .hero42 {
      height: fit-content; } }
  @media (max-width: 1200px) {
    .hero41 svg,
    .hero42 svg {
      transform: scale(1.1);
      transform-origin: center;
      max-width: 100%;
      height: fit-content; } }
  .hero41 path.ray,
  .hero42 path.ray {
    opacity: 0; }

.hero42.is-animating path.ray {
  animation: visible-el var(--dur) linear calc(var(--order) * (var(--dur) / 32)) infinite; }
.hero42.is-animating path.ray1 {
  animation: visible-permanent var(--dur) linear calc((var(--dur) / 64)) infinite; }

.hero41 {
  --dur: 3.5s; }
  .hero41.is-animating path.ray {
    animation: visible-rays var(--dur) linear calc(var(--order) * (var(--dur) / 16)), rays-clip var(--dur) linear calc(var(--order) * (var(--dur) / 16)) infinite; }

@media (max-width: 992px) {
  .disable-animated-media-mob .hero41 path.ray,
  .disable-animated-media-mob .hero42 path.ray {
    opacity: 1;
    animation: none; } }
.hero6,
.hero7 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  @media (max-width: 768px) {
    .hero6,
    .hero7 {
      max-width: 100%;
      max-height: 630px; } }
  .hero6 > img,
  .hero7 > img {
    max-width: 100%; }
  .hero6 .img-wrapper,
  .hero7 .img-wrapper {
    position: absolute;
    overflow: hidden; }
    .hero6 .img-wrapper img,
    .hero7 .img-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.hero6 .img-wrapper {
  width: calc(100% / 18 * 14);
  height: calc(100% / 16 * 12);
  margin-left: 1px; }

.hero7 .img-wrapper {
  width: 67%;
  height: 100%; }

.drive_your_website_traffic {
  padding: 160px 0 140px;
  overflow: hidden; }
  @media (max-width: 992px) {
    .drive_your_website_traffic {
      padding: 40px 0; } }
  .drive_your_website_traffic .title {
    color: var(--mid-blue);
    font-size: 44px;
    font-weight: 400;
    line-height: 1.18;
    max-width: 940px;
    margin: 0 auto; }
    @media (max-width: 992px) {
      .drive_your_website_traffic .title {
        font-family: "ESBuildSemiBold", "sans-serif";
        font-size: 33px; } }

.appeared_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: fit-content;
  padding: 26px 0px 26px 0px;
  border-radius: 60px;
  margin-top: 50px;
  position: relative;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 992px) {
    .appeared_block {
      width: auto; } }
  .appeared_block .border_set {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border: 2px solid var(--grey);
    border-radius: 60px;
    width: 0;
    /* Initial state */
    opacity: 0;
    /* Start visible */
    box-sizing: border-box;
    pointer-events: none;
    /* Prevent interaction */ }
  @media (max-width: 992px) {
    .appeared_block {
      flex-direction: column;
      align-items: center;
      padding: 20px 60px;
      margin: 30px auto 0;
      border-radius: 30px;
      border-width: 1px; } }
  .appeared_block > div {
    font-size: 32px;
    font-weight: 400;
    line-height: 1;
    color: var(--mid-blue);
    padding: 20px 36px;
    opacity: 0; }
    @media (max-width: 1200px) {
      .appeared_block > div {
        padding: 20px 6px; } }
    @media (max-width: 992px) {
      .appeared_block > div {
        padding: 20px 36px; } }
    .appeared_block > div:first-child {
      padding: 20px 36px 20px 46px; }
      @media (max-width: 1200px) {
        .appeared_block > div:first-child {
          padding: 20px 6px 20px 46px; } }
      @media (max-width: 992px) {
        .appeared_block > div:first-child {
          padding: 20px 36px 20px 46px; } }
    .appeared_block > div:last-of-type {
      padding: 20px 46px 20px 36px; }
      @media (max-width: 1200px) {
        .appeared_block > div:last-of-type {
          padding: 20px 46px 20px 6px; } }
      @media (max-width: 992px) {
        .appeared_block > div:last-of-type {
          padding: 20px 46px 20px 36px; } }
  .appeared_block .vr-smile {
    padding-left: 0;
    padding-right: 0;
    width: 80px;
    border: 2px solid var(--grey);
    border-radius: 176px;
    background: url(../../assets/svg/smile.svg) center no-repeat;
    margin-right: 36px;
    margin-left: 36px; }
    @media (max-width: 1200px) {
      .appeared_block .vr-smile {
        margin-right: 6px;
        margin-left: 6px; } }
    @media (max-width: 992px) {
      .appeared_block .vr-smile {
        margin-right: 36px;
        margin-left: 36px;
        height: 74px; } }
  .appeared_block.completed .vr-smile {
    background: url(../../assets/svg/smile-2.svg) center no-repeat; }

/*full SEO Expertise*/
.full_expertise {
  min-height: 120vh;
  --left-block-w: 380px;
  --vr-gap: 75px;
  padding: 160px 0 0;
  position: relative;
  background: var(--ink-blue); }
  .full_expertise * {
    color: var(--white); }
  @media (max-width: 1200px) {
    .full_expertise {
      padding: 60px 0;
      --vr-gap: 60px; } }
  .full_expertise .content > div {
    display: flex;
    gap: var(--vr-gap);
    margin-bottom: 40px; }
    @media (max-width: 1200px) {
      .full_expertise .content > div {
        flex-direction: column; } }
    @media (max-width: 992px) {
      .full_expertise .content > div {
        gap: 20px; } }

.seo-exp-title {
  width: var(--left-block-w);
  font-family: 'ESBuildSemiBold';
  font-size: var(--h3);
  line-height: 1.15; }
  @media (max-width: 1200px) {
    .seo-exp-title {
      width: 100%; } }

.seo-exp-description {
  width: calc(100% - var(--left-block-w) - var(--vr-gap));
  font-family: 'ESBuildSemiBold';
  font-size: 35px;
  line-height: 1.22; }
  @media (max-width: 1200px) {
    .seo-exp-description {
      width: 100%;
      font-family: 'ESBuildReg'; } }
  @media (max-width: 992px) {
    .seo-exp-description {
      font-size: 26px; } }

.ellipses-block {
  width: var(--left-block-w);
  height: 367px;
  position: relative; }
  @media (max-width: 1200px) {
    .ellipses-block {
      width: 20vw;
      height: 20vw; } }
  @media (max-width: 768px) {
    .ellipses-block {
      width: 50vw;
      height: 50vw; } }
  .ellipses-block .vr-ellipse {
    width: 245px;
    height: 245px;
    border: 3px solid rgba(209, 209, 209, 0.2);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(var(--step3)); }
    @media (max-width: 1200px) {
      .ellipses-block .vr-ellipse {
        width: 13vw;
        height: 13vw; } }
    @media (max-width: 768px) {
      .ellipses-block .vr-ellipse {
        width: 32vw;
        height: 32vw; } }
    .ellipses-block .vr-ellipse.ellipse0 {
      --step1:25%,23%;
      --step2:25%,0%;
      --step3:0%,0%; }
    .ellipses-block .vr-ellipse.ellipse1 {
      --step1:25%,23%;
      --step2:25%,0%;
      --step3:53%,0%; }
    .ellipses-block .vr-ellipse.ellipse2 {
      --step1:25%,23%;
      --step2:25%,50%;
      --step3:0%,50%; }
    .ellipses-block .vr-ellipse.ellipse3 {
      --step1:25%,23%;
      --step2:25%,50%;
      --step3:53%,50%; }
  .ellipses-block.is-animating .vr-ellipse {
    animation: translate-box 2s cubic-bezier(0.5, 0, 0, 1), opacity-border 2s linear; }
  .ellipses-block .vr-ellipse.active {
    background: var(--backgr-url) center/contain no-repeat;
    z-index: 2; }
    .ellipses-block .vr-ellipse.active.ellipse0, .ellipses-block .vr-ellipse.active.ellipse1, .ellipses-block .vr-ellipse.active.ellipse2, .ellipses-block .vr-ellipse.active.ellipse3 {
      border: none; }

.interactive-block {
  padding-bottom: var(--pad-vertical);
  background: var(--ink-blue);
  position: relative;
  transition: all .1s; }
  @media (max-width: 1200px) {
    .interactive-block {
      padding-bottom: 0; } }
  .interactive-block > div {
    height: 100vh;
    min-height: 380px;
    display: flex;
    align-items: center;
    gap: var(--vr-gap); }
    @media (max-width: 1200px) {
      .interactive-block > div {
        height: fit-content;
        flex-direction: column;
        align-items: flex-start; } }
  .interactive-block .content-block {
    display: flex;
    width: calc(100% - var(--left-block-w) - var(--vr-gap));
    height: 100%; }
    @media (max-width: 1200px) {
      .interactive-block .content-block {
        width: 100%;
        height: fit-content;
        flex-direction: column; } }

.expertise-list {
  width: 50%;
  min-height: 367px;
  padding: 0 var(--vr-gap) var(--vr-gap) 0;
  list-style-type: none;
  margin-top: auto;
  margin-bottom: auto; }
  @media (max-width: 1200px) {
    .expertise-list {
      width: 100%;
      min-height: fit-content;
      padding: 0;
      margin-bottom: 60px; } }
  .expertise-list > li {
    font-family: 'ESBuildSemiBold', 'sans-serif';
    font-size: 28px;
    line-height: 1.28;
    margin-bottom: 24px;
    opacity: .2;
    transition: opacity .3s; }
    @media (max-width: 992px) {
      .expertise-list > li {
        font-size: 22px;
        margin-bottom: 20px; } }
    .expertise-list > li:last-child {
      margin-bottom: 0; }
    .expertise-list > li.active {
      opacity: 1;
      transition: opacity .3s; }

.expertise-description {
  max-height: 100%;
  overflow-y: hidden;
  scrollbar-width: none;
  position: absolute;
  width: 100%;
  z-index: 1;
  right: 0; }
  @media (min-width: 1512px) {
    .expertise-description {
      padding-right: calc(50% - 681px); } }
  @media (max-width: 1200px) {
    .expertise-description {
      position: static;
      max-height: 350px;
      width: 100%;
      padding: 0 6px 0 0;
      overflow-y: scroll;
      scrollbar-width: auto;
      z-index: 0; } }
  .expertise-description::-webkit-scrollbar {
    width: 0; }
    @media (max-width: 1200px) {
      .expertise-description::-webkit-scrollbar {
        width: 3px; } }
    .expertise-description::-webkit-scrollbar-track {
      background: var(--ink-blue); }
    .expertise-description::-webkit-scrollbar-thumb {
      background: var(--grey);
      border-radius: 10px; }
  .expertise-description > div {
    margin: 30% 0;
    width: 30%;
    margin-left: auto; }
    @media (max-width: 1200px) {
      .expertise-description > div {
        margin: 0 0 60px;
        width: 100%; } }
    @media (max-width: 768px) {
      .expertise-description > div {
        max-width: 400px;
        margin-bottom: 50px; } }
    .expertise-description > div:last-child {
      margin-bottom: 600px; }
      @media (max-width: 1200px) {
        .expertise-description > div:last-child {
          margin-bottom: 100px; } }
  .expertise-description p {
    font-size: 19px;
    line-height: 1.4;
    margin: 0 0 24px; }

.vr-testimonial .default-copy {
  font-family: "ESBuildSemiBold";
  font-size: var(--h1);
  line-height: 1.1;
  padding-left: 122px;
  margin-bottom: 92px; }
  @media (max-width: 992px) {
    .vr-testimonial .default-copy {
      font-size: var(--h2);
      padding-left: 0;
      margin-bottom: 30px; } }
.vr-testimonial .mixed-content {
  width: 84%; }
  @media (max-width: 992px) {
    .vr-testimonial .mixed-content {
      width: 100%; } }
  .vr-testimonial .mixed-content .longer-copy {
    font-family: "ESBuildSemiBold";
    font-size: var(--h4);
    line-height: 1.18; }
    .vr-testimonial .mixed-content .longer-copy.text-mblue * {
      color: var(--mid-blue);
      font-family: "ESBuildSemiBold";
      font-size: var(--h4);
      line-height: 1.18; }
  .vr-testimonial .mixed-content .additional-copy {
    margin-top: 40px; }
    @media (max-width: 992px) {
      .vr-testimonial .mixed-content .additional-copy {
        margin-top: 20px; } }
.vr-testimonial .author-data {
  display: flex;
  justify-content: flex-end;
  column-gap: 18px; }
  .vr-testimonial .author-data .author-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    row-gap: 5px; }
    .vr-testimonial .author-data .author-content p {
      margin: 0; }
  .vr-testimonial .author-data img {
    border-radius: 50%;
    width: 75px;
    height: 75px; }
    @media (max-width: 992px) {
      .vr-testimonial .author-data img {
        width: 56px;
        height: 56px; } }
.vr-testimonial .source-quote {
  text-align: right;
  margin-top: 0.6rem; }

.cta-block.cta1 {
  background: url(../../../varn/assets/svg/cta1-1.svg) right bottom no-repeat, url(../../../varn/assets/svg/cta1-2.svg) right 132% no-repeat, var(--ink-blue); }
  @media (max-width: 992px) {
    .cta-block.cta1 {
      background: url(../../../varn/assets/svg/cta1-1.svg) 80vw bottom no-repeat, url(../../../varn/assets/svg/cta1-2.svg) 85vw 121% no-repeat, var(--ink-blue); } }
  @media (max-width: 768px) {
    .cta-block.cta1 {
      background: url(../../../varn/assets/svg/cta1-1.svg) 70vw -50px no-repeat, url(../../../varn/assets/svg/cta1-2.svg) 80vw 121% no-repeat, var(--ink-blue); } }
.cta-block.cta2 {
  background: url(../../../varn/assets/svg/cta2-1.svg) right top no-repeat, url(../../../varn/assets/svg/cta2-2.svg) right bottom no-repeat, var(--ink-blue); }
  @media (max-width: 992px) {
    .cta-block.cta2 {
      background: url(../../../varn/assets/svg/cta2m.svg) left top/45% repeat-x, url(../../../varn/assets/svg/cta2m.svg) left bottom/45% repeat-x, var(--ink-blue); } }
  @media (max-width: 576px) {
    .cta-block.cta2 {
      background: url(../../../varn/assets/svg/cta2m.svg) left top/70% repeat-x, url(../../../varn/assets/svg/cta2m.svg) left bottom/70% repeat-x, var(--ink-blue); } }
.cta-block.cta3 {
  width: 100%;
  overflow-x: hidden;
  background: var(--mid-blue);
  padding-top: 50px;
  padding-bottom: 50px; }
  .cta-block.cta3 .vr-container {
    position: relative; }
  @media (min-width: 1200px) {
    .cta-block.cta3 .cta3-back {
      border-right: 1px solid var(--varn-blue);
      overflow: hidden; } }
  @media (min-width: 992px) {
    .cta-block.cta3 .cta3-back {
      border-right: none;
      overflow: visible; } }
  @media (min-width: 1200px) {
    .cta-block.cta3 .cta3-back .img-desc {
      width: 100%; } }
  @media (max-width: 577px) {
    .cta-block.cta3 .cta3-back .img-desc {
      display: none; } }
  .cta-block.cta3 .cta3-back .img-mob {
    width: 100%;
    height: auto; }
  .cta-block.cta3 .cta-content {
    max-width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    @media (max-width: 1512px) {
      .cta-block.cta3 .cta-content {
        width: 45%; } }
    @media (max-width: 992px) {
      .cta-block.cta3 .cta-content {
        max-width: 100%;
        width: 80%; } }
    .cta-block.cta3 .cta-content .title {
      text-align: left; }
    .cta-block.cta3 .cta-content .vr-button {
      margin-left: 0; }

.cta-block {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media (max-width: 992px) {
    .cta-block {
      padding-top: 60px;
      padding-bottom: 60px; } }
  .cta-block .title {
    text-align: center;
    color: #fff; }
  .cta-block .vr-button {
    margin: 26px auto 0; }
    @media (max-width: 992px) {
      .cta-block .vr-button {
        margin-top: 18px; } }

.woodland_image > .vr-container .section-title {
  line-height: 1.2; }
.woodland_image > .vr-container > :last-child {
  margin-bottom: 50px; }
.woodland_image .wi-item {
  padding-bottom: 80px; }
  @media (max-width: 992px) {
    .woodland_image .wi-item {
      padding-bottom: 60px; } }
.woodland_image .wi-line {
  border-top: 1px solid #000;
  width: 100%;
  margin-bottom: 80px; }
  @media (max-width: 992px) {
    .woodland_image .wi-line {
      margin-bottom: 55px; } }
.woodland_image .wi-title {
  margin-bottom: 50px; }
  @media (max-width: 992px) {
    .woodland_image .wi-title {
      margin-bottom: 30px; } }
.woodland_image .wi-image {
  max-width: 100%; }

.sitemap-section {
  margin-bottom: 160px; }
  @media (max-width: 992px) {
    .sitemap-section {
      margin-bottom: 80px; } }
  .sitemap-section .post-list {
    list-style-type: none; }

#load-more {
  margin-top: 80px; }
  @media (max-width: 992px) {
    #load-more {
      margin-top: 60px; } }

.map_half_width .vr-container {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .map_half_width .vr-container {
      flex-direction: column; } }
.map_half_width .copy img {
  max-width: 100%; }
.map_half_width .content-block {
  width: 40%; }
  @media (max-width: 1200px) {
    .map_half_width .content-block {
      width: 50%; } }
  @media (max-width: 768px) {
    .map_half_width .content-block {
      width: 100%;
      margin-bottom: 20px; } }
.map_half_width .map-half-width {
  width: 56%;
  height: 463px; }
  @media (max-width: 1200px) {
    .map_half_width .map-half-width {
      width: 48%; } }
  @media (max-width: 768px) {
    .map_half_width .map-half-width {
      width: 100%; } }

.map-full-width {
  height: 463px; }

.full_width_text .copy {
  margin-bottom: 20px; }
.full_width_text img {
  max-width: 100%; }

.mid_page_title .title {
  margin-top: var(--m-top);
  margin-bottom: var(--m-bot); }
  @media (max-width: 992px) {
    .mid_page_title .title {
      margin-top: var(--m-top-m);
      margin-bottom: var(--m-bot-m); } }

.vr-breadcrumb {
  padding: 14px 0; }
  .vr-breadcrumb p {
    margin-bottom: 0; }
    .vr-breadcrumb p * {
      font-size: 15px;
      line-height: 1.45;
      color: var(--ink-blue);
      font-weight: normal; }

.pre-footer {
  background: var(--ink-blue);
  padding: 100px 0 65px; }
  @media (max-width: 992px) {
    .pre-footer {
      padding: 60px 0; } }
  .pre-footer .title {
    max-width: 685px;
    font-size: var(--h4);
    line-height: 1.18;
    margin-bottom: 23px; }
  .pre-footer .cmApp_errorMsg * {
    color: #fff; }
  .pre-footer .field-container {
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 25px; }
    @media (max-width: 992px) {
      .pre-footer .field-container {
        flex-direction: column;
        align-items: flex-start !important; } }
    .pre-footer .field-container .cmApp_fieldWrap {
      column-gap: 20px;
      row-gap: 25px; }
      @media (max-width: 992px) {
        .pre-footer .field-container .cmApp_fieldWrap {
          flex-direction: column; } }
    @media (max-width: 992px) {
      .pre-footer .field-container > div {
        width: 100%; } }
    .pre-footer .field-container label {
      color: #fff;
      font-size: var(--h6);
      margin-bottom: 6px; }
    .pre-footer .field-container input[type="text"],
    .pre-footer .field-container input[type="email"] {
      width: 340px;
      height: 75px;
      font-size: var(--h6);
      line-height: 1.18;
      color: var(--white) !important;
      border: 2px solid var(--grey);
      border-radius: 9px;
      background: var(--ink-blue) !important;
      outline: none;
      padding: 10px; }
      @media (max-width: 992px) {
        .pre-footer .field-container input[type="text"],
        .pre-footer .field-container input[type="email"] {
          height: 56px;
          border-width: 1.5px;
          border-radius: 2.25px; } }
      @media (max-width: 576px) {
        .pre-footer .field-container input[type="text"],
        .pre-footer .field-container input[type="email"] {
          width: 100%; } }
    .pre-footer .field-container input[type="text"]:-webkit-autofill,
    .pre-footer .field-container input[type="email"]:-webkit-autofill {
      background-color: var(--ink-blue) !important;
      color: var(--white) !important;
      -webkit-box-shadow: 0 0 0px 1000px var(--ink-blue) inset !important;
      box-shadow: 0 0 0px 1000px var(--ink-blue) inset !important;
      -webkit-text-fill-color: #fff !important; }
    .pre-footer .field-container input[type="text"]:-webkit-autofill:focus,
    .pre-footer .field-container input[type="email"]:-webkit-autofill:focus {
      font-size: var(--h6);
      color: var(--white) !important;
      background: var(--ink-blue) !important;
      -webkit-text-fill-color: #fff !important; }
    .pre-footer .field-container .btn-submit-container {
      position: relative;
      width: fit-content;
      height: fit-content; }
      .pre-footer .field-container .btn-submit-container input[type="submit"] {
        height: 76px;
        font-size: var(--h6);
        position: relative;
        border: none;
        outline: none;
        background: var(--varn-blue) !important;
        color: var(--ink-blue) !important;
        border-radius: 200px;
        padding-right: 114px;
        padding-left: 38px; }
        @media (max-width: 992px) {
          .pre-footer .field-container .btn-submit-container input[type="submit"] {
            height: 58px;
            padding-right: 92px;
            padding-left: 36px; } }
      .pre-footer .field-container .btn-submit-container:after {
        content: url("../svg/btn-arrow-big-ink.svg") !important;
        position: absolute !important;
        top: calc(50% - 11px);
        right: 56px;
        transition: right .2s; }
        @media (max-width: 992px) {
          .pre-footer .field-container .btn-submit-container:after {
            content: url("../svg/btn-arrow-ink.svg") !important;
            right: 12px; } }
      .pre-footer .field-container .btn-submit-container:hover:after {
        right: 32px;
        transition: right .2s; }
        @media (max-width: 992px) {
          .pre-footer .field-container .btn-submit-container:hover:after {
            right: -7px; } }
  .pre-footer .cmApp_statusContainer {
    margin-top: 23px;
    font-size: var(--h6);
    color: var(--varn-blue); }

.logo-slider-section .title {
  margin-bottom: 115px; }
  @media (max-width: 992px) {
    .logo-slider-section .title {
      margin-bottom: 60px; } }
.logo-slider-section .slick-track {
  display: flex;
  column-gap: 100px; }
  @media (max-width: 576px) {
    .logo-slider-section .slick-track {
      column-gap: 70px; } }
.logo-slider-section .slick-slide {
  height: inherit;
  display: flex;
  align-items: center; }
  .logo-slider-section .slick-slide > div {
    height: fit-content; }
.logo-slider-section .logo-slider-item {
  height: fit-content; }
  .logo-slider-section .logo-slider-item img {
    width: auto;
    height: auto;
    max-width: 150px;
    max-height: 70px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }

.images-scrolling-slider .slick-track {
  display: flex; }
.images-scrolling-slider .slick-slide {
  height: 308px; }
  @media (max-width: 768px) {
    .images-scrolling-slider .slick-slide {
      height: 231px; } }
.images-scrolling-slider .item {
  height: 308px; }
  @media (max-width: 768px) {
    .images-scrolling-slider .item {
      height: 231px; } }
  .images-scrolling-slider .item img {
    height: 100%; }
.images-scrolling-slider .slick-next,
.images-scrolling-slider .slick-prev {
  width: 21px;
  height: 38px;
  z-index: 1; }
.images-scrolling-slider .slick-prev {
  left: 20px; }
.images-scrolling-slider .slick-next {
  right: 20px; }

.vertical_spacer-big {
  height: 160px; }
  @media (max-width: 992px) {
    .vertical_spacer-big {
      height: 60px; } }
.vertical_spacer-small {
  height: 80px; }
  @media (max-width: 992px) {
    .vertical_spacer-small {
      height: 60px; } }

.results-block {
  padding-top: 70px;
  padding-bottom: 130px; }
  @media (max-width: 992px) {
    .results-block {
      padding-top: 60px;
      padding-bottom: 60px; } }
  .results-block .first-row {
    justify-content: space-between; }
    .results-block .first-row .title {
      color: var(--mid-blue);
      font-size: var(--h4); }
  .results-block .results-heading {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 0; }
    @media (max-width: 1200px) {
      .results-block .results-heading {
        width: 45%;
        padding-top: 0; } }
    @media (max-width: 992px) {
      .results-block .results-heading {
        width: 100%;
        padding-bottom: 40px; } }
  .results-block .results-image {
    width: 65%;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    @media (max-width: 1200px) {
      .results-block .results-image {
        width: 50%; } }
    @media (max-width: 992px) {
      .results-block .results-image {
        display: block;
        width: 100%;
        max-width: 650px;
        margin-bottom: 20px; } }
    .results-block .results-image img {
      max-width: 100%; }
    .results-block .results-image .rainbow_set {
      max-width: 100%; }
      .results-block .results-image .rainbow_set path {
        stroke-dasharray: 2000;
        stroke-dashoffset: -2000; }
      .results-block .results-image .rainbow_set.active path {
        animation: drawFromLeft 3s cubic-bezier(0, 0, 0, 1.24) forwards; }
        .results-block .results-image .rainbow_set.active path:nth-of-type(1) {
          animation-delay: 1.5s; }
        .results-block .results-image .rainbow_set.active path:nth-of-type(2) {
          animation-delay: 1s; }
        .results-block .results-image .rainbow_set.active path:nth-of-type(3) {
          animation-delay: 0.5s; }
        .results-block .results-image .rainbow_set.active path:nth-of-type(4) {
          animation-delay: 0s; }
  .results-block .results-content {
    display: flex;
    margin-top: 40px; }
    @media (max-width: 992px) {
      .results-block .results-content {
        flex-direction: column;
        row-gap: 37px; } }
    .results-block .results-content .item {
      width: 25%;
      min-height: 200px;
      border-left: 2px solid var(--ink-blue);
      padding: 0 37px 20px;
      color: var(--ink-blue); }
      @media (max-width: 992px) {
        .results-block .results-content .item {
          width: 100%; } }
      .results-block .results-content .item .item-content {
        max-width: 236px; }
      .results-block .results-content .item:first-child {
        border-color: var(--mid-blue); }
        .results-block .results-content .item:first-child * {
          color: var(--mid-blue); }
      .results-block .results-content .item:nth-child(3) {
        border-color: var(--purple); }
        .results-block .results-content .item:nth-child(3) * {
          color: var(--purple); }
      .results-block .results-content .item .value {
        display: flex; }
        .results-block .results-content .item .value * {
          font-size: var(--h3);
          line-height: 0.9;
          font-family: "ESBuildSemiBold"; }
      .results-block .results-content .item .description {
        font-family: "ESBuildSemiBold";
        line-height: 1.45; }
      .results-block .results-content .item img {
        max-height: 70px;
        max-width: 100%;
        margin-top: 12px; }
        @media (max-width: 786px) {
          .results-block .results-content .item img {
            max-height: 60px; } }
  .results-block.results2 {
    background: var(--ink-blue); }
    .results-block.results2 .first-row {
      color: var(--white); }
      .results-block.results2 .first-row .subtitle,
      .results-block.results2 .first-row .title {
        color: var(--white); }
    .results-block.results2 .item:first-child {
      border-color: var(--varn-blue); }
      .results-block.results2 .item:first-child * {
        color: var(--varn-blue); }
    .results-block.results2 .item:nth-child(2) {
      border-color: var(--grey); }
      .results-block.results2 .item:nth-child(2) * {
        color: var(--grey); }
    .results-block.results2 .item:nth-child(3) {
      border-color: var(--green); }
      .results-block.results2 .item:nth-child(3) * {
        color: var(--green); }
    .results-block.results2 .item:nth-child(4) {
      border-color: var(--white); }
      .results-block.results2 .item:nth-child(4) * {
        color: var(--white); }
  .results-block.results3 .item {
    width: 30%; }
    @media (max-width: 992px) {
      .results-block.results3 .item {
        width: 100%; } }
    .results-block.results3 .item:nth-child(4) {
      display: none; }

@keyframes drawFromLeft {
  to {
    stroke-dashoffset: 0; } }
.cards-block {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 50px;
  row-gap: 80px;
  margin-top: 80px; }
  @media (max-width: 992px) {
    .cards-block {
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      margin-top: 33px; } }
  @media (max-width: 768px) {
    .cards-block {
      grid-template-columns: 1fr; } }

.card-item {
  border-left: 2px solid var(--mid-blue);
  padding-left: 40px;
  height: fit-content; }
  @media (max-width: 992px) {
    .card-item {
      max-width: 450px;
      padding-left: 30px; } }
  .card-item .card-title {
    line-height: 1.22;
    margin-bottom: 40px; }
    @media (max-width: 992px) {
      .card-item .card-title {
        margin-bottom: 30px; } }
  .card-item .vr-button {
    margin-bottom: 40px; }
    @media (max-width: 992px) {
      .card-item .vr-button {
        margin-bottom: 30px; } }

.insights-section-title {
  font-size: var(--h3);
  margin-bottom: 60px; }

#search-container {
  display: flex;
  column-gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 80px; }
  @media (max-width: 768px) {
    #search-container {
      margin-bottom: 50px;
      flex-direction: column;
      row-gap: 20px; } }
  #search-container .search-form {
    display: flex;
    width: 340px;
    height: 40px;
    border: 2px solid var(--grey);
    border-radius: 10px; }
    @media (max-width: 500px) {
      #search-container .search-form {
        width: 100%; } }
    #search-container .search-form .search-input {
      width: calc(100% - 70px);
      padding: 8px 11px;
      border: none;
      background: none;
      outline: none; }
    #search-container .search-form .search-button {
      display: block;
      width: 40px;
      height: 100%;
      background: url(../svg/search-icon.svg) center no-repeat;
      cursor: pointer; }
    #search-container .search-form .clear-search {
      width: 30px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity .3s;
      cursor: pointer; }
      #search-container .search-form .clear-search i {
        color: var(--grey); }
  #search-container .refine-container {
    position: relative; }
    #search-container .refine-container .refinement-button {
      width: fit-content;
      height: 40px;
      padding: 7px 60px 7px 20px;
      background: var(--grey);
      border-radius: 99px;
      position: relative;
      cursor: pointer; }
      #search-container .refine-container .refinement-button:after {
        content: url(../svg/filter-down-icon.svg);
        position: absolute;
        top: 6px;
        right: 16px; }
      #search-container .refine-container .refinement-button.active:after {
        transform: scaleY(-1);
        top: 7px; }
    #search-container .refine-container .refinement-list-wrapper {
      left: -3000px;
      width: 345px;
      height: 240px;
      position: absolute;
      z-index: 10;
      background: #fff;
      border: 1px solid var(--grey);
      border-radius: 10px; }
      @media (max-width: 500px) {
        #search-container .refine-container .refinement-list-wrapper {
          max-width: 100%; } }
      #search-container .refine-container .refinement-list-wrapper.active {
        left: 0; }
    #search-container .refine-container #refinement-list {
      width: 100%;
      height: 120px;
      padding: 0 20px;
      margin: 20px 0;
      overflow-y: scroll;
      display: flex;
      flex-wrap: wrap;
      row-gap: 10px;
      column-gap: 6px;
      gap: 10px 6px;
      scrollbar-width: thin;
      scrollbar-color: var(--grey) transparent; }
      #search-container .refine-container #refinement-list::-webkit-scrollbar {
        width: 2px; }
      #search-container .refine-container #refinement-list::-webkit-scrollbar-track {
        background: none;
        border-radius: 10px; }
      #search-container .refine-container #refinement-list::-webkit-scrollbar-thumb {
        background: var(--grey);
        border-radius: 10px; }
      #search-container .refine-container #refinement-list::-moz-scrollbar {
        width: 2px; }
      #search-container .refine-container #refinement-list::-moz-scrollbar-track {
        background: none;
        border-radius: 10px; }
      #search-container .refine-container #refinement-list::-moz-scrollbar-thumb {
        background: var(--grey);
        border-radius: 10px; }
    #search-container .refine-container .action-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: 1px solid var(--grey);
      padding: 20px; }
      #search-container .refine-container .action-container .clear-all-button {
        font-size: 16px;
        text-decoration: underline;
        cursor: pointer;
        line-height: 1; }

#refinement-list .filter-item input {
  position: absolute;
  opacity: 0; }
#refinement-list .filter-item label {
  position: relative;
  font-size: 16px;
  line-height: 1.3;
  padding: 5px 10px;
  border-radius: 10px;
  border: 1px solid var(--grey);
  cursor: pointer; }
#refinement-list .filter-item input[type="checkbox"]:checked ~ label {
  color: #fff;
  background: var(--ink-blue);
  padding-left: 30px; }
  #refinement-list .filter-item input[type="checkbox"]:checked ~ label:before {
    content: url(../svg/filter-tick-icon.svg);
    position: absolute;
    top: 5px;
    left: 10px; }

.insights-block #showing-results {
  font-size: var(--h5); }
  .insights-block #showing-results ~ #hits-container {
    margin-top: 0; }
.insights-block #load-more-articles {
  margin-top: 80px; }
  @media (max-width: 992px) {
    .insights-block #load-more-articles {
      margin-top: 60px; } }

.hero-container .category-date,
.card-item .category-date,
.insights-featured-article .category-date {
  display: flex;
  column-gap: 16px;
  margin-bottom: 15px;
  flex-wrap: wrap; }
  .hero-container .category-date span,
  .card-item .category-date span,
  .insights-featured-article .category-date span {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    column-gap: 5px; }
    .hero-container .category-date span a,
    .card-item .category-date span a,
    .insights-featured-article .category-date span a {
      text-decoration: none;
      margin-right: -4px; }
    .hero-container .category-date span:before,
    .card-item .category-date span:before,
    .insights-featured-article .category-date span:before {
      content: '';
      width: 4px;
      height: 4px;
      background: var(--ink-blue);
      border-radius: 4px;
      display: flex;
      flex-shrink: 0; }
.hero-container .author .photo-search,
.hero-container .author .photo,
.card-item .author .photo-search,
.card-item .author .photo,
.insights-featured-article .author .photo-search,
.insights-featured-article .author .photo {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  margin-right: 10px; }
.hero-container .author .info p,
.card-item .author .info p,
.insights-featured-article .author .info p {
  font-size: 16px;
  margin: 0; }
.hero-container .author .info p a,
.card-item .author .info p a,
.insights-featured-article .author .info p a {
  font-size: 16px;
  text-decoration: none; }
.hero-container .link-title,
.card-item .link-title,
.insights-featured-article .link-title {
  text-decoration: none; }

.latest-insights .title {
  font-size: var(--h3); }

.card-item .author .photo-search {
  background-color: var(--grey); }

.popup-form {
  display: none; }
  .popup-form.active {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000; }
  .popup-form .form-container {
    width: 560px;
    height: fit-content;
    max-height: 100vh;
    overflow-y: scroll;
    position: relative;
    background: #fff;
    padding: 37px 70px 48px;
    box-shadow: 0px 4px 110px 0px #00000059;
    scrollbar-width: none; }
    .popup-form .form-container::-webkit-scrollbar {
      width: 0; }
    @media (max-width: 576px) {
      .popup-form .form-container {
        width: 100%;
        padding: 37px 30px 48px; } }
    .popup-form .form-container .form-wrapper > p a {
      font-weight: bold;
      text-decoration: none;
      white-space: nowrap; }
      .popup-form .form-container .form-wrapper > p a:hover span {
        color: var(--mid-blue); }
    .popup-form .form-container .close-form-button {
      font-size: 30px;
      width: 30px;
      text-align: center;
      position: absolute;
      top: 15px;
      right: 15px;
      cursor: pointer; }
      @media (max-width: 576px) {
        .popup-form .form-container .close-form-button {
          top: 25px;
          right: 25px; } }

.wpcf7 form .wpcf7-response-output {
  margin: 0.5rem 0; }

.wpcf7-form label {
  width: 100%; }
.wpcf7-form input, .wpcf7-form textarea {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 2px solid var(--grey);
  padding: 10px;
  outline: none; }
.wpcf7-form textarea {
  height: 143px; }
.wpcf7-form p {
  margin-bottom: .7rem; }
.wpcf7-form .submit-button {
  display: flex;
  justify-content: flex-end; }
  .wpcf7-form .submit-button > p {
    display: flex;
    width: fit-content;
    flex-direction: row-reverse;
    margin-bottom: 0;
    position: relative; }
    .wpcf7-form .submit-button > p:after {
      content: url("../svg/btn-arrow-white.svg");
      position: absolute;
      top: calc(50% - 12px);
      right: -3px;
      transition: right .2s; }
      @media (max-width: 992px) {
        .wpcf7-form .submit-button > p:after {
          top: calc(50% - 10px); } }
    .wpcf7-form .submit-button > p:hover:after {
      right: -18px;
      transition: right .2s; }
  .wpcf7-form .submit-button input[type="submit"] {
    width: fit-content;
    padding: 7px 60px 7px 20px;
    background: var(--mid-blue);
    color: #fff;
    border: none;
    border-radius: 100px; }

.services_take_over {
  background: var(--ink-blue); }
  .services_take_over * {
    color: #fff; }
  .services_take_over .section-title {
    font-size: var(--h3); }
  .services_take_over .services_container {
    display: flex;
    justify-content: center;
    margin-top: 95px; }
    @media (max-width: 768px) {
      .services_take_over .services_container {
        margin-top: 60px; } }
    .services_take_over .services_container img {
      width: 100%;
      max-width: 942px; }

.mid_page_content {
  overflow: hidden; }
  .mid_page_content .section-title {
    font-size: var(--h4); }
  .mid_page_content .varnblue-content,
  .mid_page_content .dark-content {
    display: flex; }
    @media (max-width: 992px) {
      .mid_page_content .varnblue-content,
      .mid_page_content .dark-content {
        flex-direction: column;
        row-gap: 60px; } }
    @media (max-width: 576px) {
      .mid_page_content .varnblue-content,
      .mid_page_content .dark-content {
        row-gap: 40px; } }
    .mid_page_content .varnblue-content .image,
    .mid_page_content .dark-content .image {
      width: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 992px) {
        .mid_page_content .varnblue-content .image,
        .mid_page_content .dark-content .image {
          width: 100%; } }
      .mid_page_content .varnblue-content .image img,
      .mid_page_content .dark-content .image img {
        width: 100%;
        max-width: 700px; }
    .mid_page_content .varnblue-content .content,
    .mid_page_content .dark-content .content {
      width: 50%;
      padding-left: 63px; }
      @media (max-width: 992px) {
        .mid_page_content .varnblue-content .content,
        .mid_page_content .dark-content .content {
          width: 100%;
          padding-left: 0; } }
      .mid_page_content .varnblue-content .content .copy.white *,
      .mid_page_content .dark-content .content .copy.white * {
        color: var(--white); }
      .mid_page_content .varnblue-content .content .copy.varn-blue *,
      .mid_page_content .dark-content .content .copy.varn-blue * {
        color: var(--varn-blue); }
      .mid_page_content .varnblue-content .content .copy.mid-blue *,
      .mid_page_content .dark-content .content .copy.mid-blue * {
        color: var(--mid-blue); }
      .mid_page_content .varnblue-content .content .copy.ink-blue *,
      .mid_page_content .dark-content .content .copy.ink-blue * {
        color: var(--ink-blue); }
  .mid_page_content .dark {
    background: var(--ink-blue); }
    .mid_page_content .dark-content .title,
    .mid_page_content .dark-content .copy * {
      color: #fff; }
    .mid_page_content .dark-content .title span,
    .mid_page_content .dark-content .copy span {
      color: var(--varn-blue); }
  .mid_page_content .varnblue {
    background: var(--varn-blue); }
    .mid_page_content .varnblue-content .title,
    .mid_page_content .varnblue-content .copy.default * {
      color: var(--mid-blue); }
    .mid_page_content .varnblue-content .copy.default span {
      color: var(--ink-blue); }
  .mid_page_content .content-rounded {
    display: flex;
    align-items: center; }
    .mid_page_content .content-rounded .image {
      width: 50%;
      height: 580px;
      border-radius: 0 999px 999px 0; }
    .mid_page_content .content-rounded .content {
      width: 50%;
      padding: 0 75px 0 63px; }
      @media (min-width: 1512px) {
        .mid_page_content .content-rounded .content {
          padding: 0 calc(50% - 681px) 0 63px; } }
      @media (max-width: 1200px) {
        .mid_page_content .content-rounded .content {
          padding: 0 30px; } }
      .mid_page_content .content-rounded .content img {
        max-width: 100%; }
      .mid_page_content .content-rounded .content > :last-child {
        margin-bottom: 0; }
    .mid_page_content .content-rounded.right {
      flex-direction: row-reverse; }
      .mid_page_content .content-rounded.right .image {
        border-radius: 999px 0 0 999px; }
      .mid_page_content .content-rounded.right .content {
        padding: 0 63px 0 75px; }
        @media (min-width: 1512px) {
          .mid_page_content .content-rounded.right .content {
            padding: 0 63px 0 calc(50% - (var(--width-container) / 2)); } }
        @media (max-width: 1200px) {
          .mid_page_content .content-rounded.right .content {
            padding: 0 30px; } }
    @media (max-width: 768px) {
      .mid_page_content .content-rounded, .mid_page_content .content-rounded.right {
        flex-direction: column-reverse;
        row-gap: 60px; }
        .mid_page_content .content-rounded .image,
        .mid_page_content .content-rounded .content, .mid_page_content .content-rounded.right .image,
        .mid_page_content .content-rounded.right .content {
          width: 100%; } }
    @media (max-width: 576px) {
      .mid_page_content .content-rounded .image, .mid_page_content .content-rounded.right .image {
        height: 84vw; } }
  .mid_page_content .content-pills {
    display: flex;
    align-items: center; }
    .mid_page_content .content-pills .google-partner {
      width: 111px;
      height: auto; }
      .mid_page_content .content-pills .google-partner img {
        max-width: 100%;
        max-height: 100%; }
    .mid_page_content .content-pills .image,
    .mid_page_content .content-pills .content {
      width: 50%; }
      @media (max-width: 768px) {
        .mid_page_content .content-pills .image,
        .mid_page_content .content-pills .content {
          width: 100%; } }
    .mid_page_content .content-pills .image {
      height: 512px;
      padding-right: 160px;
      overflow: hidden; }
      @media (max-width: 1200px) {
        .mid_page_content .content-pills .image {
          padding-right: 60px; } }
      @media (max-width: 768px) {
        .mid_page_content .content-pills .image {
          padding-right: 30px;
          height: 79vw;
          max-height: 512px; } }
      .mid_page_content .content-pills .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: right; }
    .mid_page_content .content-pills .content {
      padding-right: 75px; }
      @media (min-width: 1512px) {
        .mid_page_content .content-pills .content {
          padding-right: calc(50% - (var(--width-container) / 2)); } }
      @media (max-width: 1200px) {
        .mid_page_content .content-pills .content {
          padding: 0 30px; } }
    @media (max-width: 768px) {
      .mid_page_content .content-pills {
        flex-direction: column;
        row-gap: 60px; } }

@media (max-width: 576px) {
  .tiles .vr-container {
    padding: 0; } }
.tiles .vr-container .section-title {
  font-size: var(--h4); }
@media (max-width: 576px) {
  .tiles .vr-container .section-title,
  .tiles .vr-container .section-description {
    padding: 0 30px; } }
.tiles-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 60px; }
  @media (max-width: 1200px) {
    .tiles-container {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 768px) {
    .tiles-container {
      grid-template-columns: 1fr;
      margin-top: 40px; } }
.tiles-container.link .tiles-item {
  transition: background .3s; }
.tiles-container.link .tiles-item:hover {
  background: var(--varn-blue);
  transition: background .3s; }
.tiles-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 60px 75px;
  border: 2px solid var(--mid-blue); }
  @media (max-width: 1200px) {
    .tiles-item {
      padding: 37px 30px 60px; } }
  @media (max-width: 768px) {
    .tiles-item {
      width: 454px;
      margin: 0 auto; } }
  @media (max-width: 576px) {
    .tiles-item {
      width: 100%;
      max-width: 100%; } }
  .tiles-item-content {
    min-height: 320px;
    height: fit-content;
    margin-bottom: 20px; }
    @media (max-width: 768px) {
      .tiles-item-content {
        min-height: 250px; } }
  .tiles-item .title {
    font-size: var(--h5); }
  .tiles-item .back-title {
    font-size: var(--h6); }
.tiles .image {
  max-width: 100%;
  height: 82px;
  display: flex;
  align-items: center;
  margin-bottom: 20px; }
  @media (max-width: 576px) {
    .tiles .image {
      height: 50px; } }
  .tiles .image img {
    max-width: 100%;
    max-height: 100%; }
.tiles .slick-dots {
  display: flex;
  width: calc(100% - 60px);
  height: 6px;
  background: var(--grey);
  border-radius: 100px;
  position: relative;
  bottom: 0;
  left: 30px;
  margin-top: 60px; }
  .tiles .slick-dots > li {
    width: calc(100% / var(--qual-slides));
    height: 6px;
    margin: 0; }
  .tiles .slick-dots > li.slick-active button {
    background: var(--mid-blue); }
  .tiles .slick-dots button {
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 100px; }
  .tiles .slick-dots button:before {
    content: none; }
.tiles .slick-dotted.slick-slider {
  margin-bottom: 10px; }
.tiles .tiles-container.flip {
  grid-template-columns: repeat(auto-fill, minmax(454px, 1fr));
  align-items: center; }
  @media (max-width: 992px) {
    .tiles .tiles-container.flip {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 768px) {
    .tiles .tiles-container.flip {
      grid-template-columns: 1fr; } }
  .tiles .tiles-container.flip .vr-button.button-mid-blue {
    padding-right: 20px;
    overflow: visible; }
  .tiles .tiles-container.flip .vr-button.button-mid-blue:after {
    content: url(../svg/flip-icon.svg);
    transition: transform .3s; }
  .tiles .tiles-container.flip .vr-button.button-mid-blue:hover:after {
    transform: rotate(180deg);
    transform-origin: center;
    transition: transform .3s; }
  .tiles .tiles-container.flip .tiles-item {
    padding: 0;
    border: none; }
  .tiles .tiles-container.flip .tiles-item-content {
    min-height: fit-content; }
  .tiles .tiles-container.flip .image {
    height: 65px; }
    @media (max-width: 576px) {
      .tiles .tiles-container.flip .image {
        height: 50px; } }
.tiles-container.simple {
  row-gap: 180px;
  column-gap: 34px; }
  @media (max-width: 1200px) {
    .tiles-container.simple {
      row-gap: 120px; } }
  @media (max-width: 576px) {
    .tiles-container.simple {
      row-gap: 0; } }
  .tiles-container.simple .tiles-item {
    padding: 0;
    border: none; }
    @media (max-width: 576px) {
      .tiles-container.simple .tiles-item {
        padding: 10px 30px; } }
  .tiles-container.simple .image {
    margin-bottom: 30px; }

.flip-card {
  background-color: transparent;
  height: 525px;
  perspective: 1000px; }
  @media (max-width: 768px) {
    .flip-card {
      height: 480px; } }
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    border: 2px solid var(--mid-blue); }
  .flip-card.active .flip-card-inner {
    transform: rotateY(180deg); }
  @media (min-width: 768px) {
    .flip-card:hover .flip-card-inner {
      transform: rotateY(180deg); } }
  .flip-card-front, .flip-card-back {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 60px 75px; }
    @media (max-width: 1200px) {
      .flip-card-front, .flip-card-back {
        padding: 37px 30px 60px; } }
  .flip-card-front {
    background-color: #fff; }
  .flip-card-back {
    background-color: var(--varn-blue);
    transform: rotateY(180deg); }

@media (max-width: 576px) {
  .author-details-block .tiles-container.simple .tiles-item {
    padding-left: 0;
    padding-right: 0; } }
@media (max-width: 576px) {
  .author-details-block .slick-dots {
    width: 100%;
    left: 0; } }

@media (max-width: 768px) {
  .faq .vr-container {
    padding: 0; } }
.faq .accordion-item {
  border-bottom: none; }
.faq .accordion-item:last-child {
  border-bottom: 2px solid var(--ink-blue);
  padding-bottom: 30px; }
  @media (max-width: 768px) {
    .faq .accordion-item:last-child {
      padding-bottom: 0; } }
.faq .accordion-button {
  display: flex !important;
  align-items: flex-start;
  padding: 30px 1.25rem 30px 73px;
  border: none; }
  @media (max-width: 992px) {
    .faq .accordion-button {
      padding: 30px; } }
  .faq .accordion-button:focus, .faq .accordion-button:not(.collapsed) {
    background: none;
    box-shadow: none; }
  .faq .accordion-button:before {
    content: '';
    width: 100%;
    height: 80px;
    border: 2px solid #000000;
    border-radius: 80px 80px 0 0;
    border-bottom: none;
    position: absolute;
    top: 0;
    left: 0; }
    @media (max-width: 992px) {
      .faq .accordion-button:before {
        border-radius: 60px 60px 0 0; } }
  .faq .accordion-button:after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 50px;
    border-radius: 140px;
    border: 2px solid var(--mid-blue);
    background: url("../svg/shevron-down.svg") center no-repeat; }
    @media (max-width: 992px) {
      .faq .accordion-button:after {
        margin-right: 30px; } }
    @media (max-width: 576px) {
      .faq .accordion-button:after {
        margin-right: 0; } }
  .faq .accordion-button[aria-expanded="true"]:after {
    background: url("../svg/shevron-down.svg") center no-repeat;
    transform-origin: center;
    transform: rotate(180deg); }
.faq .vr-order {
  display: inline-block;
  width: 65px;
  padding-top: 11px;
  font-size: 22px;
  color: var(--mid-blue); }
  @media (max-width: 992px) {
    .faq .vr-order {
      width: 75px;
      padding-top: 3px; } }
  @media (max-width: 768px) {
    .faq .vr-order {
      display: none; } }
.faq .title {
  display: inline-block;
  width: calc(100% - 65px);
  font-size: var(--h5);
  color: var(--mid-blue);
  margin-bottom: 0; }
  @media (max-width: 768px) {
    .faq .title {
      width: 100%;
      padding-right: 15px; } }
.faq .accordion-body {
  padding: 60px 73px; }
  @media (max-width: 992px) {
    .faq .accordion-body {
      padding: 30px; } }
  .faq .accordion-body img {
    max-width: 100%; }

.mid_page_two_columns .section-title {
  color: var(--ink-blue);
  font-size: var(--h4); }
.mid_page_two_columns .mp-two-columns {
  display: flex; }
  @media (max-width: 768px) {
    .mid_page_two_columns .mp-two-columns {
      flex-direction: column; } }
  .mid_page_two_columns .mp-two-columns .left-column,
  .mid_page_two_columns .mp-two-columns .right-column {
    width: 50%; }
    @media (max-width: 768px) {
      .mid_page_two_columns .mp-two-columns .left-column,
      .mid_page_two_columns .mp-two-columns .right-column {
        width: 100%; } }
    .mid_page_two_columns .mp-two-columns .left-column ul,
    .mid_page_two_columns .mp-two-columns .right-column ul {
      list-style-image: url("../svg/tick-icon.svg");
      padding-left: 27px; }
    .mid_page_two_columns .mp-two-columns .left-column li,
    .mid_page_two_columns .mp-two-columns .right-column li {
      padding-left: 15px;
      margin-bottom: 15px; }
  .mid_page_two_columns .mp-two-columns .left-column * {
    font-family: "ESBuildSemiBold";
    color: var(--ink-blue);
    font-weight: normal; }
  .mid_page_two_columns .mp-two-columns .left-column li *,
  .mid_page_two_columns .mp-two-columns .left-column li {
    font-family: "ESBuildReg"; }
  .mid_page_two_columns .mp-two-columns .left-column u {
    text-decoration: underline;
    text-decoration-color: inherit !important; }
  .mid_page_two_columns .mp-two-columns .left-column b *,
  .mid_page_two_columns .mp-two-columns .left-column b {
    color: var(--mid-blue) !important; }
  .mid_page_two_columns .mp-two-columns .right-column {
    padding-left: 63px; }
    @media (max-width: 1200px) {
      .mid_page_two_columns .mp-two-columns .right-column {
        padding-left: 30px; } }
    @media (max-width: 768px) {
      .mid_page_two_columns .mp-two-columns .right-column {
        padding-left: 0; } }
.mid_page_two_columns img {
  max-width: 100%; }

.event-container {
  width: 100%;
  margin: 0 auto;
  display: flex; }
  @media (min-width: 1360px) {
    .event-container {
      width: 1210px; } }
  @media (max-width: 1200px) {
    .event-container {
      flex-direction: column;
      align-items: center; } }
.event-info, .event-image {
  width: 50%;
  height: 741px; }
  @media (max-width: 1200px) {
    .event-info, .event-image {
      width: 605px; } }
  @media (max-width: 768px) {
    .event-info, .event-image {
      width: 100%; } }
.event-info {
  background: url("../svg/event-back.svg") right top/100% no-repeat;
  padding: 180px 80px 0 0; }
  @media (max-width: 768px) {
    .event-info-back {
      position: relative;
      left: -.3px;
      width: 100%;
      height: 100%;
      padding: 25px 15px 25px 0;
      background: #fff; } }
  @media (max-width: 1200px) {
    .event-info {
      min-height: 741px;
      height: fit-content;
      padding-bottom: 36px; } }
  @media (max-width: 768px) {
    .event-info {
      min-height: fit-content;
      padding: 36px 17.5px 36px 0;
      background: linear-gradient(to bottom, var(--mid-blue) 1px, transparent 1px), linear-gradient(to right, var(--mid-blue) 1px, transparent 1px);
      background-size: 17.5px 17.5px;
      margin: 0 auto; } }
  .event-info .title {
    font-size: var(--h3);
    width: 460px;
    text-wrap: balance; }
    @media (max-width: 768px) {
      .event-info .title {
        width: 100%; } }
  .event-info .copy {
    width: 410px; }
    @media (max-width: 768px) {
      .event-info .copy {
        width: 100%; } }
  .event-info .date {
    height: 85px;
    display: flex;
    column-gap: 37px;
    margin: 25px 0; }
    @media (max-width: 768px) {
      .event-info .date {
        height: 74px;
        column-gap: 20px; } }
    .event-info .date > div {
      width: 76px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border: 1px solid var(--mid-blue); }
      @media (max-width: 768px) {
        .event-info .date > div {
          width: 66px; } }
      .event-info .date > div p:first-child {
        font-size: var(--h6);
        font-family: "ESBuildSemiBold";
        margin-bottom: 0;
        text-align: center; }
      .event-info .date > div p:last-child {
        font-size: 14px;
        margin-bottom: 0;
        text-align: center;
        color: var(--mid-blue); }
        @media (max-width: 768px) {
          .event-info .date > div p:last-child {
            font-size: 12px; } }
.event-image {
  background-image: var(--background);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 768px) {
    .event-image {
      height: calc((445 / 315) * (100vw - 60px)); } }

.contact_and_map .vr-container > .row {
  margin: 0 0 80px; }
  @media (max-width: 768px) {
    .contact_and_map .vr-container > .row {
      margin-bottom: 60px; } }
.contact_and_map .left-column > * {
  text-wrap-style: pretty; }
.contact_and_map .left-column img {
  max-width: 100%; }
.contact_and_map .form-container {
  width: 405px;
  max-width: 100%; }

.map-block {
  height: 403px; }

.video .section-title {
  font-size: var(--h4); }
.video-style {
  padding: 120px 0 125px; }
  @media (max-width: 992px) {
    .video-style {
      padding: 60px 0; } }
  .video-style.dark {
    background: var(--ink-blue); }
    .video-style.dark h4,
    .video-style.dark p {
      color: #fff; }
.video-container {
  margin-top: 65px;
  display: flex;
  justify-content: center; }
  @media (max-width: 992px) {
    .video-container {
      margin-top: 30px; } }
  @media (max-width: 992px) {
    .video-container iframe {
      width: 100%;
      height: calc((518 / 921) * 100vw); } }

.services {
  padding: 0 0;
  background: var(--ink-blue); }
  @media (max-width: 992px) {
    .services {
      padding: 60px 0; } }
  .services .section-title {
    font-size: var(--h3);
    margin-bottom: 160px; }
    @media (max-width: 992px) {
      .services .section-title {
        margin-bottom: 40px; } }
  .services * {
    color: #fff; }
  .services-container {
    display: flex;
    flex-direction: column; }
    @media (max-width: 992px) {
      .services-container {
        row-gap: 60px; } }
  .services-item {
    display: flex;
    justify-content: space-between;
    min-height: 50vh;
    align-items: center; }
    @media (max-width: 992px) {
      .services-item {
        flex-direction: column;
        min-height: auto;
        align-items: flex-start;
        justify-content: flex-start; } }
    @media (max-width: 992px) {
      .services-item.hide_mobile {
        display: none; } }
    .services-item.space {
      min-height: 25vh; }
      @media (max-width: 992px) {
        .services-item.space.hide_mobile {
          display: none; } }
    .services-item:first-child .title {
      opacity: 1; }
    .services-item:first-child .image {
      opacity: 1; }
  .services .vr-container {
    position: relative; }
  .services .vr-container .services-item .title img {
    transform-origin: center; }
  .services .vr-container .services-item:nth-child(2) .title img {
    transform: rotate(90deg); }
  .services .vr-container .services-item:nth-child(3) .title img {
    transform: rotate(270deg); }
  .services .vr-container .services-item:nth-child(4) .title img {
    transform: rotate(180deg); }
  .services .spacer {
    width: 260px; }
  @media (max-width: 992px) {
    .services .remove_margin_last:nth-last-of-type(2) {
      margin-bottom: 0 !important; } }
  .services .leftside {
    position: sticky;
    left: 0;
    top: 0;
    height: 100vh;
    width: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -50vh;
    z-index: 1; }
    @media (max-width: 992px) {
      .services .leftside {
        margin-top: 0;
        background: var(--ink-blue);
        height: 150px;
        top: 44px;
        width: 100%; } }
    .services .leftside .title-item {
      position: absolute;
      left: 0;
      height: 100vh;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0; }
      @media (max-width: 992px) {
        .services .leftside .title-item {
          top: 30px;
          height: auto;
          transform: translateY(0); } }
      .services .leftside .title-item.title-1 img, .services .leftside .title-item.title-5 img, .services .leftside .title-item.title-9 img {
        transform: rotate(90deg); }
      .services .leftside .title-item.title-2 img, .services .leftside .title-item.title-6 img {
        transform: rotate(180deg); }
      .services .leftside .title-item.title-3 img, .services .leftside .title-item.title-7 img {
        transform: rotate(-90deg); }
      .services .leftside .title-item .title h6 {
        min-height: 70px; }
      .services .leftside .title-item:last-child {
        position: absolute;
        top: auto;
        bottom: 0;
        height: 50vh;
        transform: none; }
      @media (max-width: 992px) {
        .services .leftside .title-item.hide_mobile {
          display: none; } }
  .services .services-container {
    display: flex;
    flex-direction: row; }
    @media (max-width: 992px) {
      .services .services-container {
        flex-direction: column; } }
    .services .services-container .rightside {
      width: 100%; }
      .services .services-container .rightside .services-item {
        opacity: 0; }
        @media (max-width: 992px) {
          .services .services-container .rightside .services-item {
            opacity: 1;
            margin-bottom: 30vh; } }
  .services .title-item.space {
    min-height: 25vh; }
  .services .title-item .title {
    width: 260px; }
    @media (max-width: 992px) {
      .services .title-item .title h6 {
        margin-bottom: 40px; } }
    .services .title-item .title img {
      margin-bottom: 32px; }
      @media (max-width: 992px) {
        .services .title-item .title img {
          width: 66px;
          height: 64px;
          margin-bottom: 20px; } }
  .services .image {
    width: 246px;
    height: 246px;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 992px) {
      .services .image {
        width: 184px;
        margin-left: 0;
        height: 184px;
        margin-bottom: 40px; } }
    .services .image img {
      max-width: 100%;
      max-height: 100%; }
  .services .description {
    width: 432px; }
    @media (max-width: 1200px) {
      .services .description {
        width: 300px; } }
    @media (max-width: 992px) {
      .services .description {
        width: 100%;
        max-width: 432px; } }
    .services .description .copy {
      margin-bottom: 24px; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.team-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 90px; }
  @media (max-width: 768px) {
    .team-container {
      row-gap: 50px; } }
.team-member {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  padding: 0 3%; }
  .team-member a.image-link {
    margin-bottom: 0; }
  .team-member img {
    width: 253px;
    height: 253px;
    border-radius: 50%;
    object-position: center;
    object-fit: cover;
    margin-bottom: 32px; }
    @media (max-width: 1512px) {
      .team-member img {
        width: 230px;
        height: 230px; } }
    @media (max-width: 992px) {
      .team-member img {
        width: 175px;
        height: 175px;
        margin-bottom: 15px; } }
  @media (max-width: 1200px) {
    .team-member {
      width: 33%; } }
  @media (max-width: 768px) {
    .team-member {
      width: 50%; } }
  @media (max-width: 576px) {
    .team-member {
      width: 100%; } }
  .team-member a,
  .team-member .name {
    font-family: "ESBuildSemiBold";
    font-size: var(--h5);
    text-align: center;
    margin-bottom: 10px;
    color: var(--mid-blue); }
  .team-member a {
    display: block;
    text-decoration: none;
    color: var(--mid-blue) !important; }
    .team-member a:hover {
      color: var(--ink-blue) !important; }
  .team-member .position {
    font-family: "ESBuildSemiBold";
    font-size: 22px;
    text-align: center;
    margin-bottom: 0; }
    @media (max-width: 992px) {
      .team-member .position {
        font-size: 16px; } }

section.data_journey {
  background: var(--ink-blue); }
  section.data_journey .dj-container {
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 30px; }
  section.data_journey .description {
    margin-bottom: 75px; }
    @media (max-width: 992px) {
      section.data_journey .description {
        margin-bottom: 30px; } }
  section.data_journey .section-title {
    font-size: var(--h4); }

.data-journey-container {
  min-height: 830px;
  display: grid;
  place-items: center;
  background: none;
  align-items: center;
  position: relative; }

.data-journey {
  width: 844px;
  height: 174px; }
  @media (max-width: 1050px) {
    .data-journey {
      width: 100%;
      height: fit-content; } }
  .data-journey svg.svg-desc {
    width: 844px;
    height: 174px;
    position: absolute;
    z-index: 3; }
    @media (max-width: 1050px) {
      .data-journey svg.svg-desc {
        display: none; } }
    .data-journey svg.svg-desc path {
      fill: none;
      stroke: url(#gradient);
      stroke-width: 3;
      stroke-dasharray: 1400;
      stroke-dashoffset: 1400; }
  .data-journey.is-animating path {
    animation: draw 5s linear forwards; }

.timeline-container {
  display: flex;
  gap: 33.5px;
  width: 100%;
  height: 100%;
  justify-content: center; }

.timeline-point {
  transition-duration: 0.5s;
  display: grid;
  place-items: center;
  width: 134px;
  position: relative; }
  .timeline-point > p {
    display: grid;
    place-items: center;
    width: 90px;
    height: 90px;
    color: var(--color);
    border-radius: 50%;
    border: 3px solid var(--color);
    margin-bottom: 0;
    font-size: var(--h4); }
  .timeline-point .popup-title {
    color: var(--color);
    padding-bottom: 6.7px;
    font-size: 22px;
    font-family: "ESBuildSemiBold"; }
  .timeline-point .copy,
  .timeline-point .copy * {
    color: #fff; }
  .timeline-point .popup-details {
    max-height: 100%;
    padding: 15px 20px;
    line-height: 1.4;
    opacity: 0;
    font-size: 16px;
    color: #fff;
    user-select: none;
    overflow: hidden;
    border-radius: 20px;
    border-width: 3px;
    border-style: solid;
    border-color: var(--color); }
    .timeline-point .popup-details ul {
      padding-left: 25px; }
  .timeline-point .popup {
    width: 321.6px;
    height: 0;
    background-color: var(--ink-blue);
    display: grid;
    grid-template-columns: 100%;
    position: absolute;
    color: white;
    border-radius: 20px;
    transform-origin: bottom; }
  .timeline-point .popup::before {
    content: "";
    width: 3px;
    height: 0;
    border-radius: 20px;
    background-color: var(--color);
    position: absolute;
    left: 50%;
    top: -43px;
    display: flex; }

.timeline-point:nth-child(1) {
  --color: #fff;
  --delay: 0s; }

.timeline-point:nth-child(2) {
  --color: var(--grey);
  --delay: 1s; }

.timeline-point:nth-child(3) {
  --color: var(--varn-blue);
  --delay: 2s; }

.timeline-point:nth-child(4) {
  --color: var(--mid-blue);
  --delay: 3s; }

.timeline-point:nth-child(5) {
  --color: var(--green);
  --delay: 4s; }

.timeline-point:nth-child(odd) .popup {
  bottom: 221.1px; }

.timeline-point:nth-child(even) .popup {
  top: 221.1px; }

.timeline-point:nth-child(4) > p,
.timeline-point:nth-child(4) .popup-title {
  color: var(--grey); }

.timeline-point:nth-child(odd) .popup:before {
  top: calc(100% + 43px);
  transform: rotateX(180deg);
  transform-origin: top; }

.timeline-point:hover > p {
  background: linear-gradient(145deg, var(--color), rgba(255, 255, 255, 0.1)); }
  @media (max-width: 576px) {
    .timeline-point:hover > p {
      background: none; } }

@media (max-width: 1050px) {
  section.timeline {
    height: auto;
    display: block; }

  .timeline-container {
    flex-direction: column;
    height: auto;
    width: 100%;
    padding: 0;
    gap: 15px; }

  .timeline-point {
    height: 280px;
    flex-shrink: 0;
    left: -34%;
    margin: 0 auto;
    position: relative; }
    .timeline-point .popup-details {
      font-size: 16px; }

  .timeline-point .popup:before {
    display: none; }

  .timeline-point:nth-child(odd) .popup {
    bottom: auto;
    right: -370.1px; }

  .timeline-point:nth-child(even) .popup {
    top: auto;
    right: -370.1px; } }
@media (max-width: 576px) {
  .timeline-point {
    width: 100%;
    position: static;
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 0; }
    .timeline-point > p {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      font-size: var(--h5); } }
    @media (max-width: 576px) and (max-width: 992px) {
      .timeline-point > p {
        font-size: var(--h6); } }
@media (max-width: 576px) {
    .timeline-point .popup {
      position: static;
      width: calc(100% - 50px); }
    .timeline-point .popup-details .copy {
      font-size: .9rem; }
    .timeline-point .popup-details ul {
      padding-left: 16px; } }
.data-journey.is-animating .popup {
  animation: expandPopup 0.5s linear calc(var(--delay) + 0.5s) forwards; }
.data-journey.is-animating .popup-details {
  animation: fadeIn 0.5s linear calc(var(--delay) + 0.7s) forwards; }
.data-journey.is-animating .popup::before {
  animation: drawLine 0.5s linear var(--delay) forwards; }

@keyframes expandPopup {
  0% {
    height: 0; }
  100% {
    height: 280px; } }
@keyframes drawLine {
  0% {
    height: 0%;
    opacity: 0; }
  100% {
    height: 33.5px;
    opacity: 1; } }
@keyframes fadeIn {
  to {
    opacity: 1; } }
@keyframes draw {
  to {
    stroke-dashoffset: 0; } }
body.single-post .breadcrumbs {
  margin-bottom: var(--xl-margin); }
  @media (max-width: 992px) {
    body.single-post .breadcrumbs {
      margin-bottom: 60px; } }
body.single-post .wp-block-button__link {
  color: #fff !important;
  background-color: var(--mid-blue);
  padding: 10px 20px; }
  body.single-post .wp-block-button__link:hover {
    color: var(--varn-blue) !important; }

.single-posts {
  margin-bottom: var(--xl-margin); }
  @media (max-width: 992px) {
    .single-posts {
      margin-bottom: 60px; } }
  .single-posts h2, .single-posts h3, .single-posts h4, .single-posts h5, .single-posts h6,
  .single-posts h2 *, .single-posts h3 *, .single-posts h4 *, .single-posts h5 *, .single-posts h6 * {
    font-family: "ESBuildSemiBold";
    color: var(--mid-blue) !important;
    font-weight: normal; }
  .single-posts h2 a:hover, .single-posts h3 a:hover, .single-posts h4 a:hover, .single-posts h5 a:hover, .single-posts h6 a:hover {
    color: var(--ink-blue) !important; }
  .single-posts img {
    max-width: 100%;
    height: auto !important; }
  .single-posts .coauthors {
    row-gap: 1rem; }
  .single-posts .author-wrapper {
    padding-left: 43px;
    border-left: 2px solid var(--mid-blue);
    column-gap: 10px; }
    @media (max-width: 992px) {
      .single-posts .author-wrapper {
        padding-left: 30px; } }
    .single-posts .author-wrapper .author {
      font-size: 16px; }
      @media (max-width: 992px) {
        .single-posts .author-wrapper .author {
          font-size: 15px; } }
      .single-posts .author-wrapper .author span {
        line-height: 1.1; }
      .single-posts .author-wrapper .author a {
        margin-top: 1rem; }
  .single-posts .author-avatar img {
    width: 55px;
    height: 55px;
    border-radius: 50%; }

.author_info_for_post .coauthors {
  row-gap: 1rem; }
.author_info_for_post .author-wrapper {
  padding-left: 43px;
  border-left: 2px solid var(--mid-blue);
  column-gap: 10px; }
  @media (max-width: 992px) {
    .author_info_for_post .author-wrapper {
      padding-left: 30px; } }
  .author_info_for_post .author-wrapper .author {
    font-size: 16px; }
    @media (max-width: 992px) {
      .author_info_for_post .author-wrapper .author {
        font-size: 15px; } }
    .author_info_for_post .author-wrapper .author span {
      line-height: 1.1; }
    .author_info_for_post .author-wrapper .author a {
      margin-top: 1rem; }
.author_info_for_post .author-avatar img {
  width: 55px;
  height: 55px;
  border-radius: 50%; }

.hero-container .category-date {
  justify-content: center; }
  .hero-container .category-date .post-categories a {
    text-decoration: none; }

.hamburger-wrapper > .hamburger {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .hamburger-wrapper > .hamburger > span, .hamburger-wrapper > .hamburger > span:after {
    display: inline-block;
    width: 23px;
    height: 4px;
    background: var(--mid-blue);
    border-radius: 100px;
    transition: all .3s; }
  .hamburger-wrapper > .hamburger > span {
    position: relative;
    top: -4px; }
  .hamburger-wrapper > .hamburger > span:after {
    content: '';
    position: absolute;
    top: 8px; }
.hamburger-wrapper > .hamburger.open > span, .hamburger-wrapper > .hamburger.open > span:after {
  transform: rotate(45deg);
  transform-origin: center;
  transition: all .3s;
  top: 0; }
.hamburger-wrapper > .hamburger.open > span:after {
  transform: rotate(-90deg); }

#header ~ .nav-mob-menu {
  width: 100%;
  height: 100vh;
  background: var(--varn-blue);
  padding-top: 140px;
  padding-bottom: 30px;
  position: absolute;
  left: 0;
  top: -200%;
  transition: all .3s; }
  @media (min-width: 993px) {
    #header ~ .nav-mob-menu {
      display: none; } }
  #header ~ .nav-mob-menu .nav-mobile {
    height: calc(100vh - 170px);
    overflow-y: scroll;
    scrollbar-width: none; }
    #header ~ .nav-mob-menu .nav-mobile::-webkit-scrollbar {
      width: 0; }
  #header ~ .nav-mob-menu .vr-button {
    margin-top: 50px; }
  #header ~ .nav-mob-menu .button-main-menu {
    color: var(--mid-blue); }
  #header ~ .nav-mob-menu .button-main-menu-icon {
    display: inline-block;
    width: 20px;
    height: 13px;
    background: url(../svg/mob-menu-left.svg) left/11px no-repeat; }
  #header ~ .nav-mob-menu ul.sub-menu,
  #header ~ .nav-mob-menu ul.menu {
    display: flex;
    flex-direction: column;
    row-gap: 27px;
    list-style: none;
    padding-left: 0; }
  #header ~ .nav-mob-menu .menu-mobile a {
    color: var(--mid-blue) !important;
    line-height: 1.45;
    text-decoration: none; }
    #header ~ .nav-mob-menu .menu-mobile a:hover {
      color: var(--ink-blue) !important; }

#header.isadmin ~ .nav-mob-menu {
  padding-top: 180px; }
  #header.isadmin ~ .nav-mob-menu .nav-mobile {
    height: calc(100vh - 210px); }

#header.open ~ .nav-mob-menu {
  position: fixed;
  z-index: 10;
  top: 0;
  transition: all .3s; }

#header.open ~ .nav-mob-menu .menu-item-has-children {
  background: url(../svg/mob-menu-right.svg) right/11px no-repeat; }
  #header.open ~ .nav-mob-menu .menu-item-has-children .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100vh;
    padding: 140px 30px 30px;
    background-color: var(--varn-blue);
    transition: left .3s ease-in-out;
    overflow-y: scroll;
    scrollbar-width: none; }
    #header.open ~ .nav-mob-menu .menu-item-has-children .sub-menu::-webkit-scrollbar {
      width: 0; }
  #header.open ~ .nav-mob-menu .menu-item-has-children .sub-active {
    left: 0;
    z-index: 10;
    transition: left .3s ease-in-out;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); }

#header.open.isadmin ~ .nav-mob-menu .menu-item-has-children .sub-menu {
  padding-top: 180px; }

.author-details-block .contact-item {
  margin-bottom: 1rem; }
  .author-details-block .contact-item > a:hover * {
    color: var(--mid-blue); }
.author-details-block .contact-icon.linkedin {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background-color: var(--mid-blue); }

.author-contacts-block {
  margin-bottom: 100px; }
  @media (max-width: 992px) {
    .author-contacts-block {
      margin-bottom: 60px; } }
  .author-contacts-block .author-image img {
    display: block;
    margin: 0 auto 30px;
    border-radius: 50%; }

.author-header .title {
  font-size: var(--h3); }

#submit-thanks {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #2aa9d5;
  width: 100%;
  padding: 30px;
  max-width: 640px;
  height: 200px;
  text-align: center;
  z-index: 16000006; }

#submit-thanks h3 {
  padding-top: 25px; }

body.page-template-christmas .table-wrapper {
  background: #fff;
  -webkit-box-shadow: 0 0 20px #33333345;
  box-shadow: 0 0 20px #33333345;
  padding: 10px;
  margin-bottom: 50px;
  max-width: 400px;
  margin: auto auto 20px auto; }

body.page-template-christmas table {
  color: #333;
  font-weight: 300;
  font-size: 18px; }

body.page-template-christmas table tr:nth-child(even) {
  background: #f1f1f1;
  border-bottom: solid 1px #c9c9c9; }

body.page-template-christmas .table-wrapper table th {
  padding: 7px; }

body.page-template-christmas .table-wrapper table th:first-child {
  text-align: left; }

body.page-template-christmas .table-wrapper table th:last-child {
  text-align: right; }

body.page-template-christmas {
  position: inherit; }

body.page-template-christmas.fixed {
  position: fixed; }

body.page-template-christmas #game {
  margin: auto;
  display: block;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  max-width: 0%;
  height: 0%;
  z-index: 16000003;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all 0.3s ease; }

body.page-template-christmas #game.active {
  width: 100%;
  max-width: 100%;
  height: 100%;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all 0.3s ease; }

body.page-template-christmas .content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

body.page-template-christmas .video-container {
  position: relative;
  height: 0;
  overflow: hidden; }

body.page-template-christmas .video-container iframe {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%; }

body.page-template-christmas .trophy {
  background: url(/wp-content/themes/varn/assets/img/xmas-game/trophy.png);
  display: block;
  width: 166px;
  height: 144px;
  margin: 20px auto 80px auto; }

body.page-template-christmas .voucher {
  display: block;
  width: 100%;
  max-width: 450px;
  height: auto;
  margin: 20px auto 0 auto; }

body.page-template-christmas .bullet-numbers {
  color: #333; }

body.page-template-christmas .popup-form {
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
  background: #000000c9;
  height: 100VH;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s -webkit-transform ease;
  transition: .3s -webkit-transform ease;
  -o-transition: .3s transform ease;
  transition: .3s transform ease;
  transition: .3s transform ease,.3s -webkit-transform ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 16000005; }

body.page-template-christmas .popup-form.active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s -webkit-transform ease;
  transition: .3s -webkit-transform ease;
  -o-transition: .3s transform ease;
  transition: .3s transform ease;
  transition: 0.3s transform ease, 0.3s -webkit-transform ease; }

body.page-template-christmas .inner-form {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative; }

body.page-template-christmas .close-button1 {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  z-index: 21;
  font-size: 28px;
  cursor: pointer; }

body.page-template-christmas .form-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  width: 100%;
  height: 100vh;
  padding: 5px;
  background: url(/wp-content/themes/varn/assets/img/xmas-game/form-bg.png) #2aa9d5;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

body.page-template-christmas .form-wrap label {
  text-align: left;
  font-weight: 400;
  font-size: 18px; }

body.page-template-christmas .form-wrap .acf-field input[type=email], body.page-template-christmas .form-wrap .acf-field input[type=number], body.page-template-christmas .form-wrap .acf-field input[type=text] {
  padding: 10px;
  background: #95d4ea;
  height: auto; }

body.page-template-christmas .acf-fields > .acf-field {
  margin: 0;
  padding: 0 0 10px 0;
  border-top: none;
  position: relative;
  float: left;
  width: 100%;
  clear: both; }

body.page-template-christmas .acf-form {
  margin: auto; }

body.page-template-christmas .acf-form input {
  border: 0; }

body.page-template-christmas .acf-form input[type=submit] {
  border: 0;
  padding: 10px;
  width: 100%;
  height: auto;
  margin-top: 12px;
  border: 0;
  background: #dd1f38;
  -webkit-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all;
  margin-bottom: 0;
  color: #fff; }

body.page-template-christmas .acf-form input[type=submit]:hover {
  -webkit-transition: .3s background ease;
  -o-transition: .3s background ease;
  transition: .3s background ease;
  background: #e43c52;
  color: #fff; }

body.page-template-christmas .acf-form .acf-label {
  color: #fff; }

body.page-template-christmas .table-wrapper {
  background: #fff;
  -webkit-box-shadow: 0 0 20px #33333345;
  box-shadow: 0 0 20px #33333345;
  padding: 10px;
  margin-bottom: 50px;
  max-width: 400px;
  margin: auto auto 20px auto; }

body.page-template-christmas table {
  color: #333;
  font-weight: 300;
  font-size: 18px; }

body.page-template-christmas table th {
  padding: 7px; }

body.page-template-christmas table .odd {
  background: #f1f1f1;
  border-bottom: solid 1px #c9c9c9; }

body.page-template-christmas table .even {
  background: #fff;
  border-bottom: solid 1px #c9c9c9; }

body.page-template-christmas table .text-right {
  text-align: right; }

body.page-template-christmas .acf-field--post-title {
  display: none; }

body.page-template-christmas .submit-score-button {
  position: fixed;
  bottom: 0;
  z-index: 16000004;
  width: 390px;
  height: 66px;
  background: #dd1f38;
  color: #fff;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  right: 0;
  font-size: 18px;
  text-align: center; }

body.page-template-christmas .submit-score-button.active {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

body.page-template-christmas .submit-score-button:hover {
  background: #e43c52;
  color: #fff;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all 0.3s ease; }

body.page-template-christmas .close-button2 {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #fff;
  font-size: 40px;
  z-index: 16000004;
  cursor: pointer;
  display: block;
  width: 50px;
  cursor: pointer; }

body.page-template-christmas .close-button2:hover {
  color: #ff7d1d; }

body.page-template-christmas .terms-button {
  font-size: 14px;
  margin: 10px auto 30px;
  display: block;
  color: #337ab7;
  font-weight: 700;
  text-align: center; }

body.page-template-christmas .white-number {
  font-size: 40px;
  font-weight: 600;
  padding-bottom: 14px; }

body.page-template-christmas .overflow-form {
  max-width: 400px;
  padding: 7px; }

body.page-template-christmas .total-score-link {
  display: block;
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: white; }

body.page-template-christmas .acf-spinner {
  background-size: cover;
  background-color: #faebd7;
  border-radius: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  height: 50px;
  width: 50px; }

.prize-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.prize-box ul li {
  list-style-position: inside;
  list-style-type: none;
  position: relative;
  display: inline-block;
  clear: both;
  font-size: 16px;
  padding-bottom: 7px; }

.prize-box ul li:before {
  content: '\2022';
  display: inline-block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -20px;
  top: 0;
  font-size: 20px;
  color: #0d99b4; }

.page-thanks-christmas .table-wrapper {
  background: #fff;
  -webkit-box-shadow: 0 0 20px #33333345;
  box-shadow: 0 0 20px #33333345;
  padding: 10px;
  margin-bottom: 50px;
  max-width: 400px;
  margin: auto auto 20px auto; }

.page-thanks-christmas table {
  color: #333;
  font-weight: 300;
  font-size: 18px; }

.page-thanks-christmas table th {
  padding: 7px; }

.page-thanks-christmas table .odd {
  background: #f1f1f1;
  border-bottom: solid 1px #c9c9c9; }

.page-thanks-christmas table .even {
  background: #fff;
  border-bottom: solid 1px #c9c9c9; }

.page-thanks-christmas table .text-right {
  text-align: right; }

.christmas_cards .cards-container {
  display: flex;
  column-gap: 37px;
  margin-top: 100px; }
  @media (max-width: 1200px) {
    .christmas_cards .cards-container {
      margin-top: 25px; } }
  @media (max-width: 768px) {
    .christmas_cards .cards-container {
      flex-direction: column;
      align-items: center;
      row-gap: 30px; } }
  @media (max-width: 576px) {
    .christmas_cards .cards-container {
      display: block; } }
.christmas_cards .crm-card {
  width: 100%; }
  @media (max-width: 768px) {
    .christmas_cards .crm-card {
      max-width: 415px; } }
  @media (max-width: 576px) {
    .christmas_cards .crm-card {
      max-width: 100%; } }
  .christmas_cards .crm-card img {
    max-width: 100%;
    width: calc((100vw - 150px - 74px) / 3);
    height: calc(((100vw - 150px - 74px) / 3) * (252 / 417));
    object-fit: cover;
    object-position: top; }
    @media (min-width: 1512px) {
      .christmas_cards .crm-card img {
        width: 100%;
        height: 260px; } }
    @media (max-width: 1200px) {
      .christmas_cards .crm-card img {
        width: calc((100vw - 60px - 74px) / 3);
        height: calc(((100vw - 60px - 74px) / 3) * (252 / 417)); } }
    @media (max-width: 768px) {
      .christmas_cards .crm-card img {
        width: 100%;
        height: 252px; } }
    @media (max-width: 576px) {
      .christmas_cards .crm-card img {
        width: calc(100vw - 60px);
        height: calc((100vw - 60px) * (252 / 417)); } }
  .christmas_cards .crm-card .title {
    margin-top: 24px;
    margin-bottom: 7px; }
  .christmas_cards .crm-card .subtitle {
    font-size: 26px;
    text-wrap-style: balance; }
    @media (max-width: 992px) {
      .christmas_cards .crm-card .subtitle {
        font-size: 22px; } }
  .christmas_cards .crm-card .copy ul {
    padding-left: 1.2rem; }
.christmas_cards .slick-dots {
  display: flex;
  width: 100%;
  height: 6px;
  background: var(--grey);
  border-radius: 100px;
  position: relative;
  bottom: 0;
  left: 0;
  margin-top: 30px; }
  .christmas_cards .slick-dots > li {
    width: calc(100% / var(--qual-slides));
    height: 6px;
    margin: 0; }
    .christmas_cards .slick-dots > li.slick-active button {
      background: var(--mid-blue); }
  .christmas_cards .slick-dots button {
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 100px; }
    .christmas_cards .slick-dots button:before {
      content: ''; }

html.lenis,
html.lenis body {
  height: auto; }

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain; }

.lenis.lenis-stopped {
  overflow: clip; }

.lenis.lenis-smooth iframe {
  pointer-events: none; }

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