/** Shopify CDN: Minification failed

Line 2344:13 Expected identifier but found whitespace
Line 2344:26 Unexpected "!"

**/
/* ===================================================================
   WALBAYZON — Premium Inner Pages Design System
   Applies professional design styles, orange-brown palette, 
   and clean Satoshi/Outfit typography to ALL inner pages.
   =================================================================== */

/* ===================================================================
   UNIVERSAL INNER PAGE OVERRIDES
   These styles apply to EVERY page except the homepage (index).
   Page-specific animations (comet tails etc.) are defined in later 
   sections under their original page-scoped selectors.
   =================================================================== */

/* ── U0. Universal Theme Variables ─────────────────────────────────── */
body:not(.template-index) {
  font-family: 'Satoshi', 'Outfit', sans-serif !important;
  color: #1d1d1b !important;
  background-color: #fdfbf8 !important;
  background: linear-gradient(to bottom, oklch(0.98 0.02 75) 0%, oklch(0.94 0.03 72) 30%, oklch(0.98 0.02 75) 100%) !important;
  --color-accent: 252, 159, 48 !important;
  --gradient-accent: #fc9f30 !important;
  --color-button: 252, 159, 48;
  --color-button-hover: 44, 34, 30;
  --color-button-text: 29, 29, 27;
  --color-button-text-hover: 255, 255, 255;
  --color-button-secondary: 29, 29, 27;
  --color-button-secondary-hover: 252, 159, 48;
  --color-button-secondary-text: 29, 29, 27;
  --color-button-secondary-text-hover: 29, 29, 27;
  --color-border-input: 29, 29, 27;
  --color-background-input: 252, 252, 252;
  --color-border: 29, 29, 27;
}

/* ── U1. Universal Color Scheme Overrides ──────────────────────────── */
body:not(.template-index) [class*="color-background-"] {
  --color-accent: 252, 159, 48 !important;
}
body:not(.template-index) .color-background-1 {
  --color-background: 253, 251, 248;
  --gradient-background: linear-gradient(to bottom, oklch(0.98 0.02 75) 0%, oklch(0.94 0.03 72) 30%, oklch(0.98 0.02 75) 100%);
  --color-foreground: 29, 29, 27;
  --color-foreground-secondary: 44, 34, 30;
  --color-foreground-title: 29, 29, 27;
}
body:not(.template-index) .color-background-2 {
  --color-background: 253, 251, 248;
  --gradient-background: linear-gradient(to bottom, #fdfbf8 0%, #f7f3ed 100%);
  --color-foreground: 29, 29, 27;
  --color-foreground-secondary: 44, 34, 30;
  --color-foreground-title: 29, 29, 27;
}
body:not(.template-index) .color-background-3 {
  --color-background: 44, 34, 30;
  --gradient-background: linear-gradient(135deg, oklch(0.22 0.025 50) 0%, oklch(0.16 0.02 45) 100%);
  --color-foreground: 255, 255, 255;
  --color-foreground-secondary: 247, 243, 237;
  --color-foreground-title: 255, 255, 255;
  --color-button: 252, 159, 48;
  --color-button-text: 29, 29, 27;
  --color-button-hover: 255, 255, 255;
  --color-button-text-hover: 29, 29, 27;
}
body:not(.template-index) .color-background-4 {
  --color-background: 29, 29, 27;
  --gradient-background: #1d1d1b;
  --color-foreground: 255, 255, 255;
  --color-foreground-secondary: 252, 159, 48;
  --color-foreground-title: 255, 255, 255;
}

/* Force white text in dark backgrounds */
body:not(.template-index) #MainContent .color-background-3 h1,
body:not(.template-index) #MainContent .color-background-3 h2,
body:not(.template-index) #MainContent .color-background-3 h3,
body:not(.template-index) #MainContent .color-background-3 h4,
body:not(.template-index) #MainContent .color-background-3 p,
body:not(.template-index) #MainContent .color-background-3 li,
body:not(.template-index) #MainContent .color-background-3 a,
body:not(.template-index) #MainContent .color-background-3 span,
body:not(.template-index) #MainContent .color-background-3 .rich-text__text,
body:not(.template-index) #MainContent .color-background-3 .subtitle,
body:not(.template-index) #MainContent .color-background-3 .subheading,
body:not(.template-index) #MainContent .color-background-4 h1,
body:not(.template-index) #MainContent .color-background-4 h2,
body:not(.template-index) #MainContent .color-background-4 h3,
body:not(.template-index) #MainContent .color-background-4 h4,
body:not(.template-index) #MainContent .color-background-4 p,
body:not(.template-index) #MainContent .color-background-4 li,
body:not(.template-index) #MainContent .color-background-4 a,
body:not(.template-index) #MainContent .color-background-4 span,
body:not(.template-index) #MainContent .color-background-4 .rich-text__text,
body:not(.template-index) #MainContent .color-background-4 .subtitle,
body:not(.template-index) #MainContent .color-background-4 .subheading {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ── U2. Universal Typography ──────────────────────────────────────── */
body:not(.template-index) #MainContent h1,
body:not(.template-index) #MainContent .h1 {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 900 !important;
  font-size: 3.5rem !important;
  letter-spacing: -0.04em !important;
  line-height: 1.05 !important;
  color: #1d1d1b !important;
}
body:not(.template-index) #MainContent h2,
body:not(.template-index) #MainContent .h2 {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.5rem !important;
  letter-spacing: -0.03em !important;
  line-height: 1.1 !important;
}
body:not(.template-index) #MainContent h3,
body:not(.template-index) #MainContent .h3 {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.75rem !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}
body:not(.template-index) #MainContent h4,
body:not(.template-index) #MainContent .h4 {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  letter-spacing: -0.01em !important;
  line-height: 1.25 !important;
}
body:not(.template-index) #MainContent p,
body:not(.template-index) #MainContent .rich-text__text,
body:not(.template-index) #MainContent .multicolumn-card__info p {
  font-size: 1rem !important;
  line-height: 1.6 !important;
  color: #2c221e !important;
  opacity: 0.9 !important;
  font-weight: 400 !important;
}

/* Highlighted title text → orange */
body:not(.template-index) #MainContent .title span,
body:not(.template-index) #MainContent .steps .title span,
body:not(.template-index) #MainContent .logo-list .title span {
  color: #fc9f30 !important;
  font-size: 1.1em !important;
}

/* ── U3. Universal Hero Banner ─────────────────────────────────────── */
body:not(.template-index) .flex-hero {
  border-bottom: 1px solid rgba(29, 29, 27, 0.06);
}
body:not(.template-index) #MainContent .flex-hero-content h1 {
  font-size: 5.8rem !important;
  line-height: 1.15 !important;
  -webkit-text-stroke: 3px #000000;
  text-stroke: 3px #000000;
  paint-order: stroke fill;
}
body:not(.template-index) .flex-hero-content p {
  color: #2c221e !important;
  opacity: 0.8;
  max-width: 600px;
  margin: 20px auto 0 auto !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}
@media(max-width: 768px) {
  body:not(.template-index) #MainContent .flex-hero-content h1 {
    font-size: 3.2rem !important;
    line-height: 1.2 !important;
    -webkit-text-stroke: 2px #000000;
    text-stroke: 2px #000000;
  }
}

/* ── U4. Universal Multicolumn Grid ────────────────────────────────── */
body:not(.template-index) .multicolumn-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1px !important;
  background-color: rgba(29, 29, 27, 0.08) !important;
  border: 1px solid rgba(29, 29, 27, 0.08) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
@media screen and (max-width: 990px) {
  body:not(.template-index) .multicolumn-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media screen and (max-width: 750px) {
  body:not(.template-index) .multicolumn-list {
    grid-template-columns: 1fr !important;
  }
}
body:not(.template-index) .multicolumn-list__item {
  background: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 32px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  transition: background-color 0.3s ease !important;
}
body:not(.template-index) .multicolumn-list__item:hover {
  background-color: #fdfbf8 !important;
  transform: none !important;
  box-shadow: none !important;
}
body:not(.template-index) .multicolumn-card__image-wrapper {
  border-bottom: none !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
}
body:not(.template-index) .multicolumn-card__info {
  padding: 0 !important;
}

/* ── U5. Universal Premium Buttons ─────────────────────────────────── */
body:not(.template-index) .button--primary,
body:not(.template-index) .button,
body:not(.template-index) .contact-form button.button {
  background: #fc9f30 !important;
  color: #1d1d1b !important;
  font-family: 'Satoshi', sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border: 2px solid #1d1d1b !important;
  box-shadow: 4px 4px 0px 0px #1d1d1b !important;
  border-radius: 9999px !important;
  padding: 14px 32px !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body:not(.template-index) .button--primary:hover,
body:not(.template-index) .button:hover,
body:not(.template-index) .contact-form button.button:hover {
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0px 0px #1d1d1b !important;
  background-color: #ffdfb1 !important;
}
body:not(.template-index) .button--secondary {
  background: #ffffff !important;
  color: #1d1d1b !important;
  font-family: 'Satoshi', sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border: 2px solid #1d1d1b !important;
  box-shadow: 4px 4px 0px 0px #1d1d1b !important;
  border-radius: 9999px !important;
  padding: 14px 32px !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease !important;
}
body:not(.template-index) .button--secondary:hover {
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0px 0px #1d1d1b !important;
  background-color: #fdfbf8 !important;
}

/* ── U6. Universal Steps/Timeline ──────────────────────────────────── */
body:not(.template-index) .steps-timeline-line {
  background-color: #fc9f30 !important;
}

/* ── U7. Universal Collapsible FAQs ────────────────────────────────── */
body:not(.template-index) .accordion {
  border-bottom: 1px solid rgba(29, 29, 27, 0.08) !important;
  margin-bottom: 0 !important;
  background: transparent !important;
}
body:not(.template-index) .accordion summary {
  padding: 24px 0 !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  color: #1d1d1b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}
body:not(.template-index) .accordion summary:hover {
  color: #fc9f30 !important;
}
body:not(.template-index) .accordion__content {
  font-family: 'Satoshi', sans-serif !important;
  font-size: 1rem !important;
  color: #2c221e !important;
  line-height: 1.6 !important;
  padding-bottom: 24px !important;
  padding-top: 0 !important;
}

/* ── U8. Universal Testimonials ────────────────────────────────────── */
body:not(.template-index) .testimonials .container {
  max-width: 1600px !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  width: 100% !important;
}
body:not(.template-index) .testimonials__slider {
  padding-top: 2rem !important;
  padding-bottom: 3rem !important;
  margin-top: -2rem !important;
  margin-bottom: -3rem !important;
}
body:not(.template-index) .testimonials__slide {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1.5px solid #2c221e !important;
  border-radius: 28px 28px 0px 28px !important;
  padding: 1.8rem 1.6rem !important;
  box-shadow: 0 10px 30px -10px rgba(44, 34, 30, 0.05) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  position: relative !important;
  overflow: visible !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease !important;
  cursor: pointer;
}
body:not(.template-index) .testimonials:not(.color-background-3) .testimonials__slide::after {
  content: "" !important;
  position: absolute !important;
  bottom: -1px !important;
  right: -1px !important;
  width: 40px !important;
  height: 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0 L 40,40 Z' fill='%23f7f3ed' /%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0' fill='none' stroke='%232c221e' stroke-width='1.5' /%3E%3C/svg%3E") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  z-index: 2 !important;
  transition: background-image 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body:not(.template-index) .testimonials:not(.color-background-3) .testimonials__slide:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0 L 40,40 Z' fill='%23f7f3ed' /%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0' fill='none' stroke='%23fc9f30' stroke-width='1.5' /%3E%3C/svg%3E") !important;
}
body:not(.template-index) .testimonials.color-background-3 .testimonials__slide::after {
  content: "" !important;
  position: absolute !important;
  bottom: -1px !important;
  right: -1px !important;
  width: 40px !important;
  height: 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0 L 40,40 Z' fill='%232c221e' /%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0' fill='none' stroke='%232c221e' stroke-width='1.5' /%3E%3C/svg%3E") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  z-index: 2 !important;
  transition: background-image 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body:not(.template-index) .testimonials.color-background-3 .testimonials__slide:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0 L 40,40 Z' fill='%232c221e' /%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0' fill='none' stroke='%23fc9f30' stroke-width='1.5' /%3E%3C/svg%3E") !important;
}
body:not(.template-index) .testimonials__slide:hover {
  background: #fc9f30 !important;
  border-color: #fc9f30 !important;
  transform: scale(1.12) !important;
  box-shadow: 0 20px 40px -10px rgba(252, 159, 48, 0.35) !important;
  z-index: 10 !important;
}
body:not(.template-index) .testimonials__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  height: 100% !important;
  width: 100% !important;
}
body:not(.template-index) .testimonials__author {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  order: 1 !important;
  margin-bottom: 1.2rem !important;
}
body:not(.template-index) .testimonials__author:not(:has(.testimonials__author-icon))::before {
  content: "" !important;
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  margin-right: 12px !important;
  border: 2px solid #fc9f30 !important;
  background-color: #fc9f30 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") !important;
  background-size: 65% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: border-color 0.4s ease, background-color 0.4s ease !important;
}
body:not(.template-index) .testimonials__slide:hover .testimonials__author:not(:has(.testimonials__author-icon))::before {
  border-color: #2c221e !important;
  background-color: #2c221e !important;
}
body:not(.template-index) .testimonials__author-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin-right: 12px !important;
  border: 2px solid #fc9f30 !important;
  transition: border-color 0.4s ease !important;
}
body:not(.template-index) .testimonials__slide:hover .testimonials__author-icon {
  border-color: #2c221e !important;
}
body:not(.template-index) .testimonials__author-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
body:not(.template-index) .testimonials__author-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
body:not(.template-index) .testimonials__author-name {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.85rem !important;
  line-height: 1.2 !important;
  color: #2c221e !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  transition: color 0.4s ease !important;
}
body:not(.template-index) .testimonials__slide:hover .testimonials__author-name {
  color: #ffffff !important;
}
body:not(.template-index) .testimonials__author-position {
  font-family: 'Satoshi', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  color: #6e5e58 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  margin-top: 0.1rem !important;
  transition: color 0.4s ease !important;
}
body:not(.template-index) .testimonials__slide:hover .testimonials__author-position {
  color: rgba(255, 255, 255, 0.8) !important;
}
body:not(.template-index) #MainContent .testimonials__text {
  order: 2 !important;
  background: #fc9f30 !important;
  color: #ffffff !important;
  border-radius: 24px !important;
  padding: 1.2rem 1.4rem !important;
  margin: 0 0 1.2rem 0 !important;
  font-family: 'Satoshi', sans-serif !important;
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  transition: background-color 0.4s ease, color 0.4s ease !important;
  word-break: break-word !important;
  white-space: normal !important;
  text-align: left !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body:not(.template-index) #MainContent .testimonials__slide:hover .testimonials__text {
  background: #2c221e !important;
  color: #ffffff !important;
}
body:not(.template-index) .testimonials__rating {
  order: 3 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
body:not(.template-index) .testimonials__rating-count {
  display: none !important;
}
/* Rating Stars */
body:not(.template-index) .testimonials svg,
body:not(.template-index) .icon-star,
body:not(.template-index) .testimonials__stars .icon-star,
body:not(.template-index) .testimonials__stars i {
  fill: #2c221e !important;
  color: #2c221e !important;
  font-size: 1.15rem !important;
  transition: fill 0.4s ease, color 0.4s ease !important;
}
body:not(.template-index) .testimonials__slide:hover .testimonials__stars i,
body:not(.template-index) .testimonials__slide:hover .icon-star,
body:not(.template-index) .testimonials__slide:hover svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* ── U9. Universal Countdown ───────────────────────────────────────── */
body:not(.template-index) .countdown-box {
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 24px !important;
  padding: 32px !important;
}
body:not(.template-index) .countdown-digit {
  color: #fc9f30 !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 900 !important;
  font-size: 3.5rem !important;
}

/* ── U10. Universal Contact Form ───────────────────────────────────── */
body:not(.template-index) .contact-form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  max-width: none !important;
  padding: 0 !important;
}
body:not(.template-index) .contact-form__wrapper {
  background: linear-gradient(135deg, oklch(0.22 0.025 50) 0%, oklch(0.16 0.02 45) 100%) !important;
  border: 2px solid #fc9f30 !important;
  border-radius: 28px !important;
  padding: 24px 32px !important;
  box-shadow: 0 25px 50px -12px rgba(44, 34, 30, 0.3) !important;
  max-width: 580px !important;
  margin: 0 auto !important;
}
body:not(.template-index) .contact-grid {
  gap: 12px !important;
}
body:not(.template-index) .contact-form .field {
  margin-bottom: 12px !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
}
body:not(.template-index) .contact-grid .field:has(textarea) {
  grid-column: 1 / -1 !important;
}
body:not(.template-index) .contact-form label.field__label {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
  margin-bottom: 4px !important;
  opacity: 0.9 !important;
  order: -1 !important;
  position: relative !important;
  display: block !important;
}
body:not(.template-index) .contact-form input,
body:not(.template-index) .contact-form textarea,
body:not(.template-index) .contact-form select {
  width: 100% !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  background-color: #ffffff !important;
  color: #1d1d1b !important;
  font-family: 'Satoshi', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
  box-sizing: border-box !important;
}
body:not(.template-index) .contact-form textarea {
  min-height: 80px !important;
  height: 80px !important;
}
body:not(.template-index) .contact-form input::placeholder,
body:not(.template-index) .contact-form textarea::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}
body:not(.template-index) .contact-form select {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 16px !important;
  padding-right: 40px !important;
}
body:not(.template-index) .contact-form input:focus,
body:not(.template-index) .contact-form textarea:focus,
body:not(.template-index) .contact-form select:focus {
  border-color: #fc9f30 !important;
  box-shadow: 0 0 0 4px rgba(252, 159, 48, 0.35) !important;
  background-color: #ffffff !important;
  outline: none !important;
}
body:not(.template-index) .contact-form__bottom {
  margin-top: 12px !important;
  gap: 12px !important;
}

/* ── U11. Universal Multirow Cards ─────────────────────────────────── */
body:not(.template-index) .multirow-card {
  background: #fc9f30 !important;
  border: 2px solid #1d1d1b !important;
  box-shadow: 4px 4px 0px 0px #1d1d1b !important;
  border-radius: 24px !important;
  padding: 20px 24px !important;
  box-sizing: border-box !important;
  opacity: 0 !important;
  transform: translateY(40px) !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease !important;
}
body:not(.template-index) .multirow-card.show {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
body:not(.template-index) .multirow-card.show:hover {
  transform: scale(1.06) !important;
  box-shadow: 8px 8px 0px 0px #1d1d1b !important;
  z-index: 5 !important;
}
body:not(.template-index) #MainContent .multirow-card h3.multirow-card__heading,
body:not(.template-index) #MainContent .multirow-card .multirow-card__heading {
  color: #1d1d1b !important;
  font-size: 1.85rem !important;
  font-weight: 850 !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  line-height: 1.2 !important;
}
body:not(.template-index) #MainContent .multirow-card .multirow-card__heading strong {
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}
@media screen and (max-width: 749px) {
  body:not(.template-index) #MainContent .multirow-card h3.multirow-card__heading,
  body:not(.template-index) #MainContent .multirow-card .multirow-card__heading {
    font-size: 1.5rem !important;
  }
}
body:not(.template-index) #MainContent .multirow-card .multirow-card__text,
body:not(.template-index) #MainContent .multirow-card .multirow-card__text * {
  color: #1d1d1b !important;
}
body:not(.template-index) #MainContent .multirow-card .multirow-card__text ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 12px 0 0 0 !important;
  display: block !important;
}
body:not(.template-index) #MainContent .multirow-card .multirow-card__text li {
  position: relative !important;
  padding-left: 20px !important;
  list-style: none !important;
  display: block !important;
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
  margin-bottom: 8px !important;
}
body:not(.template-index) #MainContent .multirow-card .multirow-card__text li::before {
  content: "•" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #1d1d1b !important;
  font-size: 1.25rem !important;
  line-height: 1.2 !important;
}
body:not(.template-index) .multirow-list__wrapper {
  gap: 24px !important;
}

/* ── 0. Global Theme Variables & Overrides ────────────────────────── */
body[class*="mentorship"],
body[class*="mastercourse"],
body[class*="about"],
body[class*="contact"] {
  /* Set base font family */
  font-family: 'Satoshi', 'Outfit', sans-serif !important;
  color: #1d1d1b !important;
  background-color: #fdfbf8 !important;
  background: linear-gradient(to bottom, oklch(0.98 0.02 75) 0%, oklch(0.94 0.03 72) 30%, oklch(0.98 0.02 75) 100%) !important;

  /* Redefine primary colors and button tokens globally */
  --color-accent: 252, 159, 48 !important;
  --gradient-accent: #fc9f30 !important;

  --color-button: 252, 159, 48;
  --color-button-hover: 44, 34, 30;
  --color-button-text: 29, 29, 27;
  --color-button-text-hover: 255, 255, 255;

  --color-button-secondary: 29, 29, 27;
  --color-button-secondary-hover: 252, 159, 48;
  --color-button-secondary-text: 29, 29, 27;
  --color-button-secondary-text-hover: 29, 29, 27;

  --color-border-input: 29, 29, 27;
  --color-background-input: 252, 252, 252;
  --color-border: 29, 29, 27;
}

/* ── 1. Color Schemes Refinement (Removing Blue/Purple) ───────────── */
body[class*="mentorship"] [class*="color-background-"],
body[class*="about"] [class*="color-background-"],
body[class*="contact"] [class*="color-background-"],
body[class*="mastercourse"] [class*="color-background-"] {
  --color-accent: 252, 159, 48 !important;
}

body[class*="mentorship"] .color-background-1,
body[class*="about"] .color-background-1,
body[class*="contact"] .color-background-1,
body[class*="mastercourse"] .color-background-1 {
  --color-background: 253, 251, 248;
  --gradient-background: linear-gradient(to bottom, oklch(0.98 0.02 75) 0%, oklch(0.94 0.03 72) 30%, oklch(0.98 0.02 75) 100%);
  --color-foreground: 29, 29, 27;
  --color-foreground-secondary: 44, 34, 30;
  --color-foreground-title: 29, 29, 27;
}

body[class*="mentorship"] .color-background-2,
body[class*="about"] .color-background-2,
body[class*="contact"] .color-background-2,
body[class*="mastercourse"] .color-background-2 {
  --color-background: 253, 251, 248;
  --gradient-background: linear-gradient(to bottom, #fdfbf8 0%, #f7f3ed 100%);
  --color-foreground: 29, 29, 27;
  --color-foreground-secondary: 44, 34, 30;
  --color-foreground-title: 29, 29, 27;
}

body[class*="mentorship"] .color-background-3,
body[class*="about"] .color-background-3,
body[class*="contact"] .color-background-3,
body[class*="mastercourse"] .color-background-3 {
  --color-background: 44, 34, 30;
  --gradient-background: linear-gradient(135deg, oklch(0.22 0.025 50) 0%, oklch(0.16 0.02 45) 100%);
  --color-foreground: 255, 255, 255;
  --color-foreground-secondary: 247, 243, 237;
  --color-foreground-title: 255, 255, 255;
  --color-button: 252, 159, 48;
  --color-button-text: 29, 29, 27;
  --color-button-hover: 255, 255, 255;
  --color-button-text-hover: 29, 29, 27;
}

body[class*="mentorship"] .color-background-4,
body[class*="about"] .color-background-4,
body[class*="contact"] .color-background-4,
body[class*="mastercourse"] .color-background-4 {
  --color-background: 29, 29, 27;
  --gradient-background: #1d1d1b;
  --color-foreground: 255, 255, 255;
  --color-foreground-secondary: 252, 159, 48;
  --color-foreground-title: 255, 255, 255;
}

/* Force bright white text inside dark backgrounds to override any global dark brown rules */
body[class*="mentorship"] #MainContent .color-background-3 h1,
body[class*="mentorship"] #MainContent .color-background-3 h2,
body[class*="mentorship"] #MainContent .color-background-3 h3,
body[class*="mentorship"] #MainContent .color-background-3 h4,
body[class*="mentorship"] #MainContent .color-background-3 p,
body[class*="mentorship"] #MainContent .color-background-3 li,
body[class*="mentorship"] #MainContent .color-background-3 a,
body[class*="mentorship"] #MainContent .color-background-3 span,
body[class*="mentorship"] #MainContent .color-background-3 .rich-text__text,
body[class*="mentorship"] #MainContent .color-background-3 .subtitle,
body[class*="mentorship"] #MainContent .color-background-3 .subheading,
body[class*="mastercourse"] #MainContent .color-background-3 h1,
body[class*="about"] #MainContent .color-background-3 h1,
body[class*="mastercourse"] #MainContent .color-background-3 h2,
body[class*="about"] #MainContent .color-background-3 h2,
body[class*="mastercourse"] #MainContent .color-background-3 h3,
body[class*="about"] #MainContent .color-background-3 h3,
body[class*="mastercourse"] #MainContent .color-background-3 h4,
body[class*="about"] #MainContent .color-background-3 h4,
body[class*="mastercourse"] #MainContent .color-background-3 p,
body[class*="about"] #MainContent .color-background-3 p,
body[class*="mastercourse"] #MainContent .color-background-3 li,
body[class*="about"] #MainContent .color-background-3 li,
body[class*="mastercourse"] #MainContent .color-background-3 a,
body[class*="about"] #MainContent .color-background-3 a,
body[class*="mastercourse"] #MainContent .color-background-3 span,
body[class*="about"] #MainContent .color-background-3 span,
body[class*="mastercourse"] #MainContent .color-background-3 .rich-text__text,
body[class*="about"] #MainContent .color-background-3 .rich-text__text,
body[class*="mastercourse"] #MainContent .color-background-3 .subtitle,
body[class*="about"] #MainContent .color-background-3 .subtitle,
body[class*="mastercourse"] #MainContent .color-background-3 .subheading,
body[class*="about"] #MainContent .color-background-3 .subheading,
body[class*="mentorship"] #MainContent .color-background-4 h1,
body[class*="mentorship"] #MainContent .color-background-4 h2,
body[class*="mentorship"] #MainContent .color-background-4 h3,
body[class*="mentorship"] #MainContent .color-background-4 h4,
body[class*="mentorship"] #MainContent .color-background-4 p,
body[class*="mentorship"] #MainContent .color-background-4 li,
body[class*="mentorship"] #MainContent .color-background-4 a,
body[class*="mentorship"] #MainContent .color-background-4 span,
body[class*="mentorship"] #MainContent .color-background-4 .rich-text__text,
body[class*="mentorship"] #MainContent .color-background-4 .subtitle,
body[class*="mentorship"] #MainContent .color-background-4 .subheading,
body[class*="mastercourse"] #MainContent .color-background-4 h1,
body[class*="about"] #MainContent .color-background-4 h1,
body[class*="mastercourse"] #MainContent .color-background-4 h2,
body[class*="about"] #MainContent .color-background-4 h2,
body[class*="mastercourse"] #MainContent .color-background-4 h3,
body[class*="about"] #MainContent .color-background-4 h3,
body[class*="mastercourse"] #MainContent .color-background-4 h4,
body[class*="about"] #MainContent .color-background-4 h4,
body[class*="mastercourse"] #MainContent .color-background-4 p,
body[class*="about"] #MainContent .color-background-4 p,
body[class*="mastercourse"] #MainContent .color-background-4 li,
body[class*="about"] #MainContent .color-background-4 li,
body[class*="mastercourse"] #MainContent .color-background-4 a,
body[class*="about"] #MainContent .color-background-4 a,
body[class*="mastercourse"] #MainContent .color-background-4 span,
body[class*="about"] #MainContent .color-background-4 span,
body[class*="mastercourse"] #MainContent .color-background-4 .rich-text__text,
body[class*="about"] #MainContent .color-background-4 .rich-text__text,
body[class*="mastercourse"] #MainContent .color-background-4 .subtitle,
body[class*="about"] #MainContent .color-background-4 .subtitle,
body[class*="about"] #MainContent .color-background-4 .subheading,
body[class*="mastercourse"] #MainContent .color-background-4 .subheading {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ── 2. Premium Typography Overrides ─────────────────────────────── */
body[class*="mentorship"] #MainContent h1,
body[class*="mentorship"] #MainContent .h1,
body[class*="mastercourse"] #MainContent h1,
body[class*="about"] #MainContent h1,
body[class*="about"] #MainContent .h1,
body[class*="mastercourse"] #MainContent .h1 {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 900 !important;
  font-size: 3.5rem !important;
  letter-spacing: -0.04em !important;
  line-height: 1.05 !important;
  color: #1d1d1b !important;
}

body[class*="mentorship"] #MainContent h2,
body[class*="mentorship"] #MainContent .h2,
body[class*="mastercourse"] #MainContent h2,
body[class*="about"] #MainContent h2,
body[class*="about"] #MainContent .h2,
body[class*="mastercourse"] #MainContent .h2 {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.5rem !important;
  letter-spacing: -0.03em !important;
  line-height: 1.1 !important;
}

body[class*="mentorship"] #MainContent h3,
body[class*="mentorship"] #MainContent .h3,
body[class*="mastercourse"] #MainContent h3,
body[class*="about"] #MainContent h3,
body[class*="about"] #MainContent .h3,
body[class*="mastercourse"] #MainContent .h3 {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.75rem !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}

body[class*="mentorship"] #MainContent h4,
body[class*="mentorship"] #MainContent .h4,
body[class*="mastercourse"] #MainContent h4,
body[class*="about"] #MainContent h4,
body[class*="about"] #MainContent .h4,
body[class*="mastercourse"] #MainContent .h4 {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  letter-spacing: -0.01em !important;
  line-height: 1.25 !important;
}

body[class*="mentorship"] #MainContent p,
body[class*="mentorship"] #MainContent .rich-text__text,
body[class*="mastercourse"] #MainContent p,
body[class*="about"] #MainContent p,
body[class*="mastercourse"] #MainContent .rich-text__text,
body[class*="about"] #MainContent .rich-text__text,
body[class*="mentorship"] #MainContent .multicolumn-card__info p,
body[class*="about"] #MainContent .multicolumn-card__info p,
body[class*="mastercourse"] #MainContent .multicolumn-card__info p {
  font-size: 1rem !important;
  line-height: 1.6 !important;
  color: #2c221e !important;
  opacity: 0.9 !important;
  font-weight: 400 !important;
}

/* Force highlighted title text to be orange instead of blue */
body[class*="mentorship"] #MainContent .title span,
body[class*="mastercourse"] #MainContent .title span,
body[class*="about"] #MainContent .title span,
body[class*="mentorship"] #MainContent .steps .title span,
body[class*="mastercourse"] #MainContent .steps .title span,
body[class*="about"] #MainContent .steps .title span,
body[class*="mentorship"] #MainContent .logo-list .title span,
body[class*="about"] #MainContent .logo-list .title span,
body[class*="mastercourse"] #MainContent .logo-list .title span {
  color: #fc9f30 !important;
  font-size: 1.1em !important;
}

/* ── 3. Flexible Hero Animated Banner ────────────────────────────── */
body[class*="mentorship"] .flex-hero,
body[class*="about"] .flex-hero,
body[class*="mastercourse"] .flex-hero {
  border-bottom: 1px solid rgba(29, 29, 27, 0.06);
}

body[class*="mentorship"] #MainContent .flex-hero-content h1,
body[class*="about"] #MainContent .flex-hero-content h1,
body[class*="mastercourse"] #MainContent .flex-hero-content h1 {
  font-size: 5.8rem !important;
  line-height: 1.15 !important;
  -webkit-text-stroke: 3px #000000;
  text-stroke: 3px #000000;
  paint-order: stroke fill;
}

body[class*="about"] #MainContent .flex-hero-content h1 .highlight-loop,
body[class*="mastercourse"] #MainContent .flex-hero-content h1 .highlight-loop {
  display: block !important;
  margin-top: 15px;
  -webkit-text-stroke: 3px #ffffff;
  text-stroke: 3px #ffffff;
  paint-order: stroke fill;
}

body[class*="mentorship"] #MainContent .flex-hero-content h1 .highlight-loop {
  display: inline-block !important;
  margin-left: 12px;
  -webkit-text-stroke: 3px #ffffff;
  text-stroke: 3px #ffffff;
  paint-order: stroke fill;
}

@media(max-width: 768px) {
body[class*="mentorship"] #MainContent .flex-hero-content h1,
body[class*="about"] #MainContent .flex-hero-content h1,
  body[class*="mastercourse"] #MainContent .flex-hero-content h1 {
    font-size: 3.2rem !important;
    line-height: 1.2 !important;
    -webkit-text-stroke: 2px #000000;
    text-stroke: 2px #000000;
  }
body[class*="about"] #MainContent .flex-hero-content h1 .highlight-loop,
  body[class*="mastercourse"] #MainContent .flex-hero-content h1 .highlight-loop {
    display: block !important;
    margin-top: 8px;
    -webkit-text-stroke: 2px #ffffff;
    text-stroke: 2px #ffffff;
  }
body[class*="mentorship"] #MainContent .flex-hero-content h1 .highlight-loop {
    display: inline-block !important;
    margin-left: 6px;
    -webkit-text-stroke: 2px #ffffff;
    text-stroke: 2px #ffffff;
  }
}

body[class*="mentorship"] .flex-hero-content p,
body[class*="about"] .flex-hero-content p,
body[class*="mastercourse"] .flex-hero-content p {
  color: #2c221e !important;
  opacity: 0.8;
  max-width: 600px;
  margin: 20px auto 0 auto !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

/* ── 4. Multicolumn Grid Premium Redesign ─────────────────────────── */
body[class*="mentorship"] .multicolumn-list,
body[class*="about"] .multicolumn-list,
body[class*="mastercourse"] .multicolumn-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1px !important;
  background-color: rgba(29, 29, 27, 0.08) !important;
  /* Border line color */
  border: 1px solid rgba(29, 29, 27, 0.08) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

@media screen and (max-width: 990px) {

  body[class*="mentorship"] .multicolumn-list,
body[class*="about"] .multicolumn-list,
  body[class*="mastercourse"] .multicolumn-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media screen and (max-width: 750px) {

  body[class*="mentorship"] .multicolumn-list,
body[class*="about"] .multicolumn-list,
  body[class*="mastercourse"] .multicolumn-list {
    grid-template-columns: 1fr !important;
  }
}

body[class*="mentorship"] .multicolumn-list__item,
body[class*="about"] .multicolumn-list__item,
body[class*="mastercourse"] .multicolumn-list__item {
  background: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 32px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  transition: background-color 0.3s ease !important;
}

body[class*="mentorship"] .multicolumn-list__item:hover,
body[class*="about"] .multicolumn-list__item:hover,
body[class*="mastercourse"] .multicolumn-list__item:hover {
  background-color: #fdfbf8 !important;
  /* soft cream hover */
  transform: none !important;
  box-shadow: none !important;
}

body[class*="mentorship"] .multicolumn-card__image-wrapper,
body[class*="about"] .multicolumn-card__image-wrapper,
body[class*="mastercourse"] .multicolumn-card__image-wrapper {
  border-bottom: none !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
}

body[class*="mentorship"] .multicolumn-card__info,
body[class*="about"] .multicolumn-card__info,
body[class*="mastercourse"] .multicolumn-card__info {
  padding: 0 !important;
}

/* ── 5. Button Premium Offset Styling ──────────────────────────────── */
body[class*="mentorship"] .button--primary,
body[class*="mastercourse"] .button--primary,
body[class*="about"] .button--primary,
body[class*="contact"] .button--primary,
body[class*="mentorship"] .button,
body[class*="mastercourse"] .button,
body[class*="about"] .button,
body[class*="contact"] .button,
body[class*="mentorship"] .contact-form button.button,
body[class*="about"] .contact-form button.button,
body[class*="contact"] .contact-form button.button,
body[class*="mastercourse"] .contact-form button.button {
  background: #fc9f30 !important;
  color: #1d1d1b !important;
  font-family: 'Satoshi', sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border: 2px solid #1d1d1b !important;
  box-shadow: 4px 4px 0px 0px #1d1d1b !important;
  border-radius: 9999px !important;
  padding: 14px 32px !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body[class*="mentorship"] .button--primary:hover,
body[class*="mastercourse"] .button--primary:hover,
body[class*="about"] .button--primary:hover,
body[class*="contact"] .button--primary:hover,
body[class*="mentorship"] .button:hover,
body[class*="mastercourse"] .button:hover,
body[class*="about"] .button:hover,
body[class*="contact"] .button:hover,
body[class*="mentorship"] .contact-form button.button:hover,
body[class*="about"] .contact-form button.button:hover,
body[class*="contact"] .contact-form button.button:hover,
body[class*="mastercourse"] .contact-form button.button:hover {
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0px 0px #1d1d1b !important;
  background-color: #ffdfb1 !important;
}

body[class*="mentorship"] .button--secondary,
body[class*="about"] .button--secondary,
body[class*="contact"] .button--secondary,
body[class*="mastercourse"] .button--secondary {
  background: #ffffff !important;
  color: #1d1d1b !important;
  font-family: 'Satoshi', sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border: 2px solid #1d1d1b !important;
  box-shadow: 4px 4px 0px 0px #1d1d1b !important;
  border-radius: 9999px !important;
  padding: 14px 32px !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease !important;
}

body[class*="mentorship"] .button--secondary:hover,
body[class*="about"] .button--secondary:hover,
body[class*="mastercourse"] .button--secondary:hover {
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0px 0px #1d1d1b !important;
  background-color: #fdfbf8 !important;
}

/* ── 6. Steps/Timeline Premium Overrides ──────────────────────────── */
.steps-section,
.steps {
  background: linear-gradient(to bottom, #fdfbf8 0%, #f7f3ed 100%) !important;
}

body[class*="mentorship"] .steps__content--columns .steps__wrapper {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap: 2.8rem 2.4rem !important;
}

.step-card,
.steps__step {
  background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(29, 29, 27, 0.08) !important;
  border-radius: 20px !important;
  padding: 2.4rem 2.4rem !important;
  /* Reduced padding to prevent vertical stretching */
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease !important;
  box-sizing: border-box !important;
}

@media screen and (max-width: 480px) {

  .step-card,
  .steps__step {
    padding: 1.8rem 1.8rem !important;
  }
}

.step-card:hover,
.steps__step:hover {
  transform: translateY(-6px) scale(1.01) !important;
  box-shadow: 0 20px 40px -12px rgba(44, 34, 30, 0.1) !important;
  border-color: #fc9f30 !important;
}

/* Eliminate nested padding in info container to maximize content width */
body[class*="mentorship"] .steps__step .step__info {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

/* Restrict step image height so it stays proportional */
body[class*="mentorship"] .steps__step .step__image {
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  position: relative !important;
  width: 100% !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

body[class*="mentorship"] .steps__step .step__image img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Tighten spacing for step numbers, headings and text */
body[class*="mentorship"] .steps__step .step__heading {
  font-size: 1.25rem !important;
  line-height: 1.35 !important;
  margin-top: 1.6rem !important;
  margin-bottom: 0.8rem !important;
  font-weight: 800 !important;
  color: #1d1d1b !important;
}

body[class*="mentorship"] .steps__step .step__text {
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  color: #4c3f3a !important;
}

.step-number,
.step__number {
  background: #fc9f30 !important;
  color: #1d1d1b !important;
  /* Brand charcoal text */
  font-family: 'Outfit', sans-serif !important;
  font-weight: 900 !important;
  border: 2px solid #1d1d1b !important;
  box-shadow: 3px 3px 0px 0px #1d1d1b !important;
  border-radius: 12px !important;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center;
}

.step-number span,
.step__number span {
  background: none !important;
  background-clip: unset !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #1d1d1b !important;
  color: #1d1d1b !important;
  display: inline !important;
}

/* Steps timeline connector line */
body[class*="mentorship"] .steps-timeline-line,
body[class*="about"] .steps-timeline-line,
body[class*="mastercourse"] .steps-timeline-line {
  background-color: #fc9f30 !important;
}

/* ── 7. Collapsible FAQs Accordion Redesign ──────────────────────── */
body[class*="mentorship"] .accordion,
body[class*="about"] .accordion,
body[class*="mastercourse"] .accordion {
  border-bottom: 1px solid rgba(29, 29, 27, 0.08) !important;
  margin-bottom: 0 !important;
  background: transparent !important;
}

body[class*="mentorship"] .accordion summary,
body[class*="about"] .accordion summary,
body[class*="mastercourse"] .accordion summary {
  padding: 24px 0 !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  color: #1d1d1b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}

body[class*="mentorship"] .accordion summary:hover,
body[class*="about"] .accordion summary:hover,
body[class*="mastercourse"] .accordion summary:hover {
  color: #fc9f30 !important;
}

body[class*="mentorship"] .accordion__content,
body[class*="about"] .accordion__content,
body[class*="mastercourse"] .accordion__content {
  font-family: 'Satoshi', sans-serif !important;
  font-size: 1rem !important;
  color: #2c221e !important;
  line-height: 1.6 !important;
  padding-bottom: 24px !important;
  padding-top: 0 !important;
}

/* ── 8. Testimonials Overrides ───────────────────────────────────── */
body[class*="mentorship"] .testimonials .container,
body[class*="about"] .testimonials .container,
body[class*="mastercourse"] .testimonials .container {
  max-width: 1600px !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  width: 100% !important;
}

/* Prevent Swiper slider overflow from clipping the card hover transformations */
body[class*="mentorship"] .testimonials__slider,
body[class*="about"] .testimonials__slider,
body[class*="mastercourse"] .testimonials__slider {
  padding-top: 2rem !important;
  padding-bottom: 3rem !important;
  margin-top: -2rem !important;
  margin-bottom: -3rem !important;
}

body[class*="mentorship"] .testimonials__slide,
body[class*="about"] .testimonials__slide,
body[class*="mastercourse"] .testimonials__slide {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1.5px solid #2c221e !important; /* Premium coffee brown border outline */
  border-radius: 28px 28px 0px 28px !important; /* Bottom-right corner is sharp to merge with corner cutout */
  padding: 1.8rem 1.6rem !important;
  box-shadow: 0 10px 30px -10px rgba(44, 34, 30, 0.05) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  position: relative !important;
  overflow: visible !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease !important;
  cursor: pointer;
}

/* Inward corner curve speech bubble cutout (notch) located exactly at the bottom-right corner */
body[class*="mentorship"] .testimonials__slide::after,
body[class*="about"] .testimonials:not(.color-background-3) .testimonials__slide::after,
body[class*="mastercourse"] .testimonials:not(.color-background-3) .testimonials__slide::after {
  content: "" !important;
  position: absolute !important;
  bottom: -1px !important; /* overlays bottom border */
  right: -1px !important; /* aligned perfectly to the right corner */
  width: 40px !important;
  height: 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0 L 40,40 Z' fill='%23f7f3ed' /%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0' fill='none' stroke='%232c221e' stroke-width='1.5' /%3E%3C/svg%3E") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  z-index: 2 !important;
  transition: background-image 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body[class*="mentorship"] .testimonials__slide:hover::after,
body[class*="about"] .testimonials:not(.color-background-3) .testimonials__slide:hover::after,
body[class*="mastercourse"] .testimonials:not(.color-background-3) .testimonials__slide:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0 L 40,40 Z' fill='%23f7f3ed' /%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0' fill='none' stroke='%23fc9f30' stroke-width='1.5' /%3E%3C/svg%3E") !important;
}

/* Mastercourse with coffee color-background-3 background */
body[class*="about"] .testimonials.color-background-3 .testimonials__slide::after,
body[class*="mastercourse"] .testimonials.color-background-3 .testimonials__slide::after {
  content: "" !important;
  position: absolute !important;
  bottom: -1px !important; /* overlays bottom border */
  right: -1px !important; /* aligned perfectly to the right corner */
  width: 40px !important;
  height: 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0 L 40,40 Z' fill='%232c221e' /%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0' fill='none' stroke='%232c221e' stroke-width='1.5' /%3E%3C/svg%3E") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  z-index: 2 !important;
  transition: background-image 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body[class*="about"] .testimonials.color-background-3 .testimonials__slide:hover::after,
body[class*="mastercourse"] .testimonials.color-background-3 .testimonials__slide:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0 L 40,40 Z' fill='%232c221e' /%3E%3Cpath d='M 0,40 C 17.9,40 40,17.9 40,0' fill='none' stroke='%23fc9f30' stroke-width='1.5' /%3E%3C/svg%3E") !important;
}

body[class*="mentorship"] .testimonials__slide:hover,
body[class*="about"] .testimonials__slide:hover,
body[class*="mastercourse"] .testimonials__slide:hover {
  background: #fc9f30 !important;
  border-color: #fc9f30 !important;
  transform: scale(1.12) !important; /* expand significantly from all four sides symmetrically */
  box-shadow: 0 20px 40px -10px rgba(252, 159, 48, 0.35) !important;
  z-index: 10 !important; /* display on top of neighboring slides */
}



body[class*="mentorship"] .testimonials__item,
body[class*="about"] .testimonials__item,
body[class*="mastercourse"] .testimonials__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  height: 100% !important;
  width: 100% !important;
}

/* Flexbox reordering: Author on top (order 1), Review Text in bubble (order 2), Stars rating on bottom (order 3) */
body[class*="mentorship"] .testimonials__author,
body[class*="about"] .testimonials__author,
body[class*="mastercourse"] .testimonials__author {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  order: 1 !important;
  margin-bottom: 1.2rem !important;
}

/* Inject default profile image if no image block is defined */
body[class*="mentorship"] .testimonials__author:not(:has(.testimonials__author-icon))::before,
body[class*="about"] .testimonials__author:not(:has(.testimonials__author-icon))::before,
body[class*="mastercourse"] .testimonials__author:not(:has(.testimonials__author-icon))::before {
  content: "" !important;
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  margin-right: 12px !important;
  border: 2px solid #fc9f30 !important;
  background-color: #fc9f30 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") !important;
  background-size: 65% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: border-color 0.4s ease, background-color 0.4s ease !important;
}

body[class*="mentorship"] .testimonials__slide:hover .testimonials__author:not(:has(.testimonials__author-icon))::before,
body[class*="about"] .testimonials__slide:hover .testimonials__author:not(:has(.testimonials__author-icon))::before,
body[class*="mastercourse"] .testimonials__slide:hover .testimonials__author:not(:has(.testimonials__author-icon))::before {
  border-color: #2c221e !important;
  background-color: #2c221e !important;
}

/* User avatar container */
body[class*="mentorship"] .testimonials__author-icon,
body[class*="about"] .testimonials__author-icon,
body[class*="mastercourse"] .testimonials__author-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin-right: 12px !important;
  border: 2px solid #fc9f30 !important;
  transition: border-color 0.4s ease !important;
}

body[class*="mentorship"] .testimonials__slide:hover .testimonials__author-icon,
body[class*="about"] .testimonials__slide:hover .testimonials__author-icon,
body[class*="mastercourse"] .testimonials__slide:hover .testimonials__author-icon {
  border-color: #2c221e !important;
}

body[class*="mentorship"] .testimonials__author-icon img,
body[class*="about"] .testimonials__author-icon img,
body[class*="mastercourse"] .testimonials__author-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Author details text */
body[class*="mentorship"] .testimonials__author-info,
body[class*="about"] .testimonials__author-info,
body[class*="mastercourse"] .testimonials__author-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* Reduced name size */
body[class*="mentorship"] .testimonials__author-name,
body[class*="about"] .testimonials__author-name,
body[class*="mastercourse"] .testimonials__author-name {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.85rem !important; /* Shrunk further to match premium design */
  line-height: 1.2 !important;
  color: #2c221e !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  transition: color 0.4s ease !important;
}

body[class*="mentorship"] .testimonials__slide:hover .testimonials__author-name,
body[class*="about"] .testimonials__slide:hover .testimonials__author-name,
body[class*="mastercourse"] .testimonials__slide:hover .testimonials__author-name {
  color: #ffffff !important;
}

body[class*="mentorship"] .testimonials__author-position,
body[class*="about"] .testimonials__author-position,
body[class*="mastercourse"] .testimonials__author-position {
  font-family: 'Satoshi', sans-serif !important;
  font-size: 0.68rem !important; /* Shrunk position size */
  font-weight: 600 !important;
  color: #6e5e58 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  margin-top: 0.1rem !important;
  transition: color 0.4s ease !important;
}

body[class*="mentorship"] .testimonials__slide:hover .testimonials__author-position,
body[class*="about"] .testimonials__slide:hover .testimonials__author-position,
body[class*="mastercourse"] .testimonials__slide:hover .testimonials__author-position {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Bubble design review text (orange bubble by default, coffee brown on hover) */
body[class*="mentorship"] #MainContent .testimonials__text,
body[class*="about"] #MainContent .testimonials__text,
body[class*="mastercourse"] #MainContent .testimonials__text {
  order: 2 !important;
  background: #fc9f30 !important; /* Orange bubble default */
  color: #ffffff !important;
  border-radius: 24px !important; /* More rounded corners like in the image */
  padding: 1.2rem 1.4rem !important;
  margin: 0 0 1.2rem 0 !important;
  font-family: 'Satoshi', sans-serif !important;
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  transition: background-color 0.4s ease, color 0.4s ease !important;
  word-break: break-word !important;
  white-space: normal !important;
  text-align: left !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body[class*="mentorship"] #MainContent .testimonials__slide:hover .testimonials__text,
body[class*="about"] #MainContent .testimonials__slide:hover .testimonials__text,
body[class*="mastercourse"] #MainContent .testimonials__slide:hover .testimonials__text {
  background: #2c221e !important; /* Dark bubble on hover */
  color: #ffffff !important; /* White text on hover */
}

/* Rating stars section pushed to bottom */
body[class*="mentorship"] .testimonials__rating,
body[class*="about"] .testimonials__rating,
body[class*="mastercourse"] .testimonials__rating {
  order: 3 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

body[class*="mentorship"] .testimonials__rating-count,
body[class*="about"] .testimonials__rating-count,
body[class*="mastercourse"] .testimonials__rating-count {
  display: none !important; /* Hide rating text digits (like 5.00) */
}

/* Rating Stars font configuration and space styling */
body[class*="mentorship"] .testimonials__stars i,
body[class*="about"] .testimonials__stars i,
body[class*="mastercourse"] .testimonials__stars i {
  font-family: 'icon-custom' !important;
  letter-spacing: 0.15em !important;
  font-style: normal !important;
  display: inline-block !important;
}

/* Star rating content multipliers to show actual number of stars */
body[class*="mentorship"] .testimonials__stars.count-stars-5 i::before,
body[class*="about"] .testimonials__stars.count-stars-5 i::before,
body[class*="mastercourse"] .testimonials__stars.count-stars-5 i::before {
  content: "\e85f\e85f\e85f\e85f\e85f" !important;
}
body[class*="mentorship"] .testimonials__stars.count-stars-4 i::before,
body[class*="about"] .testimonials__stars.count-stars-4 i::before,
body[class*="mastercourse"] .testimonials__stars.count-stars-4 i::before {
  content: "\e85f\e85f\e85f\e85f" !important;
}
body[class*="mentorship"] .testimonials__stars.count-stars-3 i::before,
body[class*="about"] .testimonials__stars.count-stars-3 i::before,
body[class*="mastercourse"] .testimonials__stars.count-stars-3 i::before {
  content: "\e85f\e85f\e85f" !important;
}
body[class*="mentorship"] .testimonials__stars.count-stars-2 i::before,
body[class*="about"] .testimonials__stars.count-stars-2 i::before,
body[class*="mastercourse"] .testimonials__stars.count-stars-2 i::before {
  content: "\e85f\e85f" !important;
}
body[class*="mentorship"] .testimonials__stars.count-stars-1 i::before,
body[class*="about"] .testimonials__stars.count-stars-1 i::before,
body[class*="mastercourse"] .testimonials__stars.count-stars-1 i::before {
  content: "\e85f" !important;
}

/* Rating Stars fill color default: charcoal/coffee-brown, hover: white */
body[class*="mentorship"] .testimonial-stars svg,
body[class*="mastercourse"] .testimonial-stars svg,
body[class*="about"] .testimonial-stars svg,
body[class*="mentorship"] .testimonials svg,
body[class*="mastercourse"] .testimonials svg,
body[class*="about"] .testimonials svg,
body[class*="mentorship"] .icon-star,
body[class*="mastercourse"] .icon-star,
body[class*="about"] .icon-star,
body[class*="mentorship"] .testimonials__stars .icon-star,
body[class*="mastercourse"] .testimonials__stars .icon-star,
body[class*="about"] .testimonials__stars .icon-star,
body[class*="mentorship"] .testimonials__stars i,
body[class*="about"] .testimonials__stars i,
body[class*="mastercourse"] .testimonials__stars i {
  fill: #2c221e !important; /* Dark stars default */
  color: #2c221e !important;
  font-size: 1.15rem !important;
  transition: fill 0.4s ease, color 0.4s ease !important;
}

body[class*="mentorship"] .testimonials__slide:hover .testimonials__stars i,
body[class*="mastercourse"] .testimonials__slide:hover .testimonials__stars i,
body[class*="about"] .testimonials__slide:hover .testimonials__stars i,
body[class*="mentorship"] .testimonials__slide:hover .icon-star,
body[class*="mastercourse"] .testimonials__slide:hover .icon-star,
body[class*="about"] .testimonials__slide:hover .icon-star,
body[class*="mentorship"] .testimonials__slide:hover svg,
body[class*="about"] .testimonials__slide:hover svg,
body[class*="mastercourse"] .testimonials__slide:hover svg {
  fill: #ffffff !important; /* White stars on hover */
  color: #ffffff !important;
}


/* ── 9. Countdown Section Redesign ───────────────────────────────── */
body[class*="about"] .countdown-box,
body[class*="mastercourse"] .countdown-box {
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 24px !important;
  padding: 32px !important;
}

body[class*="about"] .countdown-digit,
body[class*="mastercourse"] .countdown-digit {
  color: #fc9f30 !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 900 !important;
  font-size: 3.5rem !important;
}

/* ── 10. Contact Form Styling ────────────────────────────────────── */
body[class*="mentorship"] .contact-form,
body[class*="about"] .contact-form,
body[class*="contact"] .contact-form,
body[class*="mastercourse"] .contact-form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  max-width: none !important;
  padding: 0 !important;
}

body[class*="mentorship"] .contact-form__wrapper,
body[class*="about"] .contact-form__wrapper,
body[class*="contact"] .contact-form__wrapper,
body[class*="mastercourse"] .contact-form__wrapper {
  background: linear-gradient(135deg, oklch(0.22 0.025 50) 0%, oklch(0.16 0.02 45) 100%) !important;
  border: 2px solid #fc9f30 !important;
  border-radius: 28px !important;
  padding: 24px 32px !important; /* Shrunk padding to make form shorter */
  box-shadow: 0 25px 50px -12px rgba(44, 34, 30, 0.3) !important;
  max-width: 580px !important; /* Shrunk width to make it compact */
  margin: 0 auto !important;
}

body[class*="mentorship"] .contact-grid,
body[class*="about"] .contact-grid,
body[class*="contact"] .contact-grid,
body[class*="mastercourse"] .contact-grid {
  gap: 12px !important; /* Shrunk grid gap */
}

body[class*="mentorship"] .contact-form .field,
body[class*="about"] .contact-form .field,
body[class*="contact"] .contact-form .field,
body[class*="mastercourse"] .contact-form .field {
  margin-bottom: 12px !important; /* Shrunk margin bottom to make fields compact */
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
}

body[class*="mentorship"] .contact-grid .field:has(textarea),
body[class*="about"] .contact-grid .field:has(textarea),
body[class*="contact"] .contact-grid .field:has(textarea),
body[class*="mastercourse"] .contact-grid .field:has(textarea) {
  grid-column: 1 / -1 !important;
}

body[class*="mentorship"] .contact-form label.field__label,
body[class*="about"] .contact-form label.field__label,
body[class*="contact"] .contact-form label.field__label,
body[class*="mastercourse"] .contact-form label.field__label {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important; /* Slightly smaller label size */
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
  /* High-contrast white text against brown background */
  margin-bottom: 4px !important; /* Shrunk label margin */
  opacity: 0.9 !important;
  order: -1 !important;
  position: relative !important;
  display: block !important;
}

body[class*="mentorship"] .contact-form input,
body[class*="mentorship"] .contact-form textarea,
body[class*="mentorship"] .contact-form select,
body[class*="mastercourse"] .contact-form input,
body[class*="about"] .contact-form input,
body[class*="contact"] .contact-form input,
body[class*="mastercourse"] .contact-form textarea,
body[class*="about"] .contact-form textarea,
body[class*="contact"] .contact-form textarea,
body[class*="about"] .contact-form select,
body[class*="contact"] .contact-form select,
body[class*="mastercourse"] .contact-form select {
  width: 100% !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important; /* Shrunk padding to make input height shorter */
  background-color: #ffffff !important;
  /* White inputs for best visibility and contrast */
  color: #1d1d1b !important;
  font-family: 'Satoshi', sans-serif !important;
  font-size: 0.95rem !important; /* Slightly smaller text size */
  font-weight: 500 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
  box-sizing: border-box !important;
}

body[class*="mentorship"] .contact-form textarea,
body[class*="about"] .contact-form textarea,
body[class*="contact"] .contact-form textarea,
body[class*="mastercourse"] .contact-form textarea {
  min-height: 80px !important; /* Make textarea much shorter */
  height: 80px !important;
}

/* Hide redundant placeholders since label is stacked above */
body[class*="mentorship"] .contact-form input::placeholder,
body[class*="mentorship"] .contact-form textarea::placeholder,
body[class*="mastercourse"] .contact-form input::placeholder,
body[class*="about"] .contact-form input::placeholder,
body[class*="contact"] .contact-form input::placeholder,
body[class*="about"] .contact-form textarea::placeholder,
body[class*="contact"] .contact-form textarea::placeholder,
body[class*="mastercourse"] .contact-form textarea::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

/* Add custom caret to select dropdown when appearance is none */
body[class*="mentorship"] .contact-form select,
body[class*="about"] .contact-form select,
body[class*="contact"] .contact-form select,
body[class*="mastercourse"] .contact-form select {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 16px !important;
  padding-right: 40px !important;
}

body[class*="mentorship"] .contact-form input:focus,
body[class*="mentorship"] .contact-form textarea:focus,
body[class*="mentorship"] .contact-form select:focus,
body[class*="mastercourse"] .contact-form input:focus,
body[class*="about"] .contact-form input:focus,
body[class*="contact"] .contact-form input:focus,
body[class*="mastercourse"] .contact-form textarea:focus,
body[class*="about"] .contact-form textarea:focus,
body[class*="contact"] .contact-form textarea:focus,
body[class*="about"] .contact-form select:focus,
body[class*="contact"] .contact-form select:focus,
body[class*="mastercourse"] .contact-form select:focus {
  border-color: #fc9f30 !important;
  box-shadow: 0 0 0 4px rgba(252, 159, 48, 0.35) !important;
  background-color: #ffffff !important;
  outline: none !important;
}

body[class*="mentorship"] .contact-form__bottom,
body[class*="about"] .contact-form__bottom,
body[class*="contact"] .contact-form__bottom,
body[class*="mastercourse"] .contact-form__bottom {
  margin-top: 12px !important; /* Shrunk bottom margin for button */
  gap: 12px !important;
}

/* ── 11. Multirow Inclusions Orange Cards ────────────────────────── */
body[class*="mentorship"] .multirow-card,
body[class*="about"] .multirow-card,
body[class*="mastercourse"] .multirow-card {
  background: #fc9f30 !important;
  border: 2px solid #1d1d1b !important;
  box-shadow: 4px 4px 0px 0px #1d1d1b !important;
  border-radius: 24px !important;
  padding: 20px 24px !important; /* Shrunk padding to make cards smaller */
  box-sizing: border-box !important;
  opacity: 0 !important; /* Start invisible for scroll animation */
  transform: translateY(40px) !important; /* Start offset for scroll animation */
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease !important;
}

/* Revealed state triggered by the native scroll script (.show class) */
body[class*="mentorship"] .multirow-card.show,
body[class*="about"] .multirow-card.show,
body[class*="mastercourse"] .multirow-card.show {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Hover Scale Animation (only after card is revealed) */
body[class*="mentorship"] .multirow-card.show:hover,
body[class*="about"] .multirow-card.show:hover,
body[class*="mastercourse"] .multirow-card.show:hover {
  transform: scale(1.06) !important; /* expands card to look big on hover */
  box-shadow: 8px 8px 0px 0px #1d1d1b !important;
  z-index: 5 !important;
}

/* Force dark charcoal text inside the orange multirow cards and increase heading size */
body[class*="mentorship"] #MainContent .multirow-card h3.multirow-card__heading,
body[class*="mentorship"] #MainContent .multirow-card .multirow-card__heading,
body[class*="mastercourse"] #MainContent .multirow-card h3.multirow-card__heading,
body[class*="about"] #MainContent .multirow-card h3.multirow-card__heading,
body[class*="about"] #MainContent .multirow-card .multirow-card__heading,
body[class*="mastercourse"] #MainContent .multirow-card .multirow-card__heading {
  color: #1d1d1b !important;
  font-size: 1.85rem !important; /* Increased heading size significantly to stand out */
  font-weight: 850 !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  line-height: 1.2 !important;
}

body[class*="mentorship"] #MainContent .multirow-card .multirow-card__heading strong,
body[class*="about"] #MainContent .multirow-card .multirow-card__heading strong,
body[class*="mastercourse"] #MainContent .multirow-card .multirow-card__heading strong {
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}

@media screen and (max-width: 749px) {
  body[class*="mentorship"] #MainContent .multirow-card h3.multirow-card__heading,
  body[class*="mentorship"] #MainContent .multirow-card .multirow-card__heading,
  body[class*="mastercourse"] #MainContent .multirow-card h3.multirow-card__heading,
  body[class*="about"] #MainContent .multirow-card h3.multirow-card__heading,
body[class*="about"] #MainContent .multirow-card .multirow-card__heading,
  body[class*="mastercourse"] #MainContent .multirow-card .multirow-card__heading {
    font-size: 1.5rem !important;
  }
}

body[class*="mentorship"] #MainContent .multirow-card .multirow-card__text,
body[class*="mentorship"] #MainContent .multirow-card .multirow-card__text *,
body[class*="mastercourse"] #MainContent .multirow-card .multirow-card__text,
body[class*="about"] #MainContent .multirow-card .multirow-card__text,
body[class*="about"] #MainContent .multirow-card .multirow-card__text *,
body[class*="mastercourse"] #MainContent .multirow-card .multirow-card__text * {
  color: #1d1d1b !important;
}

/* Force lists and bullet points inside the multirow cards to show up clearly using custom bullet element formatting */
body[class*="mentorship"] #MainContent .multirow-card .multirow-card__text ul,
body[class*="about"] #MainContent .multirow-card .multirow-card__text ul,
body[class*="mastercourse"] #MainContent .multirow-card .multirow-card__text ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 12px 0 0 0 !important;
  display: block !important;
}

body[class*="mentorship"] #MainContent .multirow-card .multirow-card__text li,
body[class*="about"] #MainContent .multirow-card .multirow-card__text li,
body[class*="mastercourse"] #MainContent .multirow-card .multirow-card__text li {
  position: relative !important;
  padding-left: 20px !important; /* Spacing for custom bullet */
  list-style: none !important;
  display: block !important; /* Force items to render nicely */
  font-size: 0.95rem !important; /* Clean readable list text size */
  line-height: 1.5 !important;
  margin-bottom: 8px !important; /* Spacing between bullet points */
}

body[class*="mentorship"] #MainContent .multirow-card .multirow-card__text li::before,
body[class*="about"] #MainContent .multirow-card .multirow-card__text li::before,
body[class*="mastercourse"] #MainContent .multirow-card .multirow-card__text li::before {
  content: "•" !important; /* solid bullet point */
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #1d1d1b !important; /* match text color */
  font-size: 1.25rem !important;
  line-height: 1.2 !important;
}

/* Add custom margin between cards */
body[class*="mentorship"] .multirow-list__wrapper,
body[class*="about"] .multirow-list__wrapper,
body[class*="mastercourse"] .multirow-list__wrapper {
  gap: 24px !important;
}

/* ── 12. Areas We Mentor On Custom Grid & Card Styling ────────────── */
body[class*="mentorship"] [id*="FnXzkm"] {
  background: linear-gradient(to bottom, oklch(0.98 0.02 75) 0%, oklch(0.94 0.03 72) 30%, oklch(0.98 0.02 75) 100%) !important;
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
  overflow: hidden !important;
  /* Prevent scrollbars during comet fly-in */
}

body[class*="mentorship"] [id*="FnXzkm"] .image-with-text {
  background: transparent !important;
}

/* Hide the image/placeholder wrapper completely */
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__left {
  display: none !important;
}

/* Force the text wrapper to take 100% width and center headings */
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__right {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* Section main heading styling */
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__inner-heading {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.75rem !important;
  letter-spacing: -0.03em !important;
  line-height: 1.1 !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 1.2rem !important;
  max-width: 800px !important;
}

/* Section description styling */
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__text {
  font-family: 'Satoshi', sans-serif !important;
  font-size: 1.15rem !important;
  line-height: 1.6 !important;
  color: #2c221e !important;
  opacity: 0.9 !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 4rem !important;
  max-width: 700px !important;
}

/* Grid layout for 4 items */
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__columns {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 2.4rem !important;
  width: 100% !important;
  margin-top: 0 !important;
}

@media screen and (max-width: 750px) {
  body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__columns {
    grid-template-columns: 1fr !important;
    gap: 1.6rem !important;
  }
}

body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column {
  background: transparent !important;
  border: none !important;
  padding: 3.2rem 3.6rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  position: relative !important;
  overflow: visible !important;
  /* Allow liquid tail to trail outside boundaries */
  z-index: 1 !important;
  /* Stacking context to allow z-index: -1 on tail to render behind card background */
  cursor: grab !important;
  user-select: none !important;
  /* Prevent text selection during drag wiggles */
  touch-action: none !important;
  /* Prevent scrolling during mobile touch wiggles */
  transition: box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;

  /* Initial state before animation */
  opacity: 0;
  will-change: transform, opacity;
}

body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column.grabbing {
  cursor: grabbing !important;
}

/* layered card background element */
.card-bg {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: #ffffff !important;
  border: 2px solid #2c221e !important;
  border-radius: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  box-shadow: 4px 4px 0px 0px #2c221e !important;
  /* Let clicks pass through container to trigger drags */
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
  overflow: visible !important;
}

/* Card hover state - applied to the layered background and card container */
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column:hover .card-bg,
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column.grabbing .card-bg {
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0px 0px #2c221e !important;
  border-color: #fc9f30 !important;
  background: #ffffff !important;
}

/* Elegant top accent border on hover - attached to layered background */
.card-bg::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 4px !important;
  background: #fc9f30 !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border-radius: 24px 24px 0 0 !important;
  z-index: 5 !important;
}

body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column:hover .card-bg::before,
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column.grabbing .card-bg::before {
  transform: scaleX(1) !important;
}

/* Card Heading - layered above background */
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column-title {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.35rem !important;
  line-height: 1.3 !important;
  color: #2c221e !important;
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  position: relative !important;
  z-index: 3 !important;
  pointer-events: none !important;
  transition: color 0.15s ease, transform 0.15s ease !important;
}

body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column:hover .image-with-text__column-title,
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column.grabbing .image-with-text__column-title {
  color: #fc9f30 !important;
  transform: translate(2px, 2px) !important;
}

/* Card Text - layered above background */
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column-text,
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column-text p {
  font-family: 'Satoshi', sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  color: #2c221e !important;
  opacity: 0.85 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 3 !important;
  pointer-events: none !important;
  transition: transform 0.15s ease !important;
}

body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column:hover .image-with-text__column-text,
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column:hover .image-with-text__column-text p,
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column.grabbing .image-with-text__column-text,
body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column.grabbing .image-with-text__column-text p {
  transform: translate(2px, 2px) !important;
}

/* ── Entry animations & Liquid Backdrops ──────────────────────────── */

/* If JS is disabled, fallback to visible */
.no-js [id*="FnXzkm"] .image-with-text__column {
  opacity: 1 !important;
}

body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column.interactive {
  opacity: 1 !important;
}

/* Premium Liquid Backdrop Block behind cards */
.liquid-backdrop-block {
  position: absolute !important;
  top: -10px !important;
  left: -10px !important;
  right: -10px !important;
  bottom: -10px !important;
  background: rgba(220, 110, 20, 0.86) !important; /* Dark orange style liquid */
  z-index: 1 !important; /* Sit behind card-bg (z-index: 2) */
  pointer-events: none !important;
  opacity: 0;
  border-radius: 24px;
  box-shadow: 0 8px 30px rgba(220, 110, 20, 0.22);
  filter: url(#mentorship-card-liquid);
  will-change: transform, opacity, border-radius;
  transition: opacity 0.4s ease, background-color 0.4s ease !important;
}

.liquid-backdrop-block.active {
  opacity: 1 !important;
}

body[class*="mentorship"] [id*="FnXzkm"] .image-with-text__column:hover .liquid-backdrop-block {
  background-color: rgba(220, 110, 20, 0.95) !important;
  box-shadow: 0 12px 40px rgba(220, 110, 20, 0.35);
}

/* ── 13. "Who This Is For" Liquid Droplet Multicolumn Override ────── */
body[class*="mentorship"] [id*="yG7BML"] .content,
body[class*="mastercourse"] [id*="yG7BML"] .content,
body[class*="about"] [id*="yG7BML"] .content,
body[class*="about"] [id*="fkPzcf"] .content,
body[class*="mastercourse"] [id*="fkPzcf"] .content {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body[class*="mentorship"] [id*="yG7BML"] .multicolumn-list__wrapper,
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-list__wrapper,
body[class*="about"] [id*="yG7BML"] .multicolumn-list__wrapper,
body[class*="about"] [id*="fkPzcf"] .multicolumn-list__wrapper,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-list__wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 40px 50px !important;
  background: transparent !important;
  border: none !important;
  padding: 40px 0 !important;
}

body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card,
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card,
body[class*="about"] [id*="yG7BML"] .multicolumn-card,
body[class*="about"] [id*="fkPzcf"] .multicolumn-card,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card {
  position: relative !important;
  width: 100% !important;
  max-width: 320px !important;
  height: 320px !important; /* Fixed height for perfect droplet aspect ratio */
  background: rgba(255, 255, 255, 0.45) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: none !important;
  /* Shadow layering: 3 deep outer shadows + 2 intense internal reflection glows */
  box-shadow: inset 10px 10px 15px rgba(44, 34, 30, 0.04),
              15px 25px 20px rgba(44, 34, 30, 0.05),
              20px 20px 30px rgba(44, 34, 30, 0.03),
              inset -15px -15px 20px rgba(255, 255, 255, 0.95) !important;
  transition: background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Individual organic starting shapes (using 3n cycling to support more than 3 cards) */
body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card:nth-child(3n+1),
body[class*="about"] [id*="yG7BML"] .multicolumn-card:nth-child(3n+1),
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card:nth-child(3n+1) {
  border-radius: 47% 53% 70% 30% / 30% 43% 57% 70%;
}
body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card:nth-child(3n+2),
body[class*="about"] [id*="yG7BML"] .multicolumn-card:nth-child(3n+2),
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card:nth-child(3n+2) {
  border-radius: 53% 47% 39% 61% / 61% 35% 65% 39%;
}
body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card:nth-child(3n+3),
body[class*="about"] [id*="yG7BML"] .multicolumn-card:nth-child(3n+3),
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card:nth-child(3n+3) {
  border-radius: 41% 59% 48% 52% / 44% 59% 41% 56%;
}

/* Hover transition and highlight shift (wobble border-radius is controlled via JS) */
body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card:hover,
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card:hover,
body[class*="about"] [id*="yG7BML"] .multicolumn-card:hover,
body[class*="about"] [id*="fkPzcf"] .multicolumn-card:hover,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card:hover {
  background-color: rgba(255, 255, 255, 0.48) !important; /* Keep translucent droplet style */
  box-shadow: inset 15px 15px 15px rgba(44, 34, 30, 0.03),
              15px 30px 25px rgba(252, 159, 48, 0.08), /* Subtle brand orange bottom glow */
              20px 20px 30px rgba(44, 34, 30, 0.02),
              inset -15px -15px 20px rgba(255, 255, 255, 0.95) !important; /* Keep internal reflections */
  /* Remove border-radius from transition on hover to prevent JS lagging/stuttering during active tracking */
  transition: background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  transform: scale(1.08) !important;
}

/* High-Gloss Highlight Reflections */
body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card::before,
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card::before,
body[class*="about"] [id*="yG7BML"] .multicolumn-card::before,
body[class*="about"] [id*="fkPzcf"] .multicolumn-card::before,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card::before {
  content: '' !important;
  position: absolute !important;
  top: 45px !important;
  left: 65px !important;
  width: 25px !important;
  height: 25px !important;
  background: #ffffff !important;
  border-radius: 50% !important;
  opacity: 0.85 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease !important;
}

body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card::after,
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card::after,
body[class*="about"] [id*="yG7BML"] .multicolumn-card::after,
body[class*="about"] [id*="fkPzcf"] .multicolumn-card::after,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card::after {
  content: '' !important;
  position: absolute !important;
  top: 75px !important;
  left: 85px !important;
  width: 10px !important;
  height: 10px !important;
  background: #ffffff !important;
  border-radius: 50% !important;
  opacity: 0.85 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease !important;
}

/* Shift highlight position on hover for organic look */
body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card:hover::before,
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card:hover::before,
body[class*="about"] [id*="yG7BML"] .multicolumn-card:hover::before,
body[class*="about"] [id*="fkPzcf"] .multicolumn-card:hover::before,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card:hover::before {
  transform: translate(-4px, -4px) scale(0.9) !important;
  opacity: 0.95 !important;
}
body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card:hover::after,
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card:hover::after,
body[class*="about"] [id*="yG7BML"] .multicolumn-card:hover::after,
body[class*="about"] [id*="fkPzcf"] .multicolumn-card:hover::after,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card:hover::after {
  transform: translate(-4px, -4px) scale(0.9) !important;
  opacity: 0.95 !important;
}

/* Hide default multicolumn image wrapper inside this section */
body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card__image-wrapper,
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card__image-wrapper,
body[class*="about"] [id*="yG7BML"] .multicolumn-card__image-wrapper,
body[class*="about"] [id*="fkPzcf"] .multicolumn-card__image-wrapper,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card__image-wrapper {
  display: none !important;
}

/* Info container layout inside card */
body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card .multicolumn-card__info,
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card .multicolumn-card__info,
body[class*="about"] [id*="yG7BML"] .multicolumn-card .multicolumn-card__info,
body[class*="about"] [id*="fkPzcf"] .multicolumn-card .multicolumn-card__info,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card .multicolumn-card__info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  padding: 30px 40px !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  z-index: 10 !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card:hover .multicolumn-card__info,
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card:hover .multicolumn-card__info,
body[class*="about"] [id*="yG7BML"] .multicolumn-card:hover .multicolumn-card__info,
body[class*="about"] [id*="fkPzcf"] .multicolumn-card:hover .multicolumn-card__info,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card:hover .multicolumn-card__info {
  transform: scale(1.05) !important;
}
  background: transparent !important;
  gap: 12px !important;
}

/* Headings inside the card */
body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card__heading,
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card__heading,
body[class*="about"] [id*="yG7BML"] .multicolumn-card__heading,
body[class*="about"] [id*="fkPzcf"] .multicolumn-card__heading,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card__heading {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.1rem !important;
  line-height: 1.35 !important;
  color: #1d1d1b !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  max-width: 100% !important;
  transition: color 0.3s ease !important;
}

body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card:hover .multicolumn-card__heading,
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card:hover .multicolumn-card__heading,
body[class*="about"] [id*="yG7BML"] .multicolumn-card:hover .multicolumn-card__heading,
body[class*="about"] [id*="fkPzcf"] .multicolumn-card:hover .multicolumn-card__heading,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card:hover .multicolumn-card__heading {
  color: #fc9f30 !important; /* transitions to brand orange on hover */
}

/* Text descriptions inside the card */
body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card__text,
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card__text,
body[class*="about"] [id*="yG7BML"] .multicolumn-card__text,
body[class*="about"] [id*="fkPzcf"] .multicolumn-card__text,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card__text {
  margin: 0 !important;
  padding: 0 !important;
}

body[class*="mentorship"] [id*="yG7BML"] .multicolumn-card__text p,
body[class*="mastercourse"] [id*="yG7BML"] .multicolumn-card__text p,
body[class*="about"] [id*="yG7BML"] .multicolumn-card__text p,
body[class*="about"] [id*="fkPzcf"] .multicolumn-card__text p,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card__text p {
  font-family: 'Satoshi', sans-serif !important;
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
  color: #2c221e !important;
  opacity: 0.85 !important;
  margin: 0 !important;
  text-align: center !important;
}

/* Specific overrides for Mastercourse step-by-step curriculum bubble sizes and spacing */
body[class*="about"] [id*="fkPzcf"] .multicolumn-list__wrapper,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-list__wrapper {
  gap: 50px 60px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
}

body[class*="about"] [id*="fkPzcf"] .multicolumn-card,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card {
  max-width: 380px !important;
  height: 380px !important;
  border-radius: 28px !important; /* Premium rounded square shape for legibility */
}

body[class*="about"] [id*="fkPzcf"] .multicolumn-card::before,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card::before {
  top: 55px !important;
  left: 80px !important;
}

body[class*="about"] [id*="fkPzcf"] .multicolumn-card::after,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card::after {
  top: 90px !important;
  left: 105px !important;
}

body[class*="about"] [id*="fkPzcf"] .multicolumn-card:hover::before,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card:hover::before {
  transform: translate(-6px, -6px) scale(0.9) !important;
}

body[class*="about"] [id*="fkPzcf"] .multicolumn-card:hover::after,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card:hover::after {
  transform: translate(-6px, -6px) scale(0.9) !important;
}

body[class*="about"] [id*="fkPzcf"] .multicolumn-card .multicolumn-card__info,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card .multicolumn-card__info {
  padding: 40px 45px !important;
  gap: 14px !important;
}

body[class*="about"] [id*="fkPzcf"] .multicolumn-card__heading,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card__heading {
  font-size: 1.15rem !important;
  line-height: 1.35 !important;
}

body[class*="about"] [id*="fkPzcf"] .multicolumn-card__text p,
body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card__text p {
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
}

@media (max-width: 768px) {
body[class*="about"] [id*="fkPzcf"] .multicolumn-card,
  body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card {
    max-width: 320px !important;
    height: 320px !important;
    border-radius: 24px !important; /* Premium rounded square shape on mobile */
  }
body[class*="about"] [id*="fkPzcf"] .multicolumn-card::before,
  body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card::before {
    top: 45px !important;
    left: 65px !important;
  }
body[class*="about"] [id*="fkPzcf"] .multicolumn-card::after,
  body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card::after {
    top: 75px !important;
    left: 85px !important;
  }
body[class*="about"] [id*="fkPzcf"] .multicolumn-card .multicolumn-card__info,
  body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card .multicolumn-card__info {
    padding: 25px 30px !important;
    gap: 8px !important;
  }
body[class*="about"] [id*="fkPzcf"] .multicolumn-card__heading,
  body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card__heading {
    font-size: 1.05rem !important;
  }
body[class*="about"] [id*="fkPzcf"] .multicolumn-card__text p,
  body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-card__text p {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
  }
body[class*="about"] [id*="fkPzcf"] .multicolumn-list__wrapper,
  body[class*="mastercourse"] [id*="fkPzcf"] .multicolumn-list__wrapper {
    gap: 30px 20px !important;
  }
}

/* Mentorship Page - image-banner (hMqmYC) description text color and size adjustments */
body[class*="mentorship"] #MainContent [id*="hMqmYC"] .image-banner__text,
body[class*="mentorship"] #MainContent [id*="hMqmYC"] .image-banner__text p,
body[class*="mentorship"] #MainContent [id*="hMqmYC"] .image-banner__text * {
  color: #ffffff !important; /* bright white color */
  font-size: 1.12rem !important; /* increased font size slightly */
  line-height: 1.75 !important;
  opacity: 1 !important; /* fully visible */
}