.croq-about-history {
  padding: 2rem 1rem !important;
  clip-path: polygon(0 5%, 40% 5%, 40% 0, 100% 0, 100% 100%, 0 100%);
  align-items: flex-end !important;
}

.croq-about-history > div:first-child {
  width: 40%;
}

.croq-about-history > div:last-child {
  width: 60%;
}

.croq-about-history > div:last-child > p:first-child {
  margin-bottom: 1rem;
}

.croq-about-history .croq-vertical-logo hr {
  width: calc(var(--wp--preset--font-size--large)* 2);
}

.croq-do-cyclically {
  width: 100%;
  transition: 2s;
}

.croq-do-cyclically > div:last-child {
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px black;
  transform: rotate(180deg);
}

.croq-do-cyclically > div > div {
  display: table-row;
}

.wp-block-croqueta-scroll-fx-rotate {
  margin: 0 auto !important;
  z-index: 1;
}

.croq-img-btw-spacers {
  justify-content: space-between;
  background-attachment: fixed;
}



@media (max-width: 576px) {
  .wp-block-columns, .wp-block-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .croq-about-history .wp-block-croqueta-croqueta {
    text-align: center;
  }
  
  .croq-about-history .croq-croqueta-icon-wrap > svg {
    width: 60%;
  }

  .croq-about-history .croq-vertical-logo > div:nth-child(2) > div {
    gap: 0.5rem;
  }

  .croq-about-history .croq-vertical-logo h1 {
    font-size: medium;
  }

  .croq-about-history .croq-vertical-logo > div:nth-child(3) > div {
    gap: 0.35rem;
  }

  .croq-about-history .croq-vertical-logo h5 {
    font-size: small;
  }

  .wp-block-croqueta-scroll-fx-lift {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (min-width: 576px) {
  .croq-about-history {
  padding: 2rem 5rem !important;
      clip-path: polygon(0 10%, 30% 10%, 30% 0, 100% 0, 100% 100%, 0 100%);
  }

  .croq-about-history > div:first-child {
      width: 30%;
  }

  .croq-about-history > div:last-child {
      order: -1;
  }

  .croq-about-history .croq-croqueta-icon-wrap {
      text-align: center;
  }

  .croq-do-cyclically {
    flex-wrap: wrap;
  }

  .croq-do-cyclically > div > div {
      display: block;
  }
}