body {
      font-family: Arial, sans-serif;
      background-color: #f8f9fa;
    }
    .header, .footer {
      /*background: linear-gradient(180deg, #020024 0%, #090979 35%, #56370b 100%);*/
      background: linear-gradient(180deg, #020024 0%, #090979 35%, #56370b 100%);
      color: #fff;
      text-align: center;
      padding: 20px;
    }
    .content {
      padding: 20px 10px;
    }
.card {
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  background: linear-gradient(45deg, #A06020, #400000);
  color: #E0C0A0;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-1{
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  background: linear-gradient(45deg, #E0C0A0, #C0C0A0);
  color: #202020;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-2 {
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  background: linear-gradient(45deg, #202020, #400000);
  color: #E0C0A0;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
    .card:nth-child(even) {
      background: linear-gradient(45deg, #3a7bd5, #3a6073);
    }
    .card:hover {
      transform: translateY(-5px) scale(1.05);
      box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    }
    .whatsapp-popup {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background: #25d366;
      color: white;
      padding: 15px;
      border-radius: 50%;
      font-size: 24px;
      z-index: 999;
      animation: popUp 1s infinite alternate;
    }
    @keyframes popUp {
      0% {transform: scale(1);}
      100% {transform: scale(1.1);}
    }
    .footer-links {
      margin-top: 20px;
    }
    .footer-links h5 {
      color: #fff;
    }
    .footer-links ul {
      list-style: none;
      padding: 0;
    }
    .footer-links ul li a {
      color: #ccc;
      text-decoration: none;
    }
    .footer-links ul li a:hover {
      color: #fff;
    }
    /* Popup Container */
#whatsappForm {
  background: linear-gradient(135deg, #E0C0A0, #C0C0A0);
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(32, 32, 32, 0.3);
  max-width: 330px;
  margin: auto;
  border: 2px solid #A06020;
  animation: fadeIn 0.3s ease-in-out;
}

/* Heading */
#whatsappForm h5 {
  color: #400000;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: center;
}

/* Input Fields */
#whatsappForm input,
#whatsappForm textarea {
  background: #fff;
  border: 1px solid #A06020;
  border-radius: 8px;
  color: #202020;
  padding: 10px;
  transition: 0.3s;
}

#whatsappForm input:focus,
#whatsappForm textarea:focus {
  border-color: #400000;
  box-shadow: 0 0 5px rgba(160, 96, 32, 0.6);
}

/* Buttons */
#whatsappForm .btn-send {
  background: linear-gradient(45deg, #A06020, #400000);
  border: none;
  color: #fff;
  font-weight: 600;
  padding: 10px 15px;
  border-radius: 8px;
  transition: 0.3s;
}

#whatsappForm .btn-send:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 12px rgba(64, 0, 0, 0.4);
}

#whatsappForm .btn-cancel {
  background: #202020;
  color: #E0C0A0;
  border: none;
  padding: 10px 15px;
  border-radius: 8px;
  margin-top: 6px;
  transition: 0.3s;
}

#whatsappForm .btn-cancel:hover {
  background: #400000;
}

/* Animation */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.92); }
  to { opacity: 1; transform: scale(1); }
}