/*=============== Large Devices ===============*/
@media (max-width: 1250px) {

  /* body {
    background-color: rgb(4, 244, 4);
   } */
   section {
      margin: 8rem 6rem;
   }

   .navbar__logo {
      width: 35%;
    }
}

/*=============== Medium 1 Devices ===============*/
@media(max-width: 968px) {
  /* body {
      background-color: rgb(1, 202, 1);
     }  */
     section {
      margin: 8rem 3rem;
   }
   .navbar__logo {
    width: 60%;
  }

}



/*=============== Medium 2 Devices ===============*/

@media (max-width: 760px) {
  /* General Styles */
 /*------------------------------------------------------*/
  /* body {
    background-color: rgb(1, 148, 1);
  } */
  section {
    margin: 8rem 1rem;
  }

  /* Nav Bar*/
  /*------------------------------------------------------*/

  .navbar__options {
    display: flex;
    flex-direction: column;

  }

  .navbar {
    justify-content: space-between;
  }

  .navbar__logo {
    width: 25%;
  }

  .navbar__options{
    position: fixed;
    background-color: #FFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    padding: 2.5rem 0;
    width: 90%;
    top: -100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: .4s;
    border-radius: 2rem;
    z-index: 100;
 }

 .hamburguer__menu {
    width:5rem;
 }

 ul{
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.5rem;
 }

 .nav__toggle {
  display:contents;
  font-size: 1.3rem;
  cursor: pointer;
} 
.show-menu {
  top: 4rem;
} 
  /* First Section Styles*/
  /*------------------------------------------------------*/
  .info__section{
    flex-direction:column;
  }

  .info__section__text{
    text-align: center;
    margin-left: 2rem;
    margin-top:3rem;
  }

  /* Second Section Styles*/
   /*------------------------------------------------------*/
  .info__section_two{
    flex-direction:column;
  }

  .info__section__text_two{
    text-align: center;
    margin-right: 2rem;
    margin-bottom: 3rem;
  }

  /* Client Section Styles*/
  /*------------------------------------------------------*/
  .clients__section__cards{
    flex-direction: column;
    align-items: center;
  }
  .card {
    width: 25rem;
  }

  /* Footer */
  /*------------------------------------------------------*/
  .footer {
    flex-direction: column;
    padding: 6rem 4rem;
    gap: 3rem;
  }
  
  .footer__list{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 1.5rem;
  }

  .footer__data {
    padding-top:5rem;
}

}


/*=============== Small Devices ===============*/

@media (max-width: 370px) {
  /* body {
    background-color: rgb(1, 61, 1);
   } */

   .navbar__options{
      position: fixed;
      background-color: #FFFF;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
      padding: 2.5rem 0;
      width: 90%;
      top: -100%;
      left: 0;
      right: 0;
      margin: 0 auto;
      transition: .4s;
      border-radius: 2rem;
      z-index: 100;
   }

   .hamburguer__menu {
    width:10rem;
 }

   ul{
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.5rem;
   }

   .nav__toggle {
    display:contents;
    font-size: 1.3rem;
    cursor: pointer;
  } 
  .navbar__logo {
    width: 30%;
  }
  .show-menu {
    top: 4rem;
} 

   section {
    margin: 8rem 1rem;
 }

 .footer__list{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.5rem;
}
.footer__data {
  padding-top:5rem;
}

.footer__map{
  width: 5rem;
width: 100%;
}
}