@media (max-width: 767px) {
  .site-header__inner {
    padding: 16px 20px;
  }

  .brand__logo {
    width: 40vw;
    height: auto;
  }
  .mobile-menu__list a {
    font-size: 1.5rem;
  }
  .mobile-menu__cta {
    margin: 0 var(--gutter) var(--space-sm);
    padding: 1.5vw 3.8vw 1.5vw 3.5vw;
    width: max-content;
    font-size: 1.5rem;
    box-shadow: 0px 1vw 0.8vw 0.1vw rgba(20, 40, 35, 0.2);
  }
  .contact__icon {
    width: 8vw;
    height: 9vw;
  }
  .btn {
    font-size: 3.73vw;
    gap: 2.8vw;
    box-shadow: 0 0.8vw 0.4vw 0.1vw rgba(20, 40, 35, 0.2);
  }
  .btn .more_icon {
    width: 4.66vw;
    height: 2.15vh;
  }
  .btn_call svg,
  .btn svg {
    width: 8.47vw;
    height: 5.34vh;
  }
  .btn--sm {
    padding: 1.94vh 4.66vw;
  }
  .hero {
    padding: 24px 20px 0px;
  }
  .hero__inner {
    gap: 0;
  }
  .hero__copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .hero__title {
    font-size: 7.45vw; /* 32px */
    line-height: 4.3vh;
    max-width: none;
  }

  .hero__subtitle {
    font-size: 5.59vw; /* 24px */
  }

  .hero__media img {
    width: 100%;
    /* max-width: 320px; */
    margin: 0 auto;
  }
  .section-title {
    font-size: 7.45vw;
    margin-bottom: 4.51vh;
    letter-spacing: 0;
  }
  .stats {
    padding: 0 7.93vw;
    padding-top: 5.26vh;
  }

  .stats__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8.38vw; /* 8.38vw:36px */
  }

  .stats__item {
    gap: 1.29vh; /* 1.29vh:12px */
  }

  .stats__value {
    font-size: 6.52vw; /* 6.52vw:28px; */
  }

  .stats__label {
    font-size: 4.66vw; /* 20px */
    line-height: 2.15vh; /* 20px */
  }

  .about {
    padding: 0 5.59vw; /* 5.59vw:24px */
    padding-top: 6.44vh; /* 6.44vh:60px */
  }
  .about__inner > *:first-child {
    order: 2;
  }
  .about__inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .about__portrait {
    /* width: min(240px, 70vw); */
    width: min(300px, 70vw);
  }
  .about__title {
    font-size: 7.45vw;
    margin-bottom: 1.61vh; /* 1.61vh:15px */
  }
  .about__copy p {
    font-size: 3.73vw; /* 3.73vw:16px; */
    line-height: 2.58vh; /* 2.58vh:24px; */
  }
  .about__banner {
    padding: 3.87vh 4.66vw; /* 3.87vh:36px 4.66vw:20px; */
    border-radius: 2.8vw; /* 12px */
    gap: 2.58vh;
  }

  .about__banner p {
    font-size: 4.19vw; /* 18px */
    line-height: 2.8vh; /* 26px */
    text-align: center;
    padding: 0 4.42vw; /*0 4.42vw:19px */
    width: 100%;
  }
  .about__banner p:nth-last-child(1),
  .about__banner p:nth-last-child(1) a {
    font-size: 4.66vw; /* 20px */
    line-height: 2.8vh; /* 26px */
    text-align: center;
    padding: 0 4.66vw;
  }

  .services,
  .testimonials,
  .ebook,
  .resources {
    padding: 0 5.59vw;
    padding-top: 6.44vh;
  }

  .services__grid {
    grid-template-columns: 1fr;
    gap: 3.55vh;
  }

  .service-card {
    padding: 4.3vh 13.96vw;
    border-radius: 2.8vw;
    gap: 3.22vh;
    box-shadow: 0 0vw 1vw 0.2vw rgba(20, 40, 35, 0.2);
  }
  .service-card .btn svg {
    width: 4.66vw;
    height: 2.15vh;
  }
  .service-card h3 {
    font-size: 6.52vw;
    line-height: 3.01vh;
  }
  .service-card p {
    font-size: 3.73vw;
    /* line-height: 1.99vh; */
  }
  .service-card .btn {
    font-size: 3.73vw;
    border: 0.1vw solid #fff;
    gap: 2.8vw;
  }
  .clients {
    padding: 0 4.66vw;
    padding-top: 9.66vh;
  }
  .clients__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 6.28vw; /* 27px */
  }

  .clients__logo img {
    width: 32.33vw;
  }

  .impact-banner {
    padding: 6.98vw;
    margin: 0 5.59vw;
    margin-top: 9.66vh;
    border-radius: 3.26vw; /* 3.26vw:14px */
    box-shadow: 0 0.8vw 0.4vw 0.1vw rgba(20, 40, 35, 0.2);
  }
  .impact-banner p {
    font-size: 7.45vw;
  }

  .testimonials__grid {
    gap: 2.58vh;
    align-items: center;
    flex-direction: column;
  }
  .testimonials__grid_img {
    width: 17.68vw;
    height: auto;
  }
  .testimonial-card {
    padding: 3.87vh 13.96vw; /* 3.87vh:36px; 13.96vw:60px */
    border-radius: 2.8vw;
    box-shadow: 0 0vw 1vw 0.2vw rgba(20, 40, 35, 0.2);
  }
  .testimonials__cta {
    margin-top: 3.87vh;
  }
  .testimonial-card blockquote {
    font-size: 4.66vw;
    line-height: 2.58vh;
    margin-bottom: 2.58vh;
  }
  .testimonial-card figcaption {
    gap: 1.29vh;
  }
  .testimonial-card__dash {
    max-width: 100%;
  }
  .testimonial-card__name {
    font-size: 4.66vw;
  }
  .testimonial-card__role {
    font-size: 3.73vw;
  }
  /* .ebook{
    display: flex;
    flex-direction: row;
  } */
  .ebook__device img {
    width: 100%;
  }
  .ebook__copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .eyebrow {
    font-size: 4.66vw;
    margin-bottom: 3.87vh;
  }
  .ebook__copy p:first-of-type {
    font-size: 4.66vw;
    line-height: 2.8vh;
    text-align: center;
    padding-right: 0;
    margin-bottom: 3.87vh;
  }
  .ebook__link {
    font-size: 4.66vw;
    text-align: center;
    margin-bottom: 1.94vh;
  }
  .resources__header {
    gap: 2.58vh;
    margin-bottom: 3.87vh;
    padding-bottom: 2.58vh;
  }
  .resources__header h2 {
    margin-bottom: 0;
  }
  .resources__header p {
    font-size: 3.73vw;
    text-align: left;
    max-width: 100%;
  }
  .resources__grid {
    display: grid;
    gap: 5.59vw;
    grid-auto-flow: column;
    overflow: hidden;
  }
  .resource-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    background-color: var(--color-light);
    border-radius: 6.52vw;
    padding: 1.29vh 2.8vw;
    width: 66.52vw;
  }
  .resource-card img {
    width: 100%;
    border-radius: 5.12vw; /* 5.12vw:22px */
    aspect-ratio: 16 / 10.5;
    object-fit: cover;
    margin-bottom: 2.58vh;
  }
  .resource-card h3 {
    font-size: 3.73vw;
    line-height: 1.95vh;
    /* line-height: 1.72vh;  */
    /* 1.72vh:16px */
    margin-bottom: 1.4vh;
  }
  .resource-card p {
    font-size: 3.73vw;
    /* line-height: 1.72vh; */
    line-height: 1.95vh;
  }
  .resource-card .btn {
    width: auto;
    justify-content: space-between;
    padding: 1.29vh 2.8vw 1.29vh 2.8vw;
    margin-top: 2.58vh;
  }

  .contact {
    margin: 6.44vh 5.59vw;
    flex-direction: column;
    border-radius: 2.8vw;
  }

  .contact__form-wrap {
    width: 100%;
    padding: 3.87vh 8.38vw;
  }
  .contact__form-wrap p {
    font-size: 3.73vw;
    margin-bottom: 0.65vh;
  }
  .contact__title {
    font-size: 7.45vw;
    line-height: 3.44vh; /* 3.44vh:32px; */
    margin-bottom: 2.58vh;
  }
  .contact__form {
    gap: 2.58vh;
  }
  .contact__row {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    gap: 2.8vw;
  }
  .field {
    display: flex;
    flex-direction: column;
    gap: 1.08vh;
    min-width: 100%;
  }
  .field label {
    font-size: 3.25vw;
    line-height: 1.51vh;
  }
  .field input,
  .field textarea {
    font-size: 3.25vw;
    line-height: 1.51vh;
    border-radius: 1.87vw;
    padding: 1vh 1vw;
  }
  .contact__form .btn {
    padding: 1.29vh 2.8vw 1.29vh 2.8vw;
  }

  .site-footer {
    padding: 3.87vh 8.38vw;
  }
  .site-footer__inner {
    flex-direction: column;
    align-items: center;
    padding: 3.87vh 7.91vw;
    gap: 6.44vh;
    border-radius: 3.26vw;
  }
  .footer-brand {
    gap: 0;
    padding-right: 0;
    border-right: 0px solid var(--color-primary);
  }
  .footer-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 0;
  }
  .footer-links__title {
    font-size: 5.59vw;
    line-height: 2.58vh;
    margin-bottom: 1.29vh;
  }
  .footer-links ul {
    gap: 1.29vh;
    align-items: center;
    justify-content: center;
  }
  .footer-links a {
    font-size: 3.73vw;
  }
  .footer-social {
    padding-top: 2.58vh;
  }
  .social-link {
    border-radius: 4vw;
    padding: 0.76vh 1.86vw;
    gap: 1.63vw;
  }
  .social-link p {
    font-size: 3.26vw;
    line-height: 1.94vh;
  }
  .site-footer__bottom {
    margin-top: 2.58vh;
    font-size: 3.26vw;
  }
  .vertical_dash {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .site-header__inner {
    padding: 14px 24px;
  }

  .brand__logo {
    width: 140px;
    height: auto;
  }

  .hero {
    padding: 32px 32px 40px;
  }

  .hero__inner {
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 24px;
  }

  .hero__title {
    font-size: clamp(2.2rem, 3.2vw, 2.9rem);
    line-height: 1.2;
    max-width: 12ch;
  }

  .hero__subtitle {
    font-size: 1.2rem;
  }

  .hero__media img {
    width: 100%;
    max-width: 360px;
    margin-left: auto;
  }

  .stats {
    padding: 24px 32px;
  }

  .stats__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .about__inner {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    text-align: left;
  }

  .about__banner {
    grid-template-columns: 1fr;
  }

  .services__grid {
    grid-template-columns: 1fr 1fr;
  }

  .clients__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .testimonials__grid {
    flex-direction: column;
  }

  .testimonial-card {
    padding: 24px;
  }

  .contact {
    margin: 24px;
    flex-direction: column;
  }

  .contact__form-wrap {
    width: 100%;
  }

  .site-footer__inner {
    padding: 24px;
  }
}