

.main_cards-container {
  margin-top: 8rem;
}

.main_cards-container h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem;
  color: #008eef;
  text-align: center;
  text-decoration: underline;
}

.main_cards {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}

.main_card {
  width: 400px;
}

/* Footer  */

.footer_container {
  background-color: #0a0a0a;
  padding: 20px 60px;
}

.logo_address,
.footer_icons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.address {
  text-align: center;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 600;
}

.logo img {
  width: 300px;
  height: auto;
}

.icons_terms {
  margin-top: 3rem;
}

.footer_icons {
  gap: 20px;
  font-size: 3rem;
  font-weight: 600;
  cursor: pointer;
}

.facebook_icon svg {
  color: #ffffff;
}

.instagram_icon svg {
  color: #ffffff;
}

.facebook_icon svg:hover {
  transition: color 0.3s ease;
  color: #1877f2;
}

.instagram_icon svg:hover {
  color: #e4405f;
  transition: color 0.3s ease;
}

.privacy_terms {
  display: flex;
  justify-content: center;
  gap: 30px;
}

.privacy_terms p a{
  margin-bottom: 0;
  color: #f1f1f1;
  text-decoration: underline;
  font-size: 1.6rem;
  font-weight: 600;
  cursor: pointer;
}

@media only screen and (min-width: 360px) and (max-width: 480px) {
  .main_cards-container {
    margin: 0;
  }

  .footer_container {
    padding: 20px 0px;
  }

  .main_cards {
    display: block;
    margin: 0 3.5rem;
  }
  .main_card {
    margin-top: 2rem;
    width: 350px;
  }

  .logo_address {
    display: block;
    text-align: center;
  }

  .footer_icons {
    justify-content: center;
    gap: 30px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
 
  .elife_main_container.fiber {
    width: 91%;
    height: auto;
    padding-bottom: 10px;
  }

 
  .main_cards {
    display: block;
    margin: 0 3.5rem;
  }

  .main_card {
    margin-top: 2rem;
    width: 320px;
    height: auto;
  }

  .logo_address {
    display: block;
    text-align: center;
  }

  .footer_container {
    padding: 20px 0px;
  }

  .footer_icons {
    justify-content: center;
    gap: 30px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .footer_container {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    text-align: center;
    margin: 0 0 30px;
  }

  .main_cards {
    gap: 0px;
  }

  .main_card {
    width: 350px;
  }

  .logo_address {
    margin-top: 2rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1220px) {
  .logo_address {
    margin:  3rem;
}
}