.desc-row {
  margin-top: -10px;
  .wp-block-post-featured-image {
    max-height: 490px;
    display: flex;
  }
}

@media screen and (max-width: 1023px) {
  .desc-row.wp-block-group {
    margin-top: 60px;
    grid-template-columns: repeat(1, 1fr);
    > *:nth-child(2) {
      grid-row-start: 1;
      align-items: center;
    }
  }
}

div.expert-quote-grid.wp-block-group {
  grid-template-columns: min-content auto;
  figure {
    width: 244px !important;
  }

  --font-size: clamp(1.1rem, 3vw, 1.5rem);

  > *:nth-child(2) > p {
    font-size: var(--font-size) !important;
  }

  > *:nth-child(3) {
    grid-column-start: 2;
  }
}

@media screen and (max-width: 1023px) {
  div.expert-quote-grid.wp-block-group {
    figure {
      width: 100px !important;
    }

    > *:nth-child(1) {
      grid-row-start: 2;
    }

    > *:nth-child(2) {
      grid-column: span 2;
    }

    > *:nth-child(3) {
      justify-content: center;
    }
  }
  div.team-grid.wp-block-group {
    grid-template-columns: repeat(2, 1fr);

    > *:nth-child(3) {
      grid-row-start: 3;
    }
  }
}

@media screen and (max-width: 767px) {
  div.clients-grid.wp-block-group {
    grid-template-columns: repeat(2, 1fr);

    > *:nth-child(odd):nth-child(-n + 5) {
      border-right: 1px solid #dde3f5;
      border-bottom: 1px solid #dde3f5;
    }
    > *:nth-child(even):nth-child(-n + 6) {
      border-bottom: 1px solid #dde3f5;
      border-right: none;
    }
  }
}

.clients-grid.wp-block-group {
  grid-template-rows: 227px;
  grid-auto-rows: 227px;
  > * {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    img {
      padding: 8px;
    }
  }

  > *:nth-child(-n + 3) {
    border-right: 1px solid #dde3f5;
    border-bottom: 1px solid #dde3f5;
  }
  > *:nth-child(4) {
    border-bottom: 1px solid #dde3f5;
  }
  > *:nth-child(n + 5):nth-child(-n + 7) {
    border-right: 1px solid #dde3f5;
  }
}

.solution-grid2,
.solution-grid3,
.grid3,
.faq-grid,
.header-grid,
.text-highlights {
  a:not(.card-area a) {
    color: #0089e7;
    &:hover {
      color: #0079cb;
    }
  }
}

.aspect50:before {
  content: "";
  margin: 0;
  display: inline-block;
  width: 1px;
  height: 0;
  padding-bottom: 50%;
}

.aspect90-grid > *:before {
  content: "";
  margin: 0;
  display: inline-block;
  width: 1px;
  height: 0;
  padding-bottom: 90%;
}

.desc-grid > *:not(.wp-block-post-featured-image) {
  grid-column: 1 / span 6;
}

.desc-grid .wp-block-post-featured-image {
  max-height: 490px;
  grid-column: 7 / span 6;
  grid-row: 1 / span 3;
  justify-self: end;
  display: flex;
}

@media screen and (max-width: 1023px) {
  .desc-grid.wp-block-group {
    column-gap: 0;
  }

  .desc-grid.wp-block-group > * {
    grid-column: span 12;
  }

  .desc-grid .wp-block-post-featured-image {
    grid-row: 2;
    justify-self: center;
  }
}

.wp-block-group.dot {
  width: 10px !important;
  height: 10px !important;
  margin-left: -5px;
}

.feedback {
  padding-left: var(--page-borders) !important;
  padding-right: var(--page-borders) !important;
}

.grid3.wp-block-group {
  > * {
    height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .grid3.wp-block-group {
    > * {
      grid-column: span 6;
    }
  }
}

@media screen and (max-width: 479px) {
  .grid3.wp-block-group {
    > * {
      margin-left: -20px;
      margin-right: -20px;
    }
  }
}

@media screen and (max-width: 767px) {
  .grid3.wp-block-group {
    > * {
      grid-column: span 12;
    }
  }
}

.grid6.wp-block-group {
  > * {
    height: 100%;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .grid6.wp-block-group {
    > * {
      grid-column: span 3;
    }
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .grid6.wp-block-group {
    > * {
      grid-column: span 4;
    }
  }
}

@media screen and (min-width: 479px) and (max-width: 767px) {
  .grid6.wp-block-group {
    > * {
      grid-column: span 6;
    }
  }
}

@media screen and (max-width: 479px) {
  .grid6.wp-block-group {
    > * {
      margin-left: -20px;
      margin-right: -20px;
      grid-column: span 12;
    }
  }
}

@media screen and (max-width: 1023px) {
  .client-feedback.wp-block-group {
    > * {
      grid-column: span 12;
    }
  }
}

.main .faq-grid.wp-block-group > .wp-block-group {
  grid-column: 2 / 12;
}

.faq-grid.wp-block-group > .wp-block-group {
  grid-column: 3 / 11;
}

@media screen and (min-width: 1920px) {
  .faq-grid.wp-block-group > .wp-block-group {
    grid-column: 4 / 10;
  }
}

@media screen and (max-width: 1023px) {
  .faq-grid.wp-block-group > .wp-block-group {
    grid-column: span 12;
  }
}

@media screen and (max-width: 767px) {
  .projects-grid.wp-block-group {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (min-width: 768px) {
  .projects-grid.wp-block-group .smg-span-2 {
    grid-column: span 2;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .projects-grid.wp-block-group {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 1279px) {
  .projects-grid.wp-block-group .lg-hide {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .projects-grid.wp-block-group .md-hide {
    display: none;
  }
}

.text-highlights.wp-block-group {
  > figure {
    grid-column: span 4;
    grid-row: span 2;
    padding-left: clamp(20px, 4.5vw, 60px) !important;
  }

  img {
    width: auto;
    object-fit: contain !important;
  }

  h2 {
    grid-column: span 8/13;
    --wp--preset--font-size--heading-4: clamp(1.5rem, 1.875vw, 2.53rem);
    padding-left: clamp(20px, 4.5vw, 60px) !important;
    padding-right: clamp(20px, 4.5vw, 60px) !important;
    padding-top: clamp(40px, 3vw, 100px) !important;
    padding-bottom: clamp(40px, 3vw, 100px) !important;
  }

  > p {
    padding-left: clamp(20px, 4.5vw, 60px) !important;
    padding-right: clamp(20px, 4.5vw, 60px) !important;
    padding-top: clamp(40px, 3vw, 100px) !important;
    padding-bottom: clamp(40px, 3vw, 100px) !important;
  }
}

@media screen and (max-width: 1023px) {
  .text-highlights.wp-block-group {
    > figure {
      display: none;
    }
    p:nth-of-type(1) {
      grid-column: span 12;
    }

    p:nth-of-type(2) {
      grid-column: span 12;
    }
  }
}

.grey-highlights.wp-block-group {
  --wp--preset--font-size--heading-4: clamp(1.3rem, 1.875vw, 1.6rem);
  position: relative;
  figure.block-editor-block-list__block {
    position: static;
  }
  img {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 120%;
    width: auto;
  }
  > .wp-block-buttons,
  > .wp-block-group {
    grid-column: span 8/13;
    padding-left: clamp(20px, 4.5vw, 40px) !important;
    padding-right: clamp(20px, 4.5vw, 40px) !important;
    padding-top: clamp(40px, 3vw, 40px) !important;
    padding-bottom: clamp(40px, 3vw, 40px) !important;
  }

  > p {
    padding-left: clamp(20px, 4.5vw, 40px) !important;
    padding-right: clamp(20px, 4.5vw, 40px) !important;
    padding-top: clamp(40px, 3vw, 40px) !important;
  }
}

@media screen and (max-width: 1023px) {
  .grey-highlights.wp-block-group {
    img {
      position: static;
      height: 100%;
    }

    > .wp-block-buttons {
      grid-column: span 6;
      padding-left: 0 !important;
      justify-self: flex-end;
      align-self: flex-end;
      .wp-block-button {
        --wp--preset--font-size--cta-nav: clamp(0.95rem, 4vw, 1.1251rem);
      }
    }
    > p {
      grid-column: span 12;
    }

    > figure {
      grid-column: span 6;
      grid-row: 2;
    }
  }
}

.solution-grid2,
.solution-grid3 {
  width: 100%;
  > * {
    height: 100%;
  }
}

.solution-grid2,
.solution-grid3,
.dark-highlights1,
.dark-highlights2,
.chess-grid,
.grid2,
.grid3,
.grey-highlights,
.text-highlights {
  ul {
    list-style: none;
    margin-left: 16px;
    padding-left: 28px;
    clear: both;
  }
  ul > li {
    margin-bottom: 10px;
    /* 	opacity: 0.8; */
  }
  ul > li:before {
    display: block;
    float: left;
    content: "—";
    width: 16px;
    padding-right: 12px;
    margin-left: -28px;
  }
}

.solution-grid2 {
  > * {
    grid-column: span 6;
  }
  > :not(
    *:nth-child(2n + 1):nth-last-child(-n + 2),
    *:nth-child(2n + 1):nth-last-child(-n + 2) ~ *
  ) {
    border-bottom: 1px solid #dde3f5;
  }
  > *:nth-child(odd) {
    padding: 30px 30px 30px 0;
    border-right: 1px solid #dde3f5;
  }
  > *:nth-child(even) {
    padding: 30px 0 30px 30px;
  }
}

.solution-grid3 {
  > * {
    grid-column: span 4;
  }
  > :not(
    *:nth-child(3n + 1):nth-last-child(-n + 3),
    *:nth-child(3n + 1):nth-last-child(-n + 3) ~ *
  ) {
    border-bottom: 1px solid #dde3f5;
  }
  > *:nth-child(3n + 1) {
    padding: 30px 30px 30px 0;
    border-right: 1px solid #dde3f5;
  }
  > *:nth-child(3n + 2) {
    padding: 30px;
    border-right: 1px solid #dde3f5;
  }
  > *:nth-child(3n) {
    padding: 30px 0 30px 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .solution-grid3.wp-block-group {
    > :not(
      *:nth-child(2n + 1):nth-last-child(-n + 2),
      *:nth-child(2n + 1):nth-last-child(-n + 2) ~ *
    ) {
      border-bottom: 1px solid #dde3f5;
    }
    > * {
      grid-column: span 6;
    }
    > *:nth-child(odd) {
      padding: 30px 30px 30px 0;
      border-right: 1px solid #dde3f5;
    }
    > *:nth-child(even) {
      padding: 30px 0 30px 30px;
      border-right: none;
    }
  }
}

@media screen and (max-width: 1023px) {
  .grid2 {
    > *:nth-child(n) {
      padding: 30px 30px 30px 0 !important;
    }
  }
}

@media screen and (max-width: 1023px) {
  .header-grid.wp-block-group {
    > * {
      grid-column: span 12;
    }
  }
}

@media screen and (max-width: 767px) {
  .solution-grid3.wp-block-group,
  .solution-grid2.wp-block-group {
    > *:not(:last-child) {
      border-bottom: 1px solid #dde3f5;
    }
    > *:nth-child(n) {
      grid-column: span 12;
      padding: 30px 0 30px 0;
      border-right: none;
    }
  }
}

.wp-block-group.dark-highlights1,
.wp-block-group.dark-highlights2 {
  figure.wp-block-image {
    flex-shrink: 0;
  }

  a:not(.wp-element-button) {
    text-decoration: underline;
    &:hover {
      color: white;
      opacity: 0.8;
    }
  }
}

.wp-block-group.pros-and-cons {
  figure.wp-block-image {
    flex-shrink: 0;
  }
}

@media screen and (max-width: 1023px) {
  .wp-block-group.dark-highlights1 > .is-layout-grid,
  .wp-block-group.dark-highlights2 > .is-layout-grid {
    gap: 60px;
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (min-width: 1024px) and (max-width: 1919px) {
  .wp-block-group.dark-highlights1 > .is-layout-grid {
    grid-template-columns: 1fr 2fr;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .wp-block-group.dark-highlights1,
  .wp-block-group.dark-highlights2 {
    padding: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .wp-block-group.dark-highlights1,
  .wp-block-group.dark-highlights2 {
    padding: 40px 16px !important;
  }
}

.zoom-img-0 img {
  transform: scale(0);
}

.hero-bottom.wp-block-group.is-layout-flex {
  width: auto;
  > .wp-block-group {
    width: 100%;
  }
  ul > li:nth-last-child(n + 2) {
    margin-bottom: 16px;
  }
  margin-top: clamp(-400px, -25vw, -200px);
  figure.wp-block-image {
    z-index: -1;
    --width: clamp(340px, 50vw, 830px);
    width: var(--width);
    margin-left: 40%;
    margin-bottom: calc(var(--width) / -4.5) !important;
  }
  figure.wp-block-image.wp-block {
    z-index: 0;
  }
}

.users-grid.wp-block-group {
  grid-template-rows: 227px;
  grid-auto-rows: 227px;
  > * {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    img {
      padding: 8px;
    }
  }
}

.header-service {
  font-size: 22px !important;
  grid-column: 1 / 4;
  max-width: 300px;
}

.call-service.wp-block-group {
  p {
    font-size: clamp(1.75rem, 0.549vw, 3.375rem);
  }
  > *:nth-child(1) {
    grid-column: 2 / 6;
  }
  > *:nth-child(2) {
    grid-column: 7 / 10;
    --width: clamp(340px, 28.65vw, 550px);
    background: #dde3f5;
    width: var(--width);
    height: var(--width);
    border-radius: 50% !important;

    figure img {
      margin-top: calc(-0.131 * var(--width));
      border-radius: 0 0 47% 47%;
    }
  }
}

@media screen and (min-width: 1024px) and (max-width: 1919px) {
  .call-service.wp-block-group {
    > *:nth-child(1) {
      grid-column: 1 / 6;
    }
    > *:nth-child(2) {
      grid-column: 7 / 11;
    }
  }
}

.text-service,
.wp-block-group.text-service {
  grid-column: 4 / 10;
}

@media screen and (max-width: 767px) {
  p.header-service {
    grid-column: 1 / 11;
    max-width: 100%;
  }

  p.text-service,
  div.wp-block-group.text-service {
    grid-column: 1 / 11;
  }

  .hero-bottom.wp-block-group {
    margin-left: -20px;
    margin-right: -20px;
  }

  .hero-bottom.wp-block-group > .wp-block-group {
    grid-template-columns: repeat(1, 1fr);
    border-radius: 0 !important;
    > *:nth-child(5) {
      grid-row-start: 2;
    }
    > *:nth-child(6) {
      grid-row-start: 4;
    }
    > *:nth-child(7) {
      grid-row-start: 6;
    }
    > *:nth-child(8) {
      grid-row-start: 8;
    }
  }
}

@media screen and (max-width: 479px) {
  .users-grid.wp-block-group {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .users-grid.wp-block-group {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .users-grid.wp-block-group {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 768px) and (max-width: 1719px) {
  .hero-bottom.wp-block-group > .wp-block-group {
    grid-template-columns: repeat(2, 1fr);
    > *:nth-child(3) {
      padding-left: 60px !important;
    }
    > *:nth-child(5) {
      grid-row-start: 2;
    }
    > *:nth-child(6) {
      grid-row-start: 2;
    }
    > *:nth-child(7) {
      padding-left: 60px !important;
      grid-row-start: 4;
    }
    > *:nth-child(8) {
      grid-row-start: 4;
    }
  }
}

@media screen and (max-width: 1279px) {
  .hero-bottom.wp-block-group > .wp-block-group {
    > *:nth-child(n):nth-child(-n + 4) {
      padding: 20px 20px 0 20px !important;
    }
    > *:nth-child(n + 4) {
      padding: 0 20px 20px 20px !important;
    }
  }
}

@media screen and (max-width: 1023px) {
  .hero-bottom.wp-block-group.is-layout-flex figure.wp-block-image {
    margin-left: 0;
    align-self: center;
  }

  .insights.wp-block-group > .wp-block-group {
    grid-template-columns: repeat(1, 1fr);
  }

  .call-service.wp-block-group {
    justify-items: center;
    > *:nth-child(1) {
      text-align: center;
      align-items: center;
      grid-column: 1 / 11;
      grid-row-start: 2;
    }
    > *:nth-child(2) {
      grid-column: 1 / 11;
      grid-row-start: 1;
    }
  }

  div.hero-bottom.wp-block-group.is-layout-flex {
    margin-top: 50px;
  }
}

@media screen and (max-width: 1919px) {
  .cta-row.wp-block-group {
    flex-direction: column;
    align-items: flex-start;
  }
}

.testimonials {
  figure.wp-block-image {
    flex-shrink: 0;
  }

  a:hover {
    color: white !important;
  }
}

@media screen and (max-width: 767px) {
  .testimonials.wp-block-group {
    grid-template-columns: repeat(1, 1fr);
    .has-x-large-font-size {
      font-weight: 200;
    }
    > *:nth-child(1) .has-medium-font-size {
      font-weight: 300;
    }
    .xs-img-small img {
      width: 58px !important;
      height: 58px !important;
    }
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .testimonials.wp-block-group {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 1279px) {
  .lg-hide.wp-block-group {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .smg-span-2 {
    grid-column: span 2;
  }

  .smg-row-span-2 {
    grid-row: span 2;
  }
}
