html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


* {
  padding: 0;
  margin: 0; }

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

html {
  height: 100%;
  -ms-overflow-style: scrollbar; }

body {
  height: 100vh; }

.page-wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

.page-content {
  flex: 1; }

html,
body {
  height: 100%;
  font-size: 8px; }
  @media screen and (min-width: 1200px) {
    html,
    body {
      font-size: 9px; } }
  @media screen and (min-width: 1440px) {
    html,
    body {
      font-size: 10px; } }

.page-wrapper {
  font-size: 1.4rem; }

.wrapper {
  display: flex;
  flex-direction: column; }

section.wrapper {
  max-width: 1920px;
  margin: 0 auto; }
  @media screen and (max-width: 1920px) {
    section.wrapper {
      max-width: 1920px; } }

.container {
  flex: 1 0 auto;
  z-index: 10; }
  @media screen and (max-width: 992px) {
    .container {
      width: 100%;
      max-width: 100%; } }

.footer {
  flex: 0 0 auto; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-wrapper {
    display: block;
    min-height: 100vh;
    flex-direction: column; } }

@-moz-document url-prefix() {
  .wrapper {
    height: auto; }
  html,
  body {
    height: auto; }
  input[type=number] {
    padding: 5px !important; } }

.flex {
  display: flex; }

.static-header {
  width: 100%;
  height: 100%;
  object-fit: contain; }

ul {
  padding: 0;
  list-style: none; }

button {
  cursor: pointer;
  border: 0;
  outline: none; }

a {
  display: inline-block;
  text-decoration: none; }

body {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.5rem;
  color: #1C2637;
  background-color: #ffffff;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden; }
  body.scroll {
    overflow: hidden; }

.text-block h1,  .text h1, .text-block h2, .text h2, .text-block h3, .text h3, .text-block h4, .text h4, .text-block h5, .text h5, .text-block h6, .text h6 {
  font-family: "Comfortaa", cursive;
  font-weight: 700;
  color: #1C2637; }

.text-block h1,  .text h1 {
  font-size: 8rem;
  line-height: 9rem; }

.text-block h2, .text h2 {
  font-size: 4.5rem;
  line-height: 5.5rem; }

.text-block h3, .text h3 {
  font-size: 3rem;
  line-height: 4rem; }

.text-block h4, .text h4 {
  font-size: 2rem;
  line-height: 3rem; }

.text-block h5, .text h5 {
  font-size: 1.8rem;
  line-height: 2.2rem; }

.text-block h6, .text h6 {
  font-size: 1.6rem;
  line-height: 2rem; }

.center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

#cursorPointer {
  position: fixed;
  pointer-events: none;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  margin: -1.6rem 0 0 0;
  background: #316BFF;
  z-index: 100;
  transform: translate3d(0,0,0);
}

.text-block h3, .text h3 {
  margin-bottom: 3.5rem; }

.text-block h4, .text h4 {
  margin-bottom: 3rem; }

.text-block p {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  line-height: 2.5rem;
  margin-bottom: 2.5rem; }

.text-block strong {
  font-weight: 600; }

.text-block ul {
  margin-bottom: 3.5rem; }
  .text-block ul li {
    padding-left: 5rem;
    position: relative; }
    .text-block ul li:before {
      position: absolute;
      content: '';
      left: 0;
      top: .5rem;
      width: .5rem;
      height: .5rem;
      border-radius: 50%;
      background: #316BFF; }

.text-block li {
  margin-bottom: 1.5rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  line-height: 2.5rem;
  color: #1C2637; }

.text-block ol {
  margin-bottom: 3.5rem;
  list-style: none;
  counter-reset: items; }
  .text-block ol li {
    counter-increment: items;
    display: flex; }
    .text-block ol li:before {
      content: counter(items) ".";
      min-width: 1.5rem;
      color: #316BFF;
      margin-right: 4rem; }

.text-block a {
  color: #316BFF;
  text-decoration: underline; }
  .text-block a:hover {
    text-decoration: none; }

.text-block blockquote {
  font-family: "Comfortaa", cursive;
  font-style: normal;
  font-weight: bold;
  font-size: 2rem;
  line-height: 3rem;
  color: #1C2637;
  position: relative;
  padding-left: 5rem;
  margin-bottom: 2.5rem; }
  .text-block blockquote:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 2.2rem;
    height: 1.4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' viewBox='0 0 22 14' fill='none'%3E%3Cg clip-path='url(%23clip0_1:2981)'%3E%3Cpath d='M4.95285 14C7.76237 14 10.0005 11.7374 10.0005 8.95623C10.0005 6.17508 7.66713 3.91246 4.85761 3.91246C4.80999 3.91246 4.80999 3.91246 4.76237 3.91246C5.85761 3.01683 7.28618 2.49832 8.80999 2.49831C9.52427 2.49831 10.0957 1.93266 10.0957 1.22559C10.0957 0.518517 9.66713 -0.0471391 8.95285 -0.0471391C3.95285 -0.0471386 0.0480843 3.9596 0.0480848 8.90909C0.000466149 11.7374 2.14332 14 4.95285 14Z' fill='%23316BFF'/%3E%3Cpath d='M16.8571 14C19.6667 14 21.9048 11.7374 21.9048 8.95623C21.9048 6.17508 19.619 3.91246 16.8095 3.91246C16.7619 3.91246 16.7619 3.91246 16.7143 3.91246C17.8095 3.01683 19.2381 2.49832 20.7619 2.49831C21.4286 2.54545 22 1.9798 22 1.27273C22 0.565655 21.5238 -1.86572e-06 20.8571 -1.80744e-06C15.8571 -1.37032e-06 11.9048 4.00673 11.9048 8.95623C11.9048 11.7374 14.0952 14 16.8571 14Z' fill='%23316BFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1:2981'%3E%3Crect width='22' height='14' fill='white' transform='translate(22 14) rotate(180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 768px) {
    .container {
      max-width: 100%; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-full {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 768px) {
    .container-full {
      max-width: 100%; } }
  @media (min-width: 992px) {
    .container-full {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container-full {
      max-width: 1110px; } }
  @media (min-width: 1440px) {
    .container-full {
      max-width: 1600px; } }

section {
  padding: 12rem 0;
  position: relative;
  overflow: hidden; }

.hidden {
  display: none; }

.icon {
  width: 1.5rem;
  height: 1.5rem; }

.btn-line {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.5rem;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
  color: #1D254A;
  padding: 2rem 2.6rem;
  background: #ffffff;
  border-radius: 2.6rem;
  transition: all ease 200ms;
  border: 0.1rem solid #316BFF; }
  .btn-line:hover {
    background: #1D254A;
    color: #FFDC09; }

.btn {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 2rem;
  display: inline-flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 4rem;
  padding: .5rem .6rem .5rem 4.3rem;
  min-width: 27rem;
  justify-content: flex-end;
  position: relative;
  z-index: 2; }
  .btn:before {
    position: absolute;
    content: '';
    z-index: -1;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: transparent;
    border-radius: inherit;
    left: .5rem;
    top: .5rem;
    bottom: .5rem;
    right: .5rem;
    transition: all ease 300ms; }
  .btn span {
    display: flex;
    margin-left: 2.2rem;
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%; }
  .btn .icon {
    width: 1.4rem;
    height: 2rem; }

.btn-primary {
  background: transparent;
  border: 1px solid rgba(255, 220, 9, 0.6);
  color: #ffffff; }
  .btn-primary span {
    background: #FFDC09; }
  .btn-primary .icon {
    fill: #1D254A; }
  .btn-primary:hover {
    color: #1D254A; }
    .btn-primary:hover:before {
      background: #FFDC09;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }

.btn-secondary {
  background: #ffffff;
  border: 1px solid rgba(49, 107, 255, 0.6);
  color: #1D254A; }
  .btn-secondary span {
    background: #316BFF; }
  .btn-secondary .icon {
    fill: #ffffff; }
  .btn-secondary:hover {
    color: #ffffff; }
    .btn-secondary:hover:before {
      background: #316BFF;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }

.link-line {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1C2637;
  position: relative; }
  .link-line:after {
    position: absolute;
    content: '';
    right: -100%;
    top: 1rem;
    width: 7rem;
    height: .1rem;
    background: #316BFF;
    transition: all ease 300ms; }
  .link-line:hover:after {
    width: 2rem;
    right: -3rem; }

.title-section {
  font-family: "Comfortaa", cursive;
  font-weight: bold;
  font-size: 4.5rem;
  line-height: 5.5rem;
  color: #1C2637; }
  .title-section span {
    display: block;
    color: #316BFF; }

.top-section {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .top-section .title-section, .top-section .desc-section {
    max-width: 52.5rem;
    width: 50%; }
  .top-section .desc-section, .top-section .text-section {
    font-weight: 600; }
  .top-section .container {
    position: relative; }

.decor-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: calc(100% - 32rem);
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: space-between; }
  .decor-wrap .decor-item {
    height: 100%;
    width: 1px;
    background: rgba(49, 107, 255, 0.07); }

.input {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.1em;
  color: white;
  padding: 2.4rem 3rem;
  background: rgba(46, 57, 107, 0.6);
  border: 0.1rem solid rgba(49, 107, 255, 0.3);
  box-sizing: border-box;
  border-radius: 4rem;
  outline: none;
  width: 100%; }
  .input::placeholder {
    color: rgba(140, 154, 187, 0.8); }

.contact-wrapper .input {
  color: #1C2637; }

.modal-group .label-checkbox {
  cursor: pointer;
  position: relative; }
  .modal-group .label-checkbox:before, .modal-group .label-checkbox:after {
    position: absolute;
    content: ''; }
  .modal-group .label-checkbox:before {
    left: -5rem;
    top: 0;
    width: 3rem;
    height: 3rem;
    background: rgba(46, 57, 107, 0.6);
    border: 0.1rem solid rgba(49, 107, 255, 0.3);
    box-sizing: border-box;
    border-radius: 1rem; }
  .modal-group .label-checkbox:after {
    width: 1.5rem;
    height: .7rem;
    border-bottom: 0.1rem solid #ffffff;
    border-left: 0.1rem solid #ffffff;
    left: -4.2rem;
    top: .9rem;
    transform: rotate(-45deg);
    opacity: 0; }

.modal-group .input-checkbox {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  position: absolute; }
  .modal-group .input-checkbox:checked + .label-checkbox:before {
    background: #2e396b; }
  .modal-group .input-checkbox:checked + .label-checkbox:after {
    opacity: 1; }

.label-select {
  position: relative; }
  .label-select.active {
    z-index: 10; }
    .label-select.active .center {
      transform: rotate(180deg); }
    .label-select.active .label-select__title {
      border-color: #316bff;
      color: #ffffff; }
  .label-select.label-white {
    position: relative;
    width: 44rem;
    text-transform: uppercase; }
    .label-select.label-white.active {
      z-index: 10; }
      .label-select.label-white.active .center {
        transform: rotate(180deg); }
      .label-select.label-white.active .label-select__title {
        color: #1C2637;
        border-color: #316bff; }
    .label-select.label-white .label-select__title {
      color: #1c2637;
      background: white;
      border: 0.1rem solid rgba(49, 107, 255, 0.15); }
      .label-select.label-white .label-select__title .center {
        border: 0.1rem solid rgba(49, 107, 255, 0.15); }
      .label-select.label-white .label-select__title .icon {
        fill: #1C2637; }
    .label-select.label-white ul {
      background: white; }
      .label-select.label-white ul.active {
        background: white;
        box-shadow: 0 0 6rem rgba(73, 98, 163, 0.35); }
      .label-select.label-white ul li {
        color: #828DA7; }
        .label-select.label-white ul li:hover {
          color: #1C2637;
          background: rgba(49, 107, 255, 0.07); }
        .label-select.label-white ul li.active {
          color: #316BFF; }
  .label-select__title {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 0.1em;
    color: #8c9abb;
    padding: .6rem .6rem .6rem 3rem;
    background: rgba(46, 57, 107, 0.6);
    border: 0.1rem solid rgba(49, 107, 255, 0.3);
    box-sizing: border-box;
    border-radius: 4rem;
    outline: none;
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .label-select__title .center {
      display: flex;
      margin-left: 2.2rem;
      width: 5.8rem;
      height: 5.8rem;
      border-radius: 50%;
      border: 0.1rem solid rgba(49, 107, 255, 0.3); }
    .label-select__title .icon {
      width: .9rem;
      height: 2rem;
      fill: #ffffff; }
  .label-select ul {
    position: absolute;
    top: 80%;
    width: 100%;
    border-radius: 3rem;
    padding: 1rem 0;
    background: rgba(46, 57, 107, 0.6);
    border: 0.1rem solid rgba(49, 107, 255, 0.3);
    transition: all ease 150ms;
    opacity: 0;
    visibility: hidden;
    z-index: -1; }
    .label-select ul.active {
      top: calc(100% + 1rem);
      background: #2e396b;
      opacity: 1;
      visibility: visible;
      z-index: 1; }
    .label-select ul li {
      color: rgba(140, 154, 187, 0.8);
      padding: 1rem 3rem;
      font-weight: 500;
      font-size: 1.2rem;
      line-height: 2rem;
      letter-spacing: 0.1em;
      cursor: pointer; }
      .label-select ul li:hover {
        color: #ffffff; }

.accordion-item__content {
  display: none; }

.decor-text {
  position: absolute;
  font-family: "Comfortaa", cursive;
  font-weight: bold;
  font-size: 15rem;
  line-height: 16.7rem;
  color: #ffffff;
  -webkit-text-stroke: 1px rgba(49, 107, 255, 0.12);
  writing-mode: tb-rl;
  transform: rotate(180deg);
  height: 100%;
  bottom: 7rem;
  right: -1rem;
  white-space: nowrap; }

.right-text {
  position: absolute;
  right: 16rem;
  top: 50%;
  margin-top: -4rem;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: rgba(140, 154, 187, 0.8);
  writing-mode: tb-rl;
  transform: rotate(180deg); }
  .right-text .icon {
    fill: #316BFF;
    transform: rotate(90deg);
    top: 0;
    position: relative;
    left: -1px;
    animation: downArrow 2s ease-in-out infinite; }
  .right-text .dot {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: #316BFF;
    display: inline-block;
    margin-bottom: 2rem; }

@keyframes downArrow {
  from {
    top: 0; }
  to {
    top: -2rem; } }

.section-count {
  position: fixed;
  left: 13.5rem;
  top: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-family: "Comfortaa", cursive;
  color: #316BFF;
  writing-mode: tb-rl;
  transform: rotate(180deg) translate(-50%, 20%); }
  .section-count.stop {
    position: absolute; }
  .section-count .section-count__active {
    margin-bottom: 0.3rem; }
  .section-count .section-count__all {
    margin-top: 0.3rem; }
  .section-count .section-count__list ul {
    display: flex;
    flex-direction: row-reverse; }
  .section-count .section-count__list li {
    margin-bottom: 2rem; }
  .section-count .section-count__list a {
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background: rgba(140, 154, 187, 0.3);
    animation: rotate infinite linear 1500ms; }
    .section-count .section-count__list a.active-dot {
      width: 1.6rem;
      height: 1.6rem;
      border: 0.2rem solid #316BFF;
      border-left-color: rgba(140, 154, 187, 0.8);
      box-sizing: border-box;
      background: transparent;
      transform: rotate(-20deg); }

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

@keyframes leftRotate {
  to {
    transform: rotate(-360deg); } }

.navigation {
  display: flex;
  align-items: center; }
  .navigation .left:hover:after {
    border-color: #316bff;
    border-left-color: rgba(140, 154, 187, 0.8);
    animation: leftRotate infinite linear 1500ms; }
  .navigation .right:hover:after {
    border-color: #316bff;
    border-left-color: rgba(140, 154, 187, 0.8);
    animation: rotate infinite linear 1500ms; }
  .navigation .center {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    position: relative; }
    .navigation .center .icon {
      fill: #1C2637;
      width: 1.4rem;
      height: 2rem; }
    .navigation .center:after {
      position: absolute;
      content: '';
      border-radius: inherit;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border: 0.1rem solid rgba(49, 107, 255, 0.15); }
  .navigation .left {
    margin-right: 1.5rem; }

.title-block {
  font-family: "Comfortaa", cursive;
  font-weight: bold;
  font-size: 3rem;
  line-height: 3rem;
  color: #1C2637; }

.text p {
  color: #1C2637;
  margin-bottom: 2.5rem; }

.item-section {
  padding: 4rem;
  background: #ffffff;
  border: 1px solid rgba(49, 107, 255, 0.4);
  box-sizing: border-box; }
  .item-section:hover {
    box-shadow: 0 0 6rem rgba(73, 98, 163, 0.35); }
    .item-section:hover .item-section__media:before {
      background: rgba(255, 220, 9, 0.2); }
    .item-section:hover .item-section__title span {
      opacity: 1; }
  .item-section__media {
    margin-bottom: 2rem;
    padding: 1.2rem 0 0 3.5rem;
    position: relative; }
    .item-section__media:before {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      width: 7rem;
      height: 7rem;
      border-radius: 50%;
      background: rgba(49, 107, 255, 0.08); }
  .item-section__title {
    font-size: 2rem;
    line-height: 3rem;
    color: #1C2637;
    margin-bottom: 2rem;
    display: inline-block;
    position: relative;
    z-index: 2;
    cursor: pointer; }
    .item-section__title span {
      z-index: -1;
      color: transparent;
      font-size: 2rem;
      line-height: 3rem;
      position: absolute;
      display: inline-block;
      left: 0;
      top: -1rem;
      opacity: 0;
      transition: all ease 300ms;
      text-decoration: underline rgba(255, 220, 9, 0.3) 1.1rem; }
    .item-section__title:hover:after {
      opacity: .3; }
  .item-section__text {
    color: #1C2637; }

.bread-crumbs {
  position: absolute;
  top: 0;
  left: 0; }

.pagination {
  display: flex; }
  .pagination-nav {
    margin-right: 5rem;
    z-index: 2;
    bottom: 0;
    width: 13.5rem;
    display: flex;
    justify-content: space-between; }
    .pagination-nav .prev:hover:after {
      border-color: #316bff;
      border-left-color: rgba(140, 154, 187, 0.8);
      animation: leftRotate infinite linear 1500ms; }
    .pagination-nav .next:hover:after {
      border-color: #316bff;
      border-left-color: rgba(140, 154, 187, 0.8);
      animation: rotate infinite linear 1500ms; }
    .pagination-nav .center {
      width: 6rem;
      height: 6rem;
      border-radius: 50%;
      box-sizing: border-box;
      cursor: pointer;
      position: relative; }
      .pagination-nav .center:after {
        position: absolute;
        content: '';
        border-radius: inherit;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border: 0.1rem solid rgba(49, 107, 255, 0.15); }
      .pagination-nav .center .icon {
        fill: #1C2637;
        width: 1.4rem;
        height: 2rem; }
  .pagination-link ul {
    display: flex; }
  .pagination-link li {
    margin-right: .5rem; }
  .pagination-link span {
    display: inline-block;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
    font-size: 2rem;
    line-height: 5.4rem;
    text-align: center;
    color: rgba(140, 154, 187, 0.8);
    border: 0.1rem solid rgba(49, 107, 255, 0.15); }
  .pagination-link a {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    font-size: 2rem;
    line-height: 5.6rem;
    text-align: center;
    color: rgba(140, 154, 187, 0.8);
    border: 0.1rem solid rgba(49, 107, 255, 0.15); }
    .pagination-link a.active {
      border-color: #316BFF;
      color: #1C2637; }

.politic-wrapper .container {
  position: relative;
  z-index: 10; }

.politic-wrapper .title-section {
  max-width: 73rem;
  margin: 0 auto 9rem; }

.politic-wrapper .text-block {
  max-width: 73rem;
  margin: 0 auto; }

.title-page {
  font-family: "Comfortaa", cursive;
  font-style: normal;
  font-weight: bold;
  font-size: 2rem;
  line-height: 3rem;
  color: #1C2637; }

.not-found .container {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.not-found__desc {
  width: 45%;
  max-width: 44rem; }
  .not-found__desc .title-section, .not-found__desc .title-page {
    margin-bottom: 4.5rem; }

.not-found__media {
  width: 55%;
  max-width: 58rem; }
  .not-found__media span {
    font-family: "Comfortaa", cursive;
    font-style: normal;
    font-weight: bold;
    font-size: 30rem;
    line-height: 33.4rem; }
    .not-found__media span:nth-of-type(1) {
      animation: changeColor 5s ease-in-out infinite; }
    .not-found__media span:nth-of-type(2) {
      animation: changeColor1 4s ease-in-out infinite; }
    .not-found__media span:nth-of-type(3) {
      animation: changeColor 5s ease-in-out infinite; }

.not-found .btn-secondary span {
  margin-left: 5rem; }

@keyframes changeColor {
  0% {
    color: #1C2637; }
  50% {
    color: #316BFF; }
  100% {
    color: #1C2637; } }

@keyframes changeColor1 {
  0% {
    color: #316BFF; }
  50% {
    color: #1C2637; }
  100% {
    color: #316BFF; } }

.map {
  height: 39rem;
  border: 0.1rem solid #316BFF; }

.popular-product__title a {
  color: #1C2637; }

.cases-slider-service .slick-list {
  margin: -5rem;
  padding: 5rem 0;
  width: calc(100% + 10rem); }

.cases-slider-service .slide {
  margin: 0 5rem; }

.header {
  transition: all ease 150ms;
  top: -1rem;
  z-index: 98; }
  .header-top {
    background: #1D254A; }
    .header-top .container-full {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .header-top .icon {
      height: 1.4rem;
      fill: #FFDC09;
      margin-right: 1rem; }
    .header-top a {
      display: flex;
      align-items: center;
      color: #ffffff;
      font-size: 1.3rem;
      line-height: 1.6rem;
      transition: all ease 200ms; }
      .header-top a:hover {
        color: #FFDC09; }
    .header-top__contact {
      display: flex; }
      .header-top__contact a {
        margin-left: 5rem; }
        .header-top__contact a:first-of-type {
          margin-left: 0; }
    .header-top__phone {
      margin: 0 0 0 auto;
      display: flex; }
      .header-top__phone a {
        font-weight: 700;
        margin-right: 3rem; }
    .header-top__lang {
      margin: 0 5rem 0; }
      .header-top__lang ul {
        display: flex; }
      .header-top__lang li {
        margin-right: 3rem; }
        .header-top__lang li:last-of-type {
          margin-right: 0; }
      .header-top__lang li,
      .header-top__lang a {
        cursor: pointer;
        font-weight: 600;
        font-size: 1.2rem;
        line-height: 1.5rem;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #8A91B1;
        padding: 1.5rem 0 1.6rem;
        position: relative; }
        .header-top__lang li:after,
        .header-top__lang a:after {
          position: absolute;
          content: '';
          left: 0;
          right: 0;
          bottom: 0;
          margin: 0 auto;
          width: 100%;
          height: .2rem;
          opacity: 0;
          background: transparent;
          transition: all ease 300ms; }
        .header-top__lang li.active,
        .header-top__lang a.active {
          color: #ffffff; }
          .header-top__lang li.active:after,
          .header-top__lang a.active:after {
            opacity: 1;
            background: #FFDC09; }
    .header-top__social ul {
      display: flex; }
    .header-top__social li {
      margin-right: 3rem; }
      .header-top__social li:last-of-type {
        margin-right: 0; }
    .header-top__social a {
      margin-right: 0; }
      .header-top__social a:hover .icon {
        fill: #ffffff; }
    .header-top__social .icon {
      margin-right: 0; }
  .header-center {
    background: #ffffff;
    position: relative; }
    .header-center .container-full {
      display: flex;
      align-items: center; }
  .header-nav {
    margin: 0 auto; }
    .header-nav ul {
      display: flex; }
    .header-nav li {
      margin-right: 5rem; }
      .header-nav li:last-of-type {
        margin-right: 0; }
    .header-nav a:not(.has-sub__title) {
      font-size: 1.3rem;
      line-height: 1.6rem;
      color: #8C9ABB;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 3.5rem 0 3.4rem;
      position: relative; }
      .header-nav a:after {
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        width: 50%;
        height: .2rem;
        background: #FFDC09;
        transition: all ease 200ms; }
      .header-nav a:hover, .header-nav a.active {
        color: #1D254A; }
        .header-nav a:hover:after, .header-nav a.active:after {
          opacity: 1;
          visibility: visible;
          width: 100%; }
    .header-nav .has-sub {
      display: flex;
      align-items: center;
      pointer-events: auto; }
      .header-nav .has-sub:hover.sub-active .has-sub__item {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        top: 100%; }
      .header-nav .has-sub:hover ul {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        top: 100%; }
      .header-nav .has-sub .has-sub__button .icon {
        margin-left: 1rem;
        width: .8rem;
        height: .8rem;
        fill: #1D254A; }
      .header-nav .has-sub ul {
        opacity: 0;
        z-index: -1;
        visibility: hidden;
        flex-direction: column;
        position: absolute;
        background: #ffffff;
        padding: 1.5rem;
        width: 28rem;
        box-shadow: 0 0 2rem rgba(73, 98, 163, 0.35);
        top: 80%;
        transition: all ease 300ms; }
        .header-nav .has-sub ul li {
          position: relative;
          padding-left: 1.5rem; }
          .header-nav .has-sub ul li:before {
            position: absolute;
            content: '';
            left: 0;
            top: 1rem;
            width: .5rem;
            height: .5rem;
            border-radius: 50%;
            background: #1D254A; }
        .header-nav .has-sub ul a {
          padding: 0;
          text-transform: none; }
          .header-nav .has-sub ul a:after {
            display: none; }
  .header-search__btn {
    border-radius: 50%;
    height: 5.5rem;
    width: 5.5rem;
    box-sizing: border-box;
    border: 0.1rem solid #316BFF;
    margin: 0 2rem 0 auto; }
    .header-search__btn .icon {
      fill: #1D254A;
      width: 1.5rem;
      height: 1.9rem; }

.header.is-scroll {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 0 2rem rgba(73, 98, 163, 0.35); }
  .header.is-scroll .header-top, .header.is-scroll .fck-rf {
    display: none; }

.page-content.is-scroll {
  padding-top: 7.04rem; }

.header-mobile {
  background: #ffffff;
  position: fixed;
  top: 0;
  padding: 2rem 0 0 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all ease 300ms;
  z-index: -99;
  opacity: 0;
  visibility: hidden; }
  .header-mobile.active {
    top: 10rem;
    z-index: 1;
    opacity: 1;
    visibility: visible; }
  .header-mobile .icon {
    fill: #316BFF; }
  .header-mobile .social-list {
    justify-content: flex-start; }
    .header-mobile .social-list li {
      margin-right: 3rem; }
      .header-mobile .social-list li:last-of-type {
        margin-right: 0; }
  .header-mobile__nav {
    margin-bottom: 3rem; }
    .header-mobile__nav .has-sub {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .header-mobile__nav .has-sub ul {
        display: none;
        width: 100%;
        padding-left: 1.5rem;
        margin-bottom: 2rem; }
        .header-mobile__nav .has-sub ul a {
          text-transform: none; }
        .header-mobile__nav .has-sub ul.active {
          display: block; }
      .header-mobile__nav .has-sub .has-sub__button .icon {
        margin-left: 1rem;
        width: .8rem;
        height: 1.1rem;
        fill: #1D254A; }
    .header-mobile__nav a {
      font-weight: 600;
      font-size: 1.5rem;
      line-height: 1.7rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #1D254A; }
  .header-mobile__phone {
    margin-bottom: 3rem; }
    .header-mobile__phone a {
      font-weight: bold;
      font-size: 1.5rem;
      line-height: 1.7rem;
      color: #1D254A;
      margin-right: 3rem; }
  .header-mobile__contact {
    margin-bottom: 3rem; }
    .header-mobile__contact a {
      font-weight: 400;
      font-size: 1.5rem;
      line-height: 1.7rem;
      color: #1D254A;
      margin-right: 3rem; }
  .header-mobile__lang {
    margin-bottom: 3rem; }
    .header-mobile__lang ul {
      display: flex; }
    .header-mobile__lang li {
      margin-right: 3rem; }
      .header-mobile__lang li:last-of-type {
        margin-right: 0; }
    .header-mobile__lang li,
    .header-mobile__lang a {
      cursor: pointer;
      font-weight: 600;
      font-size: 1.2rem;
      line-height: 1.5rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #1C2637;
      padding: 1rem 0 1rem;
      position: relative; }
      .header-mobile__lang li:after,
      .header-mobile__lang a:after {
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        width: 100%;
        height: .2rem;
        opacity: 0;
        background: transparent;
        transition: all ease 300ms; }
      .header-mobile__lang li.active,
      .header-mobile__lang a.active {
        color: #316BFF; }
        .header-mobile__lang li.active:after,
        .header-mobile__lang a.active:after {
          opacity: 1;
          background: #316BFF; }

.header-search {
  position: relative; }
  .header-search.active {
    width: 100%;
    margin: 1.5rem 0; }
    .header-search.active .label-search {
      opacity: 1;
      visibility: visible;
      z-index: 1; }
  .header-search .label-search {
    width: 90%;
    position: absolute;
    right: 1.6rem;
    height: calc(100% + .8rem);
    top: -.4rem;
    visibility: hidden;
    z-index: -1;
    opacity: 0; }
    .header-search .label-search .input {
      width: 100%;
      height: 100%;
      background: #ffffff;
      color: #1C2637; }
  .header-search .header-search__btn {
    position: relative;
    z-index: 2;
    cursor: pointer;
    background: #ffffff; }

.has-sub__item {
  opacity: 0;
  visibility: hidden;
  z-index: -9999;
  border-top: 0.1rem solid rgba(49, 107, 255, 0.15);
  position: absolute;
  transition: all ease 300ms;
  top: -100vh;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80vw;
  height: auto;
  background: #ffffff;
  display: flex;
  padding: 3rem 5rem; }
  .has-sub__item .has-sub__list {
    margin: 0 auto;
    position: relative;
    z-index: 1; }
    .has-sub__item .has-sub__list ul {
      width: auto;
      padding: 0;
      box-shadow: none;
      background: transparent;
      opacity: 1;
      visibility: visible;
      z-index: 2;
      position: relative;
      top: 0;
      left: 0; }
      .has-sub__item .has-sub__list ul li:before {
        background: #316BFF; }
    .has-sub__item .has-sub__list li {
      margin-bottom: 1rem; }
    .has-sub__item .has-sub__list a {
      font-size: 1.5rem;
      line-height: 2.2rem;
      text-transform: capitalize;
      color: #1D254A; }
      .has-sub__item .has-sub__list a:hover {
        color: #316BFF; }

.has-sub__inner {
  max-width: 34rem;
  margin-right: 4rem; }

.has-sub__title {
  font-family: "Comfortaa", cursive;
  font-style: normal;
  font-weight: bold;
  font-size: 2rem;
  line-height: 3rem;
  color: #1C2637;
  margin-bottom: 3rem; }

.footer {
  z-index: 2;
  position: relative;
  background: #131934; }

.footer-top {
  padding: 9rem 0; }
  .footer-top .container-full {
    display: flex; }

.footer-logo {
  width: 43.5rem; }
  .footer-logo a {
    margin-bottom: 2rem; }
  .footer-logo__text {
    font-size: 1.3rem;
    line-height: 2.3rem;
    color: #66718A;
    margin-bottom: 4rem; }

.footer-media ul {
  display: flex; }

.footer-media li {
  margin-right: 3rem; }

.footer-nav {
  margin: 0 0 0 auto;
  display: flex; }
  .footer-nav ul:first-of-type {
    margin-right: 14rem; }
  .footer-nav ul:last-of-type {
    margin-right: 18rem; }
  .footer-nav li {
    margin-bottom: 2rem; }
  .footer-nav a {
    font-size: 1.3rem;
    line-height: 1.8rem;
    color: #8C9ABB; }
    .footer-nav a:hover {
      color: #fff; }

.footer-contact {
  width: 23rem; }
  .footer-contact .icon {
    fill: #FFDC09; }
  .footer-contact a {
    font-size: 1.3rem;
    line-height: 1.8rem;
    color: #ffffff;
    display: flex;
    align-items: flex-start; }
  .footer-contact li {
    margin-bottom: 2rem; }
    .footer-contact li .icon {
      margin-right: 1rem; }
  .footer-contact span {
    display: inline-block; }

.footer-phone {
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.6rem; }

.social-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .social-list .icon {
    margin-right: 0; }

.footer-bottom {
  padding: 4rem 0;
  border-top: 0.1rem solid rgba(49, 107, 255, 0.1); }
  .footer-bottom .container-full {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }

.footer-copy {
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #66718A;
  margin-right: 1rem;
  display: flex;
  align-items: center; }

.footer-politic a {
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #8C9ABB;
  text-decoration: none; }
  .footer-politic a:hover {
    text-decoration: underline; }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -99;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .popup.active {
    opacity: 1;
    z-index: 120;
    visibility: visible; }
  .popup-close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0.1rem solid rgba(49, 107, 255, 0.15);
    cursor: pointer; }
    .popup-close:hover {
      border-color: #316BFF; }
    .popup-close .icon {
      width: 1.1rem;
      height: 2.6rem; }
  .popup-wrap {
    position: relative;
    z-index: 2;
    background: #ffffff;
    width: 54rem;
    padding: 5rem;
    box-sizing: border-box; }
  .popup-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(8, 13, 23, 0.8); }
  .popup-title {
    font-family: "Comfortaa", cursive;
    font-style: normal;
    font-weight: bold;
    font-size: 3rem;
    line-height: 4rem;
    color: #1C2637;
    text-align: center;
    margin-bottom: 1.5rem; }
  .popup-subtitle {
    font-size: 1.5rem;
    line-height: 2.5rem;
    text-align: center;
    color: #1C2637;
    margin-bottom: 3.5rem; }

.call-popup .popup-wrap .label {
  display: block;
  margin-bottom: 1.5rem; }

.call-popup .popup-wrap .input {
  background: rgba(255, 255, 255, 0.6);
  color: #1C2637; }
  .call-popup .popup-wrap .input:focus {
    border-color: #1D254A; }

.call-popup .popup-wrap .modal-group {
  padding-left: 5rem;
  margin: 2.5rem 0;
  font-size: 1.2rem;
  line-height: 2rem;
  color: #1C2637; }
  .call-popup .popup-wrap .modal-group .label-checkbox:before {
    background: #ffffff; }
  .call-popup .popup-wrap .modal-group .input-checkbox:checked + .label-checkbox:before {
    background: #316BFF;
    border-color: #316BFF; }
  .call-popup .popup-wrap .modal-group a {
    font-size: 1.2rem;
    line-height: 2rem;
    display: inline-block;
    color: #316BFF;
    text-decoration: underline; }
    .call-popup .popup-wrap .modal-group a:hover {
      text-decoration: none; }

.call-popup .popup-wrap .btn-secondary {
  width: 100%; }
  .call-popup .popup-wrap .btn-secondary span {
    margin-left: 9.2rem; }

.call-success .popup-title {
  width: 80%;
  margin: 0 auto 1.5rem; }

.call-success .popup-subtitle {
  width: 80%;
  margin: 0 auto 0; }

.popup-demonstration .popup-wrap {
  width: 92rem; }
  .popup-demonstration .popup-wrap form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
  .popup-demonstration .popup-wrap .label, .popup-demonstration .popup-wrap .label-select {
    width: calc(50% - .75rem);
    display: block;
    margin-bottom: 1.5rem; }
  .popup-demonstration .popup-wrap .modal-group, .popup-demonstration .popup-wrap .btn-secondary {
    width: calc(50% - .75rem); }
  .popup-demonstration .popup-wrap .btn-secondary span {
    margin-left: 8.2rem; }
  .popup-demonstration .popup-wrap .input {
    background: rgba(255, 255, 255, 0.6);
    color: #1C2637; }
    .popup-demonstration .popup-wrap .input:focus {
      border-color: #1D254A; }
  .popup-demonstration .popup-wrap .modal-group {
    padding-left: 5rem;
    margin: 2.5rem 0;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #1C2637; }
    .popup-demonstration .popup-wrap .modal-group .label-checkbox:before {
      background: #ffffff; }
    .popup-demonstration .popup-wrap .modal-group .input-checkbox:checked + .label-checkbox:before {
      background: #316BFF;
      border-color: #316BFF; }
    .popup-demonstration .popup-wrap .modal-group a {
      font-size: 1.2rem;
      line-height: 2rem;
      display: inline-block;
      color: #316BFF;
      text-decoration: underline; }
      .popup-demonstration .popup-wrap .modal-group a:hover {
        text-decoration: none; }
  .popup-demonstration .popup-wrap .label-select ul {
    overflow: hidden; }
  .popup-demonstration .popup-wrap .label-select.label-white .label-select__title {
    color: #828DA7;
    border-color: rgba(49, 107, 255, 0.15); }
  .popup-demonstration .popup-wrap .label-select.label-white.active .label-select__title {
    border-color: #316bff; }

.reviews-popup .popup-wrap {
  width: 68rem; }
  .reviews-popup .popup-wrap .reviews-item {
    padding: 0;
    border: 0;
    box-shadow: none;
    align-items: center; }
    .reviews-popup .popup-wrap .reviews-item:hover {
      box-shadow: none; }
  .reviews-popup .popup-wrap .reviews-author__text p {
    margin-bottom: 2.5rem; }
  .reviews-popup .popup-wrap .reviews-author__logo {
    top: 0; }
    .reviews-popup .popup-wrap .reviews-author__logo img {
      filter: grayscale(0%); }

.hero-bg {
  user-select: none;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Comfortaa", cursive;
  font-size: 25rem;
  line-height: 27.9rem;
  color: transparent;
  -webkit-text-stroke: 1px rgba(49, 107, 255, 0.1); }

.hero-wrapper {
  position: relative;
  background: #1D254A;
  overflow: hidden;
  text-align: center;
  padding: 0 0 0;
  box-sizing: border-box; }
  .hero-wrapper .container {
    position: relative;
    z-index: 10; }
    .hero-wrapper .container .hero-desc {
      flex-direction: column; }
  .hero-wrapper .hero-slider {
    z-index: 10;
    width: 100%;
    height: 100%;
    max-width: 192rem;
    margin: 0 auto 10rem; }
  .hero-wrapper #particles-js {
    position: absolute;
    height: 80vh;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: .8; }
  .hero-wrapper:before, .hero-wrapper:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1; }
  .hero-wrapper:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='672' height='715' viewBox='0 0 672 715' fill='none'%3E%3Cg filter='url(%23filter0_f)'%3E%3Cellipse cx='24.5' cy='96.5' rx='377.5' ry='348.5' fill='%23316BFF' fill-opacity='0.15'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-623' y='-522' width='1295' height='1237' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='135' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-position: 0 0; }
  .hero-wrapper:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1697' height='1175' viewBox='0 0 1697 1175' fill='none'%3E%3Cg filter='url(%23filter0_f)'%3E%3Cellipse cx='857.5' cy='560.5' rx='294.5' ry='248.5' fill='%23316BFF' fill-opacity='0.2'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f)'%3E%3Cpath d='M1427 577.5C1427 758.373 1168 905 848.5 905C529.003 905 270 758.373 270 577.5C270 396.627 529.003 250 848.5 250C1168 250 1427 396.627 1427 577.5Z' fill='%23316BFF' fill-opacity='0.1'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='293' y='42' width='1129' height='1037' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='135' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3Cfilter id='filter1_f' x='0' y='-20' width='1697' height='1195' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='135' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-position: 80% 0; }

.hero-desc {
  padding: 0 1.5rem;
  margin: 12rem auto;
  max-width: calc(100% - 40rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .hero-desc.full-slide .hero-desc__info {
    width: 100%;
    padding: 12rem 0 12rem; }
  .hero-desc.left-slide {
    text-align: left; }
    .hero-desc.left-slide .hero-desc__info {
      width: 40%;
      flex-direction: row-reverse; }
    .hero-desc.left-slide .hero-desc__media {
      width: 60%; }
    .hero-desc.left-slide .decor-elements {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
      .hero-desc.left-slide .decor-elements__item {
        position: absolute;
        width: auto;
        height: auto; }
      .hero-desc.left-slide .decor-elements .decor-1 {
        top: 44rem;
        right: 81rem;
        width: 3.3rem;
        height: 3.3rem;
        transition: all ease 100ms; }
      .hero-desc.left-slide .decor-elements .decor-2 {
        bottom: 7.5rem;
        right: 32rem;
        transition: all ease 200ms;
        width: 4.2rem;
        height: 4.24rem; }
      .hero-desc.left-slide .decor-elements .decor-3 {
        top: 14.7rem;
        right: 76rem;
        transition: all ease 250ms;
        width: 3.2rem;
        height: 3.2rem; }
      .hero-desc.left-slide .decor-elements .decor-4 {
        top: 10rem;
        right: 8rem;
        transition: all ease 100ms;
        width: 4.3rem;
        height: 4.3rem; }
      .hero-desc.left-slide .decor-elements .decor-5 {
        right: 62rem;
        top: -2rem; }
  .hero-desc.right-slide {
    text-align: left;
    flex-direction: row-reverse; }
    .hero-desc.right-slide .hero-desc__info {
      width: 40%; }
    .hero-desc.right-slide .hero-desc__media {
      width: 60%; }
    .hero-desc.right-slide .decor-elements {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
      .hero-desc.right-slide .decor-elements__item {
        position: absolute;
        width: auto;
        height: auto; }
      .hero-desc.right-slide .decor-elements .decor-1 {
        top: 48rem;
        left: 38rem;
        width: 2.4rem;
        height: 2.4rem;
        transition: all ease 100ms; }
      .hero-desc.right-slide .decor-elements .decor-2 {
        bottom: 10.5rem;
        left: 68rem;
        transition: all ease 200ms; }
      .hero-desc.right-slide .decor-elements .decor-3 {
        top: 9.7rem;
        left: 69rem;
        transition: all ease 250ms; }
      .hero-desc.right-slide .decor-elements .decor-4 {
        top: 10rem;
        left: 5rem;
        transition: all ease 100ms; }
      .hero-desc.right-slide .decor-elements .decor-5 {
        left: 42rem;
        top: 0; }

.hero-subtitle {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2.5rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #316BFF;
  margin-bottom: 1.5rem; }

.hero-title {
  font-family: "Comfortaa", cursive;
  font-weight: bold;
  font-size: 8rem;
  line-height: 8.5rem;
  color: #ffffff;
  margin-bottom: 2.5rem;
  position: relative;
  z-index: 3; }
  .hero-title b {
    color: #FFDC09;
    display: inline-block;
    position: relative; }
    .hero-title b:after {
      position: absolute;
      content: '';
      left: 0;
      bottom: .3rem;
      background: #316BFF;
      opacity: 0.5;
      height: 2.3rem;
      width: 100%;
      z-index: -1;
      border-radius: .2rem; }
  .hero-title p {
    font-size: 4.5rem;
    line-height: 5.5rem; }

.hero-text {
  color: #C5D2EF;
  max-width: 70rem;
  margin: 0 auto 5rem; }

.hero-slider__nav {
  position: absolute;
  bottom: 5rem;
  left: 40rem;
  z-index: 15;
  width: 13.5rem;
  display: flex;
  justify-content: space-between; }
  .hero-slider__nav .left:hover:after {
    border-color: #ffdc09;
    border-left-color: rgba(255, 250, 9, 0.5);
    animation: leftRotate infinite linear 1500ms; }
  .hero-slider__nav .right:hover:after {
    border-color: #ffdc09;
    border-left-color: rgba(255, 250, 9, 0.5);
    animation: rotate infinite linear 1500ms; }
  .hero-slider__nav .center {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    position: relative; }
    .hero-slider__nav .center:after {
      position: absolute;
      content: '';
      border-radius: inherit;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border: 0.1rem solid rgba(255, 220, 9, 0.15); }
    .hero-slider__nav .center .icon {
      fill: #ffffff;
      width: 1.4rem;
      height: 2rem; }

.hero-decor__logo {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -10.5rem;
  text-align: center; }

.hero-decor__left {
  position: absolute;
  left: -13rem;
  bottom: -15rem; }

.hero-decor__right {
  position: absolute;
  right: -21rem;
  top: -6rem;
  transform: rotate(180deg); }

.status-wrapper {
  position: relative;
  background: rgba(244, 247, 255, 0.5); }
  .status-wrapper .container {
    position: relative;
    z-index: 2; }

.status-slider {
  position: relative;
  z-index: 2; }
  .status-slider .slick-list {
    padding: 3rem 1.5rem;
    margin: 0 -1.5rem; }
  .status-slider .slide {
    margin: 0 1.5rem;
    height: 12.5rem;
    display: flex;
    border: 1px solid rgba(49, 107, 255, 0.08);
    flex-direction: column;
    justify-content: center;
    background: #ffffff; }
    .status-slider .slide:hover {
      box-shadow: 0 0 3rem rgba(73, 98, 163, 0.2); }
      .status-slider .slide:hover img {
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: none;
        -webkit-filter: grayscale(0); }
    .status-slider .slide img {
      width: 80%;
      height: 80%;
      margin: 0 auto;
      object-fit: contain;
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: gray;
      -webkit-filter: grayscale(1);
      transition: all ease 300ms; }
  .status-slider__nav {
    z-index: 2;
    bottom: 0;
    width: 13.5rem;
    display: flex;
    justify-content: space-between; }
    .status-slider__nav .left:hover:after {
      border-color: #316bff;
      border-left-color: rgba(140, 154, 187, 0.8);
      animation: leftRotate infinite linear 1500ms; }
    .status-slider__nav .right:hover:after {
      border-color: #316bff;
      border-left-color: rgba(140, 154, 187, 0.8);
      animation: rotate infinite linear 1500ms; }
    .status-slider__nav .center {
      width: 6rem;
      height: 6rem;
      border-radius: 50%;
      box-sizing: border-box;
      cursor: pointer;
      position: relative; }
      .status-slider__nav .center:after {
        position: absolute;
        content: '';
        border-radius: inherit;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border: 0.1rem solid rgba(49, 107, 255, 0.15); }
      .status-slider__nav .center .icon {
        fill: #1C2637;
        width: 1.4rem;
        height: 2rem; }

.work-wrapper {
  padding: 12rem 0;
  position: relative;
  overflow: hidden; }
  .work-wrapper .top-section {
    margin-bottom: 8rem; }
  .work-wrapper .container {
    position: relative;
    z-index: 2; }
  .work-wrapper .link-section {
    text-align: center; }
  .work-wrapper .btn .center {
    margin-left: 4.2rem; }

.work-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.work-item {
  width: calc(50% - 1.5rem);
  padding: 4rem;
  background: #ffffff;
  border: 0.1rem solid rgba(49, 107, 255, 0.4);
  box-sizing: border-box;
  margin-bottom: 3rem;
  position: relative; }
  .work-item:nth-of-type(2n+1) {
    transform: translate(0, -5rem); }
  .work-item:hover {
    box-shadow: 0 0 6rem rgba(73, 98, 163, 0.35); }
    .work-item:hover .work-item__title span:after {
      opacity: .5; }
    .work-item:hover .work-item__numb {
      color: #1C2637;
      -webkit-text-stroke: 0; }
      .work-item:hover .work-item__numb:after {
        opacity: .3; }
    .work-item:hover .work-item__media img {
      filter: grayscale(0%);
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      filter: none;
      -webkit-filter: grayscale(0); }
  .work-item__title {
    font-family: "Comfortaa", cursive;
    font-weight: bold;
    font-size: 2rem;
    line-height: 3rem;
    color: #1C2637;
    margin-bottom: 2rem; }
    .work-item__title a {
      color: #1C2637; }
    .work-item__title span {
      display: inline-block;
      z-index: 2;
      position: relative; }
      .work-item__title span:after {
        position: absolute;
        content: '';
        width: 100%;
        left: 0;
        height: 1.1rem;
        bottom: .3rem;
        background: #FFDC09;
        opacity: 0;
        border-radius: .2rem;
        z-index: -1;
        transition: all ease 300ms; }
  .work-item__text {
    margin-bottom: 3rem;
    color: #1C2637; }
  .work-item__numb {
    position: absolute;
    right: 2rem;
    top: 2rem;
    font-family: "Comfortaa", cursive;
    font-weight: bold;
    font-size: 4rem;
    line-height: 5rem;
    letter-spacing: 0.05em;
    color: transparent;
    -webkit-text-stroke: .1rem #316BFF;
    z-index: 1; }
    .work-item__numb:after {
      position: absolute;
      content: '';
      top: -.7rem;
      left: -2.8rem;
      width: 5.5rem;
      height: 5.5rem;
      background: #FFDC09;
      border-radius: 50%;
      z-index: -1;
      opacity: 0;
      transition: all ease 300ms; }
  .work-item__media ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
  .work-item__media li {
    margin-right: 3rem;}
    .work-item__media li:last-of-type {
      margin-right: 0; }
  .work-item__media a:hover img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); }
  .work-item__media img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(1);
    transition: all ease 300ms; }

.catalog-page .work-item:nth-of-type(2n+1) {
  transform: translate(0, 0); }

.service-wrapper {
  background: rgba(244, 247, 255, 0.5); }
  .service-wrapper .container {
    position: relative;
    z-index: 2; }
  .service-wrapper .top-section {
    margin-bottom: 5rem; }
  .service-wrapper .link-section {
    text-align: center; }

.service-wrap {
  display: flex;
  margin: 0 -1.5rem 5rem; }

.service-item {
  max-width: 35rem;
  padding: 4rem;
  background: #ffffff;
  border: 1px solid rgba(49, 107, 255, 0.4);
  box-sizing: border-box;
  margin: 0 1.5rem 3rem; }
  .service-item:hover {
    box-shadow: 0 0 6rem rgba(73, 98, 163, 0.35); }
    .service-item:hover .service-item__media:before {
      background: rgba(255, 220, 9, 0.2); }
    .service-item:hover .service-item__title span {
      opacity: 1; }

.service-item__media {
  margin-bottom: 2rem;
  padding: 1.2rem 0 0 3.5rem;
  position: relative; }
  .service-item__media:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    background: rgba(49, 107, 255, 0.08); }

.service-item__title {
  font-size: 2rem;
  line-height: 3rem;
  color: #1C2637;
  margin-bottom: 2rem;
  display: inline-block;
  position: relative;
  z-index: 2;
  cursor: pointer; }
  .service-item__title a {
    color: #1C2637; }
  .service-item__title span {
    z-index: -1;
    color: transparent;
    font-size: 2rem;
    line-height: 3rem;
    position: absolute;
    display: inline-block;
    left: 0;
    top: -1rem;
    opacity: 0;
    transition: all ease 300ms;
    text-decoration: underline rgba(255, 220, 9, 0.3) 1.1rem; }
  .service-item__title:hover:after {
    opacity: .3; }

.service-item__desc {
  color: #1C2637; }

.call-bg {
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Comfortaa", cursive;
  font-size: 25rem;
  line-height: 27.9rem;
  color: transparent;
  -webkit-text-stroke: 1px rgba(49, 107, 255, 0.1); }

.call-wrapper {
  position: relative;
  background: #1D254A;
  overflow: hidden;
  padding: 12rem 0 12rem; }
  .call-wrapper:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='1050' viewBox='0 0 1920 1050' fill='none'%3E%3Cg filter='url(%23filter0_f)'%3E%3Cellipse cx='960' cy='525' rx='798' ry='525' fill='%231D254A'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-108' y='-270' width='2136' height='1590' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='135' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .call-wrapper .container {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .call-wrapper #particles-js-1 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: .8; }
  .call-wrapper .title {
    font-family: "Comfortaa", cursive;
    font-size: 4.5rem;
    line-height: 5.5rem;
    color: #ffffff;
    margin-bottom: 3rem; }
    .call-wrapper .title span {
      color: #FFDC09; }
  .call-wrapper .subtitle {
    font-weight: 600;
    color: #C5D2EF; }

.call-desc {
  width: 40rem; }

.call-form {
  width: calc(100% - 47rem); }
  .call-form form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .call-form .label {
    width: calc(50% - 1rem);
    margin-bottom: 3rem; }
  .call-form .modal-group {
    width: 31rem;
    padding: 0 0 0 5rem; }
    .call-form .modal-group label {
      font-size: 1.2rem;
      line-height: 2rem;
      color: #B4BFDB;
      display: inline-block; }
    .call-form .modal-group a {
      font-size: 1.2rem;
      line-height: 2rem;
      display: inline;
      color: #316BFF;
      text-decoration: underline; }
      .call-form .modal-group a:hover {
        text-decoration: none; }
  .call-form .btn {
    width: 31rem; }
    .call-form .btn .center {
      margin-left: 6.2rem; }

.about-business .container {
  position: relative;
  z-index: 2; }

.about-business .top-section {
  margin-bottom: 5rem; }

.about-business__wrap {
  display: flex;
  justify-content: space-between; }

.about-business__accordion {
  width: 50%;
  max-width: 54rem; }
  .about-business__accordion .accordion-item {
    background: #ffffff;
    border: 0.1rem solid rgba(49, 107, 255, 0.4);
    box-sizing: border-box;
    padding: 1.5rem 1.5rem 1.5rem 3rem;
    margin-bottom: 2rem; }
    .about-business__accordion .accordion-item.active {
      padding: 1.5rem 1.5rem 3rem 3rem;
      box-shadow: 0 0 6rem rgba(73, 98, 163, 0.35);
      border-color: transparent; }
      .about-business__accordion .accordion-item.active .accordion-item__title {
        margin-bottom: 1.5rem; }
        .about-business__accordion .accordion-item.active .accordion-item__title span:after {
          opacity: .3; }
        .about-business__accordion .accordion-item.active .accordion-item__title .center {
          transform: rotate(180deg);
          border: 0.1rem solid #316bff; }
      .about-business__accordion .accordion-item.active .accordion-item__text {
        margin-bottom: 1.5rem; }
    .about-business__accordion .accordion-item__title {
      transform: rotate(0);
      transition: all ease 300ms;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer; }
      .about-business__accordion .accordion-item__title span {
        font-family: "Comfortaa", cursive;
        font-weight: bold;
        font-size: 20px;
        line-height: 30px;
        color: #1C2637;
        position: relative; }
        .about-business__accordion .accordion-item__title span:after {
          position: absolute;
          content: '';
          left: 0;
          transition: all ease 300ms;
          opacity: 0;
          bottom: .3rem;
          background: #FFDC09;
          height: 1.1rem;
          width: 100%;
          z-index: -1;
          border-radius: .2rem; }
      .about-business__accordion .accordion-item__title .center {
        width: 6rem;
        height: 6rem;
        border-radius: 50%;
        background: #ffffff;
        border: 0.1rem solid rgba(49, 107, 255, 0.4);
        box-sizing: border-box; }
        .about-business__accordion .accordion-item__title .center:after {
          display: none; }
    .about-business__accordion .accordion-item__link a {
      font-weight: 600;
      font-size: 1.2rem;
      line-height: 2rem;
      letter-spacing: 0.1em;
      color: #1C2637;
      position: relative; }
      .about-business__accordion .accordion-item__link a:after {
        position: absolute;
        content: '';
        right: -100%;
        top: 1rem;
        width: 7rem;
        height: .1rem;
        background: #316BFF;
        transition: all ease 300ms; }
      .about-business__accordion .accordion-item__link a:hover:after {
        right: -3rem;
        width: 2rem; }
    .about-business__accordion .accordion-item__text {
      width: calc(100% - 5rem); }

.about-business__media {
  position: relative; }
  .about-business__media span {
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 50%;
    margin: 0 auto;
    display: block; }
  .about-business__media .circle {
    background: rgba(49, 107, 255, 0.05);
    width: 45rem;
    height: 45rem;
    top: -8rem;
    left: -8rem; }
  .about-business__media .line {
    width: 37.4rem;
    height: 37.4rem;
    border: 1px solid rgba(49, 107, 255, 0.07); }
    .about-business__media .line:nth-of-type(1) {
      top: -5.4rem;
      left: -8rem; }
    .about-business__media .line:nth-of-type(2) {
      top: -3.8rem;
      left: -8rem; }
  .about-business__media img {
    position: relative;
    z-index: 2;
	width: 80%;}

.about-business .decor-elements {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .about-business .decor-elements__item {
    position: absolute; }
  .about-business .decor-elements .decor-1 {
    top: 30rem;
    right: 85rem;
    width: 2.4rem;
    height: 2.4rem;
    transition: all ease 100ms; }
  .about-business .decor-elements .decor-2 {
    bottom: 19.5rem;
    right: 32rem;
    transition: all ease 200ms; }
  .about-business .decor-elements .decor-3 {
    top: 34.7rem;
    right: 39rem;
    transition: all ease 250ms; }
  .about-business .decor-elements .decor-4 {
    top: 18.6rem;
    right: 1rem;
    transition: all ease 100ms; }

.service-type {
  background: rgba(244, 247, 255, 0.5); }
  .service-type .container {
    position: relative;
    z-index: 2; }
  .service-type .top-section {
    margin-bottom: 5rem; }
  .service-type__wrap {
    display: flex;
    margin: 0 -1.5rem 5rem; }
  .service-type__item {
    max-width: 35rem;
    padding: 4rem;
    background: #ffffff;
    border: 1px solid rgba(49, 107, 255, 0.4);
    box-sizing: border-box;
    margin: 0 1.5rem 3rem; }
    .service-type__item:hover {
      box-shadow: 0 0 6rem rgba(73, 98, 163, 0.35); }
      .service-type__item:hover .service-item__media:before {
        background: rgba(255, 220, 9, 0.2); }
      .service-type__item:hover .service-item__title span {
        opacity: 1; }
  .service-type__top {
    display: flex;
    align-items: center; }
  .service-type__media {
    margin: 0 2rem 2rem 0;
    padding: 1.2rem 0 0 3.5rem;
    position: relative; }
    .service-type__media:before {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      width: 7rem;
      height: 7rem;
      border-radius: 50%;
      background: rgba(49, 107, 255, 0.08); }
  .service-type__title {
    font-size: 2rem;
    line-height: 3rem;
    color: #1C2637;
    margin-bottom: 2rem;
    display: inline-block;
    position: relative;
    z-index: 2;
    cursor: pointer; }
    .service-type__title:after {
      position: absolute;
      content: '';
      left: 0;
      bottom: .3rem;
      background: #FFDC09;
      opacity: 0;
      height: 1.1rem;
      width: 100%;
      z-index: -1;
      border-radius: .2rem; }
    .service-type__title:hover:after {
      opacity: .3; }
  .service-type__desc {
    color: #1C2637; }

.product-wrapper {
  position: relative;
  background: #1D254A;
  overflow: hidden; }
  .product-wrapper:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='1050' viewBox='0 0 1920 1050' fill='none'%3E%3Cg filter='url(%23filter0_f)'%3E%3Cellipse cx='960' cy='525' rx='798' ry='525' fill='%231D254A'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-108' y='-270' width='2136' height='1590' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='135' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .product-wrapper .container {
    position: relative;
    z-index: 10; }
  .product-wrapper .link-section {
    text-align: center; }
  .product-wrapper #particles-js-2 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: .8; }
  .product-wrapper .top-section {
    margin-bottom: 5rem; }
  .product-wrapper .title-section {
    color: #ffffff; }
    .product-wrapper .title-section span {
      color: #FFDC09; }
  .product-wrapper .desc-section {
    color: #ffffff; }

.product-bg {
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  width: 100%;
  top: 15rem;
  left: 50%;
  transform: translate(-50%, 0%);
  font-family: "Comfortaa", cursive;
  font-size: 25rem;
  line-height: 27.9rem;
  color: transparent;
  -webkit-text-stroke: 1px rgba(49, 107, 255, 0.1); }

.product-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.5rem 0; }

.product-item {
  width: calc(33.333% - 3rem);
  margin: 0 1.5rem 3rem;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: rgba(36, 46, 90, 0.6);
  border: 1px solid rgba(49, 107, 255, 0.3);
  box-sizing: border-box;
  transition: all ease 300ms; }
  .product-item:hover {
    background: #212A54;
    box-shadow: 0 0 6rem rgba(6, 9, 23, 0.55);
    border-color: transparent; }
    .product-item:hover .product-item__title {
      color: #FFDC09; }
      .product-item:hover .product-item__title span {
        opacity: 1; }
  .product-item__title {
    position: relative;
    font-size: 2rem;
    line-height: 3rem;
    color: #ffffff;
    margin-bottom: 2rem;
    z-index: 2; }
    .product-item__title a {
      color: #ffffff; }
    .product-item__title span {
      color: transparent;
      font-size: 2rem;
      line-height: 3rem;
      position: absolute;
      display: inline-block;
      left: 0;
      top: -1rem;
      opacity: 0;
      transition: all ease 300ms;
      text-decoration: underline rgba(49, 107, 255, 0.3) 1.1rem;
      z-index: -1; }
  .product-item__text {
    color: #8C9ABB;
    margin-bottom: 2rem; }
  .product-item__link a {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ffffff;
    position: relative; }
    .product-item__link a:after {
      position: absolute;
      content: '';
      right: -100%;
      top: 1rem;
      width: 7rem;
      height: .1rem;
      background: #316BFF;
      transition: all ease 300ms; }
    .product-item__link a:hover:after {
      width: 2rem;
      right: -3rem; }

.partner-wrapper .container {
  position: relative;
  z-index: 2; }

.partner-slider {
  position: relative;
  z-index: 2; }
  .partner-slider .slick-list {
    padding: 3rem 1.5rem;
    margin: 0 -1.5rem; }
  .partner-slider .slide {
    margin: 0 1.5rem;
    height: 12.5rem;
    display: flex;
    border: 1px solid rgba(49, 107, 255, 0.08);
    flex-direction: column;
    justify-content: center;
    background: #ffffff; }
    .partner-slider .slide:hover {
      box-shadow: 0 0 3rem rgba(73, 98, 163, 0.2); }
      .partner-slider .slide:hover img {
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: none;
        -webkit-filter: grayscale(0); }
    .partner-slider .slide img {
      width: 80%;
      height: 80%;
      margin: 0 auto;
      object-fit: contain;
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: gray;
      -webkit-filter: grayscale(1);
      transition: all ease 300ms; }
  .partner-slider__nav {
    z-index: 2;
    bottom: 0;
    width: 13.5rem;
    display: flex;
    justify-content: space-between; }
    .partner-slider__nav .left:hover:after {
      border-color: #316bff;
      border-left-color: rgba(140, 154, 187, 0.8);
      animation: leftRotate infinite linear 1500ms; }
    .partner-slider__nav .right:hover:after {
      border-color: #316bff;
      border-left-color: rgba(140, 154, 187, 0.8);
      animation: rotate infinite linear 1500ms; }
    .partner-slider__nav .center {
      width: 6rem;
      height: 6rem;
      border-radius: 50%;
      box-sizing: border-box;
      cursor: pointer;
      position: relative; }
      .partner-slider__nav .center .icon {
        fill: #1C2637;
        width: 1.4rem;
        height: 2rem; }
      .partner-slider__nav .center:after {
        position: absolute;
        content: '';
        border-radius: inherit;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border: 0.1rem solid rgba(49, 107, 255, 0.15); }

.service-product {
  background: rgba(244, 247, 255, 0.5); }
  .service-product .top-section {
    margin-bottom: 5rem; }
  .service-product .container {
    position: relative;
    z-index: 2; }
  .service-product__wrap {
    display: flex;
    flex-wrap: wrap; }
  .service-product__item {
    width: calc(50% - 3rem);
    margin: 0 1.5rem 3rem;
    display: flex;
    align-items: flex-start;
    padding: 4rem;
    background: #ffffff;
    border: 1px solid rgba(49, 107, 255, 0.4);
    box-sizing: border-box; }
    .service-product__item:hover {
      box-shadow: 0 0 6rem rgba(73, 98, 163, 0.35);
      border-color: transparent; }
      .service-product__item:hover .service-product__title span {
        opacity: 1; }
      .service-product__item:hover .service-product__media:before {
        background: rgba(255, 220, 9, 0.2); }
  .service-product__media {
    margin: 0 2rem 2rem 0;
    padding: 1.2rem 0 0 3.5rem;
    position: relative; }
    .service-product__media:before {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      width: 7rem;
      height: 7rem;
      border-radius: 50%;
      background: rgba(49, 107, 255, 0.08); }
  .service-product__title {
    font-size: 2rem;
    line-height: 3rem;
    color: #1C2637;
    margin-bottom: 2rem;
    display: inline-block;
    position: relative;
    z-index: 2;
    cursor: pointer; }
    .service-product__title a {
      color: #1C2637; }
    .service-product__title span {
      z-index: -1;
      color: transparent;
      font-size: 2rem;
      line-height: 3rem;
      position: absolute;
      display: inline-block;
      left: 0;
      top: -1rem;
      opacity: 0;
      transition: all ease 300ms;
      text-decoration: underline rgba(255, 220, 9, 0.3) 1.1rem; }
  .service-product__desc {
    color: #1C2637; }

.banner-bg {
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  font-family: "Comfortaa", cursive;
  font-size: 25rem;
  line-height: 27.9rem;
  color: transparent;
  -webkit-text-stroke: 1px rgba(49, 107, 255, 0.1); }

.banner-wrapper {
  position: relative;
  background: #1D254A;
  overflow: hidden; }
  .banner-wrapper:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='1050' viewBox='0 0 1920 1050' fill='none'%3E%3Cg filter='url(%23filter0_f)'%3E%3Cellipse cx='960' cy='525' rx='798' ry='525' fill='%231D254A'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-108' y='-270' width='2136' height='1590' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='135' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .banner-wrapper .container {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  .banner-wrapper #particles-js-3 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: .8; }

.banner-form {
  max-width: 63.5rem; }
  .banner-form form {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap; }
  .banner-form .modal-group {
    padding: 3rem 0 0 5rem;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #C5D2EF; }
    .banner-form .modal-group a {
      color: #316BFF;
      text-decoration: underline; }
      .banner-form .modal-group a:hover {
        text-decoration: none; }
  .banner-form .label {
    width: 31rem;
    margin-right: 1.5rem; }
  .banner-form .label-checkbox {
    width: 31rem;
    margin-right: 1.5rem; }
    .banner-form .label-checkbox:before {
      top: -.7rem; }
    .banner-form .label-checkbox:after {
      top: 0.2rem; }
  .banner-form .btn {
    width: 31rem; }
    .banner-form .btn span {
      margin-left: 7.2rem; }

.banner-desc {
  max-width: 38.2rem; }
  .banner-desc .title-section {
    color: #ffffff;
    margin-bottom: 3rem; }
    .banner-desc .title-section span {
      color: #FFDC09; }
  .banner-desc .text-section {
    font-weight: 600;
    color: #C5D2EF; }

.blog-wrapper {
  overflow: hidden;
  position: relative; }
  .blog-wrapper .container {
    position: relative;
    z-index: 2; }
  .blog-wrapper .top-section {
    margin-bottom: 5rem; }
  .blog-wrapper .decor-text {
    white-space: nowrap; }

.blog-slider {
  margin: 0 0 5rem; }
  .blog-slider .slick-list {
    margin: 0 -1.5rem; }
  .blog-slider .slide {
    padding: 0  1.5rem; }
  .blog-slider__media {
    margin-bottom: 2rem;
    overflow: hidden;
    position: relative; }
    .blog-slider__media .link {
      position: absolute;
      z-index: 2;
      bottom: 8.3rem;
      left: 5.6rem;
      opacity: 0;
      transition: all ease 300ms; }
      .blog-slider__media .link a {
        border-radius: 50%;
        width: 10rem;
        height: 10rem;
        text-align: center;
        background: #316BFF;
        font-weight: 600;
        font-size: 1.2rem;
        line-height: 10rem;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #FFFFFF; }
    .blog-slider__media.active .link {
      opacity: 1; }
    .blog-slider__media img {
      width: 100%; }
  .blog-slider__desc {
    display: flex;
    flex-wrap: wrap; }
  .blog-slider__category {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 2rem;
    display: flex;
    align-items: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1C2637;
    padding-left: 2.5rem;
    position: relative; }
    .blog-slider__category:before {
      position: absolute;
      content: '';
      left: 0;
      top: .5rem;
      border-radius: 50%;
      width: 1rem;
      height: 1rem;
      border: 0.2rem solid #316BFF; }
  .blog-slider__date {
    margin: 0 0 0 auto;
    font-size: 1.3rem;
    line-height: 2rem;
    color: #828DA7; }
  .blog-slider__title {
    width: 100%;
    margin-top: 1.5rem;
    font-family: "Comfortaa", cursive;
    font-weight: bold;
    font-size: 2rem;
    line-height: 3rem;
    color: #1C2637;
    position: relative; }
    .blog-slider__title a {
      color: #1C2637;
      position: relative;
      z-index: 2; }
    .blog-slider__title span {
      z-index: -1;
      color: transparent;
      font-size: 2rem;
      line-height: 3rem;
      position: absolute;
      display: inline-block;
      left: 0;
      top: -1rem;
      opacity: 0;
      transition: all ease 300ms;
      text-decoration: underline rgba(255, 220, 9, 0.3) 1.1rem; }
    .blog-slider__title:hover span {
      opacity: 1; }

.blog-item__title a {
  color: #1C2637;
  position: relative;
  z-index: 2; }

.blog-item:hover .link {
  opacity: 1; }

.blog-navigation {
  display: flex;
  align-items: center; }
  .blog-navigation .left:hover:after {
    border-color: #316bff;
    border-left-color: rgba(140, 154, 187, 0.8);
    animation: leftRotate infinite linear 1500ms; }
  .blog-navigation .right:hover:after {
    border-color: #316bff;
    border-left-color: rgba(140, 154, 187, 0.8);
    animation: rotate infinite linear 1500ms; }
  .blog-navigation .center {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    position: relative; }
    .blog-navigation .center .icon {
      fill: #1C2637;
      width: 1.4rem;
      height: 2rem; }
    .blog-navigation .center:after {
      position: absolute;
      content: '';
      border-radius: inherit;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border: 0.1rem solid rgba(49, 107, 255, 0.15); }
  .blog-navigation .left {
    margin-right: 1.5rem; }
  .blog-navigation .btn-secondary {
    margin: 0 0 0 auto; }
    .blog-navigation .btn-secondary .icon {
      fill: #ffffff; }

.contact-wrapper {
  position: relative;
  background: rgba(244, 247, 255, 0.5);
  z-index: 2; }
  .contact-wrapper .top-section {
    margin-bottom: 5rem; }
  .contact-wrapper .contact-form {
    margin-bottom: 8rem; }
    .contact-wrapper .contact-form form {
      display: flex;
      flex-wrap: wrap;
      position: relative;
      padding-bottom: 6rem; }
    .contact-wrapper .contact-form .label {
      width: 39.4rem;
      margin-right: 1.5rem; }
    .contact-wrapper .contact-form .input {
      background: rgba(255, 255, 255, 0.6); }
  .contact-wrapper .modal-group {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 2.5rem;
    padding-left: 5rem; }
    .contact-wrapper .modal-group a {
      color: #316BFF;
      text-decoration: underline; }
      .contact-wrapper .modal-group a:hover {
        text-decoration: none; }
    .contact-wrapper .modal-group .label-checkbox:before {
      top: -.7rem;
      background: #ffffff; }
    .contact-wrapper .modal-group .label-checkbox:after {
      top: .3rem; }
    .contact-wrapper .modal-group .input-checkbox:checked + .label-checkbox:before {
      background: #316BFF; }
  .contact-wrapper .contact-address {
    margin-bottom: 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .contact-wrapper .contact-address__title {
      font-family: "Comfortaa", cursive;
      font-weight: bold;
      font-size: 3rem;
      line-height: 4rem;
      color: #1C2637; }
    .contact-wrapper .contact-address__desc {
      font-weight: 600;
      color: #1C2637;
      display: flex;
      align-items: center; }
      .contact-wrapper .contact-address__desc .icon {
        width: 1.2rem;
        height: 2.2rem;
        fill: #316BFF;
        margin-right: 1.5rem; }
      .contact-wrapper .contact-address__desc span {
        color: #316BFF;
        margin-right: .3rem; }

.service-price .container {
  position: relative;
  z-index: 2; }

.service-price .top-section {
  margin-bottom: 5rem; }

.service-price__accordion {
  width: 100%; }
  .service-price__accordion .accordion-item {
    background: #ffffff;
    border: 0.1rem solid rgba(49, 107, 255, 0.4);
    box-sizing: border-box;
    padding: 1.5rem 1.5rem 1.5rem 3rem;
    margin-bottom: 2rem; }
    .service-price__accordion .accordion-item.active {
      padding: 1.5rem 1.5rem 3rem 3rem;
      box-shadow: 0 0 6rem rgba(73, 98, 163, 0.35);
      border-color: transparent; }
      .service-price__accordion .accordion-item.active .accordion-item__title {
        margin-bottom: 1.5rem; }
        .service-price__accordion .accordion-item.active .accordion-item__title span:after {
          opacity: .3; }
        .service-price__accordion .accordion-item.active .accordion-item__title .center {
          transform: rotate(180deg);
          border: 0.1rem solid #316bff; }
      .service-price__accordion .accordion-item.active .accordion-item__text {
        margin-bottom: 1.5rem; }
    .service-price__accordion .accordion-item__title {
      transform: rotate(0);
      transition: all ease 300ms;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer; }
      .service-price__accordion .accordion-item__title span {
        font-family: "Comfortaa", cursive;
        font-weight: bold;
        font-size: 2rem;
        line-height: 3rem;
        color: #1C2637;
        position: relative; }
        .service-price__accordion .accordion-item__title span:after {
          position: absolute;
          content: '';
          left: 0;
          transition: all ease 300ms;
          opacity: 0;
          bottom: .3rem;
          background: #FFDC09;
          height: 1.1rem;
          width: 100%;
          z-index: -1;
          border-radius: .2rem; }
      .service-price__accordion .accordion-item__title .price {
        font-size: 2rem;
        line-height: 3rem;
        color: #1C2637;
        font-family: "Comfortaa", cursive;
        font-weight: bold;
        margin: 0 3rem 0 auto; }
      .service-price__accordion .accordion-item__title .center {
        width: 6rem;
        height: 6rem;
        border-radius: 50%;
        background: #ffffff;
        border: 0.1rem solid rgba(49, 107, 255, 0.4);
        box-sizing: border-box; }
        .service-price__accordion .accordion-item__title .center:after {
          display: none; }
    .service-price__accordion .accordion-item__link a {
      font-weight: 600;
      font-size: 1.2rem;
      line-height: 2rem;
      letter-spacing: 0.1em;
      color: #1C2637;
      position: relative; }
      .service-price__accordion .accordion-item__link a:after {
        position: absolute;
        content: '';
        right: -9rem;
        top: 1rem;
        width: 7rem;
        height: .1rem;
        background: #316BFF;
        transition: all ease 300ms; }
      .service-price__accordion .accordion-item__link a:hover:after {
        right: -3rem;
        width: 2rem; }
    .service-price__accordion .accordion-item__text {
      width: calc(100% - 5rem); }

.achievement-wrapper {
  background: rgba(244, 247, 255, 0.5); }
  .achievement-wrapper .top-section {
    margin-bottom: 5rem; }
  .achievement-wrapper .container {
    position: relative;
    z-index: 2; }

.achievement-wrap {
  display: flex;
  justify-content: space-between; }

.achievement-item {
  width: calc(33.3333% - 3rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.5rem;
  border: 0.1rem solid rgba(49, 107, 255, 0.4);
  background: #ffffff;
  box-sizing: border-box; }
  .achievement-item:hover {
    box-shadow: 0 0 6rem rgba(73, 98, 163, 0.35); }
    .achievement-item:hover span {
      z-index: 1; }
      .achievement-item:hover span:after {
        opacity: .3; }
  .achievement-item span {
    font-family: "Comfortaa", cursive;
    font-weight: bold;
    font-size: 2rem;
    line-height: 3rem;
    color: #1C2637;
    margin-bottom: 1rem;
    position: relative; }
    .achievement-item span:after {
      position: absolute;
      content: '';
      left: 0;
      transition: all ease 300ms;
      opacity: 0;
      bottom: .3rem;
      background: #FFDC09;
      height: 1.1rem;
      width: 100%;
      z-index: -1;
      border-radius: .2rem; }
    .achievement-item span:last-of-type {
      margin-bottom: 0; }
    .achievement-item span.text-primary {
      font-size: 4.5rem;
      line-height: 5rem;
      color: #316BFF; }
      .achievement-item span.text-primary:after {
        display: none; }

.subscriber-service .top-section {
  margin-bottom: 5rem; }

.subscriber-service .container {
  position: relative;
  z-index: 2; }

.subscriber-service__wrap {
  display: flex;
  justify-content: space-between; }

.subscriber-service__desc {
  width: 50%;
  max-width: 48rem; }
  .subscriber-service__desc h4 {
    font-family: "Comfortaa", cursive;
    font-weight: bold;
    font-size: 2rem;
    line-height: 3rem;
    color: #1C2637;
    margin-bottom: 3rem; }
  .subscriber-service__desc p {
    color: #1C2637;
    margin-bottom: 2.5rem; }

.subscriber-service__media {
  width: 50%;
  position: relative; }
  .subscriber-service__media span {
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 50%;
    margin: 0 auto;
    display: block; }
  .subscriber-service__media .circle {
    background: rgba(49, 107, 255, 0.05);
    width: 45.8rem;
    height: 45.8rem;
    top: -8rem;
    left: -12rem; }
  .subscriber-service__media .line {
    border: 0.1rem solid rgba(49, 107, 255, 0.07); }
    .subscriber-service__media .line:nth-of-type(1) {
      top: -5.4rem;
      left: -8rem;
      width: 42.6rem;
      height: 42.6rem; }
    .subscriber-service__media .line:nth-of-type(2) {
      top: -4.8rem;
      left: -8rem;
      width: 42.1rem;
      height: 42.1rem; }
  .subscriber-service__media img {
    position: relative;
    z-index: 2; }

.subscriber-service .decor-elements {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .subscriber-service .decor-elements__item {
    position: absolute; }
  .subscriber-service .decor-elements .decor-1 {
    top: 30rem;
    right: 85rem;
    width: 2.4rem;
    height: 2.4rem;
    transition: all ease 100ms; }
  .subscriber-service .decor-elements .decor-2 {
    bottom: 19.5rem;
    right: 32rem;
    transition: all ease 200ms; }
  .subscriber-service .decor-elements .decor-3 {
    top: 34.7rem;
    right: 39rem;
    transition: all ease 250ms; }
  .subscriber-service .decor-elements .decor-4 {
    top: 18.6rem;
    right: 1rem;
    transition: all ease 100ms; }

.popular-product {
  background: rgba(244, 247, 255, 0.5); }
  .popular-product .top-section {
    margin-bottom: 5rem; }
  .popular-product .container {
    position: relative;
    z-index: 2; }
  .popular-product__wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5rem 0; }
  .popular-product__item {
    width: calc(33.333% - 3rem);
    margin: 0 1.5rem 3rem;
    padding: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #ffffff;
    border: 0.1rem solid rgba(49, 107, 255, 0.3);
    box-sizing: border-box;
    transition: all ease 300ms; }
    .popular-product__item:hover {
      box-shadow: 0 0 6rem rgba(73, 98, 163, 0.35);
      border-color: transparent; }
      .popular-product__item:hover .popular-product__title span {
        opacity: 1; }
  .popular-product__title {
    position: relative;
    font-size: 2rem;
    line-height: 3rem;
    color: #1C2637;
    margin-bottom: 2rem; }
    .popular-product__title span {
      color: transparent;
      font-size: 2rem;
      line-height: 3rem;
      position: absolute;
      display: inline-block;
      left: 0;
      top: -1rem;
      opacity: 0;
      transition: all ease 300ms;
      text-decoration: underline rgba(255, 220, 9, 0.3) 1.1rem; }
  .popular-product__text {
    color: #1C2637;
    margin-bottom: 2rem; }
  .popular-product__link a {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1C2637;
    position: relative; }
    .popular-product__link a:after {
      position: absolute;
      content: '';
      right: -100%;
      top: 1rem;
      width: 7rem;
      height: .1rem;
      background: #316BFF;
      transition: all ease 300ms; }
    .popular-product__link a:hover:after {
      width: 2rem;
      right: -3rem; }

.experience-bg {
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Comfortaa", cursive;
  font-size: 25rem;
  line-height: 27.9rem;
  color: transparent;
  -webkit-text-stroke: 0.1rem rgba(49, 107, 255, 0.1); }

.experience-wrapper {
  position: relative;
  background: #1D254A;
  overflow: hidden;
  padding: 12rem 0 12rem; }
  .experience-wrapper:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='1050' viewBox='0 0 1920 1050' fill='none'%3E%3Cg filter='url(%23filter0_f)'%3E%3Cellipse cx='960' cy='525' rx='798' ry='525' fill='%231D254A'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-108' y='-270' width='2136' height='1590' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='135' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .experience-wrapper .container {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .experience-wrapper #particles-js-2 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: .8; }
  .experience-wrapper .title {
    font-family: "Comfortaa", cursive;
    font-size: 4.5rem;
    line-height: 5.5rem;
    color: #ffffff;
    margin-bottom: 3rem; }
    .experience-wrapper .title span {
      color: #FFDC09; }

.experience-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }

.experience-desc {
  width: 50%;
  max-width: 54rem; }
  .experience-desc .text p {
    color: #C5D2EF; }

.experience-media {
  width: 50%; }

.experience-inner {
  width: 100%;
  display: flex;
  justify-content: space-between; }

.experience-item {
  width: calc(33.3333% - 3rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.5rem;
  background: rgba(36, 46, 90, 0.6);
  border: 0.1rem solid rgba(49, 107, 255, 0.3);
  box-sizing: border-box;
  transition: all ease 300ms; }
  .experience-item:hover {
    background: #212A54;
    box-shadow: 0 0 6rem rgba(6, 9, 23, 0.55);
    border-color: transparent; }
    .experience-item:hover span {
      z-index: 1; }
      .experience-item:hover span:after {
        opacity: .3; }
      .experience-item:hover span.text-secondary {
        color: #FFDC09; }
  .experience-item span {
    font-family: "Comfortaa", cursive;
    font-weight: bold;
    font-size: 2rem;
    line-height: 3rem;
    color: #ffffff;
    margin-bottom: 1rem;
    position: relative; }
    .experience-item span:after {
      position: absolute;
      content: '';
      left: 0;
      transition: all ease 300ms;
      opacity: 0;
      bottom: .3rem;
      background: #316BFF;
      height: 1.1rem;
      width: 100%;
      z-index: -1;
      border-radius: .2rem; }
    .experience-item span:last-of-type {
      margin-bottom: 0; }
    .experience-item span.text-secondary {
      font-size: 4.5rem;
      line-height: 5rem;
      color: #ffffff; }
      .experience-item span.text-secondary:after {
        display: none; }

.text-wrapper {
  background: rgba(244, 247, 255, 0.5); }
  .text-wrapper .top-section {
    margin-bottom: 5rem; }
  .text-wrapper .container {
    position: relative;
    z-index: 2; }
  .text-wrapper .title-block {
    margin-bottom: 3rem; }
  .text-wrapper .text111 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
  }
    .text-wrapper .text111 p {
      width: 50%;
      max-width: 50rem;
    }

.advantage-wrapper .top-section {
  margin-bottom: 5rem; }

.advantage-wrapper .container {
  position: relative;
  z-index: 2; }

.advantage-wrapper .advantage-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.5rem 0; }

.advantage-wrapper .advantage-item {
  width: calc(33.333% - 3rem);
  margin: 0 1.5rem 3rem; }

.certificate-wrapper {
  background: rgba(244, 247, 255, 0.5); }
  .certificate-wrapper .container {
    position: relative;
    z-index: 2; }
  .certificate-wrapper .top-section {
    margin-bottom: 3.5rem; }
  .certificate-wrapper .certificate-slider .slick-list {
    padding: 3rem  1.5rem;
    margin: 0 -1.5rem; }
  .certificate-wrapper .certificate-slider .slide {
    outline: none !important;
    padding: 1.5rem; }
    .certificate-wrapper .certificate-slider .slide:hover img {
      filter: grayscale(0%);
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      filter: none;
      -webkit-filter: grayscale(0);
      box-shadow: 0 0 3rem rgba(73, 98, 163, 0.35); }
    .certificate-wrapper .certificate-slider .slide img {
      width: 100%;
      height: 100%;
      margin: 0 auto;
      object-fit: contain;
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: gray;
      -webkit-filter: grayscale(1);
      transition: all ease 300ms; }

.reviews-wrapper .container {
  position: relative;
  z-index: 2; }

.reviews-wrapper .top-section {
  margin-bottom: 0; }

.reviews-slider {
  margin-bottom: 5rem; }
  .reviews-slider .slide {
    padding: 6rem 1.5rem; }
    .reviews-slider .slide.slick-active .reviews-item {
      margin: 0 auto 0 0; }
    .reviews-slider .slide.slick-current .reviews-item {
      margin: 0 0 0 auto; }
  .reviews-slider .slick-list {
    margin: 0 -7.5rem; }

.reviews-item {
  padding: 4rem;
  background: #ffffff;
  border: 1px solid rgba(49, 107, 255, 0.4);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 54rem; }
  .reviews-item:hover {
    border-color: transparent;
    box-shadow: 0 0 6rem rgba(73, 98, 163, 0.35); }
    .reviews-item:hover .reviews-author__name span {
      opacity: 1; }
    .reviews-item:hover .reviews-author__logo img {
      filter: grayscale(0%); }

.reviews-author {
  margin: 0 0 0 3rem;
  max-width: 18.5rem; }

.reviews-author__media {
  width: 9.9rem;
  height: 9.9rem;
  background: #F2F6FD;
  border-radius: 50%;
  overflow: hidden; }
  .reviews-author__media img {
    width: 100%;
    height: 100%;
    border-radius: inherit; }
  .reviews-author__media span {
    width: 100%;
    height: 100%; }
  .reviews-author__media .icon {
    width: 3.5rem;
    height: 4rem;
    fill: #CFD9E9; }

.reviews-author__name {
  font-size: 2rem;
  line-height: 3rem;
  color: #1C2637;
  display: inline-block;
  position: relative;
  z-index: 2; }
  .reviews-author__name span {
    z-index: -1;
    color: transparent;
    font-size: 2rem;
    line-height: 3rem;
    position: absolute;
    display: inline-block;
    left: 0;
    top: -1rem;
    opacity: 0;
    transition: all ease 300ms;
    text-decoration: underline rgba(255, 220, 9, 0.3) 1.1rem; }

.reviews-author__post {
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #8C9ABB; }

.reviews-author__logo {
  margin: 0 1rem 0 auto;
  position: relative;
  top: -2rem;
  right: -2rem; }
  .reviews-author__logo img {
    filter: grayscale(100%); }

.reviews-author__text {
  margin-top: 2rem;
  width: 100%;
  color: #1C2637; }
  .reviews-author__text a {
    display: inline-block;
    color: #316BFF; }

.cases-wrapper {
  background: rgba(244, 247, 255, 0.5); }
  .cases-wrapper .container {
    position: relative;
    z-index: 2; }
  .cases-wrapper .cases-navigation {
    margin-top: 3rem;
    display: flex;
    align-items: center; }
    .cases-wrapper .cases-navigation .left:hover:after {
      border-color: #316bff;
      border-left-color: rgba(140, 154, 187, 0.8);
      animation: leftRotate infinite linear 1500ms; }
    .cases-wrapper .cases-navigation .right:hover:after {
      border-color: #316bff;
      border-left-color: rgba(140, 154, 187, 0.8);
      animation: rotate infinite linear 1500ms; }
    .cases-wrapper .cases-navigation .center {
      width: 6rem;
      height: 6rem;
      border-radius: 50%;
      box-sizing: border-box;
      cursor: pointer;
      position: relative; }
      .cases-wrapper .cases-navigation .center .icon {
        fill: #1C2637;
        width: 1.4rem;
        height: 2rem; }
      .cases-wrapper .cases-navigation .center:after {
        position: absolute;
        content: '';
        border-radius: inherit;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border: 0.1rem solid rgba(49, 107, 255, 0.15); }
    .cases-wrapper .cases-navigation .left {
      margin-right: 1.5rem; }
    .cases-wrapper .cases-navigation .btn-secondary {
      margin: 0 0 0 auto; }
      .cases-wrapper .cases-navigation .btn-secondary span {
        margin-left: 4.2rem; }
      .cases-wrapper .cases-navigation .btn-secondary .icon {
        fill: #ffffff; }
  .cases-wrapper .top-section .title-section span {
    display: inline-block; }

.cases-wrap {
  display: flex;
  flex-grow: 1;
  margin: 0 0 0 0; }
  .cases-wrap:hover .cases-title span {
    opacity: 1; }
  .cases-wrap:hover .cases-desc {
    z-index: 3;
    box-shadow: 0 0 4rem rgba(73, 98, 163, 0.35);
    border-color: transparent; }
  .cases-wrap:hover .cases-media {
    z-index: 2; }

.cases-desc {
  width: 100%;
  padding: 5rem;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(49, 107, 255, 0.4);
  box-sizing: border-box;
  transition: all ease 300ms; }

.cases-title {
  font-size: 2rem;
  line-height: 3rem;
  color: #1C2637;
  margin-bottom: 3rem;
  display: inline-block;
  position: relative;
  z-index: 2;
  cursor: pointer; }
  .cases-title a {
    z-index: 2;
    position: relative; }
  .cases-title span {
    z-index: -1;
    color: transparent;
    font-size: 2rem;
    line-height: 3rem;
    position: absolute;
    display: inline-block;
    left: 0;
    top: -1rem;
    opacity: 0;
    transition: all ease 300ms;
    text-decoration: underline rgba(255, 220, 9, 0.3) 1.1rem; }

.cases-text {
  margin-bottom: 2rem; }

.cases-media {
  width: 100%; }
  .cases-media img {
    width: 100%;
    height: 100%; }

.customers-wrapper .container {
  position: relative;
  z-index: 2; }

.customers-wrapper .customers-slider .slick-list {
  padding: 3rem 1.5rem;
  margin: 0 -3rem; }

.customers-wrapper .customers-slider .slide {
  outline: none !important;
  height: 12.5rem;
  margin: 0 1.5rem;
  padding: 1rem 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid rgba(49, 107, 255, 0.4);
  box-sizing: border-box; }
  .customers-wrapper .customers-slider .slide:hover {
    box-shadow: 0 0 3rem rgba(73, 98, 163, 0.2); }
    .customers-wrapper .customers-slider .slide:hover img {
      filter: grayscale(0); }
  .customers-wrapper .customers-slider .slide img {
    max-height: 8rem;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
    filter: grayscale(100%); }

.presentation-bg {
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Comfortaa", cursive;
  font-size: 25rem;
  line-height: 27.9rem;
  color: transparent;
  -webkit-text-stroke: 1px rgba(49, 107, 255, 0.1); }

.presentation-wrapper {
  position: relative;
  background: #1D254A;
  overflow: hidden;
  padding: 12rem 0 12rem; }
  .presentation-wrapper:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='1050' viewBox='0 0 1920 1050' fill='none'%3E%3Cg filter='url(%23filter0_f)'%3E%3Cellipse cx='960' cy='525' rx='798' ry='525' fill='%231D254A'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-108' y='-270' width='2136' height='1590' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='135' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .presentation-wrapper .container {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .presentation-wrapper #particles-js-3 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: .8; }
  .presentation-wrapper .top-section {
    width: 100%; }
  .presentation-wrapper .title-section {
    font-family: "Comfortaa", cursive;
    font-size: 4.5rem;
    line-height: 5.5rem;
    color: #ffffff;
    margin-bottom: 3rem; }
    .presentation-wrapper .title-section span {
      color: #FFDC09;
      display: inline-block; }
  .presentation-wrapper .desc-section {
    max-width: 50rem;
    color: #8C9ABB; }

.presentation-form form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.presentation-form .label, .presentation-form .label-select {
  width: calc(50% - .75rem);
  margin-bottom: 1.5rem; }

.presentation-form .modal-group {
  padding-left: 5rem;
  width: calc(50% - .75rem);
  box-sizing: border-box; }
  .presentation-form .modal-group .label-checkbox {
    color: rgba(140, 154, 187, 0.8); }
  .presentation-form .modal-group .input-checkbox:checked + .label-checkbox {
    color: #ffffff; }
  .presentation-form .modal-group a {
    color: #316BFF;
    text-decoration: underline; }
    .presentation-form .modal-group a:hover {
      text-decoration: none; }

.presentation-form .btn-primary {
  justify-content: center;
  width: calc(50% - .75rem); }
  .presentation-form .btn-primary .text-btn {
    margin: 0 auto;
    width: auto;
    height: auto;
    background: transparent; }

.form-info {
  color: rgba(140, 154, 187, 0.8); }

.blog-page .container {
  position: relative;
  z-index: 10; }

.blog-wrap {
  margin: 0 0 5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .blog-wrap .blog-item {
    width: calc(50% - 3rem);
    margin-bottom: 5rem; }

.blog-item__media {
  margin-bottom: 2rem;
  overflow: hidden;
  position: relative; }
  .blog-item__media .link {
    position: absolute;
    z-index: 2;
    bottom: 8.3rem;
    left: 5.6rem;
    opacity: 0;
    transition: all ease 300ms; }
    .blog-item__media .link a {
      border-radius: 50%;
      width: 10rem;
      height: 10rem;
      text-align: center;
      background: #316BFF;
      font-weight: 600;
      font-size: 1.2rem;
      line-height: 10rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #FFFFFF; }
  .blog-item__media.active .link {
    opacity: 1; }
  .blog-item__media img {
    width: 100%; }

.blog-item__desc {
  display: flex;
  flex-wrap: wrap; }

.blog-item__category {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2rem;
  display: flex;
  align-items: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1C2637;
  padding-left: 2.5rem;
  position: relative; }
  .blog-item__category:before {
    position: absolute;
    content: '';
    left: 0;
    top: .5rem;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    border: 0.2rem solid #316BFF; }

.blog-item__date {
  margin: 0 0 0 auto;
  font-size: 1.3rem;
  line-height: 2rem;
  color: #828DA7; }

.blog-item__title {
  width: 100%;
  margin-top: 1.5rem;
  font-family: "Comfortaa", cursive;
  font-weight: bold;
  font-size: 2rem;
  line-height: 3rem;
  color: #1C2637;
  position: relative; }
  .blog-item__title span {
    z-index: -1;
    color: transparent;
    font-size: 2rem;
    line-height: 3rem;
    position: absolute;
    display: inline-block;
    left: 0;
    top: -1rem;
    opacity: 0;
    transition: all ease 300ms;
    text-decoration: underline rgba(255, 220, 9, 0.3) 1.1rem; }
  .blog-item__title:hover span {
    opacity: 1; }

.call-form-blog form {
  align-items: center; }

.call-form-blog .btn-primary {
  margin-bottom: 3rem; }
  .call-form-blog .btn-primary .center {
    margin-left: 7.2rem; }

.call-form-blog .modal-group {
  width: 63rem; }
  .call-form-blog .modal-group .label-checkbox:before {
    top: -.5rem; }
  .call-form-blog .modal-group .label-checkbox:after {
    top: .4rem; }

.blog-post {
  padding: 5rem 0 12rem; }
  .blog-post .container {
    position: relative;
    z-index: 10; }
  .blog-post__media {
    margin-bottom: 5rem;
    overflow: hidden;
    position: relative; }
    .blog-post__media img {
      width: 100%; }
  .blog-post__desc {
    display: flex;
    flex-wrap: wrap;
    max-width: 73rem;
    margin: 0 auto 5rem; }
  .blog-post__category {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 2rem;
    display: flex;
    align-items: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1C2637;
    padding-left: 2.5rem;
    position: relative; }
    .blog-post__category:before {
      position: absolute;
      content: '';
      left: 0;
      top: .5rem;
      border-radius: 50%;
      width: 1rem;
      height: 1rem;
      border: 0.2rem solid #316BFF; }
  .blog-post__date {
    margin: 0 0 0 5rem;
    font-size: 1.3rem;
    line-height: 2rem;
    color: #828DA7; }
    .blog-post__date:before {
      position: absolute;
      content: '';
      left: 0;
      top: 50%;
      margin-top: -.2rem;
      border-radius: 50%;
      width: .3rem;
      height: .3rem;
      background: #1C2637; }
  .blog-post__read {
    margin: 0 0 0 auto;
    font-size: 1.3rem;
    line-height: 2rem;
    color: #1C2637; }
  .blog-post__title {
    font-family: "Comfortaa", cursive;
    font-style: normal;
    font-weight: bold;
    font-size: 4.5rem;
    line-height: 5.5rem;
    color: #1C2637;
    margin: 0 auto 6rem;
    max-width: 73rem; }
  .blog-post .text-block {
    max-width: 73rem;
    margin: 0 auto; }
  .blog-post__author {
    max-width: 73rem;
    margin: 0 auto 5rem;
    display: flex;
    align-items: center; }
  .blog-post__author-media {
    width: 7rem;
    height: 7rem;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 2rem; }
    .blog-post__author-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: inherit; }
  .blog-post__author-post {
    font-size: 1.3rem;
    line-height: 2rem;
    color: #828DA7;
    margin-bottom: 1rem; }
  .blog-post__author-title {
    font-size: 2rem;
    line-height: 2rem;
    color: #191C25;
    font-family: "Comfortaa", cursive;
    font-style: normal;
    font-weight: bold; }
  .blog-post__author-like {
    margin: 3rem 0 0 auto; }
    .blog-post__author-like .icon {
      width: 2rem;
      margin-right: 1.5rem;
      fill: #FF2950; }
    .blog-post__author-like span {
      font-weight: 500;
      font-size: 1.5rem;
      line-height: 2rem;
      color: #1C2637; }
  .blog-post__share {
    max-width: 73rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .blog-post__share-title {
    font-family: "Comfortaa", cursive;
    font-style: normal;
    font-weight: bold;
    font-size: 2rem;
    line-height: 2rem;
    color: #191C25; }
  .blog-post__share-link ul {
    display: flex; }
  .blog-post__share-link li {
    margin-right: .5rem; }
  .blog-post__share-link a span {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    position: relative; }
    .blog-post__share-link a span:after {
      position: absolute;
      content: '';
      border-radius: inherit;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border: 0.1rem solid rgba(49, 107, 255, 0.15); }
  .blog-post__share-link a .icon {
    fill: #828DA7;
    width: 2rem;
    height: 2.6rem; }
  .blog-post__share-link a:hover .icon {
    fill: #316BFF; }
  .blog-post__share-link a:hover span:after {
    border: 0.1rem solid #316bff; }

.cases-page .container {
  position: relative;
  z-index: 10; }

.cases-page .cases-title a {
  color: #1C2637;
  position: relative;
  z-index: 2; }

.cases-page .cases-inner {
  margin-bottom: 3rem; }

.cases-page .cases-item {
  display: flex;
  flex-grow: 1;
  margin-bottom: 3rem; }
  .cases-page .cases-item:hover .cases-title span {
    opacity: 1; }
  .cases-page .cases-item:hover .cases-desc {
    z-index: 3;
    box-shadow: 0 0 6rem rgba(73, 98, 163, 0.35);
    border-color: transparent; }
  .cases-page .cases-item:hover .cases-media {
    z-index: 2; }

.cases-page .cases-desc {
  width: 100%;
  border: 1px solid rgba(49, 107, 255, 0.4);
  box-sizing: border-box; }

.cases-page .cases-media {
  width: 100%; }
  .cases-page .cases-media img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.cases-post .container {
  position: relative;
  z-index: 2; }

.cases-post__media {
  margin-bottom: 12rem; }
  .cases-post__media img {
    width: 100%; }

.cases-post .title-block {
  margin-bottom: 3rem; }



.cases-project .container {
  position: relative;
  z-index: 10; }

.cases-project .title-block {
  margin-bottom: 3rem; }

.cases-project__wrap {
  display: flex;
  justify-content: space-between; }

.cases-project__item {
  width: calc(50% - 1.5rem); }
  .cases-project__item img {
    margin: 0 auto;
    display: block;
    width: 100%; }

.team-wrapper .container {
  position: relative;
  z-index: 10; }

.team-slider {
  margin-bottom: 5rem; }

.team-item {
  padding: 0 1.5rem; }
  .team-item__media {
    margin-bottom: 3rem; }
    .team-item__media img {
      width: 100%;
      height: 100%; }
  .team-item__title {
    font-family: "Comfortaa", cursive;
    font-style: normal;
    font-weight: bold;
    font-size: 2rem;
    line-height: 3rem;
    color: #1C2637;
    margin-bottom: 1.5rem; }
  .team-item__post {
    font-size: 1.5rem;
    line-height: 2rem;
    padding-left: 2.3rem;
    margin-bottom: 1rem;
    color: #1C2637;
    position: relative; }
    .team-item__post:before {
      position: absolute;
      content: '';
      left: 0;
      top: 50%;
      border-radius: 50%;
      margin-top: -.4rem;
      width: .8rem;
      height: .8rem;
      border: 0.2rem solid #316BFF; }
  .team-item__work {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #1C2637; }
    .team-item__work strong {
      font-weight: 600; }

.specialists-wrapper .container {
  position: relative;
  z-index: 10; }

.specialists-item {
  padding: 4rem;
  display: flex;
  background: #ffffff;
  margin-bottom: 3rem;
  border: 0.1rem solid rgba(49, 107, 255, 0.4);
  box-sizing: border-box; }
  .specialists-item.active {
    border-color: transparent;
    box-shadow: 0 0 6rem rgba(73, 98, 163, 0.35); }
    .specialists-item.active .specialists-item__text {
      height: auto; }
  .specialists-item__title {
    font-family: "Comfortaa", cursive;
    font-style: normal;
    font-weight: bold;
    font-size: 2rem;
    line-height: 3rem;
    color: #1C2637;
    width: 31rem; }
  .specialists-item__desc {
    width: calc(100% - 31rem); }
  .specialists-item__text {
    height: 10rem;
    transition: all ease 300ms;
    overflow: hidden; }
    .specialists-item__text p {
      font-size: 1.5rem;
      line-height: 2.5rem;
      color: #1C2637;
      margin-bottom: 2.5rem; }
  .specialists-item .read-more {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #316BFF;
    cursor: pointer; }

.about-page .call-form .label {
  margin-bottom: 1.5rem; }

.about-page .call-form .label-textarea {
  width: 100%;
  margin-bottom: 1.5rem; }

.about-page .call-form textarea {
  resize: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.1em;
  color: white;
  padding: 2.4rem 3rem;
  background: rgba(46, 57, 107, 0.6);
  border: 0.1rem solid rgba(49, 107, 255, 0.3);
  box-sizing: border-box;
  border-radius: 4rem;
  outline: none;
  width: 100%;
  height: 17.5rem; }
  .about-page .call-form textarea::placeholder {
    color: rgba(140, 154, 187, 0.8); }

.about-page .call-form .label-file {
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 2.4rem 3rem;
  background: rgba(46, 57, 107, 0.6);
  border: 0.1rem dashed rgba(49, 107, 255, 0.3);
  box-sizing: border-box;
  border-radius: 4rem;
  display: flex;
  align-items: center; }
  .about-page .call-form .label-file .icon {
    width: .9rem;
    height: 2rem;
    fill: #FFDC09;
    margin-right: 1rem; }
  .about-page .call-form .label-file input {
    opacity: 0;
    visibility: hidden;
    z-index: -9;
    position: absolute; }
  .about-page .call-form .label-file strong {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ffffff; }
  .about-page .call-form .label-file span {
    font-size: 1.3rem;
    line-height: 2rem;
    color: #8C9ABB; }

.contact-page .container {
  position: relative;
  z-index: 10; }

.contact-page .desc-section li {
  color: #1C2637;
  font-size: 1.5rem;
  line-height: 2.5rem;
  margin-bottom: 1.5rem; }

.contact-page .desc-section strong {
  font-weight: 600; }

.contact-page .desc-section a {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2.5rem;
  color: #316BFF; }
  .contact-page .desc-section a:nth-of-type(2) {
    margin-left: 4.3rem;
    position: relative; }
    .contact-page .desc-section a:nth-of-type(2):before {
      position: absolute;
      content: '';
      width: .3rem;
      height: .3rem;
      border-radius: 50%;
      background: #1C2637;
      left: -2.1rem;
      top: 50%;
      margin-top: -.2rem; }

.contact-page .contact-map {
  margin-bottom: 12rem; }

@media screen and (max-width: 1660px) {
  .header-nav li {
    margin-right: 1rem; }
    .header-nav li a {
      font-size: 1.2rem; }
  .has-sub__item {
    padding: 2rem 1.5rem;
    justify-content: center; }
  .left-slide .hero-title, .right-slide .hero-title {
    font-size: 6rem;
    line-height: 6.5rem; }
  .hero-slider__nav {
    left: 20rem; }
  .hero-desc__media img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
  .hero-desc__info {
    padding: 5rem 0; }
  .hero-slider {
    margin: 0 auto; } }

@media screen and (max-width: 1200px) {
  .hero-desc {
    max-width: calc(100% - 10rem); }
  .hero-slider__nav {
    left: 7rem; } }

@media screen and (max-width: 992px) {
  .has-sub__item {
    display: none; }
  .hero-desc.left-slide, .hero-desc.right-slide {
    text-align: center; }
    .hero-desc.left-slide .hero-title, .hero-desc.right-slide .hero-title {
      display: flex;
      flex-direction: column; }
    .hero-desc.left-slide .hero-desc__info, .hero-desc.right-slide .hero-desc__info {
      width: 100%; }
  .hero-desc__media {
    display: none; }
  .hero-slider__nav {
    left: 0;
    right: 0;
    margin: 0 auto; } }

@media screen and (max-width: 1480px) {
  .decor-wrap {
    width: calc(100% - 20rem); }
  .decor-text {
    font-size: 9rem;
    line-height: 9.7rem; }
  .right-text {
    right: 10rem; }
  .section-count {
    left: 7.5rem; } }

@media screen and (max-width: 1440px) {
  .decor-wrap {
    width: calc(100% - 12rem); }
  .decor-text {
    font-size: 6rem;
    line-height: 6rem; }
  .right-text {
    right: 6rem; }
  .section-count {
    left: 3.5rem; } }

@media screen and (max-width: 1250px) {
  .decor-wrap {
    width: calc(100% - 2rem); }
  .decor-text {
    display: none; }
  .right-text {
    right: 1rem; }
  .section-count {
    left: -1.5rem; } }

@media screen and (max-width: 1200px) {
  .contact-map img {
    width: 100%; } }

@media screen and (max-width: 992px) {
  .hero-wrapper {
    min-height: auto; }
  .not-found__media {
    width: 100%;
    text-align: center; }
    .not-found__media span {
      font-size: 18rem;
      line-height: 20.4rem; }
  .popup-demonstration .popup-wrap {
    width: 100%; }
  .not-found .container {
    flex-wrap: wrap;
    justify-content: center; }
  .not-found__desc {
    width: 100%;
    max-width: 100%;
    text-align: center; }
  .cases-post .text p {
    width: 100%;
    max-width: 100%; }
  .header-center {
    position: relative;
    z-index: 2;
    padding: 1.5rem 0; }
  .header-btn {
    margin: 0 0 0 auto;
    width: 3rem;
    height: 2.4rem;
    position: relative; }
    .header-btn:before, .header-btn:after, .header-btn span {
      position: absolute;
      content: '';
      width: 100%;
      left: 0;
      right: 0;
      height: 1px;
      background: #316BFF;
      transition: all ease 300ms; }
    .header-btn:before {
      top: 0; }
    .header-btn:after {
      top: 100%;
      margin-top: -1px; }
    .header-btn span {
      top: 50%;
      margin: -1px auto 0; }
    .header-btn.active:before {
      top: 50%;
      margin-top: -1px;
      transform: rotate(-45deg); }
    .header-btn.active:after {
      top: 50%;
      margin-top: -1px;
      transform: rotate(45deg); }
    .header-btn.active span {
      opacity: 0;
      width: 50%; }
  .header-search {
    display: none; }
  .header-info {
    display: none; }
  .header-top {
    display: none; }
  .header-nav {
    display: none; }
  .right-text {
    display: none; }
  .hero-title {
    font-size: 4.5rem;
    line-height: 5.5rem; }
    .hero-title p {
      font-size: 3.5rem;
      line-height: 4.5rem; }
  .hero-bg {
    font-size: 20rem;
    line-height: 22.9rem; }
  .top-section {
    flex-direction: column; }
    .top-section .title-section, .top-section .desc-section {
      max-width: 100%;
      width: 100%;
      text-align: center; }
    .top-section .title-section {
      margin-bottom: 3rem; }
      .top-section .title-section span {
        display: inline-block; }
  .work-item {
    width: calc(100% - 1.5rem); }
    .work-item:nth-of-type(2n+1) {
      transform: none; }
  .service-wrap {
    flex-wrap: wrap; }
  .service-item {
    padding: 2rem;
    width: calc(50% - 3rem);
    max-width: 50%; }
  .call-wrapper .container {
    flex-direction: column; }
  .call-wrapper .title {
    text-align: center;
    margin-bottom: 1rem; }
  .call-wrapper .subtitle {
    text-align: center;
    margin-bottom: 3rem; }
  .call-desc {
    width: 100%; }
  .call-form {
    width: 100%; }
    .call-form .label {
      width: calc(50% - 1.5rem); }
    .call-form .modal-group {
      width: 55%;
      padding: 0 0 0 5rem;
      margin: 0 auto 0 0; }
  .about-business__accordion {
    width: 100%;
    max-width: 100%;
    margin-bottom: 3rem; }
  .about-business .decor-elements {
    display: none; }
  .about-business__wrap {
    flex-direction: column; }
  .about-business__media {
    z-index: -1; }
    .about-business__media img {
      margin: 0 auto 3rem;
      display: block; }
  .link-section {
    text-align: center; }
  .service-type__wrap {
    flex-wrap: wrap; }
  .service-type__item {
    max-width: calc(50% - 3rem);
    padding: 2rem; }
  .product-item {
    width: calc(50% - 3rem); }
  .banner-wrapper .container {
    flex-direction: column; }
  .banner-desc {
    max-width: 100%;
    width: 100%; }
    .banner-desc .text-section {
      text-align: center;
      margin-bottom: 3rem; }
  .banner-form {
    max-width: 100%;
    width: 100%; }
    .banner-form form {
      justify-content: center; }
  .title-section {
    text-align: center; }
    .title-section span {
      display: inline-block; }
  .contact-wrapper .contact-form form {
    justify-content: space-between;
    align-items: flex-start; }
  .contact-wrapper .contact-form .label {
    width: calc(50% - 1.5rem);
    margin-right: 0;
    margin-bottom: 3rem; }
  .contact-wrapper .contact-form .modal-group {
    width: 50%;
    position: relative; }
    .contact-wrapper .contact-form .modal-group .label-checkbox:before {
      top: .5rem; }
    .contact-wrapper .contact-form .modal-group .label-checkbox:after {
      top: 1.2rem; }
  .footer-nav ul:first-of-type {
    margin-right: 5rem; }
  .footer-nav ul:last-of-type {
    margin-right: 5rem; }
  .footer-logo {
    width: 30rem; }
  .category-section {
    margin-top: 2rem; }
  .decor-elements {
    display: none; } }

@media screen and (max-width: 768px) {
  .reviews-popup .popup-wrap {
    width: 100%; }
    .reviews-popup .popup-wrap .reviews-item {
      max-width: 100%; }
  .popup-wrap {
    padding: 2rem; }
  .call-popup .popup-wrap .btn-secondary {
    margin: 0 auto;
    max-width: 27rem;
    display: flex; }
    .call-popup .popup-wrap .btn-secondary span {
      margin-left: 1.2rem; }
  .hero-bg {
    font-size: 10rem;
    line-height: 14.9rem; }
  .hero-title {
    font-size: 3.5rem;
    line-height: 4.5rem; }
  .title-section {
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 2rem; }
  .call-wrapper .title {
    font-size: 3rem;
    line-height: 4rem; }
  .service-product__item {
    flex-direction: column; }
  .contact-wrapper .contact-address {
    flex-wrap: wrap;
    flex-direction: column; }
  .contact-wrapper .contact-address__title {
    margin-bottom: 2rem; }
  .footer-top .container-full {
    flex-wrap: wrap; }
  .footer-logo {
    width: 50%; }
  .footer-contact {
    margin-top: 2rem;
    width: 50%; }
  .blog-wrap .blog-item {
    width: 70%;
    margin: 0 auto 5rem; }
  .blog-post__title {
    font-size: 3.5rem;
    line-height: 4.5rem; }
  .cases-page .cases-item {
    flex-direction: column-reverse; }
  .specialists-item {
    padding: 2rem;
    flex-direction: column; }
    .specialists-item__title {
      width: 100%;
      margin-bottom: 2rem; }
    .specialists-item__desc {
      width: 100%; } }

@media screen and (max-width: 640px) {
  .cases-project__wrap {
    flex-wrap: wrap; }
  .cases-project__item {
    width: 100%;
    margin-bottom: 3rem; }
    .cases-project__item img {
      width: 70%; }
  .popup-title {
    width: 80%;
    margin: 0 auto; }
  .popup-demonstration .popup-wrap {
    overflow: auto; }
    .popup-demonstration .popup-wrap .label, .popup-demonstration .popup-wrap .label-select, .popup-demonstration .popup-wrap .modal-group {
      width: 100%; }
    .popup-demonstration .popup-wrap .btn-secondary {
      margin: 0 auto;
      width: 27rem; }
      .popup-demonstration .popup-wrap .btn-secondary span {
        margin-left: 1.2rem; } }

@media screen and (max-width: 576px) {
  .popup-wrap {
    width: 100%; }
  .popup-title {
    width: 70%; }
  .contact-wrapper .contact-form .label {
    margin-bottom: 0; }
  .contact-wrapper .contact-form .modal-group {
    width: 100%;
    margin-bottom: 2rem; }
    .contact-wrapper .contact-form .modal-group a {
      display: inline; }
  .banner-form .label {
    width: 100%;
    margin-bottom: 3rem; }
  .banner-form .label-checkbox {
    width: 100%; }
  .blog-wrap .blog-item {
    width: 100%;
    margin: 0 auto 5rem; }
  .service-item {
    max-width: 100%;
    width: calc(100% - 3rem); }
  .call-form .label {
    width: 100%; }
    .call-form .label:first-of-type {
      margin-right: 0; }
  .call-form .modal-group {
    width: 100%;
    margin-bottom: 2rem; }
  .call-form .btn {
    margin: 0 auto 3rem; }
  .service-type__item {
    max-width: calc(100% - 3rem); }
  .product-item {
    width: calc(100% - 3rem); }
  .service-product__item {
    width: calc(100% - 3rem); }
  .contact-wrapper .contact-address__desc {
    flex-wrap: wrap; }
  .footer-logo {
    width: 100%;
    margin-bottom: 2rem; }
  .footer-nav {
    width: 100%;
    margin: 0; }
  .footer-contact {
    width: 100%; }
    .footer-contact .social-list {
      justify-content: flex-start; }
      .footer-contact .social-list li {
        margin-right: 2rem; } }

@media screen and (max-width: 480px) {
  .cases-project__item img {
    width: 100%; }
  .subscriber-service__media img {
    width: 100%; }
  .blog-post__share {
    flex-direction: column; }
    .blog-post__share-title {
      margin-bottom: 2rem; }
  .blog-post__date {
    margin: 0 auto 0; }
  .text-block ul li {
    padding-left: 2rem; }
    .text-block ul li:before {
      top: .9rem; }
  .text-block ol li:before {
    margin-right: 1rem; }
  .contact-wrapper .contact-form .label {
    width: 100%;
    margin-bottom: 2rem; }
  .contact-wrapper .contact-form .btn-secondary {
    margin: 0 auto; }
  .pagination-nav {
    width: 11rem;
    margin-right: 2rem; }
    .pagination-nav .center {
      width: 4rem;
      height: 4rem; }
  .pagination-link a, .pagination-link span {
    width: 4rem;
    height: 4rem;
    font-size: 1.5rem;
    line-height: 3.6rem; } }

@media screen and (max-width: 1200px) {
  .experience-media img {
    width: 100%; } }

@media screen and (max-width: 992px) {
  .customers-wrapper .customers-slider .slide img {
    width: 100%;
    object-fit: contain;
    max-width: 20rem; }
  .subscriber-service__wrap {
    flex-wrap: wrap; }
  .subscriber-service__desc {
    width: 100%;
    max-width: 100%;
    margin-bottom: 3rem; }
  .subscriber-service__media {
    width: 100%;
    max-width: 100%; }
    .subscriber-service__media img {
      display: block;
      margin: 0 auto; }
  .experience-wrapper .title {
    text-align: center; }
  .experience-wrap {
    flex-wrap: wrap;
    width: 100%; }
  .experience-desc {
    width: 100%;
    max-width: 100%; }
  .experience-media {
    width: 70%;
    margin: 3rem auto; }
  .reviews-slider .slide.slick-current .reviews-item {
    margin: 0 auto;
    max-width: 80rem; }
  .cases-desc {
    width: 50%;
    padding: 2rem; }
  .cases-media {
    width: 50%; }
    .cases-media img {
      width: 100%; }
  .reviews-slider {
    margin-bottom: 0; }
    .reviews-slider .slick-list {
      margin: 0; } }

@media screen and (max-width: 768px) {
  .presentation-wrapper .title-section {
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 2rem; }
  .cases-wrap {
    flex-wrap: wrap;
    flex-direction: column-reverse; }
  .cases-desc {
    width: 100%; }
  .cases-media {
    width: 100%;
    height: 25rem;
    overflow: hidden; }
    .cases-media img {
      height: 100%;
      object-fit: cover; }
  .achievement-wrap {
    flex-wrap: wrap; }
  .experience-inner {
    flex-wrap: wrap; }
  .experience-item, .achievement-item {
    width: calc(50% - 3rem);
    margin-bottom: 3rem; }
  .advantage-wrapper .advantage-item {
    width: calc(50% - 3rem);
    margin-bottom: 3rem; }
  .popular-product__wrap {
    flex-wrap: wrap; }
  .popular-product__item {
    width: calc(50% - 3rem); }
  .text-wrapper .title-block {
    text-align: center; }
  .text-wrapper .text111 p {
    width: 100%;
    max-width: 100%;
  }
  .presentation-form .label, .presentation-form .label-select {
    width: 100%; }
  .presentation-form .btn-primary {
    margin: 0 auto; }
  .presentation-form .modal-group {
    width: 100%;
    margin-bottom: 3rem; } }

@media screen and (max-width: 576px) {
  .service-price__accordion .accordion-item__title {
    flex-wrap: wrap; }
    .service-price__accordion .accordion-item__title span {
      width: 100%;
      margin-bottom: 1rem; }
    .service-price__accordion .accordion-item__title .price {
      margin: 0 0 0 0; }
  .achievement-item, .popular-product__item, .experience-item {
    width: 100%; }
  .advantage-wrapper .advantage-item {
    width: 100%;
    text-align: center; }
  .advantage-wrapper .item-section__media:before {
    left: 40%; }
  .reviews-item {
    padding: 2rem; }
  .reviews-author__logo {
    top: 0;
    right: 0; } }

@media screen and (max-width: 480px) {
  .reviews-item {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center; }
  .reviews-author {
    margin: 0 auto;
    max-width: 100%; }
  .reviews-author__logo {
    margin: 2rem auto; }
  .presentation-form .btn-primary {
    width: 100%; } }

@media screen and (max-width: 390px) {
  .blog-navigation, .cases-navigation {
    flex-wrap: wrap; }
    .blog-navigation .btn-secondary, .cases-navigation .btn-secondary {
      margin: 0 auto 0;
      text-align: center; } }