/*
 * Slidy homepage designer wave 2
 * Source: trafking43-traff/slidy-public-html-design@44e5bfeef9a1e0b50f97126a03500cfa76ad3f14
 *
 * Visual/layout delta only. Scoped under .archive-wide-home so the designer
 * fixes do not leak into catalog, presentation, about, team, contact or other
 * pages. The production promo banner is intentionally untouched.
 */

.archive-wide-home .home-hero-heading {
  position: relative;
}

.archive-wide-home .hero-bg {
  top: -100px;
  height: 100%;
}

.archive-wide-home .hero-ellipse {
  height: 425px;
}

.archive-wide-home .hero-ellipse img {
  object-position: top;
}

.archive-wide-home .hero-task-other {
  break-before: always;
}

.archive-wide-home .possibilit-pagination,
.archive-wide-home .gallery-pagination {
  display: none;
}

.archive-wide-home .possibilit-photo span {
  position: relative;
  padding-left: 20px;
}

.archive-wide-home .possibilit-photo span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='25' viewBox='0 0 31 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1.21942' y1='12.9477' x2='14.2194' y2='22.9477' stroke='%23004EC8' stroke-width='4'/%3E%3Cline x1='11.4521' y1='23.2665' x2='29.4521' y2='1.26648' stroke='%23004EC8' stroke-width='4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.archive-wide-home .tools-card-last {
  overflow: hidden;
  background-color: var(--primary-cont);
}

.archive-wide-home .tools-photo {
  height: auto !important;
}

.archive-wide-home .tools-femboy {
  right: -27px;
  bottom: -146px;
  height: 450px;
}

.archive-wide-home .apps-ai-line {
  background-color: var(--main-container7);
  padding: 17px;
  border-radius: 10px;
  border: 1px solid var(--border);
}

.archive-wide-home .statistics-user {
  z-index: 99;
}

.archive-wide-home .trust-bg {
  bottom: 0;
  height: 100%;
}

.archive-wide-home .trust-bg img {
  object-fit: cover;
}

.archive-wide-home .trust-fon {
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
}

.archive-wide-home .trust-fon img {
  width: 100%;
  height: 211px;
}

@media (max-width: 1980px) {
  .archive-wide-home .hero-ellipse {
    height: 430px;
  }
}

@media (max-width: 1599px) {
  .archive-wide-home .hero-bg {
    top: -50px;
    height: 100%;
  }

  .archive-wide-home .hero-ellipse {
    height: 350px;
  }
}

@media (max-width: 1144px) {
  .archive-wide-home .tools-femboy {
    right: -40px;
    height: 450px;
  }
}

@media (max-width: 1024px) {
  .archive-wide-home .tools-femboy {
    height: 400px;
  }

  .archive-wide-home .tools-card-last {
    justify-content: start;
  }
}

@media (max-width: 1019px) {
  .archive-wide-home .possibilit-pagination,
  .archive-wide-home .gallery-pagination {
    display: flex;
  }
}

@media (max-width: 768px) {
  .archive-wide-home .hero-partners-wrapper {
    min-width: 350px;
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .archive-wide-home .hero-task-block {
    margin: 18px auto 0;
  }

  .archive-wide-home .hero-task-small-block {
    max-width: 80%;
  }

  .archive-wide-home .tools-femboy {
    height: 350px;
  }
}

@media (max-width: 576px) {
  .archive-wide-home .hero-bg {
    height: 1005px;
  }

  .archive-wide-home .compare-col--accent {
    width: auto;
  }

  .archive-wide-home .side-nav-mobile {
    z-index: 99;
  }

  .archive-wide-home .task-menu.has-scroll-left::after {
    display: none;
  }

  .archive-wide-home .trust-body .btn-start {
    display: flex;
  }

  .archive-wide-home .tools-card-last {
    align-items: flex-start;
  }

  .archive-wide-home .tools-card-last .tools-info {
    max-width: 208px;
  }

  .archive-wide-home footer {
    padding: 32px 0 85px 0;
  }
}

@media (max-width: 500px) {
  .archive-wide-home .tools-card-last {
    height: 264px;
  }

  .archive-wide-home .tools-card-last .tools-info {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .archive-wide-home .tools-card-last .tools-info p {
    flex: 1;
  }

  .archive-wide-home .tools-femboy {
    height: 350px;
    right: -18%;
    bottom: -35%;
    rotate: -18deg;
  }
}

@media (max-width: 450px) {
  .archive-wide-home .tools-femboy {
    height: 366px;
    right: -40%;
    bottom: -30%;
  }
}