.tk-paralucent, .heading-font, .mobile-main-menu .menu-main-menu-container #menu-main-menu-1 li a, .mobile-main-menu .social-group .social-follow, footer .footer-upper .locations-grid .location-item h5, h1, h2, h4, .accordion .accordion-item .expander, .stat-grid .stat .stat-value, .heading-button .heading-button-title, .list-container .list-heading, .icon-list .icon-list-grid .icon-list-item .icon-list-item-content .icon-title, blockquote .info p, .our-team .team-member-card .team-member-name, .template--step_list .inner__section--content __title.list, .template--step_list .inner__section__component--step __title.step, .template--tag-cloud .inner__section--content __title.cloud, .testimonial-banner .testimonial-slider .slide-card .testimonial, .oops-404, .single-pagination a, #sign-up-modal-container .sign-up-modal .modal-content .modal-title, #sign-up-modal-container .sign-up-modal .modal-content form.af-form .success-message, .feature-paragraph-grid .feature-paragraph-block h3, .product-card-selector-container #product-cards-grid .product-card h3, .product-card-selector-container #product-cards-grid .product-card .product-price, main > .grid.our-team-container article .grid-block .our-team-header .our-team-title, .article-slider-wrapper .article-slider-header, .article-slider-wrapper .article-slider-block .article-card h3 {
  font-family: "paralucent", sans-serif; }

.gf-dm-sans, .body-font, html, body, p, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li a, #form_654acd6571c5c .af-fields .af-field input, #form_654acd6571c5c .af-fields .af-field textarea, .button, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, .af-form .af-submit button[type=submit], .projects-container .projects-grid .project-card .card-content .card-button, .breadcrumbs, .stat-grid .stat .stat-name, .heading-button .heading-button-button a.button, .heading-button .heading-button-button header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .heading-button .heading-button-button a, .heading-button .heading-button-button header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .heading-button .heading-button-button a, .heading-button .heading-button-button .af-form .af-submit a[type=submit], .af-form .af-submit .heading-button .heading-button-button a[type=submit], .heading-button .heading-button-button .projects-container .projects-grid .project-card .card-content a.card-button, .projects-container .projects-grid .project-card .card-content .heading-button .heading-button-button a.card-button, .list-container ul li, .icon-list .icon-list-grid .icon-list-item .icon-list-item-content .icon-desc, blockquote cite, .projects-container .projects-grid .project-card .card-content .card-button, .our-team .team-member-card .team-member-title, .template--step_list .inner__section--content __description.list, .template--step_list .inner__section__component--step __description.step, .template--tag-cloud .inner__section--content __description.cloud, .testimonial-banner .testimonial-slider .slide-card cite, .blog-grid-container .blog-grid .blog-card .card-content .post-category, main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a.button, main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a, main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a, main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button .af-form .af-submit a[type=submit], .af-form .af-submit main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a[type=submit], main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button .projects-container .projects-grid .project-card .card-content a.card-button, .projects-container .projects-grid .project-card .card-content main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a.card-button {
  font-family: "DM Sans", sans-serif; }

.heading-font, .mobile-main-menu .menu-main-menu-container #menu-main-menu-1 li a, .mobile-main-menu .social-group .social-follow, footer .footer-upper .locations-grid .location-item h5 {
  color: black;
  font-weight: 700;
  line-height: 1.2em; }

.p-col, header.main .notice-bar .inner-content, footer .footer-upper, footer .footer-lower, .heading-button, .single-pagination, .blog-title-container, .blog-grid-container .blog-grid, main > .grid.our-team-container article .grid-block .our-team-header {
  width: 1300px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

.middle-align {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.mobile-show {
  display: none; }
  @media screen and (min-width: 1020px) {
  .mobile-show {
    display: none !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
  .mobile-show {
    display: none !important; } }
  @media screen and (max-width: 760px) {
  .mobile-show {
    display: unset !important; } }

@media screen and (min-width: 1020px) {
    .desktop-hide {
      display: none !important; } }

@media screen and (max-width: 1020px) and (min-width: 760px) {
    .tablet-hide {
      display: none !important; } }

@media screen and (max-width: 760px) {
    .mobile-hide, .work-with-us-project-page {
      display: none !important; } }

@media screen and (max-width: 760px) {
    .mobile-reverse > article {
      flex-direction: column-reverse !important; } }
  @media screen and (max-width: 760px) {
  .mobile-reverse > article {
    display: flex !important; } }

.zero {
  padding: 0 !important;
  margin: 0 !important; }

.full-width {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: auto; }

.columns {
  display: flex;
  flex-wrap: wrap; }
  .columns .column {
    flex: 1 1 0; }

.pad {
  padding-left: 20px;
  padding-right: 20px; }

.narrow-column {
  max-width: 80%; }
  @media screen and (max-width: 760px) {
  .narrow-column {
    max-width: 100% !important; } }

.flex {
  display: flex; }
  @media screen and (max-width: 760px) {
  .flex {
    flex-wrap: wrap !important; } }

html, body {
  background: white; }

.site-body {
  padding-top: 85px; }

h1 {
  font-size: 80px;
  line-height: 1.1em; }
  @media screen and (max-width: 760px) {
  h1 {
    font-size: 45px !important; } }

h2 {
  font-size: 48px;
  line-height: 1.1em;
  margin-bottom: 0.5em; }
  @media screen and (max-width: 760px) {
  h2 {
    font-size: 35px !important; } }

h3 {
  font-weight: 300;
  font-size: 32px;
  font-family: "DM Sans", sans-serif;
  margin-bottom: 50px;
  margin-bottom: 0.5em; }

h4 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 0.5em; }
  @media screen and (max-width: 760px) {
  h4 {
    font-size: 20px !important; } }
  h4:first-child {
    margin-top: 0; }

p {
  font-size: 20px;
  line-height: 1.5em; }

ul li {
  font-size: 20px;
  line-height: 1.5em; }

img {
  border-radius: 10px;
  max-width: 100%;
  height: auto; }
  img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }

header.main {
  background: white;
  border-bottom: solid 2px black;
  padding-left: 20px;
  padding-right: 20px;
  position: fixed;
  z-index: 10;
  width: 100%; }
  header.main .notice-bar {
    background-color: #efefef;
    width: 100vw;
    position: relative;
    left: -20px; }
    @media screen and (max-width: 760px) {
  header.main .notice-bar {
    display: none !important; } }
    header.main .notice-bar .inner-content {
      width: 1500px;
      display: flex;
      justify-content: end;
      align-items: stretch;
      min-height: 40px; }
      header.main .notice-bar .inner-content .phone-button {
        display: inline-flex;
        gap: 6px;
        align-items: center;
        justify-content: center;
        padding: 0 50px;
        color: #4a0bff;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700;
        text-decoration: none; }
        header.main .notice-bar .inner-content .phone-button::before {
          content: "";
          display: block;
          width: 14px;
          height: 14px;
          background-image: url("../../images/icon-phone.svg");
          background-size: contain; }
      header.main .notice-bar .inner-content .book-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 50px;
        background-color: #4a0bff;
        color: white;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700;
        text-decoration: none; }
  header.main .header-wrapper {
    width: 1300px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    height: 84px; }
    header.main .header-wrapper .header-inner {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 760px) {
  header.main .header-wrapper .header-inner {
    flex-direction: column !important; } }
      @media screen and (max-width: 760px) {
  header.main .header-wrapper .header-inner {
    align-items: start !important; } }
      header.main .header-wrapper .header-inner .nav-logo .logo-image .logo img {
        width: 320px;
        max-width: 70%;
        border-radius: 0; }
        @media screen and (max-width: 760px) {
        header.main .header-wrapper .header-inner .nav-logo .logo-image .logo img {
          width: 250px !important; } }
        @media screen and (max-width: 760px) {
        header.main .header-wrapper .header-inner .nav-logo .logo-image .logo img {
          max-width: 100% !important; } }
      @media screen and (max-width: 760px) {
    header.main .header-wrapper .header-inner .nav-wrapper {
      width: 100% !important; } }
        header.main .header-wrapper .header-inner .nav-wrapper .menu-link {
          transition: 0.5s;
          width: 56px;
          height: 56px;
          display: block;
          background: url("../../images/mobile-menu-closed.png");
          background-size: contain;
          background-repeat: no-repeat;
          position: absolute;
          right: 0;
          top: -38px;
          outline: none;
          outline-color: transparent;
          color: transparent; }
        @media screen and (min-width: 1020px) {
    header.main .header-wrapper .header-inner .nav-wrapper .menu-link {
      display: none !important; } }
        @media screen and (max-width: 1020px) and (min-width: 760px) {
    header.main .header-wrapper .header-inner .nav-wrapper .menu-link {
      display: none !important; } }
        @media screen and (max-width: 760px) {
    header.main .header-wrapper .header-inner .nav-wrapper .main-menu {
      display: none !important; } }
        header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu {
          display: flex;
          gap: 30px;
          list-style: none;
          margin: 0; }
        header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li {
          position: relative; }
          header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li a {
            text-decoration: none;
            font-weight: 700;
            font-size: 16px;
            color: black; }
          header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a {
            background: var(--primary);
            color: white;
            border-radius: 5px;
            padding: 12px 20px; }
          header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a {
            background: var(--primary);
            color: white;
            border-radius: 5px;
            padding: 12px 20px; }
          header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li .sub-menu {
            display: none;
            position: absolute;
            list-style: none;
            margin: 0;
            z-index: 1;
            width: 200px;
            padding: 32px 0 0 0;
            top: 24px; }
            header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li .sub-menu > li {
              padding: 5px 30px;
              border: solid 2px rgba(0, 0, 0, 0.4);
              border-top: none;
              border-bottom: none;
              background: white; }
              header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li .sub-menu > li:first-child {
                padding-top: 30px; }
              header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li .sub-menu > li:last-child {
                border: solid 2px rgba(0, 0, 0, 0.4);
                border-top: none;
                border-radius: 0 0 10px 10px;
                padding-bottom: 30px; }
          header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.menu-item-has-children::after {
            content: '';
            display: inline-block;
            width: 10px;
            height: 6px;
            background: url("../../images/menu-chevron.svg") !important;
            background-size: contain !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            position: relative;
            bottom: 1px; }
            header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.menu-item-has-children:hover > .sub-menu {
              display: block; }

.mobile-menu-active .menu-link {
  background: url("../../images/mobile-menu-opened.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transform: rotate(180deg); }
  @media screen and (max-width: 760px) {
    .mobile-menu-active .mobile-main-menu {
      display: flex !important; } }

.mobile-main-menu {
  display: none;
  padding: 120px 20px 80px 20px !important;
  flex-direction: column;
  transition: 0.2s;
  position: fixed;
  background: white;
  width: 100%;
  z-index: 5;
  height: 100%;
  padding-top: 85px;
  overflow-y: scroll; }
  .mobile-main-menu .menu-main-menu-container {
    width: 100%; }
    .mobile-main-menu .menu-main-menu-container #menu-main-menu-1 {
      padding-left: 0;
      list-style: none;
      border-bottom: solid 1px black;
      width: 100%; }
      .mobile-main-menu .menu-main-menu-container #menu-main-menu-1 li {
        padding: 0;
        padding: 22px 0 18px 0; }
        .mobile-main-menu .menu-main-menu-container #menu-main-menu-1 li:not(:first-child) {
          border-top: solid 1px rgba(0, 0, 0, 0.2); }
        .mobile-main-menu .menu-main-menu-container #menu-main-menu-1 li a {
          font-size: 45px;
          text-decoration: none; }
        .mobile-main-menu .menu-main-menu-container #menu-main-menu-1 li .sub-menu {
          display: none;
          list-style: none;
          padding: 0;
          margin: 0; }
        .mobile-main-menu .menu-main-menu-container #menu-main-menu-1 li .sub-menu li {
          border: none;
          padding: 12px 0; }
        .mobile-main-menu .menu-main-menu-container #menu-main-menu-1 li .sub-menu li:first-child {
          padding-top: 20px; }
        .mobile-main-menu .menu-main-menu-container #menu-main-menu-1 li .sub-menu li a {
          font-size: 28px;
          font-weight: 500; }
        .mobile-main-menu .menu-main-menu-container #menu-main-menu-1 li.menu-item-has-children {
          position: relative; }
        .mobile-main-menu .menu-main-menu-container #menu-main-menu-1 li.menu-item-has-children::before {
          content: '';
          display: inline-block;
          width: 28px;
          height: 18px;
          background: url("../../images/menu-chevron.svg") !important;
          background-size: contain !important;
          background-position: center !important;
          background-repeat: no-repeat !important;
          position: absolute;
          top: 37px;
          right: 20px; }
        .mobile-main-menu .menu-main-menu-container #menu-main-menu-1 li.menu-item-has-children.active > .sub-menu {
          display: block; }
  .mobile-main-menu .social-group .social-follow {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    margin: 20px 0 20px 0; }
    .mobile-main-menu .social-group ul {
      list-style: none;
      display: flex;
      padding: 0;
      margin: 0;
      gap: 10px; }
      .mobile-main-menu .social-group ul li a svg {
        filter: brightness(0); }

footer {
  background: black;
  color: white;
  width: 100%;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 80px; }
  footer .footer-upper {
    display: flex;
    justify-content: space-between;
    gap: 100px; }
    @media screen and (max-width: 760px) {
  footer .footer-upper {
    gap: 10px !important; } }
    @media screen and (max-width: 760px) {
  footer .footer-upper {
    flex-direction: column !important; } }
    footer .footer-upper .footer-logo img {
      border-radius: 0;
      width: 394px;
      max-width: 60%; }
      @media screen and (max-width: 760px) {
    footer .footer-upper .footer-logo img {
      width: 292px !important; } }
      @media screen and (max-width: 760px) {
    footer .footer-upper .footer-logo img {
      margin-bottom: 40px !important; } }
      @media screen and (max-width: 760px) {
    footer .footer-upper .footer-logo img {
      max-width: 100% !important; } }
    footer .footer-upper .locations-grid {
      display: flex;
      gap: 10px;
      flex-grow: 1; }
      @media screen and (max-width: 760px) {
  footer .footer-upper .locations-grid {
    flex-direction: column !important; } }
      footer .footer-upper .locations-grid .location-item {
        flex-grow: 1;
        max-width: 400px; }
      @media screen and (max-width: 760px) {
    footer .footer-upper .locations-grid .location-item {
      margin-bottom: 30px !important; } }
      footer .footer-upper .locations-grid .location-item h5 {
        font-size: 20px;
        text-transform: uppercase;
        line-height: 1.2em;
        font-weight: 500;
        color: white; }
      @media screen and (max-width: 760px) {
      footer .footer-upper .locations-grid .location-item h5 {
        margin-bottom: 20px !important; } }
      footer .footer-upper .locations-grid .location-item p {
        font-size: 14px; }
      footer .footer-upper .locations-grid .location-item.social-media-container {
        flex-grow: unset; }
      footer .footer-upper .locations-grid .location-item.social-media-container ul {
        list-style: none;
        display: flex;
        padding: 0;
        margin: 0;
        gap: 10px; }
  footer .footer-lower {
    display: flex;
    justify-content: space-between;
    border-top: solid 1px white;
    padding-top: 20px;
    margin-top: 40px; }
    @media screen and (max-width: 760px) {
  footer .footer-lower {
    flex-direction: column-reverse !important; } }
    @media screen and (max-width: 760px) {
  footer .footer-lower {
    padding-top: 60px !important; } }
    @media screen and (max-width: 760px) {
  footer .footer-lower {
    padding-bottom: 40px !important; } }
    footer .footer-lower ul {
      display: flex;
      gap: 30px;
      list-style: none; }
      @media screen and (max-width: 760px) {
  footer .footer-lower ul {
    flex-direction: column !important; } }
      @media screen and (max-width: 760px) {
  footer .footer-lower ul {
    padding-left: 0 !important; } }
      @media screen and (max-width: 760px) {
  footer .footer-lower ul {
    gap: 20px !important; } }
      @media screen and (max-width: 760px) {
  footer .footer-lower ul {
    margin-bottom: 30px !important; } }
      footer .footer-lower ul li a {
        color: white;
        text-decoration: none; }

main > .grid:not(.full-width) {
  padding-left: 20px;
  padding-right: 20px; }
  main > .grid article {
    display: grid;
    gap: 50px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 760px) {
  main > .grid article {
    gap: unset !important; } }
    main > .grid article > .grid-block {
      width: 100%;
      min-width: 0; }

.grid-clear-d-1 > article {
  grid-template-columns: 1fr; }

.grid-clear-d-2 > article {
  grid-template-columns: 1fr 1fr; }
  @media screen and (max-width: 760px) {
  .grid-clear-d-2 > article {
    grid-template-columns: 1fr !important; } }

.grid-clear-d-3 > article {
  grid-template-columns: 1fr 1fr 1fr; }
  @media screen and (max-width: 760px) {
  .grid-clear-d-3 > article {
    grid-template-columns: 1fr !important; } }

.grid-clear-d-4 > article {
  grid-template-columns: 1fr 1fr 1fr 1fr; }
  @media screen and (max-width: 760px) {
  .grid-clear-d-4 > article {
    grid-template-columns: 1fr !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
  .grid-clear-d-4 > article {
    grid-template-columns: 1fr 1fr !important; } }

main > .grid.content-contained > article {
  width: 1300px; }

.grid.narrow article {
  width: 900px; }

.wysiwyg {
  line-height: 1.2em; }
  .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5 {
    margin-bottom: 0.5em; }
  .wysiwyg p .button, .wysiwyg p header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .wysiwyg p a, .wysiwyg p header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .wysiwyg p a, .wysiwyg p .af-form .af-submit button[type=submit], .af-form .af-submit .wysiwyg p button[type=submit], .wysiwyg p .projects-container .projects-grid .project-card .card-content .card-button, .projects-container .projects-grid .project-card .card-content .wysiwyg p .card-button {
    margin-top: 20px;
    display: inline-block; }

.video {
  position: relative;
  overflow: hidden;
  border-radius: 20px; }
  .video video {
    border-radius: 20px; }
  @media screen and (max-width: 760px) {
    .video.square-on-mobile {
      padding-top: 100% !important; } }
    @media screen and (max-width: 760px) {
    .video.square-on-mobile video {
      position: absolute !important; } }
      @media screen and (max-width: 760px) {
  .video.square-on-mobile video {
    bottom: 0px !important; } }
      @media screen and (max-width: 760px) {
  .video.square-on-mobile video {
    object-fit: cover !important; } }
      @media screen and (max-width: 760px) {
  .video.square-on-mobile video {
    min-height: 100% !important; } }
  .video .video-play-button-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover !important;
    background-position: center !important; }
    .video .video-play-button-container img {
      transition: 0.3s;
      width: 207px;
      cursor: pointer; }
      @media screen and (max-width: 760px) {
  .video .video-play-button-container img {
    width: 111px !important; } }
      .video .video-play-button-container img:hover {
        filter: brightness(0) invert(1); }
    .video .video-play-button-container.hide {
      display: none !important; }

.primary-banner {
  background: #4a0bff;
  overflow: hidden;
  color: white;
  padding-top: 100px;
  padding-bottom: 100px; }
  @media screen and (max-width: 760px) {
  .primary-banner {
    padding-top: 50px !important; } }
  @media screen and (max-width: 760px) {
  .primary-banner {
    padding-bottom: 50px !important; } }
  .primary-banner .button, .primary-banner header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .primary-banner a, .primary-banner header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .primary-banner a, .primary-banner .af-form .af-submit button[type=submit], .af-form .af-submit .primary-banner button[type=submit], .primary-banner .projects-container .projects-grid .project-card .card-content .card-button, .projects-container .projects-grid .project-card .card-content .primary-banner .card-button {
    background: white;
    color: #4a0bff; }
    .primary-banner .button:hover, .primary-banner header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .primary-banner a:hover, .primary-banner header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .primary-banner a:hover, .primary-banner .af-form .af-submit button[type=submit]:hover, .af-form .af-submit .primary-banner button[type=submit]:hover, .primary-banner .projects-container .projects-grid .project-card .card-content .card-button:hover, .projects-container .projects-grid .project-card .card-content .primary-banner .card-button:hover {
      background: #4a0bff;
      color: white;
      border-color: white; }

.light-grey-700-banner {
  background-color: rgba(239, 239, 239, 0.7); }

.dark-banner, .work-with-us-project-page {
  background: rgba(0, 0, 0, 0.85);
  overflow: hidden;
  color: white;
  padding-top: 100px;
  padding-bottom: 100px; }
  @media screen and (max-width: 760px) {
  .dark-banner, .work-with-us-project-page {
    padding-top: 50px !important; } }
  @media screen and (max-width: 760px) {
  .dark-banner, .work-with-us-project-page {
    padding-bottom: 50px !important; } }

.banner-image {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  margin: 0 auto;
  border-radius: 10px;
  width: 1300px;
  max-width: 100%;
  height: 736px; }
  @media screen and (max-width: 760px) {
  .banner-image {
    width: unset !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
  .banner-image {
    height: 450px !important; } }
  @media screen and (max-width: 760px) {
  .banner-image {
    height: 214px !important; } }
  @media screen and (max-width: 760px) {
  .banner-image {
    margin-left: 20px !important; } }
  @media screen and (max-width: 760px) {
  .banner-image {
    margin-right: 20px !important; } }

.background-grey {
  background: rgba(239, 239, 239, 0.70); }

.background-black {
  background: #000;
  color: white; }

.background-primary {
  background: #4a0bff;
  color: white; }

.recent-featured-projects {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media screen and (max-width: 760px) {
  .recent-featured-projects {
    padding: 50px 0 !important; } }
  .recent-featured-projects .column:last-child {
    text-align: right;
    padding-top: 30px; }
    @media screen and (max-width: 760px) {
  .recent-featured-projects .column:last-child {
    display: none !important; } }
  .recent-featured-projects .inner-content .featured-projects-header {
    margin-bottom: 50px; }
    .recent-featured-projects .inner-content .featured-projects-header > .column {
      padding-top: 0; }
    .recent-featured-projects .inner-content .featured-projects-header > .column .featured-projects-title {
      margin-bottom: 0; }
    .recent-featured-projects .inner-content .featured-projects-header > .column .button, .recent-featured-projects .inner-content .featured-projects-header > .column header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .recent-featured-projects .inner-content .featured-projects-header > .column a, .recent-featured-projects .inner-content .featured-projects-header > .column header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .recent-featured-projects .inner-content .featured-projects-header > .column a, .recent-featured-projects .inner-content .featured-projects-header > .column .af-form .af-submit button[type=submit], .af-form .af-submit .recent-featured-projects .inner-content .featured-projects-header > .column button[type=submit], .recent-featured-projects .inner-content .featured-projects-header > .column .projects-container .projects-grid .project-card .card-content .card-button, .projects-container .projects-grid .project-card .card-content .recent-featured-projects .inner-content .featured-projects-header > .column .card-button {
      display: inline-block; }
    .recent-featured-projects .inner-content .fp-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 40px;
      max-width: calc(100vw - calc(40px)); }
    @media screen and (max-width: 760px) {
    .recent-featured-projects .inner-content .fp-grid {
      overflow-x: scroll !important; } }
    @media screen and (max-width: 760px) {
    .recent-featured-projects .inner-content .fp-grid {
      gap: 30px !important; } }
    .recent-featured-projects .inner-content .fp-grid .fp-card {
      background: #fff;
      border-radius: 10px;
      overflow: hidden; }
    @media screen and (max-width: 760px) {
      .recent-featured-projects .inner-content .fp-grid .fp-card {
        min-width: 300px !important; } }
    .recent-featured-projects .inner-content .fp-grid .fp-card .image-container {
      transition: 0.5s;
      display: block;
      border-radius: 10px 10px 0 0;
      height: 300px;
      overflow: hidden;
      margin-bottom: 30px;
      position: relative; }
    @media screen and (max-width: 760px) {
        .recent-featured-projects .inner-content .fp-grid .fp-card .image-container {
          height: 256px !important; } }
    .recent-featured-projects .inner-content .fp-grid .fp-card .image-container::after {
      transition: 0.5s;
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      background: url('../../images/play-primary.png') no-repeat;
      background-size: 116px;
      background-position: center; }
    .recent-featured-projects .inner-content .fp-grid .fp-card .image-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 10px 10px 0 0; }
    .recent-featured-projects .inner-content .fp-grid .fp-card .image-container::before {
      transition: 0.5s;
      content: "";
      position: absolute;
      background: rgba(72, 11, 255, 0.3);
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0; }
    .recent-featured-projects .inner-content .fp-grid .fp-card .image-container:hover::before {
      opacity: 1; }
    .recent-featured-projects .inner-content .fp-grid .fp-card .image-container:hover::after {
      background: url('../../images/play-white.png') no-repeat;
      background-size: 116px;
      background-position: center; }
    .recent-featured-projects .inner-content .fp-grid .fp-card .content-container {
      padding: 20px 40px; }
    .recent-featured-projects .inner-content .fp-grid .fp-card .content-container h4 {
      margin: 0 0 20px 0;
      line-height: 1.4em;
      font-weight: 700;
      font-size: 29px; }
    .recent-featured-projects .inner-content .fp-grid .fp-card .content-container .excerpt {
      margin-bottom: 30px;
      font-size: 18px; }
    .recent-featured-projects .inner-content .fp-grid .fp-card .content-container .button, .recent-featured-projects .inner-content .fp-grid .fp-card .content-container header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .recent-featured-projects .inner-content .fp-grid .fp-card .content-container a, .recent-featured-projects .inner-content .fp-grid .fp-card .content-container header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .recent-featured-projects .inner-content .fp-grid .fp-card .content-container a, .recent-featured-projects .inner-content .fp-grid .fp-card .content-container .af-form .af-submit button[type=submit], .af-form .af-submit .recent-featured-projects .inner-content .fp-grid .fp-card .content-container button[type=submit], .recent-featured-projects .inner-content .fp-grid .fp-card .content-container .projects-container .projects-grid .project-card .card-content .card-button, .projects-container .projects-grid .project-card .card-content .recent-featured-projects .inner-content .fp-grid .fp-card .content-container .card-button {
      display: inline-block;
      margin-bottom: 30px; }
  .recent-featured-projects .fp-button {
    margin-top: 50px; }
  .recent-featured-projects.white-background .inner-content .fp-grid .fp-card {
    background: none; }

.af-form .af-fields .af-field {
  border-top: none;
  padding: 0; }
  .af-form .af-fields .af-field .af-label label {
    font-size: 14px; }
  .af-form .af-fields .af-field .af-label label .acf-required {
    color: #93b3db; }
  .af-form .af-fields .af-field .af-input input[type=text], .af-form .af-fields .af-field .af-input input[type=email] {
    border-radius: 5px;
    border: none;
    outline: none;
    padding: 10px; }
  .af-form .af-submit {
    margin-top: 40px; }
  #form_6542e6d737cfd .af-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; }
  #form_6542e6d737cfd .af-fields .af-field {
    flex: 1 1 0;
    flex-basis: 40%; }
  @media screen and (max-width: 760px) {
      #form_6542e6d737cfd .af-fields .af-field {
        flex-basis: 100% !important; } }
  #form_6542e6d737cfd .af-submit {
    text-align: center;
    flex-basis: 100%; }
  @media screen and (max-width: 760px) {
    #form_6542e6d737cfd .af-submit {
      margin-top: 20px !important; } }
  #form_6542e6d737cfd .af-submit button {
    background: white;
    color: #4a0bff; }
  #form_6542e6d737cfd .af-submit button:hover {
    background: #4a0bff;
    color: white;
    border-color: white; }

#form_654acd6571c5c .af-fields .af-field .af-label {
  display: none; }
  #form_654acd6571c5c .af-fields .af-field input, #form_654acd6571c5c .af-fields .af-field textarea {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 0;
    outline: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    font-size: 20px;
    font-weight: 400; }
  @media screen and (max-width: 760px) {
        #form_654acd6571c5c .af-fields .af-field input, #form_654acd6571c5c .af-fields .af-field textarea {
          padding-top: 25px !important; } }
  @media screen and (max-width: 760px) {
        #form_654acd6571c5c .af-fields .af-field input, #form_654acd6571c5c .af-fields .af-field textarea {
          max-height: 160px !important; } }
  #form_654acd6571c5c .af-submit {
    padding: 0; }

.button, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, .af-form .af-submit button[type=submit], .projects-container .projects-grid .project-card .card-content .card-button {
  transition: 0.3s;
  background: var(--primary);
  color: white;
  border-radius: 5px;
  padding: 12px 20px;
  text-decoration: none;
  font-weight: 700;
  border: 2px solid var(--primary);
  cursor: pointer; }
  .button:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a:hover, .af-form .af-submit button[type=submit]:hover, .projects-container .projects-grid .project-card .card-content .card-button:hover {
    text-decoration: none;
    color: var(--primary);
    background: white; }
  .button.outline, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a.outline, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a.outline, .af-form .af-submit button[type=submit].outline, .projects-container .projects-grid .project-card .card-content .card-button.outline {
    background: transparent;
    color: var(--primary);
    border: 2px solid var(--primary); }
  .button.outline:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a.outline:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a.outline:hover, .af-form .af-submit button[type=submit].outline:hover, .projects-container .projects-grid .project-card .card-content .card-button.outline:hover {
    background: var(--primary);
    color: white; }
  .button.white, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a.white, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a.white, .af-form .af-submit button[type=submit].white, .projects-container .projects-grid .project-card .card-content .card-button.white {
    background: white;
    color: var(--primary);
    border: 2px solid white; }
  .button.white:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a.white:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a.white:hover, .af-form .af-submit button[type=submit].white:hover, .projects-container .projects-grid .project-card .card-content .card-button.white:hover {
    background: var(--primary);
    color: white; }

.breadcrumbs {
  text-align: center;
  font-size: 16px;
  font-weight: 900; }
  .breadcrumbs p {
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.1em; }

.image-content-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 70px; }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
  .image-content-container {
    flex-wrap: wrap !important; } }
  @media screen and (max-width: 760px) {
  .image-content-container {
    flex-wrap: wrap !important; } }
  .image-content-container .image-content-column {
    flex-basis: 50%; }
  @media screen and (max-width: 760px) {
    .image-content-container .image-content-column {
      flex-basis: 100% !important; } }
  .image-content-container .image-content-column.image-banner {
    background-position: center !important;
    background-size: cover !important;
    min-height: 380px; }
  @media screen and (max-width: 760px) {
      .image-content-container .image-content-column.image-banner {
        order: -1 !important; } }
  @media screen and (max-width: 760px) {
      .image-content-container .image-content-column.image-banner {
        min-height: 380px !important; } }
  .image-content-container .image-content-column.image-banner.left-column {
    border-radius: 0 20px 20px 0; }
  @media screen and (max-width: 760px) {
        .image-content-container .image-content-column.image-banner.left-column {
          margin-right: 30px !important; } }
  .image-content-container .image-content-column.image-banner.right-column {
    border-radius: 20px 0 0 20px; }
  @media screen and (max-width: 760px) {
        .image-content-container .image-content-column.image-banner.right-column {
          margin-left: 30px !important; } }
  .image-content-container .image-content-column.image-column {
    display: flex;
    align-items: center; }
  @media screen and (min-width: 1020px) {
      .image-content-container .image-content-column.content-column {
        padding: 130px 0 !important; } }
  .image-content-container .image-content-column.content-column .content-container {
    max-width: 600px; }
  @media screen and (min-width: 1020px) {
        .image-content-container .image-content-column.content-column .content-container {
          margin-left: 30px !important; } }
  @media screen and (min-width: 1020px) {
        .image-content-container .image-content-column.content-column .content-container {
          margin-right: 30px !important; } }
  .image-content-container .image-content-column.content-column.left-column {
    display: flex;
    justify-content: end; }

.full-width .image-content-container .image-content-column.content-column .content-container {
  margin-left: 30px;
  margin-right: 30px; }

.video-content-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 70px; }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
  .video-content-container {
    flex-wrap: wrap !important; } }
  @media screen and (max-width: 760px) {
  .video-content-container {
    flex-wrap: wrap !important; } }
  .video-content-container .video-content-column {
    flex-basis: 50%; }
  @media screen and (max-width: 760px) {
    .video-content-container .video-content-column {
      flex-basis: 100% !important; } }
  .video-content-container .video-content-column video {
    pointer-events: none;
    overflow: hidden;
    border-radius: 20px;
    object-fit: contain; }
  .video-content-container .video-content-column.video-banner {
    background-position: center !important;
    background-size: cover !important;
    min-height: 380px; }
  @media screen and (max-width: 760px) {
      .video-content-container .video-content-column.video-banner {
        order: -1 !important; } }
  @media screen and (max-width: 760px) {
      .video-content-container .video-content-column.video-banner {
        min-height: 380px !important; } }
  .video-content-container .video-content-column.video-banner.left-column {
    overflow: hidden;
    border-radius: 0 20px 20px 0; }
  @media screen and (max-width: 760px) {
        .video-content-container .video-content-column.video-banner.left-column {
          margin-right: 30px !important; } }
  .video-content-container .video-content-column.video-banner.right-column {
    overflow: hidden;
    border-radius: 20px 0 0 20px; }
  @media screen and (max-width: 760px) {
        .video-content-container .video-content-column.video-banner.right-column {
          margin-left: 30px !important; } }
  .video-content-container .video-content-column.video-banner video {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 0; }
  .video-content-container .video-content-column.video-column {
    display: flex;
    align-items: center; }
  @media screen and (min-width: 1020px) {
      .video-content-container .video-content-column.content-column {
        padding: 130px 0 !important; } }
  .video-content-container .video-content-column.content-column .content-container {
    max-width: 600px;
    margin-right: 30px;
    margin-left: 30px; }
  .video-content-container .video-content-column.content-column.left-column {
    display: flex;
    justify-content: end; }

.accordion .accordion-item {
  border-top: solid 1px black; }
  .accordion .accordion-item:last-child {
    border-bottom: solid 1px black; }
  .accordion .accordion-item .expander {
    cursor: pointer;
    font-size: 28px;
    padding: 25px 40px 20px 0;
    position: relative;
    line-height: 1em; }
  .accordion .accordion-item .expander::after {
    transition: 0.3s;
    content: "";
    height: 31px;
    width: 31px;
    background: url("../../images/icon-plus.svg") center/contain no-repeat;
    position: absolute;
    right: 0;
    top: 16px; }
  .accordion .accordion-item .expander-target {
    padding-bottom: 20px; }
  .accordion .accordion-item.active .expander::after {
    background: url("../../images/icon-minus.svg") center/contain no-repeat; }

.background-black .accordion .accordion-item {
  border-color: white; }

hr {
  background: black;
  height: 1px;
  border: none; }

.stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px 100px;
  margin: 0 0 0 40px; }
  @media screen and (max-width: 760px) {
  .stat-grid {
    gap: 40px !important; } }
  @media screen and (max-width: 760px) {
  .stat-grid {
    margin: 0 !important; } }
  .stat-grid .stat .stat-value {
    font-size: 60px;
    font-weight: 500;
    line-height: 1.1em; }
  @media screen and (max-width: 760px) {
      .stat-grid .stat .stat-value {
        font-size: 40px !important; } }
  .stat-grid .stat .stat-name {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.1em; }
  @media screen and (max-width: 760px) {
      .stat-grid .stat .stat-name {
        font-size: 16px !important; } }

@media screen and (max-width: 760px) {
      .center-stats.grid-clear-d-4 > article {
        gap: 40px !important; } }
  @media screen and (max-width: 760px) {
    .center-stats.grid-clear-d-4 > article {
      grid-template-columns: 1fr 1fr !important; } }
  .center-stats.grid-clear-d-4 > article .stat-grid {
    text-align: left; }
  .center-stats .stat-grid {
    grid-template-columns: 1fr;
    text-align: center; }

.gallery-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px; }
  .gallery-wrapper .gallery-item {
    min-width: 100px;
    max-width: 200px;
    text-align: center; }
  .gallery-wrapper .gallery-item img {
    display: inline;
    max-width: 100%;
    max-height: 110px;
    max-width: 170px;
    height: auto;
    width: auto; }
  @media screen and (max-width: 760px) {
      .gallery-wrapper .gallery-item img {
        max-height: 60px !important; } }

.gallery-logos .gallery-wrapper {
  margin-bottom: 100px;
  gap: 20px; }
  @media screen and (max-width: 760px) {
    .gallery-logos .gallery-wrapper {
      margin-bottom: 70px !important; } }
  @media screen and (max-width: 760px) {
    .gallery-logos .gallery-wrapper {
      justify-content: center !important; } }
  @media screen and (max-width: 760px) {
    .gallery-logos .gallery-wrapper {
      gap: 0 !important; } }
  @media screen and (max-width: 760px) {
      .gallery-logos .gallery-wrapper .gallery-item {
        min-width: 80px !important; } }
  .gallery-logos .gallery-wrapper .gallery-item img {
    max-width: 200px;
    height: auto;
    width: auto; }
  @media screen and (max-width: 760px) {
      .gallery-logos.two-thirds .gallery-wrapper {
        margin-bottom: 50px !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
      .gallery-logos.two-thirds .gallery-wrapper {
        margin-bottom: 70px !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
      .gallery-logos.two-thirds .gallery-wrapper {
        position: relative !important; } }
  @media screen and (min-width: 1020px) {
      .gallery-logos.two-thirds .gallery-wrapper {
        position: relative !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
      .gallery-logos.two-thirds .gallery-wrapper {
        display: flex !important; } }
  @media screen and (min-width: 1020px) {
      .gallery-logos.two-thirds .gallery-wrapper {
        display: flex !important; } }
  @media screen and (min-width: 1020px) {
      .gallery-logos.two-thirds .gallery-wrapper {
        flex-wrap: nowrap !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
      .gallery-logos.two-thirds .gallery-wrapper {
        justify-content: space-around !important; } }
  @media screen and (min-width: 1020px) {
      .gallery-logos.two-thirds .gallery-wrapper {
        justify-content: space-between !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
      .gallery-logos.two-thirds .gallery-wrapper {
        width: 103.5% !important; } }
  @media screen and (min-width: 1020px) {
      .gallery-logos.two-thirds .gallery-wrapper {
        width: 105% !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
      .gallery-logos.two-thirds .gallery-wrapper {
        margin-left: -3.5% !important; } }
  @media screen and (min-width: 1020px) {
      .gallery-logos.two-thirds .gallery-wrapper {
        margin-left: -2.5% !important; } }
  .gallery-logos.two-thirds .gallery-wrapper .gallery-item {
    width: fit-content;
    position: static; }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
        .gallery-logos.two-thirds .gallery-wrapper .gallery-item {
          max-width: 21% !important; } }
  @media screen and (min-width: 1020px) {
        .gallery-logos.two-thirds .gallery-wrapper .gallery-item {
          max-width: 21% !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
          .gallery-logos.two-thirds .gallery-wrapper .gallery-item img {
            width: fit-content !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
          .gallery-logos.two-thirds .gallery-wrapper .gallery-item img {
            max-width: 100% !important; } }
  @media screen and (min-width: 1020px) {
          .gallery-logos.two-thirds .gallery-wrapper .gallery-item img {
            max-width: 100% !important; } }

.brands-grid.gallery-wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin: 100px 0 150px 0;
  gap: 44px 64px; }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
  .brands-grid.gallery-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr !important; } }
  @media screen and (max-width: 760px) {
  .brands-grid.gallery-wrapper {
    grid-template-columns: 1fr 1fr 1fr !important; } }
  @media screen and (max-width: 760px) {
  .brands-grid.gallery-wrapper {
    margin: 50px 0 75px 0 !important; } }
  @media screen and (max-width: 760px) {
  .brands-grid.gallery-wrapper {
    gap: 20px !important; } }
  @media screen and (max-width: 760px) {
    .brands-grid.gallery-wrapper .gallery-item {
      min-width: unset !important; } }
  .brands-grid.gallery-wrapper .gallery-item img {
    max-width: 160px; }
  @media screen and (max-width: 760px) {
      .brands-grid.gallery-wrapper .gallery-item img {
        max-width: 100% !important; } }

.heading-button {
  width: 100%;
  padding: 100px 0 30px 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 760px) {
  .heading-button {
    padding: 0 0 50px 0 !important; } }
  .heading-button .heading-button-title {
    font-size: 50px;
    font-weight: 600;
    line-height: 1.2em; }
  @media screen and (max-width: 760px) {
    .heading-button .heading-button-title {
      font-size: 35px !important; } }
  @media screen and (max-width: 760px) {
    .heading-button .heading-button-button {
      display: none !important; } }
  .heading-button .heading-button-button a.button, .heading-button .heading-button-button header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .heading-button .heading-button-button a, .heading-button .heading-button-button header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .heading-button .heading-button-button a, .heading-button .heading-button-button .af-form .af-submit a[type=submit], .af-form .af-submit .heading-button .heading-button-button a[type=submit], .heading-button .heading-button-button .projects-container .projects-grid .project-card .card-content a.card-button, .projects-container .projects-grid .project-card .card-content .heading-button .heading-button-button a.card-button {
    font-size: 16px;
    font-weight: 700; }

.services-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 50px; }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
  .services-grid {
    grid-template-columns: 1fr 1fr !important; } }
  @media screen and (max-width: 760px) {
  .services-grid {
    grid-template-columns: 1fr !important; } }
  @media screen and (max-width: 760px) {
  .services-grid {
    gap: 25px !important; } }

.list-container .list-heading {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
  position: relative; }
  .list-container .list-heading::after {
    content: "";
    width: 32px;
    height: 32px;
    display: none;
    background: url("../../images/expand-button.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: -8px;
    transition: 0.5s; }
  @media screen and (max-width: 760px) {
      .list-container .list-heading::after {
        display: block !important; } }
  .list-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: 0.5s; }
  @media screen and (max-width: 760px) {
    .list-container ul {
      height: 0 !important; } }
  @media screen and (max-width: 760px) {
    .list-container ul {
      opacity: 0 !important; } }
  .list-container ul li {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: start; }
  .list-container.ticks-list {
    background: rgba(0, 0, 0, 0.05);
    padding: 50px 30px 20px 30px;
    border-radius: 10px; }
  .list-container.ticks-list ul li {
    padding: 20px 0; }
  .list-container.ticks-list ul li:not(:last-child) {
    border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
  .list-container.ticks-list ul li::before {
    content: "";
    background: url("../../images/tick-blue.svg");
    width: 19px;
    height: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 20px;
    position: relative;
    top: 5px; }
  .list-container.tick-dots-list ul li {
    padding: 10px 0;
    gap: 10px;
    font-size: 22px;
    font-weight: 500; }
  .list-container.tick-dots-list ul li::before {
    content: "";
    background: url("../../images/dot-tick.svg");
    width: 32px;
    height: 32px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 20px;
    position: relative;
    top: -5px; }
  .list-container.dots-list ul li {
    padding: 10px 0;
    gap: 15px;
    font-size: 28px;
    font-weight: 500; }
  .list-container.dots-list ul li::before {
    content: "";
    background-color: #4a0bff;
    width: 8px;
    height: 8px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: 8px;
    border-radius: 20px; }
  .list-container.active .list-heading::after {
    background: url("../../images/shrink-button.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg); }
  @media screen and (max-width: 760px) {
      .list-container.active ul {
        height: 100% !important; } }
  @media screen and (max-width: 760px) {
      .list-container.active ul {
        opacity: 1 !important; } }

.match-height-list > article > .grid-block {
  display: flex;
  flex-direction: column; }
  .match-height-list > article > .grid-block .list-container {
    flex-grow: 1; }

.spacer-container .spacer {
  display: none; }
  @media screen and (min-width: 1020px) {
      .spacer-container .spacer.desktop-spacer {
        display: block !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
      .spacer-container .spacer.tablet-spacer {
        display: block !important; } }
  @media screen and (max-width: 760px) {
      .spacer-container .spacer.mobile-spacer {
        display: block !important; } }

@media screen and (max-width: 760px) {
        .icon-list .title h3 {
          margin-bottom: 50px !important; } }
  .icon-list .icon-list-grid {
    display: flex;
    flex-direction: column;
    gap: 20px; }
  .icon-list .icon-list-grid .icon-list-item {
    display: flex;
    align-items: center;
    gap: 50px; }
  @media screen and (max-width: 760px) {
      .icon-list .icon-list-grid .icon-list-item {
        align-items: start !important; } }
  @media screen and (max-width: 760px) {
      .icon-list .icon-list-grid .icon-list-item {
        gap: 10px !important; } }
  .icon-list .icon-list-grid .icon-list-item .icon-list-image {
    width: 50px; }
  @media screen and (max-width: 760px) {
        .icon-list .icon-list-grid .icon-list-item .icon-list-image {
          width: 25px !important; } }
  @media screen and (max-width: 760px) {
        .icon-list .icon-list-grid .icon-list-item .icon-list-image {
          position: relative !important; } }
  @media screen and (max-width: 760px) {
        .icon-list .icon-list-grid .icon-list-item .icon-list-image {
          top: -3px !important; } }
  .icon-list .icon-list-grid .icon-list-item .icon-list-image img {
    width: 50px; }
  @media screen and (max-width: 760px) {
          .icon-list .icon-list-grid .icon-list-item .icon-list-image img {
            width: 25px !important; } }
  .icon-list .icon-list-grid .icon-list-item .icon-list-item-content .icon-title {
    font-size: 20px;
    font-weight: 600; }
  @media screen and (max-width: 760px) {
          .icon-list .icon-list-grid .icon-list-item .icon-list-item-content .icon-title {
            font-size: 18px !important; } }
  .icon-list .icon-list-grid .icon-list-item .icon-list-item-content .icon-desc {
    font-size: 20px;
    font-weight: 500; }
  @media screen and (max-width: 760px) {
          .icon-list .icon-list-grid .icon-list-item .icon-list-item-content .icon-desc {
            font-size: 18px !important; } }
  .icon-list .icon-list-grid .icon-list-item .icon-list-item-content .icon-desc a {
    color: black;
    text-decoration: none; }
  .icon-list .icon-list-grid .icon-list-item .icon-list-item-content .icon-desc a:hover {
    text-decoration: underline; }

blockquote {
  margin: 0;
  padding: 0 100px; }
  @media screen and (max-width: 760px) {
  blockquote {
    padding: 0 !important; } }
  blockquote .info p {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2em;
    text-align: center; }
  @media screen and (max-width: 760px) {
      blockquote .info p {
        font-size: 22px !important; } }
  blockquote .info p:before {
    content: open-quote; }
  blockquote .info p:after {
    content: close-quote; }
  blockquote cite {
    margin-top: 30px;
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    font-style: normal; }
  @media screen and (max-width: 760px) {
    blockquote cite {
      font-size: 12px !important; } }

.projects-container .projects-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px 40px; }
  @media screen and (max-width: 760px) {
    .projects-container .projects-grid {
      grid-template-columns: 1fr !important; } }
  .projects-container .projects-grid .project-card {
    text-decoration: none;
    color: black; }
  .projects-container .projects-grid .project-card .card-image {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px; }
  .projects-container .projects-grid .project-card .card-image img {
    border-radius: 10px;
    display: block;
    max-height: 435px;
    max-width: 100%; }
  @media screen and (max-width: 760px) {
          .projects-container .projects-grid .project-card .card-image img {
            max-height: unset !important; } }
  @media screen and (max-width: 760px) {
          .projects-container .projects-grid .project-card .card-image img {
            min-height: 100% !important; } }
  @media screen and (max-width: 760px) {
          .projects-container .projects-grid .project-card .card-image img {
            width: auto !important; } }
  @media screen and (max-width: 760px) {
          .projects-container .projects-grid .project-card .card-image img {
            height: auto !important; } }
  @media screen and (max-width: 760px) {
          .projects-container .projects-grid .project-card .card-image img {
            min-width: 100% !important; } }
  .projects-container .projects-grid .project-card .card-image::before {
    transition: 0.5s;
    content: "";
    position: absolute;
    background: rgba(72, 11, 255, 0.3);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0; }
  .projects-container .projects-grid .project-card .card-image:hover::before {
    opacity: 1; }
  .projects-container .projects-grid .project-card .card-content {
    position: relative; }
  .projects-container .projects-grid .project-card .card-content h4 {
    font-size: 24px;
    margin-top: 45px; }
  .projects-container .projects-grid .project-card .card-content span {
    display: block;
    margin: 30px 0;
    font-size: 20px; }
  .projects-container .projects-grid .project-card .card-content .card-button {
    background: white;
    display: inline-block;
    color: black;
    font-size: 16px;
    font-weight: 700;
    border-color: black; }
  .projects-container .projects-grid .project-card .card-content .card-button:hover {
    color: white;
    background: var(--primary);
    border-color: var(--primary); }

.our-team .team-member-card {
  max-width: 408px;
  margin: 20px; }
  .our-team .team-member-card .team-member-photo {
    border-radius: 10px;
    padding-top: 147%;
    width: 408px;
    max-width: 100%;
    background-size: cover !important;
    background-position: center !important; }
  .our-team .team-member-card .team-member-photo img {
    max-width: 100%; }
  .our-team .team-member-card .team-member-name {
    margin: 30px 0 10px 0;
    font-weight: 600;
    font-size: 24px; }
  .our-team .team-member-card .team-member-title {
    font-weight: 300;
    font-size: 20px; }
  .our-team .slick-arrow {
    height: 100%;
    z-index: 200;
    width: calc(50% - calc(555px));
    opacity: 0; }
  .our-team .slick-arrow.slick-prev {
    left: 0; }
  .our-team .slick-arrow.slick-next {
    right: 0; }
  .our-team.static-team {
    display: flex;
    flex-direction: row;
    justify-content: center; }

@media screen and (max-width: 760px) {
    .black-box {
      background: black !important; } }
  @media screen and (max-width: 760px) {
  .black-box {
    padding-top: 20px !important; } }
  @media screen and (max-width: 760px) {
  .black-box {
    padding-bottom: 20px !important; } }
  .black-box article {
    background: black; }
  .black-box article .wysiwyg * {
    color: white; }
  .black-box article video, .black-box article .video {
    border-radius: 0px; }
  .black-box-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  @media screen and (max-width: 760px) {
    .black-box-content {
      padding: 20px 0 0 0 !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
    .black-box-content {
      padding: 50px 50px 50px 0 !important; } }
  @media screen and (min-width: 1020px) {
    .black-box-content {
      padding: 0 80px 0 30px !important; } }
  .black-box-content .breadcrumbs {
    text-align: left; }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
    .black-box-media {
      display: flex !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
    .black-box-media {
      align-items: center !important; } }

.background--blue--100 {
  background: #f7f9fc; }

.template--step_list {
  display: flex;
  flex-direction: row;
  gap: 60px; }
  @media screen and (max-width: 760px) {
  .template--step_list {
    flex-direction: column !important; } }
  @media screen and (max-width: 760px) {
  .template--step_list {
    gap: 30px !important; } }
  @media screen and (min-width: 1020px) {
      .template--step_list .inner__section--content {
        width: 34% !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
      .template--step_list .inner__section--content {
        width: 34% !important; } }
  @media screen and (max-width: 760px) {
      .template--step_list .inner__section--content {
        width: 100% !important; } }
  .template--step_list .inner__section--steps {
    display: flex;
    flex-direction: column; }
  @media screen and (min-width: 1020px) {
      .template--step_list .inner__section--steps {
        width: 82% !important; } }
  @media screen and (max-width: 1020px) and (min-width: 760px) {
      .template--step_list .inner__section--steps {
        width: 82% !important; } }
  @media screen and (max-width: 760px) {
      .template--step_list .inner__section--steps {
        width: 100% !important; } }
  .template--step_list .inner__section--button {
    padding: 50px 0px 0px 50px; }
  .template--step_list .inner__section__component--step {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 20px; }
  .template--step_list .inner__section__component--step .step__content {
    transition: 0.5s;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 10px 0;
    padding: 20px 30px;
    gap: 5px;
    border-color: #e2e7f0 !important;
    border: 2px solid;
    border-radius: 12px;
    box-shadow: 3px 6px 12px rgba(0, 0, 0, 0.25); }
  .template--step_list .inner__section__component--step .step__content:after {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
    transition: opacity 0.5s ease, clip-path 0.5s ease;
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 2px solid #a7ecca;
    border-radius: 12px;
    box-shadow: 3px 6px 12px transparent; }
  .template--step_list .inner__section__component--step .step__content__title {
    font-weight: 700; }
  .template--step_list .inner__section__component--step .step__node {
    display: flex;
    flex-direction: column; }
  .template--step_list .inner__section__component--step .step__node__line {
    position: relative;
    background: #e2e7f0;
    width: 2px;
    height: calc(calc(100% - calc(32px)) / 2);
    margin: 0 auto; }
  .template--step_list .inner__section__component--step .step__node__line:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 0%;
    background-color: #a7ecca; }
  .template--step_list .inner__section__component--step .step__node__index {
    z-index: 3;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background: #e2e7f0; }
  .template--step_list .inner__section__component--step .step__node__index__number {
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    color: white; }
  .template--step_list .inner__section__component--step .step__node__index__insert {
    z-index: 2;
    transition: height 0.5s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background-color: #a7ecca; }
  .template--step_list .inner__section__component--step .progress-line {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background-color: #a7ecca; }
  .template--step_list .inner__section__component--step:first-child .step__node__line.before {
    opacity: 0; }
    .template--step_list .inner__section__component--step:first-child .step__node__line.before:after {
      opacity: 0; }
  .template--step_list .inner__section__component--step:last-child .step__node__line.after {
    opacity: 0; }
    .template--step_list .inner__section__component--step:last-child .step__node__line.after:after {
      opacity: 0; }
  .template--step_list .inner__section__component--step.active .step__node__index__insert {
    height: 100%; }
  .template--step_list .inner__section__component--step.active .step__content {
    border-color: transparent !important; }
  .template--step_list .inner__section__component--step.active .step__content:after {
    opacity: 1;
    clip-path: inset(0 0 0 0); }

.template--tag-cloud {
  display: flex;
  flex-direction: column;
  gap: 60px; }
  @media screen and (max-width: 760px) {
  .template--tag-cloud {
    gap: 40px !important; } }
  .template--tag-cloud .inner__section--content {
    display: inline-block;
    width: fit-content;
    max-width: 69%; }
  @media screen and (max-width: 760px) {
      .template--tag-cloud .inner__section--content {
        max-width: 100% !important; } }
  .template--tag-cloud .inner__section--content .cloud__title {
    width: fit-content; }
  .template--tag-cloud .inner__section--content .cloud__description {
    word-wrap: break-word;
    white-space: normal;
    max-width: 100%; }
  .template--tag-cloud .inner__section--tags {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 28px; }
  @media screen and (max-width: 760px) {
      .template--tag-cloud .inner__section--tags {
        gap: 10px 20px !important; } }
  .template--tag-cloud .inner__section--buttons {
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin: 14px 0px; }
  @media screen and (max-width: 760px) {
      .template--tag-cloud .inner__section--buttons {
        flex-direction: column !important; } }
  @media screen and (max-width: 760px) {
      .template--tag-cloud .inner__section--buttons {
        gap: 40px !important; } }
  .template--tag-cloud .inner__section--buttons .button.secondary, .template--tag-cloud .inner__section--buttons header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a.secondary, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .template--tag-cloud .inner__section--buttons a.secondary, .template--tag-cloud .inner__section--buttons header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a.secondary, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .template--tag-cloud .inner__section--buttons a.secondary, .template--tag-cloud .inner__section--buttons .af-form .af-submit button[type=submit].secondary, .af-form .af-submit .template--tag-cloud .inner__section--buttons button[type=submit].secondary, .template--tag-cloud .inner__section--buttons .projects-container .projects-grid .project-card .card-content .card-button.secondary, .projects-container .projects-grid .project-card .card-content .template--tag-cloud .inner__section--buttons .card-button.secondary {
    background: white;
    color: #4a0bff; }
  .template--tag-cloud .inner__section--buttons .button.secondary:hover, .template--tag-cloud .inner__section--buttons header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a.secondary:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .template--tag-cloud .inner__section--buttons a.secondary:hover, .template--tag-cloud .inner__section--buttons header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a.secondary:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .template--tag-cloud .inner__section--buttons a.secondary:hover, .template--tag-cloud .inner__section--buttons .af-form .af-submit button[type=submit].secondary:hover, .af-form .af-submit .template--tag-cloud .inner__section--buttons button[type=submit].secondary:hover, .template--tag-cloud .inner__section--buttons .projects-container .projects-grid .project-card .card-content .card-button.secondary:hover, .projects-container .projects-grid .project-card .card-content .template--tag-cloud .inner__section--buttons .card-button.secondary:hover {
    background: #4a0bff;
    color: white;
    border-color: white; }
  .template--tag-cloud .inner__section__component--tag {
    padding: 8px 12px;
    border-radius: 50px; }
  .template--tag-cloud .inner__section__component--tag.color--grey {
    background: #dee4eb; }
  .template--tag-cloud .inner__section__component--tag.color--lavender {
    background: #cbbefd; }
  .template--tag-cloud .inner__section__component--tag.color--blueberry {
    background: #bcc4fb; }
  .template--tag-cloud .inner__section__component--tag.color--cyan {
    background: #a5e9f2; }
  .template--tag-cloud .inner__section__component--tag.color--teal {
    background: #a7ecca; }
  .template--tag-cloud .inner__section__component--tag.color--creampink {
    background: #ffc7a7; }
  .template--tag-cloud .inner__section__component--tag.color--peach {
    background: #fd9; }
  .template--tag-cloud .inner__section__component--tag.color--washedoutpurple {
    background: #cac6dc; }
  .template--tag-cloud .inner__section__component--tag.color--purple {
    background: #e7bcfb; }
  .template--tag-cloud .inner__section__component--tag.color--blue {
    background: #afd5ff; }
  .template--tag-cloud .inner__section__component--tag.color--seafoam {
    background: #a9ead8; }
  .template--tag-cloud .inner__section__component--tag.color--red {
    background: #fbbcbc; }
  .template--tag-cloud .inner__section__component--tag.color--magenta {
    background: #fbbcf5; }
  .template--tag-cloud .inner__section__component--tag.color--yellow {
    background: #ebfbbc; }

.narrow .template--tag-cloud .inner__section--tags {
  width: 110%; }

.digital-advertising .recent-featured-projects .inner-content .featured-projects-header > .column .featured-projects-title {
  margin-bottom: 0.5em; }

.testimonial-banner {
  overflow: hidden; }
  @media screen and (max-width: 760px) {
  .testimonial-banner {
    padding: 0 !important; } }
  .testimonial-banner > article {
    display: grid; }
  .testimonial-banner.background-purple {
    position: relative;
    z-index: 1;
    color: white; }
  .testimonial-banner.background-purple::before {
    position: absolute;
    background: #4a0bff;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1; }
  .testimonial-banner.background-image {
    position: relative;
    min-height: 425px;
    z-index: 1; }
  .testimonial-banner.background-image .testimonial-background-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: calc(100% + 30px);
    z-index: -1; }
  .testimonial-banner.background-image .testimonial-background-image .image {
    max-height: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover; }
  .testimonial-banner.background-image .testimonial-background-image .image img {
    max-height: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    aspect-ratio: unset;
    border-radius: 0px; }
  .testimonial-banner.background-image .testimonial-background-image .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7); }
  .testimonial-banner.background-image .testimonial-slider {
    margin-bottom: 0px; }
  .testimonial-banner.background-image .slick-dots {
    display: none !important; }
  .testimonial-banner.background-image .testimonial, .testimonial-banner.background-image cite {
    color: white; }
  .testimonial-banner .testimonial-slider {
    margin: 0 auto;
    padding: 100px 0;
    padding-bottom: 0px;
    margin-bottom: 100px;
    max-width: 1300px;
    width: 100%; }
  @media screen and (max-width: 760px) {
    .testimonial-banner .testimonial-slider {
      width: 100vw !important; } }
  .testimonial-banner .testimonial-slider .slide-card {
    padding-bottom: 20px; }
  @media screen and (max-width: 760px) {
      .testimonial-banner .testimonial-slider .slide-card {
        padding: 20px !important; } }
  .testimonial-banner .testimonial-slider .slide-card .testimonial {
    font-weight: 500;
    display: block;
    font-size: 34px;
    line-height: 1.3em;
    text-align: center;
    max-width: 1100px;
    width: 100%;
    margin: auto; }
  @media screen and (max-width: 760px) {
        .testimonial-banner .testimonial-slider .slide-card .testimonial {
          font-size: 28px !important; } }
  .testimonial-banner .testimonial-slider .slide-card cite {
    margin-top: 50px;
    display: block;
    text-align: center;
    font-style: normal;
    font-size: 20px; }
  .testimonial-banner .testimonial-slider .slick-dots {
    display: block;
    list-style: none; }
  .testimonial-banner .testimonial-slider .slick-dots li {
    margin: 0; }
  .testimonial-banner .testimonial-slider .slick-dots li button::before {
    font-size: 15px;
    transition: 0.3s;
    color: white; }
  .testimonial-banner .testimonial-slider .slick-dots li.slick-active button::before {
    color: white;
    opacity: 1; }

.image-slider {
  width: 100vw; }
  .image-slider .image-slide {
    overflow: hidden;
    border-radius: 10px;
    margin: 0 20px;
    height: 620px;
    background-size: cover !important;
    background-position: center !important; }
  @media screen and (max-width: 760px) {
    .image-slider .image-slide {
      height: 230px !important; } }

.four-oh-four-gif {
  width: 770px;
  max-width: 100%; }

.oops-404 {
  color: var(--primary);
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-size: 24px;
  margin-bottom: 20px; }

.single-project .project-header h1 {
  font-size: 65px;
  font-weight: 700;
  margin: 0; }
  @media screen and (max-width: 760px) {
      .single-project .project-header h1 {
        font-size: 45px !important; } }
  .single-project .project-header h2 {
    font-size: 65px;
    font-weight: 500;
    margin: 0; }
  @media screen and (max-width: 760px) {
      .single-project .project-header h2 {
        font-size: 45px !important; } }
  .single-project .project-services {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: solid 1px black; }
  .single-project .project-services h4 {
    margin: 0 0 10px 0; }
  .single-project .project-introduction {
    gap: 100px; }
  @media screen and (max-width: 760px) {
    .single-project .project-introduction {
      gap: 50px !important; } }
  .single-project .project-introduction .project-overview {
    flex-basis: 35%;
    font-weight: 300;
    font-size: 32px;
    line-height: 1.2em; }
  .single-project .project-introduction .project-intro {
    flex-basis: 55%;
    line-height: 1.2em; }

.single-pagination {
  border-top: solid 1px black;
  margin-top: 100px;
  padding-top: 70px;
  padding-bottom: 85px; }
  .single-pagination a {
    color: black;
    text-decoration: none;
    font-size: 24px;
    font-weight: 500; }
  .single-pagination a:hover {
    text-decoration: underline; }
  .single-pagination .prev {
    float: left; }
  .single-pagination .next {
    float: right; }

.blog-title-container {
  padding-left: 20px;
  padding-right: 20px; }
  .blog-title-container h1 {
    font-size: 65px;
    font-weight: 700;
    margin: 70px 0; }

.blog-grid-container {
  padding-left: 20px;
  padding-right: 20px; }
  .blog-grid-container.dark-blog-banner {
    background: black;
    color: white;
    padding-bottom: 100px; }
  .blog-grid-container.dark-blog-banner .blog-grid-header {
    margin: 0 auto;
    width: 1300px;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 100px 0 50px 0; }
  .blog-grid-container.dark-blog-banner .blog-grid-header h2 {
    margin: 0; }
  .blog-grid-container.dark-blog-banner .blog-grid-header .button, .blog-grid-container.dark-blog-banner .blog-grid-header header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .blog-grid-container.dark-blog-banner .blog-grid-header a, .blog-grid-container.dark-blog-banner .blog-grid-header header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .blog-grid-container.dark-blog-banner .blog-grid-header a, .blog-grid-container.dark-blog-banner .blog-grid-header .af-form .af-submit button[type=submit], .af-form .af-submit .blog-grid-container.dark-blog-banner .blog-grid-header button[type=submit], .blog-grid-container.dark-blog-banner .blog-grid-header .projects-container .projects-grid .project-card .card-content .card-button, .projects-container .projects-grid .project-card .card-content .blog-grid-container.dark-blog-banner .blog-grid-header .card-button {
    top: -10px;
    position: relative; }
  .blog-grid-container.dark-blog-banner .blog-grid .blog-card {
    border-color: rgba(255, 255, 255, 0.5); }
  .blog-grid-container.dark-blog-banner .blog-grid .blog-card * {
    color: #fff; }
  .blog-grid-container.dark-blog-banner .blog-grid .blog-card .button, .blog-grid-container.dark-blog-banner .blog-grid .blog-card header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .blog-grid-container.dark-blog-banner .blog-grid .blog-card a, .blog-grid-container.dark-blog-banner .blog-grid .blog-card header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .blog-grid-container.dark-blog-banner .blog-grid .blog-card a, .blog-grid-container.dark-blog-banner .blog-grid .blog-card .af-form .af-submit button[type=submit], .af-form .af-submit .blog-grid-container.dark-blog-banner .blog-grid .blog-card button[type=submit], .blog-grid-container.dark-blog-banner .blog-grid .blog-card .projects-container .projects-grid .project-card .card-content .card-button, .projects-container .projects-grid .project-card .card-content .blog-grid-container.dark-blog-banner .blog-grid .blog-card .card-button {
    border-color: white;
    color: white; }
  .blog-grid-container.dark-blog-banner .blog-grid .blog-card .button:hover, .blog-grid-container.dark-blog-banner .blog-grid .blog-card header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .blog-grid-container.dark-blog-banner .blog-grid .blog-card a:hover, .blog-grid-container.dark-blog-banner .blog-grid .blog-card header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .blog-grid-container.dark-blog-banner .blog-grid .blog-card a:hover, .blog-grid-container.dark-blog-banner .blog-grid .blog-card .af-form .af-submit button[type=submit]:hover, .af-form .af-submit .blog-grid-container.dark-blog-banner .blog-grid .blog-card button[type=submit]:hover, .blog-grid-container.dark-blog-banner .blog-grid .blog-card .projects-container .projects-grid .project-card .card-content .card-button:hover, .projects-container .projects-grid .project-card .card-content .blog-grid-container.dark-blog-banner .blog-grid .blog-card .card-button:hover {
    background: white;
    color: black; }
  .blog-grid-container .blog-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px; }
  @media screen and (max-width: 760px) {
    .blog-grid-container .blog-grid {
      grid-template-columns: 1fr !important; } }
  .blog-grid-container .blog-grid .blog-card {
    color: black;
    text-decoration: none;
    border-radius: 10px;
    position: relative;
    border: 2px solid black; }
  .blog-grid-container .blog-grid .blog-card .post-image-container {
    height: 272px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    left: -2px;
    width: calc(100% + 4px);
    top: -2px; }
  .blog-grid-container .blog-grid .blog-card .post-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1; }
  .blog-grid-container .blog-grid .blog-card .post-image-container::before {
    transition: 0.5s;
    content: "";
    position: absolute;
    background: rgba(72, 11, 255, 0.3);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0; }
  .blog-grid-container .blog-grid .blog-card .post-image-container:hover::before {
    opacity: 1; }
  .blog-grid-container .blog-grid .blog-card .card-content {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 120px; }
  @media screen and (max-width: 760px) {
        .blog-grid-container .blog-grid .blog-card .card-content {
          padding-top: 20px !important; } }
  @media screen and (max-width: 760px) {
        .blog-grid-container .blog-grid .blog-card .card-content {
          padding-bottom: 110px !important; } }
  .blog-grid-container .blog-grid .blog-card .card-content .fade-out {
    background: #fff;
    background: linear-gradient(0deg, #fff 0%, #fff 80%, rgba(255, 255, 255, 0) 100%);
    height: 170px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 33%; }
  @media screen and (max-width: 760px) {
          .blog-grid-container .blog-grid .blog-card .card-content .fade-out {
            display: none !important; } }
  .blog-grid-container .blog-grid .blog-card .card-content .post-category {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.1em;
    margin-bottom: 20px; }
  .blog-grid-container .blog-grid .blog-card .card-content > h4 {
    margin-top: 0;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px; }
  @media screen and (max-width: 760px) {
          .blog-grid-container .blog-grid .blog-card .card-content > h4 {
            margin-bottom: 0 !important; } }
  .blog-grid-container .blog-grid .blog-card .card-content .post-excerpt {
    font-size: 20px;
    line-height: 1.5em; }
  @media screen and (max-width: 760px) {
          .blog-grid-container .blog-grid .blog-card .card-content .post-excerpt {
            display: none !important; } }
  .blog-grid-container .blog-grid .blog-card .card-content .button, .blog-grid-container .blog-grid .blog-card .card-content header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .blog-grid-container .blog-grid .blog-card .card-content a, .blog-grid-container .blog-grid .blog-card .card-content header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .blog-grid-container .blog-grid .blog-card .card-content a, .blog-grid-container .blog-grid .blog-card .card-content .af-form .af-submit button[type=submit], .af-form .af-submit .blog-grid-container .blog-grid .blog-card .card-content button[type=submit], .blog-grid-container .blog-grid .blog-card .card-content .projects-container .projects-grid .project-card .card-content .card-button, .projects-container .projects-grid .project-card .card-content .blog-grid-container .blog-grid .blog-card .card-content .card-button {
    display: inline-block;
    position: absolute;
    bottom: 30px; }
  @media screen and (min-width: 1020px) {
        .blog-grid-container .blog-grid .blog-card.feature-card {
          grid-column-start: 1 !important; } }
  @media screen and (min-width: 1020px) {
        .blog-grid-container .blog-grid .blog-card.feature-card {
          grid-column-end: 4 !important; } }
  @media screen and (min-width: 1020px) {
        .blog-grid-container .blog-grid .blog-card.feature-card {
          display: flex !important; } }
  @media screen and (min-width: 1020px) {
        .blog-grid-container .blog-grid .blog-card.feature-card {
          height: calc(100% - calc(4px)) !important; } }
  @media screen and (min-width: 1020px) {
          .blog-grid-container .blog-grid .blog-card.feature-card .post-image-container {
            flex-basis: 66% !important; } }
  @media screen and (min-width: 1020px) {
          .blog-grid-container .blog-grid .blog-card.feature-card .post-image-container {
            height: calc(100% + calc(4px)) !important; } }
  @media screen and (min-width: 1020px) {
            .blog-grid-container .blog-grid .blog-card.feature-card .post-image-container img {
              min-width: 100% !important; } }
  @media screen and (min-width: 1020px) {
            .blog-grid-container .blog-grid .blog-card.feature-card .post-image-container img {
              min-height: 100% !important; } }
  @media screen and (min-width: 1020px) {
            .blog-grid-container .blog-grid .blog-card.feature-card .post-image-container img {
              height: auto !important; } }
  @media screen and (min-width: 1020px) {
            .blog-grid-container .blog-grid .blog-card.feature-card .post-image-container img {
              width: auto !important; } }
  @media screen and (min-width: 1020px) {
          .blog-grid-container .blog-grid .blog-card.feature-card .card-content {
            padding: 70px 30px 170px 40px !important; } }
  @media screen and (min-width: 1020px) {
          .blog-grid-container .blog-grid .blog-card.feature-card .card-content {
            flex-basis: 33% !important; } }
  @media screen and (min-width: 1020px) {
          .blog-grid-container .blog-grid .blog-card.feature-card .card-content {
            min-height: 500px !important; } }
  @media screen and (min-width: 1020px) {
          .blog-grid-container .blog-grid .blog-card.feature-card .card-content {
            max-height: 500px !important; } }
  @media screen and (min-width: 1020px) {
          .blog-grid-container .blog-grid .blog-card.feature-card .card-content {
            height: 100% !important; } }
  @media screen and (min-width: 1020px) {
            .blog-grid-container .blog-grid .blog-card.feature-card .card-content .button, .blog-grid-container .blog-grid .blog-card.feature-card .card-content header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .blog-grid-container .blog-grid .blog-card.feature-card .card-content a, .blog-grid-container .blog-grid .blog-card.feature-card .card-content header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .blog-grid-container .blog-grid .blog-card.feature-card .card-content a, .blog-grid-container .blog-grid .blog-card.feature-card .card-content .af-form .af-submit button[type=submit], .af-form .af-submit .blog-grid-container .blog-grid .blog-card.feature-card .card-content button[type=submit], .blog-grid-container .blog-grid .blog-card.feature-card .card-content .projects-container .projects-grid .project-card .card-content .card-button, .projects-container .projects-grid .project-card .card-content .blog-grid-container .blog-grid .blog-card.feature-card .card-content .card-button {
              bottom: 70px !important; } }

.post-header-container {
  padding: 0 20px; }
  .post-header-container .post-header {
    width: 1300px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px; }
  @media screen and (max-width: 760px) {
    .post-header-container .post-header {
      display: flex !important; } }
  @media screen and (max-width: 760px) {
    .post-header-container .post-header {
      flex-direction: column !important; } }
  .post-header-container .post-header .share-post-box {
    float: right; }
  .post-header-container .post-header .share-post-box .share-post-title {
    text-align: right; }
  @media screen and (max-width: 760px) {
        .post-header-container .post-header .share-post-box .share-post-title {
          text-align: left !important; } }
  .post-header-container .post-header .share-post-box .share-icons {
    justify-content: end;
    text-align: right; }
  @media screen and (max-width: 760px) {
        .post-header-container .post-header .share-post-box .share-icons {
          justify-content: start !important; } }
  .post-header-container .post-header h2 {
    margin-bottom: 10px;
    max-width: 950px; }
  .post-header-container .post-header .post-sub-line {
    text-transform: uppercase;
    color: black;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600; }

@media screen and (max-width: 760px) {
    .share-post-box {
      order: 3 !important; } }
  @media screen and (max-width: 760px) {
  .share-post-box {
    float: unset !important; } }
  @media screen and (max-width: 760px) {
  .share-post-box {
    margin-top: 50px !important; } }
  .share-post-box .share-post-title {
    opacity: 0.4;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.05em;
    font-size: 20px; }
  @media screen and (max-width: 760px) {
    .share-post-box .share-post-title {
      text-align: left !important; } }
  .share-post-box .share-icons {
    display: flex;
    gap: 15px;
    padding-top: 10px; }
  .share-post-box .share-icons a {
    text-decoration: none;
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 0;
    opacity: 0.5;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    filter: brightness(0); }
  .share-post-box .share-icons a.social-facebook {
    background: url('../../images/icon-facebook.svg'); }
  .share-post-box .share-icons a.social-linkedin {
    background: url('../../images/icon-linkedin.svg'); }
  .share-post-box .share-icons a.social-twitter {
    background: url('../../images/icon-twitter.svg'); }

.post-by {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  margin: 20px 0 0 0;
  color: #666; }
  @media screen and (max-width: 760px) {
  .post-by {
    margin-top: 0 !important; } }
  .post-by img {
    width: 25px;
    height: 25px;
    border-radius: 50px; }

.post-navigation-container {
  padding: 0 20px;
  margin: 100px 0 150px 0; }
  @media screen and (max-width: 760px) {
  .post-navigation-container {
    margin: 50px 0 70px 0 !important; } }
  .post-navigation-container .post-navigation {
    font-size: 0;
    width: 1300px;
    max-width: 100%;
    margin: 0 auto; }
  .post-navigation-container .post-navigation a {
    font-size: 24px;
    text-decoration: none;
    color: black; }
  .post-navigation-container .post-navigation a[rel="next"] {
    float: right; }

.post-content-container {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 1340px;
  display: flex;
  gap: 50px; }
  @media screen and (max-width: 760px) {
  .post-content-container {
    margin-top: 0 !important; } }
  @media screen and (max-width: 760px) {
  .post-content-container {
    display: block !important; } }
  .post-content-container .post-content-column {
    flex-grow: 1; }
  .post-content-container .post-content-column.post-details {
    min-width: 300px;
    flex-basis: 300px; }
  @media screen and (max-width: 760px) {
      .post-content-container .post-content-column.post-details {
        margin-bottom: 70px !important; } }
  .post-content-container .post-content-column.post-details .post-by {
    margin-top: 0; }
  .post-content-container .post-content-column.post-details .share-post-box {
    margin-top: 40px; }

#modal-tinted-background {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  cursor: pointer;
  display: none; }
  #modal-tinted-background.active {
    display: block; }

#sign-up-modal-container {
  transition: 0.5s;
  display: flex;
  z-index: 15;
  position: fixed;
  pointer-events: none;
  bottom: 20px;
  right: -1000px; }
  #sign-up-modal-container.active {
    right: 0px; }
  #sign-up-modal-container .sign-up-modal {
    background: #4a0bff;
    width: 100%;
    max-width: 524px;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    pointer-events: all;
    position: relative;
    flex-grow: 1; }
  @media screen and (max-width: 760px) {
    #sign-up-modal-container .sign-up-modal {
      max-width: 325px !important; } }
  #sign-up-modal-container .sign-up-modal #modal-close {
    width: 37px;
    height: 37px;
    background: url('/carbon/data/themes/carbon_x/dna/images/modal-close-white.svg') center/contain;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px; }
  @media screen and (max-width: 760px) {
      #sign-up-modal-container .sign-up-modal #modal-close {
        width: 26px !important; } }
  @media screen and (max-width: 760px) {
      #sign-up-modal-container .sign-up-modal #modal-close {
        height: 26px !important; } }
  #sign-up-modal-container .sign-up-modal #modal-close:hover {
    transform: scale(1.1); }
  #sign-up-modal-container .sign-up-modal .modal-content {
    flex-grow: 1;
    padding: 40px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 15px; }
  @media screen and (max-width: 760px) {
      #sign-up-modal-container .sign-up-modal .modal-content {
        padding: 50px 30px 30px 30px !important; } }
  #sign-up-modal-container .sign-up-modal .modal-content .modal-title {
    margin: 0;
    color: white;
    font-weight: 700;
    font-size: 48px;
    line-height: 1em; }
  @media screen and (max-width: 760px) {
        #sign-up-modal-container .sign-up-modal .modal-content .modal-title {
          font-size: 32px !important; } }
  #sign-up-modal-container .sign-up-modal .modal-content p {
    margin: 0;
    color: white;
    font-size: 17px; }
  @media screen and (max-width: 760px) {
        #sign-up-modal-container .sign-up-modal .modal-content p {
          font-size: 11px !important; } }
  #sign-up-modal-container .sign-up-modal .modal-content form.af-form {
    width: 100%;
    margin: 0; }
  @media screen and (max-width: 760px) {
        #sign-up-modal-container .sign-up-modal .modal-content form.af-form {
          max-width: 100% !important; } }
  #sign-up-modal-container .sign-up-modal .modal-content form.af-form .af-fields {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    background: white;
    border-radius: 10px; }
  #sign-up-modal-container .sign-up-modal .modal-content form.af-form .af-fields .af-field {
    flex-grow: 1; }
  #sign-up-modal-container .sign-up-modal .modal-content form.af-form .af-fields .af-field .af-label {
    display: none; }
  #sign-up-modal-container .sign-up-modal .modal-content form.af-form .af-fields .af-field input {
    font-size: 20px; }
  @media screen and (max-width: 760px) {
              #sign-up-modal-container .sign-up-modal .modal-content form.af-form .af-fields .af-field input {
                font-size: 13px !important; } }
  #sign-up-modal-container .sign-up-modal .modal-content form.af-form .af-fields .af-field .af-input .acf-notice.acf-error-message {
    display: none; }
  #sign-up-modal-container .sign-up-modal .modal-content form.af-form .af-fields .af-field-type-message {
    margin-bottom: 20px; }
  #sign-up-modal-container .sign-up-modal .modal-content form.af-form .af-fields .af-submit {
    margin: 0;
    padding: 5px; }
  #sign-up-modal-container .sign-up-modal .modal-content form.af-form .af-fields .af-submit button {
    font-size: 16px; }
  @media screen and (max-width: 760px) {
              #sign-up-modal-container .sign-up-modal .modal-content form.af-form .af-fields .af-submit button {
                font-size: 12px !important; } }
  @media screen and (max-width: 760px) {
              #sign-up-modal-container .sign-up-modal .modal-content form.af-form .af-fields .af-submit button {
                width: 100% !important; } }
  #sign-up-modal-container .sign-up-modal .modal-content form.af-form .af-fields::after {
    display: none; }
  #sign-up-modal-container .sign-up-modal .modal-content form.af-form .success-message {
    color: white;
    font-weight: 700 !important;
    font-size: 48px;
    width: 490px;
    max-width: 100%;
    line-height: 1em;
    margin-bottom: 30px; }
  @media screen and (max-width: 760px) {
          #sign-up-modal-container .sign-up-modal .modal-content form.af-form .success-message {
            font-size: 35px !important; } }

.pagination-nav-wrapper {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  margin-bottom: 150px; }
  @media screen and (max-width: 760px) {
  .pagination-nav-wrapper {
    margin-bottom: 50px !important; } }
  .pagination-nav-wrapper .pagination-nav {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; }
  .pagination-nav-wrapper .pagination-nav .page-numbers {
    text-decoration: none;
    font-weight: bold;
    color: black; }
  .pagination-nav-wrapper .pagination-nav .page-numbers.current {
    border-bottom: solid 2px black; }
  .pagination-nav-wrapper .pagination-nav .page-numbers.next, .pagination-nav-wrapper .pagination-nav .page-numbers.prev {
    transition: 0.3s;
    font-size: 0;
    display: inline-block;
    height: 40px;
    width: 40px;
    background: url('../../images/pagination-arrow.png') center/contain no-repeat;
    opacity: 0.6; }
  .pagination-nav-wrapper .pagination-nav .page-numbers.next:hover, .pagination-nav-wrapper .pagination-nav .page-numbers.prev:hover {
    opacity: 1; }
  .pagination-nav-wrapper .pagination-nav .page-numbers.prev {
    transform: rotate(180deg); }
  .pagination-nav-wrapper .page-nums {
    display: none; }

.feature-paragraph {
  display: flex;
  position: relative;
  align-items: stretch; }
  .feature-paragraph .feature-paragraph-image {
    position: absolute;
    width: 220px;
    height: 100%;
    display: flex;
    align-items: center; }
  @media screen and (max-width: 760px) {
    .feature-paragraph .feature-paragraph-image {
      align-items: start !important; } }
  @media screen and (max-width: 760px) {
    .feature-paragraph .feature-paragraph-image {
      top: -10px !important; } }
  .feature-paragraph .feature-paragraph-image img {
    height: auto;
    width: 220px; }
  @media screen and (max-width: 760px) {
      .feature-paragraph .feature-paragraph-image img {
        width: auto !important; } }
  @media screen and (max-width: 760px) {
      .feature-paragraph .feature-paragraph-image img {
        max-width: 100px !important; } }
  @media screen and (max-width: 760px) {
      .feature-paragraph .feature-paragraph-image img {
        height: auto !important; } }
  @media screen and (max-width: 760px) {
      .feature-paragraph .feature-paragraph-image img {
        max-height: 100px !important; } }
  .feature-paragraph .feature-paragraph-content {
    margin-left: 110px;
    background: #4a0bff;
    border-radius: 20px;
    color: white;
    padding: 75px 75px 75px 140px; }
  @media screen and (max-width: 760px) {
    .feature-paragraph .feature-paragraph-content {
      margin-left: 0 !important; } }
  @media screen and (max-width: 760px) {
    .feature-paragraph .feature-paragraph-content {
      padding: 130px 35px 65px 35px !important; } }
  .feature-paragraph .feature-paragraph-content h2 {
    font-size: 29px; }

.feature-paragraph-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px; }
  @media screen and (max-width: 760px) {
  .feature-paragraph-grid {
    grid-template-columns: 1fr !important; } }
  .feature-paragraph-grid .feature-paragraph-block {
    padding: 100px 60px 150px 60px;
    border-radius: 20px;
    position: relative;
    overflow: hidden; }
  @media screen and (max-width: 760px) {
    .feature-paragraph-grid .feature-paragraph-block {
      padding: 30px !important; } }
  .feature-paragraph-grid .feature-paragraph-block.bg-grey {
    color: var(--primary);
    background: #efefef; }
  .feature-paragraph-grid .feature-paragraph-block.bg-blue {
    color: white;
    background: var(--primary); }
  .feature-paragraph-grid .feature-paragraph-block.has-background {
    padding-bottom: 280px; }
  @media screen and (max-width: 760px) {
      .feature-paragraph-grid .feature-paragraph-block.has-background {
        padding-bottom: 200px !important; } }
  .feature-paragraph-grid .feature-paragraph-block h3 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px; }
  @media screen and (max-width: 760px) {
      .feature-paragraph-grid .feature-paragraph-block h3 {
        font-size: 35px !important; } }
  @media screen and (min-width: 1020px) {
      .feature-paragraph-grid .feature-paragraph-block p {
        padding-right: 50px !important; } }
  .feature-paragraph-grid .feature-paragraph-block * {
    z-index: 3;
    position: relative; }
  .feature-paragraph-grid .feature-paragraph-block .feature-icon {
    border-radius: 0;
    float: right; }
  @media screen and (max-width: 760px) {
      .feature-paragraph-grid .feature-paragraph-block .feature-icon {
        max-width: 53px !important; } }
  .feature-paragraph-grid .feature-paragraph-block .bottom-image {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2; }

.feature-paragraph-banner {
  background-size: cover !important;
  background-position: center !important;
  position: relative;
  overflow: hidden; }
  .feature-paragraph-banner .banner-contents {
    color: white;
    padding: 150px 75px 150px 30px;
    width: 100%;
    max-width: 600px;
    position: relative;
    z-index: 3; }
  @media screen and (max-width: 760px) {
    .feature-paragraph-banner .banner-contents {
      padding: 200px 30px 30px 30px !important; } }
  @media screen and (max-width: 760px) {
    .feature-paragraph-banner .banner-contents {
      max-width: 100vw !important; } }
  .feature-paragraph-banner .banner-contents .button, .feature-paragraph-banner .banner-contents header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .feature-paragraph-banner .banner-contents a, .feature-paragraph-banner .banner-contents header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .feature-paragraph-banner .banner-contents a, .feature-paragraph-banner .banner-contents .af-form .af-submit button[type=submit], .af-form .af-submit .feature-paragraph-banner .banner-contents button[type=submit], .feature-paragraph-banner .banner-contents .projects-container .projects-grid .project-card .card-content .card-button, .projects-container .projects-grid .project-card .card-content .feature-paragraph-banner .banner-contents .card-button {
    margin-top: 40px;
    display: inline-block; }
  .feature-paragraph-banner .tinted {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 2; }
  .feature-paragraph-banner.is_tinted .button, .feature-paragraph-banner.is_tinted header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .feature-paragraph-banner.is_tinted a, .feature-paragraph-banner.is_tinted header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .feature-paragraph-banner.is_tinted a, .feature-paragraph-banner.is_tinted .af-form .af-submit button[type=submit], .af-form .af-submit .feature-paragraph-banner.is_tinted button[type=submit], .feature-paragraph-banner.is_tinted .projects-container .projects-grid .project-card .card-content .card-button, .projects-container .projects-grid .project-card .card-content .feature-paragraph-banner.is_tinted .card-button {
    background: white;
    color: var(--primary);
    border: 2px solid white; }
  .feature-paragraph-banner.is_tinted .button:hover, .feature-paragraph-banner.is_tinted header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .feature-paragraph-banner.is_tinted a:hover, .feature-paragraph-banner.is_tinted header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .feature-paragraph-banner.is_tinted a:hover, .feature-paragraph-banner.is_tinted .af-form .af-submit button[type=submit]:hover, .af-form .af-submit .feature-paragraph-banner.is_tinted button[type=submit]:hover, .feature-paragraph-banner.is_tinted .projects-container .projects-grid .project-card .card-content .card-button:hover, .projects-container .projects-grid .project-card .card-content .feature-paragraph-banner.is_tinted .card-button:hover {
    background: var(--primary);
    color: white; }
  .feature-paragraph-banner video {
    position: absolute;
    z-index: 1; }

.grid:not(.full-width) .featured-paragraph-banner {
  border-radius: 20px; }
  .grid:not(.full-width) .featured-paragraph-banner .banner-contents {
    padding: 150px 75px; }
  @media screen and (max-width: 760px) {
    .grid:not(.full-width) .featured-paragraph-banner .banner-contents {
      padding: 200px 30px 30px 30px !important; } }

.product-card-selector-container {
  text-align: center; }
  .product-card-selector-container #product-card-selector {
    display: inline-flex;
    border: solid 2px #4a0bff;
    border-radius: 5px; }
  .product-card-selector-container #product-card-selector a {
    transition: 0.3s;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    color: #4a0bff; }
  .product-card-selector-container #product-card-selector a.active {
    background: #4a0bff;
    color: white; }
  .product-card-selector-container #product-card-selector a:hover {
    background: rgba(72, 11, 255, 0.185);
    color: #4a0bff; }
  .product-card-selector-container #product-cards-grid {
    margin-top: 50px;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr; }
  @media screen and (max-width: 760px) {
    .product-card-selector-container #product-cards-grid {
      grid-template-columns: 1fr !important; } }
  .product-card-selector-container #product-cards-grid .product-card {
    display: none;
    text-align: left;
    transition: 0.5s;
    background: white;
    border-radius: 20px;
    padding: 60px 40px; }
  .product-card-selector-container #product-cards-grid .product-card.show {
    display: block; }
  .product-card-selector-container #product-cards-grid .product-card h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 1em; }
  .product-card-selector-container #product-cards-grid .product-card .product-price {
    font-size: 30px;
    font-weight: 500; }
  .product-card-selector-container #product-cards-grid .product-card .product-description {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #8593a3;
    border-bottom: solid 1px #dee4eb;
    padding-bottom: 20px;
    margin-bottom: 30px;
    margin-top: 30px; }
  .product-card-selector-container #product-cards-grid .product-card ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .product-card-selector-container #product-cards-grid .product-card ul li {
    padding: 10px 0 10px 0;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center; }
  .product-card-selector-container #product-cards-grid .product-card ul li::before {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 15px;
    background: url('../../images/product-feature.svg') center/contain no-repeat; }
  .product-card-selector-container #product-cards-grid .product-card ul li.optional::before {
    background: url('../../images/optional-product-feature.svg') center/contain no-repeat; }
  .product-card-selector-container #product-cards-grid .product-card .button, .product-card-selector-container #product-cards-grid .product-card header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .product-card-selector-container #product-cards-grid .product-card a, .product-card-selector-container #product-cards-grid .product-card header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .product-card-selector-container #product-cards-grid .product-card a, .product-card-selector-container #product-cards-grid .product-card .af-form .af-submit button[type=submit], .af-form .af-submit .product-card-selector-container #product-cards-grid .product-card button[type=submit], .product-card-selector-container #product-cards-grid .product-card .projects-container .projects-grid .project-card .card-content .card-button, .projects-container .projects-grid .project-card .card-content .product-card-selector-container #product-cards-grid .product-card .card-button {
    margin-top: 30px;
    width: 220px !important;
    display: inline-block;
    text-align: center; }
  .product-card-selector-container #product-cards-grid .product-card:hover {
    background: #4a0bff;
    color: white;
    transform: scale(1.04); }
  .product-card-selector-container #product-cards-grid .product-card:hover h3 {
    color: white; }
  .product-card-selector-container #product-cards-grid .product-card:hover .product-price {
    color: white; }
  .product-card-selector-container #product-cards-grid .product-card:hover .product-description {
    color: white; }
  .product-card-selector-container #product-cards-grid .product-card:hover ul li {
    color: white; }
  .product-card-selector-container #product-cards-grid .product-card:hover ul li.optional::before {
    background: url('../../images/optional-product-feature-hover.svg') center/contain no-repeat; }
  .product-card-selector-container #product-cards-grid .product-card:hover .button, .product-card-selector-container #product-cards-grid .product-card:hover header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 .product-card-selector-container #product-cards-grid .product-card:hover a, .product-card-selector-container #product-cards-grid .product-card:hover header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper .product-card-selector-container #product-cards-grid .product-card:hover a, .product-card-selector-container #product-cards-grid .product-card:hover .af-form .af-submit button[type=submit], .af-form .af-submit .product-card-selector-container #product-cards-grid .product-card:hover button[type=submit], .product-card-selector-container #product-cards-grid .product-card:hover .projects-container .projects-grid .project-card .card-content .card-button, .projects-container .projects-grid .project-card .card-content .product-card-selector-container #product-cards-grid .product-card:hover .card-button {
    background: white;
    color: #4a0bff; }
  .highlight-heading-container h1, .highlight-heading-container h2, .highlight-heading-container h3, .highlight-heading-container h4, .highlight-heading-container h5 {
    color: #4a0bff; }

.home-digitally-driven {
  padding: 100px 0;
  margin: auto;
  max-width: 800px; }
  @media screen and (max-width: 760px) {
  .home-digitally-driven {
    padding-bottom: 50px !important; } }
  @media screen and (max-width: 760px) {
    .home-digitally-driven h1 {
      font-size: 39px !important; } }
  @media screen and (max-width: 760px) {
    .home-digitally-driven * {
      text-align: left !important; } }

.digital-advertising-that-delivers {
  padding: 122px 0px 80px 0px;
  margin: auto;
  max-width: 800px; }
  @media screen and (max-width: 760px) {
  .digital-advertising-that-delivers {
    padding-bottom: 50px !important; } }
  @media screen and (max-width: 760px) {
    .digital-advertising-that-delivers h1 {
      font-size: 39px !important; } }
  .digital-advertising-that-delivers p {
    max-width: 526px;
    margin: 0 auto; }
  @media screen and (max-width: 760px) {
    .digital-advertising-that-delivers * {
      text-align: left !important; } }

main > .grid.intro-to-services article {
  gap: 150px;
  margin: 150px auto 50px auto; }
  @media screen and (max-width: 760px) {
  main > .grid.intro-to-services article {
    gap: 50px !important; } }
  @media screen and (max-width: 760px) {
  main > .grid.intro-to-services article {
    margin-top: 60px !important; } }
  main > .grid.intro-to-services article .intro-to-services-contact-button {
    margin: 50px 0 20px 0; }
  @media screen and (max-width: 760px) {
    main > .grid.intro-to-services article .intro-to-services-contact-button {
      display: inline-block !important; } }

main > .grid.our-team-header {
  background: black;
  color: white;
  padding-top: 70px;
  padding-bottom: 70px; }
  @media screen and (max-width: 760px) {
  main > .grid.our-team-header {
    padding-bottom: 0px !important; } }
  main > .grid.our-team-header h3 {
    font-weight: 700;
    font-size: 48px; }
  main > .grid.our-team-header article {
    grid-template-columns: 1fr 4fr;
    gap: 110px; }

main > .grid.our-team-container {
  background: black;
  color: white;
  padding: 0 0 70px 0; }
  @media screen and (max-width: 760px) {
  main > .grid.our-team-container {
    margin-bottom: 100px !important; } }
  main > .grid.our-team-container article {
    display: block; }
  @media screen and (max-width: 760px) {
      main > .grid.our-team-container article .grid-block {
        display: flex !important; } }
  @media screen and (max-width: 760px) {
      main > .grid.our-team-container article .grid-block {
        flex-direction: column-reverse !important; } }
  main > .grid.our-team-container article .grid-block .our-team-title-mobile {
    display: none;
    font-size: 35px;
    font-weight: 600;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px; }
  @media screen and (max-width: 760px) {
        main > .grid.our-team-container article .grid-block .our-team-title-mobile {
          display: block !important; } }
  main > .grid.our-team-container article .grid-block .our-team-header {
    padding: 130px 20px 50px 20px;
    display: flex;
    justify-content: space-between; }
  @media screen and (max-width: 760px) {
        main > .grid.our-team-container article .grid-block .our-team-header {
          padding: 50px 0 20px 0 !important; } }
  @media screen and (max-width: 760px) {
        main > .grid.our-team-container article .grid-block .our-team-header {
          justify-content: center !important; } }
  main > .grid.our-team-container article .grid-block .our-team-header .our-team-title {
    font-size: 50px;
    font-weight: 600; }
  @media screen and (max-width: 760px) {
          main > .grid.our-team-container article .grid-block .our-team-header .our-team-title {
            display: none !important; } }
  main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a.button, main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a, main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a, main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button .af-form .af-submit a[type=submit], .af-form .af-submit main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a[type=submit], main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button .projects-container .projects-grid .project-card .card-content a.card-button, .projects-container .projects-grid .project-card .card-content main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a.card-button {
    background: white;
    color: black;
    font-size: 16px;
    font-weight: 700;
    border-color: black; }
  main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a.button:hover, main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 a:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.post-id-1313 main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a:hover, main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper a:hover, header.main .header-wrapper .header-inner .nav-wrapper .main-menu .menu-main-menu-container ul#menu-main-menu.menu > li.logout-button-wrapper main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a:hover, main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button .af-form .af-submit a[type=submit]:hover, .af-form .af-submit main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a[type=submit]:hover, main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button .projects-container .projects-grid .project-card .card-content a.card-button:hover, .projects-container .projects-grid .project-card .card-content main > .grid.our-team-container article .grid-block .our-team-header .our-team-contact-button a.card-button:hover {
    color: white;
    background: var(--primary);
    border-color: var(--primary); }
  @media screen and (max-width: 760px) {
        main > .grid.our-team-container article .grid-block .our-team {
          margin-top: 20px !important; } }
  main > .grid.our-team-container article .grid-block .our-team .slick-list .slick-track .team-member-card {
    transition: 0.5s; }
  @media screen and (max-width: 760px) {
              main > .grid.our-team-container article .grid-block .our-team .slick-list .slick-track .team-member-card {
                transform: scale(0.8) !important; } }
  @media screen and (max-width: 760px) {
              main > .grid.our-team-container article .grid-block .our-team .slick-list .slick-track .team-member-card {
                margin-left: 0 !important; } }
  @media screen and (max-width: 760px) {
              main > .grid.our-team-container article .grid-block .our-team .slick-list .slick-track .team-member-card {
                margin-right: 0 !important; } }
  main > .grid.our-team-container article .grid-block .our-team .slick-list .slick-track .team-member-card .team-member-name, main > .grid.our-team-container article .grid-block .our-team .slick-list .slick-track .team-member-card .team-member-title {
    transition: 0.5s; }
    @media screen and (max-width: 760px) {
              main > .grid.our-team-container article .grid-block .our-team .slick-list .slick-track .team-member-card .team-member-name, main > .grid.our-team-container article .grid-block .our-team .slick-list .slick-track .team-member-card .team-member-title {
                opacity: 0 !important; } }
  @media screen and (max-width: 760px) {
                main > .grid.our-team-container article .grid-block .our-team .slick-list .slick-track .team-member-card.slick-active.slick-center {
                  transform: scale(1) !important; } }
    @media screen and (max-width: 760px) {
                main > .grid.our-team-container article .grid-block .our-team .slick-list .slick-track .team-member-card.slick-active.slick-center .team-member-name, main > .grid.our-team-container article .grid-block .our-team .slick-list .slick-track .team-member-card.slick-active.slick-center .team-member-title {
                  opacity: 1 !important; } }

.about-us-intro {
  margin: 100px 0; }
  @media screen and (max-width: 760px) {
  .about-us-intro {
    margin-bottom: 50px !important; } }

.about-our-services {
  margin: 100px 0 100px 0; }

main > .grid.about-our-services-lists {
  margin-bottom: 100px; }
  @media screen and (max-width: 760px) {
  main > .grid.about-our-services-lists {
    margin-bottom: 30px !important; } }
  @media screen and (max-width: 760px) {
    main > .grid.about-our-services-lists article {
      grid-template-columns: 1fr !important; } }
  @media screen and (max-width: 760px) {
    main > .grid.about-our-services-lists article {
      gap: 20px !important; } }

main > .grid.mobile-about-services-contact-button {
  padding-top: 50px;
  padding-bottom: 100px; }
  @media screen and (max-width: 760px) {
  main > .grid.mobile-about-services-contact-button {
    display: block !important; } }

.interested-in-working-with-us {
  padding-top: 150px;
  padding-bottom: 150px; }
  @media screen and (max-width: 760px) {
  .interested-in-working-with-us {
    padding: 100px 20px !important; } }
  @media screen and (max-width: 760px) {
    .interested-in-working-with-us h2 {
      font-size: 35px !important; } }

.contact-lets-work-together {
  padding: 100px 0 80px 0;
  margin: auto; }

@media screen and (max-width: 760px) {
    .lets-work-together-form {
      padding-top: 100px !important; } }
  @media screen and (max-width: 760px) {
    .lets-work-together-form h2 {
      font-size: 35px !important; } }

main .grid.contact-details {
  margin-top: 100px;
  margin-bottom: 100px; }
  @media screen and (max-width: 760px) {
    main .grid.contact-details > article {
      gap: 80px !important; } }

.services-intro {
  margin-top: 100px;
  margin-bottom: 100px; }

.media-content {
  margin-top: 150px;
  margin-bottom: 150px; }
  @media screen and (max-width: 760px) {
  .media-content {
    margin-top: 50px !important; } }
  @media screen and (max-width: 760px) {
  .media-content {
    margin-bottom: 50px !important; } }
  @media screen and (max-width: 760px) {
    .media-content.mobile-reverse > article {
      display: flex !important; } }
  @media screen and (max-width: 760px) {
      .media-content article .grid-block h2 {
        margin-top: 50px !important; } }
  @media screen and (max-width: 760px) {
      .media-content article .grid-block h2 {
        margin-bottom: 25px !important; } }
  @media screen and (max-width: 760px) {
      .media-content article .grid-block h2 {
        font-size: 35px !important; } }

.home-brands-we-work-with p, .super-narrow p, .home-brands-we-work-with h1, .super-narrow h1, .home-brands-we-work-with h2, .super-narrow h2, .home-brands-we-work-with h3, .super-narrow h3, .home-brands-we-work-with h4, .super-narrow h4 {
  margin-left: auto;
  margin-right: auto;
  max-width: 770px; }

.work-with-us-project-page {
  padding-top: 200px;
  padding-bottom: 200px; }

.grid.nine-fifty article {
  display: flex;
  justify-content: end; }
  .grid.nine-fifty article > .grid-block {
    width: 950px;
    max-width: 100%; }

.grid.two-thirds article {
  grid-template-columns: 2fr 3fr; }

.grid.lance-montana-difference article {
  grid-template-columns: 30% 65%;
  gap: 40px; }

.star-sequence-video .video {
  display: flex;
  justify-content: center; }
  .star-sequence-video .video video {
    width: 200px;
    height: 200px; }

.about-brands-we-work-with p {
  max-width: 800px;
  width: 100%;
  margin: auto; }

@media screen and (max-width: 760px) {
      .services-brands-we-work-with * {
        text-align: left !important; } }

.shaping-impactful-narratives p {
  max-width: 430px;
  width: 100%; }

.wp-caption {
  width: unset !important; }

main .professional-drone-photography-and-videography-services > article {
  grid-template-columns: 3fr 2fr;
  gap: 100px; }

.useful-add-ons {
  color: #4a0bff;
  font-size: 20px; }
  .useful-add-ons strong {
    font-size: 28px;
    font-weight: 600; }
  .useful-add-ons p:nth-child(2) {
    margin-bottom: 10px; }

.article-slider-wrapper {
  background: black;
  color: white;
  position: relative;
  padding: 100px 0;
  z-index: 2; }
  .article-slider-wrapper * {
    z-index: 2; }
  .article-slider-wrapper .article-slider-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50vw;
    right: -50vw;
    background: black;
    z-index: -1; }
  .article-slider-wrapper .article-slider-header {
    font-size: 48px;
    font-weight: 700; }
  .article-slider-wrapper .article-slider-tabs {
    margin: 50px 0 70px 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    width: 100%; }
  .article-slider-wrapper .article-slider-tabs .article-slider-tab {
    user-select: none;
    cursor: pointer;
    padding: 20px 0;
    border-bottom: solid 2px white;
    font-weight: 400;
    font-size: 20px;
    flex: 1 1 0; }
  .article-slider-wrapper .article-slider-tabs .article-slider-tab.active {
    font-weight: 900;
    border-bottom: solid 4px #4a0bff; }
  .article-slider-wrapper .article-slider-block .article-card {
    display: none;
    flex-wrap: nowrap;
    gap: 50px; }
  @media screen and (max-width: 760px) {
      .article-slider-wrapper .article-slider-block .article-card {
        flex-wrap: wrap !important; } }
  .article-slider-wrapper .article-slider-block .article-card.active {
    display: flex; }
  .article-slider-wrapper .article-slider-block .article-card h3 {
    font-size: 40px;
    font-weight: 700; }
  .article-slider-wrapper .article-slider-block .article-card .article-card-content-column {
    flex: 1 1 0;
    text-wrap: balance;
    padding-bottom: 100px; }
  .article-slider-wrapper .article-slider-block .article-card .article-card-image-column {
    flex: 1 1 0; }
  .article-slider-wrapper .article-slider-block .article-card .article-card-image-column img {
    width: 100%; }