@media (min-width: 1420px) {
  .anim-circle {
    left: -15%;
  }

  .anim-circle-2 {
    top: 60%;
    left: auto;
    right: -15%;
  }
}

@media (max-width: 1200px) {
  .clients::after {
    top: -100px;
    right: -200px;
    width: calc(656px / 2);
    height: calc(700px / 2);
    opacity: 0.5;
  }
  .anim-circle {
    left: -320px;
  }

  .anim-circle-2 {
    right: -320px;
    left: auto;
  }
  .testimonial-client-wrapper {
    max-height: fit-content;
    min-height: 420px;
  }
}

@media (max-width: 991px) {
  .hero {
    height: 750px;
  }
  #mainNavbar {
    position: absolute;
    top: 66px;
    left: 0;
    padding-left: 1rem;
    padding-top: 1rem;
    background: var(--theme-light-skyblue);
    width: 100%;
    padding-bottom: 1rem;
  }
  header .nav-link {
    color: var(--theme-blue);
  }
  .clients::after {
    top: -250px;
    right: -250px;
    width: calc(656px / 2);
    height: calc(700px / 2);
    opacity: 0.5;
  }
  .clients::before {
    width: calc(656px / 1.8);
    height: calc(700px / 1.8);
  }
}

@media (max-width: 769px) {
  .anim-circle {
    left: -350px;
  }

  .anim-circle-2 {
    right: -350px;
    left: auto;
  }
  .hero {
    height: 700px;
  }
  .logo {
    max-height: 28px;
    width: auto;
  }
  main {
    margin-top: -64.59px;
  }
  :root {
    --font-12: 1rem;
  }
}

@media (max-width: 576px) {
  .client-title {
    width: 40px;
  }
}

@media (max-width: 414px) {
}