/* Common Background Styles for all pages */

/* Pattern Background - Used in multiple sections */
.pattern-bg-section {
  position: relative;
  z-index: 1;
}

.pattern-bg-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../assets/images/pattern-bg.png');
  background-size: cover;
  background-position: center;
  opacity: 0.04;
  z-index: 0;
}

/* Introduction to ASSET Section Background */
.intro-asset-section {
  position: relative;
  overflow: hidden;
}

.intro-asset-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, 
    rgba(var(--asset-red-rgb), 0.05) 0%, 
    rgba(var(--asset-blue-rgb), 0.05) 100%);
  z-index: 0;
}

/* For dark theme */
.dark-theme .intro-asset-section::before {
  background: linear-gradient(135deg, 
    rgba(var(--asset-red-rgb), 0.1) 0%, 
    rgba(var(--asset-blue-rgb), 0.1) 100%);
}

/* Tailored Program Cards Backgrounds */
.program-card-img {
  height: 200px;
  background-size: cover;
  background-position: center;
  position: relative;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.program-card-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
  z-index: 1;
}

/* Removed background images from school and college program sections */
.school-program {
  /* background-image property removed */
}

.college-program {
  /* background-image property removed */
}

.professional-program {
  background-image: url('../assets/images/H_Proff_program.jpeg');
}

/* Quick Enquiry Form Section */
.contact-section {
  padding: 5rem 0;
  background-color: var(--bg-secondary);
  position: relative;
  z-index: 1;
}

.contact-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../assets/images/pattern-bg.png');
  background-size: cover;
  background-position: center;
  opacity: 0.03;
  z-index: 0;
}

.contact-form {
  position: relative;
  z-index: 2;
  transition: all 0.4s ease;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07);
}

/* For other sections that need the pattern background */
.why-choose-section::before,
.achievements-section::before,
.about-section::before,
.programs-section::before,
.ceo-features-section::before,
.clients-section::before,
.why-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../assets/images/pattern-bg.png');
  background-size: cover;
  background-position: center;
  opacity: 0.04;
  z-index: 0;
}