/* #region breakpoints for new mockups */
/* #endregion breakpoints for new mockups */
/* #region media queries for new mockups */
/* #endregion media queries for new mockups */
/* #region breakpoints for new mockups */
/* #endregion breakpoints for new mockups */
.head-information-section {
  /*display: grid;
    grid-template-columns: 1fr;*/ }
  .head-information-section h3, .head-information-section p, .head-information-section ul, .head-information-section ol {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit; }
  .head-information-section h3, .head-information-section p {
    margin: 7px 0 8px 0; }
  .head-information-section h3 {
    text-align: start !important; }
  .head-information-section ol {
    margin: 0 0 8px 0; }
    .head-information-section ol li {
      margin: 0 0 5px 0; }
  .head-information-section ul {
    padding-left: 20px; }
    .head-information-section ul li {
      margin-bottom: 9px; }
      .head-information-section ul li::marker {
        color: #00ABDB; }
    .head-information-section ul ul {
      list-style: none;
      padding-left: 16px; }
      .head-information-section ul ul li::before {
        content: "-";
        display: inline-block;
        width: 10px;
        margin-right: 8px;
        color: #00ABDB; }
  .head-information-section .cs-name-container {
    margin-bottom: 15px; }
    .head-information-section .cs-name-container .cs-name {
      font-family: Open Sans;
      font-style: normal;
      font-weight: 600;
      font-size: 15px;
      line-height: 25px;
      text-transform: uppercase;
      color: #8C8C8C; }
  .head-information-section .cs-page-header-container {
    position: relative;
    padding: 27px 0 30px;
    box-sizing: border-box; }
    .head-information-section .cs-page-header-container .cs-page-background-image {
      position: absolute;
      top: -77px;
      left: calc((100vw - 100%) / -2);
      right: calc((100vw - 100%) / -2);
      bottom: 0;
      z-index: -1;
      background-size: cover;
      background-position: center; }
      .head-information-section .cs-page-header-container .cs-page-background-image:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(3, 45, 57, 0.5); }
    .head-information-section .cs-page-header-container .cs-page-header {
      font-family: Ubuntu !important;
      font-style: normal !important;
      font-weight: 500 !important;
      font-size: 30px;
      line-height: 40px;
      color: #fff;
      margin: 0 0 27px; }
  .head-information-section .cs-tags-block {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px; }
    .head-information-section .cs-tags-block .tags-block {
      box-sizing: border-box;
      background: rgba(255, 255, 255, 0.2);
      padding: 5px;
      border-radius: 8px;
      color: #fff; }
      .head-information-section .cs-tags-block .tags-block .tags-block-header {
        font-family: Open Sans;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: left; }
      .head-information-section .cs-tags-block .tags-block .tags-block-list {
        font-family: Open Sans;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: left; }
  .head-information-section .main-img-container, .head-information-section .sep-img-container {
    height: 337px;
    margin: 40px -16px;
    /*--main-padding: 16px;
        margin: 40px calc(-1 * var(--main-padding));*/
    position: relative; }
    .head-information-section .main-img-container .main-img, .head-information-section .sep-img-container .main-img {
      height: 100%;
      width: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
  .head-information-section .content-container {
    margin: 27px 0; }
    .head-information-section .content-container p {
      word-break: break-word; }
    .head-information-section .content-container:nth-child(3n+2) .content-header-wrapper:before {
      background-color: #DEF8FF; }
    .head-information-section .content-container:nth-child(3n+3) .content-header-wrapper:before {
      background-color: #D9FFF2; }
    .head-information-section .content-container:nth-child(3n+4) .content-header-wrapper:before {
      background-color: #FFF4ED; }
    .head-information-section .content-container .content-header-wrapper {
      height: 36px;
      display: flex;
      align-items: flex-start;
      position: relative;
      padding-left: 6px; }
      .head-information-section .content-container .content-header-wrapper:before {
        content: '';
        position: absolute;
        width: 36px;
        left: 0;
        top: 0;
        bottom: 0;
        border-radius: 50% 0;
        z-index: -1; }
    .head-information-section .content-container .content-header {
      font-family: Ubuntu !important;
      font-size: 20px !important;
      font-style: normal !important;
      font-weight: 500 !important;
      line-height: 25px !important;
      letter-spacing: 0em;
      text-align: left;
      color: #404040; }
    .head-information-section .content-container .content-text {
      display: flex;
      flex-direction: column;
      font-family: Open Sans;
      font-style: normal;
      font-weight: normal;
      color: #404040; }
      .head-information-section .content-container .content-text .citation, .head-information-section .content-container .content-text blockquote {
        position: initial;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 300;
        color: #404040;
        position: relative;
        margin: 9px 0;
        padding: 10px 0 0 51px; }
        .head-information-section .content-container .content-text .citation:before, .head-information-section .content-container .content-text blockquote:before {
          content: '';
          position: absolute;
          background-image: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzNiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDMuMzE3ODNDMTQuMzA2MyA0LjI4MjcxIDEyLjkzNjkgNS4xMjI1MSAxMS44OTE5IDUuODM3MjRDMTAuODQ2OCA2LjUxNjIzIDkuNzgzNzggNy40Mjc1IDguNzAyNyA4LjU3MTA2QzcuNjkzNjkgOS42NDMxNSA2LjkxODkyIDEwLjc2ODggNi4zNzgzOCAxMS45NDgxQzUuODM3ODQgMTMuMTI3NCA1LjQ1OTQ2IDE0LjY0NjIgNS4yNDMyNCAxNi41MDQ1SDcuODM3ODRDMTAuMDcyMSAxNi41MDQ1IDExLjgxOTggMTcuMDU4NCAxMy4wODExIDE4LjE2NjNDMTQuMzc4NCAxOS4yMzgzIDE1LjAyNyAyMC44Mjg2IDE1LjAyNyAyMi45MzcxQzE1LjAyNyAyNC40MzggMTQuNDUwNSAyNS44NDk2IDEzLjI5NzMgMjcuMTcxOEMxMi4xODAyIDI4LjQ1ODMgMTAuNjMwNiAyOS4xMDE2IDguNjQ4NjUgMjkuMTAxNkM1LjU0OTU1IDI5LjEwMTYgMy4zMzMzMyAyOC4xMDA5IDIgMjYuMDk5N0MwLjY2NjY2NyAyNC4wNjI3IDAgMjEuNDAwNCAwIDE4LjExMjdDMCAxNS43ODk4IDAuNTA0NTA1IDEzLjY4MTQgMS41MTM1MSAxMS43ODczQzIuNTIyNTIgOS44NTc1NyAzLjc0Nzc1IDguMTQyMjMgNS4xODkxOSA2LjY0MTNDNi42NjY2NyA1LjEwNDY0IDguMjM0MjMgMy44MDAyNyA5Ljg5MTg5IDIuNzI4MThDMTEuNTQ5NiAxLjY1NjA5IDEyLjkzNjkgMC43ODA1NTIgMTQuMDU0MSAwLjEwMTU2MkwxNiAzLjMxNzgzWk0zNiAzLjMxNzgzQzM0LjMwNjMgNC4yODI3MSAzMi45MzY5IDUuMTIyNTEgMzEuODkxOSA1LjgzNzI0QzMwLjg0NjggNi41MTYyMyAyOS43ODM4IDcuNDI3NSAyOC43MDI3IDguNTcxMDZDMjcuNjU3NyA5LjY3ODg5IDI2Ljg2NDkgMTAuODIyNCAyNi4zMjQzIDEyLjAwMTdDMjUuODE5OCAxMy4xNDUzIDI1LjQ1OTUgMTQuNjQ2MiAyNS4yNDMyIDE2LjUwNDVIMjcuODM3OEMzMC4wNzIxIDE2LjUwNDUgMzEuODE5OCAxNy4wNTg0IDMzLjA4MTEgMTguMTY2M0MzNC4zNzg0IDE5LjIzODMgMzUuMDI3IDIwLjgyODYgMzUuMDI3IDIyLjkzNzFDMzUuMDI3IDI0LjQzOCAzNC40NTA1IDI1Ljg0OTYgMzMuMjk3MyAyNy4xNzE4QzMyLjE4MDIgMjguNDU4MyAzMC42MzA2IDI5LjEwMTYgMjguNjQ4NiAyOS4xMDE2QzI1LjU0OTYgMjkuMTAxNiAyMy4zMzMzIDI4LjEwMDkgMjIgMjYuMDk5N0MyMC42NjY3IDI0LjA2MjcgMjAgMjEuNDAwNCAyMCAxOC4xMTI3QzIwIDE1Ljc4OTggMjAuNTA0NSAxMy42ODE0IDIxLjUxMzUgMTEuNzg3M0MyMi41MjI1IDkuODU3NTcgMjMuNzQ3NyA4LjE0MjIzIDI1LjE4OTIgNi42NDEzQzI2LjY2NjcgNS4xMDQ2NCAyOC4yMzQyIDMuODAwMjcgMjkuODkxOSAyLjcyODE4QzMxLjU0OTYgMS42NTYwOSAzMi45MzY5IDAuNzgwNTUyIDM0LjA1NDEgMC4xMDE1NjJMMzYgMy4zMTc4M1oiIGZpbGw9IiMwMEFCREIiLz4KPC9zdmc+Cg==");
          top: 32px;
          left: -6px;
          width: 36px;
          height: 29px;
          display: block; }
        .head-information-section .content-container .content-text .citation:after, .head-information-section .content-container .content-text blockquote:after {
          content: '';
          position: absolute;
          height: calc(100% - 54px);
          width: 3px;
          display: block;
          background-color: #00ABDB;
          bottom: 0;
          left: 0; }
      .head-information-section .content-container .content-text ol {
        margin-left: -20px; }
    .head-information-section .content-container .content-text > :last-child .citation, .head-information-section .content-container .content-text > :last-child blockquote {
      margin-bottom: 0; }
    .head-information-section .content-container .content-text > :last-child .definition {
      margin-bottom: 0; }

@media only screen and (min-width: 320px) {
  .head-information-section .cs-page-header-container .cs-page-header {
    font-weight: 800;
    font-size: 30px;
    line-height: 40px; }
  .head-information-section .cs-tags-block {
    display: grid; }
    .head-information-section .cs-tags-block .industries-block .industries-block-header {
      font-size: 15px;
      line-height: 25px; }
    .head-information-section .cs-tags-block .technologies-block .technologies-block-header {
      font-size: 15px;
      line-height: 25px; }
    .head-information-section .cs-tags-block .technologies-block .technologies-block-list {
      display: flex;
      flex-direction: row;
      flex-flow: wrap; }
      .head-information-section .cs-tags-block .technologies-block .technologies-block-list .technology-item-container {
        margin: 0 20px 25px 0; }
        .head-information-section .cs-tags-block .technologies-block .technologies-block-list .technology-item-container .technology-item {
          background: #DEF8FF;
          padding: 5px 10px;
          border-radius: 17px;
          font-size: 15px;
          line-height: 25px; }
  .head-information-section .main-img-container, .head-information-section .sep-img-container {
    height: 337px;
    margin: 39px -16px;
    /*--main-padding: 16px;
            margin: 40px calc(-1 * var(--main-padding));*/ }
  .head-information-section .content-container {
    display: flex;
    flex-direction: column; }
    .head-information-section .content-container:nth-of-type(2) {
      margin: 30px 0 0; }
    .head-information-section .content-container .content-header-wrapper {
      margin-bottom: 15px; }
    .head-information-section .content-container .content-header {
      font-weight: 800;
      font-size: 20px;
      line-height: 25px; }
    .head-information-section .content-container .content-text {
      font-size: 15px;
      line-height: 25px; }
      .head-information-section .content-container .content-text .citation, .head-information-section .content-container .content-text blockquote {
        font-weight: 300;
        font-size: 18px;
        line-height: 25px;
        display: block;
        margin-bottom: 40px; }
        .head-information-section .content-container .content-text .citation:before, .head-information-section .content-container .content-text blockquote:before {
          left: 0; }
        .head-information-section .content-container .content-text .citation:after, .head-information-section .content-container .content-text blockquote:after {
          left: 6px; }
      .head-information-section .content-container .content-text .definition {
        display: block;
        border-left: 3px solid #00ABDB;
        padding-left: 15px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 300;
        color: #404040;
        font-size: 18px;
        line-height: 25px; }
  .case-studies-section h2 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 125%;
    margin-bottom: 1.5em; } }

@media only screen and (min-width: 360px) {
  .head-information-section .cs-page-header-container .cs-page-header {
    font-weight: 800;
    font-size: 30px;
    line-height: 40px; }
  .head-information-section .cs-tags-block {
    display: grid; }
    .head-information-section .cs-tags-block .industries-block .industries-block-header {
      font-size: 15px;
      line-height: 25px; }
    .head-information-section .cs-tags-block .industries-block .industries-block-list .industry-item {
      font-size: 15px;
      line-height: 25px; }
    .head-information-section .cs-tags-block .technologies-block .technologies-block-header {
      font-size: 15px;
      line-height: 25px; }
    .head-information-section .cs-tags-block .technologies-block .technologies-block-list .technology-item {
      font-size: 15px;
      line-height: 25px; }
  .head-information-section .main-img-container, .head-information-section .sep-img-container {
    height: 337px;
    margin: 50px -16px;
    /*--main-padding: 16px;
            margin: 40px calc(-1 * var(--main-padding));*/ }
  .head-information-section .content-container {
    display: flex;
    flex-direction: column; }
    .head-information-section .content-container .content-header {
      font-weight: 800;
      font-size: 20px;
      line-height: 25px; }
    .head-information-section .content-container .content-text {
      font-size: 15px;
      line-height: 25px; } }

@media only screen and (min-width: 375px) {
  .head-information-section .cs-page-header-container .cs-page-header {
    font-weight: 800;
    font-size: 30px;
    line-height: 40px; }
  .head-information-section .cs-tags-block {
    display: grid; }
    .head-information-section .cs-tags-block .industries-block .industries-block-header {
      font-size: 15px;
      line-height: 25px; }
    .head-information-section .cs-tags-block .industries-block .industries-block-list .industry-item {
      font-size: 15px;
      line-height: 25px; }
    .head-information-section .cs-tags-block .technologies-block .technologies-block-header {
      font-size: 15px;
      line-height: 25px; }
    .head-information-section .cs-tags-block .technologies-block .technologies-block-list .technology-item {
      font-size: 15px;
      line-height: 25px; }
  .head-information-section .main-img-container, .head-information-section .sep-img-container {
    height: 337px;
    margin: 50px -16px;
    /*--main-padding: 16px;
            margin: 40px calc(-1 * var(--main-padding));*/ }
  .head-information-section .content-container {
    display: flex;
    flex-direction: column; }
    .head-information-section .content-container .content-header {
      font-weight: 800;
      font-size: 20px;
      line-height: 25px; }
    .head-information-section .content-container .content-text {
      font-size: 15px;
      line-height: 25px; } }

@media only screen and (min-width: 768px) {
  .head-information-section h3, .head-information-section p {
    margin: 9px 0; }
  .head-information-section p:nth-child(1) {
    margin: 0 0 9px; }
  .head-information-section ol {
    margin: 0 0 9px 0; }
    .head-information-section ol li {
      margin: 0 0 9px 0; }
  .head-information-section ul {
    margin: 0 0 9px 0; }
    .head-information-section ul li {
      margin-bottom: 9px; }
  .head-information-section .cs-page-header-container {
    padding: 27px 0 36px; }
    .head-information-section .cs-page-header-container .cs-page-background-image {
      top: -121px; }
    .head-information-section .cs-page-header-container .cs-page-header {
      font-weight: 800;
      font-size: 50px;
      line-height: 63px;
      min-height: 126px; }
  .head-information-section .cs-tags-block {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px; }
    .head-information-section .cs-tags-block .tags-block {
      padding: 9px;
      box-sizing: border-box; }
      .head-information-section .cs-tags-block .tags-block .tags-block-header {
        font-size: 16px;
        line-height: 27px;
        margin: 0 0 9px; }
      .head-information-section .cs-tags-block .tags-block .tags-block-list {
        font-size: 18px;
        font-weight: 600;
        line-height: 27px; }
  .head-information-section .main-img-container, .head-information-section .sep-img-container {
    height: 607px;
    margin: 40px -35px;
    /*--main-padding: 35px;
            margin: 40px calc(-1 * var(--main-padding));*/ }
  .head-information-section .content-container {
    margin-bottom: 27px;
    display: flex;
    flex-direction: column; }
    .head-information-section .content-container:nth-of-type(2) {
      margin: 36px 0 27px; }
    .head-information-section .content-container .content-header-wrapper {
      height: 56px;
      padding-left: 20px; }
      .head-information-section .content-container .content-header-wrapper:before {
        width: 56px; }
    .head-information-section .content-container .content-header {
      font-size: 30px !important;
      line-height: 45px !important; }
    .head-information-section .content-container .content-text {
      font-size: 18px;
      line-height: 27px; }
      .head-information-section .content-container .content-text .citation, .head-information-section .content-container .content-text blockquote {
        font-size: 20px;
        line-height: 36px; }
        .head-information-section .content-container .content-text .citation:before, .head-information-section .content-container .content-text blockquote:before {
          left: -6px; }
        .head-information-section .content-container .content-text .citation:after, .head-information-section .content-container .content-text blockquote:after {
          left: 0; }
      .head-information-section .content-container .content-text .definition {
        display: block;
        border-left: 3px solid #00ABDB;
        padding-left: 25px;
        font-size: 20px;
        line-height: 36px;
        color: #404040; }
    .head-information-section .content-container .content-text > :last-child .citation, .head-information-section .content-container .content-text > :last-child blockquote {
      margin-bottom: 0; }
    .head-information-section .content-container .content-text > :last-child .definition {
      margin-bottom: 0; }
  .case-studies-section h2 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    line-height: 150%;
    margin-bottom: 2em; } }

@media only screen and (min-width: 1024px) {
  .head-information-section .cs-page-header-container .cs-page-header {
    font-size: 50px;
    line-height: 63px; }
  .head-information-section .cs-tags-block .tags-block .tags-block-header {
    font-size: 18px;
    line-height: 27px; }
  .head-information-section .main-img-container, .head-information-section .sep-img-container {
    height: 607px;
    margin: 60px -35px;
    /*--main-padding: 35px;
            margin: 40px calc(-1 * var(--main-padding));*/ }
  .head-information-section .content-container {
    display: grid;
    grid-template-columns: 200px auto;
    grid-column-gap: 28px; }
    .head-information-section .content-container .content-header {
      font-weight: 800;
      font-size: 30px;
      line-height: 45px; }
    .head-information-section .content-container .content-text {
      font-size: 18px;
      line-height: 27px; } }

@media only screen and (min-width: 1280px) {
  .head-information-section .cs-page-header-container .cs-page-header {
    font-size: 60px !important;
    line-height: 72px !important;
    min-height: 144px;
    margin: 0 0 36px; }
  .head-information-section .content-container {
    grid-template-columns: 345px auto;
    grid-column-gap: 35px; }
    .head-information-section .content-container .content-header-wrapper {
      align-items: center;
      height: 90px; }
      .head-information-section .content-container .content-header-wrapper:before {
        width: 90px;
        height: 100%; }
      .head-information-section .content-container .content-header-wrapper .content-header {
        font-size: 36px !important;
        line-height: 54px !important; }
    .head-information-section .content-container .content-text {
      padding: 32px 0 0; } }

@media only screen and (min-width: 1366px) {
  .head-information-section .cs-tags-block .industries-block .industries-block-header {
    font-size: 18px;
    line-height: 27px; }
  .head-information-section .cs-tags-block .industries-block .industries-block-list .industry-item {
    font-size: 18px;
    line-height: 27px; }
  .head-information-section .main-img-container, .head-information-section .sep-img-container {
    height: 675px;
    margin: 75px -60px;
    /*--main-padding: 60px;
            margin: 0 calc(-1 * var(--main-padding));*/ }
  .head-information-section .content-container {
    grid-template-columns: 360px auto;
    grid-column-gap: 86px; }
    .head-information-section .content-container .content-text {
      font-size: 18px;
      line-height: 27px; }
    .head-information-section .content-container .content-text > :last-child .citation, .head-information-section .content-container .content-text > :last-child blockquote {
      margin-bottom: 0; }
    .head-information-section .content-container .content-text > :last-child .definition {
      margin-bottom: 0; }
  .case-studies-section h2 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 36px !important;
    line-height: 150%;
    margin-bottom: 2em; } }

@media only screen and (min-width: 1440px) {
  .head-information-section .cs-page-header-container .cs-page-header {
    margin: 0 0 54px; }
  .head-information-section .main-img-container, .head-information-section .sep-img-container {
    height: 675px;
    margin: 63px calc((100vw - 1297px) / -2); }
  .head-information-section .content-container {
    grid-template-columns: 360px auto;
    grid-column-gap: 120px; }
    .head-information-section .content-container:nth-of-type(2) {
      margin: 52px 0 27px; }
    .head-information-section .content-container .content-header {
      font-weight: 800;
      font-size: 36px;
      line-height: 54px; }
    .head-information-section .content-container .content-text {
      font-size: 18px;
      line-height: 27px; } }