/*
 * Shyamsharanam Responsive Styles
 */

@media (max-width:991px){.d-none-lg,.d-lg-none{}.d-lg-inline-flex{display:none!important}}

@media (min-width:992px){
	
	.d-lg-none{display:none!important}}

@media (max-width:1199px){
  .sslf-menu{display:none}
  .mobile-toggle{display:inline-grid;place-items:center}
  .sslf-logo .logo-text .ln2{display:none}
}

@media (max-width:575px){
	.ri-hero , .impact-hero, .prog-hero, .contact-hero{
    background-image: unset;
	}
	.header-cta .btn-orange{
          display: none;
	
	}
  .sslf-logo img{height:42px}
  .sslf-logo .ln1{font-size:15px}
  .header-cta .btn-orange{padding:10px 14px;font-size:12px}
  .sslf-topbar{font-size:11px;padding:6px 0}
  .sslf-topbar .top-left{gap:10px}
}

@media (max-width:767px){.sslf-form .col-md-6,.sslf-form .col-md-4,.sslf-form .col-md-3{grid-column:span 12}}

@media (max-width:991px){.sslf-footer .row{grid-template-columns:repeat(2,1fr)}}

@media (max-width:575px){.sslf-footer .row{grid-template-columns:1fr}}

@media (max-width:991px){
  .hero .hero-inner{grid-template-columns:1fr;gap:26px}
  .hero-visual{min-height:280px}
  .hero h1{font-size:32px}
  .focus-strip .strip-grid{grid-template-columns:repeat(3,1fr)}
  .focus-strip .strip-item{border-right:0}
  .news-featured{grid-template-columns:1fr;min-height:auto}
  .news-featured .nf-img{height:220px}
  .donate-wrap{grid-template-columns:1fr}
  .grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .section-title{font-size:28px}
  .page-banner h1{font-size:32px}
}

@media (max-width:575px){
  .section{padding:50px 0}
  .grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}
  .hero .hero-stats{grid-template-columns:1fr 1fr}
  .hero h1{font-size:26px}
  .section-title{font-size:24px}
  .sslf-form{padding:20px}
  .stat-item .num{font-size:32px}
  .cta-band h4{font-size:20px}
}

@media(max-width:900px){.comp-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:900px){.why-list{grid-template-columns:1fr}}

@media(max-width:900px){.lead-grid{grid-template-columns:1fr}}

@media (max-width: 767px) {

    .entry-content {
        font-size: 15px;
    }

    .entry-content h1 {
        font-size: 30px;
    }

    .entry-content h2 {
        margin-top: 35px;
        font-size: 23px;
    }

    .entry-content h3 {
        font-size: 19px;
    }

    .entry-content p {
        font-size: 15px;
        line-height: 1.75;
    }

    .entry-content > p:first-child {
        padding: 22px 20px;
        font-size: 19px;
    }

    .entry-content ul li,
    .entry-content ol li {
        padding: 12px 15px 12px 40px;
        font-size: 14px;
    }

    .entry-content > p:last-child {
        padding: 23px 20px;
        font-size: 16px;
    }

    .entry-content blockquote {
        padding: 20px;
        font-size: 16px;
    }
}

@media (max-width:991px){.d-lg-inline-flex{display:none!important}}

@media (min-width:992px){.d-lg-none{display:none!important}}

@media (max-width:991px){
  .impact-hero-grid{grid-template-columns:1fr;gap:34px}
  .impact-hero h1{font-size:34px}
  .impact-hero-media{height:300px}
}

@media (max-width:480px){
  .impact-hero h1{font-size:27px}
  .impact-hero{padding:38px 0 60px}
  .impact-hero-badge{position:static;margin-top:14px;max-width:none}
}

@media (max-width:991px){.areas-grid{grid-template-columns:repeat(3,1fr)}}

@media (max-width:576px){.areas-grid{grid-template-columns:repeat(2,1fr)}}

@media (max-width:991px){
  .timeline-row{grid-template-columns:repeat(3,1fr);row-gap:34px}
  .timeline-row::before{display:none}
}

@media (max-width:576px){.timeline-row{grid-template-columns:repeat(2,1fr)}}

@media (max-width:991px){.commit-row{grid-template-columns:repeat(3,1fr);row-gap:28px}}

@media (max-width:576px){.commit-row{grid-template-columns:repeat(2,1fr)}}

@media (max-width:768px){
  .growing-banner{grid-template-columns:1fr}
  .growing-banner img{height:180px}
  .growing-banner-text{padding:28px 24px}
  .growing-banner-leaf{display:none}
}

@media (max-width:991px){.reports-grid{grid-template-columns:repeat(2,1fr)}}

@media (max-width:576px){.reports-grid{grid-template-columns:1fr}}

@media (max-width:768px){
  .cta-bar{padding:28px 24px;justify-content:center;text-align:center}
  .cta-bar-left{flex-direction:column;text-align:center}
  .cta-bar-actions{width:100%;justify-content:center}
}

@media(max-width:900px){
  .hero h1{font-size:28px}
  .hero-slide-bg{min-height:auto;padding-top:260px;background-position:top center}
  .hero-slide-bg:before{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 52%)}
  .hero-content{max-width:100%;padding:20px 0 54px}
}

@media(max-width:900px){.about-combo{flex-direction:column}
	.vm-card {
    display: unset;
}
	    .about-text, .value-grid {
        flex: 0 0 100%;
        grid-template-columns: repeat(1, 1fr);
    }
	
	}

@media(max-width:900px){.vlm{flex-direction:column}.vm-logo{flex:0 0 auto}}

@media(max-width:960px){.focus-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:560px){.focus-grid{grid-template-columns:1fr}}

@media(max-width:900px){.comp-grid{grid-template-columns:repeat(3,1fr)}}

@media(max-width:560px){.comp-grid{grid-template-columns:repeat(2,1fr)}}

@media (prefers-reduced-motion:reduce){
  .sslf-pin .pin-dot::before{animation:none;}
}

@media (max-width:1024px){
  .sslf-presence .sslf-top{grid-template-columns:1fr;}
  .sslf-cards{grid-template-columns:repeat(2,1fr);}
  .sslf-growing{max-width:210px;padding:12px;}
  .sslf-legend{max-width:200px;padding:12px;}
}

@media (max-width:640px){
  .sslf-presence{padding:48px 16px 40px;}
  .sslf-current-card .body{grid-template-columns:1fr;}
  .sslf-current-card .thumb{height:140px;}
  .sslf-cta-row{flex-direction:column;}
  .sslf-btn{width:100%;justify-content:center;}
  .sslf-cards{grid-template-columns:1fr;padding:24px;gap:24px;}
  .sslf-growing,.sslf-legend{
    position:static;
    max-width:none;
    margin-top:12px;
  }
  .sslf-map-frame{padding:12px;}
}

@media (max-width:991px){
  .sslf-lead .page-hero h1{font-size:34px}
  .sslf-lead .section-title{font-size:30px}
  .sslf-lead .stat{border-right:0}
  .sslf-lead .msg-body{padding:24px 20px}
}

@media (max-width:575px){
  .sslf-lead .page-hero h1{font-size:27px}
  .sslf-lead .p-name{font-size:24px}
  .sslf-lead .section{padding:48px 0}
}

@media (min-width:576px){
  .sslf-lead .col-sm-6{width:50%}
}

@media (min-width:768px){
  .sslf-lead .col-md-3{width:25%}
  .sslf-lead .col-md-6{width:50%}
}

@media (min-width:992px){
  .sslf-lead .col-lg-3{width:25%}
  .sslf-lead .col-lg-4{width:33.3333%}
  .sslf-lead .col-lg-5{width:41.6667%}
  .sslf-lead .col-lg-6{width:50%}
  .sslf-lead .col-lg-7{width:58.3333%}
  .sslf-lead .col-lg-8{width:66.6667%}
  .sslf-lead .row.flex-lg-row-reverse{flex-direction:row-reverse}
}

@media (max-width:575px){.sslf-modal{padding:12px 8px}}

@media (max-width: 1100px) {

    .hero {
        min-height: 480px;

        background-position: center center;
    }

    .hero .container {
        padding: 0 25px;
    }

    .hero-content {
        width: 52%;

        padding-top: 45px;
        padding-bottom: 35px;
    }

    .hero h1 {
        font-size: 46px;
    }

    .hero p {
        font-size: 13px;
    }

    .hero-features {
        gap: 25px;
    }
}

@media (max-width: 767px) {

    .hero {
        min-height: auto;

        background-size: auto 100%;
        background-position: center top;

        /* keep the visual on the right */
    }

    .hero .container {
        padding: 0 20px;
    }

    .hero-content {
        width: 100%;

        padding-top: 35px;
        padding-bottom: 35px;

        /* light background behind text on mobile */
/*         background: rgba(245, 249, 252, 0.92); */
    }
	.hero-slide-bg{
		height: auto
	}

    .hero-badge {
        font-size: 9px;
        padding: 6px 12px;
    }

    .hero h1 {
        font-size: 38px;
        line-height: 1.08;
    }

    .hero p {
        font-size: 13px;
        line-height: 1.6;
    }

    .hero-features {
        display: grid;
        grid-template-columns: repeat(4, 1fr);

        gap: 8px;
    }

    .hero-feature {
        width: auto;
    }

    .feature-icon {
        width: 42px;
        height: 42px;

        font-size: 16px;
    }

    .hero-feature span {
        font-size: 9px;
    }
}

@media (max-width:1024px){
  .areas-grid{grid-template-columns:repeat(3,1fr);}
  .steps-grid{grid-template-columns:repeat(3,1fr);row-gap:36px;}
  .steps-line{display:none;}
  .impact-grid{grid-template-columns:repeat(2,1fr);}
  .opp-grid{grid-template-columns:1fr;}
  .opp-grid .img-wrap{order:-1;}
  .triple-grid{grid-template-columns:1fr 1fr;}
  .triple-grid .panel:last-child{grid-column:1 / -1;}
}

@media (max-width:680px){
  .section{padding:52px 0;}
  .areas-grid{grid-template-columns:repeat(2,1fr);}
  .steps-grid{grid-template-columns:repeat(2,1fr);}
  .triple-grid{grid-template-columns:1fr;}
  .triple-grid .panel:last-child{grid-column:auto;}
  .impact-grid{grid-template-columns:1fr;}
  .cta-banner{padding:30px 24px;justify-content:center;text-align:center;}
  .cta-left p{max-width:100%;}
  .top-strip .container{justify-content:center;text-align:center;}
  .opp-stats{justify-content:center;}
  .sdg-mini-grid{grid-template-columns:repeat(4,1fr);}
}

@media (max-width:420px){
  .areas-grid{grid-template-columns:1fr;}
  .steps-grid{grid-template-columns:1fr;}
  .sdg-mini-grid{grid-template-columns:repeat(3,1fr);}
}

@media(max-width:1024px){
  .sslf-areas-grid{grid-template-columns:repeat(4,1fr)}
  .sslf-approach-grid{grid-template-columns:repeat(3,1fr)}
  .sslf-vmv-grid{grid-template-columns:1fr 1fr}
  .sslf-triple-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:768px){
  .sslf-hero-grid{grid-template-columns:1fr}
  .sslf-hero-img{order:-1}
  .sslf-twobox{grid-template-columns:1fr}
  .sslf-areas-grid{grid-template-columns:repeat(2,1fr)}
  .sslf-approach-grid{grid-template-columns:1fr 1fr}
  .sslf-vmv-grid{grid-template-columns:1fr}
  .sslf-triple-grid{grid-template-columns:1fr}
  .sslf-menu{gap:14px}
  .sslf-cta-inner{flex-direction:column;align-items:flex-start}
}

@media (max-width:991px){
  .contact-hero-grid{grid-template-columns:1fr;gap:34px}
  .contact-hero h1{font-size:34px}
  .contact-hero-media{height:300px}
}

@media (max-width:480px){
  .contact-hero h1{font-size:27px}
  .contact-hero{padding:38px 0 60px}
  .contact-hero-badge{position:static;margin-top:14px;max-width:none}
}

@media (max-width:767px){.gettouch-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}

@media (max-width:991px){.work-grid{grid-template-columns:repeat(3,1fr)}}

@media (max-width:576px){.work-grid{grid-template-columns:repeat(2,1fr)}}

@media (max-width:767px){.visit-grid{grid-template-columns:1fr}}

@media(min-width:960px){ .sslf-partners-page .hero-badges{display:block;} }

@media(max-width:959px){ .sslf-partners-page .hero .wrap{grid-template-columns:1fr;} }

@media(max-width:959px){
  .sslf-partners-page .process-track{grid-template-columns:1fr; gap:0;}
  .sslf-partners-page .process-track::before{top:0; bottom:0; left:26px; width:2px; height:auto; right:auto;
    background:repeating-linear-gradient(180deg,var(--sslf-border) 0 8px,transparent 8px 14px);}
  .sslf-partners-page .process-step{display:flex; gap:18px; text-align:left; padding:16px 0;}
  .sslf-partners-page .process-step .num{margin:0; flex-shrink:0;}
}

@media(max-width:1180px){
  .sslf-partners-page .why-grid,.sslf-partners-page .partner-grid{grid-template-columns:repeat(2,1fr);}
  .sslf-partners-page .commit-grid{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:640px){
  .sslf-partners-page section{padding:60px 0;}
  .sslf-partners-page .why-grid,.sslf-partners-page .partner-grid,.sslf-partners-page .commit-grid{grid-template-columns:1fr;}
  .sslf-partners-page .hero{min-height:auto; padding:80px 0 60px;}
  .sslf-partners-page .hero .cta-row{flex-direction:column; align-items:flex-start;}
  .sslf-partners-page .hero .cta-row .btn{width:100%; justify-content:center;}
}

@media (max-width:1100px){
  .prog-hero{min-height:480px;}
  .prog-hero-content{width:58%;padding:45px 0;}
  .prog-hero h1{font-size:40px;}
}

@media (max-width:767px){
  .prog-hero{min-height:auto;background-size:auto 100%;background-position:center top;}
  .prog-hero .container{padding:0 20px;}
  .prog-hero-content{
    width:100%;padding:32px 0;
    background:rgba(247,249,252,.92);border-radius:12px;
  }
  .prog-hero p.desc{max-width:100%;}
}

@media (max-width:1100px){.card-grid.grid-6{grid-template-columns:repeat(3,1fr);}}

@media (max-width:680px){.card-grid.grid-6{grid-template-columns:repeat(2,1fr);}}

@media (max-width:420px){.card-grid.grid-6{grid-template-columns:1fr;}}

@media (max-width:900px){.features-strip{grid-template-columns:repeat(2,1fr);}}

@media (max-width:520px){.features-strip{grid-template-columns:1fr;}}

@media (max-width:900px){.values-grid{grid-template-columns:repeat(3,1fr);}}

@media (max-width:560px){.values-grid{grid-template-columns:repeat(2,1fr);}.value-item{justify-content:flex-start;}}

@media(max-width:640px){
  .sslf-registration-page .hero{
    background:
      linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.9) 55%, rgba(255,255,255,.75) 100%)
      , url("<?php echo esc_url($hero_bg); ?>") center/cover no-repeat;
  }
}

@media(max-width:1180px){
  .sslf-registration-page .trust-grid{grid-template-columns:repeat(2,1fr);}
  .sslf-registration-page .cert-row{grid-template-columns:repeat(2,1fr);}
  .sslf-registration-page .cert-row.row-3{grid-template-columns:repeat(2,1fr); max-width:none;}
  .sslf-registration-page .info-list{grid-template-columns:1fr;}
  .sslf-registration-page .request-grid{grid-template-columns:1fr; text-align:left;}
  .sslf-registration-page .request-cta-side{text-align:left;}
  .sslf-registration-page .request-cta-side small{margin-left:0;}
}

@media(max-width:640px){
  .sslf-registration-page section{padding:56px 0;}
  .sslf-registration-page .cert-section{padding-top:80px;}
  .sslf-registration-page .cert-row,.sslf-registration-page .cert-row.row-3{grid-template-columns:1fr;}
  .sslf-registration-page .trust-grid{grid-template-columns:1fr;}
  .sslf-registration-page .hero{min-height:auto; padding:70px 0 50px;}
  .sslf-registration-page .hero .cta-row{flex-direction:column; align-items:flex-start;}
  .sslf-registration-page .hero .cta-row .btn{width:100%; justify-content:center;}
  .sslf-registration-page .info-strip{grid-template-columns:1fr;}
}

@media (max-width:991px){.ri-grid{grid-template-columns:repeat(2,1fr)}}

@media (max-width:600px){.ri-grid{grid-template-columns:1fr}}

@media (max-width: 860px) {
  .program-detail-layout { grid-template-columns: 1fr !important; }
}

@media (max-width:991.98px){.ss-grid-4,.ss-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (max-width:767.98px){.ss-container{width:min(100% - 24px,1180px)}.ss-grid-4,.ss-grid-3,.ss-grid-2{grid-template-columns:1fr}.ss-section{padding:44px 0}}

@media (max-width:479.98px){.ss-btn{width:100%}}

@media (max-width:640px){.sslf-registration-page .hero::after{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.90) 55%,rgba(255,255,255,.75) 100%)}}

/* Approved dynamic home hero responsive layout */
@media(max-width:900px){
  .sslf-home-hero{min-height:0;background-position:center top;background-size:auto 390px;background-repeat:no-repeat;background-color:#f4f8fc;padding-bottom:0}
  .sslf-home-hero::after{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 300px,#f4f8fc 390px)}
  .sslf-home-hero-inner{min-height:0;padding:0 20px 28px}
  .sslf-home-hero-content{width:100%;padding-top:300px}
  .sslf-home-hero-content h1{font-size:35px;line-height:1.12;letter-spacing:-.6px}
  .sslf-home-hero-content .hero-line{white-space:normal}
  .sslf-hero-accent{margin-top:13px}
  .sslf-home-hero-desc{font-size:14px;line-height:1.65;margin-bottom:20px}
  .sslf-home-hero-actions{gap:10px}
  .sslf-hero-btn{min-height:52px;min-width:0;padding:0 14px;font-size:13px;flex:1 1 220px}
  .sslf-hero-feature-strip{position:relative;left:auto;bottom:auto;width:100%;margin-top:28px;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;border-radius:14px}
  .sslf-hero-feature{min-height:70px;border-right:1px solid #d7dfeb}
  .sslf-hero-feature:nth-child(2n){border-right:0}
  .sslf-hero-feature:nth-child(-n+4){border-bottom:1px solid #d7dfeb}
}
@media(max-width:560px){
	.hero-swiper .swiper-slide {
		min-height: 925px;}
	.inner-hero .sslf-home-hero-inner {
		position: unset; !important}
	.sslf-home-hero-slide-bg{
		display: none;
	}
  .sslf-home-hero{background-size:auto 300px}
  .sslf-home-hero::after{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 220px,#f4f8fc 300px)}
  .sslf-home-hero-content{padding-top:30px}
  .sslf-home-hero-content h1{font-size:29px}
  .sslf-home-hero-desc{font-size:13.5px}
  .sslf-home-hero-actions{flex-direction:column;align-items:stretch}
  .sslf-hero-btn{width:100%;flex:none}
  .sslf-hero-feature-strip{grid-template-columns:1fr}
  .sslf-hero-feature,.sslf-hero-feature:nth-child(2n){border-right:0;border-bottom:1px solid #d7dfeb}
  .sslf-hero-feature:last-child{border-bottom:0}
}




@media (max-width:767px){
  .hero-swiper .swiper-button-next,.hero-swiper .swiper-button-prev{display:none;}
  .hero-swiper .swiper-pagination{bottom:10px;}
}