.workprocess-section {
    background-color: #3B72AA;
    padding: 100px 0;
    height: auto;
}
.workprocess-container1 {
    
    max-width: 1200px;
    width: 100%;
    padding: 0px 20px;
    margin: 0px auto;   /* auto centers + adds left/right space */
    border-radius: 10px;
    color: white !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative;
    z-index: 999;
    
    
}

.workprocess-title {
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
}

.workprocess-container1,
.workprocess-title {
  overflow: visible;
  height: auto;
  
}

@media (min-width: 992px) {
.m-lg-5 {
  margin: -3rem !important;
}
}

.workprocess-title h1 {
    font-size: 40px;
    font-weight: 700;
}
.service-details, .ourservice-title
{
    padding-bottom: 0 !important;
}
.super-section-heading {
    font-weight: 700 !important;
    color: #d7c8c8;
    max-width: 1200px;
    letter-spacing: .2rem !important;
    line-height: 1.3;
    font-size: 2.8rem;

}

@media (min-width: 768px) {
    .footer-col {
        flex: 0 0 auto;
        max-width: 33.33333333%;
    }
}
.workprocess-card {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    height: 150px;
}

.workprocess-card-title, #workprocess-numbers {
    color: #ffa600;
}
#workprocess-numbers {
    font-size: 20px !important;
    color: #ffa600;
    margin-right: 20px;
    margin-top: 6%;
}
.workprocess-card-text-p
 {
    font-size: 16px;
    color: #0a0331;
    font-weight: 500;
}

@media (max-width: 768px) {

  /* -----------------------------
     TEXT WRAPPING FIX (SCOPED)
     Only affects content text, not layout grids
  ------------------------------ */
  .hero-title,
  .hero-title1,
  .inner-header1 h1,
  .inner-header1 h5,
  .workprocess-card p,
  .workprocess-card h4,
  .workprocess-card h5 {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.6 !important;
  }

  /* Remove inline margins causing narrow columns */
  p[style],
  h1[style],
  h2[style] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* -----------------------------
     WORK PROCESS (01–08) FIX
  ------------------------------ */

  /* Full-width dark background */
  .workprocess-container1 {
    width: 100% !important;
    padding: 20px 12px !important;
  }

  /* Remove desktop-only margin */
  .workprocess-container1 .m-lg-5 {
    margin: 0 !important;
  }

  /* Stack steps vertically */
  .workprocess-container1 .row {
    flex-direction: column !important;
    align-items: center !important;
  }

  /* Each step wrapper */
  .workprocess-container1 .footer-col {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 16px !important;
  }

  /* White card */
  .workprocess-container1 .workprocess-card {
    width: 100% !important;
    height: auto !important;
    padding: 16px !important;
    box-sizing: border-box;
  }

  /* Number alignment */
  #workprocess-numbers {
    margin: 0 0 8px 0 !important;
  }
}
  /* Headings should never be justified */
.hero-title {
  text-align: left;
  word-spacing: normal;
  letter-spacing: normal;
}

/* Paragraphs can stay justified */
.hero-title1 {
  text-align: justify;
}

  .hero-title1,
  .hero-title1 p
 {
    text-align: left !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
  }

/* sdp cards */
.hero-title {
    font-size: 45px;
    font-weight: 700;
    color: #0d6cfc;
    letter-spacing: -0.02em;   /* very important */
    line-height: 1.15;
    font-family: 'Inter',BlinkMacSystemFont, sans-serif;

}
.hero-title1 {
    font-size: 14px;
    font-weight: 500;
    color: #3f3f50;   /* slightly darker (gray-700) */   
    letter-spacing: -0.02em;   /* very important */
    line-height: 1.15;
    font-family: "Poppins", sans-serif;

}
.hero-title2 {
    font-size: 15px;
    font-weight: 550;
    color: #374151;   /* slightly darker (gray-700) */   
    letter-spacing: -0.02em;   /* very important */
    line-height: 1.15;
    font-family: "Poppins", sans-serif;

}

/* for section */
.learning-journey {
    position: relative;
    padding-left: 0px 0;
}

/* Center vertical line */
.learning-journey::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    background: #e5e7eb;
    transform: translateX(-50%);
}

/* Step container */
.journey-step {
    position: relative;
    padding: 50px 0;
}

/* Dots on timeline */
.journey-step::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background: #0d6efd;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

/* Image style */
.journey-img {
    width: 70%;
    max-width: 260px;
}

/* Alternating spacing */
.journey-step.left .row {
    padding-right: 600px;
}

.journey-step.right .row {
    padding-left: 660px;
}
.journey-step {
    opacity: 0;
    animation: fadeUp 0.8s ease forwards;
}

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.padd{
  padding: 1rem !important;
}
.inner-header1 {
    padding: 110px 0;
}
.img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.tiles-section {
  padding: 50px;
  margin-top: 0px !important;
  background: #f8f9fa;
}

.tiles-grid {
  max-width: 1300px;
  margin: auto;
  display: grid;

  /* THIS MAKES THEM STRETCH */
  grid-template-columns: repeat(4, 1fr);

  gap: 30px;
}

.tile {
  display: flex;

  flex-direction: column;
  padding: 30px;
  border-radius: 24px;
  background: #ffffff;
  color: #ffffff;
  border: 1px solid #0b6c96; /* Bootstrap gray */
  border-radius: 12px;
  padding: 24px;

  transition:
    transform 0.4s ease,
    
}

.tile h3 {
  min-height: 96px;   /* SAME HEIGHT FOR ALL TITLES */
  margin-bottom: 16px;
  font-size: 1.5rem;
  line-height: 1.4;
}


.tile p {
  font-size: 0.95rem;
  line-height: 1.5;
  opacity: 0.95;
  color: #374151;   /* slightly darker (gray-700) */
}

/* Hover interaction */
/* .tile:hover {
  transform: translateY(-12px) scale(1.03);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
} */


/* for new additions  */
/* ===============================
   QUALITY ASSURANCE (SCOPED)
   =============================== */

.qa-section {
    position: relative;
    max-width: 1000px;   /* keeps desktop limit */
    width: 100%;         /* allows shrinking */
    min-height: 600px;   /* instead of fixed height */
    margin: 5px auto;
    font-family: Poppins, sans-serif;
    padding: 20px;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    .your-class-name {
        min-height: auto;
        padding: 15px;
    }
}

/* Center Circle */
.qa-section .qa-center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 360px;
  height: 360px;
  background: linear-gradient(180deg, #3B72AA, #2F5F8F);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.qa-section .qa-center h2 {
  color: #ffb000;
  font-size: 42px;
  margin: 0;
  line-height: 1.2;
}

/* Shared Item Layout */
.qa-section .qa-item {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 20px;
}

/* Icons */
.qa-section .qa-icon {
  width: 80px;
  height: 80px;
  background: #ffb000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  color: #0b0633;
}

/* Content Box */
.qa-section .qa-box {
  width: 400px;
  height: 220px;
  background: linear-gradient(180deg, #3B72AA, #2F5F8F);
  border-radius: 16px;
  padding: 22px 26px;
}

.qa-section .qa-box h4,
.qa-section .qa-box h5 {
  color: #ffb000;
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: 600;
}

.qa-section .qa-box ul {
  margin: 0;
  padding-left: 18px;
}

.qa-section .qa-box li {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.7;
}

/* Positions */
.qa-section .item-tl {
  top: 40px;
  left: -120px;
}

.qa-section .item-tr {
  top: 40px;
  right: -120px;
  
}

.qa-section .item-bl {
  bottom: 40px;
  left: 0;
  left: -120px;
}

.qa-section .item-br {
  bottom: 40px;
  right: -120px;
}

/* new numbers */

/* ===============================
   PILL STATS SECTION (SCOPED)
   =============================== */

.stats-overlay-section {
  position: relative;
  z-index: 5;
  margin-top: -150px;   /* overlap hero */
  display: flex;
  justify-content: center;
}   
.pill-stats-section {
    width: 100%;
    max-width: 1200px;     /* keeps it controlled */
    margin: 2px auto;      /* proper centering */
    display: flex;
    justify-content: center;
    position: relative;
    bottom: -88px;
    z-index: 10;
    padding: 0 15px;       /* prevents edge touching */
    box-sizing: border-box;
}

.pill-stats-section .pill-stats-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
  background: #ffffff;
  padding: 21px 44px;
  border-radius: 80px; /* BIG ROUND EDGES */
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
  width: fit-content;      /* 🔑 SHRINK TO CONTENT */
    
  
}

/* Individual Stat */
.pill-stats-section .pill-stat {
  text-align: center;
  min-width: 320px;
    
}

.pill-stats-section .pill-stat h2 {
  font-size: 38px;
  font-weight: 800;
  color: #f26522;
  margin: 0;
  line-height: 1;
}

.pill-stats-section .pill-stat h2 span {
  font-size: 28px;
  vertical-align: top;
  margin-left: 0px;
  
}

.pill-stats-section .pill-stat p {
  margin-top: 12px;
  font-size: 16px;
  color: #222222;
  font-weight: 500;
}

/* Divider */
.pill-stats-section .pill-divider {
  width: 5px;
  height: 60px;
  background: linear-gradient(
    to bottom,
    transparent,
    #1f82df,
    transparent
  );
}
@media (max-width: 768px) {

  .pill-stats-section {
      flex-direction: column;
      align-items: center;
      bottom: 0;              /* remove negative push */
      margin: 20px auto;
      padding: 0 20px;
  }

}
/* hero */

/* ===============================
   EDTECH HERO SECTION (SCOPED)
   =============================== */

.edtech-hero {
  padding: 200px 6%;
  background: linear-gradient(135deg, #3B72AA, #2F5F8F);
}

.edtech-hero .hero-inner {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}
/* Prevent flex stretching on desktop */
.edtech-hero .hero-content {
  flex: 0 0 520px;   /* fixed width block */
}



.edtech-hero .hero-content {
  flex: 1;              /* allow natural spacing */
  max-width: 520px;
}

.edtech-hero .hero-image {
  flex: 0 0 auto;       /* prevent stretching */
}

.edtech-hero .hero-image img {
  width: 460px;
  height: auto;
  max-width: 100%;
}


/* LEFT CONTENT */
.edtech-hero .hero-content {
  max-width: 520px;
  color: #ffffff;
}

.edtech-hero .hero-badge {
  display: inline-block;
  background: rgba(255, 176, 0, 0.15);
  color: #ffb000;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 18px;
}

.edtech-hero h1 {
  font-size: 48px;
  line-height: 1.15;
  margin-bottom: 20px;
}

.edtech-hero h1 span {
  color: #ffb000;
}

.edtech-hero p {
  font-size: 17px;
  line-height: 1.7;
  opacity: 0.9;
  margin-bottom: 30px;
}

/* ACTION BUTTONS */
.edtech-hero .hero-actions {
  display: flex;
  gap: 16px;
}

.edtech-hero .btn-primary {
  background: #ffb000;
  color: #0b0633;
  padding: 14px 28px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.edtech-hero .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(255, 176, 0, 0.35);
}

.edtech-hero .btn-secondary {
  border: 2px solid #ffffff;
  color: #ffffff;
  padding: 14px 26px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s ease;
}

.edtech-hero .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.15);
}

@media (max-width: 768px) {

  .edtech-hero {
    padding: 100px 20px;   /* reduce huge desktop padding */
  }

  /* THIS is the actual flex container */
  .edtech-hero .hero-inner {
    flex-direction: column-reverse;  /* image top, content below */
    gap: 40px;
    text-align: center;
  }

  .edtech-hero .hero-content {
    max-width: 100%;
  }

  .edtech-hero h1 {
    font-size: 32px;
    line-height: 1.25;
  }

  .edtech-hero p {
    font-size: 15px;
  }

  .edtech-hero .hero-image img {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }

  .edtech-hero .hero-actions {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

}

.breadcrumb-title {
  font-size: 70px;
  font-weight: 650;
  line-height: 1.2;
}
.breadcrumb-titlee {
  font-size: 70px;
  color: #0F172A !important;
  font-weight: 650;
  line-height: 1.2;
}
.text-darkk {
    color: #0F172A !important;
    font-weight: 500;
    font-size: 30px;
    /* color: #1c1a1f; */
    margin-top: 0;
    letter-spacing: 0;
}
.text-whiteee {
    color: #fff;
}
@media (max-width: 768px) {

  .breadcrumb-titlee {
    font-size: 34px;
    color: #f8fafc !important;
    line-height: 1.3;
  }

  .text-darkk {
    font-size: 16px;
    color: #f8fafc !important;
    line-height: 1.6;
  }

}
@media (max-width: 768px) {

  .inner-header1 {
    position: relative;
    margin-bottom: 20px;
  }

  .inner-header1::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);  /* adjust darkness here */
    z-index: 1;
  }

  .inner-header1 .container {
    position: relative;
    z-index: 2;
  }

}


/* =====================================================
   PROGRAM OBJECTIVES SECTION
   ===================================================== */

.program-objectives-section {
  padding: 70px 5%;
  background: #ffffff;
  font-family: "Poppins", sans-serif;
}

.program-objectives-grid {
  max-width: 1100px;
  margin: 40px auto 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}

.objective-card {
  background: #f8f9fa;
  border-radius: 16px;
  padding: 26px 18px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.objective-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 35px rgba(0,0,0,0.12);
}

.objective-icon {
  display: inline-flex;
  width: 56px;
  height: 56px;
  background: #ffb000;
  color: #0b0633;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 14px;
}

.objective-card p {
  font-size: 14.5px;
  line-height: 1.5;
  font-weight: 500;
  color: #2e2a34;
}

/* Responsive */
@media (max-width: 992px) {
  .program-objectives-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .program-objectives-grid {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   FDP TRAINING DOMAINS – CREATIVE PILLARS (FINAL VERSION)
   Replace previous pillar CSS with this block
   ========================================================= */

.fdp-pillars-section {
  padding: 80px 5%;
  background: #f8f9fa;
  font-family: "Poppins", sans-serif;
}

/* Grid layout */
.fdp-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1300px;
  margin: auto;
  align-items: stretch; /* ensures equal height */
}

/* Pillar card */
.fdp-pillar {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: linear-gradient(180deg, #3B72AA, #2F5F8F);
  border-radius: 28px;
  color: #ffffff;
  overflow: hidden;
  box-shadow: 0 22px 45px rgba(0, 0, 0, 0.25);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Hover lift (desktop only) */
@media (hover: hover) {
  .fdp-pillar:hover {
    transform: translateY(-12px);
    box-shadow: 0 28px 55px rgba(0, 0, 0, 0.35);
  }
}

/* Pillar top (icon + heading) */
.pillar-cap {
  min-height: 140px;
  padding: 28px 26px;
  background: linear-gradient(180deg, #3B72AA, #2F5F8F);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.pillar-icon {
  width: 72px;
  height: 72px;
  background: #ffb000;
  color: #0b0633;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin-bottom: 12px;
}

.pillar-cap h3 {
  color: #ffb000;
  font-size: 22px;
  margin: 0;
  line-height: 1.3;
  min-height: 56px; /* aligns multi-line headings */
}

/* Pillar content */
.pillar-body {
  padding: 26px;
  flex: 1; /* allows footer to stick to bottom */
}

.pillar-desc {
  font-size: 15px;
  line-height: 1.65;
  margin-bottom: 18px;
  opacity: 0.95;
}

.pillar-body ul {
  padding-left: 18px;
  margin: 0;
}

.pillar-body li {
  font-size: 14.5px;
  line-height: 1.6;
  margin-bottom: 6px;
}

/* Pillar footer (Outcome section fixed at bottom) */
.pillar-footer {
  margin-top: auto;
  padding: 18px 22px;
  background: rgba(255, 176, 0, 0.14);
  font-size: 14.5px;
  line-height: 1.6;
}

/* ===============================
   RESPONSIVE BREAKPOINTS
   =============================== */

/* Tablet */
@media (max-width: 1200px) {
  .fdp-pillars {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 768px) {
  .fdp-pillars {
    grid-template-columns: 1fr;
  }

  .fdp-pillars-section {
    padding: 60px 18px;
  }

  .pillar-cap {
    min-height: auto;
  }

  .pillar-cap h3 {
    min-height: auto;
    font-size: 20px;
  }

  .pillar-desc {
    font-size: 14.5px;
  }

  .pillar-body li {
    font-size: 14px;
  }

  .pillar-footer {
    font-size: 14px;
  }

  .pillar-icon {
    width: 64px;
    height: 64px;
    font-size: 28px;
  }
}

/* ===============================
   OPEN KEY HIGHLIGHTS SECTION
   =============================== */

.fdp-highlights-open {
  padding: 120px 6%;                 /* BIG spacing */
  background: #ffffff;
  font-family: "Poppins", sans-serif;
}

.fdp-highlights-inner {
  max-width: 1100px;                 /* wide but controlled */
  margin: auto;
}

/* Title */
.fdp-highlights-title {
  font-size: 44px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 40px;
  position: relative;
}

/* Accent underline */
.fdp-highlights-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 5px;
  background: #ffb000;
  margin-top: 14px;
  border-radius: 4px;
}

/* List */
.fdp-highlights-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 900px;
}

.fdp-highlights-list li {
  position: relative;
  padding-left: 42px;
  margin-bottom: 26px;
  font-size: 18px;                  /* BIG readable text */
  line-height: 1.75;
  color: #1f2937;
}

/* Icon bullets */
.fdp-highlights-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 36px;
  color: #0b6c96;
  line-height: 1;
}

/* Mobile refinement */
@media (max-width: 768px) {
  .fdp-highlights-open {
    padding: 80px 18px;
  }

  .fdp-highlights-title {
    font-size: 32px;
  }

  .fdp-highlights-list li {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

/* =====================================================
   FDP OUTCOMES & BENEFITS – LIST STYLE
   ===================================================== */

.fdp-outcomes-section {
  padding: 70px 5%;
  background: #ffffff;
  font-family: "Poppins", sans-serif;
}

.fdp-outcomes-list {
  max-width: 900px;
  margin: 40px auto 0;
  padding-left: 20px;
}

.fdp-outcomes-list li {
  margin-bottom: 22px;
  font-size: 16px;
  line-height: 1.7;
  color: #2e2a34;
}

.fdp-outcomes-list li strong {
  color: #0b6c96;
  font-weight: 600;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .fdp-outcomes-section {
    padding: 55px 18px;
  }

  .fdp-outcomes-list li {
    font-size: 15px;
  }
}

/* =====================================================
   FDP EXPERIENCE SECTION STYLES
   Scope:
   - Only affects FDP experience & past snapshot section
   - Partner-with-EarlyRise styles REMOVED
   - Safe to use with existing site CSS
   ===================================================== */

/* Main section wrapper */
.fdp-experience-section {
  padding: 80px 5%;
  background: #f8f9fa;
  font-family: "Poppins", sans-serif;
}

/* Text paragraphs explaining experience */
.fdp-experience-text {
  max-width: 1000px;
  margin: 18px auto;
  font-size: 15.5px;
  line-height: 1.7;
  color: #2e2a34;
}

/* Subheading for Past FDP Snapshot */
.fdp-subheading {
  text-align: center;
  margin: 50px 0 30px;
  font-size: 22px;
  color: #000000;
  font-weight: 600;
}

/* Two-column layout for past FDP snapshots */
.fdp-past-grid {
  max-width: 1000px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* Individual snapshot box */
.fdp-past-box {
  background: #ffffff;
  border-radius: 16px;
  padding: 26px 24px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
}

/* Snapshot image styling (if images are used) */
.fdp-snapshot-img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 14px;
}

/* Caption text under snapshot image */
.fdp-image-caption {
  font-size: 14.5px;
  line-height: 1.5;
  color: #2e2a34;
}

/* Muted helper text (institution / source info) */
.fdp-muted {
  display: block;
  margin-top: 6px;
  font-size: 13.5px;
  color: #6b7280;
}

/* ===============================
   RESPONSIVE HANDLING
   =============================== */
@media (max-width: 768px) {

  /* Stack snapshots vertically on mobile */
  .fdp-past-grid {
    grid-template-columns: 1fr;
  }

  /* Reduce padding for smaller screens */
  .fdp-experience-section {
    padding: 60px 18px;
  }

  /* Adjust image height for mobile */
  .fdp-snapshot-img {
    height: 200px;
  }
}

/* ===============================
   FDP SNAPSHOT IMAGE STYLING
   =============================== */

.fdp-image-box {
  padding: 18px;
}

.fdp-snapshot-img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 14px;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.15);
}

.fdp-image-caption {
  font-size: 14.5px;
  line-height: 1.5;
  color: #2e2a34;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .fdp-snapshot-img {
    height: 200px;
  }
}

/* =====================================================
   PARTNER WITH EARLYRISE SECTION
   Scope: .partner-earlyrise-section only
   ===================================================== */

.partner-earlyrise-section {
  padding: 80px 5%;
  background: #f8f9fa;
  font-family: "Poppins", sans-serif;
}

/* Section heading */
.partner-earlyrise-section h2 {
  font-size: 32px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 12px;
}

/* Subtext under heading */
.partner-subtext {
  max-width: 900px;
  margin: 0 auto 40px;
  font-size: 15.5px;
  line-height: 1.6;
  color: #374151;
}

/* Wrapper for list items */
.partner-list-wrapper {
  max-width: 900px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 40px;
}

/* Individual partner item */
.partner-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

/* Check icon */
.partner-icon {
  font-size: 18px;
  color: #22c55e; /* green check */
  margin-top: 3px;
}

/* Text */
.partner-item p {
  margin: 0;
  font-size: 15.5px;
  line-height: 1.6;
  color: #1f2937;
}

/* Responsive */
@media (max-width: 768px) {
  .partner-list-wrapper {
    grid-template-columns: 1fr;
  }

  .partner-earlyrise-section {
    padding: 60px 18px;
  }

  .partner-earlyrise-section h2 {
    font-size: 26px;
  }
}

/* IMPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP */
/* only for internship part */
.internship-full {
    min-height: 100vh;
    width: 100%;
    padding: 100px 6%;
    background: linear-gradient(135deg, #eef6ff 0%, #ffffff 55%);
    position: relative;
    overflow: hidden;
    font-family: "Inter", "Segoe UI", sans-serif;
}

/* Single decorative shape (right only) */
.internship-shape {
    position: absolute;
    border-radius: 50%;
    background: #d6e9ff;
    opacity: 0.35;
}

.shape-right {
    width: 520px;
    height: 520px;
    bottom: -220px;
    right: -220px;
}

/* Content */
.internship-content {
    max-width: 1200px;
    margin: auto;
    position: relative;
    z-index: 2;
}

/* Title */
.internship-title {
    text-align: left;
    max-width: 100%;
    font-size: 46px;
    font-weight: 700;
    color: #0d6efd;
    margin-bottom: 45px;
}

/* Text */
.internship-text {
    font-size: 18px;
    line-height: 1.9;
    color: #3a3a3a;
    margin-bottom: 22px;
}

/* Image section */
.internship-images {
    display: flex;
    gap: 30px;
    margin: 70px 0;
    flex-wrap: wrap;
}

.internship-image-card {
    flex: 1;
    min-width: 280px;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(13, 110, 253, 0.18);
}

.internship-image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Section headings */
.internship-heading {
    font-size: 38px;
    font-weight: 650;
    color: #0b5ed7;
    margin: 55px 0 30px;
}

/* Grid cards */
.internship-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 22px;
    margin-bottom: 50px;
}

.internship-item {
    background: #ffffff;
    padding: 22px 24px;
    border-radius: 14px;
    font-size: 16.5px;
    color: #333;
    box-shadow: 0 14px 30px rgba(13, 110, 253, 0.12);
    border-left: 5px solid #0d6efd;
}
.mar3{
  margin-top: 70px;
}


.txtt{
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
}

/* cards css */
* Section */
.pricing-section {
  background: #edf1fa;
  padding: 80px 0;
}

/* Card Base */
.pricing-card {
  position: relative;
  border-radius: 32px;
  height: 100%;
  box-shadow: 0 20px 50px rgba(0,0,0,0.25);
  transition: transform 0.3s ease;
}

.pricing-card:hover {
  transform: translateY(-10px);
}

/* Card Themes */
.pricing-card.dark {
  background: #232427;
  color: #ffffff;
}

.pricing-card.highlight {
  background: linear-gradient(135deg, #3B72AA, #2F5F8F);
  color: #ffffff;
}

/* Title */
.card-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
}

.accent {
  color: #8f80ff;
}

.highlight .accent {
  color: #ffffff;
}

/* Description */
.card-desc {
  font-size: 16px;
  opacity: 0.9;
  margin-bottom: 30px;
}

/* Mobile */
@media (max-width: 768px) {
  .card-title {
    font-size: 28px;
  }
}

/* ===============================
   FDP Training Approach – Responsive
   =============================== */

.fdp-training-approach-section {
  padding: 60px 20px;
}

.fdp-approach-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
}

.approach-card {
  background-color: #3B72AA; /* Corporate Blue */
  padding: 24px;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
  text-align: center;
  color: #ffffff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.approach-card h5,
.approach-card p {
  color: #ffffff;
}

.approach-icon {
  font-size: 36px;
  display: block;
  margin-bottom: 12px;
}

/* Hover effect */
.approach-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
}


/* ===== Tablet ===== */
@media (max-width: 992px) {
  .fdp-approach-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ===== Mobile ===== */
@media (max-width: 576px) {
  .fdp-approach-grid {
    grid-template-columns: 1fr;
  }

  .approach-card {
    padding: 20px;
  }
}


/* MOBILE FIXES FOR WHY US SECTION */
@media (max-width: 768px) {

  .qa-section {
    min-height: auto;
    padding: 40px 15px;
  }

  /* Remove absolute positioning */
  .qa-section .qa-item {
    position: relative;
    flex-direction: row;
    align-items: center;
    text-align: center;
    gap: 15px;
    margin-bottom: 30px;
  }

  /* Reset all corner positioning */
  .qa-section .item-tl,
  .qa-section .item-tr,
  .qa-section .item-bl,
  .qa-section .item-br {
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
  }

  /* Make center circle normal block */
  .qa-section .qa-center {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    width: 200px;
    height: 200px;
    margin: 0 auto 40px auto;
  }

  .qa-section .qa-center h2 {
    font-size: 28px;
  }

  /* Make boxes responsive */
  .qa-section .qa-box {
    width: 100%;
    height: auto;
    padding: 18px;
  }

  .qa-section .qa-icon {
    width: 65px;
    height: 65px;
    font-size: 26px;
  }

}