@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  border: 0;
  color: #2A2A2A;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

:focus {
  outline: 0; }

/*
  1. Default font size.
  2. Correct the line height in all browsers.
  3. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
  font-size: 62.5%;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* 
  1. Remove the margin in all browsers.
  2. Default line-height.
  3.auto: Browser makes predictions about when you can adjust speed, readability, and geometric accuracy while drawing text. Different browsers respond with different values.
    optimizeSpeed: Browser prioritizes more the rendering speed compared to legibility and geometric precision while drawing text. It disables kerning and ligatures.
    optimizeLegibility: Browser prioritizes more legibility compared to rendering speed and geometric precision while drawing text.  It enables kerning and optional ligatures.
    geometricPrecision: The browser prioritizes more geometric precision compared to rendering speed and legibility while drawing text. Certain aspects of fonts like kerning, don’t scale linearly hence it can make text using those fonts look even better.
*/
body {
  margin: 0;
  line-height: 1;
  text-rendering: auto;
  /* auto, optimizeSpeed, optimizeLegibility, geometricPrecision */ }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, time, img {
  display: block; }

/* Add the correct display in Edge, IE 10+, and Firefox. */
details {
  display: block; }

/* Add the correct display in all browsers. */
summary {
  display: list-item; }

/* Typography Styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Inter", sans-serif;
  font-size: inherit;
  font-weight: inherit; }

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0; }

li {
  color: #2A2A2A;
  font-weight: normal; }

p {
  color: #2A2A2A;
  font-weight: normal; }

a {
  text-decoration: none;
  font-weight: normal; }

a:active, a:hover, a:link {
  outline: 0;
  text-decoration: none; }

/* Remove the gray background on active links in IE 10. */
a {
  background-color: transparent; }

b, strong {
  font-weight: bolder; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Removes the default spacing and border for appropriate elements. */
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0; }

/* Table Styles */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0;
  text-align: left; }

/* Input, Button, Optgroup, Select, Textarea  Styles */
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

/* Remove the default vertical scrollbar in IE 10+ */
textarea {
  overflow: auto;
  resize: vertical; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
button {
  -webkit-appearance: none; }

button, input {
  overflow: visible; }

button,
[role="button"] {
  cursor: pointer; }

/* Correct the inability to style clickable types in iOS and Safari. */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/* Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/*
  1. Add the correct box sizing in IE 10. 
  2. Remove the padding in IE 10. 
*/
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

/* Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/*
 1. Correct the odd appearance in Chrome and Safari.
 2. Correct the outline style in Safari.
*/
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

/*
  Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

/* Media Styles */
img {
  border-style: none; }

img, audio, video {
  max-width: 100%;
  height: auto; }

iframe {
  border: 0; }

img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle; }

* html body {
  margin-top: 0 !important; }

@media screen and (max-width: 782px) {
  html {
    margin-top: 0 !important; }

  * html body {
    margin-top: 0 !important; } }
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, br, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea, select, input,
button, sub, sup, script, map, bdo {
  font-size: 16px;
  line-height: 1.25; }
  @media (min-width: 320px) and (max-width: 1439px) {
    html, body, div, span, applet, object, iframe,
    p, blockquote, pre,
    a, abbr, br, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video, textarea, select, input,
    button, sub, sup, script, map, bdo {
      font-size: 17px;
      font-size: calc(16px + (18 - 16) * (100vw - 320px) / (1440 - 320)); } }
  @media (min-width: 1440px) {
    html, body, div, span, applet, object, iframe,
    p, blockquote, pre,
    a, abbr, br, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video, textarea, select, input,
    button, sub, sup, script, map, bdo {
      font-size: 18px; } }

body {
  overflow-x: hidden;
  background-color: #ffffff; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: #2A2A2A; }
  h1 span, h1 strong, h1 a, h2 span, h2 strong, h2 a, h3 span, h3 strong, h3 a, h4 span, h4 strong, h4 a, h5 span, h5 strong, h5 a, h6 span, h6 strong, h6 a {
    letter-spacing: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit; }
  h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-weight: 900; }
  h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
    font-weight: 700; }

h1 {
  font-size: 40px;
  line-height: 1.2; }
  @media (min-width: 320px) and (max-width: 1439px) {
    h1 {
      font-size: 60px;
      font-size: calc(40px + (80 - 40) * (100vw - 320px) / (1440 - 320)); } }
  @media (min-width: 1440px) {
    h1 {
      font-size: 80px; } }

h2 {
  font-size: 28px; }
  @media (min-width: 320px) and (max-width: 1439px) {
    h2 {
      font-size: 43px;
      font-size: calc(28px + (58 - 28) * (100vw - 320px) / (1440 - 320)); } }
  @media (min-width: 1440px) {
    h2 {
      font-size: 58px; } }

h3 {
  font-size: 28px; }
  @media (min-width: 320px) and (max-width: 1439px) {
    h3 {
      font-size: 32px;
      font-size: calc(28px + (36 - 28) * (100vw - 320px) / (1440 - 320)); } }
  @media (min-width: 1440px) {
    h3 {
      font-size: 36px; } }

h4 {
  font-size: 34px; }
  @media (min-width: 320px) and (max-width: 1439px) {
    h4 {
      font-size: 32px;
      font-size: calc(34px + (30 - 34) * (100vw - 320px) / (1440 - 320)); } }
  @media (min-width: 1440px) {
    h4 {
      font-size: 30px; } }

h5 {
  font-size: 18px; }
  @media (min-width: 320px) and (max-width: 1439px) {
    h5 {
      font-size: 22px;
      font-size: calc(18px + (26 - 18) * (100vw - 320px) / (1440 - 320)); } }
  @media (min-width: 1440px) {
    h5 {
      font-size: 26px; } }

h6 {
  font-size: 18px; }
  @media (min-width: 320px) and (max-width: 1439px) {
    h6 {
      font-size: 18px;
      font-size: calc(18px + (18 - 18) * (100vw - 320px) / (1440 - 320)); } }
  @media (min-width: 1440px) {
    h6 {
      font-size: 18px; } }

ul, ol {
  font-family: "Inter", sans-serif;
  display: inline-block;
  padding-left: 20px; }

li {
  font-family: "Inter", sans-serif;
  font-size: 16px; }
  @media (min-width: 320px) and (max-width: 1439px) {
    li {
      font-size: 17px;
      font-size: calc(16px + (18 - 16) * (100vw - 320px) / (1440 - 320)); } }
  @media (min-width: 1440px) {
    li {
      font-size: 18px; } }

p {
  font-family: "Inter", sans-serif;
  font-size: 16px; }
  @media (min-width: 320px) and (max-width: 1439px) {
    p {
      font-size: 17px;
      font-size: calc(16px + (18 - 16) * (100vw - 320px) / (1440 - 320)); } }
  @media (min-width: 1440px) {
    p {
      font-size: 18px; } }

span {
  font-family: "Inter", sans-serif;
  font-size: 16px; }
  @media (min-width: 320px) and (max-width: 1439px) {
    span {
      font-size: 17px;
      font-size: calc(16px + (18 - 16) * (100vw - 320px) / (1440 - 320)); } }
  @media (min-width: 1440px) {
    span {
      font-size: 18px; } }

a {
  font-family: "Inter", sans-serif;
  font-size: 16px; }
  @media (min-width: 320px) and (max-width: 1439px) {
    a {
      font-size: 17px;
      font-size: calc(16px + (18 - 16) * (100vw - 320px) / (1440 - 320)); } }
  @media (min-width: 1440px) {
    a {
      font-size: 18px; } }

.font-weight-black {
  font-weight: 900; }

.font-weight-extrabold {
  font-weight: 800; }

.font-weight-bold {
  font-weight: 700; }

.font-weight-semibold {
  font-weight: 600; }

.font-weight-medium {
  font-weight: 500; }

.font-weight-regular {
  font-weight: 400; }

.font-weight-light {
  font-weight: 300; }

.font-weight-extra-light {
  font-weight: 200; }

.font-weight-thin {
  font-weight: 100; }

#page__wrapper {
  position: relative; }
  #page__wrapper.active {
    overflow: hidden;
    height: 100vh; }

.row {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left; }

.cta-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: fit-content;
  border-radius: 50px;
  padding: 28px 52px;
  border: 1px solid #2A2A2A;
  text-align: center; }
  .cta-button span {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 21px;
    font-weight: 600; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .cta-button span {
        font-size: 23px;
        font-size: calc(21px + (25 - 21) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .cta-button span {
        font-size: 25px; } }
  .cta-button:hover {
    background-color: #2A2A2A; }
    .cta-button:hover span {
      color: #ffffff; }

.header {
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  width: 100%; }
  .header .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .header .menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .header .menu li {
    margin-right: 50px; }
    .header .menu li:last-of-type {
      margin-right: 0; }
  .header .menu a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600; }
  .header .menu-ml ul {
    padding-left: 0; }
    .header .menu-ml ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -moz-justify-content: space-between;
      -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -moz-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .header .menu-ml ul .sub-menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -moz-justify-content: space-between;
      -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -moz-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .header .menu-ml ul a {
      margin-right: 10px; }
  @media screen and (max-width: 768px) {
    .header .menu {
      display: none; } }

.footer {
  padding-top: 85px;
  padding-bottom: 40px;
  background-color: #fdefe3;
  border-top: 1px solid #2A2A2A; }
  .footer .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    .footer .row--1 {
      margin-bottom: 30px;
      padding-bottom: 40px;
      border-bottom: 1px solid #7C7E8220; }
      .footer .row--1 .col--2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -moz-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start; }
    .footer .row--2 .col--2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -moz-justify-content: space-between;
      -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -moz-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
  .footer .logo {
    margin-bottom: 35px;
    display: block; }
  .footer .wp-editor {
    max-width: 590px; }
    .footer .wp-editor p, .footer .wp-editor span {
      font-size: 12px;
      color: #7C7E82; }
  .footer .menu-list h5 {
    text-transform: uppercase;
    font-size: 10px;
    color: #64686A;
    margin-bottom: 15px; }
  .footer .menu-list ul {
    padding-left: 0;
    min-width: 160px; }
    .footer .menu-list ul li {
      margin-bottom: 12px; }
      .footer .menu-list ul li:last-of-type {
        margin-bottom: 0; }
    .footer .menu-list ul a {
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      font-size: 14px;
      color: #1C1C1C;
      font-weight: 600; }
      .footer .menu-list ul a:hover {
        color: #000000; }
  .footer .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .footer .social a {
      margin-right: 35px; }
      .footer .social a:last-of-type {
        margin-right: 0; }
  .footer .social-title {
    font-size: 12px;
    margin-right: 115px;
    color: #7C7E82; }
  .footer .copyright {
    font-size: 12px;
    color: #7C7E82; }
  @media screen and (max-width: 1024px) {
    .footer .row--2 {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column; }
      .footer .row--2 .col--1 {
        margin-bottom: 40px; }
      .footer .row--2 .col--2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -moz-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column; }
    .footer .social-title {
      margin-bottom: 40px; } }
  @media screen and (max-width: 768px) {
    .footer .row--1 {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column; }
      .footer .row--1 .col--1 {
        margin-bottom: 40px; }
      .footer .row--1 .col--2 {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        width: 100%; }
        .footer .row--1 .col--2 .menu-list {
          margin-bottom: 30px; }
          .footer .row--1 .col--2 .menu-list:last-of-type {
            margin-bottom: 0; } }

.home-page .section-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 85vh;
  background: #fdefe3;
  background: linear-gradient(180deg, #fdefe3 0%, white 100%); }
  .home-page .section-intro .container {
    text-align: center; }
  .home-page .section-intro .title {
    margin-bottom: 35px; }
  .home-page .section-intro p {
    font-size: 24px;
    max-width: 1150px;
    margin: 0 auto;
    margin-bottom: 40px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .home-page .section-intro p {
        font-size: 28.5px;
        font-size: calc(24px + (33 - 24) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .home-page .section-intro p {
        font-size: 33px; } }
  .home-page .section-intro .cta-button {
    margin: 0 auto; }
.home-page .section-projects {
  margin-bottom: 50px; }
  .home-page .section-projects .slider {
    overflow: unset; }
  .home-page .section-projects .swiper-wrapper {
    transition-timing-function: linear; }
  .home-page .section-projects .item {
    width: 280px;
    height: 280px;
    margin: 0 auto;
    padding: 3px;
    border: 1px dashed #2a2a2a;
    border-radius: 5px; }
    .home-page .section-projects .item .image {
      height: 100%;
      width: 100%; }
      .home-page .section-projects .item .image__inner {
        height: 100%;
        width: 100%;
        object-position: center;
        object-fit: cover; }
.home-page .section-brands {
  margin-bottom: 120px; }
  .home-page .section-brands .slider {
    overflow: unset; }
  .home-page .section-brands .swiper-wrapper {
    transition-timing-function: linear; }
  .home-page .section-brands .swiper-slide {
    width: auto; }
  .home-page .section-brands .item .image__inner {
    object-position: center;
    object-fit: cover; }
.home-page .section-how-it-works {
  padding-bottom: 120px; }
  .home-page .section-how-it-works .title {
    margin-bottom: 65px; }
  .home-page .section-how-it-works .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .home-page .section-how-it-works .col {
    width: 50%; }
    .home-page .section-how-it-works .col--2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      -moz-justify-content: flex-end;
      -webkit-box-pack: flex-end;
      -ms-flex-pack: flex-end;
      justify-content: flex-end;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -moz-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
  .home-page .section-how-it-works ul {
    padding-left: 70px; }
    .home-page .section-how-it-works ul li {
      position: relative;
      margin-bottom: 60px; }
      .home-page .section-how-it-works ul li h4 {
        font-size: 24px;
        font-weight: 600; }
        @media (min-width: 320px) and (max-width: 1439px) {
          .home-page .section-how-it-works ul li h4 {
            font-size: 29.5px;
            font-size: calc(24px + (35 - 24) * (100vw - 320px) / (1440 - 320)); } }
        @media (min-width: 1440px) {
          .home-page .section-how-it-works ul li h4 {
            font-size: 35px; } }
      .home-page .section-how-it-works ul li p {
        font-size: 20px;
        font-weight: 600; }
      .home-page .section-how-it-works ul li:last-of-type {
        margin-bottom: 0; }
      .home-page .section-how-it-works ul li:before {
        content: '';
        position: absolute;
        left: -65px;
        top: 15px;
        width: 33px;
        height: 33px;
        background-color: #71C5FC;
        background-image: url(img/check.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 50%; }
  .home-page .section-how-it-works .video {
    position: relative; }
    .home-page .section-how-it-works .video img {
      width: 380px;
      height: 780px; }
  .home-page .section-how-it-works .plyr {
    width: 347px;
    height: 756px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 47px; }
    .home-page .section-how-it-works .plyr .plyr__poster {
      background-size: cover; }
  @media screen and (max-width: 1024px) {
    .home-page .section-how-it-works .container {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column; }
    .home-page .section-how-it-works .col {
      width: 100%; }
      .home-page .section-how-it-works .col--1 {
        margin-bottom: 60px; }
      .home-page .section-how-it-works .col--2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
  @media screen and (max-width: 400px) {
    .home-page .section-how-it-works .video img {
      width: 340px;
      height: 680px; }
    .home-page .section-how-it-works .plyr {
      width: 308px;
      height: 657px; } }
.home-page .section-our-work {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #2A2A2A;
  position: relative; }
  .home-page .section-our-work:before {
    content: '';
    position: absolute;
    width: 30%;
    height: 100%;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    background: #2a2a2a;
    background: linear-gradient(90deg, #2a2a2a 40%, rgba(255, 255, 255, 0) 100%);
    z-index: 2; }
  .home-page .section-our-work:after {
    content: '';
    position: absolute;
    width: 30%;
    height: 100%;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #2a2a2a 60%);
    z-index: 2; }
  .home-page .section-our-work .sub-title {
    color: #7D8492; }
  .home-page .section-our-work .title {
    color: #FDEFE3; }
  .home-page .section-our-work .text {
    color: #7D8492; }
  .home-page .section-our-work .container--1 {
    text-align: center;
    margin-bottom: 40px; }
  .home-page .section-our-work .slider-our-work {
    overflow: unset;
    position: relative; }
    .home-page .section-our-work .slider-our-work .swiper-slide {
      background-color: #D9D9D9;
      border-radius: 15px; }
    .home-page .section-our-work .slider-our-work .image__inner {
      min-height: 530px;
      max-height: 530px;
      object-fit: cover;
      object-position: center;
      border-radius: 15px; }
  @media screen and (max-width: 768px) {
    .home-page .section-our-work:before {
      display: none; }
    .home-page .section-our-work:after {
      display: none; } }
.home-page .section-why-choose-us {
  padding-top: 80px;
  padding-bottom: 80px; }
  .home-page .section-why-choose-us .container--1 {
    text-align: center; }
    .home-page .section-why-choose-us .container--1 .sub-title {
      font-size: 24px;
      color: #7D8492;
      text-transform: uppercase;
      font-weight: 300; }
      @media (min-width: 320px) and (max-width: 1439px) {
        .home-page .section-why-choose-us .container--1 .sub-title {
          font-size: 27px;
          font-size: calc(24px + (30 - 24) * (100vw - 320px) / (1440 - 320)); } }
      @media (min-width: 1440px) {
        .home-page .section-why-choose-us .container--1 .sub-title {
          font-size: 30px; } }
    .home-page .section-why-choose-us .container--1 .wp-editor {
      margin-bottom: 80px; }
    .home-page .section-why-choose-us .container--1 .text {
      text-align: left;
      max-width: 860px; }
  .home-page .section-why-choose-us .container--2 {
    margin-bottom: 60px; }
  .home-page .section-why-choose-us .container--3 .block-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 65px;
    text-align: center; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .home-page .section-why-choose-us .container--3 .block-title {
        font-size: 35px;
        font-size: calc(30px + (40 - 30) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .home-page .section-why-choose-us .container--3 .block-title {
        font-size: 40px; } }
  .home-page .section-why-choose-us .container--3 .block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 80px;
    grid-row-gap: 60px; }
    .home-page .section-why-choose-us .container--3 .block .image {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -moz-justify-content: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -moz-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 35px; }
      .home-page .section-why-choose-us .container--3 .block .image__inner {
        max-height: 110px;
        max-height: 110px; }
    .home-page .section-why-choose-us .container--3 .block .wp-editor {
      text-align: center; }
      .home-page .section-why-choose-us .container--3 .block .wp-editor span, .home-page .section-why-choose-us .container--3 .block .wp-editor p, .home-page .section-why-choose-us .container--3 .block .wp-editor a {
        font-size: 21px; }
        @media (min-width: 320px) and (max-width: 1439px) {
          .home-page .section-why-choose-us .container--3 .block .wp-editor span, .home-page .section-why-choose-us .container--3 .block .wp-editor p, .home-page .section-why-choose-us .container--3 .block .wp-editor a {
            font-size: 22.5px;
            font-size: calc(21px + (24 - 21) * (100vw - 320px) / (1440 - 320)); } }
        @media (min-width: 1440px) {
          .home-page .section-why-choose-us .container--3 .block .wp-editor span, .home-page .section-why-choose-us .container--3 .block .wp-editor p, .home-page .section-why-choose-us .container--3 .block .wp-editor a {
            font-size: 24px; } }
  @media screen and (max-width: 1024px) {
    .home-page .section-why-choose-us .container--3 .block {
      grid-template-columns: repeat(1, 1fr); } }
.home-page .section-pricing .container--1 {
  text-align: center;
  margin-bottom: 45px; }
.home-page .section-pricing .container--2 {
  margin-bottom: 45px; }
.home-page .section-pricing .container--3 p {
  font-size: 25px; }
.home-page .section-pricing .tab--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1120px;
  margin: 0 auto;
  border-radius: 45px;
  padding: 20px 30px;
  border: 1px solid #2A2A2A;
  margin-bottom: 110px; }
  .home-page .section-pricing .tab--list .tab__item {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 10px;
    border-radius: 45px;
    border: 1px solid #2A2A2A;
    min-width: 220px;
    text-align: center;
    cursor: pointer; }
    .home-page .section-pricing .tab--list .tab__item.active {
      background-color: #2A2A2A; }
      .home-page .section-pricing .tab--list .tab__item.active .text {
        color: #fff; }
    .home-page .section-pricing .tab--list .tab__item:hover {
      background-color: #2A2A2A; }
      .home-page .section-pricing .tab--list .tab__item:hover .text {
        color: #fff; }
    .home-page .section-pricing .tab--list .tab__item .text {
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      font-weight: 600; }
.home-page .section-pricing .tab--content .tab__text {
  display: none; }
  .home-page .section-pricing .tab--content .tab__text.active {
    display: block; }
  .home-page .section-pricing .tab--content .tab__text .wrapper {
    padding: 40px;
    border: 1px solid #2A2A2A;
    border-radius: 45px; }
    .home-page .section-pricing .tab--content .tab__text .wrapper__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -moz-justify-content: space-between;
      -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -moz-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
  .home-page .section-pricing .tab--content .tab__text .item {
    width: 48%; }
    .home-page .section-pricing .tab--content .tab__text .item-main {
      background-color: #2A2A2A;
      border-radius: 45px;
      padding: 40px 30px;
      margin-bottom: 20px; }
    .home-page .section-pricing .tab--content .tab__text .item .title {
      font-size: 21px;
      text-transform: uppercase;
      color: #FDEFE3;
      margin-bottom: 20px; }
      @media (min-width: 320px) and (max-width: 1439px) {
        .home-page .section-pricing .tab--content .tab__text .item .title {
          font-size: 25.5px;
          font-size: calc(21px + (30 - 21) * (100vw - 320px) / (1440 - 320)); } }
      @media (min-width: 1440px) {
        .home-page .section-pricing .tab--content .tab__text .item .title {
          font-size: 30px; } }
    .home-page .section-pricing .tab--content .tab__text .item .price {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -moz-justify-content: flex-start;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-box-align: end;
      -ms-flex-align: end;
      -moz-align-items: flex-end;
      -webkit-box-align: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
      margin-bottom: 20px; }
      .home-page .section-pricing .tab--content .tab__text .item .price h2 {
        color: #FDEFE3;
        line-height: 1; }
      .home-page .section-pricing .tab--content .tab__text .item .price span {
        color: #FDEFE3;
        line-height: 1;
        position: relative;
        top: -5px; }
    .home-page .section-pricing .tab--content .tab__text .item .list {
      padding-left: 45px;
      margin-bottom: 30px; }
      .home-page .section-pricing .tab--content .tab__text .item .list--black .list-item {
        color: #2A2A2A;
        font-size: 18px; }
        @media (min-width: 320px) and (max-width: 1439px) {
          .home-page .section-pricing .tab--content .tab__text .item .list--black .list-item {
            font-size: 21.5px;
            font-size: calc(18px + (25 - 18) * (100vw - 320px) / (1440 - 320)); } }
        @media (min-width: 1440px) {
          .home-page .section-pricing .tab--content .tab__text .item .list--black .list-item {
            font-size: 25px; } }
      .home-page .section-pricing .tab--content .tab__text .item .list-item {
        font-size: 18px;
        position: relative;
        color: #FDEFE3;
        margin-bottom: 10px; }
        @media (min-width: 320px) and (max-width: 1439px) {
          .home-page .section-pricing .tab--content .tab__text .item .list-item {
            font-size: 23px;
            font-size: calc(18px + (28 - 18) * (100vw - 320px) / (1440 - 320)); } }
        @media (min-width: 1440px) {
          .home-page .section-pricing .tab--content .tab__text .item .list-item {
            font-size: 28px; } }
        .home-page .section-pricing .tab--content .tab__text .item .list-item:before {
          content: '';
          position: absolute;
          left: -42px;
          top: 3px;
          width: 30px;
          height: 30px;
          background-color: #71C5FC;
          background-image: url(img/check.svg);
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          border-radius: 50%; }
    .home-page .section-pricing .tab--content .tab__text .item .cta-button {
      background-color: #D9D9D9;
      margin: 0 auto; }
      .home-page .section-pricing .tab--content .tab__text .item .cta-button:hover {
        background-color: #FDEFE3; }
        .home-page .section-pricing .tab--content .tab__text .item .cta-button:hover span {
          color: #2A2A2A; }
    .home-page .section-pricing .tab--content .tab__text .item h6 {
      font-size: 18px;
      margin-bottom: 20px;
      font-weight: 400; }
      @media (min-width: 320px) and (max-width: 1439px) {
        .home-page .section-pricing .tab--content .tab__text .item h6 {
          font-size: 21.5px;
          font-size: calc(18px + (25 - 18) * (100vw - 320px) / (1440 - 320)); } }
      @media (min-width: 1440px) {
        .home-page .section-pricing .tab--content .tab__text .item h6 {
          font-size: 25px; } }
@media screen and (max-width: 1024px) {
  .home-page .section-pricing .tab--list {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-bottom: 50px; }
    .home-page .section-pricing .tab--list .tab__item {
      width: 100%;
      margin-bottom: 25px; }
      .home-page .section-pricing .tab--list .tab__item:last-of-type {
        margin-bottom: 0; }
  .home-page .section-pricing .tab--content .tab__text .wrapper {
    padding: 10px; }
    .home-page .section-pricing .tab--content .tab__text .wrapper__inner {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column; }
      .home-page .section-pricing .tab--content .tab__text .wrapper__inner .item {
        width: 100%;
        margin-bottom: 40px; }
        .home-page .section-pricing .tab--content .tab__text .wrapper__inner .item:last-of-type {
          margin-bottom: 0; } }
.home-page .section-faq {
  padding-top: 120px;
  padding-bottom: 120px;
  background: white;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fdefe3 100%); }
  .home-page .section-faq .container--1 {
    text-align: center;
    margin-bottom: 80px; }
  .home-page .section-faq .sub-title {
    font-size: 25px;
    margin-bottom: 5px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .home-page .section-faq .sub-title {
        font-size: 27.5px;
        font-size: calc(25px + (30 - 25) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .home-page .section-faq .sub-title {
        font-size: 30px; } }
  .home-page .section-faq .title {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 10px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .home-page .section-faq .title {
        font-size: 60px;
        font-size: calc(40px + (80 - 40) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .home-page .section-faq .title {
        font-size: 80px; } }
  .home-page .section-faq .text {
    font-size: 25px;
    font-weight: 600; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .home-page .section-faq .text {
        font-size: 27.5px;
        font-size: calc(25px + (30 - 25) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .home-page .section-faq .text {
        font-size: 30px; } }
  .home-page .section-faq .faq__item {
    margin-bottom: 30px;
    border-bottom: 1px solid #B0B5C2; }
    .home-page .section-faq .faq__item.active .faq__item__head:before {
      transform: rotate(-90deg); }
    .home-page .section-faq .faq__item__head {
      position: relative;
      cursor: pointer;
      padding-bottom: 35px; }
      .home-page .section-faq .faq__item__head h5 {
        font-weight: 700; }
      .home-page .section-faq .faq__item__head:before {
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        content: '';
        position: absolute;
        top: 10px;
        right: 0;
        width: 18px;
        height: 21px;
        background-image: url(img/arrow-right.svg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
    .home-page .section-faq .faq__item__body {
      display: none;
      padding-bottom: 20px; }
  @media screen and (max-width: 1024px) {
    .home-page .section-faq {
      padding-top: 75px;
      padding-bottom: 75px; } }

.about-page .section-about {
  padding-top: 120px;
  padding-bottom: 80px; }
  .about-page .section-about .title {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 15px;
    letter-spacing: -2px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .about-page .section-about .title {
        font-size: 36px;
        font-size: calc(28px + (44 - 28) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .about-page .section-about .title {
        font-size: 44px; } }
  .about-page .section-about .image__inner {
    border-radius: 100px; }
  .about-page .section-about .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    .about-page .section-about .container__col--1 {
      width: 60%; }
    .about-page .section-about .container__col--2 {
      width: 30%; }
  .about-page .section-about .tab--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px; }
    .about-page .section-about .tab--list .tab__item {
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      border-radius: 50px;
      border: 1px solid #0A0A0A;
      margin-right: 12px;
      padding: 12px 21px;
      cursor: pointer;
      margin-bottom: 10px; }
      .about-page .section-about .tab--list .tab__item:hover {
        background-color: #0A0A0A20; }
      .about-page .section-about .tab--list .tab__item.active {
        background-color: #0A0A0A; }
        .about-page .section-about .tab--list .tab__item.active .text {
          color: #ffffff;
          opacity: 1; }
      .about-page .section-about .tab--list .tab__item .text {
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        color: #0A0A0A;
        opacity: .7;
        font-weight: 600; }
  .about-page .section-about .tab--content .tab__text {
    display: none; }
    .about-page .section-about .tab--content .tab__text.active {
      display: block; }
    .about-page .section-about .tab--content .tab__text p {
      color: #0A0A0A;
      line-height: 1.8;
      font-size: 24px;
      font-weight: 500;
      letter-spacing: -1px; }
  @media screen and (max-width: 1024px) {
    .about-page .section-about .image__inner {
      width: 100%; }
    .about-page .section-about .container {
      -webkit-box-direction: reverse;
      -webkit-box-orient: vertical;
      -ms-flex-direction: column-reverse;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column-reverse; }
      .about-page .section-about .container__col--1 {
        width: 100%; }
      .about-page .section-about .container__col--2 {
        width: 100%;
        margin-bottom: 40px; } }
  @media screen and (max-width: 768px) {
    .about-page .section-about .tab--list .tab__item {
      width: 100%; } }
.about-page .section-about-2 {
  padding-bottom: 80px; }
  .about-page .section-about-2 .container {
    max-width: 690px; }
  .about-page .section-about-2 .title {
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -2px;
    margin-bottom: 25px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .about-page .section-about-2 .title {
        font-size: 36px;
        font-size: calc(28px + (44 - 28) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .about-page .section-about-2 .title {
        font-size: 44px; } }
  .about-page .section-about-2 .text {
    font-size: 18px;
    letter-spacing: -1%;
    line-height: 1.6; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .about-page .section-about-2 .text {
        font-size: 20px;
        font-size: calc(18px + (22 - 18) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .about-page .section-about-2 .text {
        font-size: 22px; } }
.about-page .section-team {
  padding-top: 40px;
  padding-bottom: 100px;
  background: white;
  background: linear-gradient(180deg, white 0%, #f4f7ff 50%); }
  .about-page .section-team .container--1 .title {
    margin-bottom: 40px; }
  .about-page .section-team .slider-team {
    overflow: visible; }
  .about-page .section-team .swiper-pagination {
    bottom: -50px; }
    .about-page .section-team .swiper-pagination .swiper-pagination-bullet {
      background-color: #414141;
      opacity: .5;
      margin-left: 7.5px;
      margin-right: 7.5px; }
    .about-page .section-team .swiper-pagination .swiper-pagination-bullet-active {
      background-color: #414141;
      opacity: 1; }
  .about-page .section-team .item {
    padding: 32px;
    background-color: #ffffff;
    border: 1px solid #F3F4F8;
    border-radius: 12px;
    text-align: center; }
    .about-page .section-team .item .image {
      margin-bottom: 15px; }
      .about-page .section-team .item .image__inner {
        max-width: 140px;
        max-height: 140px;
        margin: 0 auto; }
    .about-page .section-team .item__position {
      background-color: #1F1F1F;
      color: #ffffff;
      padding: 5px 13px;
      border-radius: 50px;
      width: fit-content;
      text-align: center;
      margin: 0 auto;
      position: relative;
      top: -15px; }
    .about-page .section-team .item__title {
      font-size: 18px;
      margin-bottom: 12px; }
      @media (min-width: 320px) and (max-width: 1439px) {
        .about-page .section-team .item__title {
          font-size: 21px;
          font-size: calc(18px + (24 - 18) * (100vw - 320px) / (1440 - 320)); } }
      @media (min-width: 1440px) {
        .about-page .section-team .item__title {
          font-size: 24px; } }
    .about-page .section-team .item__description {
      color: #615567;
      font-size: 14px;
      margin-bottom: 12px; }
    .about-page .section-team .item .link-group a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -moz-justify-content: flex-start;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -moz-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: 1px solid #E1E6F7;
      border-radius: 50px;
      min-width: 160px;
      margin: 0 auto;
      position: relative; }
      .about-page .section-team .item .link-group a:after {
        content: '';
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 12px;
        height: 12px;
        background-image: url(img/arrow-up.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        transition: .3s ease; }
      .about-page .section-team .item .link-group a span {
        font-weight: 400; }
      .about-page .section-team .item .link-group a img {
        margin-right: 7px; }
.about-page .section-goals {
  padding-top: 60px;
  padding-bottom: 160px; }
  .about-page .section-goals .title {
    font-size: 24px;
    letter-spacing: -1.35px;
    font-weight: 500; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .about-page .section-goals .title {
        font-size: 34px;
        font-size: calc(24px + (44 - 24) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .about-page .section-goals .title {
        font-size: 44px; } }
  .about-page .section-goals .container--1 {
    margin-bottom: 40px; }
  .about-page .section-goals .container--2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 60px;
    grid-row-gap: 60px; }
  .about-page .section-goals .card .image {
    margin-bottom: 15px; }
  .about-page .section-goals .card h5 {
    font-size: 24px;
    letter-spacing: -1px;
    margin-bottom: 15px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .about-page .section-goals .card h5 {
        font-size: 27px;
        font-size: calc(24px + (30 - 24) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .about-page .section-goals .card h5 {
        font-size: 30px; } }
  .about-page .section-goals .card p {
    font-size: 16px;
    color: #999EA7;
    line-height: 1.8; }
  @media screen and (max-width: 1024px) {
    .about-page .section-goals .container--2 {
      grid-template-columns: repeat(1, 1fr); } }
.about-page .section-git {
  padding-bottom: 100px; }
  .about-page .section-git .title {
    font-size: 28px;
    color: #2F2F2F;
    margin-bottom: 20px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .about-page .section-git .title {
        font-size: 39px;
        font-size: calc(28px + (50 - 28) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .about-page .section-git .title {
        font-size: 50px; } }
  .about-page .section-git .image--main {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #A0A0A033; }
  .about-page .section-git .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 60px 100px;
    border-radius: 25px;
    background-color: #F5F7FE; }
    .about-page .section-git .container__col--1 {
      width: 30%; }
    .about-page .section-git .container__col--2 {
      width: 60%; }
  .about-page .section-git .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    margin-bottom: 40px; }
    .about-page .section-git .card__col--1 {
      margin-right: 10px; }
    .about-page .section-git .card .image {
      position: relative;
      top: 5px; }
      .about-page .section-git .card .image img {
        width: 100%;
        min-width: 15px; }
    .about-page .section-git .card h5 {
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 5px; }
  @media screen and (max-width: 1024px) {
    .about-page .section-git .container {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      padding: 30px 50px; }
      .about-page .section-git .container__col--1 {
        width: 100%;
        margin-bottom: 40px; }
      .about-page .section-git .container__col--2 {
        width: 100%; } }
  @media screen and (max-width: 768px) {
    .about-page .section-git .container {
      padding: 30px 20px; } }

.blog-page {
  padding-top: 150px;
  padding-bottom: 100px; }
  .blog-page .news-section .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 40px; }
    @media screen and (max-width: 1024px) {
      .blog-page .news-section .container {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (max-width: 768px) {
      .blog-page .news-section .container {
        grid-template-columns: repeat(1, 1fr); } }
    .blog-page .news-section .container--1 .title {
      margin-bottom: 40px; }
  .blog-page .news-section .card-post-image {
    margin-bottom: 32px; }
    .blog-page .news-section .card-post-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      min-height: 220px;
      max-height: 220px;
      border-radius: 12px; }
  .blog-page .news-section .card-post-title {
    font-size: 17px;
    margin-bottom: 15px;
    color: #1C1C1C;
    font-weight: 600; }
  .blog-page .news-section .card-post-excerpt {
    font-size: 14px;
    color: #7C7E82;
    margin-bottom: 15px; }
  .blog-page .news-section .card-post .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .blog-page .news-section .card-post-date {
    font-size: 11px;
    color: #6E7A84;
    font-weight: 500; }
  .blog-page .news-section .news-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 50px; }
    .blog-page .news-section .news-pagination .pagination {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -moz-justify-content: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -moz-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .blog-page .news-section .news-pagination .pagination span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 5px;
        padding: 5px;
        border: 1px solid #2A2A2A;
        border-radius: 3px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 40px;
        height: 40px;
        background-color: #2A2A2A;
        color: #ffffff; }
      .blog-page .news-section .news-pagination .pagination a {
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 5px;
        padding: 5px;
        border: 1px solid #000;
        border-radius: 3px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 40px;
        height: 40px; }
        .blog-page .news-section .news-pagination .pagination a:hover {
          background-color: #2A2A2A;
          color: #ffffff;
          border: 1px solid #2A2A2A;
          opacity: .9; }
  @media screen and (max-width: 1024px) {
    .blog-page {
      padding-top: 60px;
      padding-bottom: 60px; } }

.single-page {
  padding-top: 150px;
  padding-bottom: 100px; }
  .single-page .single-post .row {
    max-width: 960px; }
  .single-page .single-post-title {
    margin-bottom: 40px; }
  .single-page .single-post-excerpt {
    font-size: 18px;
    color: #7C7E82;
    margin-bottom: 95px;
    font-weight: 500; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .single-page .single-post-excerpt {
        font-size: 18px;
        font-size: calc(18px + (18 - 18) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .single-page .single-post-excerpt {
        font-size: 18px; } }
  .single-page .single-post .line {
    width: 100%;
    height: 1px;
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: rgba(5, 5, 5, 0.06); }
  .single-page .single-post-image {
    margin-bottom: 55px; }
    .single-page .single-post-image img {
      border-radius: 10px;
      max-height: 600px;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center; }
  .single-page .single-post .wysiwyg-editor h3 {
    font-size: 36px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .single-page .single-post .wysiwyg-editor h3 {
        font-size: 47px;
        font-size: calc(36px + (58 - 36) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .single-page .single-post .wysiwyg-editor h3 {
        font-size: 58px; } }
  .single-page .single-post .wysiwyg-editor h2 {
    font-size: 32px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .single-page .single-post .wysiwyg-editor h2 {
        font-size: 40px;
        font-size: calc(32px + (48 - 32) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .single-page .single-post .wysiwyg-editor h2 {
        font-size: 48px; } }
  .single-page .single-post .wysiwyg-editor h3 {
    font-size: 28px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .single-page .single-post .wysiwyg-editor h3 {
        font-size: 33px;
        font-size: calc(28px + (38 - 28) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .single-page .single-post .wysiwyg-editor h3 {
        font-size: 38px; } }
  .single-page .single-post .wysiwyg-editor h4 {
    font-size: 21px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .single-page .single-post .wysiwyg-editor h4 {
        font-size: 24.5px;
        font-size: calc(21px + (28 - 21) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .single-page .single-post .wysiwyg-editor h4 {
        font-size: 28px; } }
  .single-page .single-post .wysiwyg-editor h5 {
    font-size: 18px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .single-page .single-post .wysiwyg-editor h5 {
        font-size: 18px;
        font-size: calc(18px + (18 - 18) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .single-page .single-post .wysiwyg-editor h5 {
        font-size: 18px; } }
  .single-page .single-post .wysiwyg-editor h6 {
    font-size: 18px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .single-page .single-post .wysiwyg-editor h6 {
        font-size: 18px;
        font-size: calc(18px + (18 - 18) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .single-page .single-post .wysiwyg-editor h6 {
        font-size: 18px; } }
  .single-page .single-post .wysiwyg-editor h1, .single-page .single-post .wysiwyg-editor h2, .single-page .single-post .wysiwyg-editor h3, .single-page .single-post .wysiwyg-editor h4, .single-page .single-post .wysiwyg-editor h5, .single-page .single-post .wysiwyg-editor h6 {
    margin-bottom: 20px;
    margin-bottom: 40px;
    letter-spacing: -1px;
    font-weight: 500; }
  .single-page .single-post .wysiwyg-editor figure {
    margin-top: 15px;
    margin-bottom: 15px; }
  .single-page .single-post .wysiwyg-editor p {
    font-size: 16px;
    color: #7C7E82;
    margin: 15px 0; }
    .single-page .single-post .wysiwyg-editor p a {
      color: #FF40EC;
      font-weight: 500; }
  .single-page .single-post .wysiwyg-editor ul {
    list-style: disc; }
  .single-page .single-post .wysiwyg-editor ol {
    list-style: auto; }

.case-studies-page .section-content {
  padding-top: 120px;
  padding-bottom: 120px; }
  .case-studies-page .section-content .container--1 .title {
    margin-bottom: 50px; }
  .case-studies-page .section-content .card-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #F0F0F0; }
    .case-studies-page .section-content .card-post:last-of-type {
      margin-bottom: 0; }
    .case-studies-page .section-content .card-post__col--1 {
      width: 50%; }
    .case-studies-page .section-content .card-post__col--2 {
      width: 40%; }
    .case-studies-page .section-content .card-post-image {
      position: relative; }
      .case-studies-page .section-content .card-post-image img {
        border-radius: 15px; }
      .case-studies-page .section-content .card-post-image div {
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-radius: 50%;
        background-color: #ffffff;
        width: 55px;
        height: 55px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1; }
        .case-studies-page .section-content .card-post-image div:before {
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
          content: '';
          background-image: url(img/play-black.svg);
          background-position: center;
          background-size: contain;
          background-repeat: no-repeat;
          width: 33px;
          height: 19px;
          position: absolute;
          left: 55%;
          top: 50%;
          transform: translate(-50%, -50%); }
        .case-studies-page .section-content .card-post-image div span {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          background-color: #ffffff;
          opacity: .2;
          border-radius: 100%;
          z-index: -1; }
          .case-studies-page .section-content .card-post-image div span:nth-of-type(1) {
            width: 140%;
            height: 140%;
            background-color: #C1C1C1; }
          .case-studies-page .section-content .card-post-image div span:nth-of-type(2) {
            width: 180%;
            height: 180%;
            background-color: #C1C1C1; }
          .case-studies-page .section-content .card-post-image div span:nth-of-type(3) {
            width: 220%;
            height: 220%;
            background-color: #C1C1C1; }
    .case-studies-page .section-content .card-post-title {
      font-size: 24px;
      margin-bottom: 15px;
      font-weight: 500;
      line-height: 1.2;
      letter-spacing: -1.3px;
      max-width: 400px; }
      @media (min-width: 320px) and (max-width: 1439px) {
        .case-studies-page .section-content .card-post-title {
          font-size: 28px;
          font-size: calc(24px + (32 - 24) * (100vw - 320px) / (1440 - 320)); } }
      @media (min-width: 1440px) {
        .case-studies-page .section-content .card-post-title {
          font-size: 32px; } }
    .case-studies-page .section-content .card-post-excerpt {
      font-size: 16px;
      color: #606060;
      margin-bottom: 30px;
      max-width: 400px; }
    .case-studies-page .section-content .card-post-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -moz-justify-content: space-between;
      -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -moz-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: fit-content;
      background-color: #426CFF;
      border-radius: 50px;
      padding: 10px 15px 10px 35px;
      min-width: 260px; }
      .case-studies-page .section-content .card-post-link:hover div:before {
        transform: translate(-50%, -50%) rotate(45deg); }
      .case-studies-page .section-content .card-post-link span {
        margin-right: 40px;
        color: #ffffff;
        font-weight: 700;
        font-size: 21px;
        letter-spacing: -0.96px; }
        @media (min-width: 320px) and (max-width: 1439px) {
          .case-studies-page .section-content .card-post-link span {
            font-size: 22.5px;
            font-size: calc(21px + (24 - 21) * (100vw - 320px) / (1440 - 320)); } }
        @media (min-width: 1440px) {
          .case-studies-page .section-content .card-post-link span {
            font-size: 24px; } }
      .case-studies-page .section-content .card-post-link div {
        position: relative;
        width: 65px;
        height: 65px;
        background-color: #ffffff;
        border-radius: 100%; }
        .case-studies-page .section-content .card-post-link div:before {
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
          content: '';
          background-image: url(img/arrow.svg);
          background-position: center;
          background-size: contain;
          background-repeat: no-repeat;
          width: 20px;
          height: 20px;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
  @media screen and (max-width: 1024px) {
    .case-studies-page .section-content .card-post {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      margin-bottom: 100px; }
      .case-studies-page .section-content .card-post__col--1 {
        width: 100%;
        margin-bottom: 40px; }
      .case-studies-page .section-content .card-post__col--2 {
        width: 100%; } }

.pricing-page .section-pricing {
  padding-top: 120px;
  padding-bottom: 120px; }
  .pricing-page .section-pricing .container--1 {
    margin-bottom: 50px; }
    .pricing-page .section-pricing .container--1 .title {
      text-align: center;
      font-weight: 600; }
  .pricing-page .section-pricing .container--2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px; }
  .pricing-page .section-pricing .card {
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid #F0F0F0; }
    .pricing-page .section-pricing .card__row--1 {
      background-image: url(img/noise.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      padding: 25px 50px; }
    .pricing-page .section-pricing .card__row--2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -moz-justify-content: space-between;
      -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      -moz-align-items: flex-start;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      padding: 40px;
      height: 72%; }
    .pricing-page .section-pricing .card .image {
      margin-bottom: 20px; }
    .pricing-page .section-pricing .card .price {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -moz-justify-content: flex-start;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -moz-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #E7EBFF;
      width: 100%; }
      .pricing-page .section-pricing .card .price h2 {
        font-size: 28px;
        margin-right: 10px; }
        @media (min-width: 320px) and (max-width: 1439px) {
          .pricing-page .section-pricing .card .price h2 {
            font-size: 36.5px;
            font-size: calc(28px + (45 - 28) * (100vw - 320px) / (1440 - 320)); } }
        @media (min-width: 1440px) {
          .pricing-page .section-pricing .card .price h2 {
            font-size: 45px; } }
      .pricing-page .section-pricing .card .price p {
        font-weight: 500;
        color: #8C8C8C; }
    .pricing-page .section-pricing .card .list {
      margin-bottom: 40px; }
      .pricing-page .section-pricing .card .list__item {
        position: relative;
        padding-left: 30px;
        margin-bottom: 10px; }
        .pricing-page .section-pricing .card .list__item:last-of-type {
          margin-bottom: 0; }
        .pricing-page .section-pricing .card .list__item p {
          line-height: 1.8;
          font-size: 16px; }
        .pricing-page .section-pricing .card .list__item:before {
          content: '';
          background-image: url(img/green-check.svg);
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          width: 20px;
          height: 20px;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          position: absolute; }
    .pricing-page .section-pricing .card .cta-button {
      transition: .3s ease;
      text-align: center;
      width: 100%;
      padding: 8px 25px;
      border-radius: 6px;
      border: 1px solid #1890FF; }
      .pricing-page .section-pricing .card .cta-button span {
        transition: .3s ease;
        color: #1890FF; }
      .pricing-page .section-pricing .card .cta-button:hover {
        background-color: #1890FF; }
        .pricing-page .section-pricing .card .cta-button:hover span {
          color: #ffffff; }
  @media screen and (max-width: 1200px) {
    .pricing-page .section-pricing .container--2 {
      grid-template-columns: repeat(3, 1fr); } }
  @media screen and (max-width: 1024px) {
    .pricing-page .section-pricing .container--2 {
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (max-width: 768px) {
    .pricing-page .section-pricing .container--2 {
      grid-template-columns: repeat(1, 1fr); } }

.single-case-studies .single-page {
  padding-top: 0;
  padding-bottom: 0; }
.single-case-studies .block-intro {
  background-color: #1677FF;
  padding-top: 130px;
  padding-bottom: 180px; }
  .single-case-studies .block-intro .row {
    max-width: 1170px;
    position: relative; }
  .single-case-studies .block-intro .container--1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .single-case-studies .block-intro .container--2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 15px;
    padding: 45px 70px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 50, 125, 0.1);
    -moz-box-shadow: 0px 8px 16px 0px rgba(0, 50, 125, 0.1);
    box-shadow: 0px 8px 16px 0px rgba(0, 50, 125, 0.1);
    position: absolute;
    width: 100%;
    bottom: -65%;
    text-align: center; }
  .single-case-studies .block-intro .col--1 {
    width: 40%; }
  .single-case-studies .block-intro .col--2 {
    width: 55%; }
  .single-case-studies .block-intro .title {
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -2%;
    color: #fff;
    margin-bottom: 25px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .single-case-studies .block-intro .title {
        font-size: 35px;
        font-size: calc(30px + (40 - 30) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .single-case-studies .block-intro .title {
        font-size: 40px; } }
  .single-case-studies .block-intro .excerpt {
    font-size: 15px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 40px; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .single-case-studies .block-intro .excerpt {
        font-size: 15px;
        font-size: calc(15px + (15 - 15) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .single-case-studies .block-intro .excerpt {
        font-size: 15px; } }
  .single-case-studies .block-intro .image {
    display: block !important; }
  .single-case-studies .block-intro .video {
    border-radius: 20px;
    border: 5px solid #fff;
    position: relative;
    z-index: 1; }
    .single-case-studies .block-intro .video:before {
      content: '';
      width: 100%;
      height: 100%;
      border-radius: 20px;
      background-color: #ffffff40;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(10deg);
      position: absolute;
      z-index: -1; }
    .single-case-studies .block-intro .video:after {
      content: '';
      width: 100%;
      height: 100%;
      border-radius: 20px;
      background-color: #004AB340;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(-10deg);
      position: absolute;
      z-index: -1; }
    .single-case-studies .block-intro .video .plyr {
      border-radius: 20px;
      z-index: 2; }
  .single-case-studies .block-intro .cta-button {
    padding: 15px 36px;
    border-radius: 50px;
    background-color: #fff; }
    .single-case-studies .block-intro .cta-button span {
      color: #1677FF; }
  .single-case-studies .block-intro .cta-link {
    display: block;
    margin-bottom: 28px;
    position: relative;
    padding-left: 25px; }
    .single-case-studies .block-intro .cta-link:before {
      content: '';
      width: 16px;
      height: 16px;
      background-image: url(img/left-white-arrow.svg);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0; }
    .single-case-studies .block-intro .cta-link span {
      font-size: 16px;
      font-weight: 700;
      color: #fff; }
  @media screen and (max-width: 1024px) {
    .single-case-studies .block-intro .container--1 {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column; }
    .single-case-studies .block-intro .container--2 {
      display: none; }
    .single-case-studies .block-intro .col {
      width: 100%; }
      .single-case-studies .block-intro .col--1 {
        margin-bottom: 50px; } }
.single-case-studies .block-content {
  padding-top: 180px;
  padding-bottom: 50px;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .single-case-studies .block-content {
      padding-top: 100px; } }
  .single-case-studies .block-content .sidebar-1 {
    border-left: 1px solid #C9CBD1;
    padding-left: 30px;
    margin-bottom: 32px; }
    .single-case-studies .block-content .sidebar-1 a {
      display: block;
      margin-bottom: 12px; }
      .single-case-studies .block-content .sidebar-1 a.active {
        position: relative; }
        .single-case-studies .block-content .sidebar-1 a.active:before {
          content: '';
          width: 3px;
          height: 100%;
          position: absolute;
          background-color: #3287FF;
          left: -30px; }
        .single-case-studies .block-content .sidebar-1 a.active span {
          color: #141F34;
          font-weight: 600; }
      .single-case-studies .block-content .sidebar-1 a span {
        font-size: 16px;
        color: #A1A5AE; }
  .single-case-studies .block-content .sidebar-2 {
    background-color: #F4F7FF;
    border-radius: 20px; }
    .single-case-studies .block-content .sidebar-2 .blck h5 {
      color: #141F34;
      font-size: 20px;
      font-weight: 600;
      line-height: 1.2; }
    .single-case-studies .block-content .sidebar-2 .blck h6 {
      font-size: 14px;
      color: #A1A5AE;
      margin-bottom: 5px; }
    .single-case-studies .block-content .sidebar-2 .blck .cta-link span {
      color: #1677FF;
      border-bottom: 1px solid #1677FF; }
    .single-case-studies .block-content .sidebar-2 .blck-row {
      margin-bottom: 14px; }
    .single-case-studies .block-content .sidebar-2 .blck--1 {
      border-bottom: 2px solid #E1E6F4;
      padding: 20px 30px; }
    .single-case-studies .block-content .sidebar-2 .blck--2 {
      padding: 20px 30px; }
  @media screen and (max-width: 1024px) {
    .single-case-studies .block-content .main-col--1 {
      display: none; }
    .single-case-studies .block-content .main-col--2 {
      width: 100% !important; } }
  .single-case-studies .block-content .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    max-width: 1270px;
    position: relative; }
  .single-case-studies .block-content .main-col--1 {
    width: 25%;
    position: sticky;
    top: 10%; }
  .single-case-studies .block-content .main-col--2 {
    width: 70%; }
  .single-case-studies .block-content .pag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    padding-top: 60px;
    border-top: 1px solid #E6E9EC;
    margin-top: 60px; }
    .single-case-studies .block-content .pag span {
      font-size: 11px;
      color: #6E7A84;
      font-weight: 700;
      display: block;
      text-transform: uppercase;
      margin-bottom: 5px; }
    .single-case-studies .block-content .pag p {
      width: 40%;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column; }
    .single-case-studies .block-content .pag a {
      display: block;
      font-size: 17px;
      font-weight: 700; }
    .single-case-studies .block-content .pag-next {
      width: 50%;
      position: relative;
      padding-right: 35px; }
      .single-case-studies .block-content .pag-next span {
        text-align: right; }
      .single-case-studies .block-content .pag-next a {
        text-align: right; }
      .single-case-studies .block-content .pag-next div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        -moz-justify-content: right;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .single-case-studies .block-content .pag-next:before {
        content: '';
        position: absolute;
        background-image: url(img/pag-right-arrow.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
    .single-case-studies .block-content .pag-prev {
      width: 50%;
      padding-left: 35px;
      position: relative; }
      .single-case-studies .block-content .pag-prev:before {
        content: '';
        position: absolute;
        background-image: url(img/pag-left-arrow.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }

.block-overview {
  margin-bottom: 50px; }
  .block-overview .title {
    font-size: 25px;
    color: #343352;
    margin-bottom: 15px;
    line-height: 1.7;
    font-weight: bold; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .block-overview .title {
        font-size: 27.5px;
        font-size: calc(25px + (30 - 25) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .block-overview .title {
        font-size: 30px; } }
  .block-overview .text {
    font-size: 18px;
    font-weight: medium;
    line-height: 1.6;
    color: #040404; }

.block-problem-statement {
  margin-bottom: 65px; }
  .block-problem-statement .title {
    font-size: 25px;
    color: #343352;
    margin-bottom: 15px;
    line-height: 1.7;
    font-weight: bold; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .block-problem-statement .title {
        font-size: 27.5px;
        font-size: calc(25px + (30 - 25) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .block-problem-statement .title {
        font-size: 30px; } }
  .block-problem-statement ul {
    padding-left: 35px; }
    .block-problem-statement ul li {
      position: relative;
      margin-bottom: 15px;
      color: #343352;
      line-height: 1.6;
      font-size: 18px; }
      .block-problem-statement ul li:last-of-type {
        margin-bottom: 0; }
      .block-problem-statement ul li:before {
        content: '';
        width: 15px;
        height: 15px;
        background-image: url(img/red-cross.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 7px;
        left: -35px; }

.block-quote {
  margin-bottom: 50px; }
  .block-quote .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    border-radius: 25px;
    background-color: #F5F5F7;
    padding: 24px 94px 40px 16px; }
  .block-quote .image {
    border-radius: 50%;
    overflow: hidden;
    width: 42px;
    height: 42px;
    margin-right: 15px; }
  .block-quote .name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px; }
  .block-quote .position {
    font-size: 18px;
    color: #6F778A;
    margin-bottom: 25px; }
  .block-quote .text {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .block-quote .text {
        font-size: 19.5px;
        font-size: calc(18px + (21 - 18) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .block-quote .text {
        font-size: 21px; } }
  @media screen and (max-width: 768px) {
    .block-quote .container {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      padding: 25px; }
    .block-quote .image {
      margin-bottom: 20px; } }

.block-problem-result {
  margin-bottom: 65px; }
  .block-problem-result .title {
    font-size: 25px;
    color: #343352;
    margin-bottom: 15px;
    line-height: 1.7;
    font-weight: bold; }
    @media (min-width: 320px) and (max-width: 1439px) {
      .block-problem-result .title {
        font-size: 27.5px;
        font-size: calc(25px + (30 - 25) * (100vw - 320px) / (1440 - 320)); } }
    @media (min-width: 1440px) {
      .block-problem-result .title {
        font-size: 30px; } }
  .block-problem-result ul {
    padding-left: 35px; }
    .block-problem-result ul li {
      position: relative;
      margin-bottom: 15px;
      color: #343352;
      line-height: 1.6;
      font-size: 18px; }
      .block-problem-result ul li:last-of-type {
        margin-bottom: 0; }
      .block-problem-result ul li:before {
        content: '';
        width: 18px;
        height: 13px;
        background-image: url(img/blue-check.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 7px;
        left: -35px; }

.block-solution {
  margin-bottom: 50px; }
  .block-solution .container {
    border: 1px solid #6CFF9E;
    border-radius: 25px;
    padding: 24px 72px 40px 40px;
    background-color: #F6FFF7; }
  .block-solution .title {
    margin-bottom: 38px; }
  .block-solution ul {
    padding-left: 35px; }
    .block-solution ul li {
      position: relative;
      margin-bottom: 24px;
      color: #343352;
      line-height: 1.6;
      font-size: 18px; }
      .block-solution ul li:last-of-type {
        margin-bottom: 0; }
      .block-solution ul li:before {
        content: '';
        width: 20px;
        height: 20px;
        background-image: url(img/white-check.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 2px;
        left: -35px; }
  @media screen and (max-width: 768px) {
    .block-solution .container {
      padding: 25px; } }

.block-contact-us {
  margin-bottom: 50px; }
  .block-contact-us .container {
    text-align: center;
    padding: 40px 40px 60px 50px;
    border-radius: 24px;
    background: #ffd600;
    background: linear-gradient(90deg, rgba(255, 214, 0, 0.2) 0%, rgba(255, 14, 14, 0.2) 31%, rgba(189, 0, 255, 0.2) 64%, rgba(51, 0, 255, 0.2) 100%); }
  .block-contact-us .title {
    margin-bottom: 24px; }
  .block-contact-us .cta-button {
    background-color: #D91212;
    margin: 0 auto;
    padding: 15px 18px 15px 54px;
    border-radius: 70px; }
    .block-contact-us .cta-button-text {
      font-size: 16px;
      color: #fff;
      margin-right: 32px; }
      @media (min-width: 320px) and (max-width: 1439px) {
        .block-contact-us .cta-button-text {
          font-size: 22px;
          font-size: calc(16px + (28 - 16) * (100vw - 320px) / (1440 - 320)); } }
      @media (min-width: 1440px) {
        .block-contact-us .cta-button-text {
          font-size: 28px; } }
    .block-contact-us .cta-button .circle {
      width: 80px;
      height: 80px;
      background-color: #fff;
      border-radius: 50%;
      position: relative; }
      .block-contact-us .cta-button .circle:before {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        background-image: url(img/black-arrow-up.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  @media screen and (max-width: 768px) {
    .block-contact-us .container {
      padding: 20px; }
    .block-contact-us .cta-button {
      padding: 15px; }
      .block-contact-us .cta-button span {
        margin-right: 0; }
      .block-contact-us .cta-button .circle {
        width: 50px;
        height: 50px; }
        .block-contact-us .cta-button .circle:before {
          width: 13px;
          height: 13px; } }

.block-additional-attachments {
  margin-bottom: 64px; }
  .block-additional-attachments .title {
    margin-bottom: 15px;
    color: #343352;
    font-weight: 600; }
  .block-additional-attachments .text {
    margin-bottom: 32px;
    color: #6F778A; }
  .block-additional-attachments .block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px; }
    .block-additional-attachments .block-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -moz-justify-content: flex-start;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      -moz-align-items: flex-start;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start;
      border-radius: 24px;
      background-color: #FBFBFB;
      border: 1px solid #F7F9FC;
      padding: 24px; }
  .block-additional-attachments .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    width: 50px;
    height: 50px;
    border: 1px solid #F4F5F8;
    background-color: #fff;
    margin-right: 25px; }
  .block-additional-attachments .download {
    position: relative;
    padding-left: 30px;
    display: block; }
    .block-additional-attachments .download-icon:before {
      content: '';
      position: absolute;
      background-image: url(img/icon-download.svg);
      width: 13px;
      height: 13px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      top: 50%;
      left: 4px;
      transform: translateY(-50%); }
  .block-additional-attachments h6 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 35px; }
  @media screen and (max-width: 768px) {
    .block-additional-attachments .block {
      grid-template-columns: repeat(1, 1fr); } }

.block-time {
  margin-bottom: 65px; }
  .block-time .title {
    margin-bottom: 25px;
    color: #343352;
    font-weight: 600; }
  .block-time .image {
    background-color: #F7F9FC;
    border-radius: 30px;
    padding: 20px; }
    .block-time .image img {
      height: 240px;
      width: 100%; }
  .block-time ul {
    margin-bottom: 25px; }
  .block-time .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    position: relative; }
    .block-time .block:before {
      content: '';
      position: absolute;
      width: 1px;
      height: 100%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border: 1px dashed #3B95FF; }
    .block-time .block .col {
      width: 45%; }
      .block-time .block .col--1 ul {
        padding-left: 35px; }
        .block-time .block .col--1 ul li {
          position: relative;
          margin-bottom: 15px;
          color: #343352;
          line-height: 1.6;
          font-size: 18px; }
          .block-time .block .col--1 ul li:last-of-type {
            margin-bottom: 0; }
          .block-time .block .col--1 ul li:before {
            content: '';
            width: 15px;
            height: 15px;
            background-image: url(img/red-cross.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: absolute;
            top: 3px;
            left: -35px; }
      .block-time .block .col--2 ul {
        padding-left: 35px; }
        .block-time .block .col--2 ul li {
          position: relative;
          margin-bottom: 15px;
          color: #343352;
          line-height: 1.6;
          font-size: 18px; }
          .block-time .block .col--2 ul li:last-of-type {
            margin-bottom: 0; }
          .block-time .block .col--2 ul li:before {
            content: '';
            width: 18px;
            height: 13px;
            background-image: url(img/blue-check.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: absolute;
            top: 7px;
            left: -35px; }
  @media screen and (max-width: 768px) {
    .block-time .block {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column; }
      .block-time .block:before {
        display: none; }
      .block-time .block .col--1 {
        width: 100%;
        margin-bottom: 30px; }
      .block-time .block .col--2 {
        width: 100%; } }

.block-references .title {
  margin-bottom: 25px;
  color: #343352;
  font-weight: 600; }
.block-references ol {
  list-style: auto;
  width: 100%; }
  .block-references ol p {
    margin-bottom: 5px; }
  .block-references ol li {
    margin-bottom: 15px;
    position: relative; }
  .block-references ol .cta-link span {
    color: #3E68FF; }
  .block-references ol .arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-image: url(img/black-arrow-up.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }

.block-video {
  margin-bottom: 50px; }
  .block-video .title {
    margin-bottom: 25px;
    color: #343352;
    font-weight: 600; }

.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0; }
.wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid blue;
  /* Blue */ }
.wpcf7 form.init .wpcf7-response-output {
  display: none; }
.wpcf7 form.sent .wpcf7-response-output {
  border-color: green;
  /* Green */ }
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
  border-color: red;
  /* Red */ }
.wpcf7 form.spam .wpcf7-response-output {
  border-color: orange;
  /* Orange */ }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: yellow;
  /* Yellow */ }
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
  direction: ltr; }

.wpcf7-form-control-wrap {
  position: relative; }

.wpcf7-not-valid-tip {
  color: red;
  font-size: 1em;
  font-weight: normal;
  display: block; }

.use-floating-validation-tip .wpcf7-not-valid-tip {
  position: absolute;
  top: 20%;
  left: 20%;
  z-index: 100;
  border: 1px solid red;
  background: white;
  padding: .2em .8em; }

span.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em; }

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
  content: " "; }

div.wpcf7 .ajax-loader {
  visibility: hidden;
  display: inline-block;
  background-image: url("../img/black-loader.svg");
  width: 16px;
  height: 16px;
  border: 0;
  padding: 0;
  margin: 0 0 0 4px;
  vertical-align: middle; }
div.wpcf7 .ajax-loader.is-active {
  visibility: visible; }
div.wpcf7 div.ajax-error {
  display: none; }
div.wpcf7 .placeheld {
  color: grey; }
div.wpcf7 input[type="file"] {
  cursor: pointer; }
div.wpcf7 input[type="file"]:disabled {
  cursor: default; }
div.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed; }

.plyr .plyr__time, .plyr .plyr__control {
  color: #fff; }
.plyr > .plyr__control {
  background: #1677FF; }
  .plyr > .plyr__control:hover {
    background: #1677FF; }
.plyr .plyr__control:hover, .plyr .plyr--video .plyr__control[aria-expanded=true],
.plyr .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before,
.plyr .plyr__control.plyr__tab-focus {
  background: #1677FF; }
.plyr input[type=range] {
  color: #1677FF; }

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