/* =============================================================
   lp-global.css — Life Positive: Typography + Responsive Fix
   ============================================================= */

/* ---------------------------------------------------------------
   1. GOOGLE FONTS IMPORT
   --------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400;600;700&family=Nunito:wght@400;500;600;700&family=Lato:ital,wght@0,300;0,400;0,700;1,400&display=swap');

/* ---------------------------------------------------------------
   2. CSS VARIABLES
   --------------------------------------------------------------- */
:root {
  --font-heading    : 'Zilla Slab', Georgia, serif;
  --font-subheading : 'Nunito', sans-serif;
  --font-body       : 'Lato', sans-serif;
  --fs-h1  : 2.6rem;
  --fs-h2  : 2.1rem;
  --fs-h3  : 1.75rem;
  --fs-h4  : 1.4rem;
  --fs-h5  : 1.15rem;
  --fs-h6  : 1rem;
  --fs-p   : 1rem;
  --fs-sm  : 0.9rem;
  --lh-heading : 1.25;
  --lh-body    : 1.75;
  --color-text    : #333333;
  --color-muted   : #666666;
  --color-primary : #007bff;
}

/* ---------------------------------------------------------------
   3. GLOBAL RESET
   --------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; }
body {
  font-family : var(--font-body) !important;
  font-size   : var(--fs-p);
  line-height : var(--lh-body);
  color       : var(--color-text);
  overflow-x  : hidden;
}

/* ---------------------------------------------------------------
   4. HEADING TYPOGRAPHY
   --------------------------------------------------------------- */
h1,.h1{font-family:var(--font-heading)!important;font-size:var(--fs-h1)!important;font-weight:700!important;line-height:var(--lh-heading)!important;color:var(--color-text);}
h2,.h2{font-family:var(--font-heading)!important;font-size:var(--fs-h2)!important;font-weight:700!important;line-height:var(--lh-heading)!important;color:var(--color-text);}
h3,.h3{font-family:var(--font-heading)!important;font-size:var(--fs-h3)!important;font-weight:600!important;line-height:var(--lh-heading)!important;color:var(--color-text);}
h4,.h4{font-family:var(--font-subheading)!important;font-size:var(--fs-h4)!important;font-weight:700!important;line-height:1.35!important;color:var(--color-text);}
h5,.h5{font-family:var(--font-subheading)!important;font-size:var(--fs-h5)!important;font-weight:600!important;line-height:1.4!important;color:var(--color-text);}
h6,.h6{font-family:var(--font-subheading)!important;font-size:var(--fs-h6)!important;font-weight:600!important;line-height:1.4!important;color:var(--color-text);}

/* ---------------------------------------------------------------
   5. BODY TEXT
   --------------------------------------------------------------- */
p,li,td,th,label,span,blockquote{font-family:var(--font-body)!important;font-size:var(--fs-p);line-height:var(--lh-body);}
a{font-family:var(--font-body)!important;}

/* ---------------------------------------------------------------
   6. SECTION TITLES
   --------------------------------------------------------------- */
.section-title,.section-trending,.section-recent,.section-read,.healers-title,.tarot-section-title {
  font-family:var(--font-heading)!important;font-size:2rem!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:0.5px!important;color:#161B2A!important;
  position:relative!important;display:inline-block!important;margin-bottom:30px!important;
}
.section-title .stories,.section-trending .stories,.section-recent .stories,
.section-read .stories,.healers-title .stories,.tarot-section-title .stories {
  font-family:var(--font-heading)!important;font-size:2rem!important;
  font-weight:700!important;color:var(--color-primary)!important;
}

/* ---------------------------------------------------------------
   7. BLOG / PAGE SPECIFIC
   --------------------------------------------------------------- */
.blog-title{font-family:var(--font-heading)!important;font-weight:700!important;line-height:1.25!important;}
.blog-content h2,.blog-content h3,.blog-content h4{font-family:var(--font-heading)!important;}
.section-title-wwa{font-family:var(--font-heading)!important;font-size:var(--fs-h2)!important;font-weight:600!important;}
.card-title,.section-title-wrap h4,.custom-block-info h5{font-family:var(--font-subheading)!important;font-weight:700!important;}

/* ---------------------------------------------------------------
   8. RESPONSIVE IMAGES
   --------------------------------------------------------------- */
img{max-width:100%;height:auto;}
.carousel-item img,.card-img,.card-img-top,.custom-block-image,.owl-carousel img{width:100%;max-width:100%;object-fit:cover;}

/* ---------------------------------------------------------------
   9. TRENDING CAROUSEL
   --------------------------------------------------------------- */
#myCarousel{position:relative;overflow-x:hidden;}
#myCarousel .list-group{position:static!important;width:100%!important;max-height:none;overflow-y:visible;}
@media (min-width:768px){
  #myCarousel{padding-right:33.33%;}
  #myCarousel .list-group{position:absolute!important;top:0!important;right:0!important;width:33.33%!important;max-height:100%;overflow-y:auto;}
}
.news-box-container,.news-box-row,.news-box-col{max-width:100%;}
.healers-slider-container{overflow-x:hidden;}

/* ---------------------------------------------------------------
   10. NAVBAR
   --------------------------------------------------------------- */
.elementskit-menu-container{max-width:100vw;}
@media (max-width:1024px){
  .elementskit-navbar-nav{flex-direction:column;width:100%;}
  .elementskit-navbar-nav .nav-item,.elementskit-navbar-nav li{width:100%;}
  .elementskit-menu-hamburger{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;cursor:pointer;}
}

/* ---------------------------------------------------------------
   11. BOOTSTRAP UTILITIES
   --------------------------------------------------------------- */
.ms-auto{margin-left:auto!important;}.me-4{margin-right:1.5rem!important;}.me-1{margin-right:0.25rem!important;}
.mb-0{margin-bottom:0!important;}.mt-3{margin-top:1rem!important;}.g-0{gap:0!important;}.gy-4{row-gap:1.5rem!important;}

/* ---------------------------------------------------------------
   12. THERAPISTS SEARCH
   --------------------------------------------------------------- */
@media (max-width:576px){
  .search-form .row{flex-direction:column;}
  .search-form .col-12,.search-form .col-md-5,.search-form .col-md-2{width:100%!important;max-width:100%!important;flex:0 0 100%!important;}
  .search-form button[type="submit"]{width:100%!important;margin-top:8px;height:48px!important;}
  .hero-section .text-center{padding:0 10px;}
}
@media (max-width:768px){
  .owl-carousel .item img,.custom-block-image{height:220px!important;object-fit:cover;}
}

/* ---------------------------------------------------------------
   13. BLOG-DETAIL
   --------------------------------------------------------------- */
.blog-header{padding:50px 0 35px!important;}
@media (max-width:768px){
  .blog-header{padding:30px 15px 25px!important;}
  .blog-title{font-size:1.8rem!important;line-height:1.3!important;}
  .col-lg-4.sticky-top{position:relative!important;top:auto!important;}
}

/* ---------------------------------------------------------------
   14. WHO-WE-ARE
   --------------------------------------------------------------- */
@media (max-width:768px){
  .mission-vision{grid-template-columns:1fr!important;}
  .stats-section{grid-template-columns:repeat(2,1fr)!important;}
  .header{padding:35px 15px!important;border-radius:10px!important;}
  .header h1{font-size:2rem!important;}
  .section{padding:20px 15px!important;}
}
@media (max-width:400px){.stats-section{grid-template-columns:1fr!important;}}

/* ---------------------------------------------------------------
   15. MOBILE FONT SCALE (≤768px)
   --------------------------------------------------------------- */
@media (max-width:768px){
  :root{--fs-h1:1.9rem;--fs-h2:1.6rem;--fs-h3:1.35rem;--fs-h4:1.15rem;--fs-h5:1rem;--fs-h6:0.9rem;--fs-p:0.95rem;}
  h1,.h1{font-size:var(--fs-h1)!important;}h2,.h2{font-size:var(--fs-h2)!important;}
  h3,.h3{font-size:var(--fs-h3)!important;}h4,.h4{font-size:var(--fs-h4)!important;}
  h5,.h5{font-size:var(--fs-h5)!important;}h6,.h6{font-size:var(--fs-h6)!important;}
  p,li,td,th,label,span{font-size:var(--fs-p)!important;}
  .section-title,.section-trending,.section-recent,.section-read,.healers-title,.tarot-section-title{font-size:1.5rem!important;}
  .section-title .stories,.section-trending .stories,.section-recent .stories,.section-read .stories,.healers-title .stories,.tarot-section-title .stories{font-size:1.5rem!important;}
}

/* ---------------------------------------------------------------
   16. EXTRA SMALL (≤480px)
   --------------------------------------------------------------- */
@media (max-width:480px){
  :root{--fs-h1:1.6rem;--fs-h2:1.4rem;--fs-h3:1.2rem;--fs-h4:1.05rem;--fs-h5:0.95rem;--fs-h6:0.875rem;--fs-p:0.9rem;}
  h1,.h1{font-size:var(--fs-h1)!important;}h2,.h2{font-size:var(--fs-h2)!important;}
  h3,.h3{font-size:var(--fs-h3)!important;}h4,.h4{font-size:var(--fs-h4)!important;}
  h5,.h5{font-size:var(--fs-h5)!important;}h6,.h6{font-size:var(--fs-h6)!important;}
  p,li,td,th,label,span{font-size:var(--fs-p)!important;}
  .section-title,.section-trending,.section-recent,.section-read,.healers-title,.tarot-section-title{font-size:1.25rem!important;}
  .section-title .stories,.section-trending .stories,.section-recent .stories,.section-read .stories,.healers-title .stories,.tarot-section-title .stories{font-size:1.25rem!important;}
}

/* ---------------------------------------------------------------
   17. GENERAL LAYOUT SPACING (≤768px)
   --------------------------------------------------------------- */
@media (max-width:768px){
  .container{padding-left:15px!important;padding-right:15px!important;}
  .row{margin-left:-8px!important;margin-right:-8px!important;}
  [class*="col-"]{padding-left:8px!important;padding-right:8px!important;}
  #featured-news{height:260px!important;}
  .news-box-container{height:260px!important;}
  .news-box-row{height:127px!important;}
  .ratio_right-cover-2,.tarot-box-wrapper,.healer-box-wrapper{height:127px!important;}
  #myCarousel .carousel-item img{height:220px!important;object-fit:cover;}
  #myCarousel .list-group-item img{width:60px!important;height:50px!important;}
  .blog-sidebar{max-height:300px;}
  #featured .carousel-item img{height:250px!important;}
  .right-card img{height:160px!important;}
  #desktop-preview .image-container img{height:220px!important;}
  .tarot-container{height:280px!important;}
  .healer-slide{min-width:200px!important;max-width:200px!important;}
  .healer-card{height:340px!important;}
  .healer-card img{height:210px!important;}
}

/* ---------------------------------------------------------------
   18. HERO SECTION
   --------------------------------------------------------------- */
.col-12.col-md-6.pb-0.pb-md-3.pt-2.pr-md-1{padding-bottom:0!important;}
#featured-news{height:404px!important;overflow:hidden!important;margin-bottom:0!important;padding-bottom:0!important;}
#featured-news .carousel,#featured-news .carousel-inner,#featured-news .carousel-item,
#featured-news .carousel-item .card,#featured-news .carousel-item .position-relative,
#featured-news .ratio_left-cover-1{height:100%!important;margin:0!important;padding:0!important;}
#featured-news .carousel-item img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;margin:0!important;padding:0!important;}

.news-box-col h2,.tarot-box-title,.healer-box-title{
  font-size:14px!important;font-weight:600!important;line-height:1.3!important;color:white!important;
  margin:4px 0 0 0!important;padding:0!important;display:-webkit-box!important;
  -webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  overflow:hidden!important;text-overflow:ellipsis!important;max-height:2.6em!important;
}
.tarot-box-badge,.healer-box-badge{
  font-size:10px!important;padding:2px 6px!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;display:inline-block!important;
}
.tarot-box-overlay,.healer-box-overlay{padding:8px 10px!important;}

@media (max-width:768px){
  #featured-news{height:260px!important;margin-bottom:0!important;}
  .news-box-container{height:260px!important;}
  .news-box-row{height:128px!important;}
  .ratio_right-cover-2,.tarot-box-wrapper,.healer-box-wrapper{height:128px!important;}
  .news-box-col h2,.tarot-box-title,.healer-box-title{font-size:11px!important;}
  .tarot-box-badge,.healer-box-badge{font-size:9px!important;}
}
@media (max-width:480px){
  #featured-news{height:200px!important;}
  .news-box-container{height:200px!important;}
  .news-box-row{height:98px!important;gap:3px!important;}
  .ratio_right-cover-2,.tarot-box-wrapper,.healer-box-wrapper{height:98px!important;}
  .news-box-col h2,.tarot-box-title,.healer-box-title{font-size:10px!important;-webkit-line-clamp:1!important;max-height:1.3em!important;}

}

/* ---------------------------------------------------------------
   19. MOBILE HERO GAP FIX
   --------------------------------------------------------------- */
@media (max-width:767px){
  .col-12.col-md-6.pb-0.pb-md-3.pt-2.pr-md-1{padding-bottom:0!important;margin-bottom:0!important;}
  .col-12.col-md-6.pt-2.pl-md-1.mb-3.mb-lg-4{margin-bottom:8px!important;}
  .section-spacer{height:15px!important;margin:0!important;padding:0!important;}
  .section-trending,h2.section-trending{margin-top:10px!important;margin-bottom:15px!important;padding-top:0!important;clear:both!important;display:block!important;}
  #main-container .row > .col-12.col-md-6{margin-bottom:4px!important;}
  .news-box-container{margin-top:0!important;}
}
@media (max-width:480px){
  .col-12.col-md-6.pt-2.pl-md-1.mb-3.mb-lg-4{margin-bottom:5px!important;}
  .section-spacer{height:10px!important;}
}

/* ---------------------------------------------------------------
   20. MOBILE HEADER — date+social + breaking news
   --------------------------------------------------------------- */
@media (max-width:767px){
  /* Show breaking news section */
  .elementor-element-d3bc855,
  .elementor-element-d3bc855.elementor-hidden-phone{display:block!important;padding:2px 0!important;overflow:visible!important;}
  .elementor-5908 .elementor-element.elementor-element-d3bc855,
  .elementor-5908 .elementor-element.elementor-element-f6215c3{padding:2px 0!important;}

  /* Date + social same row */
  .elementor-element-5eb41e3{padding:2px 0!important;}
  .elementor-element-5eb41e3 .elementor-container{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;padding:2px 10px!important;}
  .elementor-element-5eb41e3 .elementor-column{width:auto!important;flex:0 0 auto!important;max-width:none!important;padding:0!important;}
  .elementor-element-cec43a2{flex:1 1 auto!important;}
  .elementor-element-a2de226{flex:0 0 auto!important;margin-left:auto!important;}
  .qoxag-date{font-size:11px!important;white-space:nowrap!important;padding:0!important;margin:0!important;}
  .elementor-element-5ca4af5 .ekit_social_media{display:flex!important;flex-direction:row!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important;}
  .elementor-element-5ca4af5 .ekit_social_media li{margin:0!important;padding:0!important;}
  .elementor-element-5ca4af5 .ekit_social_media a i{font-size:14px!important;}

  /* Breaking news ticker */
  .elementor-element-d3bc855 .elementor-element-33c48b3{display:none!important;}
  .elementor-element-d3bc855 .elementor-element-e486243{width:100%!important;flex:0 0 100%!important;max-width:100%!important;padding:0!important;}
  .elementor-element-d3bc855 .elementor-container{padding:0!important;}
  #tredingcarousel{width:100%!important;display:flex!important;align-items:center!important;padding:4px 10px!important;background:#fff!important;}
  #tredingcarousel .trending-title{font-size:11px!important;white-space:nowrap!important;margin:0 6px 0 0!important;color:#ec244d!important;font-weight:700!important;flex-shrink:0!important;}
  #tredingcarousel .post-title a{font-size:12px!important;color:#333!important;text-decoration:none!important;}
  #tredingcarousel .slider-container{flex:1!important;overflow:hidden!important;min-width:0!important;}
}

/* ---------------------------------------------------------------
   21. FOOTER HEADING SIZE — ALL SCREENS
   --------------------------------------------------------------- */
.ekit-template-content-footer .ekit-heading--title.elementskit-section-title{
  font-size:19px!important;line-height:1.3!important;
}
@media (max-width:1024px){
  .ekit-template-content-footer .ekit-heading--title.elementskit-section-title{font-size:16px!important;}
}
@media (max-width:767px){
  .ekit-template-content-footer .ekit-heading--title.elementskit-section-title{font-size:13px!important;}
}
@media (max-width:480px){
  .ekit-template-content-footer .ekit-heading--title.elementskit-section-title{font-size:12px!important;}
}

/* ---------------------------------------------------------------
   22. FOOTER MOBILE LAYOUT (≤767px)
   Brand col: logo (centered) + address (left) + phone (left) + email (left) + button (centered)
   Links: 2-col side-by-side pairs
   --------------------------------------------------------------- */
@media (max-width:767px){

  /* Outer section */
  .elementor-element-cdae078{padding:16px 0 12px!important;}
  .elementor-element-cdae078 > .elementor-container{
    display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;
    padding:0 14px!important;width:100%!important;
  }
  .elementor-element-cdae078 > .elementor-container > .elementor-col-33{
    width:100%!important;max-width:100%!important;flex:0 0 100%!important;padding:0!important;
  }

  /* Brand column */
  .elementor-element-5e1dcbe{margin-bottom:16px!important;}
  .elementor-element-5e1dcbe > .elementor-widget-wrap{
    display:flex!important;flex-direction:column!important;
    align-items:flex-start!important;text-align:left!important;width:100%!important;
  }

  /* Logo: centered 260px */
  .elementor-element-fadd783{width:100%!important;text-align:center!important;margin-bottom:5px!important;order:1!important;}
  .elementor-element-5e1dcbe .qoxag-widget-logo img.light{display:none!important;}
  .elementor-element-5e1dcbe .qoxag-widget-logo img.dark{
    display:block!important;width:260px!important;max-width:260px!important;
    height:auto!important;margin:0 auto!important;
  }

  /* Address: left, no icon */
  .elementor-element-2b60597{width:100%!important;text-align:left!important;margin-bottom:6px!important;order:2!important;}
  .elementor-element-2b60597 .elementskit-box-header{display:none!important;}
  .elementor-element-2b60597 .box-body p{font-size:11px!important;line-height:1.5!important;color:#aaaaaa!important;margin:0!important;text-align:left!important;}

  /* Phone + Email: SAME ROW using a flex wrapper trick */
  /* Wrap both in a pseudo-row by making brand col flex-wrap */
  .elementor-element-5e1dcbe > .elementor-widget-wrap{flex-wrap:wrap!important;}

  /* Phone: left half */
  .elementor-element-371c24f{
    width:100%!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;padding:0 0 0 6px!important;
    margin-bottom:8px!important;order:4!important;
  }
  .elementor-element-371c24f .elementskit-box-header{display:none!important;}
  .elementor-element-371c24f .box-body p{
    font-size:11px!important;line-height:1.5!important;color:#aaaaaa!important;margin:0!important;
    word-break:break-word!important;
  }

  /* Email: right half */
  .elementor-element-1d3d2d0{
    width:100%!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;padding:0 0 0 6px!important;
    margin-bottom:8px!important;order:4!important;
  }
  .elementor-element-1d3d2d0 .elementskit-box-header{display:none!important;}
  .elementor-element-1d3d2d0 .box-body p{
    font-size:11px!important;line-height:1.5!important;color:#aaaaaa!important;margin:0!important;
    word-break:break-word!important;
  }

  /* Button: centered */
  .elementor-element-a34e4f7{width:100%!important;text-align:center!important;order:5!important;margin-top:4px!important;}
  .elementor-element-a34e4f7 .ekit-btn-wraper{text-align:center!important;display:flex!important;justify-content:center!important;}
  .elementor-element-a34e4f7 .elementskit-btn{padding:8px 22px!important;font-size:12px!important;display:inline-block!important;font-weight:600!important;letter-spacing:0.5px!important;text-transform:uppercase!important;}

  /* Links sections: 2-col side-by-side */
  .elementor-element-21d9d36,.elementor-element-5828c84{
    border-top:1px solid #2a2a2a!important;padding-top:14px!important;
    margin-bottom:14px!important;width:100%!important;max-width:100%!important;flex:0 0 100%!important;
  }
  .elementor-element-21d9d36 .elementor-inner-section > .elementor-container,
  .elementor-element-5828c84 .elementor-inner-section > .elementor-container{
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;padding:0!important;width:100%!important;
  }
  .elementor-element-21d9d36 .elementor-inner-section .elementor-col-50,
  .elementor-element-5828c84 .elementor-inner-section .elementor-col-50{
    width:50%!important;flex:0 0 50%!important;max-width:50%!important;padding:0 6px 0 0!important;
  }

  /* Link headings */
  .elementor-element-21d9d36 .ekit-heading--title.elementskit-section-title,
  .elementor-element-5828c84 .ekit-heading--title.elementskit-section-title{
    font-size:12px!important;font-weight:700!important;text-transform:uppercase!important;
    letter-spacing:0.4px!important;margin-bottom:8px!important;color:#ffffff!important;
    line-height:1.3!important;padding-bottom:4px!important;border-bottom:1px solid #333!important;display:block!important;
  }

  /* Link items */
  .elementor-element-21d9d36 .default-footer-menu .elementor-icon-list-item,
  .elementor-element-5828c84 .default-footer-menu .elementor-icon-list-item{margin-bottom:4px!important;padding:0!important;}
  .elementor-element-21d9d36 .default-footer-menu .ekit_page_list_title_title,
  .elementor-element-5828c84 .default-footer-menu .ekit_page_list_title_title{font-size:16px!important;line-height:1.5!important;color:#aaaaaa!important;display:block!important;}
  .elementor-element-21d9d36 .default-footer-menu a:hover .ekit_page_list_title_title,
  .elementor-element-5828c84 .default-footer-menu a:hover .ekit_page_list_title_title{color:#ffffff!important;}

  /* Bottom bar */
  .elementor-element-4cf7cc9{padding:6px 14px!important;}
  .elementor-element-4cf7cc9 p,.elementor-element-4cf7cc9 span{font-size:10px!important;color:#888888!important;}

  /* Healers mobile touch scroll */
  .healers-slider-container{overflow:hidden!important;padding:10px 0 20px 0!important;}
  .healers-slider{
    animation:none!important;display:flex!important;flex-wrap:nowrap!important;
    overflow-x:scroll!important;overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;gap:12px!important;padding:0 15px 10px 15px!important;
    scrollbar-width:none!important;-ms-overflow-style:none!important;
  }
  .healers-slider::-webkit-scrollbar{display:none!important;}
  .healer-slide{scroll-snap-align:start!important;min-width:220px!important;max-width:220px!important;flex-shrink:0!important;}
}

/* ── EXTRA SMALL FOOTER (≤480px) ── */
@media (max-width:480px){
  .elementor-element-cdae078 > .elementor-container{padding:0 10px!important;}
  .elementor-element-5e1dcbe .qoxag-widget-logo img.dark{width:220px!important;max-width:220px!important;}
  .elementor-element-21d9d36 .ekit-heading--title.elementskit-section-title,
  .elementor-element-5828c84 .ekit-heading--title.elementskit-section-title{font-size:11px!important;}
  .elementor-element-21d9d36 .default-footer-menu .ekit_page_list_title_title,
  .elementor-element-5828c84 .default-footer-menu .ekit_page_list_title_title{font-size:14px!important;}
  .elementor-element-2b60597 .box-body p,
  .elementor-element-371c24f .box-body p,
  .elementor-element-1d3d2d0 .box-body p{font-size:16px!important; text-align: center !important;}
.elementor-317 .elementor-element.elementor-element-fadd783 > .elementor-widget-container{
margin:0 !important;}

}
@media (max-width: 767px) {
    .elementor-317 .elementor-element.elementor-element-5e1dcbe > .elementor-element-populated {
margin: 0px 0px 10px 0px !important;}
.elementor-317 .elementor-element.elementor-element-21d9d36 > .elementor-element-populated{
padding: 0 !important; margin: 0 !important}
.elementor-317 .elementor-element.elementor-element-6e3ce43 > .elementor-element-populated, .elementor-317 .elementor-element.elementor-element-cf9fdbf > .elementor-element-populated{
margin: 0 !important;}
.elementor-element.elementor-element-a4fa875.elementor-widget.elementor-widget-elementskit-heading, .elementor-element.elementor-element-2900134.elementor-widget.elementor-widget-elementskit-heading{margin: 0;}

}
/* ===== NEWS BOX BADGE + OVERLAY FIX ===== */
/* Ensure bottom overlay has dark gradient background */
.news-box-container .bg-shadow {
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 60%, transparent 100%) !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 8px 10px !important;
  width: 100% !important;
}

/* Badge visible on both top and bottom boxes */
.news-box-container .badge.badge-primary,
.news-box-container a.badge {
  display: inline-block !important;
  background-color: #007bff !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 3px 8px !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  white-space: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Title text always white and visible */
.news-box-container .bg-shadow h2,
.news-box-container .bg-shadow .h5,
.news-box-container .bg-shadow a {
  color: #ffffff !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.news-box-container .bg-shadow .h5 {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 4px 0 0 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

@media (max-width: 767px) {
  .news-box-container .bg-shadow .h5 {
    font-size: 11px !important;
    -webkit-line-clamp: 1 !important;
  }
  .news-box-container .badge.badge-primary,
  .news-box-container a.badge {
    font-size: 9px !important;
    padding: 2px 5px !important;
  }
}

/* ---------------------------------------------------------------
   23. CAROUSEL ARROWS — TRENDING + COMMUNITY HUB + HEALERS
   --------------------------------------------------------------- */

/* Show arrows for specific carousels (NOT featured-news boxes) */
#myCarousel .carousel-control-prev,
#myCarousel .carousel-control-next,
#featured .carousel-control-prev,
#featured .carousel-control-next {
  display: flex !important;
  width: 40px !important;
  height: 40px !important;
  background: rgba(0,0,0,0.55) !important;
  border-radius: 50% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  transition: background 0.3s ease !important;
}

#myCarousel .carousel-control-prev { left: 10px !important; }
#myCarousel .carousel-control-next { right: 10px !important; }
#featured .carousel-control-prev   { left: 10px !important; }
#featured .carousel-control-next   { right: 10px !important; }

#myCarousel .carousel-control-prev:hover,
#myCarousel .carousel-control-next:hover,
#featured .carousel-control-prev:hover,
#featured .carousel-control-next:hover {
  background: rgba(0,0,0,0.85) !important;
}

#myCarousel .carousel-control-prev-icon,
#myCarousel .carousel-control-next-icon,
#featured .carousel-control-prev-icon,
#featured .carousel-control-next-icon {
  width: 18px !important;
  height: 18px !important;
}

/* Mobile: smaller arrows */
@media (max-width: 767px) {
  #myCarousel .carousel-control-prev,
  #myCarousel .carousel-control-next,
  #featured .carousel-control-prev,
  #featured .carousel-control-next {
    width: 32px !important;
    height: 32px !important;
  }
  #myCarousel .carousel-control-prev-icon,
  #myCarousel .carousel-control-next-icon,
  #featured .carousel-control-prev-icon,
  #featured .carousel-control-next-icon {
    width: 14px !important;
    height: 14px !important;
  }
}
   25. DARK MODE SWITCHER
   --------------------------------------------------------------- */
.color_swicher { cursor: pointer; }

body.dark-mode {
  background-color: #111 !important;
  color: #eee !important;
}
body.dark-mode .card,
body.dark-mode .news-card,
body.dark-mode .blog-item,
body.dark-mode #desktop-preview .card-body {
  background-color: #1e1e1e !important;
  color: #eee !important;
}
body.dark-mode p,
body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,
body.dark-mode h4,body.dark-mode h5,body.dark-mode h6 {
  color: #eee !important;
}
body.dark-mode .news-card p.text-muted { color: #aaa !important; }

/* Sun/Moon icon toggle */
.color_swicher .fa-sun-o { display: inline-block; }
.color_swicher .fa-moon-o { display: none; }
body.dark-mode .color_swicher .fa-sun-o { display: none; }
body.dark-mode .color_swicher .fa-moon-o { display: inline-block; }