body {
  background-color: #f4f7fc;
  font-family: 'Poppins', sans-serif;
}

/* Navbar */
.navbar {
  background-color: #ffffff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Hero Section */
.hero-section {
  background: linear-gradient(135deg, #007bff, #6610f2);
  color: white;
  padding:  40px;
  box-shadow: 0,5px rgba(0, 0, 0, 0.2);
  position:relative;
}

.hero-section i {
  font-size: 40px;
  margin-bottom: 10px;
}

/* Coustom Button*/
.btn-custom {
  background: linear-gradient(135deg, #28a745, #20c997);
  color: white;
  border: none;
  padding: 8px 3px;
  font-size: 16px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.btn-custom:hover {
  background: linear-gradient(135deg, #30c997, #17a2b8);
  transform: (1.05);
}

.list-group-item {
  border: none;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  padding: 15px;
  display: flex;
  align-items: center;
}

.list-group-item i {
  font-size: 20px;
  margin-right: 10px;
  color: #007bff;
}

/* FAQ */


/* FAQ Box */
.faq-box {
  background: #ffffff;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 15px;
}

/* Contact Box */
.contact-box {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Footer */
footer {
  background-color: #343434;
  color: white;
  padding: 16px;
}

.privacy-container {
  max-width: 900px;
  margin: 50px auto;
  margin-top: 1px;
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
  text-align: center;
  color: #343a40;
}
.top {
  margin-top: 40px;
  margin-bottom: 5px;
}
.privacy-point {
  margin-bottom: 25px;
}
.privacy-point h4 {
  color: #007bff;
  margin-top: 30px;
  margin-bottom: 10px;
}