/* CCEM Website - Main Stylesheet */

/* Base Font Family */
body {
  font-family: "Plus Jakarta Sans", sans-serif;
}

.font-serif {
  font-family: "Playfair Display", serif;
}

/* Hero Gradient Background */
.hero-gradient {
  background:
    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("https://images.unsplash.com/photo-1555244162-803834f70033?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80");
  background-size: cover;
  background-position: center;
}

/* Training Page Hero Gradient */
.training-hero-gradient {
  background:
    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("https://www.crystalcem.com/images/7-Best-Famous-Black-Female-Chefs.jpg");
  background-size: cover;
  background-position: center;
}

/* Gold Gradient */
.gold-gradient {
  background: linear-gradient(
    135deg,
    #bf953f,
    #fcf6ba,
    #b38728,
    #fbf5b7,
    #aa771c
  );
}

.gold-gradient-simple {
  background: linear-gradient(135deg, #d4af37 0%, #f97316 100%);
}

/* Service Cards */
.service-card {
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.service-card:hover {
  transform: translateY(-5px);
}

/* Form Step Active State */
.form-step-active {
  border-color: #d4af37;
  color: #d4af37;
}

/* Radio Button Styling */
input[type="radio"]:checked {
  background-color: #d4af37;
  border-color: #d4af37;
}

/* Smooth Animations */
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fade-in-up 0.8s ease-out;
}