.text-block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 40px;
  padding: 32px 12px;

  background: linear-gradient(
    90deg,
    rgba(11, 13, 27, 0) 0%,
    #0fbedc 52.88%,
    #0fbedc 100%
  );
  font-weight: 700;
  font-size: clamp(1.5rem, 0.714vw + 1.357rem, 2rem);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.99);
  text-align: center;
}

.arrow-bounce {
  display: inline-block;
  animation: bounce 2.5s ease-in-out infinite;
}

@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

.main-title {
  margin-top: 40px;
  margin-bottom: clamp(1.5rem, 1.071vw + 1.286rem, 2.25rem);

  font-weight: 700;
  font-size: clamp(1.75rem, 0.893vw + 1.571rem, 2.375rem);
  line-height: clamp(2.625rem, 0.661vw + 2.493rem, 3.088rem);
  text-align: center;
  text-transform: uppercase;
  color: #fcfcfc;

  span {
    color: #0fbedc;
  }

  @media (max-width: 767px) {
    max-width: 330px;
    margin-inline: auto;
  }
}

.custom-title {
  margin-bottom: 32px;
  font-size: clamp(1.5rem, 1.071vw + 1.286rem, 2.25rem);
  line-height: clamp(1.8rem, 1.286vw + 1.543rem, 2.7rem);
  font-weight: 700;
  text-align: center;
  color: #fcfcfc;
}

.custom_field {
  width: 100%;
  max-width: 1240px;
  margin-inline: auto;
  margin-bottom: 40px;
  display: grid;
  gap: clamp(1rem, 2.857vw + 0.429rem, 3rem);

  .column-row {
    border-top: 1px solid #0fbedc;
    border-bottom: 1px solid #0fbedc;
    padding: 16px;

    color: #fcf7f7;
    .column-box {
      display: flex;
      align-items: center;
      gap: 33px;
      margin-inline: auto;
      @media (max-width: 374px) {
        flex-direction: column;
      }

      p {
        width: 160px;
        text-align: start;
      }
    }

    p {
      font-weight: 700;
      font-size: 14px;
      line-height: 120%;
      text-transform: uppercase;
    }

    a {
      width: 100%;
      max-width: 120px;
      display: flex;
      align-items: center;
      gap: 5px;

      border: 1px solid #fcfcfc;
      border-radius: 200px;
      padding: 8px 12px;

      background: linear-gradient(
        90deg,
        rgba(11, 13, 27, 0) 0%,
        #0fbedc 52.88%,
        #0fbedc 100%
      );
      font-weight: 700;
      font-size: 14px;
      line-height: 120%;
      text-transform: uppercase;
      text-decoration: none;
    }
  }
}

.footer {
  color: #fcf7f7;

  padding-block: clamp(2.25rem, 1.607vw + 1.929rem, 3.375rem);

  .footer-wrapper {
    border: 1px solid #0fbedc;
    border-radius: 20px;
    padding: 24px 16px;
    margin-bottom: 24px;

    color: #fcf7f7;
    font-size: 14px;
    font-weight: 400;
  }

  .footer__text {
    width: 100%;
    max-width: 1170px;
    margin-bottom: 24px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    font-size: 14px;
  }
  .foot__nav {
    display: grid;
    grid-template-areas:
      "item1 item1 item1"
      "item2 item3 item4";
    gap: 24px;
    @media (min-width: 834px) {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 32px;
    }

    li {
      @media (max-width: 833px) {
        &:nth-child(1) {
          grid-area: item1;
        }
        &:nth-child(2) {
          grid-area: item2;
        }
        &:nth-child(3) {
          grid-area: item3;
        }
        &:nth-child(4) {
          grid-area: item4;
        }
      }
    }

    a {
      text-decoration: none;
      transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
      &:hover {
        text-decoration: underline;
      }
    }
  }
}