/* <style media="screen"> @charset "UTF-8"; */
*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}
h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}
h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}
h4 {
  font-size: calc(1.275rem + 0.3vw);
}

p {
  margin-top: 0;
  margin-bottom: 1em;
}


address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  list-style: none;
}

ol,
ul,
dl {
  margin: 0;
  padding: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}



a {
  text-decoration: none;
}




figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}





button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}



@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}


::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}



.text-glow {
  background: linear-gradient(93.35deg, var(--secondary-color1) 0.57%, var(--secondary-color1) 82.96%);
  color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: normal;
  text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.5);
  line-height: 1.2;
}

.text-glow-blue {
  background: linear-gradient(131.8deg, #04E4FF 0%, #009CFF 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #04E4FF;
  color: transparent;
  text-shadow: 0px 0px 10px rgba(4, 228, 255, 0.5);
}

.text-shadow-blue {
  color: var(--secondary-color3);
  text-shadow: 0px 0px 10px rgba(4, 228, 255, 0.5);
}

.hide-scrollbar {
  overflow: hidden;
}

.align-center,
.text-center {
  text-align: center;
}

.rotate-ico .icon {
  transform: rotate(90deg);
}


:root {
  /* Layout Settings */
  --phone-width: 576px;
  --tablet-width: 768px;
  --desktop-width: 1112px;
  --desktop-width-sm: 1024px;
  --desktop-width-m: 1280px;
  --desktop-width-l: 1580px;
  --desktop-width-xl: 1660px;
  --desktop-width-xxl: 1820px;
  --content-width: 1440px;
  --blog-width: 1000px;
  --blog-text-width: 800px;
  --blog-head-width: clamp(768px, 70%, 992px);
  --page-gutter: 20px;
  --grid-gutter: 24px;
  --vertical-gap: 5vmin;
  --base-transition: .3s;
  /* Colors */
  /* --primary-color1-rgb: #f36f21; */
  --primary-color2: #1B2C5C;
  --primary-color2-rgb: 27,
  44,
  92;
  --primary-color3: #fff;
  --primary-color3-rgb: 255,
  255,
  255;
  --secondary-color1: #ffffff;
  --secondary-color2: #009CFF;
  --secondary-color2-rgb: 0,
  156,
  255;
  --secondary-color3: #04E4FF;
  --secondary-color4: transparent;
  --secondary-color5: #9536E5;
  --secondary-color6: #18CCFC;
  --secondary-color7: #131848;
  --secondary-color8: #90C404;
  --text-new1:#5F6568;
  --text-new2: #3B3663;  
  /* changed */
  --bg-color1: #F1F5FE;
  --body-bg: #fff;
  --body-bg-alt: #00042A;
  --body-bg-alt2:#00031F;
  --body-text-color: var(--primary-color2);
  --body-text-color-alt: var(--primary-color3);
  --titles-color: var(--primary-color2);
  --titles-color-alt: var(--secondary-color1);
  --titles-color-accent: var(--primary-color1);
  --primary-link-color: var(--primary-color1);
  --primary-link-color-alt: var(--secondary-color3);
  --border-color: #333;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --hero-bg-spacing: 12px;
}
@media (max-width: 1112px) {
  :root {
    --page-gutter: 20px;
    --vertical-gap: 20px;
    --content-width: var(--tablet-width);
  }
}
@media (min-width: 1661px) {
  :root {
    --vertical-gap: 70px;
  }
}
@media (min-width: 1113px) and (max-width: 1440px) {
  :root {
    --content-width: 1120px;
  }
}
@media (min-width: 1441px) and (max-width: 1660px) {
  :root {
    --content-width: 1280px;
  }
}
@media (min-width: 1661px) {
  :root {
    --blog-head-width: 1120px;
  }
}
:root .single-post.dark-on,
:root .single-press.dark-on,
:root .page-template-template-blog.dark-on {
  --titles-color: var(--primary-color3);
}
:root .color-set-23 {
  --pretitle-color: var(--text-new2);
  --titles-color: var(--text-new2);
  --subtitle-color: var(--text-new1);
}
:root .color-set-23 .c-heading__title .ez-toc-section,
:root .color-set-23 .c-heading__title .ez-toc-section-end {
  display: none;
}
:root .color-set-23-2 {
  --subtitle-color: var(--text-new1);
}

/* Typography */
/* Mixin origin: https://marc-ed-raffalli.github.io/2017/10/14/sass-font-face.html */
@font-face {
  font-family: "roboto";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("/wp-content/themes/digitalsilk/assets/fonts/roboto/roboto-v30-latin-300.woff2") format("woff2"), url("/wp-content/themes/digitalsilk/assets/fonts/roboto/roboto-v30-latin-300.woff") format("woff");
}
@font-face {
  font-family: "roboto";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/wp-content/themes/digitalsilk/assets/fonts/roboto/roboto-v30-latin-regular.woff2") format("woff2"), url("/wp-content/themes/digitalsilk/assets/fonts/roboto/roboto-v30-latin-regular.woff") format("woff");
}
@font-face {
  font-family: "roboto";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/wp-content/themes/digitalsilk/assets/fonts/roboto/roboto-v30-latin-500.woff2") format("woff2"), url("/wp-content/themes/digitalsilk/assets/fonts/roboto/roboto-v30-latin-500.woff") format("woff");
}
@font-face {
  font-family: "roboto";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/wp-content/themes/digitalsilk/assets/fonts/roboto/roboto-v30-latin-700.woff2") format("woff2"), url("/wp-content/themes/digitalsilk/assets/fonts/roboto/roboto-v30-latin-700.woff") format("woff");
}
@font-face {
  font-family: "roboto";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("/wp-content/themes/digitalsilk/assets/fonts/roboto/roboto-v30-latin-900.woff2") format("woff2"), url("/wp-content/themes/digitalsilk/assets/fonts/roboto/roboto-v30-latin-900.woff") format("woff");
}
@font-face {
  font-family: "raleway";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../../fonts/raleway/raleway-v17-latin-regular.woff2") format("woff2"), url("../../fonts/raleway/raleway-v17-latin-regular.woff") format("woff");
}
@font-face {
  font-family: "raleway";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../../fonts/raleway/raleway-v17-latin-500.woff2") format("woff2"), url("../../fonts/raleway/raleway-v17-latin-500.woff") format("woff");
}
@font-face {
  font-family: "raleway";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../../fonts/raleway/raleway-v17-latin-700.woff2") format("woff2"), url("../../fonts/raleway/raleway-v17-latin-700.woff") format("woff");
}
:root {
  --font-family-primary: "roboto", sans-serif;
  --font-family-secondary: "raleway", sans-serif;
  --base-text-size: 2rem;
  --base-text-font: var(--font-family-primary);
  --base-text-line-height: 1.6;
  --base-text-font-weight: 400;
  --bigger-text-size: 3rem;
  --larger-text-size: 2.2rem;
  --larger-text-font-weight: 400;
  --medium-text-size: 2rem;
  --smaller-text-size: 1.6rem;
  --smaller-text-font-weight: 400;
  --blog-text-size: 18px;
  --blog-text-font-weight: 400;
  --thin-text-font-weight: 300;
  --h-clamp-formula: 4.45vw + 1.5rem;
  --h1-font-size: 7.5rem;
  --h1-font-size-mobile: 42px;
  --h1-line-height: 1.1;
  --h1-letter-spacing: 0;
  --h1-margin-bottom: .7em;
  --h1-font: var(--font-family-primary);
  --h1-font-weight: 700;
  --h1-text-transform: uppercase;
  --h1-text-transform-none: none;
  --h2-font-size: 5.8rem;
  --h2-font-size-mobile: 30px;
  --h2-line-height: 1.2;
  --h2-letter-spacing: 0;
  --h2-margin-bottom: 15px;
  --h2-font: var(--font-family-primary);
  --h2-font-weight: 700;
  --h2-text-transform: none;
  --h3-font-size: 3.8rem;
  --h3-font-size-mobile: 28px;
  --h3-line-height: 1.2;
  --h3-letter-spacing: 0;
  --h3-margin-bottom: .5em;
  --h3-font: var(--font-family-primary);
  --h3-font-weight: 700;
  --h3-text-transform: none;
  --h4-font-size: 2.1rem;
  --h4-font-size-mobile: 16px;
  --h4-line-height: 1.5;
  --h4-letter-spacing: 1;
  --h4-margin-bottom: .5em;
  --h4-font: var(--font-family-primary);
  --h4-font-weight: 700;
  --h4-text-transform: none;
  --pretitle-color: #00B9FF;
  --pretitle-color-alt: var(--secondary-color1);
  --pretitle-font-size: 3.2rem;
  --pretitle-font-size-mobile: 15px;
  --pretitle-line-height: 1.2;
  --pretitle-letter-spacing: 1.1px;
  --pretitle-margin-bottom: .3em;
  --pretitle-font: var(--font-family-primary);
  --pretitle-font-weight: 700;
  --pretitle-text-transform: uppercase;
  --subtitle-color: var(--primary-color2);
  --subtitle-color-alt: var(--secondary-color1);
  --subtitle-font-size: 2.8rem;
  --subtitle-font-size-mobile: 20px;
  --subtitle-line-height: 1.4;
  --subtitle-letter-spacing: 1;
  --subtitle-margin-bottom: .3em;
  --subtitle-font: var(--font-family-primary);
  --subtitle-font-weight: 400;
  --subtitle-text-transform: none;
}
@media (max-width: 1112px) {
  :root {
    --base-text-size: 2.25rem;
  }
}
@media (min-width: 1113px) and (max-width: 1660px) {
  :root {
    --h2-font-size: 5rem;
  }
}



/* Buttons*/
:root {
  --btn-font-family: var(--font-family-primary);
  --btn-font-size: 20px;
  --btn-font-weight: 500;
  --btn-text-transform: none;
  /* --btn-padding-top-bottom: .7em;
  --btn-padding-left-right: 1.4em; */
  --btn-padding:0.45em 0.7em; 

  --btn-border-radius: 0;
  --btn-primary-color: var(--secondary-color1);
  --btn-primary-color-hover: var(--primary-color2);
  --btn-primary-bg: rgba(255, 255, 255, 0.1);
  --btn-primary-border-color: var(--secondary-color1);
  --btn-primary-border: 1px;
  --btn-primary-shadow: 0px 0px 5px 1px rgba(31,113,162,0.3),inset 0 0 5px 0 rgba(7,118,185,0.3);
  --btn-secondary-color: var(--primary-color3);
  --btn-secondary-color-hover: var(--primary-color1);
  --btn-secondary-gradient: linear-gradient(131.8deg, #00C2FF 0%, #355AF8 100%);
  --btn-secondary-bg: var(--secondary-color1);
  --btn-secondary-bg-hover: var(--secondary-color2);
  --btn-secondary-border-color: var(--secondary-color2);
  --btn-secondary-border-color-hover: var(--secondary-color2);
  --btn-secondary-border: 1px;
  --btn-secondary-shadow: none;
  --btn-secondary-padding-top-bottom: 13px;
  --btn-secondary-padding-left-right: 4.8vmin;
  --btn-link-color: var(--primary-color1);
  --btn-link-color-hover: var(--primary-color2);
  --link-icon-color: var(--primary-color2);
  --btn-link-font-weight: 700;
  --button-flex-direction: row;
  --btn-simple-font-size: 18px;
  --btn-link-offset: 5px;
}
@media (min-width: 1660px) {
  :root {
    --btn-link-offset: 35px;
  }
}
@media (max-width: 1112px) {
  :root {
    --btn-font-size: 18px;
  }
}

/* Forms */
:root {
  --label-font-size: 1.6rem;
  --label-font-weight: 400;
  --label-color: var(--primary-color3);
  --input-border-width: 1px;
  --input-border-radius: px;
  --input-padding-top-bottom: 10px;
  --input-padding-left-right: 15px;
  --input-font-size: 1.8rem;
  --input-font-weight: 400;
  --input-color: var(--primary-color1);
  --input-background-color: transparent;
  --input-border-color: var(--primary-color2);
  --form-row-margin-top-bottom: 15px;
  --form-row-margin-left-right: 0px;
  --message-font-size: 1.6rem;
  --message-line-height: 1.5;
  --message-font-weight: 400;
  --validation-error-color: #da747b;
  --validation-success-color: #50b2a0;
  --validation-notice-color: #ffb700;
}

/* Header */
:root {
  --header-hight: 95px;
}
@media (max-width: 1112px) {
  :root {
    --header-hight: 60px;
  }
}
@media (max-width: 1112px) {
  :root {
    --header-hight: 53px;
  }
}

.site-header {
  --header-sticky-type: fixed;
  --header-sticky-bg: rgba(255, 255, 255, 0.9);
  --header-top-bg: var(--primary-color3);
  --header-top-color: var(--secondary-color2);
  --header-top-color-hover: var(--secondary-color3);
  --header-top-size: 14px;
  --header-top-vertical-padding: 10px;
  --header-top-gap-between-items: 10px;
  --header-main-bg: linear-gradient(180deg, rgba(0,0,0, .1) 0%, transparent 100%);
  --header-main-color: var(--primary-color3);
  --header-main-color-hover: var(--secondary-color3);
  --header-main-font-size: 18px;
  --header-main-font-weight: 700;
  --header-main-text-transform: uppercase;
  --header-main-gap-between-items: 3vh;
  --header-main-vertical-padding: 2.2vmin;
  --header-main-horizontal-padding: 5.2vmin;
  --header-main-nav-height: 40px;
  --header-logo-width: 100%;
  --header-logo-height: 40px;
  --dropdown-bg: #fff;
  --dropdown-color: var(--primary-color3);
  --dropdown-color-active: var(--secondary-color3);
  --dropdown-font-size: 22px;
  --dropdown-font-weight: 600;
  --dropdown-padding: 40px 25px 20px;
  --dropdown-width: 960px;
  --link-color: #fff;
  --link-size-l1: 5rem;
  --link-size-l2: 4rem;
  --link-font-weight: 700;
  --link-text-transform: capitalize;
}
.dark-on .site-header {
  --header-sticky-bg: #001140;
}
@media (max-width: 1112px) {
  .site-header {
    --burger-segment-hight: 3px;
    --burger-segment-gap: 7px;
    --burger-segment-radius: 5px;
    --burger-color: #fff;
    --burger-bg: var(--primary-color1);
    --header-mobile-bg: var(--primary-color2);
    --link-size-l1: 30px;
    --link-size-l2: 18px;
    --link-gap: 10px;
  }
}
@media (max-width: 767px) {
  .site-header__main {
    min-height: 53px;
  }
}

.site-search {
  --search-size: 30px;
  --search-btn-bg: transparent;
  --search-btn-radius: 4px;
  --search-height: 30px;
  --search-width: 250px;
  --search-radius: 4px;
  --search-outer-bg: var(--primary-color3);
  --search-outer-gap: 5px;
  --search-outer-border: #333;
}

/* Footer */
.site-footer {
  --footer-bg-color: linear-gradient(89deg, #0570B8 0%, #009CFF 100%);
  --footer-color: var(--secondary-color1);
  --footer-top-padding: 5vh 0;
  --footer-top-font-size: 1.8rem;
  --footer-top-nav-direction: row;
  --footer-bottom-bg-color: var(--primary-color1);
  --footer-bottom-color: var(--secondary-color2);
  --footer-bottom-padding: 1.2em 0;
  --footer-bottom-font-size: 14px;
  --footer-top-border: var(--secondary-color1);
  --footer-top-border-size: 5px;
  --footer-link-gap_v: .8em;
  --footer-link-gap_h: 1vw;
  --footer-logo-height: 31px;
  --footer-logo-width: 233px;
  --footer-title-size: 1.8rem;
  --footer-title-weight: 700;
  --footer-title-transform: uppercase;
}

:root {
  --l-block-gap-vertical: 15px;
  --l-block-gap-horizontal: 20px;
  --c-block-title-size: clamp(var(--h4-font-size-mobile), var(--h-clamp-formula), var(--h4-font-size));
  --c-block-title-weight: var(--h4-font-weight);
  --c-block-title-transform: var(--h4-text-transform);
  --c-block-title-color: var(--titles-color);
  --c-block-text-size: var(--base-text-size);
  --с-block-padding: 15px;
  --c-block-align: left;
  --c-block-bg: #fff;
  --c-block-color: inherit;
  --c-block-shadow: 0 0 4px 2px rgba(0,0,0,.05);
  --c-block-radius: 0;
}
:root .colors-inverted {
  --c-block-title-color: var(--primary-color3);
  --c-block-color: var(--secondary-color3);
}

/* WYSIWYG */
.is-wysiwyg {
  --wysiwyg-margin: 1.5em;
  --wysiwyg-li-padding: 0 0 0 25px;
  --wysiwyg-li-bgp: 0 .2em;
  --wysiwyg-li-margin: 1em;
  --list-item-style: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8 0 16l3-8-3-7 10 7Z' fill='%2301AFE9'/%3E%3C/svg%3E");
}

/* Social Icons */
.social-list {
  --social-icon-color: var(--primary-color1);
  --social-icon-color-hover: var(--primary-color3);
  --social-icon-bg: var(--primary-color2);
  --social-icon-bg-hover: var(--primary-color1);
  --social-icon-radius: 100px;
  --social-icon-size: 46px;
}

/* Blog post card */
.l-posts {
  --l-block-col: 3;
  --с-block-padding: 15px 0;
  --c-block-bg: transparent;
  --c-block-radius: 15px;
  --c-block-shadow: none;
  --c-block-title-size: 2.5rem;
  --l-block-gap-horizontal: 3.1rem;
  --l-post-img-radius: 0;
  --l-post-img-ratio: 16 / 9;
  --l-post-date-size: 16px;
  --l-post-tag-size: 16px;
  --l-post-tag-color: #666;
  --l-post-tag-transform: uppercase;
  --l-post-tag-weight: 600;
}
.l-posts .l-heading-v2 {
  --h2-text-transform: none;
  --h2-letter-spacing: 0;
  --h2-font-weight: bold;
}

.hero {
  --c-block-bg: transparent;
  --c-block-shadow: none;
}

.m-slider {
  --swiper-outer-gap: 80px;
  --swiper-arrows-bg: rgba(255,255,255,.4);
  --swiper-arrows-color: var(--primary-color1);
  --swiper-arrows-shadow: 0 12px 14px rgba(33, 33, 33, 0.1), 0 4px 4px rgba(33, 33, 33, 0.1);
  --swiper-pagination-bullet-horizontal-gap: 5px;
  --swiper-pagination-bullet-size: 12px;
  --swiper-pagination-bullet-border: var(--primary-color1);
  --swiper-pagination-bullet-inactive-color: transparent;
  --swiper-pagination-bullet-border-active: var(--primary-color1);
  --swiper-pagination-color: var(--primary-color1);
  --swiper-pagination-bullet-inactive-opacity: .8;
  --swiper-pagination-radius: 20px;
  --swiper-navigation-size: 50px;
  --thumb-size: 65px;
  --thumb-radius: 50%;
  --thumb-bd-size: 2px;
  --thumb-bd-color: var(--primary-color3);
  --thumb-bd-color-active: var(--primary-color2);
}
@media (max-width: 1111px) {
  .m-slider {
    --swiper-navigation-size: 35px;
    --swiper-outer-gap: 20px;
  }
}

/* Blog Widgets */
.single-post__content-wrap {
  --w-bg: #fff;
  --w-bg-alt: #F7F7FA;
  --w-color: var(--primary-color2);
  --w-shadow: 0 5px 30px rgba(27, 44, 92, 0.1);
  --w-radius: 5px;
}
.dark-on .single-post__content-wrap {
  --w-bg: #202B5B;
  --w-color: #fff;
  --w-bg-alt: #24244F;
}

/**** Site Header */
/* Base Typography */
/* 1rem = 10px */
html {
  font-size: 50%;
}
@media (min-width: 1281px) {
  html {
    font-size: 54%;
  }
}
@media (min-width: 1661px) {
  html {
    font-size: 62.5%;
  }
}

body {
  line-height: var(--base-text-line-height, 1);
  font-weight: var(--base-text-font-weight, 400);
  font-family: var(--font-family-primary);
  font-size: var(--base-text-size);
}

/* Base Colors */
body {
  color: var(--body-text-color, #333);
  background-color: var(--body-bg, #fff);
}
[color-mode=dark] body {
  background-color: #222;
  color: var(--body-bg, #fff);
}

a {
  color: var(--primary-link-color);
}
[color-mode=dark] a {
  --primary-link-color: var(--primary-color3);
}

.colors-inverted {
  color: var(--body-text-color-alt);
  --section-title-color: var(--section-title-color-alt);
  --btn-link-color: var(--secondary-color1);
  --btn-secondary-gradient: linear-gradient(92.64deg, #6AFFF6 0%, #00E4FF 100%);
  --btn-secondary-color: var(--primary-color2);
}

/* Base layout */
body, html {
  height: 100%;
  min-height: 100%;
}



.site-content {
  flex-grow: 1;
}
@media (max-width: 1112px) {
  .site-content {
    overflow: hidden;
  }
  .site-content img, .site-content iframe, .site-content video {
    max-width: 100%;
  }
}

.site-header, .site-content, .site-footer {
  flex-shrink: 0;
}

.container-fluid,
.container,
.inner-frame {
  margin-inline: auto;
  width: 100%;
}
.container-fluid.-on-top,
.container.-on-top,
.inner-frame.-on-top {
  position: relative;
  z-index: 2;
}



.site-content {
  min-height: 400px;
}
@media (max-width: 1112px) {
  .site-content {
    margin-top: calc(var(--header-hight) * -1);
  }
}

.block-center,
.text-center {
  text-align: center;
}

@media (max-width: 1112px) {
  .gap-top, .gap-top-s, .gap-top-l {
    padding-top: var(--vertical-gap);
  }
  .gap-bot, .gap-bot-s, .gap-bot-l {
    padding-bottom: var(--vertical-gap);
  }
  .gap-top-xl {
    padding-top: calc(var(--vertical-gap) * 2);
  }
  .gap-bot-xl {
    padding-bottom: calc(var(--vertical-gap) * 2);
  }
}
@media (min-width: 1113px) {
  .gap-top {
    padding-top: var(--vertical-gap);
  }
  .gap-bot {
    padding-bottom: var(--vertical-gap);
  }
  .gap-top-s {
    padding-top: calc(var(--vertical-gap) / 2);
  }
  .gap-bot-s {
    padding-bottom: calc(var(--vertical-gap) / 2);
  }
  .gap-top-l {
    padding-top: calc(var(--vertical-gap) * 1.5);
  }
  .gap-bot-l {
    padding-bottom: calc(var(--vertical-gap) * 1.5);
  }
  .gap-top-xl {
    padding-top: calc(var(--vertical-gap) * 2);
  }
  .gap-bot-xl {
    padding-bottom: calc(var(--vertical-gap) * 2);
  }
}
@media (max-width: 1112px) {
  .-desktop {
    display: none !important;
  }
}
@media (min-width: 1113px) {
  .-mobile {
    display: none !important;
  }
}
.site-content > div > section {
  min-height: 220px;
}



/* Header Main Row */
.hide-scrollbar .site-header {
  opacity: 0.2;
  pointer-events: none;
}
.site-header.is-sticky {
  --header-main-bg: rgba(19, 39, 97, 0.95) ;
}

.site-header__main {
  --header-link-color: var(--header-main-color);
  --header-link-color-hover: var(--header-main-color-hover);
  --header-horizontal-gap: var(--header-main-gap-between-items);
  font-weight: var(--header-main-font-weight);
  text-transform: var(--header-main-text-transform, uppercase);
  font-size: var(--header-main-font-size, 16px);
  background: var(--header-main-bg);
  transition: all 0.3s;
}
.hide-scrollbar .site-header__main {
  border-bottom: none;
}
.site-header__main .site-header__row {
  padding: var(--header-main-vertical-padding) var(--header-main-horizontal-padding);
}

/* Header Top Row */
.site-header__top {
  --header-link-color: var(--header-top-color);
  --header-link-color-hover: var(--header-top-color-hover);
  --header-horizontal-gap: var(--header-top-gap-between-items);
  background-color: var(--header-top-bg);
  font-size: var(--header-top-size);
  color: var(--header-top-color);
}
.site-header__top .inner-frame {
  justify-content: space-between;
  padding-top: var(--header-top-vertical-padding);
  padding-bottom: var(--header-top-vertical-padding);
}

@media (min-width: 1113px) {
  .is-sticky {
    --header-main-vertical-padding: 14px;
  }
  .is-sticky .site-header__logo {
    max-height: 50px;
  }
  .is-sticky .site-header__logo img, .is-sticky .site-header__logo svg {
    max-height: 50px;
  }
  .is-sticky .site-header__top .site-header__row {
    max-height: 0;
    overflow: hidden;
    padding: 0;
  }
  .is-sticky .nav-main__btn.-desktop {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (max-width: 1112px) {
  .nav-active .site-header {
    z-index: 113 !important;
  }
  .nav-active .site-header__main {
    --header-main-bg: var(--header-mobile-bg);
  }
  .nav-active .site-header__main .site-header__col.-right {
    align-items: flex-end;
  }
  .nav-active .site-header__main .-opacity {
    display: none;
  }
  .nav-main__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100vh;
    height: 100dvh;
  }
  .nav-active .nav-main__wrap {
    max-height: 100vh;
    max-height: 100dvh;
    height: 100vh;
    height: 100dvh;
    z-index: 111;
  }
  @supports (height: 100dvh) {
    .nav-active .nav-main__wrap {
      max-height: 100dvh;
      height: 100dvh;
    }
  }
  .nav-main__wrap a {
    color: var(--link-color);
  }
  .nav-main__wrap .nav-main {
    top: var(--header-hight);
    width: 100%;
    right: 0;
    position: absolute;
    opacity: 0;
    height: 100%;
    pointer-events: none;
    transition: all var(--base-transition);
    padding: 60px 15px;
    overflow: hidden;
  }
}
@media (max-width: 1112px) and (max-width: 767px) {
  .nav-main__wrap .nav-main {
    padding: 60px 5.2vmin;
  }
}
@media (max-width: 1112px) and (max-width: 575px) {
  .nav-main__wrap .nav-main {
    padding: 10px 5.2vmin;
  }
}
@media (max-width: 1112px) {
  .nav-active .nav-main__wrap .nav-main {
    opacity: 1;
    max-height: 100vh;
    max-height: 100dvh;
    min-height: 670px;
    pointer-events: auto;
    margin-top: 10px;
    overflow: auto;
  }
  @supports (height: 100dvh) {
    .nav-active .nav-main__wrap .nav-main {
      max-height: 100dvh;
    }
  }
  .nav-main__wrap .nav-main .site-header__widget {
    padding-bottom: 5px;
  }
  .nav-main__wrap .nav-main__socials {
    bottom: 100px;
  }
}
@media (max-width: 1112px) and (max-width: 767px) {
  .nav-main__wrap .nav-main__socials {
    width: 100%;
    right: 0;
    bottom: 90px;
    justify-content: center;
  }
}
@media (max-width: 1112px) {
  .nav-main__wrap .nav-main__links {
    --link-color: var(--primary-color3);
  }
  .nav-main__wrap .nav-main__links .main-menu-link {
    display: block;
  }
  .nav-main__wrap .nav-main__links > .menu-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
  }
}
@media (max-width: 1112px) and (max-width: 1112px) {
  .nav-main__wrap .nav-main__links > .menu-item {
    margin-bottom: 20px;
  }
}
@media (max-width: 1112px) and (max-width: 767px) {
  .nav-main__wrap .nav-main__links > .menu-item {
    justify-content: flex-start;
    margin-bottom: 10px;
  }
}
@media (max-width: 1112px) {
  .nav-main__wrap .nav-main__links > .menu-item:not(:last-of-type):after {
    width: 24px;
    height: 1px;
    background-color: var(--secondary-color1);
  }
  .nav-main__wrap .nav-main__links > .menu-item > a {
    padding: 10px 0;
    display: block;
    font-size: var(--link-size-l1);
    color: var(--link-color);
  }
}
@media (max-width: 1112px) and (max-height: 650px) {
  .nav-main__wrap .nav-main__links > .menu-item > a {
    padding: 6px 0;
    font-size: 20px;
  }
}
@media (max-width: 1112px) {
  .nav-main__wrap .nav-main__links .menu-item-has-children {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
  }
}
@media (max-width: 1112px) and (max-width: 767px) {
  .nav-main__wrap .nav-main__links .menu-item-has-children {
    justify-content: flex-start;
  }
}
@media (max-width: 1112px) {
  .nav-main__wrap .nav-main__links .menu-item-description {
    display: none;
  }
  .nav-main__wrap .nav-main__links .sub-menu-toggle:focus {
    outline: none;
  }
  .nav-main__wrap .dropdown-menu-holder {
    width: 100%;
    transition: all var(--base-transition);
  }
  .nav-main__wrap .sub-menu {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0;
  }
}
@media (max-width: 1112px) and (max-width: 767px) {
  .nav-main__wrap .sub-menu {
    margin: 0;
  }
}
@media (max-width: 1112px) {
  .nav-main__wrap .sub-menu li {
    text-align: center;
  }
}
@media (max-width: 1112px) and (max-width: 767px) {
  .nav-main__wrap .sub-menu li {
    text-align: left;
  }
}
@media (max-width: 1112px) {
  .nav-main__wrap .sub-menu li a {
    text-align: center;
  }
}
@media (max-width: 1112px) and (max-width: 767px) {
  .nav-main__wrap .sub-menu li a {
    text-align: left;
  }
}
@media (max-width: 1112px) {
  .nav-main__wrap .sub-menu li a span {
    justify-content: center;
  }
}
@media (max-width: 1112px) and (max-width: 767px) {
  .nav-main__wrap .sub-menu li a span {
    justify-content: flex-start;
  }
}
@media (max-width: 1112px) {
  .nav-main__wrap .sub-menu-item {
    margin-bottom: 10px;
    text-align: center;
  }
}
@media (max-width: 1112px) and (max-height: 650px) {
  .nav-main__wrap .sub-menu-item {
    margin-bottom: 5px;
  }
}
@media (max-width: 1112px) {
  .nav-main__wrap .sub-menu a {
    display: block;
    padding: 7px 0;
    color: var(--link-color);
    text-align: center;
    border: none;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
  }
}
@media (max-width: 1112px) and (max-height: 650px) {
  .nav-main__wrap .sub-menu a {
    padding: 5px 0;
    font-size: 16px;
  }
}
@media (max-width: 1112px) {
  .nav-main__wrap .sub-menu .current-menu-item a {
    color: var(--secondary-color1);
  }
}
.page-template-template-simple-text .site-header__main,
.search .site-header__main,
.page-template-template-styleguide .site-header__main,
.page-template-default.page .site-header__main {
  background-color: var(--primary-color2);
}
.page-template-template-simple-text .site-content,
.search .site-content,
.page-template-template-styleguide .site-content,
.page-template-default.page .site-content {
  padding-top: var(--header-hight);
}

@media (min-width: 1113px) {
  .page-template-default.page .site-content {
    padding-top: calc(var(--header-hight) + 50px);
  }
}
.page-template-default.page .is-wysiwyg h1 {
  font-size: 6.2rem;
}

@media (max-width: 1112px) {
  .site-header__top {
    display: none;
  }
}

@media (max-width: 1112px) {
  .site-header__bottom {
    display: none;
  }
}

@media (max-width: 1112px) {
  .site-header .nav-main__btn.-desktop,
  .site-header .-opacity.-desktop, .site-header .burger-icon::after {
    display: none;
  }
}
@media (min-width: 1113px) {
  .nav-main__btn,
  .-opacity.-mob,
  .navbar-mobile {
    display: none;
  }
}
/* Navbar Main */
.nav-main {
  background-position: center bottom;
  background-size: cover;
  z-index: 20;
}
@media (min-width: 1113px) {
  .nav-main {
    overflow: hidden;
    overflow-y: auto;
    scrollbar-color: #5d0b79 transparent;
    scrollbar-width: thin;
    height: 100%;
    flex-direction: column;
    margin-inline: auto;
    padding: calc(var(--header-hight) + 4vw) 2vw 0 3vw;
  }
  .nav-main .nav-main__links > .menu-item {
    opacity: 1;
    transform: translateX(0);
    margin-bottom: 10px;
  }
}
.nav-main .btn-bar {
  --btn-font-size: 20px;
}
.nav-main__wrap {
  --primary-link-color: var(--primary-color3);
  --link-size-l1: 30px;
  --link-font-weight: 700;
  --dropdown-font-size: 18px;
  --dropdown-color-active: var(--secondary-color3);
  --header-main-gap-between-items: 16px;
  --dropdown-font-weight: 500;
  background-color: var(--body-bg-alt);
  transition: all 0.5s ease;
  transform: translateX(150%);
  position: fixed;
  z-index: 1;
  width: 100%;
  right: 0;
  top: 0;
  background-size: cover;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  max-height: 0;
  display: flex;
}
@media (max-width: 1112px) {
  .nav-main__wrap {
    pointer-events: none;
    background-image: radial-gradient(circle at right 20%, rgba(186, 0, 133, 0.5215686275) -6%, rgba(177, 0, 254, 0.4784313725) 32%, #00031f 97%), radial-gradient(circle at left top, rgba(186, 0, 133, 0.5098039216) -6%, rgba(177, 0, 254, 0.3098039216) 32%, rgba(1, 147, 240, 0.1803921569) 97%), radial-gradient(circle at center top, rgba(186, 0, 133, 0.5098039216) -6%, rgba(177, 0, 254, 0.3098039216) 22%, rgba(2, 157, 255, 0.5215686275) 57%);
    transform: translateY(-200px);
  }
  .nav-main__wrap .spinner {
    display: none !important;
  }
  .nav-active .nav-main__wrap {
    pointer-events: auto;
  }
}
@media (min-width: 1113px) {
  .nav-main__wrap {
    --link-size-l1: 4.4rem;
    top: auto;
    bottom: 0;
    width: 100%;
    max-width: 768px;
    height: 100vh;
    max-height: 100vh;
    position: fixed;
  }
}
.nav-main__wrap:before {
  content: "";
  position: absolute;
  left: -30%;
  right: 30%;
  top: -30%;
  bottom: -30%;
  background: radial-gradient(ellipse at center, rgb(0, 185, 255) 0%, rgba(0, 185, 255, 0) 70%, rgba(0, 185, 255, 0) 100%);
  opacity: 0.25;
  z-index: 1;
}
.nav-main__wrap:after {
  content: "";
  position: absolute;
  right: -10%;
  left: 30%;
  top: -70%;
  bottom: -40%;
  background: radial-gradient(ellipse at center, rgb(149, 54, 229) 0%, rgba(149, 54, 229, 0) 74%, rgba(149, 54, 229, 0) 100%);
  opacity: 0.35;
  z-index: 0;
}
.nav-main__wrap .menu-bg {
  position: absolute;
  filter: blur(5px);
  display: none;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.nav-main__links {
  text-transform: var(--link-text-transform);
}
.nav-main__links > .menu-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  color: var(--secondary-color3);
  position: relative;
}
@media (hover: hover) {
  .nav-main__links > .menu-item:hover .sub-menu a {
    color: var(--primary-link-color);
  }
}
@media (min-width: 1113px) {
  .nav-main__links > .menu-item {
    opacity: 0;
    transform: translateX(50%);
    transition: all 0.3s;
  }
  .nav-main__links > .menu-item:nth-child(1) {
    transition-delay: 0.55s;
  }
  .nav-main__links > .menu-item:nth-child(2) {
    transition-delay: 0.6s;
  }
  .nav-main__links > .menu-item:nth-child(3) {
    transition-delay: 0.65s;
  }
  .nav-main__links > .menu-item:nth-child(4) {
    transition-delay: 0.7s;
  }
  .nav-main__links > .menu-item:nth-child(5) {
    transition-delay: 0.75s;
  }
  .nav-main__links > .menu-item:nth-child(6) {
    transition-delay: 0.8s;
  }
}
.nav-main__links > .menu-item > a,
.nav-main__links > .menu-item > .plain-menu-item {
  cursor: pointer;
  display: block;
  white-space: nowrap;
  padding: var(--header-main-gap-between-items, 1vw) 0;
  line-height: var(--header-main-nav-height);
  transition: all 0.3s;
  text-transform: capitalize;
}
.nav-main__links > .menu-item .dropdown-menu-holder {
  flex: 0 0 100%;
  height: 0;
  max-height: 0;
  overflow: visible;
  opacity: 0;
  transition: none;
  pointer-events: none;
  transition: all 0.4s ease;
}
.nav-main__links > .menu-item .dropdown-menu-holder.nav-active {
  opacity: 1;
  pointer-events: all;
  height: 100%;
  transition: all 1s ease;
  max-height: 10000px;
}
.nav-main__links > .menu-item .dropdown-menu-holder:not(.nav-active) {
  height: 0 !important;
}
.nav-main__links > .menu-item .sub-menu .main-sub-item {
  text-transform: uppercase;
}
.nav-main__links > .menu-item .sub-menu .main-sub-item a.menu-link.sub-menu-link,
.nav-main__links > .menu-item .sub-menu .main-sub-item div {
  font-size: 2.4rem;
  color: var(--secondary-color3);
}
@media (max-width: 1112px) {
  .nav-main__links > .menu-item .sub-menu .main-sub-item a.menu-link.sub-menu-link,
  .nav-main__links > .menu-item .sub-menu .main-sub-item div {
    margin-top: 0;
  }
}
.nav-main__links > .menu-item .sub-menu .main-sub-item a.menu-link.sub-menu-link:hover,
.nav-main__links > .menu-item .sub-menu .main-sub-item div:hover {
  color: var(--secondary-color1);
}
.nav-main__links > .menu-item .sub-menu a span {
  transition: all 0.2s;
}
.nav-main__links > .menu-item .sub-menu a:hover {
  color: var(--secondary-color3);
}
.nav-main__links > .menu-item .menu-item-has-children:after {
  content: "";
}
.nav-main .menu-item-title span {
  transition: all 0.1s ease-in;
}
.nav-main .menu-item-title span:nth-child(1) {
  transition-delay: 0.01s;
}
.nav-main .menu-item-title span:nth-child(2) {
  transition-delay: 0.02s;
}
.nav-main .menu-item-title span:nth-child(3) {
  transition-delay: 0.03s;
}
.nav-main .menu-item-title span:nth-child(4) {
  transition-delay: 0.04s;
}
.nav-main .menu-item-title span:nth-child(5) {
  transition-delay: 0.05s;
}
.nav-main .menu-item-title span:nth-child(6) {
  transition-delay: 0.06s;
}
.nav-main .menu-item-title span:nth-child(7) {
  transition-delay: 0.07s;
}
.nav-main .menu-item-title span:nth-child(8) {
  transition-delay: 0.08s;
}
.nav-main .menu-item-title span:nth-child(9) {
  transition-delay: 0.09s;
}
.nav-main .menu-item-title span:nth-child(10) {
  transition-delay: 0.1s;
}
.nav-main .menu-item-title span:nth-child(11) {
  transition-delay: 0.11s;
}
.nav-main .menu-item-title span:nth-child(12) {
  transition-delay: 0.12s;
}
.nav-main .menu-item-title span:nth-child(13) {
  transition-delay: 0.13s;
}
.nav-main .menu-item-title span:nth-child(14) {
  transition-delay: 0.14s;
}
.nav-main .menu-item-title span:nth-child(15) {
  transition-delay: 0.15s;
}
.nav-main .menu-item-title span:nth-child(16) {
  transition-delay: 0.16s;
}
.nav-main .menu-item-title span:nth-child(17) {
  transition-delay: 0.17s;
}
.nav-main .menu-item-title span:nth-child(18) {
  transition-delay: 0.18s;
}
.nav-main .menu-item-title span:nth-child(19) {
  transition-delay: 0.19s;
}
.nav-main .menu-item-title span:nth-child(20) {
  transition-delay: 0.2s;
}
.nav-main .main-menu-link {
  font-size: 20px;
  font-weight: var(--link-font-weight);
  position: relative;
  overflow: hidden;
}
@media (min-width: 1113px) {
  .nav-main .main-menu-link {
    font-size: var(--link-size-l1);
  }
}
.nav-main .main-menu-link:hover .menu-item-title span {
  opacity: 0;
  transform: translateY(-65%);
  transition: all 0.2s ease-in;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(1) {
  transition-delay: 0.015s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(2) {
  transition-delay: 0.03s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(3) {
  transition-delay: 0.045s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(4) {
  transition-delay: 0.06s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(5) {
  transition-delay: 0.075s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(6) {
  transition-delay: 0.09s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(7) {
  transition-delay: 0.105s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(8) {
  transition-delay: 0.12s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(9) {
  transition-delay: 0.135s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(10) {
  transition-delay: 0.15s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(11) {
  transition-delay: 0.165s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(12) {
  transition-delay: 0.18s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(13) {
  transition-delay: 0.195s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(14) {
  transition-delay: 0.21s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(15) {
  transition-delay: 0.225s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(16) {
  transition-delay: 0.24s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(17) {
  transition-delay: 0.255s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(18) {
  transition-delay: 0.27s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(19) {
  transition-delay: 0.285s;
}
.nav-main .main-menu-link:hover .menu-item-title span:nth-child(20) {
  transition-delay: 0.3s;
}
.nav-main .main-menu-link:hover .menu-item-title.double span {
  opacity: 1;
  transform: translateY(0%);
}
.nav-main .menu-item-title {
  display: block;
  font-size: inherit;
  line-height: 1.2;
  transition: color 0.6s, transform 0.6s;
  display: flex;
  flex-direction: row;
}
.nav-main .menu-item-title span {
  display: block;
}
.nav-main .menu-item-title span.space {
  min-width: 12px;
}
.nav-main .menu-item-title.double {
  position: absolute;
  top: 10px;
  color: var(--secondary-color3);
}
.nav-main .menu-item-title.double span {
  display: block;
  opacity: 0;
  transform: translateY(65%);
}
.nav-main .menu-item-description {
  display: none;
}
.nav-main .span-grid > a {
  text-transform: uppercase;
  font-size: 20px !important;
}
@media (max-width: 1112px) {
  .nav-main .span-grid {
    margin-top: 10px;
  }
}
@media (min-width: 1113px) {
  .nav-main .span-grid {
    grid-column: span 3;
    position: absolute;
    top: 10px;
  }
  .nav-main .sub-menu {
    padding-top: 0;
    position: relative;
  }
  .nav-main .sub-menu:has(li.span-grid) {
    padding-top: 70px;
    padding-bottom: 20px;
  }
}

.nav-active {
  overflow: hidden;
}
.nav-active .wrapper {
  position: relative;
}
.nav-active .wrapper::after {
  content: " ";
  background-color: var(--body-bg-alt);
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 16;
}
.nav-active .-client-slides .slider-css {
  animation-play-state: paused;
}
.nav-active > .sub-menu-toggle {
  transform: rotate(-180deg);
}
.nav-active .v-scroll {
  animation-play-state: paused;
}
@media (min-width: 1113px) {
  .nav-active .site-header {
    --header-main-bg: rgba(19, 39, 97, 0.95);
  }
}
.nav-active .is-sticky + .nav-main__wrap {
  height: 100svh;
}
@media (min-width: 1113px) {
  .nav-active .is-sticky + .nav-main__wrap {
    height: 100vh;
  }
}
@media (max-width: 1111px) {
  .nav-active .site-header__main {
    border-bottom: none;
    background: none;
  }
}
.nav-active .nav-main {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.nav-active .nav-main__wrap {
  background-color: #00042B;
  transform: translateX(0);
  z-index: 20;
}
.nav-active .nav-main__wrap .menu-bg {
  display: block;
}
@media (min-width: 1113px) {
  .nav-active .menu-logo {
    display: block;
  }
}

/* Navbar Secondary */
@media (min-width: 1113px) {
  .nav-secondary__links {
    display: flex;
    justify-content: flex-end;
    gap: var(--header-horizontal-gap, 1vw);
  }
}
.nav-secondary a {
  display: block;
  white-space: nowrap;
  color: var(--header-link-color);
}
@media (hover: hover) {
  .nav-secondary a:hover {
    text-decoration: underline;
  }
}

.menu-logo {
  inset: 8% 0 0 auto;
  position: absolute;
  height: 92%;
  display: none;
}

.menu-logo-m {
  display: none;
}
@media (max-width: 1112px) {
  .menu-logo-m {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

.btn-bar {
  margin-top: 40px;
}
@media (max-width: 1111px) {
  .btn-bar {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 1112px) {
  .nav-main .dropdown-menu-holder.nav-active .sub-menu {
    display: grid;
  }
}
@media (max-width: 1112px) {
  .nav-main .dropdown-menu-holder .sub-menu {
    display: none;
  }
}
.nav-main .sub-menu {
  text-align: left;
  row-gap: 15px;
}
@media (max-width: 1112px) {
  .nav-main .sub-menu {
    row-gap: 15px;
  }
}
@media (min-width: 1113px) {
  .nav-main .sub-menu {
    justify-content: center;
  }
}
.nav-main .sub-menu-toggle {
  border: none;
  background-color: transparent;
  color: var(--primary-color3);
  margin-left: 10px;
  margin-top: 0px;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .nav-main .sub-menu-toggle {
    margin-left: 5px;
  }
}
@media (max-width: 575px) {
  .nav-main .sub-menu-toggle {
    margin-left: 2px;
  }
}
.nav-main .sub-menu-toggle:focus, .nav-main .sub-menu-toggle:hover {
  outline: none;
  border: none;
}
.nav-main .sub-menu-toggle .c-btn__ico svg {
  max-height: 22px;
  transform: rotate(90deg);
}
.nav-main .sub-menu-toggle.nav-active {
  transform: rotate(-180deg);
}
.nav-main .sub-menu .menu-item:not(:last-child) {
  margin-bottom: 2px;
}
@media (max-width: 1112px) {
  .nav-main .sub-menu .menu-item:not(.span-grid):first-of-type {
    margin-top: 20px;
  }
}
@media (max-width: 1112px) {
  .nav-main .sub-menu .menu-item:not(.span-grid):last-of-type {
    margin-bottom: 20px;
  }
}
.nav-main .sub-menu .menu-item:not(.span-grid, .main-sub-item) a.menu-link {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
@media (max-width: 1112px) {
  .nav-main .sub-menu .menu-item:not(.span-grid, .main-sub-item) a.menu-link {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .nav-main .sub-menu .menu-item:not(.span-grid, .main-sub-item) a.menu-link {
    justify-content: flex-start;
    padding: 0;
  }
}
.nav-main .sub-menu .menu-item:not(.span-grid, .main-sub-item) a.menu-link:hover::before {
  transform: rotate(-45deg);
}
.nav-main .sub-menu .menu-item:not(.span-grid, .main-sub-item) a.menu-link::before {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Vector'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.08641 9.12709V0.592875L12 0.592875V12H0.431342L0.431342 9.12709H9.08641Z' fill='%2304E4FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.06022 0L11.2294 9.0412L9.16923 11.0727L0 2.03145L2.06022 0Z' fill='%2304E4FF'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 17px;
  height: 12px;
  background-size: 12px;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  transition: all 0.4s ease;
  top: 4px;
  position: relative;
}
@media (min-width: 1113px) {
  .nav-main .sub-menu {
    max-width: var(--dropdown-width);
    transition: opacity 0.6s, font-size 0.6s, max-height 0.6s, transform 0.6s;
    z-index: 10;
    justify-content: left;
    display: grid;
    grid-template-rows: repeat(6, 1fr);
    grid-auto-flow: column;
    column-gap: 30px;
  }
  .nav-main .sub-menu .menu-item a.menu-link {
    width: 100%;
    align-items: center;
    font-weight: var(--dropdown-font-weight);
    font-size: var(--dropdown-font-size);
    display: block;
    transition: all var(--base-transition);
  }
  .nav-main .sub-menu .current-menu-item a {
    color: var(--dropdown-color-active);
  }
  .nav-main .sub-menu .menu-item-content {
    min-width: 250px;
  }
  .nav-main .sub-menu .menu-item-title {
    display: block;
    margin-bottom: 5px;
  }
  .nav-main .sub-menu .menu-item-caption {
    font-weight: 400;
    color: var(--primary-color1);
  }
  .nav-main .sub-menu .menu-item-img-wrapper {
    margin-right: 10px;
    min-width: 30px;
    max-width: 150px;
  }
  .nav-main .sub-menu .menu-item-img-wrapper img,
  .nav-main .sub-menu .menu-item-img-wrapper svg {
    max-width: 100%;
    height: auto;
  }
}
@media (max-width: 1112px) {
  .nav-main .sub-menu .menu-item-img-wrapper,
  .nav-main .sub-menu .menu-item-caption {
    display: none;
  }
}
@media (min-width: 1113px) {
  .nav-main .sub-menu {
    padding-block: 20px;
    position: relative;
  }
}
@media (min-width: 1113px) {
  .nav-main .menu-col-3 .sub-menu {
    grid-template-rows: repeat(9, 1fr);
  }
  .nav-main .btn-bar {
    display: none;
  }
}
.nav-main .btn-bar {
  margin-bottom: 10px;
}
@media (max-width: 1112px) {
  .nav-main .btn-bar {
    margin-bottom: 120px;
  }
}
.nav-main .menu-item .sub-menu-toggle .c-btn__ico svg {
  transition: all 0.4s ease;
}
.nav-main .menu-item.nav-active .sub-menu-toggle .c-btn__ico svg {
  transform: rotate(-90deg);
}

.js-dropdown-toggle {
  cursor: pointer;
}

.nav-main__btn, .nav-foot__btn {
  --burger-width: 26px;
  display: flex;
  border: none;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  cursor: pointer;
  margin-left: 25px;
  padding: 0;
  text-align: center;
  position: relative;
  z-index: 100;
  transition: opacity 0.3s, transform 0.3s;
}
.nav-main__btn:focus, .nav-foot__btn:focus {
  outline: none;
}
.nav-main__btn:focus-visible, .nav-foot__btn:focus-visible {
  outline: none;
}
@media (min-width: 768px) {
  .nav-main__btn:focus-visible, .nav-foot__btn:focus-visible {
    outline: 1px solid var(--primary-color3);
    outline-offset: 2px;
    transition: outline 0s;
  }
}
.nav-main__btn.is-active .burger-icon:after, .nav-foot__btn.is-active .burger-icon:after {
  opacity: 0;
}
.nav-main__btn.is-active .burger-icon:before, .nav-foot__btn.is-active .burger-icon:before {
  display: none;
}
.nav-main__btn.is-active .burger-line, .nav-foot__btn.is-active .burger-line {
  width: 0;
}
.nav-main__btn.is-active .burger-line:nth-child(1), .nav-foot__btn.is-active .burger-line:nth-child(1) {
  transition-delay: 0s;
}
.nav-main__btn.is-active .burger-line:nth-child(2), .nav-foot__btn.is-active .burger-line:nth-child(2) {
  transition-delay: 0.125s;
}
.nav-main__btn.is-active .burger-line:nth-child(3), .nav-foot__btn.is-active .burger-line:nth-child(3) {
  transition-delay: 0.25s;
}
.nav-main__btn.is-active .nav-cross:before, .nav-foot__btn.is-active .nav-cross:before {
  height: 100%;
  transition-delay: 0.625s;
}
.nav-main__btn.is-active .nav-cross:after, .nav-foot__btn.is-active .nav-cross:after {
  width: 100%;
  transition-delay: 0.375s;
}

@media (min-width: 1113px) {
  .nav-main__btn .burger-icon {
    padding-right: 65px;
  }
}
.nav-main__btn .burger-icon::after {
  content: "Menu";
  position: absolute;
  right: 0;
  top: -2px;
  font-weight: 700;
  color: var(--link-color);
  letter-spacing: 1.08px;
  text-transform: uppercase;
  margin-left: 10px;
  transition: opacity 0.3s, text-shadow 0.3s;
  opacity: 1;
}
.single-post .nav-main__btn .burger-icon::after, .single-press .nav-main__btn .burger-icon::after, .page-template-template-blog .nav-main__btn .burger-icon::after {
  color: var(--primary-color2);
}
.dark-on.single-post .nav-main__btn .burger-icon::after, .dark-on.single-press .nav-main__btn .burger-icon::after, .dark-on.page-template-template-blog .nav-main__btn .burger-icon::after {
  color: #fff;
}

.nav-foot__btn {
  --link-color: var(--primary-color3);
}
@media (max-width: 1112px) {
  .nav-foot__btn {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(-50%);
  }
}
@media (min-width: 1113px) {
  .nav-foot__btn {
    margin-left: auto;
    transform: translateY(-25%);
  }
  .nav-foot__btn.is-active {
    opacity: 0;
  }
}

.burger-icon {
  width: var(--burger-width);
  height: 20px;
  box-sizing: content-box;
}
.burger-icon::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 10px;
  border-radius: 50%;
  box-shadow: 0px 0px 11px 11px #3eacee, inset 0 0 10px 10px #6ac7ff;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 0;
}

.burger-line:nth-child(1) {
  margin-top: 0;
  transition-delay: 0.5s;
}
.burger-line:nth-child(2) {
  transition-delay: 0.625s;
  max-width: 70%;
  left: 30%;
}
.burger-line:nth-child(3) {
  transition-delay: 0.75s;
}

.burger-line, .nav-cross:before, .nav-cross:after {
  background-color: var(--link-color);
  display: block;
  width: 100%;
  height: 3px;
  position: relative;
  top: 0;
  right: 0;
  margin: 6px 0;
  transition: 0.25s ease-in-out;
}

.nav-cross {
  position: absolute;
  height: 50px;
  width: 50px;
  transform: rotate(45deg) scale(0.7);
  right: 0;
  z-index: 9;
}
@media (max-width: 1112px) {
  .nav-cross {
    right: -15px;
    top: -23px;
  }
}
.nav-cross:before, .nav-cross:after {
  content: "";
  position: absolute;
}
.nav-cross:before {
  height: 0;
  width: 3px;
  top: 0;
  left: 45%;
  transition-delay: 0s;
}
.nav-cross:after {
  width: 0;
  height: 3px;
  left: 0;
  top: 45%;
  transition-delay: 0.25s;
}

.nav-main__socials, .nav-main__socials-list, .nav-main__socials-title {
  display: flex;
  align-items: center;
}
.nav-main__socials-title, .nav-main__socials-item, .nav-main__socials-title::before {
  margin-right: clamp(15px, 2.7vmin, 26px);
}
.nav-main__socials-title {
  text-transform: var(--link-text-transform, capitalize);
  color: var(--primary-color3);
  position: relative;
  font-weight: 400;
  white-space: nowrap;
}
.nav-main__socials-title::before {
  content: " ";
  display: block;
  background-color: var(--secondary-color3);
  position: relative;
  height: 1px;
  width: 40px;
}
.nav-main__socials-item {
  position: relative;
  transition: filter 0.3s ease-in-out;
}
.nav-main__socials-item:last-of-type {
  margin-right: 0;
}
@media (hover: hover) {
  .nav-main__socials-item:hover {
    filter: drop-shadow(-1px 0px 5px rgba(24, 151, 227, 0.4)) drop-shadow(2px 3px 5px rgba(24, 151, 227, 0.4)) drop-shadow(3px 0px 5px rgba(24, 151, 227, 0.4)) drop-shadow(-3px -2px 5px rgba(24, 151, 227, 0.4));
  }
  .nav-main__socials-item:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
.nav-main__socials-item::before {
  content: " ";
  position: absolute;
  border-radius: 200px;
  height: 90%;
  width: 90%;
  left: 50%;
  top: 50%;
  opacity: 0;
  transition: transform var(--base-transition), opacity var(--base-transition);
  transform: translate(-50%, -50%) scale(0);
  background-color: rgba(var(--primary-color3-rgb), 0.2);
  z-index: -1;
}

.page-breadcrumb {
  margin-top: 4.4rem;
  position: relative;
  z-index: 5;
  font-size: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.page-breadcrumb a {
  color: var(--primary-color3);
  font-weight: 400;
}
.page-breadcrumb a:hover {
  text-decoration: underline;
}
.page-breadcrumb .breadcrumb_last {
  font-weight: 700;
}
.page-breadcrumb svg {
  fill: #04E4FF;
}
.page-breadcrumb svg path {
  fill: #04E4FF;
}
.page-breadcrumb > span .icon {
  max-width: 12px;
  max-height: 12px;
  margin-right: 6px;
  margin-left: 6px;
}
.page-breadcrumb > span span:first-child a {
  padding-left: 28px;
  margin-left: -28px;
  display: inline-block;
}
.page-breadcrumb .icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  pointer-events: none;
}
@media (max-width: 1111px) {
  .page-breadcrumb {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1113px) {
  .page-breadcrumb {
    padding-left: 12px;
  }
}

@media (min-width: 1113px) {
  .hero.-has-breadcrumbs {
    padding-top: 110px;
  }
  .hero.-has-breadcrumbs .c-block__inner {
    --c-block-padding: 30px 30px 30px 30px;
  }
}
.hero.-has-breadcrumbs .c-block__media.projects .m-slider {
  padding-top: 0px;
}

/**
 ############################
 #   List Component
 ############################
 */
.c-unordered__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 22px 0 30px;
}
@media (min-width: 1660px) {
  .c-unordered__list {
    gap: 1.6vmin;
  }
}
@media (max-width: 1111px) {
  .c-unordered__list {
    max-width: 550px;
    width: 100%;
  }
}
@media (min-width: 1112px) {
  .c-unordered__list.-columns {
    column-gap: 60px;
  }
}
.c-unordered__list.-narrow {
  width: clamp(280px, 80%, 100%);
}
.c-unordered__list.-no-indent .c-unordered__list-item {
  align-items: flex-start;
  padding: 0;
}
.hero .c-unordered__list.-no-indent .c-unordered__list-item {
  width: 100%;
}
@media (min-width: 1112px) {
  .c-unordered__list.-no-indent .c-unordered__list-item {
    width: 46%;
  }
  .c-unordered__list.-no-indent .c-unordered__list-item svg {
    margin: 4px 12px 0 0;
  }
}
.c-unordered__list-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
  page-break-inside: avoid;
}
@media (min-width: 1113px) {
  .c-unordered__list-item {
    padding: 0 0 0 20px;
  }
}
.c-unordered__list-item svg {
  color: var(--secondary-color3);
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-right: 8px;
  display: inline-block;
}

/**** End Header */
/* Above the fold modules */
/**
 ############################
 #   MODULE: Double Content Blocks (dcbl-)
 ############################
 */
/**
 ##########################
 #   Dual content blocks: Layouts
 ##########################
 */
.l-dcbl {
  --columns-ratio: calc(50% - 15px);
  --l-dcbl-padding: 5vmin;
  --c-block-padding: 30px;
  --c-block-img-ratio: auto;
  --c-block-shadow: transparent;
  --c-block-bg: transparent;
}
.l-dcbl.-y-space:not(:first-of-type) {
  padding-top: clamp(30px, var(--l-dcbl-padding), 50px);
}
.l-dcbl.-y-space:not(:last-of-type) {
  padding-bottom: clamp(30px, var(--l-dcbl-padding), 50px);
}
.l-dcbl .c-block {
  display: flex;
  align-items: flex-start;
  gap: 0 30px;
}
.l-dcbl .c-block:not(.-no-wrap) {
  flex-wrap: wrap;
}
.l-dcbl .c-block.-y-center {
  align-items: center;
}
.l-dcbl .c-block__inner {
  width: 100%;
}
.l-dcbl .c-block__content {
  text-align: left;
}
@media (max-width: 766px) {
  .l-dcbl .c-block {
    flex-direction: column-reverse;
  }
  .l-dcbl .c-block.over {
    flex-direction: column;
  }
}
@media (min-width: 767px) {
  .l-dcbl.order-reverse .c-block, .l-dcbl.image-right .c-block {
    flex-direction: row-reverse;
  }
  .l-dcbl.order-reverse .c-block__media.-img-bg::after {
    right: unset;
    left: -15px;
  }
}
.l-dcbl .c-block__content {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1112px) {
  .l-dcbl .c-block__content {
    padding: var(--c-block-padding, 30px);
  }
}
@media (max-width: 1112px) {
  .l-dcbl .c-block__content.-half {
    width: 100%;
  }
}
@media (min-width: 1113px) {
  .l-dcbl .c-block__content.-half {
    flex: 0 0 var(--columns-ratio);
    max-width: var(--columns-ratio);
  }
}
.l-dcbl .c-block__content.align-top {
  align-items: flex-start;
}
.l-dcbl .c-block__content.align-bottom {
  align-items: flex-end;
}
.l-dcbl .c-block__media {
  display: flex;
  align-items: center;
  text-align: center;
}
@media (max-width: 1112px) {
  .l-dcbl .c-block__media {
    margin-bottom: 30px;
    width: 100%;
  }
}
@media (min-width: 1113px) {
  .l-dcbl .c-block__media {
    flex: 0 0 var(--columns-ratio);
    max-width: var(--columns-ratio);
  }
}
.l-dcbl .c-block__media.-img-cut {
  position: relative;
  max-width: 707px;
}
.l-dcbl .c-block__media.-img-cut::after, .l-dcbl .c-block__media.-img-cut::before {
  content: " ";
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.l-dcbl .c-block__media.-img-cut::after {
  content: " ";
  background: linear-gradient(225deg, #00A5E4 0%, #812EE3 96.97%);
  width: calc(100% - 5.5vmin);
  height: calc(100% - 4vmin);
  position: absolute;
}
.l-dcbl .c-block__media.-img-cut::before {
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(to left, #00A5E4, #812EE3);
  padding: 15px;
  width: calc(100% - 2.4vmin);
  height: calc(100% - 1.2vmin);
}
.l-dcbl .c-block__media.-img-cut .c-image__primary {
  position: relative;
}
.l-dcbl .c-block__media.-img-cut .c-image__primary:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 58.8401697313%;
}
.l-dcbl .c-block__media.-img-cut .c-image__primary > .content, .l-dcbl .c-block__media.-img-cut .c-image__primary > .image, .l-dcbl .c-block__media.-img-cut .c-image__primary video, .l-dcbl .c-block__media.-img-cut .c-image__primary .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.l-dcbl .c-block__media.-img-cut img {
  clip-path: polygon(0 0, 87% 0, 100% 22%, 100% 100%, 14% 100%, 0 78%);
}
.l-dcbl .c-block__media.-img-bg {
  position: relative;
}
.l-dcbl .c-block__media.-img-bg::after {
  content: " ";
  background: linear-gradient(311deg, #9536E5 2.32%, #04E4FF 56.99%, #04E4FF 100%);
  top: 10px;
  right: -8px;
  width: 100%;
  max-width: 689px;
  height: 100%;
  position: absolute;
  z-index: 0;
}
@media (min-width: 575px) {
  .l-dcbl .c-block__media.-img-bg::after {
    top: 15px;
    right: -15px;
  }
}
.l-dcbl .c-block__media.-img-bg .c-image__primary.-v1 {
  position: relative;
}
.l-dcbl .c-block__media.-img-bg .c-image__primary.-v1:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 60.4651162791%;
}
.l-dcbl .c-block__media.-img-bg .c-image__primary.-v1 > .content, .l-dcbl .c-block__media.-img-bg .c-image__primary.-v1 > .image, .l-dcbl .c-block__media.-img-bg .c-image__primary.-v1 video, .l-dcbl .c-block__media.-img-bg .c-image__primary.-v1 .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.l-dcbl .c-block__media.-img-bg .c-image__primary.-v2 {
  position: relative;
}
.l-dcbl .c-block__media.-img-bg .c-image__primary.-v2:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 69.7368421053%;
}
.l-dcbl .c-block__media.-img-bg .c-image__primary.-v2 > .content, .l-dcbl .c-block__media.-img-bg .c-image__primary.-v2 > .image, .l-dcbl .c-block__media.-img-bg .c-image__primary.-v2 video, .l-dcbl .c-block__media.-img-bg .c-image__primary.-v2 .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.l-dcbl .c-block__media.-img-bg .c-image__primary.-v3 {
  position: relative;
}
.l-dcbl .c-block__media.-img-bg .c-image__primary.-v3:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 100%;
}
.l-dcbl .c-block__media.-img-bg .c-image__primary.-v3 > .content, .l-dcbl .c-block__media.-img-bg .c-image__primary.-v3 > .image, .l-dcbl .c-block__media.-img-bg .c-image__primary.-v3 video, .l-dcbl .c-block__media.-img-bg .c-image__primary.-v3 .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.l-dcbl .c-block__media.-img-bg .c-image__primary.-v3 > .image {
  z-index: 2;
}
.l-dcbl .c-block__media .c-image {
  z-index: 1;
}
.l-dcbl .c-block__media .c-image__secondary {
  position: absolute;
  right: 0;
  top: 0;
}
.l-dcbl .c-block__media img {
  max-width: 98%;
  height: auto;
}
@media (max-width: 766px) {
  .l-dcbl .c-block__media img {
    max-width: 100%;
  }
  .hero:not(.s-locations) .l-dcbl .c-block__media img {
    max-width: 280px;
    left: 50%;
    transform: translateX(-50%);
  }
  .s-difference .l-dcbl .c-block__media img {
    max-width: 100%;
  }
}
@media (min-width: 575px) {
  .l-dcbl .c-block__media img {
    max-width: 100%;
  }
}

@media (min-width: 1113px) {
  .l-dcbl-full {
    width: calc(100vw - 8.1px);
    max-width: none;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  .l-dcbl-full .c-image__primary img, .l-dcbl-full .c-image__primary .c-image__src {
    width: 100%;
  }
  .l-dcbl-full .c-block__content {
    justify-content: flex-end;
    padding: 0;
  }
  .l-dcbl-full.order-reverse .c-block__content, .l-dcbl-full.image-left .c-block__content {
    justify-content: flex-start;
  }
  .l-dcbl-full .c-block__inner {
    max-width: calc(var(--content-width) / 2);
    padding: var(--c-block-padding, 30px);
  }
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.sr-only,
.screen-reader-text {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px !important;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

.text-big {
  font-size: clamp(18px, var(--larger-text-size), 22px);
}

.text-bigger {
  font-size: clamp(18px, 2vw + 1.5rem, var(--bigger-text-size));
}

.text-medium {
  font-size: clamp(16px, var(--medium-text-size), 20px);
}

.text-small {
  font-size: clamp(14px, var(--medium-text-size), 16px);
}

.align-center,
.text-center {
  text-align: center;
}

@media (max-width: 1111px) {
  .text-center-mob {
    text-align: center;
  }
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

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

.text-semibold {
  font-weight: 500;
}

@media (min-width: 1113px) {
  .text-split {
    background: linear-gradient(90deg, var(--secondary-color1) 53%, var(--primary-color2) 53%);
    color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: normal;
  }
}

.bg-logo {
  position: absolute;
  display: flex;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}
.bg-logo:not(.-no-opacity) {
  opacity: 0.4;
}
.bg-logo.-bottom {
  inset: auto 0 0 0;
}
.bg-logo.-bottom-cut {
  transform: translateY(20%);
}
.bg-logo.-top {
  inset: 0 0 0 auto;
  transform: translateY(5%);
}
.bg-logo.-right-center {
  inset: 0;
  justify-content: flex-end;
  transform: translateY(-20%);
}
.bg-logo.-full-window {
  object-fit: contain;
}
.bg-logo.-right {
  inset: 20% 0 auto auto;
  justify-content: flex-end;
  transform: translateY(-8%);
}
.bg-logo.-left {
  justify-content: flex-start;
  inset: 40% auto auto 0;
  transform: translateY(-15%);
}
.bg-logo svg {
  width: 95vw;
  height: 12vw;
}
.bg-logo img {
  max-width: 100%;
  height: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.separator {
  height: 2px;
  width: 15%;
  background-color: var(--secondary-color3);
  transition: width 0.3s ease-in-out;
}

.separator-x {
  height: inherit;
  width: 1px;
  margin: 0 2%;
  background-color: var(--secondary-color1);
  opacity: 0.5;
}

.img-invert {
  filter: invert(1);
  opacity: 0.5;
}

.dm-none {
  display: none;
}
@media (min-width: 1112px) {
  .dm-none {
    display: block;
  }
}

@media (min-width: 1112px) {
  .dd-none {
    display: none;
  }
}

.pb-10 {
  padding-bottom: 10px;
}

[data-object-fit=cover] {
  object-fit: cover;
}

[data-object-fit=contain] {
  object-fit: contain;
}

.-nobg {
  background-image: none !important;
}

.-nowrap {
  white-space: nowrap;
}

/* Background */
.bg-auto {
  background-size: auto;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.bg-fixed {
  background-attachment: fixed;
}

.bg-transparent {
  background-color: transparent;
}

.bg-dark {
  background-color: var(--body-bg-alt);
}

.bg-gradient {
  background: linear-gradient(131.8deg, rgba(149, 54, 229, 0.7019607843) 0%, rgba(89, 54, 229, 0.7019607843) 46.87%, rgba(4, 228, 255, 0.7019607843) 100%);
}

.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: center;
}

.bg-left {
  background-position: left;
}

.bg-left-bottom {
  background-position: left bottom;
}

.bg-left-top {
  background-position: left top;
}

.bg-right {
  background-position: right;
}

.bg-right-bottom {
  background-position: right bottom;
}

.bg-right-top {
  background-position: right top;
}

.bg-top {
  background-position: top;
}

.bg-repeat {
  background-repeat: repeat;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.bg-repeat-round {
  background-repeat: round;
}

.bg-repeat-space {
  background-repeat: space;
}

/* Flex */
.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.content-center {
  align-content: center;
}

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.content-evenly {
  align-content: space-evenly;
}

.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.justify-items-auto {
  justify-items: auto;
}

.justify-items-start {
  justify-items: start;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-stretch {
  justify-items: stretch;
}

.justify-start,
.flex-left {
  justify-content: flex-start;
}

.justify-end,
.flex-right {
  justify-content: flex-end;
}

.justify-center,
.flex-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-self-auto {
  justify-self: auto;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-center {
  justify-self: center;
}

.justify-self-stretch {
  justify-self: stretch;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.flex-grow-0 {
  flex-grow: 0;
}

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

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-shrink {
  flex-shrink: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-first {
  order: -9999;
}

.order-last {
  order: 9999;
}

.order-none {
  order: 0;
}

:root {
  --grid-gutter-width: 0;
  --grid-outer-margin: 20px;
  --grid-gutter-compensation: calc((var(--grid-gutter-width) * 0.5) * -1);
  --grid-half-gutter-width: calc((var(--grid-gutter-width) * 0.5));
}

.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: var(--grid-gutter-compensation, -0.5em);
  margin-left: var(--grid-gutter-compensation, -0.5em);
}

.row.reverse {
  flex-direction: row-reverse;
}

.col.reverse {
  flex-direction: column-reverse;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  box-sizing: border-box;
  padding-right: var(--grid-half-gutter-width, 0.5rem);
  padding-left: var(--grid-half-gutter-width, 0.5rem);
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: var(--grid-half-gutter-width, 0.5rem);
  padding-left: var(--grid-half-gutter-width, 0.5rem);
}

.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.start-xs {
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  justify-content: center;
  text-align: center;
}

.end-xs {
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media (min-width: 768px) {
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: var(--grid-half-gutter-width, 0.5rem);
    padding-left: var(--grid-half-gutter-width, 0.5rem);
  }
  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-sm {
    justify-content: flex-start;
    text-align: start;
  }
  .center-sm {
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    justify-content: flex-end;
    text-align: end;
  }
  .top-sm {
    align-items: flex-start;
  }
  .middle-sm {
    align-items: center;
  }
  .bottom-sm {
    align-items: flex-end;
  }
  .around-sm {
    justify-content: space-around;
  }
  .between-sm {
    justify-content: space-between;
  }
  .first-sm {
    order: -1;
  }
  .last-sm {
    order: 1;
  }
}
@media (min-width: 1112px) {
  :root {
    --grid-gutter-width: 24px;
    --grid-outer-margin: 24px;
  }
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: var(--grid-half-gutter-width, 0.5rem);
    padding-left: var(--grid-half-gutter-width, 0.5rem);
  }
  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-md {
    justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    justify-content: center;
    text-align: center;
  }
  .end-md {
    justify-content: flex-end;
    text-align: end;
  }
  .top-md {
    align-items: flex-start;
  }
  .middle-md {
    align-items: center;
  }
  .bottom-md {
    align-items: flex-end;
  }
  .around-md {
    justify-content: space-around;
  }
  .between-md {
    justify-content: space-between;
  }
  .first-md {
    order: -1;
  }
  .last-md {
    order: 1;
  }
}
@media (min-width: 1280px) {
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: var(--grid-half-gutter-width, 0.5rem);
    padding-left: var(--grid-half-gutter-width, 0.5rem);
  }
  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-lg {
    justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    justify-content: flex-end;
    text-align: end;
  }
  .top-lg {
    align-items: flex-start;
  }
  .middle-lg {
    align-items: center;
  }
  .bottom-lg {
    align-items: flex-end;
  }
  .around-lg {
    justify-content: space-around;
  }
  .between-lg {
    justify-content: space-between;
  }
  .first-lg {
    order: -1;
  }
  .last-lg {
    order: 1;
  }
}
.box-row {
  position: relative;
  box-sizing: border-box;
  min-height: 1em;
  margin-bottom: 0;
  background: #007FFF;
  border: 1px solid #FFF;
  border-radius: 2px;
  overflow: hidden;
  text-align: center;
  color: #fff;
}

.footer-animeted_globs {
  transform-origin: 10vmin 60vmin;
}

.header-animeted_globs {
  display: none;
  animation: unset;
  transform-origin: 20vmin 80vmin;
  animation-delay: 0.5s;
  opacity: 0.6;
}

.spinner {
  opacity: 0.8;
  pointer-events: none;
  contain: layout;
  pointer-events: none;
}
@media (max-width: 1112px) {
  .spinner-inn {
    display: none;
  }
}
@media (min-width: 1113px) {
  .spinner-inn {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 150vh;
    transform: translate(-15%, -8%);
    animation: rotation 16s infinite linear;
    transform-origin: center;
  }
  .spinner-inn img {
    width: 100%;
    max-width: 100%;
    height: auto;
    transform: scale(2.5) translate3d(0px, 0px, 0px);
    filter: blur(5px);
    pointer-events: none;
  }
}
@media (min-width: 1113px) and (min-width: 1661px) {
  .spinner-inn img {
    filter: blur(2px);
  }
}
.section-raq .spinner-inn {
  bottom: -80vh;
}
@media (min-width: 1113px) {
  .spinner.in-view-r[data-scroll=out] .spinner-inn {
    animation: none;
  }
  .spinner.in-view-r[data-scroll=in] .spinner-inn {
    animation: rotation 16s infinite linear;
  }
}

@keyframes rotation {
  from {
    transform: rotate(359deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes rotationCV {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.nav-main__wrap, .hero, .s-services-custom,
.m-banner, .s-category-tabs {
  overflow: hidden;
}
.nav-main__wrap .spinner, .hero .spinner, .s-services-custom .spinner,
.m-banner .spinner, .s-category-tabs .spinner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 0;
}

.hero .spinner {
  z-index: 0;
}

.s-services-custom .spinner-inn {
  width: 350vmin;
  height: 350vmin;
  transform: translate(-25%, -38%);
}

section:not(.wrapped-sections) .section {
  overflow: hidden;
  position: relative;
}
section:not(.wrapped-sections) .section .container {
  position: relative;
  z-index: 2;
}

.wrapped-sections .section .container {
  position: relative;
  z-index: 2;
}

/* .s-experts .spinner, .s-our-work .spinner, .s-services .spinner, .s-projects .spinner,
.s-tabs-slider .spinner, .s-team .spinner, .s-difference .spinner, .box-cta .spinner,
.wrapped-sections .spinner {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
} 
.s-experts .spinner.-top-cut .spinner-inn, .s-our-work .spinner.-top-cut .spinner-inn, .s-services .spinner.-top-cut .spinner-inn, .s-projects .spinner.-top-cut .spinner-inn,
.s-tabs-slider .spinner.-top-cut .spinner-inn, .s-team .spinner.-top-cut .spinner-inn, .s-difference .spinner.-top-cut .spinner-inn, .box-cta .spinner.-top-cut .spinner-inn,
.wrapped-sections .spinner.-top-cut .spinner-inn {
  width: 350vmin;
  height: 350vmin;
  transform: translate(-25%, -50%);
}
.s-experts .spinner.-bottom-cut, .s-our-work .spinner.-bottom-cut, .s-services .spinner.-bottom-cut, .s-projects .spinner.-bottom-cut,
.s-tabs-slider .spinner.-bottom-cut, .s-team .spinner.-bottom-cut, .s-difference .spinner.-bottom-cut, .box-cta .spinner.-bottom-cut,
.wrapped-sections .spinner.-bottom-cut {
  inset: auto 0 0;
}
.s-experts .spinner.-bottom-cut .spinner-inn, .s-our-work .spinner.-bottom-cut .spinner-inn, .s-services .spinner.-bottom-cut .spinner-inn, .s-projects .spinner.-bottom-cut .spinner-inn,
.s-tabs-slider .spinner.-bottom-cut .spinner-inn, .s-team .spinner.-bottom-cut .spinner-inn, .s-difference .spinner.-bottom-cut .spinner-inn, .box-cta .spinner.-bottom-cut .spinner-inn,
.wrapped-sections .spinner.-bottom-cut .spinner-inn {
  width: 350vmin;
  height: 350vmin;
  transform: translate(-25%, 50%);
}

.s-services .spinner {
  height: 150%;
  z-index: 0;
}

.s-our-work .spinner, .s-projects .spinner, .s-tabs-slider .spinner {
  opacity: 0.8;
}
.s-our-work .spinner-inn, .s-projects .spinner-inn, .s-tabs-slider .spinner-inn {
  transform: translate(-25%, -50%);
}

.s-blog-section .spinner {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.form-section, .s-text-box, .sections-group {
  overflow: hidden;
  position: relative;
}
.form-section .spinner, .s-text-box .spinner, .sections-group .spinner {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.s-text-box .spinner-inn {
  bottom: 0;
  transform: translate(-15%, 55%);
}*/

/**
 ####################
 #   Module: BANNERS
 ####################
 */
/**
 ################
 #   Module BANNERS: Core
 ################
 */
 /* banner  */
.m-banner {
  width: 100%;
  background-color: var(--body-bg-alt); 
 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
  /**
   ***************
   **  Variations
   ***************
   *  .m-banner--small, --medium, --full
   */
}
.wrapped-sections .m-banner {
  background-color: transparent;
}
.m-banner__container {
  position: relative;
  min-height: var(--bannerHeight, auto);
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-direction: column;
}
.header-lap .m-banner__container {
  padding-top: var(--header-hight);
}
@media (max-width: 1112px) {
  .m-banner__container {
    overflow: hidden;
  }
}
.m-banner__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  padding-left: 10px;
  padding-right: 10px;
}
.m-banner__content .c-heading {
  --h2-margin-bottom: 20px;
}
.m-banner__content .c-heading__pre {
  text-transform: var(--h1-text-transform);
}
@media (max-width: 767px) {
  .m-banner__content .c-heading__pre {
    max-width: 360px;
  }
}
@media (max-width: 1112px) {
  .m-banner__content .c-heading__pre {
    margin: 0 auto var(--pretitle-margin-bottom);
  }
}
@media (min-width: 1113px) {
  .m-banner__content .c-heading__pre {
    display: flex;
  }
  .m-banner__content .c-heading__pre h1 {
    display: block;
  }
}
.m-banner__content .c-heading__pre h1 {
  font-size: inherit;
  display: inline;
}
.m-banner__content .c-heading p {
  margin-bottom: 0;
}
.m-banner__content.text-center .c-heading__pre,
.m-banner__content .text-center .c-heading__pre {
  text-align: center;
  justify-content: center;
}
.m-banner__media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-banner__media img,
.m-banner__media picture,
.m-banner__media video,
.m-banner__media iframe {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
.has-overlay .m-banner__media:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* background-color: var(--overlay-color); */
  /* opacity: var(--overlay-opacity); */
  z-index: 1;
}
.fixed-header.single-product .m-banner {
  max-height: 200px;
  overflow: hidden;
  margin-bottom: 30px;
}
.m-banner--large .m-banner__content {
  min-height: 44vh;
  max-height: 900px;
}
@media (max-width: 766px) {
  .m-banner--large .m-banner__content {
    min-height: 100vh;
    padding-top: 70px;
  }
}
@media (min-width: 767px) {
  .m-banner--large .m-banner__content {
    height: 100vh;
    max-height: none;
  }
}
@media (max-width: 766px) {
  .m-banner--large .m-banner__content {
    text-align: center;
  }
}
.m-banner--large + .s-services, .m-banner--large + .s-our-work {
  padding: 0;
}
.m-banner--large + .s-services {
  padding-bottom: 0;
  position: relative;
}
.m-banner--large + .s-services .container {
  position: relative;
  z-index: 3;
}
.m-banner--large + .s-services::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-image: linear-gradient(to bottom, #000327 80%, transparent 100%); */
  background-repeat: repeat-x;
  z-index: 2;
}
.m-banner--medium .m-banner__container, .m-banner--small .m-banner__container {
  justify-content: center;
  padding: 60px 20px;
}
@media (max-width: 1112px) {
  .m-banner--medium .m-banner__container, .m-banner--small .m-banner__container {
    padding-top: 100px;
  }
}
@media (max-width: 1112px) {
  .m-banner--medium .m-banner__content, .m-banner--small .m-banner__content {
    align-items: flex-start;
    text-align: left;
  }
  .m-banner--medium .m-banner__content .c-heading, .m-banner--small .m-banner__content .c-heading {
    text-align: left;
  }
}
@media (max-width: 1112px) {
  .m-banner--medium, .m-banner--small {
    background-image: radial-gradient(circle at right 20%, rgba(0, 185, 255, 0.5215686275) -6%, rgba(177, 0, 254, 0.4784313725) 32%, #00031f 97%), radial-gradient(circle at left top, rgba(186, 0, 133, 0.5098039216) -6%, rgba(177, 0, 254, 0.3098039216) 32%, rgba(1, 147, 240, 0.1803921569) 97%), radial-gradient(circle at center top, rgba(186, 0, 133, 0.5098039216) -6%, rgba(177, 0, 254, 0.3098039216) 22%, rgba(2, 157, 255, 0.5215686275) 57%);
  }
  .m-banner--medium .spinner, .m-banner--small .spinner {
    display: none;
  }
}
.m-banner--small .text-big {
  margin: 0 auto clamp(40px, 7vmin, 70px);
  text-align: center;
}
.m-banner--small .m-banner__text {
  width: 100%;
  margin-bottom: clamp(30px, 4vmin, 40px);
}
@media (min-width: 767px) {
  .m-banner--small .m-banner__text {
    width: clamp(550px, 50%, 100%);
    margin-inline: auto;
  }
}
@media (max-width: 1111px) {
  .m-banner--small .m-banner__container {
    min-height: 360px;
  }
}
@media (min-width: 1112px) {
  .m-banner--blog {
    --bannerHeight: var(--banner-height--blog, 420px);
    text-align: center;
  }
  .m-banner--small {
    --bannerHeight: var(--banner-height--small, 300px);
  }
  .m-banner--small .m-banner__container {
    justify-content: center;
    padding: clamp(40px, 12.5vmin, 120px) 0 clamp(40px, 10vmin, 100px);
  }
  .m-banner--small .text-big {
    max-width: 45vw;
  }
  .m-banner--small .m-banner__video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .m-banner--small .m-banner__video .invideo-close {
    top: 40px;
    right: 40px;
  }
  .m-banner--small .m-banner__video .invideo-link {
    left: 33.5%;
    right: 33.5%;
    top: 70.2%;
    padding-top: 9%;
  }
  .m-banner--medium {
    --bannerHeight: var(--banner-height--medium, 450px);
  }
  .m-banner--medium + .s-services {
    padding-bottom: 14vmin;
  }
  .m-banner--full {
    --bannerHeight: var(--banner-height--full, 100vh);
  }
  .m-banner--full .m-banner__container {
    max-height: 960px;
  }
  .m-banner--large {
    min-height: var(--banner-height--large, auto);
  }
}
.m-banner .-h1 {
  --subtitle-text-transform: uppercase;
  --subtitle-font-size: 3.2rem;
  --subtitle-letter-spacing: 0;
  --subtitle-margin-bottom: .5em;
}

.home-hero {
  --pretitle-font-size: 2.6rem;
  --pretitle-font-weight: 900;
  --pretitle-letter-spacing: .1em;
  --h1-text-transform-none: uppercase;
}
@media (max-width: 767px) {
  .home-hero {
    --pretitle-margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .home-hero.m-banner {
    padding-top: 0;
  }
}
.page-web-design .home-hero {
  --h1-text-transform-none: capitalize;
}
.home-hero .m-banner__media:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  top: 85vh;
  background-image: linear-gradient(0deg, #00042A 0%, rgba(0, 3, 31, 0.72) 70.39%, rgba(0, 3, 31, 0.62) 77%, rgba(1, 17, 65, 0.2) 95%, rgba(1, 17, 65, 0) 100%);
  background-repeat: repeat-x;
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 766px) {
  .home-hero .m-banner__media:after {
    top: 60vh;
  }
}
.home-hero .m-banner__media .mob-covers {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.home-hero .m-banner__media .mob-covers img {
  position: absolute;
  object-fit: cover;
  background-position: bottom center;
  width: 100%;
  height: 100%;
  display: none;
}
@media (max-width: 766px) {
  .home-hero .m-banner__media {
    max-height: 855px;
  }
  .home-hero .m-banner__media .mob-covers {
    display: flex;
  }
  .home-hero .m-banner__media .mob-covers .-tablet {
    display: none;
  }
  .home-hero .m-banner__media .mob-covers .-phone {
    display: block;
  }
}
@media (min-width: 767px) and (max-width: 1112px) {
  .home-hero .m-banner__media {
    max-height: 890px;
  }
  .home-hero .m-banner__media .mob-covers {
    display: flex;
  }
  .home-hero .m-banner__media .mob-covers .-tablet {
    display: block;
  }
  .home-hero .m-banner__media .mob-covers .-phone {
    display: none;
  }
}
.home-hero .m-banner__media video {
  object-position: top;
}
@media (max-width: 1111px) {
  .home-hero .m-banner__media video {
    display: none;
  }
}
.home-hero .m-banner__video {
  top: 0;
}
.hide-scrollbar .home-hero {
  z-index: 999;
}
@media (max-width: 1112px) {
  .home-hero .m-banner__video-container {
    position: relative;
    z-index: 3;
    margin-top: auto;
  }
  .home-hero .m-banner__video-container .c-heading__title {
    font-size: 24px;
  }
}
@media (max-width: 766px) {
  .home-hero {
    padding-top: 20px;
  }
}

.c-icon-scroll {
  display: none;
}
@media (min-width: 1113px) {
  .c-icon-scroll {
    display: block;
    position: absolute;
    left: 2vw;
    top: 68vh;
    width: 20px;
    pointer-events: none;
  }
}
@media (min-width: 1113px) and (min-width: 1661px) {
  .c-icon-scroll {
    left: 6vw;
    top: 75vh;
  }
}
@media (min-width: 1113px) {
  .hero .c-icon-scroll {
    left: 2vw;
    top: 65vh;
    z-index: 2;
  }
}
@media (min-width: 1113px) and (min-width: 1661px) {
  .hero .c-icon-scroll {
    left: 4vw;
  }
}
@media (min-width: 1113px) and (max-width: 1439px) {
  .hero .c-icon-scroll {
    display: none;
  }
}
@media (min-width: 1113px) {
  .c-icon-scroll svg,
  .c-icon-scroll img {
    width: 20px;
  }
}

.hero .c-btn__pre,
.home-hero .c-btn__pre {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.12em;
}
.hero .c-btn__main,
.home-hero .c-btn__main {
  font-weight: 700;
  font-size: 2.7rem;
  line-height: 1;
}
.hero .c-btn__sub,
.home-hero .c-btn__sub {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.12em;
  opacity: 0.7;
}

.page-branding .m-banner__video-container {
  opacity: 0;
  pointer-events: none;
  display: none;
}
.page-branding .m-banner .-h1 {
  margin-top: 3vmin;
  --subtitle-text-transform: none;
  --subtitle-font-size: 2.8rem;
  --subtitle-letter-spacing: 0;
  --h1-line-height: 1.1;
  --h1-margin-bottom: 30px;
}

.swiper:not(.swiper-initialized) .m-slider__arrows {
  display: none;
}

/**
 ################
 #   Module BANNERS: Base Layout
 ################
 */
.l-banner {
  width: 100%;
  position: relative;
  padding-top: var(--banner-top-padding, 0);
  padding-bottom: var(--banner-bot-padding, 0);
  z-index: 2;
}
@media (max-width: 767px) {
  .l-banner {
    text-align: center;
  }
}
.l-banner__media {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1113px) {
  .l-banner__media {
    flex: 1 1 auto;
  }
}
.l-banner__media .c-image {
  height: 100%;
  width: 100%;
}

/* Banners */
.m-banner {
  --banner-height--small: 300px;
  --banner-height--medium: 500px;
  --banner-height--blog: 400px;
  --banner-height--full: 100vh;
  --banner-height--large: 100vh;
  --banner-top-padding: 5vmin;
  --banner-bot-padding: 5vmin;
  --overlay-opacity: .9;
  --overlay-color: var(--primary-color1);
}

.m-banner {
  /*    .is-enabled {
      .m-banner__video-wrap {
          background-color: #000327;
      }
  }*/
}
.m-banner__video-container {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
}
@media (max-width: 1112px) {
  .m-banner__video-container {
    padding-bottom: 40px;
    text-align: center;
  }
}
.m-banner__video-container:not(.-v2) {
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 1921px) {
  .m-banner__video-container.-small {
    padding: 60px 0;
  }
}
.m-banner__video-container.-v2 {
  position: relative;
  z-index: 1;
  justify-content: space-between;
  margin-top: 8rem;
}
@media (max-width: 766px) {
  .m-banner__video-container.-v2 {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .m-banner__video-container.-v2 {
    margin-top: 10%;
  }
}
.m-banner__video-container.-v2.video-trigger {
  align-items: center;
}
@media (max-width: 1111px) {
  .m-banner__video-container.-v2.video-trigger {
    justify-content: center;
  }
}
.m-banner__video-container.-v2.video-trigger::after {
  top: 0;
  bottom: 0;
}
@media (max-width: 574px) {
  .m-banner__video-container.-v2.video-trigger::after {
    display: none;
  }
}
@media (min-width: 576px) {
  .m-banner__video-container.-v2.video-trigger::after {
    left: calc(-1 * (100vw - (var(--content-width) - var(--page-gutter) * 2)) / 2);
  }
}
@media (min-width: 768px) {
  .m-banner__video-container.-v2.video-trigger::after {
    background: linear-gradient(90deg, #791BCE 25%, rgba(143, 53, 225, 0.51) 48%, rgba(143, 53, 225, 0.75) 100%);
  }
}
@media (min-width: 1112px) {
  .m-banner__video-container.-v2.video-trigger::after {
    left: calc(-1 * (100vw - var(--content-width)) / 2);
  }
}
@media (min-width: 1113px) {
  .m-banner__video-container.-v2 .video-thumb {
    width: 36rem;
    height: 24rem;
  }
}
@media (min-width: 1661px) {
  .m-banner__video-container.-v2 .video-thumb {
    width: 43.1rem;
    height: 29.2rem;
  }
}
.m-banner__video-container.-v2 .-play .c-btn__ico {
  margin-right: 2rem;
}
@media (min-width: 1113px) {
  .m-banner__video-container.-v2 .-play .c-btn__ico {
    margin-right: 4rem;
    width: 36rem;
    flex: 0 0 36rem;
  }
}
@media (min-width: 1661px) {
  .m-banner__video-container.-v2 .-play .c-btn__ico {
    width: 43.1rem;
    flex: 0 0 43.1rem;
  }
}
@media (min-width: 1661px) {
  .m-banner__video-container.-v2 .-play .def {
    width: 11.9rem;
    height: 11.9rem;
  }
}
.m-banner__video-container.-v2 .-play .c-btn__text .c-btn__sub,
.m-banner__video-container.-v2 .-play .c-btn__text .c-btn__pre {
  font-size: 14px;
  letter-spacing: 0.1em;
}
.m-banner__video-container.-v2 .-play .c-btn__text .c-btn__pre {
  font-weight: 700;
}
.m-banner__video-container.-v2 .-play .c-btn__text .c-btn__main {
  font-weight: 700;
  font-size: 3.5rem;
  text-transform: uppercase;
  padding-bottom: 0;
  white-space: nowrap;
}
.m-banner__video-container.-v2 .-play .c-btn__text .c-btn__sub {
  font-weight: 400;
  font-size: 14px;
}
.m-banner__video-container.-v2 .c-image {
  flex: 0 0 55%;
  transform: translateX(5.5533333333%);
}
@media (max-width: 1111px) {
  .m-banner__video-container.-v2 .c-image {
    display: none;
  }
}
@media (min-width: 1440px) {
  .m-banner__video-container.-v2 .c-image {
    flex: 0 0 60%;
    transform: translateX(12.495%);
  }
}
.m-banner__video-container.-v2 .c-image__src {
  width: 100%;
  height: auto;
}
.m-banner__video-container.-hero {
  max-width: 580px;
  margin-inline: auto;
  padding-top: 30px;
}
.m-banner__video-container.-hero .c-btn.-play, .m-banner__video-container.-hero .-play.wpcf7-submit,
.m-banner__video-container.-hero .-play.gform_button {
  pointer-events: none;
  cursor: default;
}
.m-banner__video-container.-hero .c-btn.-play .c-btn__ico svg, .m-banner__video-container.-hero .-play.wpcf7-submit .c-btn__ico svg,
.m-banner__video-container.-hero .-play.gform_button .c-btn__ico svg {
  max-width: 88px;
}
.m-banner__video-container.-hero.video-trigger {
  cursor: default;
  max-width: 325px;
  width: fit-content;
}
@media (min-width: 1112px) {
  .m-banner__video-container.-hero.video-trigger {
    max-width: 450px;
  }
}
.m-banner__video-container.-hero.video-trigger::after {
  display: none;
}
.m-banner__video-container.-hero.video-trigger .video-thumb {
  cursor: pointer;
  pointer-events: auto;
  width: 20.5rem;
  height: 13.9rem;
}
@media (min-width: 1112px) {
  .m-banner__video-container.-hero.video-trigger .video-thumb {
    width: 23.7rem;
    height: 16rem;
  }
}
.m-banner__video-container.-hero.video-trigger .c-btn__text .c-btn__pre {
  font-weight: 700;
  font-size: 14px;
}
.m-banner__video-container.-hero.video-trigger .c-btn__text .c-btn__main {
  font-size: 3.5rem;
  padding-bottom: 0;
  text-transform: uppercase;
}
.m-banner__video-container.-hero.video-trigger .c-btn__text .c-btn__sub {
  font-size: 14px;
}
.m-banner__video-container.-hero.video-trigger .-play .c-btn__ico {
  width: 20.5rem;
  flex: 0 0 20.5rem;
}
@media (min-width: 1112px) {
  .m-banner__video-container.-hero.video-trigger .-play .c-btn__ico {
    width: 23.7rem;
    flex: 0 0 23.7rem;
  }
}
.m-banner__video-container.-hero.video-trigger .-play .c-btn__ico .def,
.m-banner__video-container.-hero.video-trigger .-play .c-btn__ico .active {
  width: 8.5rem;
  height: 8.5rem;
}
.m-banner__video-container.-hero.video-trigger .-play .c-btn__ico .def img,
.m-banner__video-container.-hero.video-trigger .-play .c-btn__ico .active img {
  transform: none;
}
.m-banner__video {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100vh;
}
.m-banner__video.-hidden {
  display: none;
  opacity: 0;
}
.m-banner__video.is-enabled {
  display: flex;
  width: 100%;
  align-items: center;
  opacity: 1;
  z-index: 999;
  /* background-color: rgba(27, 44, 92, 0.95); */
}
@media (max-width: 766px) {
  .m-banner__video.is-enabled {
    padding-block: 100px;
  }
}
@media (min-width: 767px) {
  .m-banner__video.is-enabled {
    align-items: center;
  }
}
.m-banner__video.-presentation .m-banner__video-wrap {
  max-height: unset;
}
.m-banner__video.-presentation .m-banner__video-wrap .invideo-link {
  top: 52.5%;
}
@media (min-width: 1112px) {
  .m-banner__video.-presentation .m-banner__video-wrap .invideo-link {
    top: 62%;
  }
}
@media (min-width: 1660px) {
  .m-banner__video.-presentation .m-banner__video-wrap .invideo-link {
    top: 57%;
  }
}
.m-banner__video.-presentation video {
  height: 100%;
  object-fit: contain;
}
@media (min-width: 1280px) {
  .m-banner__video.-presentation video {
    object-position: bottom;
  }
}
.m-banner__video.-presentation .m-banner__video-controls {
  bottom: 0;
  right: 0;
  padding: 3rem;
}
.m-banner__video .invideo-close {
  position: absolute;
  top: 75px;
  right: 10px;
  padding: 0;
  color: #fff;
  z-index: 100;
  background: transparent;
  border: none;
  width: 30px;
  height: 30px;
  transform: translateX(-50%);
}
@media (min-width: 1113px) {
  .m-banner__video .invideo-close {
    top: 75px;
  }
}
@media (min-width: 1281px) {
  .m-banner__video .invideo-close {
    top: 90px;
  }
}
@media (min-width: 1661px) {
  .m-banner__video .invideo-close {
    top: 120px;
  }
}
.m-banner__video .invideo-close svg {
  width: 30px;
  height: 30px;
}
.m-banner__video .invideo-link {
  display: none;
  position: absolute;
  z-index: 3;
  left: 30.8%;
  right: 30.8%;
  top: 67%;
  padding-top: 10%;
}
.m-banner__video .invideo-link.show {
  display: block;
}
.m-banner__video .invideo-link a {
  display: block;
  position: absolute;
  top: 4px;
  bottom: 7px;
  left: 8px;
  right: 5px;
  box-shadow: 0px 0px 0px 0px rgba(7, 118, 185, 0.3), 0px 0px 0px 0px rgba(7, 118, 185, 0.3) inset;
  transition: all 0.3s;
}
@media (hover: hover) {
  .m-banner__video .invideo-link a:hover {
    box-shadow: 0px 0px 30px 0px rgba(7, 118, 185, 0.3), 0px 0px 17px 0px rgba(7, 118, 185, 0.3) inset;
  }
}
.m-banner__video .invideo-link a span {
  font-size: 0;
}
.m-banner__video-wrap {
  position: relative;
  max-height: 390px;
}
@media (min-width: 768px) {
  .m-banner__video-wrap {
    max-height: 450px;
  }
}
@media (min-width: 1113px) {
  .m-banner__video-wrap {
    max-height: 560px;
  }
}
@media (min-width: 1281px) {
  .m-banner__video-wrap {
    max-height: 650px;
  }
}
@media (min-width: 1661px) {
  .m-banner__video-wrap {
    max-height: 840px;
  }
}
.m-banner__video-wrap,
.m-banner__video-wrap video {
  height: 100%;
  width: 100%;
}
.m-banner__video-wrap video {
  object-fit: cover;
}
.m-banner__video-controls {
  position: absolute;
  bottom: 80px;
  right: 30px;
}
@media (max-width: 1111px) {
  .m-banner__video-controls {
    bottom: 20px;
    right: 10px;
  }
}

.hero {
  overflow: hidden;
  background-color: var(--primary-color2);
  position: relative;
}
@media (min-width: 1661px) {
  .hero {
    --h2-font-size: 6rem;
  }
}
@media (max-width: 1112px) {
  .hero {
    padding-top: var(--header-hight);
    background-image: radial-gradient(circle at left 5%, rgba(0, 185, 255, 0.5) -6%, rgba(169, 74, 210, 0.4) 32%, #00031f 97%), radial-gradient(circle at center right, rgba(110, 0, 186, 0.58) -6%, rgba(128, 83, 255, 0.28) 32%, rgba(2, 157, 255, 0.4) 57%);
  }
  .hero .spinner {
    display: none;
  }
}
.hero + .section {
  padding-top: 6vmin;
}
.hero.has-gradient {
  background-image: radial-gradient(circle at left 5%, rgba(0, 185, 255, 0.5) -6%, rgba(169, 74, 210, 0.4) 32%, #00031f 97%), radial-gradient(circle at center right, rgba(110, 0, 186, 0.58) -6%, rgba(128, 83, 255, 0.28) 32%, rgba(2, 157, 255, 0.4) 57%);
}
@media (min-width: 1113px) {
  .wrapped-sections .hero.has-gradient {
    background-image: none;
  }
}
.hero .hero-row.c-block {
  position: relative;
  z-index: 2;
}
@media (max-width: 1112px) {
  .hero .hero-row.c-block {
    flex-direction: column;
  }
}
@media (max-width: 766px) {
  .hero .hero-row.c-block {
    padding-top: 30px;
  }
}
@media (min-width: 767px) {
  .hero .hero-row.c-block {
    align-items: stretch;
  }
}
@media (min-width: 767px) {
  .hero .hero-row .c-block__inner {
    height: 100%;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 10px;
  }
}
.hero .hero-row .m-slider__arrows.-prev .icon {
  transform: rotate(0deg);
  max-width: 100%;
  max-height: 100%;
}
.hero .hero-row .m-slider__arrows.-next .icon {
  transform: rotate(180deg);
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 1111px) {
  .hero .hero__item .c-block__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 550px;
    margin: 0 auto 40px;
  }
}
.hero .c-block__media.projects {
  display: block;
  text-align: right;
}
@media (max-width: 1112px) {
  .hero .c-block__media.projects {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.hero .c-block__media.projects-tabs-wrapper {
  position: relative;
}
.hero .c-block__media.projects-tabs-wrapper:after {
  content: "";
  position: absolute;
  top: 75%;
  left: 0;
  bottom: 0;
  right: -24px;
  background: linear-gradient(180deg, rgba(27, 43, 90, 0.3) 0%, rgba(27, 43, 90, 0) 41.48%), rgba(0, 0, 0, 0.2);
  z-index: -1;
}
@media (max-width: 1112px) {
  .hero .c-block__media.projects-tabs-wrapper:after {
    left: -24px;
  }
}
.hero .c-block__media.projects-tabs-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: -24px;
  background: linear-gradient(131.8deg, #009CFF 0%, #9536E5 100%);
  z-index: -1;
  background-size: 120% 120%;
  animation: gradient 5s ease infinite;
}
@media (max-width: 1112px) {
  .hero .c-block__media.projects-tabs-wrapper:before {
    left: -24px;
  }
}
.hero .c-block__media.projects .m-tabs {
  --tbnav-transform: unset;
}
@media (min-width: 1112px) {
  .hero .c-block__media.projects .m-tabs {
    padding-right: 5.8vmin;
  }
}
.hero .c-block__media.projects .l-dcbl {
  --tbpanel-padding: clamp(35px, 5vmin, 50px) 30px 0 30px;
}
.hero .c-block__media.projects .old_structure .l-tbpanel {
  padding-top: 10vmin;
}
@media (min-width: 1921px) {
  .hero .c-block__media.projects .old_structure .l-tbpanel .c-image__primary img {
    max-height: 600px;
  }
}
.hero .c-block__media.projects .l-tbpanel,
.hero .c-block__media.projects .m-slider__slide {
  --tb-padding-bot: clamp(35px, 5vmin, 50px);
  padding-left: 24px;
  padding-top: 0;
}
.hero .c-block__media.projects .l-tbpanel .c-image,
.hero .c-block__media.projects .m-slider__slide .c-image {
  max-width: 300px;
  margin: 0 auto;
}
@media (min-width: 1112px) {
  .hero .c-block__media.projects .l-tbpanel .c-image,
  .hero .c-block__media.projects .m-slider__slide .c-image {
    max-width: 35vw;
  }
}
.hero .c-block__media.projects .l-tbpanel .c-image__primary,
.hero .c-block__media.projects .m-slider__slide .c-image__primary {
  padding-bottom: 100%;
  height: 0;
  width: 100%;
}
.hero .c-block__media.projects .l-tbpanel .c-image__primary img,
.hero .c-block__media.projects .m-slider__slide .c-image__primary img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  max-height: 95%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 1920px) {
  .hero .c-block__media.projects .l-tbpanel .c-image__primary img,
  .hero .c-block__media.projects .m-slider__slide .c-image__primary img {
    max-height: 650px;
  }
}
@media (max-width: 1112px) {
  .hero .c-block__media.projects .l-tbpanel,
  .hero .c-block__media.projects .m-slider__slide {
    padding-left: 0;
  }
  .hero .c-block__media.projects .l-tbpanel__label,
  .hero .c-block__media.projects .m-slider__slide__label {
    display: none;
  }
}
.hero .c-block__media.projects .l-tbnav {
  gap: 5px;
  padding-left: 24px;
  padding-top: 20px;
  border-bottom: none;
}
@media (max-width: 767px) {
  .hero .c-block__media.projects .l-tbnav {
    overflow: hidden;
    justify-content: flex-start;
    padding: 0;
  }
}
.hero .c-block__media.projects .l-tbnav.hide_nav {
  display: none;
}
.hero .c-block__media.projects .c-tbnav {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.6);
  border: none;
  border-bottom: 4px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 20px;
  padding: 0;
  position: relative;
}
@media (max-width: 767px) {
  .hero .c-block__media.projects .c-tbnav {
    min-width: 25%;
    height: auto;
    justify-content: unset;
  }
}
.hero .c-block__media.projects .c-tbnav__all {
  max-width: 75px;
  padding-bottom: 20px;
  justify-content: flex-end;
  border: none;
}
@media (max-width: 767px) {
  .hero .c-block__media.projects .c-tbnav__all {
    max-width: 40px;
    min-width: 30px;
  }
}
.hero .c-block__media.projects .c-tbnav__all:after {
  display: none;
}
.hero .c-block__media.projects .c-tbnav__all.is-active .icon {
  padding: 1px;
  border: 2px solid var(--secondary-color2);
}
.hero .c-block__media.projects .c-tbnav__all .icon {
  width: 48px;
  height: 48px;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .hero .c-block__media.projects .c-tbnav__all .icon {
    width: 30px;
    height: 30px;
  }
}
.hero .c-block__media.projects .c-tbnav__label {
  font-weight: 700;
  font-size: clamp(16px, 1.25vw, 22px);
  flex-wrap: wrap;
}
.hero .c-block__media.projects .c-tbnav__label-title {
  font-weight: inherit;
}
@media (max-width: 767px) {
  .hero .c-block__media.projects .c-tbnav__label-title {
    font-size: 13px;
    line-height: 1.1;
    margin-bottom: 5px;
    white-space: normal;
    padding-right: 20px;
    position: relative;
  }
}
.hero .c-block__media.projects .c-tbnav__label-ico {
  margin-left: 3px;
  opacity: 0;
  display: inline-block;
  transform: translate(-25px, 6px);
  transition: transform 0.3s, opacity 0.3s ease-in;
}
@media (max-width: 767px) {
  .hero .c-block__media.projects .c-tbnav__label-ico {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.hero .c-block__media.projects .c-tbnav__label-ico,
.hero .c-block__media.projects .c-tbnav__label-ico svg {
  width: 17px;
  height: 17px;
}
@media (max-width: 767px) {
  .hero .c-block__media.projects .c-tbnav__label-ico,
  .hero .c-block__media.projects .c-tbnav__label-ico svg {
    width: 12px;
    height: 12px;
  }
}
.hero .c-block__media.projects .c-tbnav__label-desc {
  display: block;
  font-weight: 400;
  font-size: clamp(10px, 0.75vw, 14px);
  line-height: 1.3;
  margin-bottom: 15px;
  text-transform: uppercase;
  width: 100%;
}
@media (max-width: 1112px) {
  .hero .c-block__media.projects .c-tbnav__label-desc {
    white-space: normal;
    width: 100%;
  }
}
@media (min-width: 1113px) {
  .hero .c-block__media.projects .c-tbnav__label-desc {
    letter-spacing: 0.1em;
  }
}
.hero .c-block__media.projects .c-tbnav::after {
  content: " ";
  position: absolute;
  background: linear-gradient(93.63deg, #04E4FF 1.61%, #9536E5 98.62%);
  bottom: -4px;
  left: 0;
  width: 0;
  height: 8px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s, width 0.3s;
}
@media (hover: hover) {
  .hero .c-block__media.projects .c-tbnav:hover {
    box-shadow: none;
    color: white;
  }
}
.hero .c-block__media.projects .c-tbnav.is-active {
  box-shadow: none;
  color: white;
}
.hero .c-block__media.projects .c-tbnav.is-active .c-tbnav__label-ico {
  opacity: 1;
  transform: translate(2px, -2px);
}
@media (max-width: 767px) {
  .hero .c-block__media.projects .c-tbnav.is-active .c-tbnav__label-ico {
    transform: translate(-2px, -2px);
  }
}
.hero .c-block__media.projects .c-tbnav.is-active::after {
  width: 100%;
  height: 8px;
  opacity: 1;
}
.hero .c-block__media.projects .m-slider__nav {
  --swiper-arrows-bg: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 20px 0 0;
}
.hero .c-block__media.projects .m-slider__nav .m-slider__pagination {
  width: auto;
  margin: 0;
  bottom: auto;
}
.hero .c-block__media.projects .m-slider__nav .m-slider__pagination .swiper-pagination-bullet {
  height: 5px;
  width: 20px;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
}
.hero .c-block__media.projects .m-slider__nav .m-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--primary-color1);
}
.hero .c-block__media.projects .m-slider__nav .m-slider__arrows {
  position: relative;
  box-shadow: none !important;
  opacity: 1 !important;
}
.hero .c-block__media.projects .m-slider__nav .m-slider__arrows.swiper-button-disabled {
  opacity: 0.5 !important;
}
.hero .c-block__media.projects .m-slider__nav .m-slider__arrows:hover {
  background: transparent;
}
.hero .c-block__media.projects .m-slider__nav .m-slider__arrows:hover .icon {
  color: #fff;
}
.hero .c-block__media.projects .m-slider {
  padding-top: 40px;
  margin-bottom: 5rem;
}
@media (min-width: 1661px) {
  .hero .c-block__media.projects .m-slider {
    padding-top: 100px;
  }
}
.hero .c-block__media.projects .m-slider + .m-banner__video-container {
  padding-top: 10px;
  margin-top: 2rem;
  padding-bottom: 0;
}
.hero .c-block__media.projects .m-slider .c-image {
  max-height: 520px;
}
.hero .c-block__media.projects .m-slider .c-image img {
  object-position: center bottom;
  max-width: 600px;
  max-height: 100%;
  height: 100%;
  object-fit: contain;
  left: 50%;
  top: auto;
  transform: translateX(-50%);
}
@media (min-width: 1921px) {
  .hero .c-block__media.projects .m-slider .c-image img {
    max-height: 520px;
  }
}
@media (min-width: 1661px) {
  .hero .hero__item {
    margin-left: 70px;
  }
}
.hero .c-heading {
  margin-bottom: 18px;
}
.hero__cert-list {
  margin-top: clamp(45px, 6vmin, 90px);
  width: 100%;
  max-width: 580px;
}
@media (max-width: 574px) {
  .hero__cert-list {
    width: calc(100% + var(--page-gutter) * 2);
    margin-inline: calc(-1 * var(--page-gutter));
  }
}
@media (min-width: 1112px) {
  .hero__cert-list {
    margin-top: auto;
    padding-top: 4.5rem;
    max-width: 68rem;
  }
}
@media (min-width: 768px) {
  .hero__cert-list.-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .hero__cert-list:not(.-mobile):not(.-all-devices) {
    display: none;
  }
}
@media (min-width: 1113px) {
  .hero__cert-list {
    flex-wrap: nowrap;
  }
}
.hero__cert {
  display: flex;
  flex-basis: 50%;
  font-size: 13px;
  text-align: left;
}
.hero__cert:first-of-type {
  position: relative;
}
@media (min-width: 575px) {
  .hero__cert:first-of-type {
    padding-right: 20px;
    align-items: center;
  }
  .hero__cert:first-of-type::after {
    transform: rotate(30deg);
  }
}
.hero__cert:first-of-type::after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  width: 1px;
  height: auto;
  top: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, #fff), color-stop(70%, #fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 30%, #fff 70%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: rotate(30deg);
  transform: rotate(20deg);
}
@media (max-width: 574px) {
  .hero__cert:first-of-type img {
    transform: translateY(5px);
  }
}
@media (min-width: 767px) {
  .hero__cert:first-of-type img {
    width: 35px;
  }
}
.hero__cert:last-of-type {
  flex-direction: column;
  padding-left: 3.5rem;
}
@media (min-width: 767px) {
  .hero__cert:last-of-type {
    padding-left: 30px;
  }
}
.hero__cert:last-of-type img {
  height: 20px;
}
@media (min-width: 576px) {
  .hero__cert:last-of-type img {
    height: auto;
  }
}
@media (min-width: 768px) {
  .hero__cert {
    font-size: 15px;
  }
}
@media (min-width: 1660px) {
  .hero__cert {
    font-size: 2rem;
  }
}
.hero__cert img {
  margin-right: 10px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  object-position: left;
}
@media (min-width: 1113px) and (max-width: 1659px) {
  .hero__cert img {
    max-width: 90%;
    max-height: 50px;
  }
}
.hero__cert p {
  margin-bottom: 5px;
  font-weight: 500;
}
.hero__cert.hor:last-child img {
  min-width: 8.3rem;
}
@media (max-width: 574px) {
  .hero__cert.hor:last-child img {
    height: 30px;
  }
}
@media (min-width: 575px) {
  .hero__cert.hor {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
.hero__cert-cont p {
  font-weight: 500;
}
@media (min-width: 1660px) {
  .hero__cert-cont p {
    margin-bottom: 1px;
  }
}
.hero__cert-cont svg {
  width: 85px;
  height: auto;
  max-height: 26px;
  max-width: 100%;
  transform: translate(-2px, -8px);
}
@media (min-width: 576px) {
  .hero__cert-cont svg {
    width: 14rem;
    transform: translate(-2px, -1px);
  }
}
.hero .m-banner__video {
  top: 0;
}
@media (min-width: 1113px) {
  .hero .projects:after {
    content: "Featured Work";
    color: #fff;
    opacity: 0.1;
    font-size: 4.5rem;
    font-weight: 700;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    position: absolute;
    right: 10px;
    top: 17vmin;
  }
}
@media (min-width: 1113px) and (min-width: 1661px) {
  .hero .projects:after {
    top: calc(var(--header-hight) + 30px);
    font-size: 5.2rem;
    right: 1vw;
  }
}
.hero .new_structure .c-block {
  padding-top: 40px;
}
.hero .new_structure .c-block .c-image {
  max-height: 650px;
}
.hero .new_structure .c-block .c-image img {
  object-position: center bottom;
  max-width: 600px;
  object-fit: contain;
  max-height: 75% !important;
}
.hero .new_structure .l-tbnav {
  display: none;
}
.hero .new_structure .l-tbpanel {
  overflow: hidden;
}
.hero .new_structure .l-tbpanel__item.has-loop .c-block {
  animation: tab-appear 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 1 forwards;
}
.hero .new_structure .l-tbpanel__item.has-loop .c-block .c-image {
  animation: tab-disappear 0.3s ease-out 1 forwards;
  animation-delay: 3.8s;
}
.hero.ny-spec {
  background-color: var(--body-bg-alt2);
  overflow: hidden;
  z-index: 1;
}
.hero.ny-spec .spinner {
  display: none;
}
.hero.ny-spec:before {
  content: "";
  position: absolute;
  width: 70vw;
  height: 100vh;
  bottom: 60%;
  left: -20%;
  border-radius: 100%;
  background: radial-gradient(ellipse at center, rgba(4, 228, 255, 0.8) 0%, rgba(4, 228, 255, 0) 70%);
}
.hero.ny-spec:after {
  content: "";
  position: absolute;
  width: 110vw;
  height: 150vh;
  border-radius: 100%;
  top: -50%;
  right: -50%;
  background: radial-gradient(ellipse at center, rgba(4, 228, 255, 0.8) 0%, rgba(4, 228, 255, 0) 60%);
}
.hero.ny-spec > .container:before {
  content: "";
  position: absolute;
  width: 110vw;
  height: 170vh;
  bottom: -50%;
  left: -24%;
  border-radius: 100%;
  background: radial-gradient(ellipse at center, rgba(136, 66, 220, 0.9) 0%, rgba(136, 66, 220, 0) 70%);
}

@keyframes tab-appear {
  0% {
    opacity: 0.5;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes tab-disappear {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-120%);
  }
}
.s-services.section.bg-dark {
  background-color: rgba(0, 4, 42, 0.831372549);
}

.s-hero-tabs {
  --l-block-col: 3;
}
.s-hero-tabs .m-tabs {
  --tbpanel-padding: 0;
  --tbnav-color: rgba(var(--primary-color3-rgb), .4);
  --tbnav-color-active: var(--primary-color3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 80vh;
}
@media (min-width: 1112px) {
  .s-hero-tabs .m-tabs {
    min-height: 100vh;
    flex-direction: column-reverse;
    padding: 0 0 clamp(30px, 5vmin, 50px);
  }
}
@media (max-width: 1111px) {
  .s-hero-tabs .m-tabs > .container {
    position: absolute;
    top: 125px;
  }
}
@media (max-width: 1111px) and (min-width: 576px) {
  .s-hero-tabs .m-tabs > .container {
    top: 160px;
  }
}
.s-hero-tabs .bg-text {
  display: none;
}
@media (min-width: 1280px) and (max-width: 1660px) {
  .s-hero-tabs .container {
    --content-width: var(--desktop-width-m);
  }
}
.s-hero-tabs .m-banner__container {
  padding: 0;
  position: relative;
  z-index: 2;
}
@media (max-width: 766px) {
  .s-hero-tabs .m-banner__container {
    margin-top: 50px;
  }
}
.s-hero-tabs .c-icon-scroll {
  bottom: 5vmin;
}
@media (min-width: 1280px) and (max-width: 1660px) {
  .s-hero-tabs .c-icon-scroll {
    left: 40px;
  }
}
.s-hero-tabs .l-tbnav {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
@media (min-width: 1280px) and (max-width: 1660px) {
  .s-hero-tabs .l-tbnav {
    max-width: 85%;
    margin: 0 auto;
  }
}
.s-hero-tabs .c-tbnav {
  position: relative;
}
.s-hero-tabs .c-tbnav img {
  opacity: 0.5;
}
.s-hero-tabs .c-tbnav.is-active img {
  opacity: 1;
}
@media (min-width: 1113px) {
  .s-hero-tabs .c-tbnav:not(:last-of-type)::after {
    content: " ";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: rgba(var(--primary-color3-rgb), 0.3);
  }
}
.s-hero-tabs .l-tbpanel {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 160px;
}
@media (max-width: 1112px) {
  .s-hero-tabs .l-tbpanel {
    padding-bottom: 20px;
  }
  .s-hero-tabs .l-tbpanel .l-counter {
    --counter-num-size: 60px ;
  }
}
@media (min-width: 767px) {
  .s-hero-tabs .l-tbpanel {
    min-height: calc(100vh - 120px);
    padding-top: 120px;
    padding-bottom: 36px;
  }
}
.s-hero-tabs .l-tbpanel__item.is-active {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1112px) {
  .s-hero-tabs .l-tbpanel__item.is-active {
    align-items: flex-end;
  }
}
.s-hero-tabs .l-dcbl .c-block {
  align-items: center;
  flex-direction: column;
}
.s-hero-tabs .l-dcbl .c-block > .text-center {
  margin-top: 50px;
}
@media (max-width: 574px) {
  .s-hero-tabs .s-tabs-list .c-block__inner {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media (max-width: 1111px) {
  .s-hero-tabs .s-tabs-list .c-image:nth-child(9), .s-hero-tabs .s-tabs-list .c-image:nth-child(10) {
    display: none;
  }
}
@media (max-width: 766px) {
  .s-hero-tabs .s-tabs-list .c-image {
    height: 90px;
  }
  .s-hero-tabs .s-tabs-list .c-image:nth-child(7), .s-hero-tabs .s-tabs-list .c-image:nth-child(8) {
    display: none;
  }
}
.s-hero-tabs .s-tabs-list .c-image__media {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.s-hero-tabs .s-tabs-list .c-image img {
  width: auto;
  max-width: 92%;
  height: auto;
  max-height: 55px;
}
@media (min-width: 1112px) {
  .s-hero-tabs .s-tabs-list .c-image img {
    max-width: 227px;
    max-height: 110px;
  }
}
@media (min-width: 1280px) and (max-width: 1660px) {
  .s-hero-tabs .s-tabs-list .c-image img {
    max-width: 85%;
  }
}
.s-hero-tabs .c-heading__title p {
  margin-bottom: 0;
}
.s-hero-tabs .m-counter {
  max-width: 1024px;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 766px) {
  .s-hero-tabs .m-counter .c-counter {
    margin: 0;
  }
}
@media (min-width: 767px) {
  .s-hero-tabs .m-counter {
    --counter-symbol-weight: bold;
    --counter-symbol-size: 2.2rem;
  }
}
.s-hero-tabs .m-counter .c-block__title {
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding-top: 0.5em;
}
.s-hero-tabs .c-btn, .s-hero-tabs .wpcf7-submit,
.s-hero-tabs .gform_button {
  margin: 30px auto 0;
}
.s-hero-tabs .l-tbpanel__item {
  width: 100%;
}
.s-hero-tabs .l-tbpanel__item .-h1 {
  --h1-margin-bottom: 30px;
}
@media (max-width: 575px) {
  .s-hero-tabs .l-tbpanel__item .-h1 {
    --pretitle-font-size: 2.3rem;
  }
}
.s-hero-tabs .l-tbpanel__item:not(:first-of-type) {
  margin: 0 auto;
}
.s-hero-tabs .l-tbpanel__item:not(:first-of-type) .-h2 {
  --h2-margin-bottom: 1.1em;
}
.s-hero-tabs .l-tbpanel__item:not(:first-of-type) .c-btn, .s-hero-tabs .l-tbpanel__item:not(:first-of-type) .wpcf7-submit,
.s-hero-tabs .l-tbpanel__item:not(:first-of-type) .gform_button {
  margin: 70px auto 0;
}
@media (min-width: 767px) {
  .s-hero-tabs .l-tbpanel__item:not(:first-of-type) .c-btn, .s-hero-tabs .l-tbpanel__item:not(:first-of-type) .wpcf7-submit,
  .s-hero-tabs .l-tbpanel__item:not(:first-of-type) .gform_button {
    margin-top: 7vmin;
  }
}
@media (min-width: 1113px) {
  .s-hero-tabs .l-tbpanel__item:nth-of-type(2) .c-image {
    flex: 0 0 calc(20% - 16px);
    width: calc(20% - 16px);
  }
}
.s-hero-tabs .bg-img {
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: -1;
}
@media (min-width: 1112px) {
  .s-hero-tabs .bg-img {
    height: 105vh;
  }
}
@media (max-width: 1111px) {
  .s-hero-tabs .bg-img::after {
    content: " ";
    position: absolute;
    inset: auto 0 0;
    width: 100%;
    height: 60%;
    background-image: linear-gradient(to bottom, transparent 0, #000327 30%);
    background-repeat: repeat-x;
  }
}
.s-hero-tabs .bg-img img {
  height: auto;
  object-fit: cover;
}
@media (min-width: 1112px) {
  .s-hero-tabs .bg-img img {
    height: 100%;
  }
}
@media (max-width: 1111px) {
  .s-hero-tabs .spinner {
    display: none;
  }
  .s-hero-tabs .bg-img {
    background-image: url(/wp-content/themes/digitalsilk/assets/_dist/images/bg-about-hero-m.jpg);
    background-repeat: no-repeat;
    background-size: 102%;
    background-position: center 0;
  }
}

.hero.-no-tabs {
  --vertical-gap: 12vmin;
}
.hero.-no-tabs .l-dcbl {
  position: relative;
  z-index: 2;
  padding: 0;
}
@media (max-width: 1111px) {
  .hero.-no-tabs .l-dcbl {
    max-width: 550px;
    margin: 0 auto;
  }
}
.hero.-no-tabs .l-dcbl .c-block {
  align-items: center;
}
.hero.-no-tabs .l-dcbl .c-block__content {
  padding: var(--c-block-padding, 30px) 0 8vmin;
}
.hero.-no-tabs .l-dcbl .c-block__media {
  max-width: calc(50% - 15px);
}
@media (max-width: 1111px) {
  .hero.-no-tabs .l-dcbl .c-block__media {
    display: none;
  }
}
@media (min-width: 1112px) {
  .hero.-no-tabs .l-dcbl .c-block__media {
    margin-left: auto;
  }
}
.hero.-no-tabs .c-heading {
  margin-bottom: 35px;
}
@media (min-width: 1112px) {
  .hero.-no-tabs .c-heading {
    margin-bottom: clamp(40px, 6.5rem, 65px);
  }
}
.hero.-no-tabs .logo {
  margin-bottom: 5px;
  width: auto;
  height: auto;
  max-width: 40%;
}
@media (min-width: 1112px) {
  .hero.-no-tabs .logo {
    margin-bottom: 15px;
  }
}
.hero.-no-tabs .hero__list {
  margin-bottom: clamp(30px, 4vmin, 40px);
}
.single-post__content .hero {
  position: relative;
  width: 100vw;
  transform: translateX(-50%);
  left: 50%;
}

body:not(.wp-admin) .read-more-wrapper .read-more-text {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s, opacity 0.3s;
}
body:not(.wp-admin) .read-more-wrapper.is-active .read-more-text {
  opacity: 1;
}
body:not(.wp-admin) .read-more-wrapper.is-active .c-btn__ico {
  transform: rotate(45deg) translateX(0) !important;
}
body:not(.wp-admin) .read-more-wrapper.is-active .-arrow-down .c-btn__ico {
  transform: translateX(10px) rotate(-90deg) !important;
}

.read-more-wrapper {
  cursor: pointer;
}
.read-more-wrapper .c-btn, .read-more-wrapper .wpcf7-submit,
.read-more-wrapper .gform_button {
  cursor: pointer;
}
.read-more-wrapper .c-btn__ico {
  transition: all 0.5s cubic-bezier(0.42, 0, 0.74, 1.7);
  transform: rotate(0) translateX(0) !important;
}
.read-more-wrapper .c-btn.-arrow-down .c-btn__ico, .read-more-wrapper .-arrow-down.wpcf7-submit .c-btn__ico,
.read-more-wrapper .-arrow-down.gform_button .c-btn__ico {
  transform: translateX(10px) rotate(90deg) !important;
}
.read-more-wrapper .phantom-more {
  display: none;
  pointer-events: none;
}
.read-more-wrapper .phantom-more .c-btn.-more, .read-more-wrapper .phantom-more .-more.wpcf7-submit,
.read-more-wrapper .phantom-more .-more.gform_button {
  padding-left: 0;
  margin-left: 0;
  padding-top: 0;
  font-weight: 700;
  font-size: 1.6rem;
}
.read-more-wrapper .phantom-more .c-btn.-more svg, .read-more-wrapper .phantom-more .-more.wpcf7-submit svg,
.read-more-wrapper .phantom-more .-more.gform_button svg {
  max-height: 14px;
  transform: translateXS(-1px);
}
.read-more-wrapper.is-active .read-more-text {
  opacity: 1;
}
@media (max-width: 1112px) {
  .read-more-wrapper.is-active .phantom-more {
    display: none;
  }
}

.c-heading__sub .read-more-wrapper .read-more-text {
  transition: max-height 0.9s, opacity 0.6s;
}

.wrapped-sections .m-partners {
  background-color: var(--body-bg-alt);
}
.m-partners__top {
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
@media (max-width: 1112px) {
  .m-partners__top {
    padding-inline: var(--page-gutter);
  }
}
@media (max-width: 1112px) {
  .m-partners__top {
    margin-top: 20px;
  }
}
.m-partners__top .c-heading,
.m-partners__top .c-heading__sub {
  margin-bottom: 0;
}
@media (max-width: 766px) {
  .m-partners__top .c-heading__title {
    font-size: 3.5rem;
  }
  .m-partners__top .c-heading__sub {
    font-size: 2.25rem;
  }
}
.m-partners .m-banner__container {
  min-height: 300px;
  padding-block: 6rem;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1112px) {
  .m-partners .m-banner__container {
    min-height: 460px;
  }
}
.m-partners .m-banner__container .mob-covers {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 390px;
  margin-left: -195px;
}
.m-partners .m-banner__container .mob-covers img {
  position: absolute;
  object-fit: cover;
  background-position: bottom center;
  width: 100%;
  height: 100%;
  display: none;
}
@media (max-width: 766px) {
  .m-partners .m-banner__container {
    background: linear-gradient(#00042a 30%, #433e9d 100%);
    background-size: 390px;
    padding: 50px 0;
    max-height: 852px;
  }
  .m-partners .m-banner__container .mob-covers {
    display: flex;
  }
  .m-partners .m-banner__container .mob-covers img {
    display: block;
  }
}
.m-partners .m-banner__container .text-big {
  margin-bottom: 0;
}
.m-partners .c-heading__pre.m-partners__vtitle {
  letter-spacing: 0;
  font-size: 2.2rem;
  position: relative;
  z-index: 2;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
  margin: 3rem 0 0;
}
.m-partners .c-heading__sub b {
  display: block;
}
.m-partners .m-banner__media video {
  object-position: center center;
}
@media (max-width: 766px) {
  .m-partners .m-banner__media video {
    display: none;
  }
}
@media (max-width: 1111px) {
  .m-partners .m-banner__content {
    text-align: center;
    align-items: center;
    justify-content: space-between;
    padding-inline: 20px;
  }
  .m-partners .m-banner__content .c-heading {
    text-align: center;
  }
}
.m-partners .l-heading-v1 {
  --h2-margin-bottom: 4vmin;
}
.m-partners .l-heading-v4 {
  position: relative;
  z-index: 2;
}
.m-partners .c-btn.-play, .m-partners .-play.wpcf7-submit,
.m-partners .-play.gform_button {
  z-index: 2;
}
.m-partners .c-btn.-play .c-btn__ico svg, .m-partners .-play.wpcf7-submit .c-btn__ico svg,
.m-partners .-play.gform_button .c-btn__ico svg {
  max-width: 85px;
}
.single-post__content .m-partners {
  background-color: var(--body-bg-alt);
  overflow: hidden;
  position: relative;
  width: 100vw;
  transform: translateX(-50%);
  left: 50%;
}

.hero-list {
  position: relative;
  z-index: 3;
  --h2-font-size: 5.8rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 1113px) {
  .hero-list {
    padding-top: 90px;
  }
}
.hero-list-actual {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin: 35px auto 0 auto;
}
.hero-list-actual:not(.old) {
  max-width: 1200px;
}
.hero-list-item {
  flex: 0 0 auto;
  width: 100%;
  padding: 0 30px;
  position: relative;
  font-size: clamp(1.6rem, var(--h-clamp-formula), 2.4rem);
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 20px;
}
@media (min-width: 1113px) {
  .hero-list-item {
    max-width: 33.3%;
    margin-bottom: 0;
    margin-bottom: 66px;
  }
}
.hero-list-item:after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  width: 1px;
  height: auto;
  top: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 70%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(30deg);
}
@media (max-width: 1111px) {
  .hero-list-item:after {
    top: 139%;
    /* bottom: 0px; */
    width: 70px;
    margin-left: -35px;
    transform: rotate(0deg);
    left: 50%;
    transform-origin: bottom;
    height: 1px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 70%, rgba(255, 255, 255, 0) 100%);
  }
}
.hero-list-item img {
  display: block;
  max-width: 100%;
  height: auto;
}
.hero-list-item:last-child:after {
  display: none;
}
@media (max-width: 1111px) {
  .hero-list-item:last-child {
    padding-right: 0;
  }
}
.hero-list-item.has-image {
  font-size: clamp(1.5rem, 1.5vw + 1rem, 2rem);
  max-width: 50%;
  text-align: left;
}
.hero-list-item.has-image img {
  margin-top: 5px;
}
@media (min-width: 1113px) {
  .hero-list-item.has-image {
    max-width: 33.3%;
    margin-bottom: 45px;
  }
}
@media (max-width: 1111px) {
  .hero-list-item.has-image:after {
    transform: rotate(0deg);
    left: auto;
    background: rgba(255, 255, 255, 0.5);
    top: 2px;
    bottom: 2px;
    height: 70px;
    width: 1px;
  }
}
.hero-list-item:nth-child(4) span {
  padding-left: 38px;
  display: inline-block;
}
.hero-list-item:nth-child(4) img {
  margin-top: -25px;
}
@media (min-width: 1112px) {
  .hero-list-item:nth-child(4) span {
    padding-left: 48px;
  }
}
@media (max-width: 1111px) {
  .hero-list-item:nth-child(4) {
    padding-left: 0;
    text-align: right;
  }
  .hero-list-item:nth-child(4) img {
    margin-left: auto;
    margin-right: 12px;
  }
}
@media (max-width: 574px) {
  .hero-list-item:nth-child(4) span {
    padding-left: 21px;
  }
}
@media (max-width: 1111px) {
  .hero-list-item:nth-child(3) {
    margin-bottom: 30px;
  }
  .hero-list-item:nth-child(3):after {
    display: none;
  }
}
.s-achievements .hero-list-actual {
  margin-top: 6vw;
}
@media (min-width: 1661px) {
  .s-achievements .hero-list-actual {
    margin-top: 60px;
  }
}
@media (min-width: 1661px) {
  .s-achievements .hero-list-actual {
    margin-top: 50px;
  }
}
.s-achievements .hero-list-item {
  margin-bottom: 0;
}
@media (max-width: 1112px) {
  .s-achievements .hero-list-item {
    margin-bottom: 66px;
  }
}
.s-achievements .hero-list-item:first-child span {
  padding-left: 38px;
  display: inline-block;
}
.s-achievements .hero-list-item:first-child img {
  margin-top: -25px;
}
.s-achievements .hero-list-item:first-child:after {
  content: "";
}
@media (min-width: 1112px) {
  .s-achievements .hero-list-item:first-child:after {
    right: 25px;
    transform: rotate(27deg);
  }
}
@media (min-width: 1112px) {
  .s-achievements .hero-list-item:first-child span {
    padding-left: 48px;
  }
}
@media (max-width: 1111px) {
  .s-achievements .hero-list-item:first-child {
    padding-left: 0;
    text-align: right;
  }
  .s-achievements .hero-list-item:first-child img {
    margin-left: auto;
    margin-right: 12px;
  }
}
@media (max-width: 574px) {
  .s-achievements .hero-list-item:first-child span {
    padding-left: 21px;
  }
}

.s-achievements {
  position: relative;
  z-index: 11;
}

.site-content > div > .s-achievements {
  min-height: 100px;
}

.s-achievements .hero-list-actual {
  margin-top: 4vw;
}

.hero-bg_wrap {
  z-index: -1;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
  pointer-events: none;
}
.hero-bg_wrap-cols {
  grid-column-gap: var(--hero-bg-spacing);
  grid-row-gap: var(--hero-bg-spacing);
  flex-direction: row;
  justify-content: flex-start;
  width: 85%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 10%;
  right: auto;
  transform: rotate(15deg);
}
@media (max-width: 766px) {
  .hero-bg_wrap-cols {
    left: -10%;
  }
}
.hero-bg_wrap-col {
  grid-column-gap: var(--hero-bg-spacing);
  grid-row-gap: var(--hero-bg-spacing);
  flex-direction: column;
  flex: none;
  width: 36%;
  display: flex;
  position: relative;
}
.hero-bg_wrap-col:nth-child(odd) .v-scroll {
  animation-direction: reverse;
}
@media (max-width: 574px) {
  .hero-bg_wrap-col {
    width: 75%;
  }
}
.hero-bg_wrap-slides {
  grid-column-gap: var(--hero-bg-spacing);
  grid-row-gap: var(--hero-bg-spacing);
  flex-direction: column;
  flex: none;
  display: flex;
}
.hero-bg_wrap_slide {
  aspect-ratio: 16/9;
  border-radius: 5px;
  overflow: hidden;
}
.hero-bg_wrap_slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.hero-bg-gradient_overlay {
  position: absolute;
  inset: 0;
  /* background: linear-gradient(180deg, rgba(0, 4, 42, 0) 44.55%, rgba(0, 4, 42, 0.6) 100%), linear-gradient(90deg, rgba(0, 4, 42, 0.5) 0%, rgba(0, 4, 42, 0.31) 43.39%, rgba(0, 4, 42, 0) 83.44%); */
}

/* banner-background */
.hero-bg-gradient_overlay:after {
  content: "";
  position: absolute;
  left: 0;
  top: 30%;
  height: 30%;
  width: 40%;
  background-color: #006575ec;
  box-shadow: 0 0 20em 20em #006575ec;
  border-radius: 0;
  opacity: 0.9;
}
@media (max-width: 766px) {
  .hero-bg-gradient_overlay:after {
    top: 30%;
    height: 40%;
    opacity: 0.77;
  }
}

.-client-slides {
  display: flex;
  position: relative;
  overflow: hidden;
  column-gap: 10vmin;
  height: 100px;
  margin-top: -1px;
  background-color: #006675;
  z-index: 1;
}
.-client-slides .slider-css {
  column-gap: 10vmin;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  animation: scroll 45s linear infinite;
  flex: none;
}
@media (max-width: 766px) {
  .-client-slides .slider-css {
    column-gap: 50px;
  }
}
.-client-slides.paused .slider-css {
  animation-play-state: paused;
}
.-client-slides .m-slide__media img {
  display: block;
  height: auto;
}
.-client-slides .client-item {
  flex: 0 0 auto;
}

.home-hero {
  --h1-margin-bottom: .5em;
}
.home-hero.m-banner .-h1 {
  --subtitle-font-size: 2.4rem;
  --subtitle-text-transform: capitalize;
  --subtitle-letter-spacing: 0;
  --subtitle-font-size-mobile: 18px;
}
@media (min-width: 1112px) {
  .home-hero.m-banner:has(.hero-list-actual) .m-banner__content {
    padding-top: var(--header-hight);
  }
}
.home-hero .c-heading.-h1 {
  max-width: 820px;
}
@media (max-width: 766px) {
  .home-hero .c-heading__sub {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
@media (max-width: 574px) {
  .home-hero .c-heading__sub {
    margin-left: auto;
    margin-right: auto;
    max-width: 232px;
  }
  .c-heading__title p {
    font-family: roboto, sans-serif;
    font-size: 50px !important;}
}



@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 5rem));
  }
}
@keyframes heroscroll {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.v-scroll {
  animation: heroscroll 75s linear infinite;
}
.paused .v-scroll {
  animation-play-state: paused;
}

/* Heading Component */
/**
 * HEADING Module
 *
 * Standalone heading selectors, title, pre/sub-title
 *
 */
.-h1, .is-wysiwyg h1 {
  line-height: var(--h1-line-height, 1);
  font-weight: var(--h1-font-weight, 600);
  font-family: var(--h1-font);
  margin-bottom: var(--h1-margin-bottom, 0.5em);
  text-transform: var(--h1-text-transform-none);
  letter-spacing: var(--h1-letter-spacing, 0);
  font-size: clamp(var(--h1-font-size-mobile), var(--h-clamp-formula), var(--h1-font-size));
  color: var(--titles-color);
}
@media (max-width: 574px) {
  .-h1, .is-wysiwyg h1 {
    --pretitle-font-size: 2.7rem;
  }
}
.-h1 .colors-inverted, .is-wysiwyg h1 .colors-inverted {
  color: var(--titles-color-alt);
}

.-h2, .is-wysiwyg h2 {
  line-height: var(--h2-line-height, 1);
  font-weight: var(--h2-font-weight, 600);
  font-family: var(--h2-font);
  text-transform: var(--h2-text-transform);
  letter-spacing: var(--h2-letter-spacing, 0);
  font-size: clamp(var(--h2-font-size-mobile), var(--h-clamp-formula), var(--h2-font-size));
  margin-bottom: var(--h2-margin-bottom, 0.5em);
  --pretitle-font-size: 2.2rem;
  --subtitle-font-size: 2.4rem;
}
.-h2 .c-heading__title, .is-wysiwyg h2 .c-heading__title {
  margin-bottom: var(--h2-margin-bottom, 0.5em);
}

.-h3, .is-wysiwyg h3 {
  --subtitle-font-weight: 400;
  line-height: var(--h3-line-height, 1);
  font-weight: var(--h3-font-weight, 600);
  font-family: var(--h3-font);
  text-transform: var(--h3-text-transform);
  letter-spacing: var(--h3-letter-spacing, 0);
  font-size: clamp(var(--h3-font-size-mobile), var(--h-clamp-formula), var(--h3-font-size));
  margin-bottom: var(--h3-margin-bottom, 0.5em);
}

.-h4, .is-wysiwyg h4 {
  line-height: var(--h4-line-height, 1);
  font-weight: var(--h4-font-weight, 400);
  font-family: var(--h4-font);
  text-transform: var(--h4-text-transform);
  letter-spacing: var(--h4-letter-spacing, 0);
  font-size: clamp(var(--h4-font-size-mobile), var(--h-clamp-formula), var(--h4-font-size));
  margin-bottom: var(--h4-margin-bottom, 0.5em);
}

.c-heading {
  /**
   * #.# Modifiers
   */
}
.c-heading__title {
  position: relative;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  line-height: inherit;
  margin: 0;
  z-index: 1;
  color: var(--titles-color);
}
.c-heading__title p {
  margin: 0 !important;
}
.colors-inverted .c-heading__title {
  color: var(--titles-color-alt);
}
.-h2 .c-heading__title span {
  background: linear-gradient(131.8deg, #009cff 0, #9536e5 100%);
  background-clip: border-box;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: 8px;
}
.text-center .c-heading__title {
  margin-left: auto;
  margin-right: auto;
}
.c-heading__title .ez-toc-section {
  padding: 0 !important;
}
.c-heading__pre {
  color: var(--pretitle-color, var(--primary-color2));
  line-height: var(--pretitle-line-height, 1.4);
  letter-spacing: var(--pretitle-letter-spacing, 0);
  margin-bottom: var(--pretitle-margin-bottom, 0.5em);
  font-family: var(--pretitle-font);
  font-weight: var(--pretitle-font-weight, 500);
  text-transform: var(--pretitle-text-transform);
  font-size: var(--pretitle-font-size-mobile, 18px);
}
.c-heading__pre p {
  margin: 0 !important;
}
@media (min-width: 1113px) {
  .c-heading__pre {
    font-size: var(--pretitle-font-size, 2.4rem);
  }
}
.colors-inverted .c-heading__pre, .style-dark .c-heading__pre {
  color: var(--pretitle-color-alt);
}
.text-white .c-heading__pre {
  --pretitle-color-alt: var(--primary-color3);
}
.text-white .c-heading__pre:not(.text-bold) {
  --pretitle-font-weight: 400;
}
.c-heading__pre.-reverse::before {
  content: " ";
  width: 45px;
  height: 1px;
  margin-right: 25px;
  background-color: var(--primary-color1);
  display: inline-block;
}
.c-heading__sub {
  color: var(--subtitle-color, var(--primary-color2));
  line-height: var(--subtitle-line-height, 1.4);
  letter-spacing: var(--subtitle-letter-spacing, 0);
  margin: var(--subtitle-margin-bottom, 0.5em) 0;
  font-family: var(--subtitle-font);
  font-weight: var(--subtitle-font-weight, 500);
  text-transform: var(--subtitle-text-transform);
  font-size: var(--subtitle-font-size-mobile, 18px);
}
.c-heading__sub p {
  margin: 0 !important;
}
@media (min-width: 1113px) {
  .c-heading__sub {
    font-size: var(--subtitle-font-size, 2.4rem);
  }
  .c-heading__sub b {
    font-size: 3.2rem;
  }
}
.colors-inverted .c-heading__sub, .style-dark .c-heading__sub {
  color: var(--subtitle-color-alt);
}
.c-heading__text {
  font-size: var(--base-text-size);
}
.text-center .c-heading {
  margin-inline: auto;
  text-align: center;
  max-width: 1400px;
}

.floatbox .fbIcon {
  display: none !important;
}

/* Heading Layout */
.c-heading.text-center {
  max-width: 1400px;
  margin-inline: auto;
}

body.home {
  --h1-font-size: 10rem;
}

.l-heading-v1 {
  --h1-font-size: 8rem;
  --h2-letter-spacing: 0;
  --h2-font: var(--font-family-primary);
  --h2-font-weight: 700;
  --h2-font-size: 3rem;
  --h2-font-size-mobile: 30px;
  --h2-text-transform: unset;
  --h2-line-height: 1;
  --h2-margin-bottom: 21px;
  --subtitle-color: var(--primary-color1);
  --subtitle-font-size: 1.8rem;
  --subtitle-letter-spacing: 0;
}
.l-heading-v1 .-h2 {
  --pretitle-font-size: 2rem;
  --pretitle-color: var(--secondary-color2);
  --pretitle-letter-spacing: 0;
  --pretitle-margin-bottom: 20px;
}
@media (min-width: 1113px) and (max-width: 1660px) {
  .l-heading-v1 {
    --h2-font-size: 4rem;
  }
}
@media (min-width: 1661px) {
  .l-heading-v1 {
    --h2-font-size: 4.5rem;
  }
}

.l-heading-v2 {
  --h2-letter-spacing: .1em;
  --h2-font: var(--font-family-primary);
  --h2-font-weight: 500;
  --h2-text-transform: uppercase;
  --pretitle-color: var(--secondary-color2);
  --pretitle-font-size: 2rem;
  --pretitle-letter-spacing: 0;
  --pretitle-margin-bottom: 20px;
  --subtitle-color: var(--primary-color1);
  --subtitle-font-size: 1.8rem;
  --subtitle-letter-spacing: 0;
  --h2-font-size: 2.8rem;
}

.l-heading-v3 {
  --h2-letter-spacing: 0;
  --h2-font: var(--font-family-primary);
  --h2-font-weight: 400;
  --h2-text-transform: none;
  --pretitle-color: var(--secondary-color2);
  --pretitle-font-size: 2rem;
  --pretitle-letter-spacing: 0;
  --pretitle-margin-bottom: 20px;
  --subtitle-color: var(--primary-color1);
  --subtitle-font-size: 1.8rem;
  --subtitle-letter-spacing: 0;
  --h2-font-size: 3.5rem;
}

.l-heading-v4 {
  --h2-letter-spacing: 0;
  --h2-font: var(--font-family-primary);
  --h2-font-weight: 700;
  --h2-text-transform: none;
  --h2-margin-bottom: .8em;
  --pretitle-color: var(--secondary-color2);
  --pretitle-font-size: 2rem;
  --pretitle-letter-spacing: 0;
  --pretitle-margin-bottom: 20px;
  --subtitle-color: var(--primary-color2);
  --subtitle-font-size: 2.2rem;
  --subtitle-letter-spacing: 0;
  --subtitle-font-weight: 400;
  --h2-font-size: 4.2rem;
}

.l-heading-v5 {
  --h2-letter-spacing: 0;
  --h2-font-size: 5rem;
  --h2-font: var(--font-family-primary);
  --h2-font-weight: 700;
  --h2-text-transform: none;
  --h2-margin-bottom: .1em;
  --pretitle-color: var(--secondary-color2);
  --pretitle-font-size: 2rem;
  --pretitle-letter-spacing: 0;
  --pretitle-margin-bottom: 20px;
  --subtitle-color: var(--primary-color2);
  --subtitle-font-size: 2.2rem;
  --subtitle-letter-spacing: 0;
  --subtitle-font-weight: 400;
}
@media (min-width: 1661px) {
  .l-heading-v5 {
    --h2-font-size: 6.2rem;
  }
}

.l-heading-v6 .c-heading {
  --h2-letter-spacing: 0;
  --h2-font-size: 5rem;
  --h2-font: var(--font-family-primary);
  --h2-font-weight: 700;
  --h2-text-transform: none;
  --h2-margin-bottom: .1em;
  --pretitle-color: var(--titles-color);
  --pretitle-font-size: 18px;
  --pretitle-font-weight: 400;
  --pretitle-letter-spacing: 0;
  --pretitle-margin-bottom: 20px;
  --pretitle-text-transform: none;
  --subtitle-color: var(--primary-color2);
  --subtitle-font-size: 2.2;
  --subtitle-letter-spacing: 0;
  --subtitle-font-weight: 400;
}



/* what-we do  */
.what-we-do{display:flex;flex-wrap:wrap;gap:3rem;padding:4rem 1.5rem;margin:auto; justify-content: space-between;padding-right: 4% ;padding-left: 4%;}

    /* LEFT COLUMN */
    .left{flex:0 0 33%;position:sticky !important;top:30% !important;align-self:flex-start; z-index:10;}
    .left h3{color:#16b4ff;text-transform:uppercase;font-weight:500;letter-spacing:1px;margin-bottom:.75rem;}
    .left h1{font-size:2em;font-weight:700;line-height:1.2;margin-bottom:2rem; color: #f36f21;}
    @media(max-width:991px){.left{position:relative;flex:100%;}.left h1{font-size:2em;}}

    /* ---------- RIGHT SERVICE CARDS ---------- */
    .rs-web-services{flex:1;max-width: 800px;}

    .rs-block-content{display:flex;justify-content:center;}
    .rs-block-inner{width:100%;display:flex;flex-direction:column;row-gap:40px;}

    .rs-service{
      position:relative;display:flex;flex-direction:column;gap:20px;
      padding:30px 20px 20px;border:1px solid rgba(255,255,255,.1);
      background:#1e2127;
      color:#fff;border-radius:1.25rem;overflow:hidden;
      opacity:0;transform:translateY(60px);transition:all .35s ease;
    }
    .rs-service::before{content:'';position:absolute;inset:0;background:#fff;opacity:0;transition:.3s;}
    .rs-service .rs-expander{position:absolute;inset:0;opacity:0;transition:.3s;z-index:1;}
    .rs-service .rs-expander img{position:absolute;bottom:0;right:0;}
    .rs-service>*,.rs-service .rs-icon img{position:relative;z-index:2;}
    .rs-icon img{width:90px;height:90px;}
    .rs-heading{font-size:1.5em;font-weight:600; color: #fff;  position: relative; z-index: 12;}

    @media (min-width:1400px) {.rs-heading{font-size:1.6em;}
      
    }
    .rs-text{color:#fff;}

    .rs-image{position:absolute;inset:0 10px auto 50%;max-width:55%;opacity:0;transition:.3s;}
    .rs-image img{max-width:100%;}

    .what-we-do, .rs-web-services {
  transform: none !important;
  overflow: visible !important;
}

    /* ---------- HOVER + is‑active (auto‑hover) ---------- */

    .rs-service span img {filter: contrast(0.1);}
    
        .rs-service:hover span img ,
    .rs-service.is-active span img  {filter: contrast(1);}
    .rs-service:hover,
    .rs-service.is-active{background:#fff;color:#0f1d48;box-shadow:0 8px 24px rgba(0,0,0,.12);}
    .rs-service:hover .rs-heading,
    .rs-service.is-active .rs-heading {color: #f36f21;}
    .rs-service:hover::before,
    .rs-service.is-active::before{opacity:1;}
    .rs-service:hover .rs-expander,
    .rs-service.is-active .rs-expander{opacity:1;transform:scale(1.05);}
    .rs-service:hover .rs-image,
    .rs-service.is-active .rs-image{opacity:1;transform:translateX(0);}
  article:hover .rs-text{color:#000;}
   .rs-service.is-active .rs-text{color:#000; position: relative; z-index: 12;}

    /* ---------- MOBILE STACK ---------- */
    @media(max-width:768px){
      .rs-service{padding:25px 20px;}
      .rs-image{position:static;max-width:100%;margin-top:15px;transform:none;position:absolute;}
      .rs-icon{margin-bottom:1rem;}
    }



    /* services  */
    


  .services {overflow-x: hidden; background: #f6f9ff;; margin-top: 0px;}
    .timeline { margin: 80px auto; padding: 40px 20px; position: relative; width: 100%; }
    .timeline::before {
      content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
      width: 14px; height: 100%; background: white; border-radius: 10px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 1;
    }
    .step { display: flex; justify-content: space-between; align-items: center; margin: 60px 0; position: relative; z-index: 2; }
    .step:nth-child(even) { flex-direction: row-reverse; }
    .step-content, .step-image img { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
    .step-content {
      background: white; border-radius: 10px; padding: 20px; width: 40%; text-align: left;
    }
    .step-content h3 { margin: 0; font-size: 1.5em !important; font-weight: 600;  color: #f36f21!important;}
  
@media (min-width:1400px) {
    .step-content h3 {  font-size: 1.6em !important;}
}


    .step-content p { margin: 10px 0 0; color: #444; font-size: 16px; }
    .circle {
      position: absolute; left: 50%; transform: translateX(-50%);
      width: 80px; height: 80px; border-radius: 50%;
      background: radial-gradient(circle at center, #00d4ff, #008cff);
      display: flex; align-items: center; justify-content: center;
      box-shadow: 0 5px 20px rgba(0,0,0,0.15); z-index: 3;
    }
    .circle::after {
      content: ""; position: absolute; top: 50%; left: 50%;
      width: 50px; height: 50px; background: white; border-radius: 50%;
      transform: translate(-50%, -50%); z-index: 1;
    }
    .circle i { position: relative; color: #008cff; font-size: 28px; z-index: 2; }
    /* Individual circle colors */
    .step:nth-child(2) .circle { background: radial-gradient(circle at center, #00e1b1, #00997a); }
    .step:nth-child(3) .circle { background: radial-gradient(circle at center, #0084ff, #004fc4); }
    .step:nth-child(4) .circle { background: radial-gradient(circle at center, #ff6378, #ff0033); }
    .step:nth-child(5) .circle { background: radial-gradient(circle at center, #ffae00, #ff7f00); }
    .step:nth-child(6) .circle { background: radial-gradient(circle at center, #b366ff, #7b00ff); }
    .step:nth-child(7) .circle { background: radial-gradient(circle at center, #607d8b, #455a64); }
    .step:nth-child(8) .circle { background: radial-gradient(circle at center, #4caf50, #357a38); }
    .step:nth-child(9) .circle { background: radial-gradient(circle at center, #e91e63, #ad1457); }

    .step-image { width: 40%; visibility: hidden; overflow: hidden; height: 300px; }
    .step-image img {
      width: 100%; height: 100%; object-fit: cover;
      border-radius: 10px; transform-origin: left;
      will-change: transform, opacity;
    }

    @media (max-width: 768px) {

    .step-content h3 {  font-size: 15px; }
       .step-content h3 {  font-size: 1.2em; }
    }



    .home-about-section {
      font-family: 'Outfit', sans-serif !important;
      background: #f5f7fb !important;
      color: #333 !important;
      padding: 80px 0 !important;
    }

    .home-about-section .about-blob-img {
      position: relative !important;
      width: 100% !important;
      max-width: 500px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    .home-about-section .about-blob-img img.shape {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      z-index: 1 !important;
    }

    .home-about-section .about-blob-img img.person {
      position: relative !important;
      width: 100% !important;
      z-index: 2 !important;
      clip-path: url(#blobPath) !important;
    }

    .home-about-section .about-text h2 {
      font-weight: 700 !important;
      font-size: 40px !important;
    }

    .home-about-section .about-text h2 span {
      color: #ff6b00 !important;
    }

    .home-about-section .about-text p {
      font-size: 18px !important;
      line-height: 1.8 !important;
    }

    .home-about-section .btn-glow {
      background: #ff6b00 !important;
      border: none !important;
      color: #fff !important;
      font-weight: 600 !important;
      padding: 12px 30px !important;
      border-radius: 30px !important;
      transition: all 0.3s ease !important;
      display: inline-block !important;
      text-decoration: none !important;
    }

    .home-about-section .btn-glow:hover {
      background-color: #e75d00 !important;
      transform: translateY(-2px) !important;
    }

    .home-about-section .feature-card {
      background: #fff !important;
      padding: 30px !important;
      border-radius: 15px !important;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important;
      text-align: center !important;
      transition: all 0.3s ease !important;
      height: 100% !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
    }

    .home-about-section .feature-card:hover {
      transform: translateY(-5px) !important;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    }

    .home-about-section .feature-icon {
      font-size: 30px !important;
      color: #007c91 !important;
      margin-bottom: 15px !important;
    }

    /* Responsive */

    @media (max-width: 991.98px) {
      .home-about-section .about-text h2 {
        font-size: 32px !important;
      }

      .home-about-section .about-text p {
        font-size: 16px !important;
      }
    }

    @media (max-width: 767.98px) {
      .home-about-section {
        padding: 40px 15px !important;
      }

      .home-about-section .about-blob-img {
        max-width: 350px !important;
      }

      .home-about-section .about-text h2 {
        font-size: 28px !important;
      }

      .home-about-section .about-text p {
        font-size: 15px !important;
      }

      .home-about-section .btn-glow {
        padding: 10px 25px !important;
        font-size: 14px !important;
      }

      .home-about-section .feature-card {
        padding: 20px !important;
      }
    }

    @media (max-width: 575.98px) {
      .home-about-section .about-blob-img {
        max-width: 280px !important;
      }

      .home-about-section .about-text h2 {
        font-size: 24px !important;
      }

      .home-about-section .about-text p {
        font-size: 14px !important;
      }

      .home-about-section .btn-glow {
        padding: 8px 20px !important;
        font-size: 13px !important;
      }
    }