/* Mediaqueries */
/* ************ */
/* General variables */
/* ************ */
/* Color variables */
/* ************ */
/* Shadow variables */
/* ************ */
/* Various variables */
/* ************ */
/* Mixins */
/* ************ */
.section-networks {
  position: relative; }
  @media only screen and (max-width: 1024px) {
    .section-networks {
      display: none; } }
  .section-networks .inner {
    width: 100%;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .section-networks .inner {
        padding-left: 25px;
        padding-right: 25px; } }
    .section-networks .inner .wrapper-title {
      width: 100%;
      margin-bottom: 50px; }
      .section-networks .inner .wrapper-title h2 {
        display: flex;
        width: 100%;
        font-size: 60px; }
        .section-networks .inner .wrapper-title h2 .word-left {
          color: #fff;
          text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
        .section-networks .inner .wrapper-title h2 .circles-center {
          width: 4%;
          flex: 0 0 4%;
          background-image: url("assets/icons/icon-circles-1.0.svg");
          background-repeat: no-repeat;
          background-size: 24px;
          background-position-x: center;
          background-position-y: 65%; }
          @media only screen and (max-width: 768px) {
            .section-networks .inner .wrapper-title h2 .circles-center {
              transform: rotate(90deg);
              width: 40px;
              height: 40px;
              flex: 0 0 40px;
              background-position-y: center; } }
    .section-networks .inner .blocks {
      display: flex;
      gap: 40px; }
      .section-networks .inner .blocks .box-shadow {
        box-shadow: 0px 0 12px rgba(0, 0, 0, 0.15); }
      .section-networks .inner .blocks .wrapper {
        display: flex;
        flex-direction: column;
        gap: 40px; }
        .section-networks .inner .blocks .wrapper.wrapper-security-connectivity-services {
          height: 100%;
          justify-content: space-between; }
        .section-networks .inner .blocks .wrapper .block .title {
          display: inline-block;
          width: auto;
          padding: 10px;
          position: absolute;
          top: -15px;
          line-height: 1;
          font-size: 14px;
          background-color: #1792e1;
          color: #fff;
          font-family: 'vw_headbold', sans-serif; }
      .section-networks .inner .blocks .block-left, .section-networks .inner .blocks .block-center, .section-networks .inner .blocks .block-right {
        width: calc(33.333% - 26.666px);
        flex: 0 0 calc(33.333% - 26.666px); }
      .section-networks .inner .blocks .block-left, .section-networks .inner .blocks .block-right {
        width: calc(28% - 26.666px);
        flex: 0 0 calc(28% - 26.666px); }
      .section-networks .inner .blocks .block-left {
        display: flex;
        flex-direction: column;
        gap: 6px;
        padding: 20px 20px 20px 15px;
        background-image: linear-gradient(to right, #445d98, #178edd); }
        .section-networks .inner .blocks .block-left .link {
          display: block;
          position: relative;
          padding: 12px 22px;
          color: #fff;
          line-height: 1;
          border: 1px solid transparent; }
          .section-networks .inner .blocks .block-left .link.normal {
            font-size: 14px; }
            .section-networks .inner .blocks .block-left .link.normal span {
              display: block;
              transition: transform 150ms ease-in-out; }
            .section-networks .inner .blocks .block-left .link.normal:before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              visibility: hidden;
              opacity: 0;
              background-image: url("assets/icons/icon-link-hover-1.0.svg");
              background-repeat: no-repeat;
              background-size: contain;
              background-position-x: 0;
              background-position-y: 0;
              transition: all 150ms ease-in-out; }
            .section-networks .inner .blocks .block-left .link.normal:hover span {
              transform: translateX(10px); }
            .section-networks .inner .blocks .block-left .link.normal:hover:before {
              visibility: visible;
              opacity: 1; }
          .section-networks .inner .blocks .block-left .link:hover span {
            font-weight: bold; }
          .section-networks .inner .blocks .block-left .link.main {
            font-family: 'vw_headbold', sans-serif;
            text-transform: uppercase; }
            .section-networks .inner .blocks .block-left .link.main:hover {
              border-color: transparent; }
          .section-networks .inner .blocks .block-left .link.active:before {
            visibility: visible;
            opacity: 1; }
          .section-networks .inner .blocks .block-left .link.active span {
            font-weight: bold;
            transform: translateX(10px); }
      .section-networks .inner .blocks .block-center {
        width: calc(44% - 26.666px);
        flex: 0 0 calc(44% - 26.666px); }
        .section-networks .inner .blocks .block-center .subblock-network-edge:after {
          content: '';
          position: absolute;
          top: 48%;
          left: auto;
          right: -4px;
          bottom: auto;
          width: 8px;
          height: 8px;
          background-image: url("assets/icons/dot-1.0.svg");
          background-repeat: no-repeat;
          background-size: 8px;
          background-position-x: 0;
          background-position-y: 0; }
      .section-networks .inner .blocks .block-right .wrapper-services-connected {
        height: 100%; }
        .section-networks .inner .blocks .block-right .wrapper-services-connected .subblock.subblock-services {
          height: 66.666%; }
          .section-networks .inner .blocks .block-right .wrapper-services-connected .subblock.subblock-services .inner {
            position: relative;
            top: 50%;
            transform: translateY(-50%); }
            .section-networks .inner .blocks .block-right .wrapper-services-connected .subblock.subblock-services .inner .link {
              width: calc(50% - 10px);
              flex: 0 0 calc(50% - 10px); }
        .section-networks .inner .blocks .block-right .wrapper-services-connected .subblock.subblock-connected {
          margin-left: 20%; }
          .section-networks .inner .blocks .block-right .wrapper-services-connected .subblock.subblock-connected:before {
            content: '';
            position: absolute;
            top: 48%;
            left: -4px;
            right: auto;
            bottom: auto;
            width: 8px;
            height: 8px;
            background-image: url("assets/icons/dot-1.0.svg");
            background-repeat: no-repeat;
            background-size: 8px;
            background-position-x: 0;
            background-position-y: 0; }
          .section-networks .inner .blocks .block-right .wrapper-services-connected .subblock.subblock-connected .connection {
            position: absolute;
            top: 29%;
            left: -4px;
            right: auto;
            bottom: auto;
            transform: translateX(-106%); }
            .section-networks .inner .blocks .block-right .wrapper-services-connected .subblock.subblock-connected .connection span {
              display: block;
              padding-bottom: 10px;
              border-bottom: 1px solid #000;
              font-size: 14px;
              text-align: center; }
          .section-networks .inner .blocks .block-right .wrapper-services-connected .subblock.subblock-connected .link {
            width: calc(33.333% - 13.333px);
            flex: 0 0 calc(33.333% - 13.333px); }
    .section-networks .inner .subblock {
      position: relative;
      padding: 50px 20px 20px 20px;
      height: calc(33.333% - 26.666px);
      min-height: calc(33.333% - 26.666px); }
      .section-networks .inner .subblock .inner {
        display: flex;
        justify-content: center;
        gap: 20px; }
        .section-networks .inner .subblock .inner .link {
          display: block;
          width: calc(20% - 16px);
          flex: 0 0 calc(20% - 16px);
          text-align: center;
          transition: opacity 150ms ease-in-out; }
          .section-networks .inner .subblock .inner .link span {
            display: block; }
            .section-networks .inner .subblock .inner .link span.icon {
              width: 40px;
              height: 40px;
              margin: 0 auto; }
              .section-networks .inner .subblock .inner .link span.icon svg {
                display: block;
                width: 40px;
                height: 40px;
                transition: transform 150ms ease-in-out; }
            .section-networks .inner .subblock .inner .link span.value {
              margin-top: 14px;
              font-size: 14px;
              line-height: 1.3; }
          .section-networks .inner .subblock .inner .link.inactive {
            opacity: 0.3;
            pointer-events: none;
            cursor: none; }
          .section-networks .inner .subblock .inner .link:hover .icon svg {
            transform: scale(1.3); }
    .section-networks .inner .text-beneath {
      margin-top: 50px;
      font-size: 14px;
      padding-left: calc(28% - 26.666px + 40px); }

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