.service-card {
  padding: 45px;
  border-radius: 18px;
  color: #fff;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.service-card i {
  font-size: 42px;
  margin-bottom: 20px;
}

.gradient-1 {
  background: linear-gradient(135deg, #667eea, #764ba2);
}

.gradient-2 {
  background: linear-gradient(135deg, #43cea2, #185a9d);
}

.gradient-3 {
  background: linear-gradient(135deg, #ff758c, #ff7eb3);
}

.gradient-4 {
  background: linear-gradient(135deg, #f7971e, #ffd200);
}

.gradient-5 {
  background: linear-gradient(135deg, #36d1dc, #5b86e5);
}

.gradient-6 {
  background: linear-gradient(135deg, #8e2de2, #4a00e0);
}

.service-card ul {
  padding-left: 0;
  margin-top: 20px;
}

.service-card ul li {
  list-style: none;
  line-height: 2;
}

.service-card ul li:before {
  content: "✓";
  margin-right: 8px;
  font-weight: bold;


.nav a.active {
  color: #fff;
  background-color: #ff4a57;
  border-radius: 20px;
  padding: 8px 18px;
}
a.logo {
    width: 250px;
}