/* ==========================================================
   SOCIAL
========================================================== */

.social-section {
  padding: 120px 0;

  background: #f7f9fc;
}

.social-grid {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 40px;

  margin-top: 70px;
}

.social-card {
  background: #fff;

  border-radius: 24px;

  padding: 50px;

  text-align: center;

  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.08);

  transition: 0.35s;
}

.social-card:hover {
  transform: translateY(-8px);

  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
}

.social-card i {
  font-size: 4rem;

  margin-bottom: 25px;

  transition: 0.35s;
}

.instagram i {
  color: #e1306c;
}

.instagram {
  border-top: 6px solid #e1306c;
}

.facebook i {
  color: #1877f2;
}

.facebook {
  border-top: 6px solid #1877f2;
}

.social-card h3 {
  margin-bottom: 18px;

  font-size: 2rem;

  color: #143a5a;
}

.social-card p {
  color: #666;

  line-height: 1.8;

  margin-bottom: 35px;
}

.social-button {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  min-width: 240px;

  padding: 16px 30px;

  border-radius: 999px;

  text-decoration: none;

  font-weight: 700;

  font-size: 1rem;

  transition: 0.3s;
}

.instagram-button {
  background: #e1306c;

  color: #fff;
}

.instagram-button:hover {
  background: #c91b5f;

  transform: translateY(-3px);
}

.facebook-button {
  background: #1877f2;

  color: #fff;
}

.facebook-button:hover {
  background: #0f62d6;

  transform: translateY(-3px);
}

.social-button i {
  font-size: 1.2rem;

  margin: 0;
}

.social-button:hover {
  background: #e5007d;

  transform: translateY(-3px);
}