/**
 * ==========================================================================
 * MWF'S FEMINISM — Comprehensive Women's Empowerment Color Theme
 * Derived directly from official MWF presentation palette:
 * - Deep Royal Violet & Imperial Plum: #3A1450, #4A154B, #55285E
 * - Midnight Velvet Plum: #20082E, #180524
 * - Vibrant Lotus Fuchsia / Magenta: #D8267E, #C026D3, #E11D48
 * - Mid Orchid & Petal Rose: #9E347B, #B0517F, #C77795
 * - Warm Sunset Coral & Gold: #F43F5E, #F59E0B, #FB7185
 * - Soft Blossom Rose Background: #FAF5F8, #FBF2F6, #FCE7F3
 * ==========================================================================
 */

:root {
  --mwf-primary-dark: #3A1450;
  --mwf-midnight: #20082E;
  --mwf-midnight-deep: #180524;
  --mwf-royal-violet: #55285E;
  --mwf-magenta: #D8267E;
  --mwf-magenta-hover: #F43F5E;
  --mwf-orchid: #9E347B;
  --mwf-rose-petal: #C77795;
  --mwf-rose-tint: #FCE7F3;
  --mwf-sunset-coral: #F43F5E;
  --mwf-sunset-gold: #F59E0B;
  --mwf-bg-soft: #FAF5F8;
  --mwf-bg-blush: #FBF2F6;
  --mwf-border-soft: #ECDDE6;
  --mwf-border-dark: #47185F;
  --mwf-text-dark: #2B0938;

  /* Overriding template legacy color tokens */
  --tp-common-yellow-green: #D8267E;
  --tp-common-green-light: #F43F5E;
  --tp-common-green-regular: #C026D3;
  --tp-common-green-1: #D8267E;
  --tp-common-green-solid: #3A1450;
  --tp-theme-green: #D8267E;
  --tp-common-cream: #FAF5F8;
  --tp-common-cream-2: #FBF2F6;
  --tp-theme-pink: #EC4899;
  --tp-common-pink-light: #FCE7F3;
  --tp-common-red: #D8267E;
  --tp-common-red-2: #F43F5E;
  --tp-common-red-3: #D8267E;
  --tp-common-blue: #9E347B;
  --tp-theme-yellow: #F59E0B;
}

/* ==========================================================================
   Global Base & Typography
   ========================================================================== */
body {
  background-color: var(--mwf-bg-soft) !important;
  color: var(--mwf-text-dark);
}

body[data-bg-color="#f4f9f8"],
body[data-bg-color="#F6F6F9"],
body[data-bg-color="#edf2ef"] {
  background-color: var(--mwf-bg-soft) !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--mwf-primary-dark);
}

/* Gradient highlight on key phrases */
.tp-section-title span,
.tp-section-title-teko span,
.crp-hero-title span,
.tp_text_invert_2,
.tp_text_invert {
  color: var(--mwf-magenta) !important;
}

.tp-section-subtitle,
.tp-section-subtitle-teko,
.tp-section-subtitle-clash {
  color: var(--mwf-magenta) !important;
}

/* Selection highlight */
::selection {
  background: var(--mwf-magenta);
  color: #ffffff;
}

/* ==========================================================================
   Magic Cursor & Preloader
   ========================================================================== */
#ball {
  border-color: var(--mwf-magenta) !important;
}
#ball::after {
  background-color: var(--mwf-magenta) !important;
}
.tp-magic-cursor #ball {
  border-color: var(--mwf-magenta) !important;
}

#preloader,
#loading {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.back-to-top-btn {
  background-color: var(--mwf-primary-dark) !important;
  color: #ffffff !important;
}
.back-to-top-btn:hover {
  background-color: var(--mwf-magenta) !important;
}

/* ==========================================================================
   Buttons (Lotus Empowerment Gradients & Styling)
   ========================================================================== */
/* Main Green Button -> Signature Lotus Empowerment Button */
.tp-btn-yellow-green {
  background: linear-gradient(135deg, #4A154B 0%, #9E347B 50%, #D8267E 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 6px 18px rgba(158, 52, 123, 0.32);
  transition: all 0.35s ease-in-out !important;
}

.tp-btn-yellow-green span span {
  color: #ffffff !important;
}

.tp-btn-yellow-green:hover {
  background: linear-gradient(135deg, #D8267E 0%, #F43F5E 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 25px rgba(216, 38, 126, 0.45) !important;
  transform: translateY(-2px);
}

/* Black / Red buttons */
.tp-btn-black,
.btn-red-bg {
  background-color: var(--mwf-primary-dark) !important;
  color: #ffffff !important;
  border-color: var(--mwf-primary-dark) !important;
}

.tp-btn-black:hover,
.btn-red-bg:hover {
  background-color: var(--mwf-magenta) !important;
  border-color: var(--mwf-magenta) !important;
  color: #ffffff !important;
}

.tp-btn-black-filter .tp-btn-black-circle {
  background-color: var(--mwf-magenta) !important;
  color: #ffffff !important;
}

/* Gradient buttons */
.tp-btn-gradient {
  background: linear-gradient(135deg, #4A154B 0%, #D8267E 50%, #F59E0B 100%) !important;
  color: #ffffff !important;
}

.tp-btn-gradient:hover {
  background: linear-gradient(135deg, #D8267E 0%, #F43F5E 100%) !important;
  color: #ffffff !important;
}

/* Border outline buttons */
.tp-btn-sky-border,
.tp-btn-yellow-border,
.tp-btn-black-border,
.tp-btn-border {
  border-color: var(--mwf-magenta) !important;
  color: var(--mwf-primary-dark) !important;
}

.tp-btn-sky-border:hover,
.tp-btn-yellow-border:hover,
.tp-btn-black-border:hover,
.tp-btn-border:hover {
  background-color: var(--mwf-magenta) !important;
  border-color: var(--mwf-magenta) !important;
  color: #ffffff !important;
}

.tp-btn-sky-border:hover span,
.tp-btn-yellow-border:hover span {
  color: #ffffff !important;
}

/* ==========================================================================
   Header & Navigation
   ========================================================================== */
.tp-header-8-bar {
  color: var(--mwf-primary-dark) !important;
}

.tp-main-menu ul li:hover > a,
.tp-main-menu ul li.active > a {
  color: var(--mwf-magenta) !important;
}

.tp-submenu li:hover > a {
  color: var(--mwf-magenta) !important;
}

.tp-header-dropdown nav ul li .tp-submenu {
  min-width: 275px;
  border-radius: 14px;
  box-shadow: 0 20px 45px rgba(22, 6, 32, 0.25);
  border: 1px solid rgba(216, 38, 126, 0.12);
  padding: 10px 6px;
}

.dropdown-white-bg nav ul li .tp-submenu li a {
  padding: 10px 18px;
  border-radius: 8px;
  font-size: 14.5px;
  font-weight: 500;
  transition: all 0.22s ease-in-out;
}

.dropdown-white-bg nav ul li .tp-submenu li:hover > a {
  background-color: rgba(216, 38, 126, 0.08) !important;
  color: var(--mwf-magenta) !important;
  transform: translateX(4px);
}

/* Offcanvas Drawer */
.tp-offcanvas-area {
  background-color: var(--mwf-midnight) !important;
  color: #ffffff !important;
}

.tp-offcanvas-title {
  color: #ffffff !important;
}

.tp-offcanvas-close-btn {
  border-color: var(--mwf-royal-violet) !important;
  color: #ffffff !important;
}

.tp-offcanvas-close-btn:hover {
  background-color: var(--mwf-magenta) !important;
}

/* ==========================================================================
   Hero & Cards (Eye, Funfacts, Badges)
   ========================================================================== */
.crp-hero-title .box .eye {
  background-color: var(--mwf-magenta) !important;
}

.crp-hero-funfact-bg {
  background: linear-gradient(145deg, #240A34 0%, #3A1450 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(216, 38, 126, 0.3) !important;
  box-shadow: 0 15px 35px rgba(36, 10, 52, 0.4) !important;
}

.crp-hero-funfact-top-content h4,
.crp-hero-funfact-item h4 {
  color: #ffffff !important;
}

.crp-hero-funfact-top-content p,
.crp-hero-funfact-more-details p {
  color: rgba(255, 255, 255, 0.85) !important;
}

.crp-hero-funfact-more-details a svg path {
  stroke: var(--mwf-magenta) !important;
}

/* ==========================================================================
   Marquee Ticker Area
   ========================================================================== */
.tp-text-slider-area,
.tp-text-slider-wrap {
  background: linear-gradient(90deg, #180524 0%, #3A1450 50%, #180524 100%) !important;
  color: #FAF5F8 !important;
  border-top: 2px solid rgba(216, 38, 126, 0.35);
  border-bottom: 2px solid rgba(216, 38, 126, 0.35);
}

.tp-text-slider-title {
  color: #FAF5F8 !important;
}

.tp-text-slider-title i {
  color: var(--mwf-sunset-gold) !important;
}

/* ==========================================================================
   Process, Work & Pinned Areas
   ========================================================================== */
.tp-work-number i {
  color: var(--mwf-magenta) !important;
}

.tp-work-number span {
  background-color: var(--mwf-magenta) !important;
}

.tp-service-item {
  border-bottom: 1px solid var(--mwf-border-soft) !important;
}

.tp-service-number span {
  color: var(--mwf-magenta) !important;
}

.tp-service-category span {
  background-color: #FCE7F3 !important;
  color: var(--mwf-primary-dark) !important;
  border: 1px solid rgba(216, 38, 126, 0.25) !important;
}

/* ==========================================================================
   Pricing & Sponsorship Tiers
   ========================================================================== */
/* Fix section background from legacy green (#335341) to Midnight Plum */
.crp-price-bg {
  background: linear-gradient(145deg, #180524 0%, #300C44 50%, #180524 100%) !important;
}

/* Ensure price cards are ALWAYS 100% visible and cannot be hidden */
.crp-price-item {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* Home Page / Dark Section Price Cards (.crp-price-area) */
.crp-price-area .crp-price-item {
  padding: 45px 40px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(216, 38, 126, 0.3) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(10px);
}

.crp-price-area .crp-price-item:hover {
  border-color: var(--mwf-magenta) !important;
  transform: translateY(-5px);
}

.crp-price-area .crp-price-item.active {
  background: linear-gradient(145deg, rgba(74, 21, 75, 0.95) 0%, rgba(216, 38, 126, 0.3) 100%) !important;
  border: 2px solid var(--mwf-magenta) !important;
  box-shadow: 0 18px 45px rgba(216, 38, 126, 0.35) !important;
}

.crp-price-area .crp-price-head {
  border-bottom: 1px solid rgba(216, 38, 126, 0.2) !important;
  padding-bottom: 25px !important;
  margin-bottom: 30px !important;
}

.crp-price-area .crp-price-head span {
  background-color: #FCE7F3 !important;
  color: var(--mwf-primary-dark) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 6px 18px !important;
  border-radius: 30px !important;
  display: inline-block !important;
  margin-bottom: 15px !important;
}

.crp-price-area .crp-price-item.active .crp-price-head span {
  background: linear-gradient(135deg, #D8267E, #F43F5E) !important;
  color: #ffffff !important;
}

.crp-price-area .crp-price-head h4 {
  color: #ffffff !important;
  font-family: var(--tp-ff-teko) !important;
  font-size: 60px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  margin-bottom: 10px !important;
}

.crp-price-area .crp-price-head h4 i {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-family: var(--tp-ff-inter) !important;
}

.crp-price-area .crp-price-head p {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

.crp-price-area .crp-price-list {
  margin-bottom: 40px !important;
}

.crp-price-area .crp-price-list ul li {
  color: #FAF5F8 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin-bottom: 14px !important;
  list-style: none !important;
}

.crp-price-area .crp-price-list ul li::before {
  content: "" !important;
  height: 6px !important;
  width: 6px !important;
  border-radius: 50% !important;
  margin-right: 12px !important;
  display: inline-block !important;
  background-color: var(--mwf-magenta) !important;
  vertical-align: middle !important;
}

.crp-price-area .crp-price-btn-box .tp-btn-yellow-border {
  border: 2px solid var(--mwf-magenta) !important;
  color: #ffffff !important;
  background: transparent !important;
  border-radius: 10px !important;
}

.crp-price-area .crp-price-btn-box .tp-btn-yellow-border:hover {
  background: var(--mwf-magenta) !important;
  color: #ffffff !important;
}

.crp-price-area .crp-price-item.active .crp-price-btn-box .tp-btn-yellow-border {
  background: linear-gradient(135deg, #D8267E 0%, #F43F5E 100%) !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: 0 8px 25px rgba(216, 38, 126, 0.4) !important;
}

/* Light Pages Pricing Cards (.app-price-box in pricing-light.html) */
.app-price-box .crp-price-item {
  background-color: #ffffff !important;
  border: 1px solid var(--mwf-border-soft) !important;
  border-radius: 16px !important;
}

.app-price-box .crp-price-item:hover,
.app-price-box .crp-price-item.active {
  border-color: var(--mwf-magenta) !important;
  box-shadow: 0 14px 32px rgba(216, 38, 126, 0.2) !important;
}

.app-price-box .crp-price-head span {
  background-color: #FCE7F3 !important;
  color: var(--mwf-magenta) !important;
  font-weight: 600 !important;
}

.app-price-box .crp-price-head h4 {
  color: var(--mwf-primary-dark) !important;
}

.app-price-box .crp-price-list ul li span svg path {
  stroke: var(--mwf-magenta) !important;
}

.ai-price-tab .nav-links.active {
  background-color: var(--mwf-magenta) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   Testimonials & Ratings
   ========================================================================== */
.tp-testimonial-ratting span svg path,
.tp-testimonial-ratting i {
  fill: var(--mwf-sunset-gold) !important;
  color: var(--mwf-sunset-gold) !important;
}

.tp-testimonial-author-designation {
  color: var(--mwf-magenta) !important;
}

/* ==========================================================================
   Awards & Recognitions Table
   ========================================================================== */
.tp-award-year {
  color: var(--mwf-magenta) !important;
}

.tp-award-item:hover {
  background-color: #FBF2F6 !important;
}

/* ==========================================================================
   Blog & Articles
   ========================================================================== */
.postbox-tag {
  color: var(--mwf-magenta) !important;
}

.postbox-tag svg path {
  stroke: var(--mwf-magenta) !important;
}

.postbox-title a:hover {
  color: var(--mwf-magenta) !important;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.tp-footer-area.black-bg,
.tp-footer-bg {
  background-color: var(--mwf-midnight-deep) !important;
  border-top: 1px solid rgba(216, 38, 126, 0.2);
}

.tp-footer-widget-social a {
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  transition: all 0.3s ease;
}

.tp-footer-widget-social a:hover {
  background-color: var(--mwf-magenta) !important;
  border-color: var(--mwf-magenta) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(216, 38, 126, 0.5) !important;
}

.tp-footer-widget-menu ul li a:hover {
  color: var(--mwf-magenta) !important;
}

/* ==========================================================================
   Dark Pages Styling (team-dark, career-dark, faq-dark, etc.)
   ========================================================================== */
.black-bg,
.tp-dark-style {
  background-color: var(--mwf-midnight) !important;
}

.tp-dark-style h1, 
.tp-dark-style h2, 
.tp-dark-style h3, 
.tp-dark-style h4, 
.tp-dark-style h5, 
.tp-dark-style h6 {
  color: #ffffff !important;
}

.tp-dark-style p {
  color: rgba(255, 255, 255, 0.8) !important;
}


/* ==========================================================================
   Impact in Action (Recent Work Section)
   ========================================================================== */
.tp-section-title-dirtyline {
  color: var(--mwf-primary-dark) !important;
}

.tp-section-title-dirtyline span {
  color: var(--mwf-magenta) !important;
}

.design-project-title {
  color: var(--mwf-primary-dark) !important;
  line-height: 1.15 !important;
  overflow: visible !important;
  margin-bottom: 15px !important;
}

.design-project-title a {
  color: var(--mwf-primary-dark) !important;
  line-height: 1.15 !important;
  display: inline-block !important;
  transition: color 0.3s ease !important;
}

.design-project-title a:hover {
  color: var(--mwf-magenta) !important;
}

.design-project-content span {
  color: var(--mwf-orchid) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: 0.5px !important;
  display: block !important;
  margin-top: 10px !important;
  margin-bottom: 25px !important;
}

.design-project-title-box p {
  color: var(--mwf-royal-violet) !important;
  font-weight: 500 !important;
}


.tp_text_invert_2 > div {
  background-image: linear-gradient(to right, #3A1450 50%, rgba(58, 20, 80, 0.25) 50%) !important;
}


/* ==========================================================================
   Flagship Initiatives Styling
   ========================================================================== */
.crp-project-item {
  border: 2px solid rgba(216, 38, 126, 0.25) !important;
  background: #FFFFFF !important;
  box-shadow: 0 10px 40px rgba(58, 20, 80, 0.06) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.crp-project-item:hover {
  border-color: var(--mwf-magenta) !important;
  box-shadow: 0 20px 50px rgba(216, 38, 126, 0.15) !important;
}

.crp-project-thumb {
  padding-top: 25px !important;
  padding-bottom: 30px !important;
}

.crp-project-thumb img {
  width: 100% !important;
  max-width: 650px !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(58, 20, 80, 0.10) !important;
  transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

.crp-project-item:hover .crp-project-thumb img {
  transform: translateY(-4px) scale(1.01) !important;
  box-shadow: 0 18px 40px rgba(216, 38, 126, 0.20) !important;
}

.crp-project-category a {
  display: inline-block !important;
  padding: 6px 16px !important;
  border-radius: 20px !important;
  background: rgba(216, 38, 126, 0.08) !important;
  color: var(--mwf-magenta) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-right: 8px !important;
  margin-bottom: 6px !important;
  transition: all 0.3s ease !important;
}

.crp-project-category a:hover {
  background: var(--mwf-magenta) !important;
  color: #FFFFFF !important;
}


/* ==========================================================================
   Masonry Portfolio: WE VE DONE PERFECT WORKS
   ========================================================================== */
.st-portfolio-item-thumb img {
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(58, 20, 80, 0.08) !important;
  transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

.st-portfolio-item:hover .st-portfolio-item-thumb img {
  transform: translateY(-4px) scale(1.02) !important;
  box-shadow: 0 18px 45px rgba(216, 38, 126, 0.18) !important;
}

.st-portfolio-item-title a {
  color: var(--mwf-primary-dark) !important;
  transition: color 0.3s ease !important;
}

.st-portfolio-item-title a:hover {
  color: var(--mwf-magenta) !important;
}

/* ==========================================================================
/* ==========================================================================
   Leadership & Council Section — Original Design with Fixed Uniform Image Size
   ========================================================================== */
.studio-team-thumb {
  width: 380px !important;
  max-width: 100% !important;
  height: 480px !important;
  display: inline-block !important;
  position: relative !important;
  overflow: hidden !important;
  background-color: var(--mwf-primary-dark) !important;
}

.studio-team-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}

@media (max-width: 767px) {
  .studio-team-thumb {
    width: 100% !important;
    height: 420px !important;
  }
}

.tp-team-details-thumb img,
.tp-team-inner-thumb img {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
  object-position: center 15% !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 40px rgba(36, 10, 52, 0.18) !important;
}

/* ==========================================================================
   Projects Megamenu & Showcase Box Enhancements
   ========================================================================== */
.tp-megamenu-wrapper {
  position: absolute !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  padding: 28px 32px !important;
  max-width: 1140px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) perspective(300px) rotateX(-18deg) !important;
  transform-origin: top center !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 20px 45px rgba(24, 5, 36, 0.16) !important;
  border-radius: 16px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 999 !important;
}

.tp-header-dropdown nav ul li:hover > .tp-megamenu-wrapper {
  transform: translateX(-50%) perspective(300px) rotateX(0deg) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Disable old 17% absolute thumb so it does not distort layout */
.tp-megamenu-thumb {
  display: none !important;
}

.tp-megamenu-list {
  padding-right: 15px;
}

.tp-megamenu-list ul {
  padding-top: 14px !important;
  padding-bottom: 10px !important;
}

.tp-megamenu-list ul li {
  padding: 0 10px !important;
  margin-bottom: 6px !important;
}

.tp-megamenu-list ul li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 14px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  color: #334155 !important;
  transition: all 0.2s ease !important;
}

.tp-megamenu-list ul li a:hover {
  background-color: #fce7f3 !important;
  color: var(--mwf-primary-dark) !important;
  padding-left: 18px !important;
}

.tp-megamenu-title {
  padding-left: 24px !important;
  padding-bottom: 16px !important;
  font-size: 13px !important;
  letter-spacing: 0.8px !important;
  color: var(--mwf-primary-dark) !important;
  border-bottom: 2px solid #fce7f3 !important;
}

.tp-megamenu-showcase-box {
  padding-left: 15px;
  height: 100%;
}

.tp-megamenu-showcase-thumb {
  position: relative;
  height: 100%;
  min-height: 270px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(58, 20, 80, 0.2);
  background-color: #20082e;
}

.tp-megamenu-showcase-thumb img {
  width: 100%;
  height: 100%;
  min-height: 270px;
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  display: block;
}

.tp-megamenu-showcase-box:hover .tp-megamenu-showcase-thumb img {
  transform: scale(1.06);
}

.tp-megamenu-showcase-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(24, 5, 36, 0.05) 0%, rgba(24, 5, 36, 0.45) 45%, rgba(24, 5, 36, 0.95) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 22px;
  color: #ffffff;
  text-align: left;
  z-index: 2;
}

.tp-megamenu-showcase-overlay .showcase-badge {
  display: inline-block;
  align-self: flex-start;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  background: linear-gradient(135deg, #d8267e, #f43f5e);
  color: #ffffff;
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 8px;
  box-shadow: 0 2px 8px rgba(216, 38, 126, 0.4);
}

.tp-megamenu-showcase-overlay .showcase-title {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 0 6px 0 !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
}

.tp-megamenu-showcase-overlay .showcase-desc {
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  line-height: 1.4;
  margin: 0 0 10px 0;
}

.tp-megamenu-showcase-overlay .showcase-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #fbbf24 !important;
  text-decoration: none;
  transition: all 0.25s ease;
  padding: 0 !important;
  background: transparent !important;
}

.tp-megamenu-showcase-overlay .showcase-link:hover {
  color: #ffffff !important;
  gap: 10px;
}

/* ==========================================================================
   Sidebar Widgets & Recent Posts Thumbnail Fix
   ========================================================================== */
.rc-post {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.rc-post-thumb {
  flex: 0 0 84px !important;
  width: 84px !important;
  height: 84px !important;
  min-width: 84px !important;
  max-width: 84px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-right: 0 !important;
  background-color: #f1f5f9 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

.rc-post-thumb a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.rc-post-thumb img {
  width: 84px !important;
  height: 84px !important;
  min-width: 84px !important;
  max-width: 84px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 12px !important;
  display: block !important;
  transition: transform 0.35s ease !important;
}

.rc-post:hover .rc-post-thumb img {
  transform: scale(1.08) !important;
}

.rc-post-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.rc-post-category {
  margin-bottom: 5px !important;
}

.rc-post-category a {
  font-size: 11px !important;
  padding: 3px 10px !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
}

.rc-post-title {
  font-size: 15px !important;
  line-height: 1.35 !important;
  margin-bottom: 5px !important;
  font-weight: 600 !important;
}

.rc-post-title a {
  color: #1e293b !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.2s ease !important;
}

.rc-post-title a:hover {
  color: var(--mwf-magenta) !important;
}

.rc-post-meta span {
  font-size: 12px !important;
  color: #64748b !important;
}

/* Sidebar Author Image */
.sidebar-widget-author-img {
  margin-bottom: 20px !important;
}

.sidebar-widget-author-img img {
  width: 110px !important;
  height: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 50% !important;
  border: 3px solid #fce7f3 !important;
  box-shadow: 0 6px 20px rgba(216, 38, 126, 0.15) !important;
  display: inline-block !important;
}

/* ==========================================================================
   24/7 Helpline Floating Assistant Bar
   ========================================================================== */
.mwf-quick-help-bar {
  position: fixed !important;
  bottom: 25px !important;
  left: 25px !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.mwf-quick-help-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #ffffff !important;
  color: var(--mwf-primary-dark) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  box-shadow: 0 8px 25px rgba(58, 20, 80, 0.18) !important;
  border: 1.5px solid var(--mwf-border-soft) !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.mwf-quick-help-btn i {
  color: var(--mwf-magenta) !important;
  font-size: 15px !important;
}

.mwf-quick-help-btn:hover {
  background: #FDF2F8 !important;
  color: var(--mwf-magenta) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(216, 38, 126, 0.25) !important;
}

@media (max-width: 767px) {
  .mwf-quick-help-bar {
    display: none !important;
  }
}