@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap");
/* $main-design-color-blue:     #1C4696; version one */
/* @media only screen and (max-width: 1680px ) */
/* @media only screen and (max-width: 1360px ) */
/* @media only screen and (max-width: 1279px ) */
/* @media only screen and (max-width: 1024px ) */
body.page-template-page-services-list, body.page-template-page-projects-list {
  margin-top: 0px; }

.hero-section {
  margin-top: 110px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  height: 486px; }
  @media (max-width: 980px) {
    .hero-section {
      margin-top: 60px; } }
  @media only screen and (max-width: 1024px) {
    .hero-section {
      height: auto; } }
  .hero-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1; }
  .hero-section .arches {
    position: absolute;
    bottom: -4%;
    right: 0;
    mix-blend-mode: multiply;
    opacity: 1; }
    @media (max-width: 1520px) {
      .hero-section .arches {
        bottom: -3%; } }
    @media (max-width: 1024px) {
      .hero-section .arches {
        bottom: 1; } }
  .hero-section .content-wrapper {
    padding-bottom: 0px;
    max-width: 1640px;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
    .hero-section .content-wrapper .h1-services {
      font-family: "Archivo Black", sans-serif;
      font-size: 110px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      letter-spacing: -7px;
      text-transform: uppercase;
      color: #FFFFFF;
      max-width: 675px;
      width: 100%; }
      @media only screen and (max-width: 768px) {
        .hero-section .content-wrapper .h1-services {
          font-size: 50px;
          letter-spacing: -3px; } }
    @media (max-width: 1670px) {
      .hero-section .content-wrapper {
        margin-left: 40px !important;
        margin-right: 40px !important; } }
    @media (max-width: 1024px) {
      .hero-section .content-wrapper {
        padding-top: 100px;
        padding-bottom: 90px; } }
    @media (max-width: 768px) {
      .hero-section .content-wrapper {
        margin-left: 30px !important;
        margin-right: 30px !important; } }

.filter-section {
  margin-top: 54px;
  margin-bottom: 125px; }
  @media (max-width: 768px) {
    .filter-section {
      margin-top: 30px;
      margin-bottom: 34px; } }
  .filter-section .filter-section-container {
    display: flex;
    margin: 0 auto;
    max-width: 1400px; }
    @media (max-width: 1500px) {
      .filter-section .filter-section-container {
        padding-left: 20px;
        padding-right: 20px; } }
    @media only screen and (max-width: 1024px) {
      .filter-section .filter-section-container #filter-sidebar {
        display: none; } }
    .filter-section .filter-section-container #filter-sidebar .filter-sidebar-container {
      width: 100%;
      min-width: 584px;
      padding: 0 10px; }
      @media only screen and (max-width: 1700px) {
        .filter-section .filter-section-container #filter-sidebar .filter-sidebar-container {
          width: 100%;
          min-width: auto;
          padding: 0 50px 0 10px; } }
      .filter-section .filter-section-container #filter-sidebar .filter-sidebar-container .category-filter h3 {
        font-family: "Archivo Black", sans-serif;
        font-weight: 400;
        font-size: 56px;
        line-height: 56px;
        letter-spacing: -6%;
        color: #111111;
        display: flex; }
        @media only screen and (max-width: 1200px) {
          .filter-section .filter-section-container #filter-sidebar .filter-sidebar-container .category-filter h3 {
            font-size: 38px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: -2.28px;
            text-transform: uppercase; } }
      .filter-section .filter-section-container #filter-sidebar .filter-sidebar-container .category-filter .label-nav svg.minus-icon {
        display: none; }
      .filter-section .filter-section-container #filter-sidebar .filter-sidebar-container .category-filter .label-nav svg.plus-icon {
        display: block; }
      .filter-section .filter-section-container #filter-sidebar .filter-sidebar-container .category-filter .label-nav.active svg.minus-icon {
        display: block; }
      .filter-section .filter-section-container #filter-sidebar .filter-sidebar-container .category-filter .label-nav.active svg.plus-icon {
        display: none; }
    .filter-section .filter-section-container #filter-sidebar .category-filter-ul {
      display: block;
      margin: 0;
      list-style: none; }
      .filter-section .filter-section-container #filter-sidebar .category-filter-ul.open {
        display: block; }
      .filter-section .filter-section-container #filter-sidebar .category-filter-ul.close {
        display: none; }
      .filter-section .filter-section-container #filter-sidebar .category-filter-ul li {
        margin-bottom: 10px; }
        .filter-section .filter-section-container #filter-sidebar .category-filter-ul li label {
          display: flex;
          align-items: center;
          cursor: pointer;
          font-weight: bold;
          border-radius: 4px;
          transition: background 0.2s;
          padding: 6px 12px;
          min-height: 50px; }
          .filter-section .filter-section-container #filter-sidebar .category-filter-ul li label:has(input[type="checkbox"]:checked) {
            background-color: #f4c844; }
          .filter-section .filter-section-container #filter-sidebar .category-filter-ul li label input[type="checkbox"] {
            display: none; }
          .filter-section .filter-section-container #filter-sidebar .category-filter-ul li label .checkmark {
            width: 24px;
            height: 24px;
            border: 2px solid #000;
            display: inline-block;
            margin-right: 22px;
            position: relative; }
          .filter-section .filter-section-container #filter-sidebar .category-filter-ul li label input[type="checkbox"]:checked + .checkmark::after {
            content: "✔";
            position: absolute;
            color: #252626;
            top: -9px;
            left: 1px;
            font-size: 22px; }
          .filter-section .filter-section-container #filter-sidebar .category-filter-ul li label input[type="checkbox"]:checked + .checkmark + .label-text {
            background-color: #f4c844;
            padding: 5px;
            border-radius: 4px; }
          .filter-section .filter-section-container #filter-sidebar .category-filter-ul li label .label-text {
            font-family: "Archivo Black", sans-serif;
            font-weight: 400;
            font-size: 22px;
            line-height: 26px;
            text-transform: uppercase;
            color: #252626; }
        .filter-section .filter-section-container #filter-sidebar .category-filter-ul li.disable label {
          cursor: not-allowed; }
          .filter-section .filter-section-container #filter-sidebar .category-filter-ul li.disable label .checkmark, .filter-section .filter-section-container #filter-sidebar .category-filter-ul li.disable label .label-text {
            color: #E1E1E1; }
          .filter-section .filter-section-container #filter-sidebar .category-filter-ul li.disable label .checkmark {
            border-color: #E1E1E1; }
            .filter-section .filter-section-container #filter-sidebar .category-filter-ul li.disable label .checkmark:after {
              color: #E1E1E1; }
        .filter-section .filter-section-container #filter-sidebar .category-filter-ul li .child-industry-list {
          list-style: none;
          margin-left: 0;
          padding-left: 48px; }
    .filter-section .filter-section-container #filter-sidebar h3 {
      cursor: pointer; }
  .filter-section .mobile-filter-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.8);
    /* Color overlay */
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("assets/images/champion-bridge.png");
    /* Imagen con overlay */
    background-size: cover;
    background-position: center;
    overflow-y: auto; }
    .filter-section .mobile-filter-modal.is-open {
      display: block; }
    .filter-section .mobile-filter-modal .modal-content {
      margin-top: 80px;
      padding: 60px 20px;
      min-height: 100vh;
      width: 100%;
      color: white;
      position: relative; }
      .filter-section .mobile-filter-modal .modal-content #filter-sidebar .filter-sidebar-container {
        width: 100%;
        min-width: 584px;
        padding: 0 10px; }
        @media only screen and (max-width: 1700px) {
          .filter-section .mobile-filter-modal .modal-content #filter-sidebar .filter-sidebar-container {
            width: 100%;
            min-width: auto;
            padding: 0 50px 0 10px; } }
        .filter-section .mobile-filter-modal .modal-content #filter-sidebar .filter-sidebar-container .category-filter h3 {
          font-family: "Archivo Black", sans-serif;
          font-weight: 400;
          font-size: 56px;
          line-height: 56px;
          letter-spacing: -6%;
          color: white;
          display: flex; }
          @media only screen and (max-width: 1200px) {
            .filter-section .mobile-filter-modal .modal-content #filter-sidebar .filter-sidebar-container .category-filter h3 {
              font-size: 38px;
              font-style: normal;
              font-weight: 400;
              line-height: normal;
              letter-spacing: -2.28px;
              text-transform: uppercase; } }
        .filter-section .mobile-filter-modal .modal-content #filter-sidebar .filter-sidebar-container .category-filter .label-nav svg.minus-icon {
          display: none; }
        .filter-section .mobile-filter-modal .modal-content #filter-sidebar .filter-sidebar-container .category-filter .label-nav svg.plus-icon {
          display: block; }
        .filter-section .mobile-filter-modal .modal-content #filter-sidebar .filter-sidebar-container .category-filter .label-nav.active svg.minus-icon {
          display: block; }
        .filter-section .mobile-filter-modal .modal-content #filter-sidebar .filter-sidebar-container .category-filter .label-nav.active svg.plus-icon {
          display: none; }
      .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul {
        display: block;
        margin: 0;
        list-style: none; }
        .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul.open {
          display: block; }
        .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul.close {
          display: none; }
        .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li {
          margin-bottom: 10px; }
          .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li label {
            display: flex;
            align-items: center;
            cursor: pointer;
            font-weight: bold;
            transition: background 0.2s;
            padding: 6px 12px;
            min-height: 50px; }
            .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li label:has(input[type="checkbox"]:checked) {
              background-color: #f4c844; }
            .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li label input[type="checkbox"] {
              display: none; }
            .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li label .checkmark {
              width: 24px;
              height: 24px;
              border: 3px solid white;
              border-radius: 3px;
              display: inline-block;
              margin-right: 22px;
              position: relative; }
            .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li label input[type="checkbox"]:checked + .checkmark::after {
              content: "✔";
              position: absolute;
              color: #252626;
              top: -9px;
              left: 1px;
              font-size: 22px; }
            .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li label input[type="checkbox"]:checked + .checkmark {
              border-color: #252626; }
            .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li label input[type="checkbox"]:checked + .checkmark + .label-text {
              background-color: #f4c844;
              padding: 5px;
              color: #252626; }
            .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li label .label-text {
              font-family: "Archivo Black", sans-serif;
              font-weight: 400;
              font-size: 22px;
              line-height: 26px;
              text-transform: uppercase;
              color: white; }
          .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li.disable label {
            cursor: not-allowed; }
            .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li.disable label .checkmark, .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li.disable label .label-text {
              color: gray; }
            .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li.disable label .checkmark {
              border-color: gray; }
              .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li.disable label .checkmark:after {
                color: gray; }
          .filter-section .mobile-filter-modal .modal-content #filter-sidebar .category-filter-ul li .child-industry-list {
            list-style: none;
            margin-left: 0;
            padding-left: 48px; }
      .filter-section .mobile-filter-modal .modal-content #filter-sidebar h3 {
        cursor: pointer; }
      .filter-section .mobile-filter-modal .modal-content #filter-sidebar .minus-icon path {
        fill: white;
        stroke: white; }
      .filter-section .mobile-filter-modal .modal-content #filter-sidebar .plus-icon path {
        fill: white;
        stroke: white; }
    .filter-section .mobile-filter-modal .close-modal {
      display: flex;
      gap: 10px;
      justify-content: center;
      align-items: center;
      font-family: "Roboto", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 28px;
      /* 140% */
      letter-spacing: 0.6px;
      text-transform: uppercase;
      position: absolute;
      top: 20px;
      right: 20px;
      background: none;
      border: none;
      color: white;
      cursor: pointer; }
  .filter-section .no-scroll {
    overflow: hidden; }
  .filter-section #services-results {
    width: 100%;
    max-width: 971px; }
    .filter-section #services-results #article-close-button:hover svg path {
      stroke: white; }
    .filter-section #services-results .info-box {
      overflow-y: auto;
      scrollbar-width: none;
      /* Firefox */
      -ms-overflow-style: none;
      /* IE y Edge Legacy */ }
      .filter-section #services-results .info-box .modal-content {
        margin-top: 200px; }
        @media only screen and (max-width: 1200px) {
          .filter-section #services-results .info-box .modal-content {
            margin-top: 100px; } }
        .filter-section #services-results .info-box .modal-content #article-close-button {
          position: absolute;
          top: 5%;
          right: 5%;
          cursor: pointer; }
        .filter-section #services-results .info-box .modal-content .champ-logo {
          position: absolute;
          right: 0; }
          @media only screen and (max-width: 1200px) {
            .filter-section #services-results .info-box .modal-content .champ-logo {
              display: none; } }
      .filter-section #services-results .info-box .modal-container {
        display: flex;
        justify-content: center;
        gap: 24px; }
        @media only screen and (max-width: 1200px) {
          .filter-section #services-results .info-box .modal-container {
            flex-direction: column; } }
        .filter-section #services-results .info-box .modal-container .left-container {
          display: flex;
          max-width: 807px;
          padding: 10px 24px;
          flex-direction: column;
          align-items: flex-start;
          gap: 20px; }
          .filter-section #services-results .info-box .modal-container .left-container .modal-title {
            font-family: "Archivo Black", sans-serif;
            font-size: 56px;
            font-style: normal;
            font-weight: 400;
            line-height: 56px;
            /* 100% */
            letter-spacing: -3.36px;
            text-transform: uppercase; }
          .filter-section #services-results .info-box .modal-container .left-container .modal-position {
            font-family: "Roboto", sans-serif;
            font-size: 46px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
            /* 55.2px */
            letter-spacing: 2.76px;
            text-transform: uppercase; }
          .filter-section #services-results .info-box .modal-container .left-container .modal-description a {
            font-family: "Roboto", sans-serif;
            font-size: 22px;
            font-style: normal;
            font-weight: 400;
            line-height: 36px;
            /* 163.636% */
            letter-spacing: 0.44px;
            text-decoration: none;
            color: white;
            text-decoration: underline; }
            .filter-section #services-results .info-box .modal-container .left-container .modal-description a:hover {
              color: #E41E28; }
        .filter-section #services-results .info-box .modal-container .right-container {
          max-width: 400px;
          display: inline-flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 24px; }
          @media only screen and (max-width: 1200px) {
            .filter-section #services-results .info-box .modal-container .right-container {
              padding: 10px 24px; } }
          .filter-section #services-results .info-box .modal-container .right-container .modal-separator {
            width: 100%;
            border-bottom: 6px solid white; }
          .filter-section #services-results .info-box .modal-container .right-container .modal-testimonial p {
            font-family: "Roboto", sans-serif;
            font-size: 26px;
            font-style: normal;
            font-weight: 500;
            line-height: 140%;
            /* 36.4px */
            letter-spacing: 1.56px;
            text-transform: unset; }
    .filter-section #services-results .info-box::-webkit-scrollbar {
      display: none;
      /* Chrome, Safari, Edge */ }
    .filter-section #services-results .top-section .top-section-container {
      display: flex;
      width: 100%;
      justify-content: space-between;
      /* Mostrar solo en escritorio (>= 768px) */ }
      @media only screen and (max-width: 768px) {
        .filter-section #services-results .top-section .top-section-container {
          flex-direction: row-reverse;
          align-items: center;
          padding-left: 4px;
          padding-right: 4px;
          justify-content: space-between; } }
      @media (max-width: 768px) {
        .filter-section #services-results .top-section .top-section-container h2 {
          font-size: 26px !important;
          font-style: normal;
          font-weight: 700;
          line-height: 120% !important;
          /* 31.2px */
          letter-spacing: 1.56px !important;
          text-transform: uppercase;
          max-width: 179px; } }
      .filter-section #services-results .top-section .top-section-container .sort-select {
        display: flex; }
        .filter-section #services-results .top-section .top-section-container .sort-select label {
          font-family: "Roboto", sans-serif;
          font-weight: 400;
          font-size: 22px;
          line-height: 36px;
          color: #111111;
          width: 60%;
          margin-right: 10px; }
        .filter-section #services-results .top-section .top-section-container .sort-select select {
          min-width: fit-content; }
          .filter-section #services-results .top-section .top-section-container .sort-select select option {
            background-color: red; }
      .filter-section #services-results .top-section .top-section-container .desktop-only {
        display: none; }
      .filter-section #services-results .top-section .top-section-container .mobile-only {
        display: flex; }
      .filter-section #services-results .top-section .top-section-container .btn-mobile {
        background-color: transparent;
        color: black;
        border: 2px solid black;
        text-transform: capitalize;
        gap: 10px;
        width: fit-content;
        padding: 12px 32px;
        font-family: "Roboto", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        /* 133.333% */
        letter-spacing: 0.96px;
        text-transform: capitalize;
        gap: 10px;
        align-items: center;
        max-width: 177px; }
        .filter-section #services-results .top-section .top-section-container .btn-mobile:hover {
          background-color: #FACD01;
          color: black !important;
          border: 2px solid #FACD01;
          box-shadow: unset !important; }
          .filter-section #services-results .top-section .top-section-container .btn-mobile:hover::after {
            content: "";
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.94141 12.025L9.99974 17.0833L15.0581 12.025' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 2.91665V16.9417' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
        .filter-section #services-results .top-section .top-section-container .btn-mobile::after {
          content: "";
          width: 20px;
          height: 20px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5 9.96875C4.5 9.6926 4.72385 9.46875 5 9.46875H9.53125V4.9375C9.53125 4.66135 9.7551 4.4375 10.0312 4.4375C10.3074 4.4375 10.5312 4.66135 10.5312 4.9375V9.46875H15.0625C15.3386 9.46875 15.5625 9.6926 15.5625 9.96875C15.5625 10.2449 15.3386 10.4688 15.0625 10.4688H10.5312V15C10.5312 15.2761 10.3074 15.5 10.0312 15.5C9.7551 15.5 9.53125 15.2761 9.53125 15V10.4688H5C4.72385 10.4688 4.5 10.2449 4.5 9.96875Z' fill='%23252626'/%3E%3C/svg%3E%0A"); }
      @media screen and (min-width: 768px) {
        .filter-section #services-results .top-section .top-section-container .desktop-only {
          display: flex; }
        .filter-section #services-results .top-section .top-section-container .mobile-only {
          display: none; } }
    .filter-section #services-results > h2 {
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      font-size: 46px;
      line-height: 55px;
      letter-spacing: 3px;
      color: #252626;
      text-transform: uppercase;
      margin-bottom: 30px; }
    .filter-section #services-results #active-filters {
      min-width: 54px;
      margin: 30px 0; }
      .filter-section #services-results #active-filters .active-filter {
        background-color: #111111;
        color: #FFFFFF;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        text-transform: capitalize;
        padding: 12px 32px;
        margin: 10px;
        cursor: pointer;
        font-weight: 700;
        display: inline-block; }
        .filter-section #services-results #active-filters .active-filter[data-category="reset-all"] {
          color: #111111;
          background-color: #FFFFFF; }
          .filter-section #services-results #active-filters .active-filter[data-category="reset-all"]:hover {
            color: #111111;
            background-color: #facd01;
            transition: background-color 0.2s; }
        .filter-section #services-results #active-filters .active-filter > a {
          color: inherit;
          cursor: pointer;
          display: inline-block;
          height: 15px;
          width: 15px;
          margin-left: 10px; }
    .filter-section #services-results #services-cards .services-cards-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 20px; }
      @media (max-width: 1500px) {
        .filter-section #services-results #services-cards .services-cards-container {
          grid-template-columns: repeat(2, 1fr); } }
      @media (max-width: 768px) {
        .filter-section #services-results #services-cards .services-cards-container {
          grid-gap: 24px; } }
      .filter-section #services-results #services-cards .services-cards-container .service-card {
        border: 2px solid #e1e1e1;
        border-radius: 12px;
        width: 292px;
        min-height: 296px;
        height: 100%; }
        @media (max-width: 1500px) {
          .filter-section #services-results #services-cards .services-cards-container .service-card {
            width: 100%; } }
        .filter-section #services-results #services-cards .services-cards-container .service-card:hover, .filter-section #services-results #services-cards .services-cards-container .service-card:active {
          border-color: #FACD01; }
        .filter-section #services-results #services-cards .services-cards-container .service-card .service-card-container {
          padding: 12px 24px; }
          .filter-section #services-results #services-cards .services-cards-container .service-card .service-card-container h3 {
            font-family: "Roboto", sans-serif;
            font-size: 26px;
            font-weight: 500;
            letter-spacing: 2px;
            color: #333;
            text-transform: capitalize;
            line-height: 100%; }
            .filter-section #services-results #services-cards .services-cards-container .service-card .service-card-container h3:hover {
              text-decoration: underline; }
            @media (max-width: 768px) {
              .filter-section #services-results #services-cards .services-cards-container .service-card .service-card-container h3 {
                font-size: 18px;
                font-style: normal;
                font-weight: 500;
                line-height: 120%;
                /* 21.6px */
                letter-spacing: 1.08px;
                text-transform: capitalize;
                margin-bottom: 20px;
                max-width: 131px;
                word-break: break-all; } }
          .filter-section #services-results #services-cards .services-cards-container .service-card .service-card-container .description {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 2%;
            font-weight: 400;
            color: #252626; }
            @media (max-width: 768px) {
              .filter-section #services-results #services-cards .services-cards-container .service-card .service-card-container .description {
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
                /* 128.571% */
                letter-spacing: 0.28px;
                margin-bottom: 20px;
                height: 200px;
                max-width: 131px; } }
            .filter-section #services-results #services-cards .services-cards-container .service-card .service-card-container .description a.toggle-read-more {
              font-family: "Roboto", sans-serif;
              font-size: 16px;
              line-height: 24px;
              letter-spacing: 0.64px;
              font-weight: 700;
              color: #252626;
              margin-top: 20px;
              text-transform: capitalize;
              display: block; }
              .filter-section #services-results #services-cards .services-cards-container .service-card .service-card-container .description a.toggle-read-more:hover, .filter-section #services-results #services-cards .services-cards-container .service-card .service-card-container .description a.toggle-read-more:active {
                color: #E41E28;
                text-decoration: underline; }
    .filter-section #services-results #cards .cards-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 20px; }
      @media (max-width: 1500px) {
        .filter-section #services-results #cards .cards-container {
          grid-template-columns: repeat(2, 1fr); } }
      @media (max-width: 768px) {
        .filter-section #services-results #cards .cards-container {
          grid-gap: 24px; } }
      @media (max-width: 600px) {
        .filter-section #services-results #cards .cards-container {
          grid-template-columns: repeat(1, 1fr); } }
      .filter-section #services-results #cards .cards-container .project-card {
        border: 2px solid #e1e1e1;
        border-radius: 12px;
        width: 292px;
        min-height: 296px;
        height: 100%;
        transition: .3s ease all; }
        @media (max-width: 1500px) {
          .filter-section #services-results #cards .cards-container .project-card {
            width: 100%; } }
        @media (max-width: 768px) {
          .filter-section #services-results #cards .cards-container .project-card {
            grid-gap: 24px; } }
        .filter-section #services-results #cards .cards-container .project-card:hover, .filter-section #services-results #cards .cards-container .project-card:active {
          border-color: #FACD01; }
          .filter-section #services-results #cards .cards-container .project-card:hover .project-card-container h3, .filter-section #services-results #cards .cards-container .project-card:active .project-card-container h3 {
            text-decoration: unset; }
          .filter-section #services-results #cards .cards-container .project-card:hover .project-card-container a.toggle-read-more, .filter-section #services-results #cards .cards-container .project-card:active .project-card-container a.toggle-read-more {
            color: #E41E28;
            text-decoration: underline; }
        .filter-section #services-results #cards .cards-container .project-card .project-card-container {
          padding: 12px 24px;
          padding: 0; }
          .filter-section #services-results #cards .cards-container .project-card .project-card-container .project-card-image {
            border-radius: 12px 12px 0 0;
            min-height: 272px;
            object-fit: cover; }
          .filter-section #services-results #cards .cards-container .project-card .project-card-container .image-container {
            position: relative; }
            .filter-section #services-results #cards .cards-container .project-card .project-card-container .image-container span.featured-tag {
              position: absolute;
              top: 14px;
              line-height: 100%;
              font-family: "Archivo Black", sans-serif;
              font-size: 14px;
              text-transform: uppercase;
              color: #FFFFFF;
              background-color: #1654cb;
              left: 0;
              padding: 7px 25px;
              border-radius: 0 12px 12px 0;
              margin: 0 auto; }
          .filter-section #services-results #cards .cards-container .project-card .project-card-container .info-container {
            margin-top: 20px;
            padding: 12px 24px; }
            .filter-section #services-results #cards .cards-container .project-card .project-card-container .info-container h3 {
              margin-bottom: 20px; }
            .filter-section #services-results #cards .cards-container .project-card .project-card-container .info-container .location {
              color: #252626;
              font-family: "Roboto", sans-serif;
              font-size: 18px;
              font-style: normal;
              font-weight: 900;
              line-height: normal;
              letter-spacing: 1.8px;
              text-transform: uppercase; }
              @media (max-width: 768px) {
                .filter-section #services-results #cards .cards-container .project-card .project-card-container .info-container .location {
                  font-size: 14px;
                  font-style: normal;
                  font-weight: 400;
                  line-height: 18px;
                  /* 128.571% */
                  letter-spacing: 0.28px;
                  margin-bottom: 20px;
                  height: 200px;
                  max-width: 131px; } }
          .filter-section #services-results #cards .cards-container .project-card .project-card-container h3 {
            font-family: "Roboto", sans-serif;
            font-size: 26px;
            font-weight: 500;
            letter-spacing: 2px;
            color: #333;
            text-transform: capitalize;
            line-height: 100%; }
            .filter-section #services-results #cards .cards-container .project-card .project-card-container h3:hover {
              text-decoration: underline; }
            @media (max-width: 768px) {
              .filter-section #services-results #cards .cards-container .project-card .project-card-container h3 {
                font-size: 18px;
                font-style: normal;
                font-weight: 500;
                line-height: 120%;
                /* 21.6px */
                letter-spacing: 1.08px;
                text-transform: capitalize;
                margin-bottom: 20px;
                max-width: 131px;
                word-break: break-all; } }
          .filter-section #services-results #cards .cards-container .project-card .project-card-container a.toggle-read-more {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0.64px;
            font-weight: 700;
            color: #252626;
            margin-top: 20px;
            text-transform: capitalize;
            display: block; }
            .filter-section #services-results #cards .cards-container .project-card .project-card-container a.toggle-read-more:hover, .filter-section #services-results #cards .cards-container .project-card .project-card-container a.toggle-read-more:active {
              color: #E41E28;
              text-decoration: underline; }
      .filter-section #services-results #cards .cards-container.teams-cards-container {
        display: flex;
        flex-direction: column; }
        .filter-section #services-results #cards .cards-container.teams-cards-container .team-category-title {
          font-family: "Archivo Black", sans-serif;
          font-size: 38px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          letter-spacing: -2.28px;
          text-transform: uppercase;
          padding: 6px 24px; }
          @media (max-width: 768px) {
            .filter-section #services-results #cards .cards-container.teams-cards-container .team-category-title {
              font-size: 22px;
              font-weight: 400;
              line-height: 26px;
              /* 118.182% */
              text-transform: uppercase;
              padding: 6px 0px; } }
        .filter-section #services-results #cards .cards-container.teams-cards-container .cards-container {
          padding: 10px 24px; }
          @media (max-width: 768px) {
            .filter-section #services-results #cards .cards-container.teams-cards-container .cards-container {
              padding: 6px 0px; } }
          @media (max-width: 600px) {
            .filter-section #services-results #cards .cards-container.teams-cards-container .cards-container {
              grid-template-columns: repeat(1, 1fr); } }
        .filter-section #services-results #cards .cards-container.teams-cards-container .team-member-card {
          border-radius: 12px;
          border: 2px solid #E1E1E1;
          transition: .3s ease all; }
          .filter-section #services-results #cards .cards-container.teams-cards-container .team-member-card:hover {
            border: 2px solid #FACD01; }
            .filter-section #services-results #cards .cards-container.teams-cards-container .team-member-card:hover .team-member-card-container .toggle-read-more {
              color: #E41E28;
              text-decoration: underline; }
          .filter-section #services-results #cards .cards-container.teams-cards-container .team-member-card .team-member-card-container img {
            border-radius: 12px 12px 0px 0px;
            height: 272px;
            width: 100%;
            object-fit: cover;
            margin-bottom: 12px; }
          .filter-section #services-results #cards .cards-container.teams-cards-container .team-member-card .team-member-card-container .info-container {
            padding: 12px 24px; }
            .filter-section #services-results #cards .cards-container.teams-cards-container .team-member-card .team-member-card-container .info-container a:hover {
              color: #E41E28;
              text-decoration: underline; }
            .filter-section #services-results #cards .cards-container.teams-cards-container .team-member-card .team-member-card-container .info-container h3 {
              font-family: "Roboto", sans-serif;
              font-size: 26px;
              font-style: normal;
              font-weight: 500;
              line-height: normal;
              letter-spacing: 1.56px;
              text-transform: capitalize;
              margin-bottom: 20px; }
            .filter-section #services-results #cards .cards-container.teams-cards-container .team-member-card .team-member-card-container .info-container h5 {
              margin-bottom: 20px; }
            .filter-section #services-results #cards .cards-container.teams-cards-container .team-member-card .team-member-card-container .info-container .toggle-read-more {
              font-family: "Roboto", sans-serif;
              font-size: 16px;
              font-style: normal;
              font-weight: 700;
              line-height: 24px;
              /* 150% */
              letter-spacing: 0.64px;
              text-transform: capitalize; }

.contact-section {
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 131px;
  padding-bottom: 95px;
  height: auto; }
  @media (max-width: 768px) {
    .contact-section {
      padding-left: 30px;
      padding-right: 30px; } }
  .contact-section .contact-section-container {
    display: flex;
    justify-content: space-around;
    gap: 20px; }
    @media (max-width: 1024px) {
      .contact-section .contact-section-container {
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
    .contact-section .contact-section-container .left-column {
      width: 100%;
      max-width: 656px; }
      .contact-section .contact-section-container .left-column .left-column-container h2, .contact-section .contact-section-container .left-column .left-column-container p {
        color: #FFFFFF; }
      .contact-section .contact-section-container .left-column .left-column-container h2 {
        font-family: "Archivo Black", sans-serif;
        font-weight: 400;
        font-size: 62px;
        line-height: 120%;
        letter-spacing: -6%;
        text-transform: uppercase;
        margin-bottom: 20px; }
      .contact-section .contact-section-container .left-column .left-column-container p {
        font-family: Roboto;
        font-weight: 400;
        letter-spacing: 2%; }
        .contact-section .contact-section-container .left-column .left-column-container p.big-text {
          font-size: 32px;
          line-height: 50px;
          margin-bottom: 20px; }
          @media only screen and (max-width: 1024px) {
            .contact-section .contact-section-container .left-column .left-column-container p.big-text {
              font-size: 22px;
              line-height: 36px;
              /* 163.636% */
              letter-spacing: 0.44px; } }
        .contact-section .contact-section-container .left-column .left-column-container p.small-text {
          font-size: 22px;
          line-height: 36px;
          margin-bottom: 20px; }
          @media only screen and (max-width: 1024px) {
            .contact-section .contact-section-container .left-column .left-column-container p.small-text {
              font-size: 18px;
              line-height: 32px;
              letter-spacing: 0.44px; } }
    .contact-section .contact-section-container .right-column {
      width: 100%;
      max-width: 656px; }
      .contact-section .contact-section-container .right-column .right-column-container .form-wrapper {
        background-color: #FFFFFF;
        height: 888px;
        width: 100%; }
        .contact-section .contact-section-container .right-column .right-column-container .form-wrapper.TBD {
          font-family: "Archivo Black", sans-serif;
          font-weight: 400;
          font-size: 62px;
          line-height: 120%;
          letter-spacing: -6%;
          text-transform: uppercase;
          margin-bottom: 20px;
          color: #111111;
          align-items: center;
          justify-content: center; }

.backlink {
  display: inline-flex;
  padding: 12px 24px;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  display: flex;
  margin: 0 auto;
  max-width: 1400px;
  padding-left: 15px;
  margin-top: 30px; }
  @media (max-width: 768px) {
    .backlink {
      display: none; } }
  .backlink a, .backlink span {
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    text-transform: capitalize;
    text-decoration: unset !important; }
  .backlink a {
    color: #606266; }

.intro-content-section {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  margin-top: 47px;
  margin-bottom: 77px; }
  .intro-content-section .intro-content-section-container {
    width: 100%;
    max-width: 1295px;
    padding: 15px 15px; }
    @media (max-width: 768px) {
      .intro-content-section .intro-content-section-container p {
        margin-top: 70px;
        margin-bottom: 20px; } }