.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .swiper-container-no-flexbox .swiper-slide {
    float: left;
  }
  .swiper-container-vertical > .swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
  }
  .swiper-container-android .swiper-slide,
  .swiper-wrapper {
    transform: translateZ(0);
  }
  .swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
  }
  .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .swiper-container-autoheight,
  .swiper-container-autoheight .swiper-slide {
    height: auto;
  }
  .swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform, height;
  }
  .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
  }
  .swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
  }
  .swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
  }
  .swiper-button-next,
  .swiper-button-prev {
    //: absolute;
    //: 50%;
    //: 27px;
    //: 44px;
    //: -22px;
    //: 10;
    cursor: pointer;
    //: 27px 44px;
    //: center;
    //: no-repeat;
  }
  .swiper-button-next.swiper-button-disabled,
  .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-pagination {
    //: absolute;
    //: center;
    //: 0.3s;
    //: translate3d(0, 0, 0);
    //: 10;
  }
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
  }
  .swiper-pagination-bullet {
    //: 8px;
    //: inline-block;
    //: 100%;
    //: #000;
    //: 0.2;
  }
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
  .swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
  }
  .swiper-pagination-bullet-active {
    //: 1;
    //: #007aff;
  }
  .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
  }
  .swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
  }
  .swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
  }
  .swiper-container-vertical
    > .swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
  }
  .swiper-container-horizontal
    > .swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 5px;
  }
  .swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
  }
  .swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-container-rtl
    .swiper-pagination-progress
    .swiper-pagination-progressbar {
    transform-origin: right top;
  }
  .swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
  }
  .swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
  }
  .swiper-pagination-progress.swiper-pagination-white {
    background: hsla(0, 0%, 100%, 0.5);
  }
  .swiper-pagination-progress.swiper-pagination-white
    .swiper-pagination-progressbar {
    background: #fff;
  }
  .swiper-pagination-progress.swiper-pagination-black
    .swiper-pagination-progressbar {
    background: #000;
  }
  .swiper-container-3d {
    -o-perspective: 1200px;
    perspective: 1200px;
  }
  .swiper-container-3d .swiper-cube-shadow,
  .swiper-container-3d .swiper-slide,
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d;
  }
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
  }
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
  }
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
  }
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
  }
  .swiper-container-coverflow .swiper-wrapper,
  .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px;
  }
  .swiper-container-cube,
  .swiper-container-flip {
    overflow: visible;
  }
  .swiper-container-cube .swiper-slide,
  .swiper-container-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
  }
  .swiper-container-cube .swiper-slide .swiper-slide,
  .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-container-cube .swiper-slide-active,
  .swiper-container-cube .swiper-slide-active .swiper-slide-active,
  .swiper-container-flip .swiper-slide-active,
  .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-container-cube .swiper-slide-shadow-bottom,
  .swiper-container-cube .swiper-slide-shadow-left,
  .swiper-container-cube .swiper-slide-shadow-right,
  .swiper-container-cube .swiper-slide-shadow-top,
  .swiper-container-flip .swiper-slide-shadow-bottom,
  .swiper-container-flip .swiper-slide-shadow-left,
  .swiper-container-flip .swiper-slide-shadow-right,
  .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
  }
  .swiper-container-cube .swiper-slide {
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
  }
  .swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-container-cube .swiper-slide-active,
  .swiper-container-cube .swiper-slide-next,
  .swiper-container-cube .swiper-slide-next + .swiper-slide,
  .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    filter: blur(50px);
    z-index: 0;
  }
  .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
  }
  .swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }
  .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-container-fade .swiper-slide-active,
  .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .swiper-zoom-container > canvas,
  .swiper-zoom-container > img,
  .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
  }
  .swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
  }
  .swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
  }
  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
  }
  .swiper-scrollbar-cursor-drag {
    cursor: move;
  }
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12) infinite;
  }
  .swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
  }
  @keyframes swiper-preloader-spin {
    to {
      transform: rotate(1turn);
    }
  }
  abbr,
  address,
  article,
  aside,
  audio,
  b,
  blockquote,
  body,
  canvas,
  caption,
  cite,
  code,
  dd,
  del,
  details,
  dfn,
  div,
  dl,
  dt,
  em,
  fieldset,
  figcaption,
  figure,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  html,
  i,
  iframe,
  img,
  ins,
  kbd,
  label,
  legend,
  li,
  mark,
  menu,
  nav,
  object,
  ol,
  p,
  pre,
  q,
  samp,
  section,
  small,
  span,
  strong,
  sub,
  summary,
  sup,
  table,
  tbody,
  td,
  tfoot,
  th,
  thead,
  time,
  tr,
  ul,
  var,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }
  main,
  section {
    display: block;
    position: relative;
  }
  body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  body.prevent-scroll {
    overflow: hidden;
  }
  .wrapper,
  body,
  html {
    height: 100%;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  li,
  nav ul {
    list-style: none;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote:after,
  blockquote:before,
  q:after,
  q:before {
    content: '';
    content: none;
  }
  a {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
  }
  ins {
    text-decoration: none;
  }
  ins,
  mark {
    background-color: #ff9;
    color: #000;
  }
  mark {
    font-style: italic;
    font-weight: 700;
  }
  del {
    text-decoration: line-through;
  }
  abbr[title],
  dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
  }
  button,
  input,
  select,
  textarea {
    vertical-align: middle;
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    padding: 0;
  }
  .clear {
    clear: both;
  }
  main {
    -ms-flex: 1;
    flex: 1;
  }
  @font-face {
    font-family: ProximaNova;
    src: url(b8e036518727627cc80385460cc4bf6f.eot);
    src:
      url(b8e036518727627cc80385460cc4bf6f%EF%B9%96.eot#iefix)
        format('embedded-opentype'),
      url(de56fa92dff121a295b03d23c006689f.woff2) format('woff2'),
      url(3d43d558b16f16aef17049fdd6f67f0a.woff) format('woff'),
      url(6ef02b7360dbc5b4c0e4f9aa2027078b.ttf) format('truetype'),
      url(c049bdb82295e6275c9a018dfe458e90.svg#ProximaNova-Regular) format('svg');
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: ProximaNova;
    src: url(96f9df8f87908f38becd3a0737a4a278.eot);
    src:
      url(96f9df8f87908f38becd3a0737a4a278%EF%B9%96.eot#iefix)
        format('embedded-opentype'),
      url(6a1939b8facebcfeab831a3a9d8c3152.woff2) format('woff2'),
      url(60c0db07f5c2301f82ef5c6474533196.woff) format('woff'),
      url(9c7a9852bb537aea0e8f9123eeb97fcf.ttf) format('truetype'),
      url(9a4bf3deb1a11aa1b2e3b078282c8c99.svg#ProximaNova-Semibold) format('svg');
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: ProximaNova;
    src: url(403133b62f8d8150aeaed3b146e53f5a.eot);
    src:
      url(403133b62f8d8150aeaed3b146e53f5a%EF%B9%96.eot#iefix)
        format('embedded-opentype'),
      url(06d468fe2a29ba059dfd39c21743f926.woff2) format('woff2'),
      url(2d61575859e93b9d74a0af79c429b77d.woff) format('woff'),
      url(2563f6a7b9a9f3efa5d53ed2e2e06dfe.ttf) format('truetype'),
      url(87953235e9f7bf2d940163dc733ab3d4.svg#ProximaNova-Bold) format('svg');
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: ClinicaPro;
    src: url(abdd3a37d477a46a7596f81d3b3aedb1.eot);
    src:
      url(abdd3a37d477a46a7596f81d3b3aedb1%EF%B9%96.eot#iefix)
        format('embedded-opentype'),
      url(6f72c19ce551c38bc6fea9309f60511d.woff2) format('woff2'),
      url(fc163ece26695adecbe8518a8c49f80f.woff) format('woff'),
      url(83661f8f5a3cf08317f4c06e618e848e.ttf) format('truetype'),
      url(d26d1eed00e0910259d6843dbc7d7c5e.svg#ClinicaPro-Regular) format('svg');
    font-weight: 400;
    font-style: normal;
  }
  h1 {
    font:
      700 64px ProximaNova,
      sans-serif;
  }
  h1,
  h2 {
    color: #000;
    padding-right: 15px;
    padding-top: 32px;
    margin-bottom: 32px;
  }
  h2 {
    font:
      700 48px ProximaNova,
      sans-serif;
  }
  h3 {
    font:
      700 18px/1.5 ProximaNova,
      sans-serif;
  }
  h3,
  h4 {
    color: #000;
    padding-right: 15px;
    padding-top: 10px;
    margin-bottom: 10px;
  }
  h4 {
    font:
      600 28px/1.5 ProximaNova,
      sans-serif;
  }
  p {
    font:
      400 16px/1.75 ClinicaPro,
      sans-serif;
    color: #333;
    padding-right: 15px;
    margin-bottom: 32px;
  }
  .link {
    display: inline-block;
    position: relative;
    padding: 5px 70px 5px 0;
    font:
      700 10px ProximaNova,
      sans-serif;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000;
    transition: all 0.2s ease 0s;
  }
  .link .arrow,
  .link .arrow-1 {
    position: absolute;
    right: 6px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 48px;
    height: 9px;
  }
  .link .arrow-1 .cls-1,
  .link .arrow .cls-1 {
    fill: #317EB2;
    fill-rule: evenodd;
  }
  .link .arrow-1 {
    opacity: 0;
    transform: translateX(-10px);
  }
  .link:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 20px;
    height: 20px;
    background: #317eb221;
  }
  .link:hover {
    color: #317EB2;
  }
  .link:hover .arrow {
    opacity: 0;
    transform: translateX(10px);
    transition: all 0.2s ease 0s;
  }
  .link:hover:before {
    transform: rotate(90deg);
    transition: all 0.2s ease 0.2s;
  }
  .link:hover .arrow-1 {
    opacity: 1;
    transform: translateX(0);
    transition: all 0.2s ease 0.4s;
  }
  .user-text a {
    position: relative;
    display: inline-block;
    color: #317EB2;
  }
  .user-text a:after {
    left: 0;
  }
  .user-text a:after,
  .user-text a:before {
    content: '';
    position: absolute;
    bottom: 5px;
    width: 50%;
    height: 1px;
    background: #317EB2;
    transition: all 0.3s ease 0s;
  }
  .user-text a:before {
    right: 0;
  }
  .user-text a:hover:after,
  .user-text a:hover:before {
    width: 10px;
  }
  .user-text h2 {
    font:
      700 48px/1.2 ProximaNova,
      sans-serif;
    padding-top: 32px;
    margin-bottom: 32px;
  }
  .user-text h2,
  .user-text h3 {
    color: #000;
    padding-right: 15px;
  }
  .user-text h3 {
    font:
      700 36px/1.2 ProximaNova,
      sans-serif;
    padding-top: 27px;
    margin-bottom: 27px;
  }
  .user-text h4 {
    font:
      700 24px/1.2 ProximaNova,
      sans-serif;
    color: #000;
    padding-right: 15px;
    padding-top: 23px;
    margin-bottom: 23px;
  }
  .user-text h1 + h5,
  .user-text h2 + h5,
  .user-text h3 + h5,
  .user-text h4 + h5 {
    padding-top: 0;
    margin-top: -17px;
  }
  .user-text h5 {
    font:
      600 24px/1.5 ProximaNova,
      sans-serif;
    color: #000;
    padding-right: 15px;
    padding-top: 23px;
    margin-bottom: 50px;
  }
  .user-text p {
    font:
      400 16px/1.75 ClinicaPro,
      sans-serif;
    color: #333;
    padding-right: 15px;
    margin-bottom: 18px;
  }
  .user-text blockquote {
    position: relative;
    padding: 85px 0 125px;
  }
  .user-text blockquote p {
    width: 64%;
    margin: 16px auto 0;
    max-width: 900px;
    color: #317EB2;
    font:
      400 38px ProximaNova,
      sans-serif;
  }
  .user-text blockquote:before {
    content: '';
    position: absolute;
    top: 45px;
    bottom: 80px;
    left: 0;
    width: 140px;
    z-index: 2;
    background: transparent
      linear-gradient(rgba(0, 148, 115, 0) 65%, rgba(0, 148, 115, 0.3) 0) 50%/100%
      3px;
  }
  .user-text img {
    display: block;
    width: 100%;
  }
  .user-text .img {
    padding-top: 85px;
    margin-bottom: 80px;
    display: -ms-flexbox;
    display: flex;
  }
  .user-text .img p:first-child {
    position: relative;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
  }
  .user-text .img p:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, 0.32);
  }
  .user-text .img p:first-child:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 147, 115, 0.1);
  }
  .user-text .img p:nth-child(2) {
    position: relative;
    padding: 45px 32px 0;
    margin-bottom: 16px;
    font:
      400 14px/1.5 ClinicaPro,
      sans-serif;
    color: #000;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    box-sizing: border-box;
  }
  .user-text .img p:nth-child(2):before {
    content: '';
    position: absolute;
    top: 20px;
    left: 32px;
    width: 56px;
    height: 6px;
    background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #317EB2 0)
      50%/100% 2px;
  }
  .user-text ol,
  .user-text ul {
    margin-bottom: 32px;
  }
  .user-text ol li,
  .user-text ul li {
    position: relative;
    padding-left: 55px;
    margin-bottom: 18px;
  }
  .user-text ul {
    counter-reset: myCounter;
  }
  .user-text ul li:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 25px;
    width: 16px;
    height: 2px;
    background: #317EB2;
  }
  .user-text ol {
    counter-reset: myCounter;
  }
  .user-text ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter) '.';
    font:
      400 18px ProximaNova,
      serif;
    letter-spacing: 0;
    color: #317EB2;
    position: absolute;
    top: 2px;
    left: 25px;
  }
  .user-text table {
    width: 100%;
    margin-bottom: 23px;
  }
  .user-text table tr:first-child {
    font:
      700 24px/1.2 ProximaNova,
      sans-serif;
    color: #000;
    border-bottom: 1px solid #317EB2;
  }
  .user-text table tr:first-child td {
    padding: 10px 10px 23px;
  }
  .user-text table tr:last-of-type {
    border-bottom: 1px solid #317EB2;
  }
  .user-text table td {
    padding: 10px;
  }
  .user-text .table {
    overflow: auto;
  }
  @keyframes spin {
    to {
      transform: rotate(1turn);
    }
  }
  @keyframes load {
    to {
      transform: rotate(180deg);
    }
  }
  @keyframes puls {
    20% {
      opacity: 1;
    }
    50% {
      opacity: 1;
    }
    to {
      transform: scale(1);
      opacity: 0;
    }
  }
  @keyframes anim {
    to {
      transform: scale(2);
      opacity: 0;
    }
  }
  @keyframes tv {
    0% {
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    20% {
      opacity: 0;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes typed {
    50% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  body {
    font:
      400 16px/1.75 ClinicaPro,
      sans-serif;
    color: #333;
    overflow: hidden;
  }
  ::-moz-selection {
    background-color: #c9e7e1;
  }
  ::selection {
    background-color: #c9e7e1;
  }
  .page-preview {
    position: fixed;
    z-index: 100000000;
    pointer-events: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-preview,
  .page-preview .shade {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .page-preview .shade {
    position: absolute;
    background: #f6fcfc;
    opacity: 0;
    transform: translate3d(0, -100%, 0) rotate(0.0001deg);
    z-index: 1;
  }
  .page-preview.page-loading .shade {
    opacity: 1;
    transform: translateZ(0) rotate(0.0001deg);
    transition: transform 0.5s cubic-bezier(0.57, 0.01, 0.99, 0.47) 0s;
  }
  .page-preview.page-loading-1 .shade {
    transform: translate3d(0, 100%, 0) rotate(0.0001deg);
    transition: transform 0.5s ease 0s;
  }
  .page-preview .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: 10000;
    pointer-events: none;
    transition: opacity 0.5s ease 0s;
    z-index: 100;
  }
  .page-preview .loader:after,
  .page-preview .loader:before {
    content: '';
    border: 6px solid rgba(20, 149, 115, 0.5);
    box-shadow: inset 0 0 10px 50px rgba(20, 149, 115, 0.5);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    position: absolute;
    animation-name: puls;
    animation-duration: 1.8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
  }
  .page-preview .loader:after {
    animation-delay: 0.9s;
  }
  .page-wrapper {
    position: relative;
    overflow: hidden;
    min-width: 1200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
  }
  .replaceable {
    -ms-flex: 1;
    flex: 1;
  }
  .half-bg {
    left: 0;
    width: 50%;
    height: 100%;
    background: #317eb221;
  }
  .half-bg,
  .timeline {
    position: absolute;
    top: 0;
  }
  .timeline {
    left: 50%;
    bottom: 0;
    width: 1px;
    background: #317EB2;
    z-index: 1000;
  }
  .wrapper {
    position: relative;
    width: 97.1%;
    margin: 0 auto;
    max-width: 1440px;
  }
  header {
    position: absolute;
    top: 0;
    left: 25px;
    right: 25px;
    height: 112px;
    z-index: 2;
    pointer-events: none;
  }
  header .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  header .container .logo {
    width: 160px;
    margin-top: 40px;
    height: 100%;
    background: url(total-gen.png) no-repeat;
    background-size: 100%;
    pointer-events: auto;
    opacity: 0;
    transition: all 0.3s ease 0s;
  }
  header .container nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  header .container nav a {
    position: relative;
    display: inline-block;
    font:
      400 12px ProximaNova,
      sans-serif;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #3d3d3d;
    padding-bottom: 7px;
    padding-left: 2px;
    pointer-events: auto;
    opacity: 0;
    margin: 0 20px;
  }
  header .container nav a.language {
    margin-left: 16px;
  }
  header .container nav a:first-child {
    transition: all 0.3s ease 0.2s;
  }
  header .container nav a:nth-child(2) {
    transition: all 0.3s ease 0.4s;
  }
  header .container nav a:nth-child(3) {
    transition: all 0.3s ease 0.6s;
  }
  header .container nav a:nth-child(4) {
    transition: all 0.3s ease 0.8s;
  }
  header .container nav a:nth-child(5) {
    transition: all 0.3s ease 1s;
  }
  header .container nav a:nth-child(6) {
    transition: all 0.3s ease 1.2s;
  }
  header .container nav a:nth-child(7) {
    transition: all 0.3s ease 1.4s;
  }
  header .container nav a:nth-child(8) {
    transition: all 0.3s ease 1.6s;
  }
  header .container nav a:after {
    left: 0;
  }
  header .container nav a:after,
  header .container nav a:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 1px;
    background: #317EB2;
    transition: all 0.3s ease 0s;
  }
  header .container nav a:before {
    right: 0;
  }
  header .container nav a.link-active:after,
  header .container nav a.link-active:before,
  header .container nav a:hover:after,
  header .container nav a:hover:before {
    width: 10px;
  }
  .home {
    height: 100vh;
    min-height: 780px;
    pointer-events: none;
    box-sizing: border-box;
  }
  .home .drag-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 654.4px;
    height: 654.4px;
    z-index: 2;
  }
  .home .drag-container .drag-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -140px;
    margin: auto 0;
    padding-right: 5px;
    font:
      400 10px/2 ProximaNova,
      sans-serif;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #317EB2;
    width: 90px;
    height: 40px;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease 0s;
  }
  .home .drag-container .drag-text span {
    display: block;
    transition: all 0.3s ease 0s;
  }
  .home .drag-container .drag-text.drag-text-chicken {
    top: auto;
    left: 8px;
    right: 0;
    bottom: 60px;
    margin: 0 auto;
  }
  .home .drag-container .drag-text.drag-text-pig {
    bottom: auto;
    left: 10px;
    right: 0;
    top: 60px;
    margin: 0 auto;
  }
  .home .drag-container .drag-text.drag-text-goat {
    left: auto;
    right: -150px;
  }
  .home .drag-container .circle-bg {
    border-radius: 50%;
    background: #317eb221;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 237px;
    height: 237px;
    opacity: 0;
  }
  .home .drag-container .circle-bg.start {
    opacity: 1;
    transition: all 0.3s ease 0.8s;
  }
  .home .drag-container .circle-anim-1,
  .home .drag-container .circle-anim-2,
  .home .drag-container .circle-anim-3 {
    border-radius: 50%;
    background: #317eb221;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 237px;
    height: 237px;
    transition: background 0.3s ease 0s;
  }
  .home .drag-container .circle-anim-1.hidden,
  .home .drag-container .circle-anim-2.hidden,
  .home .drag-container .circle-anim-3.hidden {
    background: transparent;
    transition: background 0.3s ease 0s;
  }
  .home .drag-container .circle-anim-1 {
    animation: anim 2s ease infinite;
  }
  .home .drag-container .circle-anim-2 {
    animation: anim 1.3s ease infinite;
  }
  .home .drag-container .circle-anim-3 {
    animation: anim 1s ease infinite;
  }
  .home .drag-container .circle-left-bot,
  .home .drag-container .circle-left-top,
  .home .drag-container .circle-right-top {
    position: absolute;
    top: 0;
    left: 0;
    fill: none;
    stroke: #317eb244;
    stroke-width: 2px;
    stroke-dashoffset: 0;
    stroke-dasharray: 0 364px;
  }
  .home .drag-container .circle-left-bot.start,
  .home .drag-container .circle-left-top.start,
  .home .drag-container .circle-right-top.start {
    stroke-dasharray: 364px 364px;
  }
  .home .drag-container .dots {
    transform-origin: center;
    transition: opacity 1s ease 0s;
    opacity: 0;
  }
  .home .drag-container .dots.start {
    opacity: 1;
  }
  .home .drag-container .dots .st0 {
    fill: #f6fcfc;
  }
  .home .drag-container .dots.center {
    opacity: 0;
  }
  .home .drag-container .big {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 654.4px;
    height: 654.4px;
    pointer-events: none;
    transform-origin: center;
    opacity: 0;
    transform: scale(0.5);
    z-index: 1;
  }
  .home .drag-container .big.start {
    transition: all 0.5s ease 0.3s;
    opacity: 1;
    transform: scale(1);
  }
  .home .drag-container .big #circle {
    fill: #317EB2;
    opacity: 0;
  }
  .home .drag-container .big .st0 {
    fill: #fff;
    stroke: #101111;
    stroke-width: 0.25;
    stroke-miterlimit: 10;
  }
  .home .drag-container .big .st1 {
    fill: #317EB2;
  }
  .home .drag-container .big .st4 {
    fill: #317EB2;
    opacity: 0;
  }
  .home .drag-container .big .st5 {
    fill: none;
    stroke: #fff;
    stroke-dashoffset: 0;
    stroke-dasharray: 0 50px;
    transform: translateZ(0) rotate(0.0001deg);
    transition: stroke-dasharray 0.6s ease 0s;
  }
  .home .drag-container .big .chicken-bones,
  .home .drag-container .big .cow-bones,
  .home .drag-container .big .goat-bones,
  .home .drag-container .big .pig-bones {
    opacity: 0;
    transform: translateZ(0) rotate(0.0001deg);
    transition: opacity 0s ease 2s;
  }
  .home .drag-container .big .chicken-bones.on,
  .home .drag-container .big .cow-bones.on,
  .home .drag-container .big .goat-bones.on,
  .home .drag-container .big .pig-bones.on {
    opacity: 1;
    transition: opacity 0s ease 0s;
  }
  .home .drag-container .big .chicken-bones.on .st5,
  .home .drag-container .big .cow-bones.on .st5,
  .home .drag-container .big .goat-bones.on .st5,
  .home .drag-container .big .pig-bones.on .st5 {
    stroke-dasharray: 50px 50px;
    transform: translateZ(0) rotate(0.0001deg);
    transition: stroke-dasharray 1s ease 0.6s;
  }
  .home .drag-container .big .chicken-bones.speed-on,
  .home .drag-container .big .cow-bones.speed-on,
  .home .drag-container .big .goat-bones.speed-on,
  .home .drag-container .big .pig-bones.speed-on {
    opacity: 1;
    transition: opacity 0s ease 0s;
  }
  .home .drag-container .big .chicken-bones.speed-on .st5,
  .home .drag-container .big .cow-bones.speed-on .st5,
  .home .drag-container .big .goat-bones.speed-on .st5,
  .home .drag-container .big .pig-bones.speed-on .st5 {
    stroke-dasharray: 50px 50px;
    transform: translateZ(0) rotate(0.0001deg);
    transition: stroke-dasharray 1s ease 0s;
  }
  .home .drag-container .big #cow-path,
  .home .drag-container .big #goat-path,
  .home .drag-container .big #pig-path {
    opacity: 0;
  }
  .home .drag-container .magnet-label:hover + .drag-text {
    opacity: 1;
  }
  .home .drag-container .magnet-btn.is-hover .circle-first-block {
    animation: spin 4s linear infinite;
  }
  .home .drag-container .magnet-btn .circle-first-block-inner {
    opacity: 0;
    transition: all eaee 0.3s 0s;
  }
  .home .drag-container .magnet-btn .circle-first-block-inner.start {
    opacity: 1;
  }
  .home .drag-container .magnet-btn .circle-first-block {
    fill: none;
    stroke: #317EB2;
    stroke-width: 1px;
    stroke-dashoffset: 0;
    stroke-dasharray: 2px 2px;
    transform-origin: center;
  }
  .home .drag-container .magnet-btn.magnet-btn-chicken {
    position: absolute;
    left: calc(50% - 38px);
    bottom: -29px;
  }
  .home .drag-container .magnet-btn.magnet-btn-cow {
    position: absolute;
    top: calc(50% - 38px);
    left: -29px;
  }
  .home .drag-container .magnet-btn.magnet-btn-pig {
    position: absolute;
    top: -29px;
    left: calc(50% - 38px);
  }
  .home .drag-container .magnet-btn.magnet-btn-goat {
    position: absolute;
    top: calc(50% - 38px);
    right: -29px;
  }
  .home .drag-container .magnet-label {
    z-index: 100;
  }
  .home .drag-container .magnet-label.active {
    pointer-events: none;
  }
  .home .drag-container .magnet-label.magnet-label-cow {
    position: absolute;
    width: 76px;
    height: 76px;
    top: calc(50% - 38px);
    left: -29px;
  }
  .home .drag-container .magnet-label.magnet-label-pig {
    position: absolute;
    width: 76px;
    height: 76px;
    top: -29px;
    left: calc(50% - 38px);
  }
  .home .drag-container .magnet-label.magnet-label-goat {
    position: absolute;
    width: 76px;
    height: 76px;
    top: calc(50% - 38px);
    right: -29px;
  }
  .home .drag-container .magnet-label.magnet-label-chicken {
    position: absolute;
    width: 76px;
    height: 76px;
    left: calc(50% - 38px);
    bottom: -20px;
  }
  .home .drag-container .block {
    position: absolute;
    width: 76px;
    height: 76px;
    cursor: grab;
    cursor: -webkit-grab;
    z-index: 1;
    transition: opacity 0.3s ease 0s;
    opacity: 0;
    will-change: margin;
  }
  .home .drag-container .block.start {
    transform: translateZ(0) rotate(0.0001deg);
    opacity: 1;
  }
  .home .drag-container .block.hover-start .circle-second-block {
    fill: #317EB2;
  }
  .home .drag-container .block.hover-start .chicken-min {
    fill: #fff;
  }
  .home .drag-container .block:active,
  .home .drag-container .block:focus:hover {
    cursor: grabbing;
    cursor: -webkit-grabbing;
  }
  .home .drag-container .block + svg {
    position: absolute;
    width: 76px;
    height: 76px;
    opacity: 0;
    transition: opacity 0.3s ease 0s;
  }
  .home .drag-container .block + svg.start {
    transform: translateZ(0) rotate(0.0001deg);
    opacity: 1;
  }
  .home .drag-container .block .circle-second-block {
    fill: transparent;
    stroke: #317EB2;
    stroke-width: 1px;
    transition: fill 0.5s ease 0s;
  }
  .home .drag-container .block.hover .circle-second-block {
    fill: #317EB2;
  }
  .home .drag-container .block.hover .chicken-min,
  .home .drag-container .block.hover .cow-min,
  .home .drag-container .block.hover .goat-min,
  .home .drag-container .block.hover .pig-min {
    fill: #fff;
  }
  .home .drag-container .block .chicken-min,
  .home .drag-container .block .cow-min,
  .home .drag-container .block .goat-min,
  .home .drag-container .block .pig-min {
    fill: #317EB2;
    transition: fill 0.5s ease 0s;
  }
  .home .drag-container .block.active {
    pointer-events: none;
  }
  .home .drag-container .block.active .circle-second-block {
    fill: #317EB2;
    transition: all 0.5s ease 0s;
  }
  .home .drag-container .block.active .chicken-min,
  .home .drag-container .block.active .cow-min,
  .home .drag-container .block.active .goat-min,
  .home .drag-container .block.active .pig-min {
    fill: #fff;
    transition: all 0.5s ease 0s;
  }
  .home .drag-container .text {
    position: absolute;
    top: 400px;
    right: -255px;
    width: 437px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s ease 0s;
  }
  .home .drag-container .text h2 {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 20px;
  }
  .home .drag-container .text h2 :after {
    content: '';
    position: absolute;
    bottom: 5px;
    right: -7px;
    width: 2px;
    height: 47px;
    opacity: 0;
    background: #317EB2;
  }
  .home .drag-container .text h2 .show {
    display: inline-block !important;
  }
  .home .drag-container .text h2 .show:after {
    animation: typed 1s ease infinite;
  }
  .home .drag-container .text p {
    position: relative;
    overflow: hidden;
    color: transparent;
    transition: all 0.5s ease 0s;
  }
  .home .drag-container .text p:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    height: 100%;
    background: #f6fcfc;
    transform: translateX(-120%);
  }
  .home .drag-container .text p.active {
    color: #333;
    transition: all 0s ease 0.5s;
    font-size: 12px;
  }
  .home .drag-container .text p.active:after {
    transition: all 1s ease 0s;
    transform: translateX(120%);
  }
  .home .drag-container .text .link {
    position: relative;
    overflow: hidden;
  }
  .home .drag-container .text .link .container,
  .home .drag-container .text .link:before {
    opacity: 0;
  }
  .home .drag-container .text .link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    height: 100%;
    background: #f6fcfc;
    transform: translateX(-120%);
  }
  .home .drag-container .text .link.active .container {
    opacity: 1;
    transition: all 0s ease 0.9s;
  }
  .home .drag-container .text .link.active:before {
    opacity: 1;
    transition: opacity 0s ease 0.9s;
  }
  .home .drag-container .text .link.active:hover:before {
    transition: transform 0.2s ease 0.2s;
  }
  .home .drag-container .text .link.active:after {
    transition: all 1s ease 0.4s;
    transform: translateX(120%);
  }
  .home .drag-container .sign-container .line {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 35px;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 0.3s ease 0s;
    transform: translateZ(0) rotate(0.0001deg);
  }
  .home .drag-container .sign-container.active .line {
    opacity: 1;
  }
  .home .drag-container .sign-container.active .line:nth-child(2) {
    transition: opacity 0.5s ease 0.7s;
  }
  .home .drag-container .sign-container.active .line:nth-child(4) {
    transition: opacity 0.5s ease 1.1s;
  }
  .home .drag-container .sign-container.active .line:nth-child(6) {
    transition: opacity 0.5s ease 1.5s;
  }
  .home .drag-container .sign-container.active .line:nth-child(8) {
    transition: opacity 0.5s ease 1.9s;
  }
  .home .drag-container .sign-container.active .sign .text-sign {
    color: #317EB2;
    opacity: 1;
  }
  .home .drag-container .sign-container.active .sign .text-sign:after {
    transform: translateX(120%);
  }
  .home .drag-container .sign-container.active .sign:first-child .text-sign {
    transition: opacity 0.3s ease 0.4s;
  }
  .home
    .drag-container
    .sign-container.active
    .sign:first-child
    .text-sign:after {
    transition: all 0.6s ease 0.4s;
  }
  .home .drag-container .sign-container.active .sign:nth-child(3) .text-sign {
    transition: opacity 0.3s ease 0.8s;
  }
  .home
    .drag-container
    .sign-container.active
    .sign:nth-child(3)
    .text-sign:after {
    transition: all 0.6s ease 0.8s;
  }
  .home .drag-container .sign-container.active .sign:nth-child(5) .text-sign {
    transition: opacity 0.3s ease 1.2s;
  }
  .home
    .drag-container
    .sign-container.active
    .sign:nth-child(5)
    .text-sign:after {
    transition: all 0.6s ease 1.2s;
  }
  .home .drag-container .sign-container.active .sign:nth-child(7) .text-sign {
    transition: opacity 0.3s ease 1.6s;
  }
  .home
    .drag-container
    .sign-container.active
    .sign:nth-child(7)
    .text-sign:after {
    transition: all 0.6s ease 1.6s;
  }
  .home .drag-container .sign {
    position: absolute;
  }
  .home .drag-container .sign .text-sign {
    position: relative;
    font:
      400 10px ProximaNova,
      sans-serif;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: transparent;
    opacity: 0;
    max-width: 95px;
    overflow: hidden;
    transition: opacity 0.3s ease 0.3s;
  }
  .home .drag-container .sign .text-sign:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    height: 100%;
    background: #f6fcfc;
    transform: translateX(-120%);
  }
  .home .drag-container .sign-chicken .sign-1 {
    top: 130px;
    left: 120px;
  }
  .home .drag-container .sign-chicken .sign-2 {
    bottom: 230px;
    left: 120px;
  }
  .home .drag-container .sign-chicken .sign-3 {
    bottom: 300px;
    right: 80px;
  }
  .home .drag-container .sign-chicken .sign-4 {
    top: 200px;
    right: 85px;
  }
  .home .drag-container .sign-cow .sign-1 {
    top: 140px;
    left: 150px;
  }
  .home .drag-container .sign-cow .sign-2 {
    bottom: 260px;
    left: 40px;
  }
  .home .drag-container .sign-cow .sign-3 {
    bottom: 180px;
    left: 200px;
  }
  .home .drag-container .sign-cow .sign-4 {
    top: 330px;
    right: 90px;
  }
  .home .drag-container .sign-goat .sign-1 {
    top: 130px;
    left: 160px;
  }
  .home .drag-container .sign-goat .sign-1 .line {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: #317EB2;
    transform-origin: 100% 50%;
    transform: rotate(-130deg);
    opacity: 0.5;
  }
  .home .drag-container .sign-goat .sign-2 {
    bottom: 270px;
    left: 50px;
  }
  .home .drag-container .sign-goat .sign-2 .line {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: #317EB2;
    transform-origin: 100% 50%;
    transform: rotate(130deg);
    opacity: 0.5;
  }
  .home .drag-container .sign-goat .sign-3 {
    bottom: 120px;
    left: 240px;
  }
  .home .drag-container .sign-goat .sign-3 .line {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: #317EB2;
    transform-origin: 100% 50%;
    transform: rotate(100deg);
    opacity: 0.5;
  }
  .home .drag-container .sign-goat .sign-4 {
    top: 280px;
    right: 50px;
  }
  .home .drag-container .sign-goat .sign-4 .line {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #317EB2;
    transform-origin: 0 50%;
    transform: rotate(170deg);
    opacity: 0.5;
  }
  .home .drag-container .sign-goat.active .sign-1 .line {
    width: 125px;
  }
  .home .drag-container .sign-goat.active .sign-2 .line {
    width: 130px;
  }
  .home .drag-container .sign-goat.active .sign-3 .line {
    width: 180px;
  }
  .home .drag-container .sign-goat.active .sign-4 .line {
    width: 80px;
  }
  .home .drag-container .sign-pig .sign-1 {
    top: 120px;
    left: 140px;
  }
  .home .drag-container .sign-pig .sign-1 .line {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: #317EB2;
    transform-origin: 100% 50%;
    transform: rotate(-130deg);
    opacity: 0.5;
  }
  .home .drag-container .sign-pig .sign-2 {
    bottom: 230px;
    left: 50px;
  }
  .home .drag-container .sign-pig .sign-2 .line {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: #317EB2;
    transform-origin: 100% 50%;
    transform: rotate(120deg);
    opacity: 0.5;
  }
  .home .drag-container .sign-pig .sign-3 {
    bottom: 130px;
    left: 370px;
  }
  .home .drag-container .sign-pig .sign-3 .line {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: #317EB2;
    transform-origin: 100% 50%;
    transform: rotate(120deg);
    opacity: 0.5;
  }
  .home .drag-container .sign-pig .sign-4 {
    top: 150px;
    right: 90px;
  }
  .home .drag-container .sign-pig .sign-4 .line {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #317EB2;
    transform-origin: 0 50%;
    transform: rotate(150deg);
    opacity: 0.5;
  }
  .home .drag-container .sign-pig.active .sign-1 .line {
    width: 135px;
  }
  .home .drag-container .sign-pig.active .sign-2 .line {
    width: 110px;
  }
  .home .drag-container .sign-pig.active .sign-3 .line {
    width: 210px;
  }
  .home .drag-container .sign-pig.active .sign-4 .line {
    width: 120px;
  }
  .home .down {
    cursor: pointer;
    position: absolute;
    bottom: 100px;
    left: -50px;
    color: #317EB2;
    transform: rotate(90deg);
    opacity: 0;
    transition: all 0.3s ease 0s;
  }
  .home .down span {
    display: block;
    transform: rotate(-180deg);
  }
  .quote:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 100%;
    z-index: 2;
    background: transparent
      linear-gradient(rgba(0, 148, 115, 0) 65%, rgba(0, 148, 115, 0.3) 0) 50%/100%
      3px;
  }
  .quote .container {
    position: relative;
    padding: 85px 0 100px;
    width: 64%;
    margin: 0 auto;
    z-index: 1;
  }
  .quote .top {
    font:
      400 10px/2 ProximaNova,
      sans-serif;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  .quote .bot {
    margin-top: 16px;
    color: #317EB2;
    font:
      400 38px ProximaNova,
      sans-serif;
  }
  .quote.type-0 .point {
    position: absolute;
    top: 155px;
    left: calc(50% - 3px);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #317EB2;
    z-index: 100;
    transform: translateX(0.5px);
  }
  .quote.type-0:before {
    content: '';
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 140px;
    height: 100%;
    z-index: 2;
    background: transparent
      linear-gradient(rgba(0, 148, 115, 0) 65%, rgba(0, 148, 115, 0.3) 0) 50%/100%
      3px;
  }
  .quote.type-0 .container {
    padding: 120px 0 125px 30px;
    width: 45%;
    margin: 0;
  }
  .name {
    font:
      400 10px/2 ProximaNova,
      sans-serif;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  .name span {
    display: inline-block;
    width: 6px;
    height: 1px;
    background: #317EB2;
    margin: 3px 9px;
  }
  .news-main .news {
    padding-top: 140px;
    padding-bottom: 60px;
  }
  .news-main .news h2 {
    padding-top: 10px;
  }
  .news-main .news .top {
    display: -ms-flexbox;
    display: flex;
  }
  .news-main .news .top .l,
  .news-main .news .top .r {
    position: relative;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    box-sizing: border-box;
  }
  .news-main .news .top .l {
    padding-top: 135px;
    padding-left: 120px;
  }
  .news-main .news .top .r .img {
    position: relative;
    width: 100%;
    height: 325px;
    background-size: cover;
  }
  .news-main .news .top .r .img .ov {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #317EB2 0)
      50%/100% 4px;
  }
  .news-main .news .top .r .img .ov1 {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 6px;
    background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #317EB2 0)
      50%/100% 2px;
  }
  .news-main .news .bot {
    position: relative;
    margin-top: 75px;
    display: -ms-flexbox;
    display: flex;
  }
  .news-main .news .bot .point-top {
    top: 20px;
  }
  .news-main .news .bot .point-bot,
  .news-main .news .bot .point-top {
    position: absolute;
    left: calc(50% - 3px);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #317EB2;
    transform: translateX(0.5px);
  }
  .news-main .news .bot .point-bot {
    bottom: 10px;
  }
  .news-main .news .bot .l,
  .news-main .news .bot .r {
    position: relative;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    box-sizing: border-box;
  }
  .news-main .news .bot .l {
    padding-left: 120px;
    padding-right: 100px;
  }
  .news-main .news .bot .r {
    padding-left: 70px;
    padding-right: 120px;
  }
  .news-main .news.type-0 {
    padding-bottom: 0;
  }
  .news-main .news.type-0 .top {
    display: -ms-flexbox;
    display: flex;
  }
  .news-main .news.type-0 .top .l,
  .news-main .news.type-0 .top .r {
    position: relative;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    box-sizing: border-box;
  }
  .news-main .news.type-0 .top .r {
    padding-top: 135px;
    padding-left: 70px;
  }
  .news-main .news.type-0 .top .r .bottom {
    position: relative;
  }
  .news-main .news.type-0 .top .r .bottom .point-top {
    top: 10px;
  }
  .news-main .news.type-0 .top .r .bottom .point-bot,
  .news-main .news.type-0 .top .r .bottom .point-top {
    position: absolute;
    left: -73px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #317EB2;
    transform: translateX(0.5px);
  }
  .news-main .news.type-0 .top .r .bottom .point-bot {
    bottom: 10px;
  }
  .news-main .news.type-0 .top .l {
    padding-top: 0;
    padding-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .news-main .news.type-0 .top .l .block-icons {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .news-main .news.type-0 .top .l .img {
    position: relative;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    height: 325px;
    background-size: cover;
    z-index: 1;
  }
  .news-main .news.type-0 .top .l .img .ov {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #317EB2 0)
      50%/100% 4px;
  }
  .news-main .news.type-0 .top .l .img .ov1 {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 6px;
    background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #317EB2 0)
      50%/100% 2px;
  }
  .news-main .grid-news-min {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .news-main .grid-news-min .news-min {
    position: relative;
    box-sizing: border-box;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    padding: 85px 30px 70px;
  }
  .news-main .grid-news-min .news-min .text {
    position: relative;
    z-index: 1;
  }
  .news-main .grid-news-min .news-min:first-child .bg,
  .news-main .grid-news-min .news-min:nth-child(2) .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(hsla(0, 0%, 100%, 0) 50%, #fff 0)
      50%/100% 4px;
    z-index: 0;
    opacity: 0;
    transition: all 0.3s ease 0s;
  }
  .news-main .grid-news-min .news-min:nth-child(3) .bg,
  .news-main .grid-news-min .news-min:nth-child(4) .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(rgba(246, 252, 252, 0) 50%, #f6fcfc 0)
      50%/100% 4px;
    z-index: -1;
    opacity: 0;
    transition: all 0.3s ease 0s;
  }
  .news-main .grid-news-min .news-min .point-top {
    top: 125px;
  }
  .news-main .grid-news-min .news-min .point-bot,
  .news-main .grid-news-min .news-min .point-top {
    position: absolute;
    left: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #317EB2;
    transform: translateX(0.5px);
  }
  .news-main .grid-news-min .news-min .point-bot {
    bottom: 80px;
  }
  .news-main .grid-news-min .news-min:hover .bg {
    opacity: 1;
  }
  .contacts-main .container {
    position: relative;
    padding-top: 170px;
    padding-bottom: 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 1;
  }
  .contacts-main .container .title {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding-left: 70px;
    box-sizing: border-box;
  }
  .contacts-main .container .title h2 {
    padding-top: 10px;
  }
  .contacts-main .map {
    position: relative;
    overflow: hidden;
  }
  .contacts-main .map.show .level-1 {
    width: 250px;
    height: 250px;
    transition:
      width 1.5s ease 0.3s,
      height 1.5s ease 0.3s,
      box-shadow 0.5s ease 0s;
  }
  .contacts-main .map.show .level-1 .name {
    opacity: 1 !important;
    transition: opacity 0.5s ease 1.8s;
  }
  .contacts-main .map.show .level-2 {
    width: 540px;
    height: 540px;
    transition:
      width 1.5s ease 0.6s,
      height 1.5s ease 0.6s,
      box-shadow 0.5s ease 0s;
  }
  .contacts-main .map.show .level-2 .name {
    opacity: 1 !important;
    transition: opacity 0.5s ease 1.8s;
  }
  .contacts-main .map.show .level-3 {
    width: 985px;
    height: 985px;
    transition:
      width 1.5s ease 0.9s,
      height 1.5s ease 0.9s,
      box-shadow 0.5s ease 0s;
  }
  .contacts-main .map.show .level-3 .name {
    opacity: 1 !important;
    transition: opacity 0.5s ease 1.8s;
  }
  .contacts-main .map .wrapper {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .contacts-main .map .wrapper .point {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    background: #317EB2;
    border-radius: 50%;
    z-index: 100;
  }
  .contacts-main .map .text-wrapper {
    position: absolute;
    width: 97.1%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 1440px;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease 0.3s;
    pointer-events: none;
    z-index: 100;
  }
  .contacts-main .map .text {
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    background: #fff;
    padding: 23px 75px 170px 35px;
    box-sizing: border-box;
    pointer-events: none;
  }
  .contacts-main .map .text:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f6fcfc;
    transition: all 0.3s ease 0s;
    z-index: 5;
  }
  .contacts-main .map .text .adress,
  .contacts-main .map .text .tel {
    font:
      700 18px/1.5 ProximaNova,
      sans-serif;
    color: #000;
    pointer-events: auto;
  }
  .contacts-main .map .text .tel {
    position: relative;
    margin-top: 10px;
    transition: all 0.3s ease 0s;
    z-index: 1;
  }
  .contacts-main .map .text .tel:hover {
    color: #317EB2;
  }
  .contacts-main .map img {
    width: 100%;
    display: block;
  }
  .contacts-main .map .point {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #317EB2;
    border-radius: 50%;
    z-index: 2;
  }
  .contacts-main .map .level {
    cursor: pointer;
  }
  .contacts-main .map .level.active + .text-wrapper {
    z-index: 120;
  }
  .contacts-main .map .level.active + .text-wrapper .text .tel {
    transition: z-index 0.6s ease 0.6s;
    z-index: 6;
  }
  .contacts-main .map .level.level-1.active,
  .contacts-main .map .level.level-1:hover {
    box-shadow: inset 0 0 0 125px #c9e7e1;
  }
  .contacts-main .map .level.level-1.active + .text-wrapper {
    transition: all 0.3s ease 0s;
    transform: translateX(0);
    opacity: 1;
  }
  .contacts-main .map .level.level-1.active + .text-wrapper .text {
    pointer-events: auto;
  }
  .contacts-main .map .level.level-1.active + .text-wrapper .text:before {
    opacity: 0;
    transition: all 0.3s ease 0.3s;
  }
  .contacts-main .map .level.level-2.active,
  .contacts-main .map .level.level-2:hover {
    box-shadow: inset 0 0 0 145px #c9e7e1;
  }
  .contacts-main .map .level.level-2.active + .text-wrapper {
    transition: all 0.3s ease 0s;
    transform: translateX(0);
    opacity: 1;
  }
  .contacts-main .map .level.level-2.active + .text-wrapper .text {
    pointer-events: auto;
  }
  .contacts-main .map .level.level-2.active + .text-wrapper .text:before {
    opacity: 0;
    transition: all 0.3s ease 0.3s;
  }
  .contacts-main .map .level.level-3.active,
  .contacts-main .map .level.level-3:hover {
    box-shadow: inset 0 0 0 222px #c9e7e1;
  }
  .contacts-main .map .level.level-3.active + .text-wrapper {
    transition: all 0.3s ease 0s;
    transform: translateX(0);
    opacity: 1;
  }
  .contacts-main .map .level.level-3.active + .text-wrapper .text {
    pointer-events: auto;
  }
  .contacts-main .map .level.level-3.active + .text-wrapper .text:before {
    opacity: 0;
    transition: all 0.3s ease 0.3s;
  }
  .contacts-main .map .level-1 {
    position: absolute;
    width: 0;
    height: 0;
    border: 1px solid #c9e7e1;
    border-radius: 50%;
    z-index: 100;
  }
  .contacts-main .map .level-1,
  .contacts-main .map .level-1 .point {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .contacts-main .map .level-1 .point .name {
    opacity: 0;
    margin: -6px 0 0 12px;
  }
  .contacts-main .map .level-2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 1px solid #c9e7e1;
    border-radius: 50%;
    z-index: 50;
  }
  .contacts-main .map .level-2 .point-1 {
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    transform: translateX(-3.5px);
  }
  .contacts-main .map .level-2 .point-1 .name {
    opacity: 0;
    margin: -6px 0 0 12px;
  }
  .contacts-main .map .level-2 .point-2 {
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
    transform: translateX(3.5px);
  }
  .contacts-main .map .level-2 .point-2 .name {
    opacity: 0;
    margin: -6px 0 0 -72px;
  }
  .contacts-main .map .level-3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 1px solid #c9e7e1;
    border-radius: 50%;
    z-index: 10;
  }
  .contacts-main .map .level-3 .point-1 {
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    transform: translateX(-3.5px);
  }
  .contacts-main .map .level-3 .point-1 .name {
    opacity: 0;
    margin: -6px 0 0 12px;
  }
  .contacts-main .map .level-3 .point-2 {
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
    transform: translateX(3.5px);
  }
  .contacts-main .map .level-3 .point-2 .name {
    opacity: 0;
    margin: -6px 0 0 -100px;
  }
  @media screen and (max-width: 1475px) {
    .contacts-main .map h2 {
      font-size: 36px;
    }
  }
  footer {
    position: relative;
    background: #fff;
    z-index: 1000;
  }
  footer .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
  }
  footer .container .copyright {
    padding-left: 15px;
  }
  footer .container .copyright,
  footer .container .dev {
    font:
      700 10px ProximaNova,
      sans-serif;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #000;
  }
  footer .container .dev {
    position: relative;
    padding-right: 15px;
  }
  footer .container .dev * {
    display: inline-block;
  }
  footer .container .dev a {
    position: relative;
    color: #000;
  }
  footer .container .dev a:before {
    content: '';
    position: absolute;
    left: -120px;
    top: 0;
    width: 32px;
    height: 11px;
    background: url(069a6c27b83cb9320bd97938a52fcdf2.svg);
    background-size: 100%;
  }
  footer .container .dev a:hover {
    color: transparent;
    transition: all 0.7s;
  }
  footer .container .dev a:after {
    content: attr(data-letters);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    overflow: hidden;
    color: #317EB2;
    white-space: nowrap;
    width: 0;
    transition: width 0.4s 0s;
  }
  footer .container .dev a:hover:after {
    width: 100%;
  }
  .title-page {
    position: relative;
  }
  .title-page .container {
    position: relative;
    width: 900px;
    padding-top: 230px;
    padding-left: 120px;
    z-index: 1;
  }
  .title-page h1 {
    padding-top: 10px;
    margin-bottom: 0;
    padding-bottom: 32px;
  }
  .title-page h1 * {
    height: 78px;
  }
  .title-page h4 {
    padding-top: 0;
  }
  .title-page p {
    font:
      600 28px/1.5 ProximaNova,
      sans-serif;
    color: #000;
    padding-right: 15px;
    margin-bottom: 10px;
  }
  .about-page .top .timeline {
    top: 85px;
  }
  .about-page .top .point {
    top: 85px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .about-page .top .container {
    padding-top: 65px;
    padding-bottom: 95px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .about-page .top .container .r {
    box-sizing: border-box;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding-left: 70px;
    padding-right: 120px;
  }
  .about-quote {
    background: #fff;
  }
  .about-quote .container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 90%;
    z-index: 1;
  }
  .about-quote .container .l {
    -ms-flex-preferred-size: 27.8%;
    flex-basis: 27.8%;
  }
  .about-quote .container .l img {
    width: 100%;
    display: block;
  }
  .about-quote .container .r {
    margin-top: 100px;
    padding-bottom: 120px;
    -ms-flex-preferred-size: 63.8%;
    flex-basis: 63.8%;
  }
  .about-quote .container .r .top {
    padding: 0;
    font:
      400 10px/2 ProximaNova,
      sans-serif;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  .about-quote .container .r .top span {
    display: inline-block;
    width: 6px;
    height: 1px;
    background: #317EB2;
    margin: 3px 9px;
  }
  .about-quote .container .r .bot {
    margin-top: 16px;
    color: #317EB2;
    font:
      400 38px ProximaNova,
      sans-serif;
  }
  .swiper-button-next .bg,
  .swiper-button-next:before,
  .swiper-button-prev .bg,
  .swiper-button-prev:before {
    transition: all 0.3s ease 0s;
  }
  .about-slider-plus .point {
    top: -85px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .about-slider-plus .container {
    padding-top: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .about-slider-plus .container .slider-left,
  .about-slider-plus .container .slider-right {
    width: 50%;
    box-sizing: border-box;
  }
  .about-slider-plus .container .slider-left {
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-top: 42px;
    padding-bottom: 42px;
  }
  .about-slider-plus .container .slider-left .block {
    position: relative;
    float: right;
    margin-right: -275px;
    transform-origin: center;
  }
  .about-slider-plus .container .slider-left .circle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: none;
    stroke: #f6fcfc;
    stroke-width: 2px;
    stroke-dasharray: 138px 148px;
    stroke-dashoffset: 0;
  }
  .about-slider-plus .container .slider-left .block-min {
    width: 83px;
    height: 83px;
    cursor: pointer;
  }
  .about-slider-plus .container .slider-left .block-min.block-min-6 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-35%);
  }
  .about-slider-plus .container .slider-left .block-min.block-min-1 {
    position: absolute;
    top: 0;
    bottom: 49%;
    left: 7%;
    margin: auto 0;
    transform: translateX(-45%);
  }
  .about-slider-plus .container .slider-left .block-min.block-min-2 {
    position: absolute;
    bottom: 0;
    top: 45%;
    left: 7%;
    margin: auto 0;
    transform: translateX(-45%);
  }
  .about-slider-plus .container .slider-left .block-min.block-min-3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(35%);
  }
  .about-slider-plus .container .slider-left .block-min.block-min-5 {
    position: absolute;
    top: 0;
    bottom: 49%;
    right: 7%;
    margin: auto 0;
    transform: translateX(45%);
  }
  .about-slider-plus .container .slider-left .block-min.block-min-4 {
    position: absolute;
    bottom: 0;
    top: 45%;
    right: 7%;
    margin: auto 0;
    transform: translateX(45%);
  }
  .about-slider-plus .container .slider-left .block-min .st0 {
    fill: #317EB2;
    transition: all 0.7s ease 0s;
  }
  .about-slider-plus .container .slider-left .block-min.active .st0 {
    fill: #fff;
  }
  .about-slider-plus
    .container
    .slider-left
    .block-min.active
    .circle-second-block {
    fill: #317EB2;
  }
  .about-slider-plus .container .slider-left .circle-first-block {
    fill: none;
    stroke: #f6fcfc;
    stroke-width: 1px;
  }
  .about-slider-plus .container .slider-left .circle-second-block {
    fill: none;
    stroke: #f6fcfc;
    stroke-width: 1px;
    transition: all 0.7s ease 0s;
  }
  .about-slider-plus .container .slider-left .circle-progress-block {
    fill: none;
    stroke: #317EB2;
    stroke-width: 1px;
    stroke-dasharray: 261px;
    stroke-dashoffset: 261px;
  }
  .about-slider-plus .container .slider-right {
    position: relative;
    z-index: 2;
    background: #fff;
  }
  .about-slider-plus .container .slider-right .swiper-container {
    width: 100%;
    position: relative;
    margin-top: 137px;
  }
  .about-slider-plus .container .slider-right .swiper-container .swiper-slide {
    box-sizing: border-box;
    padding-left: 70px;
    padding-right: 120px;
  }
  .about-slider-plus .container .slider-right .swiper-container h2 {
    padding-top: 10px;
  }
  .about-slider-plus .slider-controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 70px;
  }
  .about-slider-plus .slider-controls .button-next,
  .about-slider-plus .slider-controls .button-prev {
    position: relative;
    width: 25%;
    height: 170px;
    overflow: hidden;
    cursor: pointer;
  }
  .about-slider-plus .slider-controls .button-next .bg,
  .about-slider-plus .slider-controls .button-prev .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.3s ease 0s;
  }
  .about-slider-plus .slider-controls .button-next:before,
  .about-slider-plus .slider-controls .button-prev:before {
    transition: all 0.3s ease 0s;
  }
  .about-slider-plus .slider-controls .button-next:hover .bg,
  .about-slider-plus .slider-controls .button-prev:hover .bg {
    background: #f6fcfc;
  }
  .about-slider-plus .slider-controls .button-next:hover:before,
  .about-slider-plus .slider-controls .button-prev:hover:before {
    width: 83px;
  }
  .about-slider-plus .slider-controls .button-next:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 9px;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-50%);
    background: #317EB2;
    margin: auto 0;
    z-index: 10;
  }
  .about-slider-plus .slider-controls .button-next:before {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    top: 0;
    bottom: 0;
    left: 0;
    background: #317EB2;
    margin: auto 0;
    z-index: 10;
  }
  .about-slider-plus .slider-controls .button-next .ar {
    position: absolute;
    width: 5px;
    height: 7px;
    top: 0;
    bottom: 0;
    left: 83px;
    margin: auto 0;
    background: url(a5fe1d67448a06c3010e6e9c0a714c54.svg) no-repeat 50%;
    background-size: 100%;
    z-index: 10;
  }
  .about-slider-plus .slider-controls .button-prev:before {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    background: #317EB2;
    margin: auto 0;
    z-index: 10;
  }
  .about-slider-plus .slider-controls .button-prev .ar {
    position: absolute;
    width: 5px;
    height: 7px;
    top: 0;
    bottom: 0;
    right: 83px;
    margin: auto 0;
    background: url(ba2ea6e5839cbd661c27889f5b3d85a5.svg) no-repeat 50%;
    background-size: 100%;
    z-index: 10;
  }
  .about-text {
    position: relative;
    background: #fff;
  }
  .about-text .text {
    padding-top: 140px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 55px;
  }
  .about-text .text .point {
    margin-top: 10px;
    left: -3px;
  }
  .about-text .text .l {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    box-sizing: border-box;
  }
  .about-text .text .l .img {
    position: relative;
    width: 100%;
    height: 325px;
    background-size: cover;
  }
  .about-text .text .l .img .ov {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #317EB2 0)
      50%/100% 4px;
  }
  .about-text .text .l .img .ov1 {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 6px;
    background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #317EB2 0)
      50%/100% 2px;
  }
  .about-text .text .r {
    position: relative;
    margin-top: 125px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    box-sizing: border-box;
    padding-left: 70px;
    padding-right: 120px;
  }
  .about-text .text .r .text-decor {
    position: absolute;
    top: -150px;
    bottom: 0;
    right: 0;
  }
  .about-text .text .r h2 {
    padding-top: 10px;
  }
  .about-text .text.type-0 .point {
    left: auto;
    right: -3px;
    transform: translateX(0.5px);
  }
  .about-text .text.type-0 .l {
    -ms-flex-order: 2;
    order: 2;
  }
  .about-text .text.type-0 .r {
    otder: 1;
    padding-left: 120px;
  }
  .about-text .text.type-0 .r .text-decor {
    right: auto;
    left: 0;
  }
  .about-feedback .container {
    padding-top: 180px;
    padding-bottom: 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .about-feedback .container .r {
    z-index: 1;
    box-sizing: border-box;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding-left: 70px;
    padding-right: 120px;
  }
  .about-feedback .container .r h2 {
    padding-top: 10px;
  }
  .about-slider-feedback {
    background: #fff;
  }
  .about-slider-feedback .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .about-slider-feedback .container .swiper-container {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    margin: 0;
  }
  .about-slider-feedback .container .swiper-container .swiper-slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .about-slider-feedback .container .swiper-container .swiper-slide img {
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    width: 33.33%;
    height: auto;
    display: block;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .about-slider-feedback .container .swiper-container .swiper-slide .text {
    -ms-flex-preferred-size: 66.66%;
    flex-basis: 66.66%;
    box-sizing: border-box;
    margin-top: 95px;
    padding-left: 48px;
    padding-right: 65px;
    background: #fff;
  }
  .about-slider-feedback .container .swiper-container .swiper-slide .text p {
    padding-top: 10px;
    font-size: 24px;
    line-height: 1.5;
    color: #317EB2;
  }
  .about-slider-feedback .container .slider-controls {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
  .about-slider-feedback .container .slider-controls .swiper-button-next,
  .about-slider-feedback .container .slider-controls .swiper-button-prev {
    height: 200px;
    position: relative;
    overflow: hidden;
  }
  .about-slider-feedback .container .slider-controls .swiper-button-next .bg,
  .about-slider-feedback .container .slider-controls .swiper-button-prev .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .about-slider-feedback
    .container
    .slider-controls
    .swiper-button-next:hover
    .bg,
  .about-slider-feedback
    .container
    .slider-controls
    .swiper-button-prev:hover
    .bg {
    background: #f6fcfc;
  }
  .about-slider-feedback
    .container
    .slider-controls
    .swiper-button-next:hover:before,
  .about-slider-feedback
    .container
    .slider-controls
    .swiper-button-prev:hover:before {
    height: 83px;
  }
  .about-slider-feedback .container .slider-controls .swiper-button-next:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 1px;
    top: 0;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    background: #317EB2;
    margin: 0 auto;
    z-index: 10;
  }
  .about-slider-feedback .container .slider-controls .swiper-button-next:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 0;
    top: 0;
    right: 0;
    left: 0;
    background: #317EB2;
    margin: 0 auto;
    z-index: 10;
  }
  .about-slider-feedback .container .slider-controls .swiper-button-next .ar {
    position: absolute;
    width: 9px;
    height: 5px;
    left: 0;
    right: 0;
    top: 83px;
    margin: 0 auto;
    background: url(ce7b96d35ce0cc1b5c8e9b6550770ca5.svg) no-repeat 50%;
    background-size: 100%;
    z-index: 10;
  }
  .about-slider-feedback .container .slider-controls .swiper-button-prev:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #317EB2;
    margin: 0 auto;
    z-index: 10;
  }
  .about-slider-feedback .container .slider-controls .swiper-button-prev .ar {
    position: absolute;
    width: 9px;
    height: 5px;
    left: 0;
    right: 0;
    bottom: 83px;
    margin: 0 auto;
    background: url(02fdfc99d6d5171befe0338b2f71f967.svg) no-repeat 50%;
    background-size: 100%;
    z-index: 10;
  }
  .news-page .timeline {
    top: 85px;
  }
  .news-page .news-controls .filter-news {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .news-page .news-controls .container {
    position: relative;
    width: 345px;
    padding-top: 10px;
    padding-left: 120px;
    z-index: 1;
  }
  .news-page .news-controls .container .filter-news .filter-control {
    font:
      700 10px/2 ProximaNova,
      sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    cursor: pointer;
    color: #979797;
    position: relative;
  }
  .news-page .news-controls .container .filter-news .filter-control:before {
    content: '';
    width: 0;
    position: absolute;
    bottom: 0;
    left: -2px;
    height: 1px;
    background: #317EB2;
    transition: all 0.3s ease 0s;
  }
  .news-page .news-controls .container .filter-news .filter-control:after {
    content: '';
    position: absolute;
    width: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #317EB2;
    transition: all 0.3s ease 0s;
  }
  .news-page .news-controls .container .filter-news .filter-control:hover:before {
    width: calc(50% + 2px);
  }
  .news-page .news-controls .container .filter-news .filter-control:hover:after {
    width: 50%;
  }
  .news-page .news-controls .container .filter-news .filter-control.active {
    color: #3d3d3d;
    position: relative;
  }
  .news-page
    .news-controls
    .container
    .filter-news
    .filter-control.active:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: -2px;
    height: 2px;
    width: calc(100% + 2px);
    background: #317EB2;
  }
  .news-page .news-controls .container .filter-news .filter-control.active:after {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    height: 2px;
    width: calc(100% + 2px);
    background: #317EB2;
  }
  .news-page
    .news-controls
    .container
    .filter-news
    .filter-control.active:hover:after,
  .news-page
    .news-controls
    .container
    .filter-news
    .filter-control.active:hover:before {
    width: 15%;
  }
  .news-page .news-container .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: all 0.3s ease 0s;
  }
  .news-page .news-container .container .hidden {
    opacity: 0;
  }
  .news-page .news-container .container .l {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-top: 37px;
    transition: all 0.3s ease 0s;
  }
  .news-page .news-container .container .l .news {
    position: relative;
    margin-top: 332px;
    padding: 75px 46px 65px 120px;
  }
  .news-page .news-container .container .l .news .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(hsla(0, 0%, 100%, 0) 50%, #fff 0)
      50%/100% 4px;
    z-index: 0;
    opacity: 0;
    transition: all 0.3s ease 0s;
  }
  .news-page .news-container .container .l .news .text {
    position: relative;
    z-index: 1;
  }
  .news-page .news-container .container .l .news:hover .bg {
    opacity: 1;
  }
  .news-page .news-container .container .r {
    position: relative;
    margin-top: -60px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    transition: all 0.3s ease 0s;
  }
  .news-page .news-container .container .r .line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .news-page .news-container .container .r .point {
    margin-top: 140px;
    left: -3px;
    transform: translateX(0.5px);
  }
  .news-page .news-container .container .r .news {
    position: relative;
    margin-top: 25px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    box-sizing: border-box;
    padding: 75px 13.15% 65px 16.5px;
  }
  .news-page .news-container .container .r .news .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(rgba(246, 252, 252, 0) 50%, #f6fcfc 0)
      50%/100% 4px;
    z-index: -1;
    opacity: 0;
    transition: all 0.3s ease 0s;
  }
  .news-page .news-container .container .r .news.news-img {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 0 16.5px;
  }
  .news-page .news-container .container .r .news.news-img .text {
    padding-top: 75px;
    padding-bottom: 65px;
    box-sizing: border-box;
    padding-right: 13.15%;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
  }
  .news-page .news-container .container .r .news .img {
    position: relative;
    -ms-flex-preferred-size: 51%;
    flex-basis: 51%;
    width: 50%;
    height: 399px;
    background-size: cover;
  }
  .news-page .news-container .container .r .news .img .ov {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(rgba(21, 147, 116, 0) 50%, #159374 0)
      50%/100% 4px;
  }
  .news-page .news-container .container .r .news:hover .bg {
    opacity: 1;
  }
  .pagination {
    position: relative;
    background: #fff;
  }
  .selects-wrapper {
    margin: 30px 0;
    display: -ms-flexbox;
    display: flex;
  }
  .margin-right__50 {
    margin-right: 50px;
  }
  .select {
    text-transform: lowercase;
    color: #317EB2;
    width: -moz-max-content;
    width: max-content;
    z-index: 10;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .select:before {
    right: 6px;
    transform: rotate(45deg);
  }
  .select:after,
  .select:before {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 10px;
    height: 2px;
    background: #317EB2;
  }
  .select:after {
    right: 0;
    transform: rotate(-45deg);
  }
  .select.is-active .select__body {
    display: block;
  }
  .select.is-active:before {
    transform: rotate(-45deg);
  }
  .select.is-active:after {
    transform: rotate(45deg);
  }
  .select .select__header {
    border-bottom: 2px solid #317EB2;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
  }
  .select .select__current,
  .select .select__item {
    padding: 8px 35px 8px 8px;
  }
  .select .select__body {
    border-top: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    background: #f6fcfc;
    width: -moz-max-content;
    width: max-content;
  }
  .select .select__item {
    cursor: pointer;
  }
  .select .select__item:hover {
    background: #317eb221;
  }
  #pagination {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 170px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.3s ease 0s;
  }
  #pagination a,
  #pagination i {
    font:
      400 18px ProximaNova,
      sans-serif;
    display: inline-block;
    width: 30px;
    color: #000;
    text-align: center;
    padding: 3px 0 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #pagination a {
    position: relative;
    margin: 0 5px;
    cursor: pointer;
    transition: opacity 0.3s ease 0.7s;
  }
  #pagination a.hidden {
    opacity: 0;
    pointer-events: none;
    cursor: auto;
  }
  #pagination a.current {
    pointer-events: none;
  }
  #pagination a.prev {
    padding: 0;
    margin-right: 53px;
    width: 170px;
    height: 170px;
    overflow: hidden;
  }
  #pagination a.prev:after {
    left: 0;
    width: 100%;
    height: 100%;
    background: #f6fcfc;
  }
  #pagination a.prev:after,
  #pagination a.prev:before {
    content: '';
    position: absolute;
    top: 0;
    transform: translateX(100%);
    transition: all 0.3s ease 0s;
  }
  #pagination a.prev:before {
    bottom: 0;
    margin: auto 0;
    width: 83px;
    height: 1px;
    background: #317EB2;
    right: 0;
    z-index: 1;
  }
  #pagination a.prev .ar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(ba2ea6e5839cbd661c27889f5b3d85a5.svg) no-repeat 50%;
    background-size: 5px 9px;
    z-index: 1;
  }
  #pagination a.prev:hover:after,
  #pagination a.prev:hover:before {
    transform: translateX(0);
  }
  #pagination a.next {
    padding: 0;
    margin-left: 53px;
    width: 170px;
    height: 170px;
    overflow: hidden;
  }
  #pagination a.next:after {
    top: 0;
    width: 100%;
    height: 100%;
    background: #f6fcfc;
  }
  #pagination a.next:after,
  #pagination a.next:before {
    content: '';
    position: absolute;
    left: 0;
    transform: translateX(-100%);
    transition: all 0.3s ease 0s;
  }
  #pagination a.next:before {
    top: 1px;
    bottom: 0;
    margin: auto 0;
    width: 83px;
    height: 1px;
    background: #317EB2;
    z-index: 1;
  }
  #pagination a.next .ar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(a5fe1d67448a06c3010e6e9c0a714c54.svg) no-repeat 50%;
    background-size: 5px 9px;
    z-index: 1;
  }
  #pagination a.next:hover:after,
  #pagination a.next:hover:before {
    transform: translateX(0);
  }
  #pagination i {
    margin: 0 3px;
  }
  #pagination span a {
    transition: all 0.3s ease 0s;
  }
  #pagination span a:after {
    right: -13px;
  }
  #pagination span a:after,
  #pagination span a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #317EB2;
    margin: auto 0;
    transition: all 0.3s ease 0s;
  }
  #pagination span a:before {
    left: -13px;
  }
  #pagination span a:hover {
    margin: 0 20px;
  }
  #pagination span a:hover:after,
  #pagination span a:hover:before {
    width: 16px;
  }
  #pagination a.current {
    margin: 0 20px;
  }
  #pagination a.current:after {
    right: -13px;
  }
  #pagination a.current:after,
  #pagination a.current:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 16px;
    height: 1px;
    background: #317EB2;
    margin: auto 0;
    transition: all 0.3s ease 0s;
  }
  #pagination a.current:before {
    left: -13px;
  }
  .news-text .title-page .container {
    padding-bottom: 300px;
  }
  .news-text .content {
    position: relative;
    background: #fff;
  }
  .news-text .text {
    position: relative;
  }
  .news-text .user-text .inner {
    width: 50%;
    margin: 0 auto;
  }
  .slider-text {
    position: relative;
    padding-top: 85px;
    margin-bottom: 88px;
    display: -ms-flexbox;
    display: flex;
    justify-contrnt: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .slider-text .swiper-container-l {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    margin: 0;
  }
  .slider-text .swiper-container-l .swiper-slide {
    position: relative;
    height: 480px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .slider-text .swiper-container-l .swiper-slide:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, 0.32);
  }
  .slider-text .swiper-container-l .swiper-slide:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 147, 115, 0.1);
  }
  .slider-text .swiper-container-r {
    position: relative;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    margin: 0;
  }
  .slider-text .swiper-container-r .swiper-slide {
    padding: 20px 32px 0;
  }
  .slider-text .swiper-container-r:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 32px;
    width: 56px;
    height: 6px;
    background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #317EB2 0)
      50%/100% 2px;
  }
  .slider-text .swiper-container-r p {
    padding-top: 25px;
    margin-bottom: 16px;
    font:
      400 14px/1.5 ClinicaPro,
      sans-serif;
    color: #000;
  }
  .slider-text .slider-controls {
    position: absolute;
    width: 25%;
    height: 170px;
    bottom: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 70px;
  }
  .slider-text .slider-controls .swiper-button-next,
  .slider-text .slider-controls .swiper-button-prev {
    position: relative;
    width: 50%;
    height: 170px;
    overflow: hidden;
  }
  .slider-text .slider-controls .swiper-button-next .bg,
  .slider-text .slider-controls .swiper-button-prev .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .slider-text .slider-controls .swiper-button-next:hover .bg,
  .slider-text .slider-controls .swiper-button-prev:hover .bg {
    background: #f6fcfc;
  }
  .slider-text .slider-controls .swiper-button-next:hover:before,
  .slider-text .slider-controls .swiper-button-prev:hover:before {
    width: 83px;
  }
  .slider-text .slider-controls .swiper-button-next:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 9px;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-50%);
    background: #317EB2;
    margin: auto 0;
    z-index: 10;
  }
  .slider-text .slider-controls .swiper-button-next:before {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    top: 0;
    bottom: 0;
    left: 0;
    background: #317EB2;
    margin: auto 0;
    z-index: 10;
  }
  .slider-text .slider-controls .swiper-button-next .ar {
    position: absolute;
    width: 5px;
    height: 7px;
    top: 0;
    bottom: 0;
    left: 83px;
    margin: auto 0;
    background: url(a5fe1d67448a06c3010e6e9c0a714c54.svg) no-repeat 50%;
    background-size: 100%;
    z-index: 10;
  }
  .slider-text .slider-controls .swiper-button-prev:before {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    background: #317EB2;
    margin: auto 0;
    z-index: 10;
  }
  .slider-text .slider-controls .swiper-button-prev .ar {
    position: absolute;
    width: 5px;
    height: 7px;
    top: 0;
    bottom: 0;
    right: 83px;
    margin: auto 0;
    background: url(ba2ea6e5839cbd661c27889f5b3d85a5.svg) no-repeat 50%;
    background-size: 100%;
    z-index: 10;
  }
  .z-index10 {
    z-index: 10;
  }
  .catalog .title-page .catalog {
    padding-bottom: 30px;
  }
  .catalog .top {
    background: #fff;
    border-top: 1px solid #eff5f6;
    border-bottom: 1px solid #eff5f6;
  }
  .catalog .top.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100000;
  }
  .catalog .top.fixed + .bot {
    margin-top: 49px;
  }
  .catalog .top .container {
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #eff5f6;
    border-right: 1px solid #eff5f6;
  }
  .catalog .top .container .filter-animals {
    background: #317EB2;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    height: 49px;
    display: -ms-flexbox;
    display: flex;
  }
  .catalog .top .container .filter-animals .item {
    cursor: pointer;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    padding: 13px 27px;
    transition: all 0.3s ease 0s;
  }
  .catalog .top .container .filter-animals .item .icon {
    pointer-events: none;
    margin-right: 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    fill: #fff;
    transition: transform 1s ease 0s;
  }
  .catalog .top .container .filter-animals .item .text {
    pointer-events: none;
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    white-space: nowrap;
    height: 100%;
    color: #fff;
    font:
      400 10px/23px ProximaNova,
      sans-serif;
    text-transform: uppercase;
    transition:
      max-width 1s ease 0s,
      opacity 0s ease 0s;
    transform: translateZ(0) rotate(0.00001deg);
    letter-spacing: 0.2em;
  }
  .catalog .top .container .filter-animals .item.item-all {
    text-align: center;
  }
  .catalog .top .container .filter-animals .item.item-all .text {
    width: 100%;
    display: inline-block;
    opacity: 1 !important;
    color: #fff;
    max-width: none !important;
    overflow: visible;
    transition:
      opacity 0s ease 0s,
      color 0.3s ease 0s;
  }
  .catalog .top .container .filter-animals .item:hover .text {
    opacity: 1;
    max-width: 152px;
    overflow: visible;
    transition:
      max-width 1s ease 0.2s,
      opacity 0.5s ease 0.5s;
  }
  .catalog .top .container .filter-animals .item:hover.item-chicken .text,
  .catalog .top .container .filter-animals .item:hover.item-pig .text {
    max-width: 50px;
  }
  .catalog .top .container .filter-animals .item:hover.item-all .text {
    transition:
      opacity 0s ease 0.2s,
      color 0.3s ease 0s;
  }
  .catalog .top .container .filter-animals .item.active {
    pointer-events: none;
    border-top: 1px solid #eff5f6;
    border-bottom: 1px solid #eff5f6;
    border-right: 1px solid #eff5f6;
    background: #fff;
  }
  .catalog .top .container .filter-animals .item.active .text {
    color: #317EB2;
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    transition:
      max-width 1s ease 0s,
      opacity 0.3s ease 0s;
  }
  .catalog .top .container .filter-animals .item.active.item-chicken .text,
  .catalog .top .container .filter-animals .item.active.item-pig .text {
    max-width: 0;
  }
  .catalog .top .container .filter-animals .item.active.item-all .text {
    max-width: none;
    opacity: 1;
  }
  .catalog .top .container .filter-animals .item.active .icon {
    transform: translateX(50%);
    fill: #317EB2;
  }
  .catalog .top .container .catalog-search {
    position: relative;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    height: 49px;
    box-sizing: border-box;
    background: #f6fcfc;
  }
  .catalog .top .container .catalog-search .btn-seach {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 25px;
    width: 15px;
    height: 15px;
    padding: 5px;
    background: url(802782c68f55f7271fab3d6d19bee068.svg) no-repeat 50%;
    background-size: 15px;
    z-index: 1;
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .catalog .top .container .catalog-search input {
    width: 100%;
    padding: 13px 32px;
    font:
      400 16px ClinicaPro,
      sans-serif;
    color: #317EB2;
  }
  .catalog .top .container .catalog-search input::-webkit-input-placeholder {
    font:
      400 16px ClinicaPro,
      sans-serif;
    color: #317EB2;
  }
  .catalog .top .container .catalog-search input:-moz-placeholder,
  .catalog .top .container .catalog-search input::-moz-placeholder {
    padding: 0 32px;
    font:
      400 16px ClinicaPro,
      sans-serif;
    color: #317EB2;
  }
  .catalog .top .container .catalog-search input:-ms-input-placeholder {
    padding: 0 32px;
    font:
      400 16px ClinicaPro,
      sans-serif;
    color: #317EB2;
  }
  .catalog .bot .container {
    display: -ms-flexbox;
    display: flex;
    min-height: 500px;
  }
  .catalog .bot .container .hidden {
    opacity: 0;
  }
  .catalog .bot .container .l {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    transition: all 0.3s ease 0s;
    border-left: 1px solid #eff5f6;
  }
  .catalog .bot .container .l .filter-product .head {
    overflow: hidden;
  }
  .catalog .bot .container .l .filter-product .level-1 .head {
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 25px;
    font:
      700 18px ProximaNova,
      sans-serif;
    color: #317EB2;
    border-bottom: 1px solid #eff5f6;
    border-right: 1px solid rgba(239, 245, 246, 0.5);
    transition: all 0.3s ease 0s;
  }
  .catalog .bot .container .l .filter-product .level-1 .head .plus {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25px;
    margin: auto 0;
    width: 9px;
    height: 9px;
  }
  .catalog .bot .container .l .filter-product .level-1 .head .plus:before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 0.5px);
    width: 1px;
    height: 100%;
    background-color: #317EB2;
    transform-origin: center;
    transition: all 0.3s ease 0s;
  }
  .catalog .bot .container .l .filter-product .level-1 .head .plus:after {
    content: '';
    position: absolute;
    top: calc(50% - 0.5px);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #317EB2;
  }
  .catalog .bot .container .l .filter-product .level-1 .head.add-plus .plus {
    opacity: 1;
  }
  .catalog .bot .container .l .filter-product .level-1 .head.active + .level-2 {
    max-height: 1000px;
    overflow: auto;
  }
  .catalog .bot .container .l .filter-product .level-1 .head.active .plus:before {
    transform: rotate(90deg);
  }
  .catalog .bot .container .l .filter-product .level-2 {
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease 0s;
  }
  .catalog .bot .container .l .filter-product .level-2 .head {
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 15px 25px;
    font:
      400 16px/1.75 ClinicaPro,
      sans-serif;
    color: #000;
    border-bottom: 1px solid #eff5f6;
    border-right: 1px solid rgba(239, 245, 246, 0.5);
    transition: all 0.3s ease 0s;
  }
  .catalog
    .bot
    .container
    .l
    .filter-product
    .level-2
    .head.active
    .loading:after,
  .catalog
    .bot
    .container
    .l
    .filter-product
    .level-2
    .head.active
    .loading:before {
    border: 6px solid hsla(0, 0%, 100%, 0.5) !important;
    box-shadow: inset 0 0 10px 50px hsla(0, 0%, 100%, 0.5) !important;
  }
  .catalog .bot .container .l .filter-product .level-2 .head.add-plus .plus {
    opacity: 1;
  }
  .catalog .bot .container .l .filter-product .level-2 .head.active {
    background: #317EB2;
    color: #fff;
  }
  .catalog .bot .container .l .filter-product .level-2 .head.active + .level-3 {
    max-height: 1000px;
    overflow: auto;
  }
  .catalog .bot .container .l .filter-product .level-2 .head.active .plus:after,
  .catalog .bot .container .l .filter-product .level-2 .head.active .plus:before {
    background: #fff;
    transition: all 0.3s ease 0s;
  }
  .catalog .bot .container .l .filter-product .level-2 .head.active .plus:before {
    transform: rotate(90deg);
    transition: all 0.3s ease 0s;
  }
  .catalog .bot .container .l .filter-product .level-3 {
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease 0s;
  }
  .catalog .bot .container .l .filter-product .level-3 .head {
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 15px 25px;
    font:
      400 16px/1.75 ClinicaPro,
      sans-serif;
    color: #333;
    background: #fff;
    border-bottom: 1px solid #eff5f6;
    border-right: 1px solid rgba(239, 245, 246, 0.5);
    transition: all 0.3s ease 0s;
  }
  .catalog .bot .container .l .filter-product .level-3 .head.add-plus .plus {
    opacity: 1;
  }
  .catalog .bot .container .l .filter-product .level-3 .head.active {
    background: #fff;
    color: #317EB2;
  }
  .catalog .bot .container .l .reset-filters {
    text-align: center;
  }
  .catalog .bot .container .l .reset-filters .link {
    vertical-align: top;
    padding: 31px 0 0;
    cursor: pointer;
  }
  .catalog .bot .container .l .reset-filters .link:before {
    display: none;
  }
  .catalog .bot .container .r {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    background: #fff;
    transition: all 0.3s ease 0s;
  }
  .catalog .bot .container .r .container-result {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    transition: all 0.3s ease 0s;
  }
  .catalog .bot .container .r .container-result > h2 {
    display: block;
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.3;
  }
  .catalog .bot .container .r .container-result .hidden {
    opacity: 0;
  }
  .catalog .bot .container .r .item {
    position: relative;
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
    border: 1px solid rgba(239, 245, 246, 0.5);
    padding: 75px 50px 45px;
    box-sizing: border-box;
    overflow: hidden;
    transition: all 0.3s ease 0s;
  }
  .catalog .bot .container .r .item .icon-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 30%;
    top: 20px;
    left: 50px;
  }
  .catalog .bot .container .r .item .icon-row .icon {
    width: 33.3%;
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
  }
  .catalog .bot .container .r .item .icon-row .icon img {
    width: 20px;
    height: auto;
  }
  .catalog .bot .container .r .item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(rgba(246, 252, 252, 0) 50%, #f6fcfc 0)
      50%/100% 4px;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease 0s;
  }
  .catalog .bot .container .r .item img {
    position: relative;
    display: block;
    height: 169px;
    margin: 0 auto;
    z-index: 2;
  }
  .catalog .bot .container .r .item .t {
    position: relative;
    padding-top: 60px;
    font:
      700 24px/1 ProximaNova,
      sans-serif;
    color: #000;
    z-index: 2;
  }
  .catalog .bot .container .r .item .b {
    position: relative;
    padding-top: 7px;
    font:
      400 10px/2 ProximaNova,
      sans-serif;
    color: #000;
    letter-spacing: 0.21em;
    text-transform: uppercase;
    z-index: 2;
  }
  .catalog .bot .container .r .item:hover .bg {
    opacity: 1;
  }
  .catalog-item .timeline {
    top: 280px;
  }
  .catalog-item .point {
    left: 0;
    right: 0;
    top: 280px;
    margin: 0 auto;
  }
  .catalog-item .container-top {
    overflow: hidden;
  }
  .catalog-item .container-top .l {
    float: left;
    width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    box-sizing: border-box;
  }
  .catalog-item .container-top .l .title-page {
    padding-top: 230px;
    width: auto;
    box-sizing: border-box;
    padding-left: 120px;
    padding-right: 100px;
    position: relative;
  }
  .catalog-item .container-top .l .title-page .link {
    display: block;
    margin-bottom: 64px;
  }
  .catalog-item .container-top .l .title-page .link .arrow {
    right: auto;
    left: 6px;
  }
  .catalog-item .container-top .l .title-page .link .arrow-1 {
    right: auto;
    opacity: 0;
    left: 6px;
    transform: translateX(10px);
  }
  .catalog-item .container-top .l .title-page .link:before {
    right: auto;
    left: 0;
  }
  .catalog-item .container-top .l .title-page .link span {
    margin-left: 78px;
  }
  .catalog-item .container-top .l .title-page .link:hover .arrow {
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.2s ease 0s;
  }
  .catalog-item .container-top .l .title-page .link:hover:before {
    transform: rotate(-90deg);
    transition: all 0.2s ease 0.2s;
  }
  .catalog-item .container-top .l .title-page .link:hover .arrow-1 {
    opacity: 1;
    transform: translateX(0);
    transition: all 0.2s ease 0.4s;
  }
  .catalog-item .container-top .l .title-page h1 {
    padding-bottom: 16px;
  }
  .catalog-item .container-top .l .title-page p {
    font:
      400 16px/1.75 ClinicaPro,
      sans-serif;
    color: #333;
  }
  .catalog-item .container-top .l .title-page .name {
    padding-bottom: 28px;
  }
  .catalog-item .container-top .l .title-page .instruction {
    position: relative;
    display: inline-block;
    padding-top: 12px;
    font:
      400 16px/1.75 ClinicaPro,
      sans-serif;
    color: #317EB2;
  }
  .catalog-item .container-top .l .title-page .instruction:after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 50%;
    height: 1px;
    background: #317EB2;
    transition: all 0.3s ease 0s;
  }
  .catalog-item .container-top .l .title-page .instruction:before {
    content: '';
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 50%;
    height: 1px;
    background: #317EB2;
    transition: all 0.3s ease 0s;
  }
  .catalog-item .container-top .l .title-page .instruction:hover:after,
  .catalog-item .container-top .l .title-page .instruction:hover:before {
    width: 10px;
  }
  .catalog-item .container-top .l .filter-link {
    position: relative;
    margin-top: 155px;
    height: 49px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
  }
  .catalog-item .container-top .l .filter-link .item {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    padding: 13px 27px;
    transition: all 0.3s ease 0s;
  }
  .catalog-item .container-top .l .filter-link .item .icon {
    margin-right: 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    height: 20px;
    fill: #317EB2;
    transition: all 0.3s ease 0s;
  }
  .catalog-item .container-top .l .filter-link .item .text {
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    white-space: nowrap;
    height: 100%;
    color: #317EB2;
    font:
      400 10px/23px ProximaNova,
      sans-serif;
    text-transform: uppercase;
    transition:
      max-width 1s ease 0s,
      opacity 0s ease 0s;
    transform: translateZ(0) rotate(0.00001deg);
    letter-spacing: 0.21em;
  }
  .catalog-item .container-top .l .filter-link .item.item-all .text {
    opacity: 1;
    color: #fff;
    max-width: none;
    overflow: visible;
    transition:
      opacity 0s ease 0s,
      color 0.3s ease 0s;
  }
  .catalog-item .container-top .l .filter-link .item.active .text,
  .catalog-item .container-top .l .filter-link .item:hover .text {
    opacity: 1;
    max-width: 152px;
    overflow: visible;
    transition:
      max-width 1s ease 0.2s,
      opacity 0.5s ease 0.5s;
  }
  .catalog-item .container-top .l .filter-link .item.active.item-chicken .text,
  .catalog-item .container-top .l .filter-link .item.active.item-pig .text,
  .catalog-item .container-top .l .filter-link .item:hover.item-chicken .text,
  .catalog-item .container-top .l .filter-link .item:hover.item-pig .text {
    max-width: 50px;
  }
  .catalog-item .container-top .l .filter-link .item.active.item-all .text,
  .catalog-item .container-top .l .filter-link .item:hover.item-all .text {
    transition:
      opacity 0s ease 0.2s,
      color 0.3s ease 0s;
  }
  .catalog-item .container-top .r {
    float: right;
    width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .catalog-item .container-bot {
    position: relative;
    margin-top: 25px;
    padding-top: 30px;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 160px;
  }
  .catalog-item .container-bot .point {
    top: 95px;
  }
  .catalog-item .container-bot .l {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    box-sizing: border-box;
  }
  .catalog-item .container-bot .l .content {
    padding-left: 120px;
    padding-right: 100px;
  }
  .catalog-item .container-bot .l .content .dot-block .point,
  .catalog-item .container-bot .l .content .text-block .point {
    left: auto;
    right: -103px;
    top: 15px;
    transform: translateX(0.5px);
  }
  .catalog-item .container-bot .r {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    box-sizing: border-box;
  }
  .catalog-item .container-bot .r .content {
    padding-left: 70px;
    padding-right: 120px;
  }
  .catalog-item .container-bot .r .content .dot-block .point,
  .catalog-item .container-bot .r .content .text-block .point {
    left: -73px;
    right: auto;
    top: 15px;
    transform: translateX(0.5px);
  }
  .catalog-item .container-bot .content .title {
    font:
      700 24px/1.2 ProximaNova,
      sans-serif;
    color: #000;
    padding-right: 15px;
    margin-bottom: 23px;
  }
  .catalog-item .container-bot .content .text-block {
    position: relative;
    margin-top: 56px;
  }
  .catalog-item .container-bot .content .text-block .text {
    font:
      400 16px/1.75 ClinicaPro,
      sans-serif;
    color: #333;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
  }
  .catalog-item .container-bot .content .dot-block {
    position: relative;
    margin-top: 56px;
  }
  .catalog-item .container-bot .content .dot-block .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .catalog-item .container-bot .content .dot-block .l,
  .catalog-item .container-bot .content .dot-block .r {
    font:
      400 16px/1.75 ClinicaPro,
      sans-serif;
    color: #333;
    display: -ms-flexbox;
    display: flex;
  }
  .catalog-item .container-bot .content .dot-block .start {
    max-width: 235px;
  }
  .catalog-item .container-bot .content .dot-block .end {
    white-space: nowrap;
  }
  .catalog-item .container-bot .content .dot-block .center {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 10px;
    background-image: linear-gradient(90deg, #317EB2 66%, transparent 0);
    background-position: 50%;
    background-size: 3px 1px;
    background-repeat: repeat-x;
  }
  .slider-product {
    position: relative;
    margin-top: 200px;
    padding: 15px 0;
  }
  .slider-product .icon-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 20%;
    top: 40px;
    left: 55px;
    z-index: 2;
  }
  .slider-product .icon-row .icon {
    width: 33.3%;
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
  }
  .slider-product .icon-row .icon img {
    width: 20px;
    height: auto;
    position: relative;
    display: block;
  }
  .slider-product .swiper-slider .swiper-wrapper .swiper-slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .slider-product .swiper-slider .swiper-wrapper .swiper-slide img {
    width: 56%;
    height: auto;
    display: block;
  }
  .slider-product .slider-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 35px;
  }
  .slider-product .slider-controls {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .slider-product .slider-controls .swiper-button-next,
  .slider-product .slider-controls .swiper-button-prev {
    position: relative;
    width: 50%;
    height: 170px;
    overflow: hidden;
  }
  .slider-product .slider-controls .swiper-button-next .bg,
  .slider-product .slider-controls .swiper-button-prev .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .slider-product .slider-controls .swiper-button-next:hover .bg,
  .slider-product .slider-controls .swiper-button-prev:hover .bg {
    background: #f6fcfc;
  }
  .slider-product .slider-controls .swiper-button-next:hover:before,
  .slider-product .slider-controls .swiper-button-prev:hover:before {
    width: 83px;
  }
  .slider-product .slider-controls .swiper-button-next:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 9px;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-50%);
    background: #317EB2;
    margin: auto 0;
    z-index: 10;
  }
  .slider-product .slider-controls .swiper-button-next:before {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    top: 0;
    bottom: 0;
    left: 0;
    background: #317EB2;
    margin: auto 0;
    z-index: 10;
  }
  .slider-product .slider-controls .swiper-button-next .ar {
    position: absolute;
    width: 5px;
    height: 7px;
    top: 0;
    bottom: 0;
    left: 83px;
    margin: auto 0;
    background: url(a5fe1d67448a06c3010e6e9c0a714c54.svg) no-repeat 50%;
    background-size: 100%;
    z-index: 10;
  }
  .slider-product .slider-controls .swiper-button-prev:before {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    background: #317EB2;
    margin: auto 0;
    z-index: 10;
  }
  .slider-product .slider-controls .swiper-button-prev .ar {
    position: absolute;
    width: 5px;
    height: 7px;
    top: 0;
    bottom: 0;
    right: 83px;
    margin: auto 0;
    background: url(ba2ea6e5839cbd661c27889f5b3d85a5.svg) no-repeat 50%;
    background-size: 100%;
    z-index: 10;
  }
  .slider-product .swiper-pagination {
    display: -ms-flexbox;
    display: flex;
    margin-top: 75px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 55px;
  }
  .slider-product .swiper-pagination .swiper-pagination-bullet {
    cursor: pointer;
    position: relative;
    padding: 5px;
    width: 6px;
    height: 6px;
    margin: 0 5px;
  }
  .slider-product .swiper-pagination .swiper-pagination-bullet:after {
    content: none;
  }
  .slider-product .swiper-pagination .swiper-pagination-bullet:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    background: #317EB2;
    border-radius: 50px;
    transition: all 0.2s ease 0s;
  }
  .slider-product
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
  .slider-product .swiper-pagination .swiper-pagination-bullet:hover:before {
    border: 5px solid #f6fcfc;
  }
  .product-similar {
    background: #fff;
  }
  .product-similar h2 {
    padding-top: 10px;
    margin-bottom: 0;
  }
  .product-similar .top {
    position: relative;
    padding-top: 190px;
    padding-bottom: 45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 115px;
  }
  .product-similar .top .l {
    position: relative;
    width: 650px;
    z-index: 1;
  }
  .product-similar .top .r {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 80px;
    margin-bottom: 10px;
  }
  .product-similar .bot {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .product-similar .bot .item {
    position: relative;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    border-top: 1px solid rgba(239, 245, 246, 0.5);
    padding: 75px 50px 45px;
    box-sizing: border-box;
  }
  .product-similar .bot .item .icon-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 30%;
    top: 20px;
    left: 50px;
  }
  .product-similar .bot .item .icon-row .icon {
    width: 33.3%;
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
  }
  .product-similar .bot .item .icon-row .icon img {
    width: 20px;
    height: auto;
  }
  .product-similar .bot .item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(rgba(246, 252, 252, 0) 50%, #f6fcfc 0)
      50%/100% 4px;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease 0s;
  }
  .product-similar .bot .item img {
    position: relative;
    display: block;
    height: 169px;
    margin: 0 auto;
    z-index: 2;
    transform: translateZ(0);
  }
  .product-similar .bot .item .t {
    position: relative;
    padding-top: 60px;
    font:
      700 24px/1 ProximaNova,
      sans-serif;
    color: #000;
    z-index: 2;
  }
  .product-similar .bot .item .b {
    position: relative;
    padding-top: 7px;
    font:
      400 10px/2 ProximaNova,
      sans-serif;
    color: #000;
    letter-spacing: 0.21em;
    text-transform: uppercase;
    z-index: 2;
  }
  .product-similar .bot .item:hover .bg {
    opacity: 1;
  }
  .contacts .title-page .container {
    width: 900px;
  }
  .contacts .contacts-container {
    background: #fff;
  }
  .contacts .contacts-container .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .contacts .contacts-container .item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    display: -ms-flexbox;
    display: flex;
  }
  .contacts .contacts-container .item .img {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    width: 50%;
    min-height: 340px;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .contacts .contacts-container .item .text {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    box-sizing: border-box;
    padding-right: 65px;
    padding-left: 35px;
  }
  .contacts .contacts-container .item .top {
    margin-top: 60px;
  }
  .contacts .contacts-container .item .name {
    font:
      700 18px/1.5 ProximaNova,
      sans-serif;
    text-transform: none;
    letter-spacing: 0;
  }
  .contacts .contacts-container .item .position {
    margin-top: 15px;
    font:
      400 16px/1.75 ClinicaPro,
      sans-serif;
  }
  .contacts .contacts-container .item .bot {
    margin-top: 70px;
  }
  .contacts .contacts-container .item .tel {
    font:
      400 16px/1.75 ClinicaPro,
      sans-serif;
    color: #000;
    transition: all 0.3s ease 0s;
  }
  .contacts .contacts-container .item .tel:hover {
    color: #317EB2;
  }
  .contacts .contacts-container .item .mail {
    font:
      400 16px/1.75 ClinicaPro,
      sans-serif;
    position: relative;
    display: inline-block;
    color: #317EB2;
  }
  .contacts .contacts-container .item .mail:after {
    left: 0;
  }
  .contacts .contacts-container .item .mail:after,
  .contacts .contacts-container .item .mail:before {
    content: '';
    position: absolute;
    bottom: 5px;
    width: 50%;
    height: 1px;
    background: #317EB2;
    transition: all 0.3s ease 0s;
  }
  .contacts .contacts-container .item .mail:before {
    right: 0;
  }
  .contacts .contacts-container .item .mail:hover:after,
  .contacts .contacts-container .item .mail:hover:before {
    width: 10px;
  }
  .tv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
  }
  .tv.show {
    opacity: 1;
    animation: tv 10s ease infinite;
  }
  .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10000;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s ease 0s;
  }
  .loading.show {
    opacity: 1;
  }
  .loading:after,
  .loading:before {
    content: '';
    border: 6px solid rgba(20, 149, 115, 0.5);
    box-shadow: inset 0 0 10px 50px rgba(20, 149, 115, 0.5);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    height: 40px;
    width: 40px;
    position: absolute;
    animation-name: puls;
    animation-duration: 1.8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
  }
  .loading:after {
    animation-delay: 0.9s;
  }
  .briks-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  .briks-top .brick.trans-1 {
    transition: opacity 0.5s ease 0.5s;
  }
  .briks-top .brick.trans-1:before {
    transition: transform 0.5s ease 0.1s;
  }
  .briks-top .brick.trans-3 {
    transition: opacity 0.5s ease 0.9s;
  }
  .briks-top .brick.trans-3:before {
    transition: transform 0.5s ease 0.3s;
  }
  .briks-top .brick.trans-5 {
    transition: opacity 0.5s ease 1.1s;
  }
  .briks-top .brick.trans-5:before {
    transition: transform 0.5s ease 0.5s;
  }
  .briks-bot {
    width: 100%;
    z-index: 0;
  }
  .briks-bot,
  .briks-bot .brick {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    pointer-events: none;
  }
  .briks-bot .brick {
    width: 25%;
    border-left: none;
    border-right: none;
    border-top: 1px solid #eff5f6;
    background: none;
    opacity: 1;
  }
  .wrapper .briks-bot .brick {
    border-left: 1px solid rgba(239, 245, 246, 0.5);
    border-right: 1px solid rgba(239, 245, 246, 0.5);
    border-top: 0 solid rgba(239, 245, 246, 0.5);
  }
  .wrapper .briks-bot .brick:nth-child(4n-3) {
    border-left: 1px solid #eff5f6;
  }
  .wrapper .briks-bot .brick:nth-child(4n) {
    border-right: 1px solid #eff5f6;
  }
  .brick {
    width: 25%;
    opacity: 0.3;
    pointer-events: none;
    z-index: 1000;
    overflow: hidden;
  }
  .brick,
  .brick:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
  .brick:before {
    content: '';
    width: 100%;
    background: #f6fcfc;
    transform: translateY(-100%);
  }
  .brick.brick-1 {
    left: 25%;
  }
  .brick.brick-2 {
    left: 50%;
  }
  .brick.brick-3 {
    left: 75%;
  }
  .brick.brick-4 {
    left: 0;
  }
  .brick.brick-5 {
    left: 25%;
  }
  .brick.brick-6 {
    left: 50%;
  }
  .brick.brick-7 {
    left: 75%;
  }
  .load-complete-once .briks-left .brick.show,
  .load-complete-once .briks-right .brick.show,
  .load-complete-once .briks-top .brick.show {
    opacity: 0 !important;
  }
  .load-complete-once .briks-left .brick.show:before,
  .load-complete-once .briks-right .brick.show:before,
  .load-complete-once .briks-top .brick.show:before {
    transform: translateY(0);
  }
  .point {
    width: 6px;
    height: 6px;
    z-index: 100;
  }
  .point,
  .point:before {
    position: absolute;
    background: #317EB2;
    border-radius: 50%;
  }
  .point:before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 1s ease 0s;
  }
  .point.show:before {
    transform: scale(7);
    opacity: 0;
  }
  .about-page .title-page h1,
  .catalog-item .title-page h1,
  .catalog .title-page h1,
  .contacts .title-page h1,
  .news-page .title-page h1,
  .news-text .title-page h1 {
    display: inline-block;
    opacity: 0;
    position: relative;
  }
  .about-page .title-page h1 :after,
  .catalog-item .title-page h1 :after,
  .catalog .title-page h1 :after,
  .contacts .title-page h1 :after,
  .news-page .title-page h1 :after,
  .news-text .title-page h1 :after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: -10px;
    width: 2px;
    height: 55px;
    opacity: 0;
    background: #317EB2;
  }
  .about-page .title-page h1 .show,
  .catalog-item .title-page h1 .show,
  .catalog .title-page h1 .show,
  .contacts .title-page h1 .show,
  .news-page .title-page h1 .show,
  .news-text .title-page h1 .show {
    display: inline-block !important;
  }
  .about-page .title-page h1 .show:after,
  .catalog-item .title-page h1 .show:after,
  .catalog .title-page h1 .show:after,
  .contacts .title-page h1 .show:after,
  .news-page .title-page h1 .show:after,
  .news-text .title-page h1 .show:after {
    animation: typed 1s ease infinite;
  }

  /* ========================================
     CORPORATE SECTION
     ======================================== */
  .corporate-section {
    overflow: hidden;
  }

  /* --- Top Split --- */
  .corp-top {
    display: flex;
    min-height: 500px;
  }

  .corp-left {
    flex-basis: 45%;
    background: linear-gradient(135deg, #e8f4f8 0%, #dceef5 100%);
    padding: 80px 60px 80px 80px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
  }
  .corp-left::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(49,126,178,0.2), transparent);
  }

  .corp-diagonal {
    position: absolute;
    top: -20%;
    right: -10%;
    width: 55%;
    height: 140%;
    background: linear-gradient(160deg, rgba(49,126,178,0.12) 0%, rgba(33,147,176,0.06) 100%);
    transform: rotate(-15deg);
    border-radius: 30px;
    pointer-events: none;
  }

  .corp-left-inner {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
  }
  .corp-left-inner.revealed {
    opacity: 1;
    transform: translateX(0);
  }

  .corp-badge {
    margin-bottom: 24px;
  }

  .corp-label {
    display: block;
    font: 600 11px ProximaNova, sans-serif;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #317EB2;
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px;
  }
  .corp-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 28px;
    height: 1px;
    background: #317EB2;
  }

  .corp-heading {
    font: 700 36px/1.25 ProximaNova, sans-serif !important;
    color: #1a1a2e !important;
    margin-bottom: 28px !important;
    padding: 0 !important;
    letter-spacing: -0.01em;
  }

  .corp-desc {
    font: 400 14px/1.85 ClinicaPro, sans-serif !important;
    color: #555 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    max-width: 420px;
  }

  .corp-right {
    flex-basis: 55%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px 80px 80px 60px;
  }

  .corp-info-block {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 40px;
    padding-left: 0;
    padding-bottom: 30px;
    border-left: none;
    border-bottom: 1px solid rgba(49,126,178,0.1);
    opacity: 0;
    transform: translateX(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
  }
  .corp-info-block.revealed {
    opacity: 1;
    transform: translateX(0);
  }
  .corp-info-block:nth-child(2).revealed {
    transition-delay: 0.15s;
  }
  .corp-info-block:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
  }

  .corp-info-icon {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border: 2px solid #317EB2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #317EB2;
    padding: 12px;
    margin-top: 4px;
    transition: background 0.3s ease, color 0.3s ease;
  }
  .corp-info-block:hover .corp-info-icon {
    background: #317EB2;
    color: #fff;
  }

  .corp-info-content {
    flex: 1;
  }

  .corp-info-label {
    display: block;
    font: 600 10px ProximaNova, sans-serif;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #317EB2;
    margin-bottom: 8px;
    opacity: 0.7;
  }

  .corp-info-title {
    font: 700 26px ProximaNova, sans-serif !important;
    color: #1a1a2e !important;
    margin-bottom: 14px !important;
    padding: 0 !important;
  }

  .corp-info-text {
    font: 400 14px/1.8 ClinicaPro, sans-serif !important;
    color: #666 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    max-width: 480px;
  }

  /* --- Banner --- */
  .corp-banner {
    position: relative;
    height: 340px;
    overflow: hidden;
    background: #1a1a2e;
  }

  .corp-banner-img {
    position: absolute;
    inset: 0;
    background:
      url('https://images.unsplash.com/photo-1500595046743-cd271d694d30?w=1600&q=80') center/cover no-repeat;
    opacity: 0.55;
  }

  .corp-banner-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(15,52,96,0.85), rgba(22,33,62,0.7));
    pointer-events: none;
    z-index: 1;
  }

  .corp-banner-content {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 40px;
  }

  .corp-stat {
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
  }
  .corp-stat.revealed {
    opacity: 1;
    transform: translateY(0);
  }
  .corp-stat:nth-child(2).revealed { transition-delay: 0.1s; }
  .corp-stat:nth-child(3).revealed { transition-delay: 0.2s; }
  .corp-stat:nth-child(4).revealed { transition-delay: 0.3s; }

  .corp-stat-num {
    display: block;
    font: 700 30px ProximaNova, sans-serif;
 
    margin-bottom: 8px;
  }

  .corp-stat-text {
    display: block;
    letter-spacing: 0.1em;
  }

  /* --- Service Cards --- */
  .corp-services {
    display: flex;
    background: #f8fafb;
    padding-top: 80px;
  }

  .corp-service-card {
    flex: 1;
    padding: 50px 30px 45px;
    text-align: center;
    border-right: 1px solid rgba(49,126,178,0.08);
    transition: all 0.5s ease;
    position: relative;
    opacity: 0;
    transform: translateY(25px);
  }
  .corp-service-card.revealed {
    opacity: 1;
    transform: translateY(0);
  }
  .corp-service-card:nth-child(2).revealed { transition-delay: 0.1s; }
  .corp-service-card:nth-child(3).revealed { transition-delay: 0.2s; }
  .corp-service-card:nth-child(4).revealed { transition-delay: 0.3s; }
  .corp-service-card:last-child {
    border-right: none;
  }

  .corp-service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #317EB2, #2193b0);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
  }
  .corp-service-card:hover::before {
    transform: scaleX(1);
  }
  .corp-service-card:hover {
    background: #fff;
    box-shadow: 0 10px 40px rgba(49,126,178,0.08);
  }

  .corp-service-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 24px;
    color: #317EB2;
    transition: transform 0.3s ease;
  }
  .corp-service-card:hover .corp-service-icon {
    transform: scale(1.1);
  }

  .corp-service-title {
    font: 700 13px ProximaNova, sans-serif !important;
    letter-spacing: 0.12em;
    color: #1a1a2e !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .corp-service-divider {
    width: 30px;
    height: 2px;
    background: linear-gradient(90deg, #317EB2, #2193b0);
    margin: 0 auto 20px;
  }

  .corp-service-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .corp-service-list li {
    font: 400 12px/2.2 ClinicaPro, sans-serif;
    color: #777;
    letter-spacing: 0.03em;
    transition: color 0.3s ease;
    padding: 0;
    margin: 0;
  }
  .corp-service-list li::before {
    content: none;
  }
  .corp-service-card:hover .corp-service-list li {
    color: #555;
  }

  /* --- Responsive --- */
  @media (max-width: 1024px) {
    .corp-top {
      flex-direction: column;
    }
    .corp-left, .corp-right {
      flex-basis: auto;
      padding: 60px 40px;
    }
    .corp-left::after {
      display: none;
    }
    .corp-services {
      flex-wrap: wrap;
    }
    .corp-service-card {
      flex: 0 0 50%;
      border-bottom: 1px solid rgba(49,126,178,0.08);
    }
    .corp-service-card:nth-child(2) {
      border-right: none;
    }
  }
  @media (max-width: 600px) {
    .corp-heading {
      font-size: 28px !important;
    }
    .corp-banner {
      height: auto;
      padding: 40px 20px;
    }
    .corp-banner-content {
      flex-wrap: wrap;
      gap: 30px;
    }
    .corp-stat {
      flex: 0 0 45%;
    }
    .corp-stat-num {
      font-size: 36px;
    }
    .corp-service-card {
      flex: 0 0 100%;
      border-right: none;
    }
  }

  
                        .site-footer {
                            background: #0a0f1a;
                            color: #c0c8d8;
                            font-family: 'ClinicaPro', 'ProximaNova', sans-serif;
                            position: relative;
                            overflow: hidden;
                        }
                        .site-footer::before {
                            content: '';
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            height: 3px;
                            background: linear-gradient(90deg, transparent, #317EB2, transparent);
                        }
                        .site-footer::after {
                            content: '';
                            position: absolute;
                            top: -150px;
                            right: -150px;
                            width: 400px;
                            height: 400px;
                            border-radius: 50%;
                            background: radial-gradient(circle, rgba(49,126,178,0.08) 0%, transparent 70%);
                            pointer-events: none;
                        }

                        /* ===== Footer Main (Top 4 Columns) ===== */
                        .footer-main {
                            display: flex;
                            gap: 50px;
                            max-width: 1200px;
                            margin: 0 auto;
                            padding: 70px 40px 50px;
                        }
                        .footer-col {
                            flex: 1;
                            min-width: 0;
                        }

                        /* ===== CTA Column ===== */
                        .footer-col-cta {
                            flex: 1.2;
                            padding-right: 20px;
                        }
                        .footer-cta-icon {
                            width: 60px;
                            height: 60px;
                            border-radius: 50%;
                            border: 2px solid #317EB2;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            color: #317EB2;
                            margin-bottom: 22px;
                            position: relative;
                        }
                        .footer-cta-icon::after {
                            content: '';
                            position: absolute;
                            top: -4px;
                            left: -4px;
                            right: -4px;
                            bottom: -4px;
                            border-radius: 50%;
                            border: 1px dashed rgba(49,126,178,0.3);
                        }
                        .footer-cta-title {
                            font: 700 20px/1.4 'ProximaNova', sans-serif;
                            color: #fff;
                            margin-bottom: 10px;
                            padding: 0;
                        }
                        .footer-cta-text {
                            font-size: 14px;
                            line-height: 1.6;
                            color: #8a94a8;
                            margin-bottom: 24px;
                            padding: 0;
                        }
                        .footer-cta-btn {
                            display: inline-flex;
                            align-items: center;
                            gap: 12px;
                            background: transparent;
                            border: 2px solid #317EB2;
                            color: #fff;
                            padding: 10px 24px 10px 10px;
                            border-radius: 50px;
                            font: 600 13px 'ProximaNova', sans-serif;
                            text-transform: uppercase;
                            letter-spacing: 1px;
                            cursor: pointer;
                            transition: all 0.3s ease;
                            text-decoration: none;
                        }
                        .footer-cta-btn:hover {
                            background: #317EB2;
                            color: #fff;
                            transform: translateY(-2px);
                            box-shadow: 0 8px 25px rgba(49,126,178,0.3);
                        }
                        .footer-cta-btn-arrow {
                            width: 36px;
                            height: 36px;
                            border-radius: 50%;
                            background: #317EB2;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            color: #fff;
                            transition: all 0.3s ease;
                        }
                        .footer-cta-btn:hover .footer-cta-btn-arrow {
                            background: rgba(255,255,255,0.2);
                        }

                        /* ===== Footer Headings ===== */
                        .footer-heading {
                            font: 700 15px/1.5 'ProximaNova', sans-serif;
                            text-transform: none;
                            letter-spacing: 0.5px;
                            color: #fff;
                            margin-bottom: 24px;
                            position: relative;
                            padding-bottom: 14px;
                            padding-top: 0;
                        }
                        .footer-heading::after {
                            content: '';
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            width: 60px;
                            height: 0;
                            border-bottom: 2px dotted #317EB2;
                        }

                        /* ===== Footer Links ===== */
                        .footer-links {
                            list-style: none;
                            padding: 0;
                            margin: 0;
                        }
                        .footer-links li {
                            margin-bottom: 13px;
                        }
                        .footer-links a {
                            color: #8a94a8;
                            text-decoration: none;
                            font-size: 14px;
                            transition: all 0.3s ease;
                            position: relative;
                            padding-left: 18px;
                            display: inline-block;
                        }
                        .footer-links a::before {
                            content: '✓';
                            position: absolute;
                            left: 0;
                            top: 0;
                            color: #317EB2;
                            font-size: 12px;
                            transition: all 0.3s ease;
                        }
                        .footer-links a:hover {
                            color: #fff;
                            padding-left: 22px;
                        }

                        /* ===== Contact Column ===== */
                        .footer-col-contact {
                            flex: 1.3;
                        }
                        .footer-contact-item {
                            display: flex;
                            align-items: flex-start;
                            gap: 14px;
                            margin-bottom: 22px;
                        }
                        .footer-contact-icon {
                            width: 44px;
                            height: 44px;
                            border-radius: 50%;
                            background: rgba(49,126,178,0.15);
                            border: 1px solid rgba(49,126,178,0.25);
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            flex-shrink: 0;
                            color: #317EB2;
                            font-size: 15px;
                        }
                        .footer-contact-info {
                            font-size: 14px;
                            line-height: 1.6;
                            padding-top: 2px;
                        }
                        .footer-contact-label {
                            display: block;
                            font: 700 13px 'ProximaNova', sans-serif;
                            text-transform: none;
                            letter-spacing: 0;
                            color: #317EB2;
                            margin-bottom: 2px;
                            text-decoration: underline;
                            text-underline-offset: 3px;
                        }
                        .footer-contact-info a {
                            color: #c0c8d8;
                            text-decoration: none;
                            transition: color 0.3s;
                        }
                        .footer-contact-info a:hover {
                            color: #317EB2;
                        }

                        /* ===== Footer Middle Bar ===== */
                        .footer-middle {
                            border-top: 1px solid rgba(255,255,255,0.06);
                            border-bottom: 1px solid rgba(255,255,255,0.06);
                        }
                        .footer-middle-inner {
                            max-width: 1200px;
                            margin: 0 auto;
                            padding: 20px 40px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            gap: 40px;
                        }
                        .footer-middle-logo {
                            display: flex;
                            align-items: center;
                            gap: 14px;
                            background: rgba(49,126,178,0.08);
                            border: 1px solid rgba(49,126,178,0.15);
                            border-radius: 50px;
                            padding: 10px 30px 10px 14px;
                        }
                        .footer-logo {
                            width: 44px;
                            height: auto;
                            filter: brightness(0) invert(1);
                            opacity: 0.9;
                        }
                        .footer-logo-text {
                            font: 700 20px 'ProximaNova', sans-serif;
                            color: #fff;
                            letter-spacing: 0.5px;
                        }
                        .footer-logo-text span {
                            color: #317EB2;
                            font-style: italic;
                        }
                        .footer-middle-phone {
                            display: flex;
                            align-items: center;
                            gap: 12px;
                            background: rgba(49,126,178,0.08);
                            border: 1px solid rgba(49,126,178,0.15);
                            border-radius: 50px;
                            padding: 10px 28px 10px 10px;
                        }
                        .footer-phone-icon {
                            width: 40px;
                            height: 40px;
                            border-radius: 50%;
                            background: #317EB2;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            color: #fff;
                        }
                        .footer-phone-label {
                            display: block;
                            font-size: 11px;
                            color: #8a94a8;
                            margin-bottom: 1px;
                        }
                        .footer-phone-info {
                            line-height: 1.3;
                        }
                        .footer-phone-info a {
                            color: #fff;
                            font: 700 15px 'ProximaNova', sans-serif;
                            text-decoration: none;
                            transition: color 0.3s;
                        }
                        .footer-phone-info a:hover {
                            color: #317EB2;
                        }

                        /* ===== Footer Bottom Bar ===== */
                        .footer-bottom {
                            padding: 22px 40px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            max-width: 1200px;
                            margin: 0 auto;
                            font-size: 13px;
                            color: #5a6478;
                        }
                        .footer-copyright a {
                            color: #317EB2;
                            text-decoration: none;
                            transition: color 0.3s;
                        }
                        .footer-copyright a:hover {
                            color: #fff;
                        }
                        .footer-social {
                            display: flex;
                            gap: 10px;
                        }
                        .footer-social a {
                            width: 36px;
                            height: 36px;
                            border-radius: 50%;
                            background: rgba(255,255,255,0.06);
                            border: 1px solid rgba(255,255,255,0.1);
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            color: #8a94a8;
                            text-decoration: none;
                            transition: all 0.3s ease;
                        }
                        .footer-social a:hover {
                            background: #317EB2;
                            color: #fff;
                            border-color: #317EB2;
                            transform: translateY(-2px);
                            box-shadow: 0 4px 15px rgba(49,126,178,0.3);
                        }
                        .footer-bottom-links {
                            display: flex;
                            gap: 20px;
                            flex-wrap: wrap;
                            justify-content: flex-end;
                        }
                        .footer-bottom-links a {
                            color: #5a6478;
                            text-decoration: none;
                            font-size: 13px;
                            transition: color 0.3s;
                        }
                        .footer-bottom-links a:hover {
                            color: #317EB2;
                        }

                        /* ===== Scroll to Top ===== */
                        .footer-scroll-top {
                            position: fixed;
                            bottom: 30px;
                            right: 30px;
                            width: 44px;
                            height: 44px;
                            border-radius: 50%;
                            background: #317EB2;
                            color: #fff;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            box-shadow: 0 4px 20px rgba(49,126,178,0.4);
                            transition: all 0.3s ease;
                            z-index: 999;
                            text-decoration: none;
                        }
                        .footer-scroll-top:hover {
                            transform: translateY(-4px);
                            box-shadow: 0 8px 30px rgba(49,126,178,0.5);
                            background: #2a6e9e;
                        }

                        /* ===== Responsive ===== */
                        @media (max-width: 992px) {
                            .footer-main {
                                flex-wrap: wrap;
                                gap: 40px 30px;
                                padding: 50px 30px 40px;
                            }
                            .footer-col {
                                flex-basis: calc(50% - 15px);
                                flex: unset;
                            }
                            .footer-col-cta {
                                flex-basis: 100%;
                                padding-right: 0;
                                border-bottom: 1px solid rgba(255,255,255,0.06);
                                padding-bottom: 40px;
                            }
                            .footer-col-contact {
                                flex-basis: calc(50% - 15px);
                                flex: unset;
                            }
                            .footer-middle-inner {
                                padding: 20px 30px;
                            }
                            .footer-bottom {
                                padding: 22px 30px;
                            }
                        }
                        @media (max-width: 768px) {
                            .footer-main {
                                flex-direction: column;
                                gap: 30px;
                                padding: 40px 24px 30px;
                            }
                            .footer-col,
                            .footer-col-cta,
                            .footer-col-contact {
                                flex-basis: 100%;
                            }
                            .footer-col-cta {
                                text-align: center;
                            }
                            .footer-cta-icon {
                                margin: 0 auto 18px;
                            }
                            .footer-cta-btn {
                                margin: 0 auto;
                            }
                            .footer-middle-inner {
                                flex-direction: column;
                                gap: 16px;
                                padding: 20px 24px;
                            }
                            .footer-bottom {
                                flex-direction: column;
                                gap: 20px;
                                text-align: center;
                                padding: 22px 24px;
                            }
                            .footer-social {
                                justify-content: center;
                            }
                            .footer-bottom-links {
                                justify-content: center;
                            }
                            .footer-scroll-top {
                                bottom: 20px;
                                right: 20px;
                                width: 40px;
                                height: 40px;
                            }
                        }
                    
                        .sec-title .sec-sub-title {
                          background-color: #F7F8ED;
                          display: inline-block;
                          text-align: center;
                          padding: 12px 20px;
                          border-radius: 31px;
                          margin-bottom: 15px;
                      }
                  
                      .sec-title .sec-sub-title .sub-title {
                          font-size: 16px;
                          font-weight: 400;
                          line-height: 1;
                          position: relative;
                          padding-left: 15px;
                      }
                  
                      .sec-title .sec-sub-title .sub-title::before {
                          position: absolute;
                          top: 50%;
                          left: 0;
                          content: "";
                          -webkit-transform: translateY(-50%);
                          transform: translateY(-50%);
                          width: 8px;
                          height: 8px;
                          border-radius: 8px;
                          background-color: var(--theme-color1);
                      }
                  
                      .section-padding {
                          padding: 120px 0;
                      }
                  
                      .theme-btn-main {
                          display: -webkit-inline-box;
                          display: -ms-inline-flexbox;
                          display: inline-flex;
                          -webkit-box-align: center;
                          -ms-flex-align: center;
                          align-items: center;
                          gap: 0px;
                          position: relative;
                          -webkit-transition: all 400ms ease;
                          transition: all 400ms ease;
                          height: 56px;
                          line-height: 56px;
                          background: #C7DC49;
                          color: #000;
                          gap: 10px;
                          border-radius: 40px;
                          padding-right: 10px;
                          padding-left: 30px;
                      }
                  
                      .about-block-items-1 .about-text {
                          max-width: 426px;
                          color: #6D827C;
                      }
                  
                      @media (max-width: 1399.98px) {
                          .about-block-items-1 .about-text {
                              max-width: 385px;
                          }
                      }
                  
                      @media (max-width: 991.98px) {
                          .about-block-items-1 .about-text {
                              max-width: initial;
                          }
                      }
                  
                      .about-block-items-1 .about-wrap {
                          display: -webkit-box;
                          display: -ms-flexbox;
                          display: flex;
                          gap: 90px;
                          position: relative;
                          z-index: 99;
                      }
                  
                      @media (max-width: 1399.98px) {
                          .about-block-items-1 .about-wrap {
                              gap: 30px;
                          }
                      }
                  
                      @media (max-width: 1199.98px) {
                          .about-block-items-1 .about-wrap {
                              -ms-flex-wrap: wrap;
                              flex-wrap: wrap;
                              margin-top: 20px;
                          }
                      }
                  
                      .about-block-items-1 .about-wrap .about-counter {
                          margin-top: 26px;
                      }
                  
                      @media (max-width: 1199.98px) {
                          .about-block-items-1 .about-wrap .about-counter {
                              -webkit-box-ordinal-group: 3;
                              -ms-flex-order: 2;
                              order: 2;
                          }
                      }
                  
                      .about-block-items-1 .about-wrap .about-counter .count-box {
                          font-size: 120px;
                          font-weight: 500;
                          color: var(--theme-color3);
                          min-width: 200px;
                          width: 100%;
                          line-height: 1;
                      }
                  
                      @media (max-width: 767.98px) {
                          .about-block-items-1 .about-wrap .about-counter .count-box {
                              font-size: 80px;
                          }
                      }
                  
                      .about-block-items-1 .about-wrap .about-counter p {
                          color: var(--theme-color2);
                          margin-top: -6px;
                      }
                  
                      .about-block-items-1 .about-wrap .about-counter .theme-btn-main {
                          margin-top: 60px;
                      }
                  
                      @media (max-width: 767.98px) {
                          .about-block-items-1 .about-wrap .about-counter .theme-btn-main {
                              margin-top: 30px;
                          }
                      }
                  
                      .about-block-items-1 .about-wrap .about-icon-items {
                          background-color: #F7F8ED;
                          padding: 33px 40px;
                          border-radius: 20px;
                          max-width: max-content;
                          width: 100%;
                          display: -webkit-box;
                          display: -ms-flexbox;
                          display: flex;
                          -webkit-box-pack: justify;
                          -ms-flex-pack: justify;
                          justify-content: space-between;
                          -webkit-box-align: center;
                          -ms-flex-align: center;
                          align-items: center;
                          width: max-content;
                      }
                  
                      @media (max-width: 1199.98px) {
                          .about-block-items-1 .about-wrap .about-icon-items {
                              -webkit-box-ordinal-group: 2;
                              -ms-flex-order: 1;
                              order: 1;
                              margin-top: 30px;
                          }
                      }
                  
                      @media (max-width: 991.98px) {
                          .about-block-items-1 .about-wrap .about-icon-items {
                              width: initial;
                              gap: 30px;
                          }
                          .about-block-items-1 .about-wrap .about-icon-items .icon-items {
                              padding-right: 20px;
                          }
                      }
                  
                      @media (max-width: 767.98px) {
                          .about-block-items-1 .about-wrap .about-icon-items {
                              -ms-flex-wrap: wrap;
                              flex-wrap: wrap;
                              padding: 30px;
                          }
                          .about-block-items-1 .about-wrap .about-icon-items .icon-items {
                              padding-right: 0;
                          }
                          .about-block-items-1 .about-wrap .about-icon-items .icon-items::after {
                              display: none !important;
                          }
                      }
                  
                      .about-block-items-1 .about-wrap .about-icon-items .icon-items {
                          display: -webkit-box;
                          display: -ms-flexbox;
                          display: flex;
                          gap: 30px;
                          -webkit-box-align: start;
                          -ms-flex-align: start;
                          align-items: start;
                          position: relative;
                          padding-right: 20px;
                          padding-left: 20px;
                      }

                      .about-block-items-1 .about-wrap .about-icon-items .icon-items:not(:last-child)::after {
                          content: "";
                          position: absolute;
                          right: 0;
                          top: 50%;
                          transform: translateY(-50%);
                          width: 1px;
                          height: 35px;
                          background: rgba(49, 126, 178, 0.2);
                      }
                  
                      @media (max-width: 469.98px) {
                          .about-block-items-1 .about-wrap .about-icon-items .icon-items {
                              display: -ms-grid;
                              display: grid;
                              gap: 20px;
                              padding-right: 0;
                          }
                          .about-block-items-1 .about-wrap .about-icon-items .icon-items::after {
                              display: none;
                          }
                      }
                  
                      .about-block-items-1 .about-wrap .about-icon-items .icon-items .icon {
                          position: relative;
                          top: 7px;
                          z-index: 1;
                      }
                  
                      .about-block-items-1 .about-wrap .about-icon-items .icon-items .icon::before {
                          position: absolute;
                          bottom: 0;
                          left: 50%;
                          -webkit-transform: translateX(-50%);
                          transform: translateX(-50%);
                          content: "";
                          width: 24px;
                          height: 24px;
                          background-color: var(--theme-color1);
                          border-radius: 50%;
                          z-index: -1;
                      }
                  
                      @media (max-width: 469.98px) {
                          .about-block-items-1 .about-wrap .about-icon-items .icon-items .icon::before {
                              left: 25px;
                              -webkit-transform: initial;
                              transform: initial;
                          }
                      }
                  
                      .about-block-items-1 .about-wrap .about-icon-items .icon-items .content {
                          max-width: 230px;
                      }
                  
                      .about-block-items-1 .about-wrap .about-icon-items .icon-items .content p {
                          margin-top: 5px;
                      }
                  
                      .about-block-items-1 .about-wrap .about-icon-items .icon-items:hover .icon img {
                          -webkit-animation: wobble 1.5s ease-in-out;
                          animation: wobble 1.5s ease-in-out;
                      }
                  
                      .about-block-items-1 .about-wrap .about-right-items {
                          margin-top: 0px;
                      }
                  
                      @media (max-width: 1199.98px) {
                          .about-block-items-1 .about-wrap .about-right-items {
                              margin-top: 0;
                          }
                      }
                  
                      .about-image-1 {
                          position: relative;
                          border-radius: 20px;
                          width: 536px;
                          height: 590px;
                      }
                  
                      @media (max-width: 1399.98px) {
                          .about-image-1 {
                              width: initial;
                          }
                      }
                  
                      @media (max-width: 767.98px) {
                          .about-image-1 {
                              height: 500px;
                          }
                      }
                  
                      @media (max-width: 575.98px) {
                          .about-image-1 {
                              height: 480px;
                          }
                      }
                  
                      @media (max-width: 469.98px) {
                          .about-image-1 {
                              height: 400px;
                          }
                      }
                  
                      .about-image-1 img {
                          width: 100%;
                          height: 100%;
                          border-radius: 20px;
                          -o-object-fit: cover;
                          object-fit: cover;
                      }
                  
                      .about-block-image-2 {
                          position: relative;
                          border-right: 1px solid rgba(12, 47, 37, 0.1);
                          margin-right: -25px;
                      }
                  
                      @media (max-width: 1399.98px) {
                          .about-block-image-2 {
                              border-right: none;
                              margin-right: 0;
                          }
                      }
                  
                      .about-block-image-2 .thumb {
                          border-radius: 20px;
                          overflow: hidden;
                          max-width: 536px;
                      }
                  
                      @media (max-width: 1199.98px) {
                          .about-block-image-2 .thumb {
                              max-width: initial;
                          }
                      }
                  
                      @media (max-width: 991.98px) {
                          .about-block-image-2 .thumb {
                              height: 590px;
                          }
                      }
                  
                      @media (max-width: 575.98px) {
                          .about-block-image-2 .thumb {
                              height: 450px;
                          }
                      }
                  
                      .about-block-image-2 .thumb img {
                          width: 100%;
                          height: 100%;
                          border-radius: 20px;
                          -o-object-fit: cover;
                          object-fit: cover;
                      }
                  
                      .about-block-image-2 .leaf-shape {
                          position: absolute;
                          top: -25px;
                          bottom: 0;
                          right: 28px;
                      }
                  
                      @media (max-width: 1399.98px) {
                          .about-block-image-2 .leaf-shape {
                              display: none;
                          }
                      }
                  
                      .about-block-image-2 .count-box {
                          display: -webkit-box;
                          display: -ms-flexbox;
                          display: flex;
                          -webkit-box-align: center;
                          -ms-flex-align: center;
                          align-items: center;
                          gap: 10px;
                          background-color: #F7F8ED;
                          padding: 14px 24px;
                          border-radius: 20px;
                          position: absolute;
                          bottom: 0;
                          right: 40px;
                          min-width: 295px;
                      }
                  
                      @media (max-width: 1399.98px) {
                          .about-block-image-2 .count-box {
                              right: 20px;
                              bottom: 20px;
                          }
                      }
                  
                      @media (max-width: 469.98px) {
                          .about-block-image-2 .count-box {
                              min-width: initial;
                          }
                      }
                  
                      .about-block-image-2 .count-box .count-text {
                          font-size: 80px;
                          color: var(--theme-color3);
                          line-height: 1;
                      }
                  
                      @media (max-width: 1399.98px) {
                          .about-block-image-2 .count-box .count-text {
                              font-size: 65px;
                          }
                      }
                  
                      @media (max-width: 469.98px) {
                          .about-block-image-2 .count-box .count-text {
                              font-size: 45px;
                          }
                      }
                  
                      .about-block-image-2 .count-box .count-title {
                          font-size: 80px;
                          color: var(--theme-color3);
                          line-height: 1;
                      }
                  
                      @media (max-width: 1399.98px) {
                          .about-block-image-2 .count-box .count-title {
                              font-size: 65px;
                          }
                      }
                  
                      @media (max-width: 469.98px) {
                          .about-block-image-2 .count-box .count-title {
                              font-size: 45px;
                          }
                      }
                  
                      .about-block-image-2 .count-box .text {
                          color: var(--theme-color2);
                          max-width: 104px;
                          line-height: 1.3;
                      }
                  
                      .about-single-content-2 {
                          max-width: 575px;
                          margin-left: auto;
                      }
                  
                      @media (max-width: 1199.98px) {
                          .about-single-content-2 {
                              margin-left: initial;
                          }
                      }
                  
                      .about-single-content-2 .about-text {
                          margin-top: 12px;
                      }
                  
                      .about-single-content-2 .counter-items {
                          display: -webkit-box;
                          display: -ms-flexbox;
                          display: flex;
                          -webkit-box-align: center;
                          -ms-flex-align: center;
                          align-items: center;
                          gap: 100px;
                          margin-top: 25px;
                          margin-bottom: 45px;
                      }
                  
                      @media (max-width: 1399.98px) {
                          .about-single-content-2 .counter-items {
                              gap: 60px;
                          }
                      }
                  
                      @media (max-width: 1199.98px) {
                          .about-single-content-2 .counter-items {
                              gap: 40px;
                          }
                      }
                  
                      @media (max-width: 767.98px) {
                          .about-single-content-2 .counter-items {
                              -ms-flex-wrap: wrap;
                              flex-wrap: wrap;
                              gap: 30px;
                              margin-bottom: 25px;
                          }
                      }
                  
                      .about-single-content-2 .counter-items .count-box .count-title {
                          font-size: 60px;
                          color: var(--theme-color3);
                      }
                  
                      @media (max-width: 575.98px) {
                          .about-single-content-2 .counter-items .count-box .count-title {
                              font-size: 50px;
                          }
                      }
                  
                      @media (max-width: 469.98px) {
                          .about-single-content-2 .counter-items .count-box .count-title {
                              font-size: 42px;
                          }
                      }
                  
                      .about-section-2 {
                          border-bottom: 1px solid rgba(12, 47, 37, 0.1);
                      }
                  
                      .security-section {
                          background: linear-gradient(to right, #76a83a 50%, #959b8e18 100%);
                          color: white;
                          padding: 80px 10%;
                          min-height: 100vh;
                          display: flex;
                          align-items: center;
                          position: relative;
                          overflow: hidden;
                      }
                  
                      .container {
                          display: flex;
                          z-index: 2;
                          gap: 50px;
                      }
                  
                      /* Sol Taraf Stilleri */
                      .left-side {
                          flex: 1;
                      }
                  
                      .icon-header {
                          display: flex;
                          align-items: center;
                          gap: 20px;
                          margin-bottom: 25px;
                      }
                  
                      .circle-icon {
                          width: 60px;
                          height: 60px;
                          border: 1px solid rgba(255, 255, 255, 0.4);
                          border-radius: 50%;
                          display: flex;
                          justify-content: center;
                          align-items: center;
                          font-size: 24px;
                      }
                  
                      .subtitle {
                          font-weight: 300;
                          letter-spacing: 2px;
                          font-size: 1.2rem;
                      }
                  
                      h1 {
                          font-size: 2.8rem;
                          line-height: 1.1;
                          margin-bottom: 30px;
                          font-weight: 700;
                      }
                  
                      p {
                          line-height: 1.6;
                          font-weight: 300;
                          opacity: 0.9;
                      }
                  
                      /* Sağ Taraf Stilleri */
                      .right-side {
                          flex: 1;
                      }
                  
                      .detail-item {
                          display: flex;
                          gap: 30px;
                          margin-bottom: 40px;
                          position: relative;
                      }
                  
                      .detail-item .circle-icon.small {
                          width: 50px;
                          height: 50px;
                          font-size: 18px;
                      }
                  
                      .white-bg {
                          background-color: white;
                          color: #76a83a;
                      }
                  
                      .label {
                          font-size: 0.8rem;
                          letter-spacing: 1px;
                          opacity: 0.8;
                      }
                  
                      h3 {
                          font-size: 1.6rem;
                          margin: 5px 0 15px 0;
                      }
                  
                      /* Sağ Arka Plan Radar Efekti */
                      .radar-bg {
                          position: absolute;
                          right: -100px;
                          top: 10%;
                          z-index: 1;
                      }
                  
                      .ring {
                          border: 2px solid rgba(255, 255, 255, 0.1);
                          border-radius: 50%;
                          width: 200px;
                          height: 200px;
                          position: absolute;
                          top: 50%;
                          left: 50%;
                          transform: translate(-50%, -50%);
                          margin-bottom: 100px;
                      }
                  
                      /* Responsive Düzen */
                      @media (max-width: 992px) {
                          .container {
                              flex-direction: column;
                          }
                  
                          .security-section {
                              padding: 50px 5%;
                          }
                      }
                  
                      .hero-section {
                          position: relative;
                          width: 100%;
                          height: 100vh;
                          display: flex;
                          align-items: flex-end;
                          /* İçeriği alta çeker */
                          justify-content: flex-start;
                          /* İçeriği sola çeker */
                          overflow: hidden;
                      }
                  
                      /* Arka Plan Videosu */
                      .hero-video {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 100%;
                          height: 100%;
                          object-fit: cover;
                          z-index: -2;
                      }
                  
                      /* Karartma Katmanı */
                      .hero-overlay {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 100%;
                          height: 100%;
                          background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);
                          z-index: -1;
                      }
                  
                      /* İçerik Alanı */
                      .hero-content {
                          padding: 4rem;
                          /* Sol ve alttan boşluk */
                          color: #ffffff;
                          max-width: 800px;
                          z-index: 1;
                      }
                  
                      .hero-title {
                          font-size: clamp(2.5rem, 6vw, 4.5rem);
                          /* Dinamik yazı boyutu */
                          font-weight: 800;
                          line-height: 1.1;
                          margin-bottom: 1.5rem;
                          letter-spacing: -1px;
                      }
                  
                      .hero-subtitle {
                          font-size: clamp(1rem, 2vw, 1.25rem);
                          margin-bottom: 2rem;
                          opacity: 0.9;
                          max-width: 500px;
                      }
                  
                      /* Buton Tasarımı */
                      .btn-primary {
                          display: inline-block;
                          padding: 1rem 2.5rem;
                          background-color: #fff;
                          color: #000;
                          text-decoration: none;
                          font-weight: 600;
                          border-radius: 50px;
                          transition: transform 0.3s ease, background 0.3s ease;
                      }
                  
                      .btn-primary:hover {
                          transform: translateY(-5px);
                          background-color: #f0f0f0;
                      }
                  
                      /* Responsive Düzenlemeler */
                      @media (max-width: 768px) {
                          .hero-content {
                              padding: 2rem;
                              bottom: 10%;
                          }
                      }
                  
                      /* Karartma Katmanı ve Filtreler */
                      .hero-overlay {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 100%;
                          height: 100%;
                  
                          /* Eskisi (Sadece degrade) */
                          /* background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.2) 50%, transparent 100%); */
                  
                          /* Yeni: Degrade + Bulanıklık + Renk Filtresi */
                          background: linear-gradient(45deg,
                                  rgba(30, 10, 50, 0.8) 0%,
                                  /* Sol alt renk: Koyu Mor */
                                  rgba(10, 30, 50, 0.6) 50%,
                                  /* Orta renk: Koyu Mavi */
                                  transparent 100%
                                  /* Sağ üst: Şeffaf (Videonun asıl rengi) */
                              );
                  
                          z-index: -1;
                      }
                  
                      /* Scroll kilidini kaldır - body overflow hidden'ı iptal et */
                      body {
                          overflow: auto !important;
                      }
                  
                      .page-wrapper {
                          overflow: visible !important;
                      }
                  
                      .fix {
                          overflow: hidden;
                      }


.choose-us-block-list2 {
  margin-top: 30px;
}
.choose-us-block-list2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 400px) {
  .choose-us-block-list2 li {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  .choose-us-block-list2 li .icon {
    margin: 0 auto !important;
  }
}
.choose-us-block-list2 li:not(:last-child) {
  border-bottom: 1px solid rgba(12, 47, 37, 0.1);
  margin-bottom: 60px;
  padding-bottom: 50px;
}
@media (max-width: 575.98px) {
  .choose-us-block-list2 li:not(:last-child) {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}
.choose-us-block-list2 li .icon {
  max-width: 60px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color-white);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 9;
}
.choose-us-block-list2 li .icon::before {
  background-color: var(--theme-color1);
  border-radius: 50%;
  height: 100%;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.choose-us-block-list2 li .content .text {
  padding-right: 35px;
}
@media (max-width: 1399.98px) {
  .choose-us-block-list2 li .content .text {
    padding-right: 0;
  }
}
.choose-us-block-list2 li:hover .icon img {
  -webkit-animation: wobble 1.5s ease-in-out;
          animation: wobble 1.5s ease-in-out;
}
.choose-us-block-list2 li:hover .icon::before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.choose-us-image-2 {
  max-width: 427px;
  position: relative;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-transition: all 900ms ease;
  transition: all 900ms ease;
  margin-top: 30px;
}
.choose-us-image-2 img {
  width: 100%;
  height: 100%;
}

.choose-us-section-2 {
  position: relative;
  border-radius: 30px;
}

.choose-us-section-2 .shape1 {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation-name: moveLeftRight;
          animation-name: moveLeftRight;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
.choose-us-section-2 .shape2 {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-animation: moveRightToLeft 10s linear infinite alternate;
          animation: moveRightToLeft 10s linear infinite alternate;
}
.choose-us-section-2 .shape3 {
  position: absolute;
  right: 0;
  top: 52px;
  -webkit-animation: wind-blow 6s linear infinite;
          animation: wind-blow 6s linear infinite;
}

/* ================================================================
   RESPONSIVE & MOBILE MENU STYLES (Bootstrap 5 Based)
   ================================================================ */

/* Hamburger Button - Bootstrap handles visibility via d-flex/d-lg-none */
.hamburger {
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    background: none;
    border: none;
    cursor: pointer;
    pointer-events: auto;
    z-index: 100;
    padding: 6px;
}
.hamburger span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* Bootstrap Offcanvas Theme for Mobile Menu */
.mobile-offcanvas {
    background: #0a0f1a !important;
    border-left: 1px solid rgba(49,126,178,0.2) !important;
    max-width: 380px;
}
.mobile-offcanvas .offcanvas-header {
    padding: 24px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.mobile-offcanvas .offcanvas-body {
    padding: 24px;
}
.mobile-nav-logo img {
    height: 40px;
    filter: brightness(0) invert(1);
    opacity: 0.9;
}
.mobile-nav-close {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}
.mobile-nav-close:hover {
    background: rgba(49,126,178,0.3);
    border-color: #317EB2;
}
.mobile-nav-links {
    display: flex;
    flex-direction: column;
}
.mobile-nav-links a {
    display: block;
    padding: 16px 0;
    color: #c0c8d8;
    font: 600 16px 'ProximaNova', sans-serif;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
}
.mobile-nav-links a:hover {
    color: #317EB2;
    padding-left: 12px;
}
.mobile-nav-social a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8a94a8;
    transition: all 0.3s ease;
    text-decoration: none;
}
.mobile-nav-social a:hover {
    background: #317EB2;
    color: #fff;
    border-color: #317EB2;
}
.mobile-nav-lang {
    padding: 8px 18px;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 20px;
    color: #c0c8d8;
    font: 600 12px 'ProximaNova', sans-serif;
    letter-spacing: 2px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.mobile-nav-lang:hover {
    background: #317EB2;
    color: #fff;
    border-color: #317EB2;
}

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Tablet & below: <= 991px (Bootstrap lg breakpoint) */
@media (max-width: 991.98px) {
    header {
        left: 15px;
        right: 15px;
        height: 80px;
        z-index: 1000;
        pointer-events: auto;
    }
    header .container .logo {
        width: 60px;
        opacity: 1 !important;
    }
    .home {
        display: none !important;
    }
    .hero-section {
        height: 70vh;
        min-height: 400px;
    }
    .hero-content {
        padding: 2.5rem;
    }
    .about-section {
        position: relative !important;
        margin-top: 0 !important;
        width: 100% !important;
    }
    .choose-us-image-2 {
        max-width: 300px;
        margin: 20px auto;
    }
}

/* Mobile: <= 767px (Bootstrap md breakpoint) */
@media (max-width: 767.98px) {
    header {
        left: 10px;
        right: 10px;
        height: 70px;
    }
    header .container .logo {
        width: 50px;
    }
    .hero-section {
        height: 60vh;
        min-height: 350px;
    }
    .hero-content {
        padding: 1.5rem;
    }
    .hero-title {
        font-size: 2rem !important;
        margin-bottom: 1rem;
    }
    .hero-subtitle {
        font-size: 0.9rem !important;
        margin-bottom: 1.5rem;
    }
    .btn-primary {
        padding: 0.8rem 2rem;
        font-size: 0.9rem;
    }
    .security-section {
        padding: 40px 0 !important;
    }
    .about-icon-items .icon-items {
        flex: 0 0 calc(50% - 10px);
    }
    .choose-us-section-2 {
        border-radius: 0 !important;
    }
    .choose-us-image-2 {
        max-width: 250px;
        margin: 10px auto;
    }
    .choose-us-block-list2 li:not(:last-child) {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
}

/* Small Mobile: <= 480px */
@media (max-width: 480px) {
    header {
        height: 60px;
    }
    header .container .logo {
        width: 42px;
    }
    .hero-section {
        height: 55vh;
        min-height: 300px;
    }
    .hero-content {
        padding: 1.2rem;
    }
    .hero-title {
        font-size: 1.6rem !important;
    }
    .hero-subtitle {
        font-size: 0.85rem !important;
    }
    .about-icon-items .icon-items {
        flex: 0 0 100%;
    }
    .mobile-offcanvas {
        max-width: 100%;
    }
}