/* =====================================================================
   Home page accents — brand-only palette (Ink Blue #22335C + Ember
   Orange #ED7226). Loaded after instopedia-home.css so these rules win.
===================================================================== */

/* ---------- Section backgrounds: soft colour washes (blue + orange only) ---------- */
.ip-course-section{
  position:relative;
  background:radial-gradient(circle at 90% 0%,rgba(237,114,38,.08),transparent 45%),
             radial-gradient(circle at 4% 100%,rgba(34,51,92,.07),transparent 40%),
             linear-gradient(180deg,#fbfdff 0%,#f6faff 100%);
}
.ip-city-section{
  position:relative;
  background:radial-gradient(circle at 6% 10%,rgba(34,51,92,.07),transparent 40%),
             radial-gradient(circle at 96% 90%,rgba(237,114,38,.08),transparent 42%),
             linear-gradient(180deg,#f7faff 0%,#f3f7fc 100%) !important;
}
.ip-feature-section{
  background:linear-gradient(180deg,#ffffff 0%,#fff8f1 100%);
}
.ip-section.ip-section-soft{
  background:radial-gradient(circle at 92% 8%,rgba(34,51,92,.06),transparent 40%),
             radial-gradient(circle at 2% 92%,rgba(237,114,38,.06),transparent 40%),
             linear-gradient(180deg,#f7faff 0%,#f3f7fc 100%) !important;
}

/* ---------- Explore by Courses: 2-colour alternating icons (blue / orange only) ---------- */
.ip-course-carousel .row > div:nth-child(odd) .ip-course-icon,
.swiper-slide:nth-child(odd) .ip-course-icon{background:rgba(34,51,92,.08);color:#22335C}
.ip-course-carousel .row > div:nth-child(even) .ip-course-icon,
.swiper-slide:nth-child(even) .ip-course-icon{background:rgba(237,114,38,.08);color:#ED7226}
.ip-course-carousel .row > div:nth-child(odd) .ip-course-card:hover .ip-course-icon,
.swiper-slide:nth-child(odd) .ip-course-card:hover .ip-course-icon{background:#22335C;color:#fff}
.ip-course-carousel .row > div:nth-child(even) .ip-course-card:hover .ip-course-icon,
.swiper-slide:nth-child(even) .ip-course-card:hover .ip-course-icon{background:#ED7226;color:#fff}

/* ---------- Browse by City: 2-colour alternating icons ---------- */
.ip-city-carousel .row > div:nth-child(odd) .ip-city-icon,
.row > div:nth-child(odd) .ip-city-icon{background:rgba(34,51,92,.08);color:#22335C}
.ip-city-carousel .row > div:nth-child(even) .ip-city-icon,
.row > div:nth-child(even) .ip-city-icon{background:rgba(237,114,38,.08);color:#ED7226}

/* ---------- Why InstoPedia: 2-colour alternating icon + top accent ---------- */
.ip-why-card{position:relative}
.row > .col-sm-6.col-lg-3:nth-child(odd) .ip-why-icon{background:rgba(34,51,92,.08);color:#22335C}
.row > .col-sm-6.col-lg-3:nth-child(even) .ip-why-icon{background:rgba(237,114,38,.08);color:#ED7226}
.row > .col-sm-6.col-lg-3:nth-child(odd) .ip-why-card::before{background:#22335C}
.row > .col-sm-6.col-lg-3:nth-child(even) .ip-why-card::before{background:#ED7226}

/* ---------- Student Reviews: 2-colour alternating avatar + top edge ---------- */
.ip-review-card{position:relative;overflow:hidden}
.ip-review-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px}
.row > .col-md-6.col-lg-4:nth-child(odd) .ip-review-card::before{background:#22335C}
.row > .col-md-6.col-lg-4:nth-child(even) .ip-review-card::before{background:#ED7226}
.row > .col-md-6.col-lg-4:nth-child(odd) .ip-avatar{background:rgba(34,51,92,.08);color:#22335C}
.row > .col-md-6.col-lg-4:nth-child(even) .ip-avatar{background:rgba(237,114,38,.08);color:#ED7226}

/* ---------- How It Works: alternating blue / orange / blue ---------- */
.row > .col-md-4:nth-child(3n+1) .ip-step-num{background:#22335C;box-shadow:0 15px 30px rgba(34,51,92,.25)}
.row > .col-md-4:nth-child(3n+2) .ip-step-num{background:#ED7226;box-shadow:0 15px 30px rgba(237,114,38,.25)}
.row > .col-md-4:nth-child(3n+3) .ip-step-num{background:#22335C;box-shadow:0 15px 30px rgba(34,51,92,.25)}

/* ---------- Kicker badges: brand orange everywhere (no gradient-text tricks) ---------- */
.ip-city-section .ip-kicker{color:#ED7226 !important}
.ip-section.ip-section-soft .ip-kicker{color:#ED7226 !important}

/* ---------- FAQ accordion: active state ---------- */
.ip-faq .accordion-button:not(.collapsed){background:#f7faff;color:#22335C;box-shadow:inset 3px 0 0 #ED7226}

/* ---------- Featured institutes badge ---------- */
.ip-feature-badge{background:#fff3ea !important;color:#ED7226 !important;border-color:#ffd9b8 !important}