.elementor-1848 .elementor-element.elementor-element-840e5f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1848 .elementor-element.elementor-element-256ecf0{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c75c4d1 *//* --- Custom Variables for Color --- */
:root {
  --primary-color: #0381A8; /* CTA background, subheadings, links */
  --black-text: #000000;
  --white-text: #ffffff; /* CTA text */
  --light-bg: #f7f7f7; /* For subtle section backgrounds */
}

/* --- Base Styling and Typography --- */
.custom-page-container h1,
.custom-page-container h2,
.custom-page-container h3,
.custom-page-container h4,
.custom-page-container p,
.custom-page-container ul,
.custom-page-container li {
  font-family: Arial, sans-serif; /* Recommended for clarity/readability */
  line-height: 1.6;
}

/* Main Heading Style (h2) - Centered and Black */
.custom-page-container h2 {
  color: var(--black-text);
  font-size: 2.5em; 
  margin-bottom: 0.5em;
  font-weight: bold;
    text-align: center; /* <<< ADDED CENTERING HERE */
}

/* Subheading Style (h3) - Centered and Primary Color */
.custom-page-container h3 {
  color: var(--primary-color);
  font-size: 1.5em;
  font-weight: 600;
  margin-top: 0.5em;
  margin-bottom: 0.25em;
    text-align: center; /* <<< ADDED CENTERING HERE */
}

/* CTA Button Styling - (Kept for completeness, no change needed) */
.custom-cta-button {
  display: inline-block;
  background-color: var(--primary-color); 
  color: var(--white-text) !important; 
  text-decoration: none;
  padding: 15px 30px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 1.1em;
  transition: background-color 0.3s ease;
  border: none;
  margin-top: 20px;
  cursor: pointer;
}

.custom-cta-button:hover {
  background-color: #02607a; 
  color: var(--white-text) !important;
}

/* --- Section Layouts & Responsiveness --- */
.custom-section {
  padding: 40px 0;
  margin-bottom: 20px;
}

.section-bg-light {
  background-color: var(--light-bg);
}

/* Flex Container for Multi-Column Layouts (e.g., features, courses) */
.flex-container {
  display: flex;
  flex-wrap: wrap; 
  gap: 30px; 
  margin-top: 20px;
}

/* Course Categories and Trust Badges - 3 Columns (Desktop) */
.flex-item-33, .flex-item-33-trust {
  flex: 1 1 calc(33.333% - 20px); 
  box-sizing: border-box;
  min-width: 300px; 
}

/* Features/Why Choose Us - List Styling */
.feature-list {
  list-style: none; 
  padding: 0;
}

.feature-list li {
  margin-bottom: 15px;
  padding-left: 30px;
  position: relative;
  font-size: 1.1em;
  font-weight: 500;
}

.feature-list li::before {
  content: '✓'; 
  color: var(--primary-color);
  font-weight: bold;
  font-size: 1.2em;
  position: absolute;
  left: 0;
}

/* Course Details List Styling */
.course-list {
  list-style: none;
  padding: 0;
}

.course-list li {
  margin-bottom: 8px;
  padding-left: 20px;
  position: relative;
}

.course-list li::before {
  content: '•';
  color: var(--primary-color);
  font-weight: bold;
  position: absolute;
  left: 0;
}

/* Target Audience & How It Works (h4) - Centered */
.custom-page-container h4 {
  color: var(--black-text);
  font-size: 1.3em;
  margin-top: 1.5em;
  margin-bottom: 0.2em;
    text-align: center; /* <<< ADDED CENTERING HERE */
}

.custom-page-container h4 span {
  color: var(--primary-color);
}

/* How It Works - Step Styling */
.how-it-works-step {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  transition: transform 0.3s ease;
  background-color: var(--white-text);
}

.how-it-works-step strong {
  color: var(--primary-color);
  font-size: 1.1em;
  display: block;
  margin-bottom: 10px;
}

/* Accreditation/Trust Styling */
.trust-badge-item {
  text-align: center;
}

.trust-badge-item strong {
  color: var(--primary-color);
  font-size: 1.2em;
  display: block;
  margin-bottom: 5px;
}

/* Final CTA Section (Already centered) */
.final-cta-section {
  text-align: center;
  padding: 60px 20px;
}

.final-cta-section .contact-info p {
  margin: 5px 0;
  font-size: 1.1em;
}

/* --- Media Queries for Mobile Responsiveness --- */
@media (max-width: 992px) {
  /* Tablet & Smaller Desktop */
  .custom-page-container h2 {
    font-size: 2em;
  }
  .flex-item-33 {
    flex: 1 1 calc(50% - 15px); 
    min-width: unset;
  }
  .flex-item-33-trust {
    flex: 1 1 calc(50% - 15px); 
    min-width: unset;
  }
}

@media (max-width: 576px) {
  /* Mobile Devices */
  .custom-page-container h2 {
    font-size: 1.7em;
  }
  .custom-page-container h3 {
    font-size: 1.3em;
  }
  .flex-item-33, .flex-item-33-trust {
    flex: 1 1 100%; 
    min-width: unset;
  }
  .custom-cta-button {
    padding: 12px 25px;
    font-size: 1em;
  }
  .custom-section {
    padding: 30px 15px;
  }
}/* End custom CSS */