/* =====================================================================
   BSSF India – inner pages
   Template page layouts recoloured to the approved homepage palette.
   Loaded only on inner pages (homepage CSS is untouched).
   green #0F6B43 · gold #C89B3C · charcoal #111 · fonts: Nunito / Nunito Sans
   ===================================================================== */
:root{--colorPrimary:#C89B3C;--colorRed:#0F6B43}

/* service cards: template used yellow/orange/blue icon blobs -> brand green & gold */
.service_item .icon{display:flex;align-items:center;justify-content:center}
.service_item .icon i{font-size:30px;color:#fff;line-height:1}
.service_item.category_1 .icon,.service_item.category_3 .icon,.service_item.category_5 .icon,.service_item.category_7 .icon{background:#0F6B43}
.service_item.category_2 .icon,.service_item.category_4 .icon,.service_item.category_6 .icon,.service_item.category_8 .icon{background:#C89B3C}
.service_item.category_1:hover,.service_item.category_3:hover,.service_item.category_5:hover,.service_item.category_7:hover{border-color:#0F6B43!important}
.service_item.category_2:hover,.service_item.category_4:hover,.service_item.category_6:hover,.service_item.category_8:hover{border-color:#C89B3C!important}
.service_item::after{background:#eef6f1}
.service_item .title{cursor:default}
.service_item a.title[href]{cursor:pointer}

/* gallery captions & form messages */
.bssf-gallery-title{font-size:17px;font-weight:700;color:#111;margin:14px 0 0;line-height:1.4}
.bssf-form-msg{margin:14px 0 0;font-weight:700;color:#0F6B43}
.bssf-form-msg:empty{display:none}

/* ---------- homepage font on inner pages (template used a handwriting font) ---------- */
.inner_page{--cursiveFont:"Nunito",sans-serif}
.inner_page .section_heading h5{font-family:var(--headingFont);font-weight:800;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#C89B3C}
.inner_page .m-auto>.section_heading,.inner_page .m-auto>.section_heading h5,.inner_page .m-auto>.section_heading h2{text-align:center}
.inner_page .wsus_about_us_text ul li h3,.inner_page .video_donate_bottom h4{font-family:var(--headingFont)}
.inner_page .video_donate_bottom h4{font-size:18px;letter-spacing:2px;text-transform:uppercase;color:#C89B3C}

/* ---------- menu: same white bar as the homepage ---------- */
.inner_page .main_menu{background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.inner_page .main_menu .navbar-nav .nav-item .nav-link.active{color:#0F6B43}

/* ---------- breadcrumb: remove template "Charity / Donate" artwork & scribble ---------- */
.inner_page .breadcrumb_overlay::after,.inner_page .breadcrumb_overlay::before{display:none}
.inner_page .breadcrumb_text ul li:last-child{color:#C89B3C}

/* ---------- service cards: equal heights, brand-tint corner circle ---------- */
.inner_page .service_item::after{background:#eef6f1!important}
.inner_page .service_slider .slick-track{display:flex!important}
.inner_page .service_slider .slick-slide{height:inherit!important}
.inner_page .service_slider .slick-slide>div,.inner_page .service_slider .slick-slide>div>div{height:100%}
.inner_page .service_slider .service_item{height:calc(100% - 25px)}
.inner_page .service_page .service_item{height:calc(100% - 25px)}

/* ---------- about: stats icons & founder box in brand colours ---------- */
.inner_page .wsus_about_us_text ul li .icon{background:#eef6f1!important;display:flex;align-items:center;justify-content:center}
.inner_page .wsus_about_us_text ul li .icon i{font-size:26px;color:#0F6B43}
.inner_page .wsus_about_us_text ul li:nth-child(2) .icon i{color:#C89B3C}
.inner_page .wsus_about_us_text .about_founder{border-color:#dcebe2;background:#f3f8f5}

/* ---------- event cards: green brush instead of template yellow ---------- */
.inner_page .wssus__event_item .text::after{background-image:url(../images/event_text_shapes_green.webp)}
.inner_page .text_slider .marquee_animi ul li::after{background-image:url(../images/text_slider_icon_gold.webp)}

/* ---------- sidebar list fix (items wrapped in narrow sidebars) ---------- */
.inner_page .sidebar_recent_post ul li{flex-wrap:nowrap;gap:16px}
.inner_page .sidebar_recent_post ul li .img{flex:none;width:96px;height:72px}
.inner_page .sidebar_recent_post ul li .text{width:auto;flex:1;min-width:0}
.inner_page .sidebar_recent_post ul li .text p{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#C89B3C;margin-bottom:4px}

/* ---------- links inside content in brand green ---------- */
.inner_page .service_details_text a,.inner_page .campaign_description a,.inner_page .event_details_text a,.inner_page .blog_details_text a,
.inner_page .campaign_details_text ul li a,.inner_page .form-check-label a,.inner_page .event_schedule a{color:#0F6B43;font-weight:700}
.inner_page .footer_botton_text a{color:#C89B3C}
.inner_page .service_details_text a:hover,.inner_page .campaign_description a:hover,.inner_page .event_details_text a:hover{color:#C89B3C}

/* ---------- global engagement map card on its page ---------- */
.inner_page .bssf-global-section{background:none}
.inner_page .bssf-global-section .ge-card{margin-top:10px}
.inner_page .counter_item .icon svg path{stroke:#C89B3C}

/* ---------- global engagement lists: allow two-line event names ---------- */
.inner_page .donor_list_item h3{font-size:18px;line-height:1.35;-webkit-line-clamp:2}
.inner_page .donor_list_item .pay{background:#C89B3C;color:#111}

/* =====================================================================
   TYPOGRAPHY SCALE – reduced, consistent heading sizes for inner pages
   h1 page title 42 · h2 section 34 · h2 detail 30 · h3 content 22
   ===================================================================== */
.inner_page h1,.inner_page h2,.inner_page h3,.inner_page h4{letter-spacing:-.2px}

.inner_page .section_heading .section_tag{font-size:13px;letter-spacing:2px}
.inner_page .section_heading h2{font-size:34px;line-height:1.25;margin-top:12px}
.inner_page .become_volunteer_text h2{font-size:34px;line-height:1.25}
.inner_page .video_donate_text h2,.inner_page .video_donate_bottom h2{font-size:30px;line-height:1.3}
.inner_page .video_donate_bottom .video_tag{font-size:14px;letter-spacing:2px}
.inner_page .contact_form form h3{font-size:30px;line-height:1.25}

.inner_page .blog_details_header h2,.inner_page .event_details_header h2,.inner_page .service_details_header h2{font-size:30px;line-height:1.3;margin-top:24px}
.inner_page .campaign_details_text h2{font-size:28px;line-height:1.3;margin-bottom:26px}
.inner_page .blog_details_text h3,.inner_page .service_details_text h3,.inner_page .event_details_text h3,
.inner_page .campaign_description h3,.inner_page .pricacy_policy_text h2{font-size:22px;line-height:1.35;margin-top:30px;margin-bottom:12px;font-weight:800}
.inner_page .become_volunteer_page_text h2{font-size:24px;line-height:1.3;margin-top:30px;margin-bottom:12px}
.inner_page .become_volunteer_page_text h2:first-child{margin-top:0}
.inner_page .become_volunteer_page_form h3{font-size:22px;font-weight:800;margin-bottom:24px}
.inner_page .blog_sidebar h3,.inner_page .event_sidebar h3,.inner_page .sidebar_blog_tags h3{font-size:22px;margin-bottom:18px}
.inner_page .event_sidebar ul li h4{font-size:17px}
.inner_page .faq_text .accordion-header button{font-size:18px;line-height:1.4}
.inner_page .blog_det_author .text h3{font-size:20px}
.inner_page .wsus_about_us_text .about_founder h3{font-size:18px}
.inner_page .counter_item .counter_num{font-size:36px}
.inner_page .wsus_about_us_text ul li .stat_num{font-size:30px}
.inner_page .donor_list_item h3{font-size:18px}

@media (max-width:1199.98px){
  .inner_page .section_heading h2,.inner_page .become_volunteer_text h2{font-size:30px}
  .inner_page .blog_details_header h2,.inner_page .event_details_header h2,.inner_page .service_details_header h2{font-size:28px}
  .inner_page .campaign_details_text h2{font-size:26px}
}
@media (max-width:991.98px){
  .inner_page .section_heading h2,.inner_page .become_volunteer_text h2{font-size:28px}
  .inner_page .video_donate_text h2,.inner_page .video_donate_bottom h2,.inner_page .contact_form form h3{font-size:26px}
  .inner_page .blog_details_header h2,.inner_page .event_details_header h2,.inner_page .service_details_header h2{font-size:26px}
  .inner_page .campaign_details_text h2{font-size:24px}
  .inner_page .blog_details_text h3,.inner_page .service_details_text h3,.inner_page .event_details_text h3,
  .inner_page .campaign_description h3,.inner_page .pricacy_policy_text h2{font-size:20px}
}
@media (max-width:575.98px){
  .inner_page .section_heading h2,.inner_page .become_volunteer_text h2{font-size:24px}
  .inner_page .video_donate_text h2,.inner_page .video_donate_bottom h2,.inner_page .contact_form form h3{font-size:24px}
  .inner_page .blog_details_header h2,.inner_page .event_details_header h2,.inner_page .service_details_header h2,
  .inner_page .campaign_details_text h2{font-size:22px}
  .inner_page .blog_details_text h3,.inner_page .service_details_text h3,.inner_page .event_details_text h3,
  .inner_page .campaign_description h3,.inner_page .pricacy_policy_text h2,.inner_page .become_volunteer_page_text h2{font-size:19px}
  .inner_page .faq_text .accordion-header button{font-size:16px}
  .inner_page .counter_item .counter_num{font-size:30px}
}

/* =====================================================================
   BODY COPY & LISTS – readable measure, brand bullets
   ===================================================================== */
.inner_page .service_details_text p,.inner_page .event_details_text p,.inner_page .blog_details_text p,
.inner_page .campaign_description p,.inner_page .pricacy_policy_text p,.inner_page .become_volunteer_page_text p{font-size:16px;line-height:1.85;color:#555}
.inner_page .about_description{font-size:16px;line-height:1.8}
.inner_page .service_details_text ul,.inner_page .event_details_text ul,.inner_page .blog_details_text ul,
.inner_page .campaign_description ul,.inner_page .become_volunteer_page_text ul{list-style:none;padding-left:0;margin:14px 0 6px}
.inner_page .service_details_text ul li,.inner_page .event_details_text ul li,.inner_page .blog_details_text ul li,
.inner_page .campaign_description ul li,.inner_page .become_volunteer_page_text ul li{position:relative;padding-left:30px;margin-bottom:10px;font-size:16px;line-height:1.6;color:#444;list-style:none}
.inner_page .service_details_text ul li::before,.inner_page .event_details_text ul li::before,.inner_page .blog_details_text ul li::before,
.inner_page .campaign_description ul li::before,.inner_page .become_volunteer_page_text ul li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;
  background:#0F6B43 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat;border:0;transform:none}
.inner_page .service_details_text ol,.inner_page .event_details_text ol,.inner_page .campaign_description ol{padding-left:0;margin:14px 0 6px;counter-reset:bssf}
.inner_page .service_details_text ol li,.inner_page .event_details_text ol li,.inner_page .campaign_description ol li{list-style:none;position:relative;padding-left:38px;margin-bottom:12px;font-size:16px;line-height:1.6;color:#444;counter-increment:bssf}
.inner_page .service_details_text ol li::before,.inner_page .event_details_text ol li::before,.inner_page .campaign_description ol li::before{content:counter(bssf);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:#f5ecd9;color:#8a6418;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:var(--headingFont)}
.inner_page .become_volunteer_page_text ul li::after,.inner_page .service_details_text ul li::after,.inner_page .campaign_description ul li::after{display:none}

/* =====================================================================
   FINISHING – breadcrumb, cards, sidebars, forms, footer
   ===================================================================== */
.inner_page .service_item{border-radius:14px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.inner_page .service_item:hover{transform:translateY(-6px);box-shadow:0 20px 40px -22px rgba(0,0,0,.25)}
.inner_page .service_item .title{font-size:20px;line-height:1.35}
.inner_page .service_item p{font-size:15px;line-height:1.7}
.inner_page .campaign_card{transition:transform .35s ease,box-shadow .35s ease;height:calc(100% - 25px)}
.inner_page .campaign_card:hover{transform:translateY(-6px);box-shadow:0 22px 44px -24px rgba(0,0,0,.3)}
.inner_page .campaign_card .text{display:flex;flex-direction:column}
.inner_page .campaign_card .text .card_title{flex:1}
.inner_page .campaign_card .text .title{font-size:19px;line-height:1.35}
.inner_page .campaign_card .img img{filter:grayscale(100%);transition:filter .5s ease,transform .8s ease}
.inner_page .campaign_card:hover .img img{filter:none;transform:scale(1.05)}
.inner_page .campaign_card .img span{background:#0F6B43;color:#fff}
.inner_page .wssus__event_item{height:480px}
.inner_page .wssus__event_item img{transition:transform .8s ease}
.inner_page .wssus__event_item:hover img{transform:scale(1.06)}
.inner_page .wssus__event_item .text .title{font-size:20px;line-height:1.3}
.inner_page .blog_sidebar>div,.inner_page .event_sidebar>div{border-radius:14px}
.inner_page .sidebar_blog_tags ul li a:hover{background:#0F6B43;color:#fff}
.inner_page .campaign_details_text ul li span{color:#111;font-weight:800}
.inner_page .contact_input input,.inner_page .contact_input textarea,.inner_page .login_form_input input,.inner_page .login_form_input textarea{border-radius:10px;transition:border-color .3s ease,box-shadow .3s ease}
.inner_page .contact_input input:focus,.inner_page .contact_input textarea:focus,.inner_page .login_form_input input:focus,.inner_page .login_form_input textarea:focus{border-color:#0F6B43;box-shadow:0 0 0 4px rgba(15,107,67,.1);outline:none}
.inner_page .form-check-input:checked{background-color:#0F6B43;border-color:#0F6B43}
.inner_page .nav-pills .nav-link.active{background:#0F6B43!important;color:#fff!important}
.inner_page .gallery_item{border-radius:14px;overflow:hidden}
.inner_page .gallery_item img{transition:transform .8s ease}
.inner_page .gallery_item:hover img{transform:scale(1.06)}
.inner_page .pagination .page-link.active{background:#0F6B43;border-color:#0F6B43}

/* 404 */
.error_links{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px}
.error_links .error_btn_outline{background:transparent;color:#0F6B43;border:2px solid #0F6B43}
.error_links .error_btn_outline:hover{color:#fff}

/* about: stat icons in brand colours (template pink/purple frames removed), numbers styled as one unit */
.inner_page .wsus_about_us_text ul li .icon::after{border-color:#C89B3C!important;opacity:.6}
.inner_page .wsus_about_us_text ul li:nth-child(2) .icon::after{border-color:#0F6B43!important}
.inner_page .stat_num .counter,.inner_page .counter_num .counter{font:inherit;color:inherit;letter-spacing:inherit}
.inner_page .wsus_about_us_text .about_founder{padding-right:210px}
.inner_page .wsus_about_us_text .about_founder p{white-space:normal;font-size:14px;line-height:1.4;margin:2px 0 0}
@media(max-width:575.98px){.inner_page .wsus_about_us_text .about_founder{padding-right:15px}.inner_page .wsus_about_us_text .about_founder a{position:static;transform:none;margin-top:12px;display:inline-block}}
/* scrolling words: calmer size */
.inner_page .text_slider .marquee_animi ul li{font-size:60px;line-height:60px}
@media(max-width:767.98px){.inner_page .text_slider .marquee_animi ul li{font-size:40px;line-height:44px}}

/* ---------- spacing under section headings & intro copy ---------- */
.inner_page .section_heading{margin-bottom:26px}
.inner_page .section_heading+p,.inner_page .about_description{margin-bottom:14px}
.inner_page .service_page .about_description,.inner_page .donor_list .about_description{margin-top:0}

/* ---------- campaign cards: equal heights, buttons aligned on one line ---------- */
.inner_page .campaign_card{display:flex;flex-direction:column}
.inner_page .campaign_card .text{flex:1;display:flex;flex-direction:column}
.inner_page .campaign_card .text .card_title{flex:1;margin-bottom:4px}
.inner_page .campaign_card .text hr{margin-top:auto}
.inner_page .campaign_card .rising_goal{gap:10px}
.inner_page .campaign_card .rising_goal span{font-size:13px;font-weight:700;color:#777}
.inner_page .campaign_card .rising_goal span:last-child{color:#0F6B43;text-align:right}

/* ---------- FAQ questions in sentence case ---------- */
.inner_page .faq_text .accordion-header button{text-transform:none}

/* ---------- founder quote mark in brand gold ---------- */
.inner_page .details_quot_text::after{display:none}
.inner_page .details_quot_text::before{position:absolute;background:none!important;content:"\201C";font-family:Georgia,serif;font-style:normal;font-size:110px;line-height:1;color:#C89B3C;width:auto;height:auto;top:22px;left:38px}
.inner_page .details_quot_text{border-left:4px solid #0F6B43}
.inner_page .details_quot_text .quote_author::after{background:#C89B3C}

/* =====================================================================
   SPACING SYSTEM – every inner-page section: 60px top + 60px bottom
   (template mt_* margins removed from section markup)
   ===================================================================== */
html{scroll-behavior:smooth}
.inner_page .breadcrumb{margin-bottom:0}
body.inner_page>section.sec_space{margin-top:0!important;margin-bottom:0!important;padding-top:60px;padding-bottom:60px}
body.inner_page>section.text_slider{margin:0;padding:60px 0}
body.inner_page>section[id],body.inner_page section[id]{scroll-margin-top:110px}
/* full-bleed background bands: spacing lives on the overlay so the colour reaches the edges */
body.inner_page>section.counter_section.sec_space{padding:0}
/* donation block: card overlaps the band by 150px; keep 60px of clear space above it */
body.inner_page>section.video_and_donate.sec_space{padding:0;margin-top:210px!important}
.inner_page .video_donate_text_top{top:0;margin-top:-150px}
/* spacing inside sections */
.inner_page .campaign_details .row.mt_100{margin-top:60px!important}
.inner_page .contact_map.mt_100{margin-top:60px!important}
.inner_page .contact_form{margin-top:30px}
.inner_page .section_heading{margin-bottom:30px}
.inner_page .row>[class*="col-"]>.service_item,.inner_page .row>[class*="col-"]>.campaign_card,
.inner_page .row>[class*="col-"]>.wssus__event_item,.inner_page .row>[class*="col-"]>.donor_list_item{margin-top:0;margin-bottom:24px}
.inner_page .service_page .row:last-child,.inner_page .campaign_page .row:last-child,.inner_page .event_page .row:last-child,.inner_page .donor_list .row:last-child{margin-bottom:-24px}
@media (max-width:575.98px){
  body.inner_page>section.sec_space{padding-top:45px;padding-bottom:45px}
  body.inner_page>section.text_slider{padding:45px 0}
  body.inner_page>section.video_and_donate.sec_space{margin-top:195px!important}
}

/* =====================================================================
   SECTION RHYTHM – alternate soft background (same grey as homepage)
   ===================================================================== */
.inner_page .section_alt{background:#f7f8f7}
.inner_page .section_alt .service_item,.inner_page .section_alt .donor_list_item,.inner_page .section_alt .accordion-item{background:#fff}
.inner_page .service_item{background:#fff;border:1px solid #ececec}
.inner_page .donor_list_item{border:1px solid #ececec;background:#fff;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.inner_page .donor_list_item:hover{transform:translateY(-4px);border-color:rgba(15,107,67,.35);box-shadow:0 16px 32px -20px rgba(0,0,0,.25)}

/* breadcrumb accent bar (matches homepage founder card) */
.inner_page .breadcrumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;z-index:4;background:linear-gradient(90deg,#0F6B43 0 72%,#C89B3C 72% 100%)}

/* content photos: homepage monochrome style, colour on hover */
.inner_page .service_details_img img,.inner_page .event_details_img img,.inner_page .gallery_item img,
.inner_page .sidebar_recent_post ul li .img img{filter:grayscale(100%);transition:filter .6s ease,transform .8s ease}
.inner_page .service_details_img:hover img,.inner_page .event_details_img:hover img,.inner_page .gallery_item:hover img,
.inner_page .sidebar_recent_post ul li:hover .img img{filter:none}
.inner_page .service_details_img,.inner_page .event_details_img{border-radius:18px;overflow:hidden}

/* =====================================================================
   VISION & MISSION PAGE
   ===================================================================== */
.vm_pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.vm_pills a{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:40px;border:1px solid #dcebe2;background:#fff;color:#0F6B43;font-family:var(--headingFont);font-weight:800;font-size:14px;transition:background .3s ease,color .3s ease,transform .3s ease}
.vm_pills a i{color:#C89B3C;transition:color .3s ease}
.vm_pills a:hover{background:#0F6B43;color:#fff;transform:translateY(-2px)}
.vm_pills a:hover i{color:#fff}
.vm_block .vm_img{height:470px;position:relative;z-index:0;margin:0 22px 22px 0;overflow:visible!important}
.vm_block .row.flex-row-reverse .vm_img{margin:0 0 22px 22px}
.vm_block .vm_img img{height:100%!important;border-radius:18px;object-fit:cover!important}
.vm_block .vm_img::before{content:"";position:absolute;inset:22px -22px -22px 22px;border:2px solid #0F6B43;border-radius:18px;z-index:-1}
.vm_block .row.flex-row-reverse .vm_img::before{inset:22px 22px -22px -22px;border-color:#C89B3C}
.vm_badge{position:absolute;left:22px;bottom:22px;background:#fff;color:#0F6B43;font-family:var(--headingFont);font-weight:900;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;padding:9px 16px;border-radius:30px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.vm_text_col{padding-left:30px}
.vm_block .row.flex-row-reverse .vm_text_col{padding-left:0;padding-right:30px}
.vm_text_col .about_description{margin-top:0;font-size:17px;line-height:1.85;color:#555}
.wsus_about_us_text ul.vm_points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 0;padding:0;list-style:none;justify-content:initial;align-items:stretch}
.wsus_about_us_text ul.vm_points li{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:14px;background:#f5f8f6;border:1px solid #e3ece6;border-radius:12px;padding:14px 16px;margin:0!important;width:auto!important;transition:transform .3s ease,box-shadow .3s ease}
.section_alt .vm_points li{background:#fff}
.vm_points li:hover{transform:translateY(-3px);box-shadow:0 14px 28px -18px rgba(15,107,67,.45)}
.vm_icon{flex:none;width:42px;height:42px;border-radius:50%;background:#0F6B43;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}
.vm_points li:nth-child(even) .vm_icon{background:#C89B3C}
.vm_text{font-family:var(--headingFont);font-weight:800;font-size:15px;line-height:1.35;color:#1a1a1a}
.vm_statement{margin-top:26px;padding:22px 26px;border-radius:14px;background:#0F6B43;color:#fff;position:relative;overflow:hidden}
.vm_statement::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;border:22px solid rgba(255,255,255,.07)}
.vm_statement p{color:rgba(255,255,255,.88);font-size:16px;line-height:1.7;margin:0 0 6px;font-style:italic}
.vm_statement strong{display:block;font-family:var(--headingFont);font-weight:900;font-size:26px;letter-spacing:.5px;text-transform:uppercase;color:#C89B3C}
.vm_purpose .counter_overlay{background:linear-gradient(180deg,rgba(6,24,16,.92),rgba(10,55,35,.9))}
.section_heading_light .section_tag{color:#C89B3C}
.section_heading_light h2{color:#fff!important}
.vm_purpose_text{color:rgba(255,255,255,.86);font-size:17px;line-height:1.85;margin:0 auto}
.vm_pillars{margin-top:40px}
.vm_pillar{border-right:1px solid rgba(255,255,255,.18);padding:10px 20px}
.vm_pillars .col-md-4:last-child .vm_pillar{border-right:0}
.vm_pillar .icon{display:flex;align-items:center;justify-content:center;margin:0 auto 14px;border:1px solid #C89B3C;border-radius:50%;width:66px;height:66px;font-size:24px;color:#C89B3C}
.vm_pillar h3{font-size:22px!important;font-weight:800;color:#fff;margin:0}
.vm_pillar h3::after{display:none}
@media (max-width:991.98px){
  .vm_block .vm_img{height:380px;margin-bottom:50px}
  .vm_text_col,.vm_block .row.flex-row-reverse .vm_text_col{padding:0}
  .vm_pillar{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:20px}
  .vm_pillars .col-md-4:last-child .vm_pillar{border-bottom:0}
}
@media (max-width:575.98px){
  .wsus_about_us_text ul.vm_points{grid-template-columns:1fr}
  .vm_block .vm_img{height:300px}
  .vm_statement strong{font-size:21px}
}

/* =====================================================================
   SCROLL REVEAL (added by js/bssf-inner.js; content stays visible without JS)
   ===================================================================== */
.js-reveal .bssf-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js-reveal .bssf-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js-reveal .bssf-reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
/* keep the donation card's -150px overlap inside the band (prevent margin collapsing) */
.inner_page .video_and_donate_overlay{display:flow-root}
.inner_page .video_donate_text_top{margin-bottom:60px}


/* =====================================================================
   COMMON BREADCRUMB BANNER – one image for every inner page
   (images/breadcrumb.jpg; phones use the right-hand crop breadcrumb-mobile.jpg)
   The picture already fades to navy on the left, so the title sits on
   that calm area and the players stay visible on the right.
   ===================================================================== */
.inner_page .breadcrumb{
  background-color:#0a2358;
  background-image:url(../images/breadcrumb.jpg);
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center 42%!important;
  min-height:290px;
  display:flex;
  align-items:stretch;
}
.inner_page .breadcrumb_overlay{
  width:100%;
  display:flex;
  align-items:center;
  padding:72px 0 68px;
  background:linear-gradient(90deg,rgba(7,24,66,.55) 0%,rgba(7,24,66,.18) 45%,rgba(7,24,66,0) 70%);
}
.inner_page .breadcrumb_overlay>.container{width:100%}
.inner_page .breadcrumb_text{max-width:640px}
.inner_page .breadcrumb_text h1{
  color:#fff;
  font-size:46px;
  line-height:1.15;
  letter-spacing:-.2px;
  margin-bottom:18px;
  text-shadow:0 2px 14px rgba(3,12,40,.45);
}
/* trail as a soft glass pill */
.inner_page .breadcrumb_text ul{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 30px;
  padding:9px 24px 9px 44px;
  margin:0;
  list-style:none;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  border-radius:50px;
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
.inner_page .breadcrumb_text ul::after{left:18px;top:50%;transform:translateY(-50%);font-family:"Font Awesome 6 Free","Font Awesome 5 Free",sans-serif;font-weight:900}
.inner_page .breadcrumb_text ul li,.inner_page .breadcrumb_text ul li a{line-height:1.3}
/* separator: small chevron instead of the template dot */
.inner_page .breadcrumb_text ul li a::after{content:"\f054";font-family:"Font Awesome 6 Free","Font Awesome 5 Free",sans-serif;font-weight:900;font-size:9px;width:auto;height:auto;background:none;border-radius:0;top:50%;right:-19px;transform:translateY(-50%);color:rgba(255,255,255,.65)}
.inner_page .breadcrumb_text ul li:last-child{color:#F1C968}
.inner_page .breadcrumb_text ul li a:hover{color:#F1C968}
@media (min-width:1400px){
  .inner_page .breadcrumb{min-height:340px}
  .inner_page .breadcrumb_text h1{font-size:52px}
}
@media (max-width:1199.98px){
  .inner_page .breadcrumb{min-height:270px}
  .inner_page .breadcrumb_overlay{padding:60px 0 56px}
  .inner_page .breadcrumb_text h1{font-size:38px}
}
@media (max-width:991.98px){
  .inner_page .breadcrumb{min-height:240px;background-position:62% 40%!important}
  .inner_page .breadcrumb_overlay{padding:48px 0 46px;background:linear-gradient(90deg,rgba(7,24,66,.78) 0%,rgba(7,24,66,.4) 55%,rgba(7,24,66,.1) 100%)}
  .inner_page .breadcrumb_text h1{font-size:34px}
}
@media (max-width:575.98px){
  .inner_page .breadcrumb{
    min-height:210px;
    background-image:url(../images/breadcrumb-mobile.jpg);
    background-position:center 35%!important;
  }
  .inner_page .breadcrumb_overlay{padding:38px 0 38px;background:linear-gradient(180deg,rgba(7,24,66,.82) 0%,rgba(7,24,66,.55) 55%,rgba(7,24,66,.3) 100%)}
  .inner_page .breadcrumb_text h1{font-size:27px;margin-bottom:14px}
  .inner_page .breadcrumb_text ul{padding:7px 16px 7px 38px;gap:6px 14px}
  .inner_page .breadcrumb_text ul li,.inner_page .breadcrumb_text ul li a{font-size:14px}
}


/* =====================================================================
   HEADER + MENU STACK (inner pages)
   The template pinned the top bar (fixed) and floated the menu (absolute at
   top:37px) over the banner. The top bar wraps to two rows on tablets/phones,
   so the menu overlapped it and the logo was cut off. Now both sit in normal
   flow, the menu sticks to the top while scrolling, and the banner needs no
   offset padding.
   ===================================================================== */
.inner_page header{position:relative;z-index:1000}
.inner_page .main_menu{position:sticky!important;top:0!important;height:auto;min-height:80px;z-index:1001;display:flex;align-items:center}
.inner_page .main_menu>.container{width:100%}
.inner_page .main_menu.menu_fix{background:#fff!important;box-shadow:0 8px 24px rgba(149,157,165,.22)}
/* dropdown / search icons exist only in the solid FontAwesome set */
.inner_page .far.fa-search,.inner_page .far.fa-chevron-down{font-weight:900}
.inner_page .main_menu .menu_right .user_icon .user_link{display:flex;align-items:center;justify-content:center;color:#fff}
.inner_page .main_menu,.inner_page.home_2 .main_menu{padding:0!important}
@media (max-width:991.98px){
  .inner_page .main_menu{min-height:68px}
  .inner_page .main_menu .container{padding-top:10px;padding-bottom:10px}
  .inner_page .main_menu .navbar-brand{width:170px;margin-left:0}
  .inner_page .main_menu .navbar-brand img{width:100%;height:auto}
  /* tablet: top bar on one row */
  .inner_page header .row{flex-wrap:nowrap;justify-content:space-between;align-items:center}
  .inner_page header .row>[class*="col-"]{width:auto;flex:0 0 auto;max-width:none}
  .inner_page header .header_right{justify-content:flex-end}
  .inner_page .main_menu .navbar-collapse{max-height:calc(100vh - 96px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .inner_page .main_menu .navbar-nav .nav-item .nav-link{color:#fff}
  .inner_page .main_menu .navbar-nav .nav-item .nav-link.active,
  .inner_page .main_menu .navbar-nav .nav-item .nav-link:hover{color:#C89B3C}
}

@media (max-width:575.98px){
  /* phones: top bar on two compact rows */
  .inner_page header{padding:6px 0}
  .inner_page header .row{flex-wrap:wrap;justify-content:center;row-gap:6px}
  .inner_page header .row>[class*="col-"]{width:100%;flex:0 0 100%}
  .inner_page header .header_info,.inner_page header .header_right{justify-content:center}
  .inner_page .main_menu .navbar-brand{width:150px}
}

/* header / menu width: line up with the page content instead of touching the screen edges */
.inner_page.home_2 header>.container,.inner_page.home_2 .main_menu>.container{min-width:0;width:100%;max-width:100%;margin:0 auto;padding-left:16px;padding-right:16px}
@media (min-width:993px){
  .inner_page.home_2 header>.container,.inner_page.home_2 .main_menu>.container{padding-left:28px;padding-right:28px}
}
@media (min-width:1400px){
  .inner_page.home_2 header>.container,.inner_page.home_2 .main_menu>.container{max-width:1320px;padding-left:12px;padding-right:12px}
}
/* small laptops / landscape tablets: seven menu items must fit on one line */
@media (min-width:993px) and (max-width:1199.98px){
  .inner_page .main_menu .navbar-brand{width:150px;margin-right:6px}
  .inner_page .main_menu .navbar-nav{gap:2px!important}
  .inner_page .main_menu .navbar-nav .nav-item .nav-link{font-size:13.5px;padding:10px 8px}
  .inner_page .main_menu .menu_right{margin-left:6px}
}
@media (min-width:993px){.inner_page .main_menu>.container{padding-top:0;padding-bottom:0}}