/* *************************************** */
/* 1160px */
/* *************************************** */
@media only screen and (max-width: 72.5em) {
  .feature__grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4rem;
    row-gap: 7rem;
  }
}
/* *************************************** */
/* 1060px */
/* *************************************** */
@media only screen and (max-width: 66.25em) {
  .blogs__container {
    column-gap: 3rem;
  }
}

/* *************************************** */
/* 990px */
/* *************************************** */
@media only screen and (max-width: 61.9em) {
  .header__list {
    display: none;
  }

  .header__nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    padding: 2rem 3rem 2rem 0;
  }

  .mobile__nav-btn {
    display: block;
  }

  .nav-btn {
    display: block;
  }
  .about__grid {
    grid-template-columns: 1fr;
    grid-template-rows: 4.5fr 6fr;
  }

  .blogs__container {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 5rem;
  }

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

  .cta {
    grid-template-columns: 3fr 2fr;
  }
  .cta-form {
    grid-template-columns: 1fr;
  }
  .btn__form {
    margin-top: 1.2rem;
  }
  .cta-text-box {
    padding: 3.2rem;
  }

  .footer__copyright__container {
    gap: 0.6rem;
    flex-direction: column;
    align-items: flex-start;
  }
}

/* *************************************** */
/* 990px */
/* *************************************** */
@media only screen and (min-width: 61.9em) {
  .nav__checkbox:checked ~ .mobile__nav {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
}

/* *************************************** */
/* 760px */
/* *************************************** */
@media only screen and (max-width: 47.5em) {
  .header__logo {
    height: 15rem;
  }

  .header__line {
    margin: 3.5rem 0 5.5rem;
  }

  .header__nav {
    padding: 1.8rem 3rem 1.8rem 0;
  }

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

  .heading__secondary {
    font-size: 3.6rem;
  }

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

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

  .cta-img-box {
    height: 32rem;
    grid-row: 1;
  }

  .feature__grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .footer__container {
    padding: 3rem 0 5rem;
    flex-direction: column;
    gap: 3rem;
  }

  .separator {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }
}

/* *************************************** */
/* 520px */
/* *************************************** */
@media only screen and (max-width: 32.5em) {
  html {
    font-size: 56.25%;
  }

  .container {
    padding: 0 2rem;
  }
  .container--1 {
    padding: 0 2rem;
  }

  .heading__secondary {
    font-size: 3.3rem;
  }

  .header__nav {
    padding: 1.8rem 2rem 1.8rem 0;
  }

  .section__about {
    text-align: center;
  }

  .about__heading {
    font-size: 3rem;
  }

  .about__grid {
    grid-template-rows: 4fr 6fr;
  }

  .about__content__box {
    padding: 3rem 2rem 6rem;
  }

  .blog__img__box {
    height: 330px;
  }

  .team__container {
    grid-template-columns: 1fr;
    row-gap: 9rem;
  }

  .solution__img {
    width: 27rem;
  }

  .cta-text-box {
    padding: 2rem;
  }
}