@media (max-width: 1220px) {
  .enigineer-wrap--3 {
    width: 170% !important;
  }
}

@media (max-width: 1200px) {
  .container-navigation {
    margin: 0 72px;
    /* background-color: red; */
  }

  .container-hero {
    margin: 0 72px;
  }

  .enigineer-wrap--3 {
    width: 160% !important;
  }

  .cta-input {
    width: 90%;
  }

  .file-input {
    width: 95%;
  }
  .textarea {
    width: 95%;
  }

  /* .cta-input-2 {} */

  .all-input-flex {
    gap: 0;
  }
  .enigineer-wrap {
    width: 110%;
  }

  .container-discover {
    padding-left: 0;
  }
}

@media (max-width: 1130px) {
  .input-wrap-div {
    gap: 0;
    align-items: center;
  }

  .cta-input {
    width: 90%;
    padding-left: 16px;
    padding-right: 12px;
  }

  .file-input {
    width: 95%;
    padding-left: 16px;
    padding-right: 12px;
  }
  .textarea {
    width: 95%;
    padding-left: 16px;
    padding-right: 12px;
  }

  .footer-content-wrap {
    gap: 24px;
  }
}

@media (max-width: 1080px) {
  .enigineer-wrap {
    width: 115%;
  }

  .cta-input {
    width: 88%;
    padding-left: 6px;
    padding-right: 6px;
  }

  .file-input {
    width: 94%;
    padding-left: 6px;
    padding-right: 6px;
  }

  .textarea {
    width: 94%;
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media (max-width: 1000px) {
  .enigineer-wrap--3 {
    width: 130% !important;
  }

  .all-engineer-div--2 {
    margin-top: 15px;
    gap: 18px;
  }

  .engineer-max-wrap {
    gap: 18px;
  }

  .footer-content-wrap {
    gap: 0px;
  }
}

@media (max-width: 938px) {
  .container-navigation {
    margin: 0 24px;
  }

  .container-hero {
    margin: 0 24px;
  }

  .container-cta {
    margin-left: 18px;
  }

  .enigineer-wrap--3 {
    width: 120% !important;
  }

  .footer-content-wrap {
    gap: 0px;
  }

  .container-footer {
    margin: 0 24px;
  }

  .container-extract {
    margin-left: 24px;
  }

  /* .hero-backgrnd-div {
        height: 60vh;
    } */
}

@media (max-width :900px) {
    .hero-backgrnd-div {
        height: 65vh;
    }
}

@media (max-width: 880px) {
  .nav-button-wrap {
    display: none;
   
  }

  .open .nav-button-wrap {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  .open .sticky-background {
    height: 100vh;
  }

  .queries-menu-wrap {
    background: none;
    outline: none;
    border: none;
  }

  .queries-menu {
    font-size: 32px;
    color: #fff;
    padding: 12px;
    display: block;
    transition: all .5s ease;
  }

  .queries-menu-wrap {
    display: flex;
  }

  .queries-menu:focus {
    outline: 5px solid rgba(210, 206, 206, 0.552);
  }

  .queries-menu:hover {
    outline: 1px solid #fff;
  }

  .queries-menu[name="close-outline"]{
  display: none;
}

.open .queries-menu[name="close-outline"]{
  display: block;
}

.open .queries-menu[name="menu-outline"]{
  display: none;
}

  .nav-button-quotes-textarea {
    display: inline-block;
    margin-bottom: 32px;
  }

  .nav-button-quotes--2 {
    display: inline-block;
  }

  .all-textarea {
    margin-bottom: 24px;
  }

  .container-navigation {
    margin: 0 96px;
  }

  .container-hero {
    margin: 0 96px;
  }

  .content--bg {
    font-size: 32px;
  }

  .content--md {
    font-size: 12px;
  }

  .extract-text-lg {
    font-size: 24px;
  }

  .extract-text-sm {
    font-size: 14px;
  }

  .container-extract {
    margin-left: 46px;
  }

  .extract-grid-div {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  .hero-typing-img {
    height: 300px;
  }

  .hero-2-text-wrap {
    gap: 24px;
  }

  .hero-2-text-lg {
    font-size: 24px;
  }

  .hero-2-text-sm {
    font: 16px;
  }

  .discover-text-lg {
    font-size: 40px;
  }

  .discover-text-sm {
    font-size: 16px;
  }

  .engineer-max-wrap {
    /* flex-direction: row; */
    gap: 24px;
  }

  .all-engineer-div {
    flex-direction: column;
    gap: 24px;
  }

  .discover-flex-div {
    flex-direction: column;
    /* gap: 24px; */
  }

  .enigineer-wrap {
    width: 105%;
  }

  .container-discover,
  .container-cta,
  .container-footer {
    margin: 0 96px;
  }

  .input-wrap-div,
  .input-wrap-div--2 {
    flex-direction: column;
  }

  .all-input-flex {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }

  .labels {
    display: block;
  }

  .cta-input {
    width: 225%;
  }

  .all-engineer-div--2 {
    gap: 24px;
  }

  .input-wrap-div {
    gap: 28px;
  }

  .input-wrap-div--2 {
    margin-top: 28px;
    gap: 24px;
  }

  .file-input {
    width: 225%;
  }

  .textarea {
    width: 225%;
    height: 320px;
  }

  .enigineer-wrap--3 {
    width: 285% !important;
  }

  .footer-content-wrap {
    gap: 24px;
  }

  .tool-img-wrap {
    gap: 46px;
  }

  .tool-imgs {
    width: 32px;
    height: 32px;
  }

  .hero-backgrnd-div {
        height: 60vh;
    }
}

@media (max-width: 800px) {
  .textarea,
  .file-input,
  .cta-input {
    width: 210%;
  }

  .footer-content-wrap {
    gap: 12px;
    flex-direction: column;
  }

  .enigineer-wrap--3 {
    width: 268% !important;
  }

  .content--bg {
    font-size: 28px;
  }
}

@media (max-width: 760px) {
  .textarea,
  .file-input,
  .cta-input {
    width: 190%;
  }

  .enigineer-wrap--3 {
    width: 245% !important;
  }

  .tool-img-grid {
    display: flex;
  }
}

@media (max-width: 742px) {
  .footer-text-heading {
    font-size: 16px;
  }

  .footer-text-bg {
    font-size: 14px;
  }

  .footer-content-wrap {
    gap: 12px;
    flex-direction: column;
  }

  /* .container-footer {
    margin: 0;
}
} */

  @media (max-width: 680px) {
    .container-discover,
    .container-footer {
      margin: 0 72px;
    }

    .container-cta {
      margin: 0 46px;
    }
  }

  @media (max-width: 630px) {
    .textarea,
    .file-input,
    .cta-input {
      width: 170%;
    }

    .enigineer-wrap--3 {
      width: 218% !important;
    }
  }

  @media (max-width: 578px) {
    .container-discover,
    .container-cta,
    .container-footer,
    .container-navigation,
    .container-extract,
    .container-hero,
    .container-hero--2 {
      margin: 0 !important;
      padding: 0 12px;
    }

    .content--md {
      font-size: 15px;
      line-height: 1.9;
    }

    .extract-text-wrap {
      flex-direction: column;
      /* justify-content: flex-start; */
      gap: 46px;
      align-items: flex-start;
    }

    .extract-text-lg {
      text-align: left;
      font-weight: 600;
    }

    .extract-text-sm {
      font-size: 16px;
      line-height: 1.6;
      color: darkgray;
    }

    .extract-grid-div {
      grid-template-columns: 1fr;
      gap: 24px;
    }

    .hero-2-text-wrap {
      flex-direction: column;
      gap: 32px;
    }

    .hero-typing-img {
      width: 95%;
      height: auto;
    }

    .enigineer-wrap {
      width: 100%;
    }

    .cat-text-sm {
      margin-bottom: 46px;
    }

    .cta-input,
    .file-input,
    .textarea {
      width: 150%;
    }

    .enigineer-wrap--3 {
      width: 190% !important;
    }

    .footer-logo {
      width: 170px;
    }

    .footer-text-heading {
      font-size: 18px;
    }

    .footer-text-bg {
      font-size: 16px;
    }

    .footer-display-flex {
      flex-direction: column;
    }

    .footer-content-mini--last {
      margin-left: 0;
    }

    .footer {
      padding-bottom: 72px;
    }
  }

  @media (max-width: 460px) {
    .tool-img-wrap {
      gap: 24px;
    }
  }

  @media (max-width: 430px) {
    .cta-input,
    .file-input,
    .textarea {
      width: 138%;
    }

    .textarea {
      height: 250px;
    }

    .enigineer-wrap--3 {
      width: 175% !important;
    }
  }

  @media (max-width: 400px) {
    .cta-input,
    .file-input,
    .textarea {
      width: 135%;
    }

    .enigineer-wrap--3 {
      width: 170% !important;
    }

    .hero-backgrnd-div {
      height: 100vh;
    }
  }

  @media (max-width: 390px) {
    .all-tool-div {
      margin-bottom: 120px;
    }
  }

  @media (max-width: 368px) {
    .cta-input,
    .file-input,
    .textarea {
      width: 120%;
    }

    .enigineer-wrap--3 {
      width: 150% !important;
    }

    .tool-imgs {
      width: 24px;
      height: 24px;
    }
  }

  @media (max-width: 340px) {
    .cta-input,
    .file-input,
    .textarea {
      width: 110%;
    }

    .enigineer-wrap--3 {
      width: 140% !important;
    }
  }

  @media (max-width: 315px) {
    .cta-input,
    .file-input,
    .textarea {
      width: 100%;
    }

    .enigineer-wrap--3 {
      width: 130% !important;
    }
  }

  @media (max-width: 295px) {
    .cta-input,
    .file-input,
    .textarea {
      width: 98%;
    }

    .enigineer-wrap--3 {
      width: 120% !important;
    }

    .footer-text-bg {
      font-size: 14px;
    }
  }
}