:root {
  --sidebarWidth: 80dvw;
}
@media (min-width: 992px) {
  .why-choose .animated-timeline.horizontal .wp-block-group.icon:before {
    width: calc(
      var(--timelineWidth) - calc(var(--spacingGap) * 2) - 1px
    ) !important;
    bottom: unset;
    transform: translateY(calc(-50% - (var(--iconPaddingY) * 1))) scaleX(0);
    transform-origin: left;
    transition: all 1s;
    z-index: inherit;
    border-left: none;
    border-bottom: 3px solid;
    left: 100%;
  }

  .why-choose
    .animated-timeline.horizontal
    .animated
    .wp-block-group.icon:before {
    transform: translateY(calc(-50% - (var(--iconPaddingY) * 1))) scaleX(1);
  }

  .why-choose .animated-timeline.horizontal {
    overflow-x: hidden;
  }

  .why-choose
    .animated-timeline.horizontal
    > .wp-block-group:last-of-type
    > .wp-block-group:before {
    display: none !important;
  }

  .why-choose
    .animated-timeline.horizontal
    > .wp-block-group:nth-child(1)
    .wp-block-group.icon {
    z-index: 40;
  }
  .why-choose
    .animated-timeline.horizontal
    > .wp-block-group:nth-child(2)
    .wp-block-group.icon {
    z-index: 45;
  }
  .why-choose
    .animated-timeline.horizontal
    > .wp-block-group:nth-child(3)
    .wp-block-group.icon {
    z-index: 50;
  }
}

.logos img {
  object-fit: contain;
}

/*
* Mobile Sidebar
*/

aside#sidebar {
  position: fixed;
  height: 100dvh;
  z-index: 99;
  background-color: #fff;
  left: 0;
  top: 0;
  min-width: 80dvw;
  transform: translateX(calc(var(--sidebarWidth) * -1.5));
  transition: all 0.25s;
}

aside#sidebar.open {
  transform: translate(0);
  z-index: 12;
}

body.sidebar-open {
  margin: 0;
  height: 100%;
  overflow: hidden;
}

body.sidebar-open:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 884px) {
  body .is-layout-grid {
    grid-template-columns: 1fr;
  }

  .bento > div {
    grid-column: 1 / span 1;
  }

  /*
  * Normalize padding on left/right for mobile.
  */
  body main > .entry-content:has(> .wp-block-cover) > .wp-block-group {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  body .header-group {
    padding: 0 1rem;
  }

  body,
  .aos,
  body .is-layout-grid:has(.aos) {
    overflow-x: hidden;
  }

  footer.wp-block-template-part {
    padding-top: 2rem;
    margin-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  footer.wp-block-template-part:before {
    display: block;
    content: "";
    height: 1px;
    border-radius: 5px;
    width: auto;
    background-color: rgba(0, 0, 0, 0.04);
    margin-bottom: 2rem;
  }

  .why-choose .animated-timeline .wp-block-group.icon {
    --iconHeight: 1rem;
    --iconPaddingY: calc(0.5rem + 6px);
    --spacingGap: calc(var(--wp--preset--spacing--50) / 2);
    background-color: #fff;
  }

  .logos .wp-block-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .logos .wp-block-columns figure img {
    max-height: 50px;
    width: auto;
    object-fit: contain;
  }

  .wp-block-group.contact .wp-block-cover {
    padding: 1.5rem !important;
  }

  .wp-block-group.contact
    .wp-block-cover
    .wp-block-columns
    .wp-block-column
    > * {
    text-align: left;
    justify-content: flex-start;
  }

  body
    .entry-content
    > .wp-block-cover
    .wp-block-cover__inner-container
    > .wp-block-group {
    max-width: 85%;
  }
}