/* Responsive */

@media (max-width: 767px) {
    section{
    padding: 60px 0;
    }
    .navbar-brand img {
		width: 100px;
	}

	.navbar-brand-line img {
		width: 120px;
	}
.category-title-modern {
    font-size: 20px !important;
}
.category-title-modern i {
    margin-right: 5px;
    font-size: 22px;
}
    .section-row {
		margin-bottom: 30px;
	}

	.section-title h1 {
		font-size: 28px;
	}

	.section-title h2 {
		font-size: 26px;
	}

	.hero-body {
		margin-top: 10px;
	}

	.hero-counter-box {
		width: 100%;
		padding: 20px;
	}

	.hero-counter-box h2 {
		font-size: 28px;
	}

	.hero-counter-box h3 {
		font-size: 18px;
	}

	.hero-counter-box p {
		margin-top: 15px;
		padding-top: 15px;
	}

	.our-scrolling-ticker {
		padding: 10px 0;
	}

	.scrolling-ticker-box {
		--gap: 15px;
	}

	.scrolling-content span {
		font-size: 20px;
	}

	.scrolling-content span img {
		max-width: 18px;
	}

	.about-us-image-box-2::before {
		top: -24%;
		right: 15px;
		width: 100px;
		height: 100px;
	}

	.about-us-image-box-2 .about-us-image figure {
		margin-left: -45px;
	}

	.about-us-counter-box {
		bottom: 45px;
		max-width: 120px;
		padding: 10px;
	}

	.about-us-counter-box h2 {
		font-size: 26px;
	}

	.about-us-counter-box p {
		font-size: 14px;
	}

	.about-body-item {
		width: 100%;
		padding: 20px;
	}

	.about-body-item .icon-box {
		margin-bottom: 20px;
	}

	.about-body-item-content h3 {
		font-size: 18px;
	}

	.about-body-item-content ul {
		margin: 15px 0 0;
		padding: 15px 0 0;
	}

	.about-body-image {
		width: 100%;
		max-width: 100%;
	}

	.about-body-image figure,
	.about-body-image figure img {
		height: auto;
	}

	.about-us-footer {
		gap: 20px;
	}

	.video-play-button p {
		font-size: 14px;
	}

	.service-item {
		min-height: 350px;
		padding: 20px;
	}

	.service-item-body-content .icon-box {
		margin-bottom: 20px;
	}

	.service-item-content h2 {
		font-size: 18px;
	}

	.why-choose-item-list {
		padding: 15px;
	}

	.why-choose-image-box-2 {
		padding-right: 40px;
		margin-bottom: 40px;
	}

	.why-choose-image-box-1 .why-choose-image figure {
		border-width: 5px;
	}

	.why-choose-image-box-2 .why-choose-image figure {
		margin-left: -130px;
	}

	.why-choose-contact-box {
		top: 30px;
		gap: 10px;
		min-width: 210px;
		padding: 10px;
	}

	.why-choose-contact-content {
		width: calc(100% - 60px);
	}

	.why-choose-contact-content h3 {
		font-size: 18px;
	}

	.our-benefit-box {
		gap: 20px;
		padding: 20px;
	}

	.our-benefit-counter-content h2 {
		font-size: 26px;
	}

	.our-benefit-item .icon-box {
		margin-bottom: 20px;
	}

	.our-benefit-item-content h3 {
		font-size: 18px;
	}

	.our-benefit-item-content p {
		padding-top: 15px;
		margin-top: 15px;
	}

	.benefit-image-box figure img {
		aspect-ratio: 1 / 1.0562;
	}

	.our-benefit-image figure {
		width: 160px;
		height: 80px;
	}

	.program-item-content h2 {
		font-size: 18px;
	}

	.our-causes-image figure img {
		aspect-ratio: 1 / 1.04;
	}

	.causes-item {
		width: 100%;
		padding: 20px;
	}

	.causes-item .icon-box {
		margin-bottom: 20px;
	}

	.causes-item-content h3 {
		font-size: 18px;
	}

	.how-work-item {
		min-height: 300px;
		padding: 20px;
	}

	.how-work-item-content h3 {
		font-size: 18px;
	}

	.how-work-item-number {
		margin-bottom: -55px;
	}

	.how-work-item.active .how-work-item-number,
	.how-work-item:hover .how-work-item-number {
		transform: translateY(-20px);
	}

	.how-work-item-number h2 {
		font-size: 100px;
	}

	.what-we-image-box-1 {
		margin-bottom: 0;
	}

	.what-we-image-box-1 .what-we-image figure {
		margin-right: -100px;
	}

	.what-we-image-box-2 .what-we-image figure {
		border-width: 5px;
	}

	.what-we-counter-box {
		padding: 10px;
		margin: 10px 5px 0 0;
	}

	.what-we-counter-box .icon-box {
		display: none;
	}

	.what-we-counter-content {
		width: 100%;
	}

	.what-we-counter-content h3 {
		font-size: 18px;
	}

	.what-we-counter-content p {
		font-size: 14px;
	}

	.what-we-client-box {
		border-width: 10px;
		border-radius: 0 0 16px 0;
	}

	.what-we-client-box::before {
		right: -20px;
	}

	.what-we-client-box::after {
		bottom: -20px;
	}

	.what-we-client-box-body {
		max-width: 120px;
		padding: 10px;
	}

	.what-we-client-content h3 {
		font-size: 14px;
		margin-bottom: 15px;
	}

	.what-we-client-box-body .satisfy-client-image {
		margin-left: -10px;
	}

	.what-we-client-box-body .satisfy-client-image:first-child {
		margin-left: 0;
	}

	.what-we-client-box-body .satisfy-client-image img {
		max-width: 30px;
	}

	.what-we-nav {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.what-we-nav .nav-tabs {
		gap: 15px;
	}

	.what-we-nav ul li {
		width: calc(50% - 7.5px);
	}

	.what-we-nav ul li .nav-link {
		padding: 12px;
	}

	.what-we-item-content h3 {
		font-size: 18px;
	}

	.testimonial-item {
		padding: 20px;
	}

	.testimonial-item-content p {
		font-size: 16px;
	}

	.testimonial-author-content h2 {
		font-size: 18px;
	}

	.our-volunteer-image-box {
		padding: 20px;
	}

	.volunteer-donate-box {
		padding: 20px;
	}

	.donate-form .form-group .form-control {
		width: 100%;
	}

	.donate-form .form-group .btn-default {
		width: 100%;
		padding: 15px;
	}

	.donate-form .form-group .btn-default::before {
		display: none;
	}

	.volunteer-donate-value-item h3 {
		font-size: 18px;
	}

	.volunteer-donate-box-notice {
		gap: 5px;
		padding-top: 20px;
		margin-top: 20px;
	}

	.volunteer-donate-box-notice-content {
		width: calc(100% - 25px);
	}

	.volunteer-donate-box-notice-content p {
		font-size: 14px;
	}

	.post-item-content h2 {
		font-size: 18px;
	}

	.post-item-btn {
		padding-top: 15px;
		margin-top: 15px;
	}

	.footer-links {
		max-width: 100%;
	}

	.footer-links h2 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.footer-social-links h3 {
		font-size: 18px;
	}

	.footer-links ul li {
		margin-bottom: 10px;
	}

	.footer-location-info ul li {
		margin-bottom: 15px;
	}

	.footer-social-links ul li {
		margin-bottom: 0;
	}

	.footer-newsletter-form .form-group .btn-default {
		font-size: 14px;
	}

	.footer-contact-item-content h3 {
		font-size: 18px;
	}

	.footer-contact-item::before {
		display: none;
	}

	.footer-copyright-text {
		padding: 15px 0;
	}

	.page-header-box h1 {
		font-size: 28px;
	}

	.page-header-box ol li.breadcrumb-item {
		font-size: 16px;
	}

	.approach-item {
		padding: 20px;
	}

	.approach-item.box-1::after,
	.approach-item.box-2::after,
	.approach-item.box-3::after {
		top: -15px;
		right: -15px;
		width: 100px;
		height: 100px;
	}

	.approach-item-title h3 {
		font-size: 18px;
	}

	.our-impact-image-1 {
		padding-bottom: 70px;
	}

	.our-impact-image-2 figure {
		border-width: 3px;
		margin-left: -105px;
	}

	.our-impact-item {
		width: 100%;
		padding: 20px;
	}

	.our-impact-item-header h2 {
		font-size: 26px;
	}

	.our-impact-item-body h3 {
		font-size: 18px;
	}

	.team-item-content h2 {
		font-size: 18px;
	}

	.faq-accordion .accordion-header .accordion-button {
		font-size: 16px;
		padding: 12px 45px 12px 15px;
	}

	.faq-accordion .accordion-item .accordion-body {
		padding: 12px 15px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after {
		font-size: 22px;
	}

	.page-category-list .page-category-list-title {
		font-size: 18px;
	}

	.sidebar-cta-box {
		padding: 20px;
	}

	.sidebar-cta-content h2 {
		font-size: 18px;
	}

	.sidebar-cta-contact-info h3 {
		font-size: 18px;
	}

	.service-entry h2 {
		font-size: 26px;
	}

	.service-who-we-helps-list {
		padding: 20px 10px 10px;
	}

	.service-we-helps-item {
		width: 100%;
	}

	.service-we-helps-item-content h3 {
		font-size: 18px;
	}

	.service-why-matters-list {
		margin-bottom: 10px;
		padding-bottom: 0;
		border-bottom: none;
	}

	.service-why-matters-list ul li {
		width: 100%;
	}

	.post-single-meta {
		margin-top: 5px;
	}

	.post-single-meta ol li,
	.post-single-meta ol li i {
		font-size: 16px;
	}

	.post-image img {
		aspect-ratio: 1 / 0.7;
	}

	.post-entry blockquote {
		background-position: 20px 20px;
		padding: 65px 20px 20px 20px;
	}

	.post-entry blockquote p {
		font-size: 16px;
	}

	.post-entry h2 {
		font-size: 26px;
	}

	.tag-links {
		font-size: 18px;
	}

	.program-entry h2 {
		font-size: 26px;
	}

	.program-entry h3 {
		font-size: 18px;
	}

	.program-what-we-image {
		width: 100%;
	}

	.program-what-we-image figure,
	.program-what-we-image figure img {
		height: auto;
	}

	.program-what-we-item-list {
		width: 100%;
	}

	.program-what-we-item {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.program-how-work-accordion .accordion-item {
		margin-bottom: 20px;
	}

	.program-how-work-accordion .accordion-header .accordion-button {
		font-size: 16px;
		padding: 0px 30px 15px 0;
	}

	.program-how-work-accordion .accordion-item .accordion-button::after,
	.program-how-work-accordion .accordion-item .accordion-button.collapsed::after {
		font-size: 22px;
	}

	.program-how-work-accordion .accordion-item .accordion-body {
		gap: 20px;
	}

	.program-how-work-accordion .accordion-item .accordion-body .accordion-body-image {
		width: 100%;
		max-width: 100%;
	}

	.program-how-work-accordion .accordion-item .accordion-body .accordion-body-image figure,
	.program-how-work-accordion .accordion-item .accordion-body .accordion-body-image figure img {
		height: auto;
	}

	.program-how-work-accordion .accordion-item .accordion-body .accordion-body-image figure img {
		aspect-ratio: 1 / 0.7;
	}

	.program-how-work-accordion .accordion-item .accordion-body .accordion-body-content {
		width: 100%;
	}

	.team-single-image figure img {
		aspect-ratio: 1 / 1.185;
	}

	.member-about-skill-box {
		padding: 20px;
	}

	.member-social-list h3 {
		font-size: 18px;
	}

	.member-about-skill-title h3 {
		font-size: 18px;
	}

	.member-about-list ul li {
		width: 100%;
	}

	.member-awards-item {
		width: 100%;
		padding: 20px;
	}

	.member-awards-item-image figure img {
		max-width: 80px;
	}

	.member-awards-item-content h3 {
		font-size: 18px;
	}

	.team-contact-form {
		padding: 30px 20px;
	}

	.contact-info-item {
		width: 100%;
		padding: 20px 20px 20px;
	}

	.contact-info-content h2 {
		font-size: 18px;
	}

	.contact-info-content p {
		margin: 5px 0 0;
	}

	.page-contact-us .contact-form {
		padding: 30px 10px 20px;
	}

	.contact-form label {
		margin-bottom: 10px;
	}

	.google-map-iframe {
		height: 350px;
	}
    .footer-logo-bar {
		padding: 20px 0;
	}

	.footer-logo-wrapper {
		justify-content: center;
		text-align: center;
		flex-direction: column;
	}

	.footer-logo img {
		width: 150px;
	}
    	.footer-logo-bar::before,
	.footer-logo-bar::after {
		width: 80px;
		height: 60px;
		/* opacity: 0.15; */
	}
      .footer-trust-strip {
        padding: 18px 0;
    }

    .footer-trust-badges {
        gap: 10px;
    }

    .footer-badge-item {
        padding: 7px 14px;
    }

    .footer-badge-item span {
        font-size: 11.5px;
    }

    .footer-badge-item img {
        width: 20px;
        height: 20px;
    }

    .footer-address-card {
        padding: 20px 18px;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .footer-address-meta {
        align-items: center;
    }

    .footer-legal-links {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .footer-legal-links a {
        padding: 0;
    }

    .footer-legal-links a::after {
        display: none;
    }
    .hero-footer-client-content-prime p {
		font-size: 16px;
	}

	.about-us-image-box-1-prime {
		margin-bottom: 30px;
	}

	.about-us-image-box-1-prime::before {
		top: -100px;
		left: 10px;
		width: 100px;
		height: 110px;
	}

	.about-us-image-box-1-prime figure {
		border-width: 5px;
	}

	.about-us-image-box-2-prime figure {
		margin-left: -100px;
	}

	.about-us-item-prime {
		width: 100%;
	}

	.about-us-item-content-prime h3 {
		font-size: 18px;
	}

	.about-us-list-prime ul {
		gap: 10px;
	}

	.about-us-list-prime ul li {
		width: 100%;
	}

	.service-item-prime {
		min-height: 350px;
		padding: 20px;
	}

	.service-item-header-prime .icon-box {
		margin-bottom: 15px;
	}

	.service-item-title-prime h2 {
		font-size: 18px;
	}

	.service-item-btn-prime {
		margin-top: 15px;
		padding-top: 15px;
	}

	.what-we-image-prime figure img {
		aspect-ratio: 1 / 1.034;
	}

	.what-we-counter-box-prime {
		left: 15px;
		bottom: 15px;
		padding: 15px;
	}

	.what-we-counter-box-prime h2 {
		font-size: 22px;
	}

	.what-we-counter-box-prime h3 {
		font-size: 18px;
	}

	.what-we-item-prime {
		padding-left: 25px;
		margin-bottom: 20px;
	}

	.what-we-item-prime::before {
		font-size: 18px;
		top: 3px;
	}

	.what-we-item-prime h3 {
		font-size: 18px;
	}

	.why-choose-us-prime .section-row {
		margin-bottom: 30px;
	}

	.why-choose-item-prime {
		padding: 20px;
	}

	.why-choose-review-image-box figure {
		margin: 0 0 -20px -40px;
	}

	.video-play-button-prime a {
		width: 50px;
		height: 50px;
	}

	.video-play-button-prime a i {
		font-size: 18px;
	}

	.why-choose-box-3-image-prime figure img {
		max-width: 223px;
	}

	.why-choose-item-content-prime h3 {
		font-size: 18px;
	}

	.why-choose-item-content-prime p {
		margin: 10px 0 0;
	}

	.program-item-content-prime h2 {
		font-size: 18px;
		margin-top: 10px;
	}

	.donate-box-prime {
		padding: 20px;
	}

	.donate-form-prime .form-control {
		padding: 10px 15px;
	}

	.donate-value-box-prime .donate-value-prime label {
		font-size: 14px;
		padding: 15px;
	}

	.key-fact-item-prime {
		gap: 15px;
		padding: 20px;
	}

	.key-fact-item-prime.box-1 {
		padding: 20px;
	}

	.key-fact-item-content-box-prime {
		width: 100%;
		height: auto;
	}

	.key-fact-item-prime .icon-box img {
		max-width: 80px;
	}

	.key-fact-item-content-prime p {
		font-size: 16px;
	}

	.key-fact-item-prime.box-1 .key-fact-item-image-prime {
		width: 100%;
		margin: 0 -20px -20px 0;
	}

	.key-fact-item-prime.box-2 .key-fact-item-image-prime {
		margin: 0 -20px;
	}

	.key-fact-item-counter-content-prime h2 {
		font-size: 26px;
	}

	.key-fact-item-prime.box-2 .key-fact-item-content-prime {
		padding-top: 15px;
	}

	.testimonial-item-image-prime {
		width: 100%;
	}

	.testimonial-item-body-prime {
		width: 100%;
		padding: 20px 10px 10px;
	}

	.testimonial-item-content-prime p {
		margin: 10px 0 0;
	}

	.testimonial-item-author-prime {
		margin-top: 20px;
	}

	.testimonial-author-content-prime h2 {
		font-size: 18px;
	}

	.footer-newsletter-form-prime {
		width: 100%;
	}

	.footer-newsletter-form-prime .form-group {
		min-width: 100%;
	}

	.footer-newsletter-form-prime .form-group .form-control {
		width: calc(100% - 40px);
	}

	.footer-newsletter-form-prime .form-group .btn-default {
		width: 40px;
		height: 40px;
		font-size: 0;
		padding: 0;
	}

	.footer-newsletter-form-prime .form-group .btn-default::before {
		right: 10px;
	}

	.about-footer-content-prime h2 {
		font-size: 18px;
	}

	.about-footer-content-prime p {
		margin-top: 10px;
	}

	.footer-social-links-prime {
		margin-top: 15px;
	}

	.footer-links-prime {
		max-width: 100%;
	}

	.footer-links-prime h2 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.footer-links-prime ul li {
		margin-bottom: 10px;
	}

	.footer-contact-box-prime {
		width: 100%;
		max-width: 100%;
	}

	.footer-contact-box-prime h2 {
		font-size: 18px;
	}

	.footer-contact-box-prime ul li {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.footer-copyright-prime {
		padding: 15px 0;
	}
    .footer-image-box {
        align-items: center;
        text-align: center;
    }
    .hero-content-ultra .section-title h1 {
		font-size: 28px;
	}

	.hero-content-footer-ultra {
		gap: 20px;
	}

	.video-play-button-ultra p {
		font-size: 14px;
	}

	.hero-info-box-ultra {
		padding: 20px;
	}

	.hero-info-item-header-ultra {
		margin-bottom: 10px;
	}

	.hero-info-item-title-ultra h2 {
		font-size: 18px;
	}

	.hero-counter-item-list-ultra {
		gap: 30px;
		padding-top: 20px;
		margin-top: 20px;
	}

	.hero-counter-item {
		width: calc(50% - 15px);
	}

	.hero-counter-item::before {
		right: -15px;
	}

	.hero-counter-item h2 {
		font-size: 22px;
	}

	.hero-counter-item p {
		font-size: 14px;
	}

	.about-us-item-ultra {
		width: 100%;
	}

	.about-us-item-title-ultra h3 {
		font-size: 18px;
	}

	.about-us-image-box-ultra {
		background-position: top 115px right 0;
		background-size: 60px;
	}

	.about-us-image-box-1-ultra {
		margin-bottom: 70px;
	}

	.about-us-image-box-2-ultra .about-us-image-ultra figure {
		margin-left: -150px;
	}

	.about-years-experience-box-ultra {
		top: 10px;
		right: -90px;
		max-width: 115px;
		padding: 10px;
	}

	.about-years-experience-box-ultra h2 {
		font-size: 26px;
	}

	.about-years-experience-box-ultra p {
		font-size: 14px;
	}

	.service-item-content-ultra h2 {
		font-size: 18px;
	}

	.why-choose-item-ultra {
		width: 100%;
		padding: 20px;
	}

	.why-choose-item-title-ultra h3 {
		font-size: 18px;
	}

	.why-choose-item-content-ultra ul {
		margin: 15px 0 0;
		padding: 15px 0 0 20px;
	}

	.our-volunteer-donation-box-ultra {
		padding: 20px;
	}

	.volunteer-donation-item-ultra {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.volunteer-donation-item-content-ultra {
		width: 100%;
	}

	.volunteer-donation-item-content-ultra h3 {
		font-size: 18px;
	}

	.volunteer-donation-value-item-ultra h3 {
		font-size: 18px;
	}

	.our-volunteer-counter-item-list-ultra {
		margin-top: 30px;
		gap: 20px;
	}

	.our-volunteer-counter-item-ultra {
		width: calc(33.33% - 13.33px);
	}

	.our-volunteer-counter-item-ultra::before {
		right: -10px;
	}

	.our-volunteer-counter-item-ultra:nth-child(3n + 3):before {
		display: none;
	}

	.our-volunteer-counter-item-ultra h2 {
		font-size: 26px;
	}

	.our-volunteer-counter-item-ultra p {
		font-size: 14px;
	}

	.team-item-content-ultra h2 {
		font-size: 18px;
	}

	.team-item-ultra:hover .team-social-list-ultra {
		margin-top: 15px;
	}

	.faq-image-box-1-ultra {
		margin-bottom: 100px;
	}

	.faq-image-box-1-ultra .faq-image-ultra figure {
		margin-right: -150px;
	}

	.faq-cta-box-ultra {
		max-width: 155px;
		gap: 10px;
		padding: 10px;
		margin: 0 0 20px auto;
	}

	.faq-cta-box-ultra .icon-box img {
		max-width: 40px;
	}

	.faq-cta-content-ultra {
		width: calc(100% - 50px);
	}

	.faq-cta-content-ultra h3 {
		font-size: 16px;
	}

	.faq-accordion-ultra .accordion-header .accordion-button {
		font-size: 16px;
		padding: 12px 40px 12px 15px;
	}

	.faq-accordion-ultra .accordion-item .accordion-body {
		padding: 12px 15px;
	}

	.core-value-item-ultra {
		gap: 20px;
		padding: 20px;
	}

	.core-value-counter-box-ultra {
		gap: 20px;
	}

	.core-value-counter-content-ultra {
		width: calc(100% - 70px);
	}

	.core-value-counter-content-ultra h2 {
		font-size: 18px;
	}

	.core-value-counter-content-ultra h2 span {
		font-size: 22px;
	}

	.core-value-image-ultra figure img,
	.core-value-image-ultra figure,
	.core-value-image-ultra {
		height: auto;
	}

	.core-value-image-box-ultra {
		padding: 20px;
	}

	.core-value-box-content-ultra h2 {
		font-size: 18px;
	}

	.core-value-box-content-ultra h2 span {
		font-size: 22px;
	}

	.core-value-box-ultra.box-2 {
		flex-direction: column;
	}

	.core-value-box-ultra.box-2 .core-value-item-ultra,
	.core-value-box-ultra.box-2 .core-value-image-ultra {
		width: 100%;
	}

	.testimonial-client-box-ultra {
		gap: 20px;
	}

	.testimonial-client-box-body-ultra {
		width: calc(100% - 70px);
	}

	.testimonial-client-content-ultra p {
		font-size: 16px;
	}

	.testimonial-client-box-ultra .satisfy-client-images {
		margin-top: 10px;
	}

	.testimonial-cta-box-ultra {
		min-height: 400px;
	}

	.testimonial-cta-counter-content-ultra h2 {
		font-size: 26px;
	}

	.testimonial-item-ultra {
		gap: 20px;
		flex-direction: column;
		padding: 0px;
	}

	.testimonial-item-body-ultra {
		padding-top: 20px;
	}

	.testimonial-author-content-ultra h2 {
		font-size: 18px;
	}

	.company-supports-content-ultra {
		justify-content: center;
		margin-bottom: 20px;
	}

	.company-supports-content-ultra hr {
		display: none;
	}

	.footer-links-ultra {
		max-width: 100%;
	}

	.footer-links-ultra h2 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.footer-links-ultra ul li {
		margin-bottom: 10px;
	}

	.footer-contact-item-ultra {
		margin-bottom: 15px;
	}

	.footer-copyright-ultra {
		gap: 10px;
		padding: 15px 0;
	}
    .symbolism-box {
		padding: 15px 20px;
		border-radius: 50px;
	}

	.symbolism-box p {
		font-size: 13px;
	}

	.symbolism-box .dot {
		margin: 0 6px;
	}
    .symbolism-box p {
		font-size: 14px;
	}

	.symbolism-box br {
		display: block;
		content: "";
		margin: 8px 0;
	}
    .hero-prime {
		min-height: auto;
		padding: 40px 0;
	}

	.hero-stat-number {
		font-size: 2.5rem;
	}

	.hero-stat-label {
		font-size: 1rem;
	}

	.hero-video-box {
		border-radius: 16px;
	}

	.video-control-btn {
		width: 38px;
		height: 38px;
		bottom: 15px;
		right: 15px;
	}

	.video-control-btn i {
		font-size: 14px;
	}
    .hero-stars,
	.hero-red-flower,
	.hero-butterfly {
		opacity: 0.6;
		transform: scale(0.7);
	}

	.hero-stars {
		width: 60px;
		top: 10px;
		right: 10px;
	}

	.hero-red-flower {
		width: 45px;
		bottom: 10px;
		left: 10px;
	}

	.hero-butterfly {
		width: 40px;
		top: 12%;
		right: 5%;
	}
    .challenge-circle {
		min-width: 100%;
	}

	.circle-float {
		width: 220px;
		height: 220px;
	}

	.circle-number {
		font-size: 30px;
	}
      .hero-video-bg-full-new {
        height: 100vh;           /* Full viewport height */
        min-height: 100vh;
        padding: 0;               /* Remove padding to fill screen */
        align-items: center;
    }
    .hero-full-wrapper-new {
        min-height: 100vh;
        padding: 20px 0;
        align-items: center;
    }
    .hero-left-slider-new {
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding: 0 15px;
    }
    .hero-text-slider .swiper-slide {
        height: auto;
        min-height: 260px;
        padding: 16px 0;
        justify-content: center;
    }
    .hero-stat-block-new {
        align-items: center;
        text-align: center;
        gap: 8px;
    }
    /* 🔥 Bigger font sizes on mobile */
    .hero-stat-number-new {
        font-size: clamp(3rem, 8vw, 4.5rem) !important;
    }
    .hero-stat-label-new {
        font-size: clamp(1.2rem, 2.8vw, 1.6rem) !important;
        max-width: 100%;
        margin: 0 auto;
        line-height: 1.4;
    }
    .hero-slide-last .hero-stat-number-new {
        font-size: clamp(2.2rem, 5vw, 3.2rem) !important;
    }
    .hero-donate-cta-new .btn-default {
        padding: 14px 32px;
        font-size: 1rem;
        border-radius: 50px;
    }
    .hero-slider-pagination-new {
        justify-content: center;
        margin-top: 20px;
        gap: 10px;
    }
    .hero-slider-pagination-new .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    .hero-slider-pagination-new .swiper-pagination-bullet-active {
        width: 28px;
    }
    .hero-stars-full-new {
        width: 70px;
        top: 12px;
        right: 8px;
    }
    .hero-red-flower-full-new {
        width: 60px;
        bottom: 12px;
        left: 10px;
    }
    .hero-butterfly-full-new {
        width: 50px;
        top: 15%;
        left: 8%;
    }
     .about-muktangan-wrapper {
        gap: 30px;
        margin-top: 30px;
		flex-direction: column;
    }

    .years-badge {
        top: 12px;
        right: 12px;
        padding: 12px 16px;
        border-radius: 14px;
    }

    .years-badge h2 {
        font-size: 32px;
    }

    .years-badge p {
        font-size: 12px;
    }

    .about-mission-box h3,
    .about-vision-box h3 {
        font-size: 24px;
    }

    .about-mission-box p,
    .about-vision-box p {
        font-size: 15px;
    }

    .core-letter {
        font-size: 26px;
        min-width: 34px;
    }
    .core-word {
        font-size: 20px;
    }
    .core-word-small {
        font-size: 14px;
    }
    .muktangan-meaning {
		margin-top: 50px;
	}

	.quote-left,
	.quote-right {
		font-size: 55px;
	}

	.word-mukt,
	.word-aangan {
		font-size: 36px;
	}

	.word-and {
		font-size: 32px;
	}

	.word-group {
		min-width: 100px;
	}
	.meaning-text {
		font-size: 15px;
	}

	.meanings-row {
		flex-direction: column;
		gap: 8px;
		align-items: center;
	}
	.meaning-col:first-child {
		max-width: 130px;
	}

	.meaning-col:last-child {
		max-width: 250px;
	}
    .core-values-section {
		padding: 60px 0;
	}

	.core-values-wrapper {
		gap: 20px;
	}

	.core-value-item {
		width: 100%;
		/* 1 column on mobile */
		max-width: 350px;
	}

	.core-image-wrap img {
		height: 200px;
	}

	.green-text {
		font-size: 28px;
	}

	.big-red {
		font-size: 56px;
	}

	.core-desc {
		font-size: 15px;
	}
    .approach-section::before,
	.how-we-work::before,
	.partners-supporters-section::before,
	.media-gallery-square-section::before {
		width: 150px;
		/* opacity: 0.08; */
        /* display: none; */
	}
    .approach-section::before,
	.how-we-work::before,
	.partners-supporters-section::before,
	.media-gallery-square-section::before {
		width: 150px;
		margin-top: 150px;
        /* display: none; */
	}

	.approach-section::after,
	.how-we-work::after,
	.partners-supporters-section::after,
	.media-gallery-square-section::after {
		width: 200px;
		margin-bottom: 100px;
        display: none;
	}
    .banner-lead-magnet {
		min-height: 350px;
	}

	.banner-lead-magnet-left,
	.banner-lead-magnet-right {
		min-height: 380px;
	}

	.banner-content {
		padding: 40px 20px;
	}

	.banner-content h2 {
		font-size: 1.8rem;
	}

	.banner-content p {
		font-size: 1rem;
	}

	.btn-banner {
		padding: 12px 24px;
		font-size: 0.9rem;
	}

	.btn-large {
		padding: 14px 32px;
		font-size: 1rem;
	}

	.banner-lead-magnet-left .banner-content,
	.banner-lead-magnet-right .banner-content {
		text-align: center;
		margin: 0 auto;
	}

	.banner-lead-magnet-right .banner-buttons,
	.banner-lead-magnet-left .banner-buttons {
		justify-content: center;
	}

	.banner-lead-magnet-right .banner-content p {
		margin-left: auto;
	}
    .about-us {
		padding: 40px 0;
	}

	.about-us-content .section-title h2 {
		font-size: 28px;
	}

	.about-us-content .section-title p {
		font-size: 14px;
	}
	.about-us-image-wrapper {
    margin-bottom: 30px;
}
.about-content-right {
    flex-direction: column;
}
	.about-us-footer {
		flex-direction: column;
		text-align: center;
	}

	.about-us-founder-img {
		max-width: 280px;
	}
    .how-we-work {
		padding: 60px 0;
	}

	/* .how-we-work .section-row {
		margin-bottom: 40px;
	} */

	.how-we-work .section-title h2 {
		font-size: 30px;
	}

	/* Scale padding so the gap stays tight with smaller images */
	/* .how-we-work .school-glass-card {
		padding: 90px 25px 30px !important;
	} */

	/* .school-image-wrap {
		top: -65px;
	} */

	/* .school-image-wrap img {
		max-width: 180px;
	} */

	.school-glass-content h3 {
		font-size: 22px;
		margin-bottom: 18px;
	}

	.readmore-btn {
		min-width: 150px;
		padding: 12px 24px;
	}
    .our-program {
		padding: 60px 0;
	}

	.cards {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-top: 30px;
	}

	.previewCard {
		aspect-ratio: 4/3;
		padding: 18px;
	}

	.title {
		font-size: 18px;
	}

	.description p {
		font-size: 14px !important;
		/* -webkit-line-clamp: 2; */
	}

	.previewCard::after {
		height: 70%;
	}
    .previewCard:hover .title {
		font-size: 20px;
	}

	.previewCard:hover .description p {
		font-size: 12px;
	}
     .our-testimonials-ultra {
        padding: 60px 0;
    }

    .testimonial-image-side {
        height: 350px;
		width: 100%;
    }

    .testimonial-content-side {
        padding: 0px 10px;
		 width: 100%;
    }

    .testimonial-item-content-ultra p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .testimonial-item-body-ultra {
        flex-direction: column;
        text-align: center;
        gap: 12px;
        padding-top: 15px;
    }

    .testimonial-author-ultra {
        flex-direction: column;
        text-align: center;
        gap: 6px;
    }

    .testimonial-author-content-ultra h2 {
        font-size: 16px;
    }

    .testimonial-item-quote-ultra img {
        width: 30px;
    }
     .testimonial-controls {
        gap: 15px;
        margin-top: 20px;
    }
    .testimonial-button-next,
    .testimonial-button-prev {
        width: 38px;
        height: 38px;
        font-size: 15px;
    }
    /* 👇 Hide dots on mobile */
    .testimonial-pagination {
        display: none !important;
    }
     .partners-supporters-section {
        padding: 60px 0;
    }

    .company-supports-logo-ultra {
        padding: 8px;
        height: 80px;
    }

    .company-supports-logo-ultra img {
        max-height: 45px;
        max-width: 90px;
    }

    .partner-cta-box {
        padding: 20px;
        border-radius: 40px;
    }

    .partner-cta-box p {
        font-size: 15px;
    }

	.footer-links-box-prime {
		grid-template-columns: 1fr;
		gap: 25px;
	}

	.footer-header-prime {
		flex-direction: column;
		gap: 20px;
		text-align: center;
	}

	.footer-contact-info-prime {
		flex-direction: column;
		gap: 15px;
	}

	.contact-info-item {
		justify-content: flex-start;
	}

	.footer-copyright-text-prime {
		text-align: center;
		line-height: 1.6;
	}
    /* .sp-cards-grid {
		grid-template-columns: repeat(2, 1fr);
	} */
    .sp-main-title {
		font-size: 36px;
	}

	.sp-staggered-grid {
		grid-template-columns: 1fr;
		gap: 60px;
		padding-top: 30px;
	}

	.sp-staggered-grid .sp-feature-box:nth-child(even) {
		transform: none;
	}
    .sp-lead-text {
		font-size: 20px;
	}

	.sp-text-content {
		border-left: 3px solid var(--pear-green);
		padding-left: 15px;
	}

	.sp-img-pear::before {
		left: 15px;
	}
   .tp-border-left {
		border-left: 4px dotted var(--pear-green);
	}
    .tp-border-left {
		border-top: 4px dotted var(--pear-green);
		padding-top: 20px;
	}
    	.tp-intro-section,
	.tp-programs-section {
		padding: 70px 0;
	}

	.tp-main-title {
		font-size: 36px;
	}

	.tp-lead-text {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.tp-secondary-text {
		font-size: 15px;
	}

	.tp-program-title {
		font-size: 28px;
	}

	.tp-floating-stars {
		width: 70px;
		top: 10%;
		right: 5%;
	}

	.tp-floating-butterfly {
		width: 50px;
		bottom: 10%;
		left: 5%;
	}
    	.ra-border-left {
		border-left: 4px dotted var(--pear-green);
	}
    .ra-border-left {
		border-top: 4px dotted var(--pear-green);
		padding-top: 20px;
	}

	.ra-main-title {
		font-size: 36px;
	}
    .ra-milestones-section {
		padding: 70px 0;
	}

	.ra-feature-card {
		padding: 25px;
		border-radius: 22px;
	}

	.ra-card-icon {
		width: 60px;
		height: 60px;
		min-width: 60px;
		font-size: 22px;
		border-radius: 16px;
	}

	.ra-feature-card h3 {
		font-size: 20px;
	}

	.ra-feature-card li {
		font-size: 15px;
		line-height: 1.8;
	}
     #advocacy-bg {
        background-attachment: scroll;
        padding: 60px 0;
    }
    #advocacy-bg .ra-feature-card {
        padding: 20px;
    }
    .out-lead-text {
		font-size: 20px;
	}

	.out-text-content {
		border-left: 3px solid var(--pear-green);
		padding-left: 15px;
	}

	.out-main-title {
		font-size: 36px;
	}
    .out-card-number {
		font-size: 42px;
	}

	.out-card-icon {
		width: 60px;
		height: 60px;
		font-size: 24px;
	}
    	.gi-vacancy-item {
		width: 100%;
		/* Stacks the text items on mobile */
		margin-bottom: 20px;
	}
    	.gi-main-section {
		padding: 70px 0;
	}

	.gi-cta-section {
		padding: 80px 0;
	}

	.gi-section-heading h2,
	.gi-section-content h2 {
		font-size: 36px;
	}

	.gi-floating-stars {
		width: 70px;
		top: 10%;
		right: 5%;
	}

	.gi-floating-butterfly {
		width: 50px;
		bottom: 10%;
		left: 5%;
	}

	.gi-nav-tabs-wrap {
		padding: 15px 15px;
		/* Added slight side padding so it doesn't touch the screen edge */
		position: relative;
	}

	/* Convert to a 2-column grid */
	.gi-nav-tabs {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		/* Forces exactly 2 equal columns */
		gap: 10px;
		/* Space between the pills */

		/* Overriding any previous flex/scroll rules */
		overflow-x: visible;
		flex-wrap: wrap;
	}

	/* Make buttons fill their grid cells perfectly */
	.gi-nav-tabs a {
		width: 100% !important;
		/* Fills the entire half of the screen */
		padding: 12px 10px;
		font-size: 14px;
		text-align: center;
		/* Centers the text inside the pill */
		margin: 0;
		/* Removes any default margins */
		display: flex;
		align-items: center;
		justify-content: center;
	}
    .floating-stars,
	.floating-butterfly {
		opacity: 0.6;
	}
    .atl-timeline-section {
		padding: 60px 0;
	}

	.atl-line {
		left: 20px;
	}

	.atl-badge {
		left: 22px;
		font-size: 12px;
		padding: 5px 10px;
		top: 30px;
	}

	.atl-item {
		padding-left: 60px;
		margin-bottom: 30px;
	}

	.atl-card {
		height: 160px;
		padding: 20px;
	}

	.atl-card-title {
		font-size: 18px;
	}

	.atl-card-desc p {
		font-size: 13px;
		-webkit-line-clamp: 2;
	}
    	.team-grid-modern {
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
		gap: 20px;
	}

	.card-avatar {
		width: 100px;
		height: 100px;
	}

	.avatar-fallback {
		font-size: 36px;
	}

	.card-name {
		font-size: 18px;
	}

	.card-role {
		font-size: 11px;
	}

	.card-description {
		font-size: 12px;
	}

	.ceo-card-modern {
		padding: 20px;
		justify-content: center;
		flex-direction: column;
	}

	.ceo-info-modern h3 {
		font-size: 24px;
	}
    /* Force the grid to display 3 equal columns on mobile */
	.partners-grid {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 15px !important;
		/* Slightly reduces the gap so 3 logos fit comfortably */
	}

	/* Ensure the logos scale down perfectly inside the smaller columns */
	.partner-logo-wrapper {
		padding: 10px !important;
		/* Adjust padding if boxes look too tight */
	}

	.partner-logo-wrapper img {
		max-width: 100% !important;
		height: auto !important;
		object-fit: contain !important;
	}
    	/* Main Container */
	.awards-blog-slider {
		min-height: auto;
		margin: 30px auto;
		/* Reset extra top margin */
		padding: 20px 20px 60px 20px;
	}

	/* Stack items vertically */
	.awards-blog-slider .blog-slider__item {
		flex-direction: column;
	}

	/* Image kept strictly inside the card */
	.awards-blog-slider .blog-slider__img {
		transform: none;
		/* Removes the pull-out effect completely */
		width: 100%;
		max-width: 300px;
		margin: 0 auto 25px auto;
		/* Centers it and adds space below */
	}

	/* Content adjustments */
	.awards-blog-slider .blog-slider__content {
		margin-top: 0;
		/* Reset negative margin to prevent overlap */
		text-align: center;
		padding: 0 15px;
	}

	/* Center the meta icons at the bottom */
	.award-meta-inline {
		justify-content: center;
	}

	/* Horizontal Pagination anchored to bottom */
	.awards-blog-slider .blog-slider__pagination {
		transform: translateX(-50%);
		left: 50% !important;
		top: auto;
		bottom: 20px !important;
		width: 100% !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.awards-blog-slider .blog-slider__pagination .swiper-pagination-bullet {
		margin: 0 6px;
	}
    	.certificate-card {
		max-width: 380px;
	}

	.certificate-ribbon {
		font-size: 12px;
		padding: 6px 12px;
		bottom: 12px;
		left: 12px;
		right: 12px;
	}

	.info-card {
		flex-direction: column;
		text-align: center;
		align-items: center;
	}

	.info-card:hover {
		transform: translateY(-3px);
	}
    .fcra-overview-section {
		padding: 60px 0;
	}
    	.fcra-docs-section {
		padding: 60px 0;
	}

	.fcra-tab-btn {
		padding: 8px 18px;
		font-size: 14px;
	}

	.document-card {
		flex-direction: column;
		text-align: center;
		gap: 12px;
	}

	.doc-actions {
		justify-content: center;
	}

	.fy-title {
		font-size: 18px;
	}

	.quarter-item {
		flex-direction: column;
		text-align: center;
		gap: 10px;
	}

	.quarter-badge {
		width: auto;
		display: inline-block;
	}
     .media-gallery-square-section {
        padding: 60px 0;
    }

    .square-gallery-title {
        font-size: 0.9rem;
    }

    .square-gallery-zoom {
        width: 42px;
        height: 42px;
        font-size: 17px;
    }

    .lightbox-close {
        top: -40px;
        width: 34px;
        height: 34px;
        font-size: 16px;
    }
    .video-info {
		padding: 14px 16px;
	}

	.video-title {
		font-size: 0.9rem;
	}

	.video-description {
		font-size: 0.75rem;
	}

    .news-card-body {
        padding: 22px 20px 20px;
    }
    .news-title {
        font-size: 1.05rem;
    }
    
	.reports-swiper-button-prev,
	.reports-swiper-button-next {
		width: 36px;
		height: 36px;
	}

	.report-info {
		padding: 14px 16px;
	}

	.report-title {
		font-size: 0.9rem;
	}

	.report-btn {
		padding: 6px 12px;
		font-size: 0.7rem;
	}
    .newsletter-info {
		padding: 14px 16px;
	}

	.newsletter-title {
		font-size: 0.9rem;
	}

	.newsletter-btn {
		padding: 6px 12px;
		font-size: 0.7rem;
	}
    .blog-side-card {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}

	.blog-side-img {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
	}

	.blog-featured-body {
		padding: 20px;
	}

	.blog-featured-title {
		font-size: 1.2rem;
	}

	.btn-blog-primary {
		padding: 10px 24px;
		font-size: 0.9rem;
	}

	.blog-side-list {
		gap: 16px;
	}
    .gi-jumptabs-section {
		top: 0px;
		/* Adjust to match your mobile sticky header height */
		margin-bottom: 25px;
	}

	/* Convert to a horizontal scrolling list */
	.gi-jumptabs {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		/* Smooth scrolling on iOS */
		gap: 15px;
		padding-bottom: 5px;
		justify-content: flex-start;
		/* Align left for scrolling */

		/* Hide scrollbar for a cleaner look */
		scrollbar-width: none;
		/* Firefox */
		-ms-overflow-style: none;
		/* IE and Edge */
	}

	/* Hide scrollbar for Chrome, Safari and Opera */
	.gi-jumptabs::-webkit-scrollbar {
		display: none;
	}

	.gi-jumptab {
		flex: 0 0 auto;
		/* Prevent items from shrinking */
		display: flex;
		flex-direction: column;
		/* Stack icon on top of text */
		align-items: center;
		justify-content: center;
		gap: 6px;
		font-size: 13px;
		padding: 8px 12px;
		border-radius: 8px;
		background: rgba(0, 0, 0, 0.03);
		/* Slight background to look like a button */
	}

	.gi-jumptab i {
		font-size: 18px;
		margin: 0;
		/* Remove horizontal margin since it's stacked */
	}
    .gi-jumptab {
		padding: 6px 14px;
		font-size: 0.8rem;
		gap: 5px;
	}

	.gi-jumptab i {
		font-size: 0.9rem;
	}
    .donation-philosophy {
		padding: 50px 0;
	}

	.donation-philosophy__header .text-anime-style-3 {
		font-size: 28px;
	}

	.donation-philosophy__btn-group {
		flex-direction: column;
		gap: 20px;
	}

	.video-play-button {
		justify-content: center;
	}
    .donation-cards {
		padding: 60px 0;
	}

	.donation-cards__title {
		font-size: 2rem;
	}

	.donation-card__content {
		max-width: 100%;
		padding: 25px;
	}

	.donation-card__title {
		font-size: 1.5rem;
	}

	.donation-card__text {
		font-size: 0.95rem;
	}
    .cu-dashboard-section {
		padding: 60px 0;
	}

	.cu-main-title {
		font-size: 38px;
	}

	.cu-subtitle {
		font-size: 16px;
	}

	/* Reduce wrapper padding for mobile screens */
	.contact-info-wrapper,
	.contact-form-wrapper {
		padding: 30px;
	}

	.contact-form-wrapper h3 {
		font-size: 26px;
	}

	/* Reduce map height on mobile */
	.cu-panoramic-map iframe {
		height: 300px !important;
	}
    .gi-years-badge {
		width: 180px;
		height: 180px;
	}

	.gi-years-num {
		font-size: 56px;
	}

	.gi-years-text {
		font-size: 13px;
	}

	.gi-academic-title {
		font-size: 26px;
	}

	.gi-academic-desc {
		font-size: 15px;
	}
    .don-nw-title {
		font-size: 36px;
	}

	.don-nw-outline {
		-webkit-text-stroke: 1px var(--primary-color);
	}

	.don-nw-amt-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.don-nw-collage-wrapper {
		height: 400px;
	}

	.badge-top-left {
		top: 10%;
		left: 10px;
	}

	.badge-center-right {
		bottom: 10%;
		right: 10px;
	}

	.don-nw-trust-panel {
		padding: 40px 20px;
	}
    .impact-story-section {
		padding: 40px 0;
	}

	.impact-story-content h2 {
		font-size: 42px;
	}

	.impact-story-content p {
		font-size: 16px;
	}

	.impact-visual-area {
		height: 620px;
	}

	.impact-main-image {
		height: 360px;
		border-radius: 24px;
	}

	.impact-small-image {
		width: 180px;
		height: 240px;
		bottom: 120px;
		border-radius: 22px;
		transform: rotate(0deg);

	}

	.impact-floating-card {
		width: 180px;
		padding: 24px;
		border-radius: 22px;
	}

	.impact-number {
		font-size: 60px;
	}

	.impact-text {
		font-size: 14px;
	}

	.impact-quote-card {
		display: none;
	}

	.impact-info-strip {
		left: 0px !important;
	}
    .impact-visual-area {
		flex-direction: column !important;
	}

	.impact-small-image,
	.impact-info-strip {
		width: 100% !important;
		flex: 0 0 100% !important;
	}

	.impact-small-image img {
		height: auto !important;
		/* Turns off vertical stretching for mobile */
		aspect-ratio: 4/3 !important;
		/* Keeps a nice shape */
	}

	.impact-info-strip {
		padding: 30px !important;
	}
    .awards-blog-slider .blog-slider__title {
		font-size: 26px;
		font-weight: 700;
		color: var(--primary-color, #353535);
		margin-bottom: 20px;
		line-height: 1.2;
	}
    	#donation-checkout .su-card,
	#donation-checkout .su-card-dark {
		padding: 24px 20px !important;
		border-radius: 20px !important;
	}

	#donation-checkout h4 {
		font-size: 22px;
		margin-bottom: 20px !important;
	}

	.don-nw-freq-btn {
		padding: 10px 15px !important;
		font-size: 14px;
	}

	.su-btn-amount-pill {
		min-height: 80px;
		padding: 12px 10px !important;
	}

	.su-btn-amount-pill span {
		font-size: 18px !important;
	}

	.su-btn-amount-pill .su-impact-text {
		font-size: 0.65rem !important;
	}

	.su-input {
		padding: 12px 15px !important;
		font-size: 14px;
	}

	#display_total {
		font-size: 28px !important;
	}

	#donation-checkout button[type="submit"] {
		font-size: 16px !important;
		padding: 14px 20px !important;
	}

	.ma-swap-container {
		min-height: 120px;
	}

	.ma-tagline {
		font-size: 17px;
	}
    .team-page-hero {
		padding: 70px 0 30px;
	}

	.team-page-hero h1 {
		font-size: 30px;
	}

	.team-page-hero p {
		font-size: 15px;
	}
    .sp-impact-parallax {
        padding: 80px 0;
        background-attachment: scroll;
    }

    .sp-impact-parallax__inner {
        flex-direction: column;
        gap: 30px;
    }

    .sp-impact-connector {
        flex-direction: row;
        gap: 12px;
    }

    .sp-impact-connector__line {
        width: 60px;
        height: 2px;
        background: linear-gradient(to right, #F2D62E, transparent);
    }

    .sp-impact-number--big {
        font-size: 4.5rem;
    }

    .sp-impact-number {
        font-size: 3.5rem;
    }

    .sp-impact-label {
        font-size: 1.1rem;
        max-width: 280px;
    }

    .sp-impact-side .sp-impact-label {
        font-size: 1rem;
        max-width: 240px;
    }

    .sp-impact-side .sp-impact-label small {
        font-size: 0.8rem;
    }
    .forum-pillar-card {
		padding: 32px 24px;
	}

	.forum-post-body {
		padding: 22px 22px 20px;
	}

	.forum-subscribe-group {
		flex-direction: column;
		border-radius: 12px;
		overflow: visible;
		box-shadow: none;
		gap: 10px;
	}

	.forum-subscribe-group .forum-email-input {
		border-radius: 50px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		width: 100%;
	}

	.forum-subscribe-group .forum-subscribe-btn {
		border-radius: 50px;
		width: 100%;
		text-align: center;
	}

	.forum-divider-or {
		margin: 20px auto;
	}
    .pw-tax-banner {
		flex-direction: column;
		text-align: center;
		padding: 28px 24px;
	}
    .ssc-milestone-section {
		padding: 60px 0;
	}

	.ssc-highlight-box {
		padding: 32px 24px;
		border-radius: 16px;
	}

	.ssc-highlight-number {
		font-size: 52px;
	}

	.ssc-highlight-label {
		font-size: 16px;
	}

	.ssc-stat-row {
		padding: 20px 18px;
		gap: 14px;
	}

	.ssc-sr-number {
		font-size: 32px;
		min-width: 60px;
	}
    .alumni-section {
		padding: 50px 0 70px;
	}

	.alumni-intro {
		font-size: 15px;
	}

	.alumni-body {
		font-size: 14px;
	}

	.alumni-photo {
		height: 260px;
	}

	.alumni-badge {
		bottom: -14px;
		left: 12px;
		padding: 12px 16px;
		min-width: 80px;
	}

	.alumni-badge-number {
		font-size: 24px;
	}

	.alumni-badge-label {
		font-size: 10px;
	}
    .volunteer-action-card {
		flex-direction: column;
		text-align: center;
		padding: 25px 20px;
		border-left: none;
		border-top: 5px solid var(--golden);
	}

	.volunteer-action-card:hover {
		border-top-color: var(--pear-green);
		border-left-color: transparent;
	}

	.action-card-content {
		flex-direction: column;
		text-align: center;
		gap: 12px;
	}

	.volunteer-action-card .btn-default {
		width: 100%;
		text-align: center;
		justify-content: center;
	}
    .program-carousel-wrapper {
		overflow: hidden;
		position: relative;
		margin-top: 30px;
		padding: 5px 0 10px;
	}

	/* Track becomes a flex slider, JS controls transform */
	.our-program .cards {
		display: flex;
		flex-wrap: nowrap;
		gap: 0;
		margin-top: 0;
		will-change: transform;
	}

	/* ── New mobile card layout ── */
	.our-program .previewCard {
		flex: 0 0 82%;
		max-width: 82%;
		margin-right: 16px;
		aspect-ratio: unset !important;
		min-height: 460px;
		padding: 0;
		display: flex;
		flex-direction: column;
		background: #fff;
		border-radius: 22px;
		overflow: hidden;
		/* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); */
	}

	/* Kill old hover/absolute machinery completely on mobile */
	.our-program .previewCard::before,
	.our-program .previewCard::after,
	.our-program .previewCard:hover::before,
	.our-program .previewCard:hover::after {
		display: none !important;
	}

	.our-program .previewCard,
	.our-program .previewCard:hover {
		transform: none !important;
	}

	/* Image block on top */
	.our-program .previewCard .backdrop {
		position: relative;
		width: 100%;
		height: 200px;
		flex-shrink: 0;
		object-fit: cover;
		transform: none !important;
		opacity: 1 !important;
	}

	/* Number badge over image */
	.our-program .previewCard {
		counter-increment: prog-count;
	}

	.our-program .previewCard .backdrop::after {
		content: '';
	}

	/* Category pill sitting on the image */
	.our-program .previewCard .content {
		position: relative;
		z-index: 1;
		padding: 20px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		flex-grow: 1;
	}

	.our-program .previewCard .category,
	.our-program .previewCard:hover .category {
		display: inline-flex;
		align-items: center;
		align-self: flex-start;
		background: rgba(242, 214, 46, 0.15);
		color: var(--primary-color) !important;
		padding: 5px 14px;
		border-radius: 30px;
		font-size: 10.5px;
		letter-spacing: 1px;
		margin-bottom: 0;
	}

	.our-program .previewCard .title,
	.our-program .previewCard:hover .title {
		color: var(--primary-color) !important;
		font-size: 19px !important;
		line-height: 1.3;
	}

	.our-program .previewCard .description,
	.our-program .previewCard:hover .description {
		opacity: 1 !important;
		max-height: none !important;
		transform: none !important;
		pointer-events: auto !important;
		margin-top: 0;
		flex-grow: 1;
	}

	.our-program .previewCard .description p,
	.our-program .previewCard:hover .description p {
		font-size: 13px !important;
		line-height: 1.65;
		color: #666 !important;
		-webkit-line-clamp: unset;
		overflow: visible;
		text-shadow: none;
	}

	.our-program .previewCard .card-link,
	.our-program .previewCard:hover .card-link {
		align-self: flex-end;
		background: var(--gradient) !important;
		backdrop-filter: none !important;
		width: 38px;
		height: 38px;
		margin-top: auto;
	}

	.our-program .previewCard .card-link svg,
	.our-program .previewCard:hover .card-link svg {
		fill: var(--primary-color) !important;
	}

	/* ── Pagination dots ── */
	.program-slider-pagination {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		margin-top: 15px;
	}

	.program-slider-pagination .prog-dot {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.15);
		transition: all 0.3s ease;
		cursor: pointer;
		flex-shrink: 0;
	}

	.program-slider-pagination .prog-dot.active {
		width: 22px;
		border-radius: 10px;
		background: var(--gradient);
	}
    .approach-section::before, .how-we-work::before, .home-alumni-featured::before, .partners-supporters-section::before, .media-gallery-square-section::before {
    width: 150px;
    margin-top: 20px;
   
}
.gi-careers-section::after, .out-intro-section::after, .sp-modern-methodology::after, .cu-dashboard::after, .home-alumni-featured::after, .ra-intro-section::after, .tp-intro-section::after, .cu-dashboard-section::after {
    width: 150px;
}
/* shubham css from file */
  .wwd-model-light .wwd-model-grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
     .wwd-pillar {
        padding: 50px 0;
    }

    .wwd-collab-tags {
        justify-content: center;
    }

    .wwd-kp-highlight {
        padding: 18px 20px;
    }

    .wwd-model-grid {
        grid-template-columns: 1fr 1fr;
    }
     .ins-approach-grid {
        grid-template-columns: 1fr;
    }

    .ins-dept-group {
        padding: 20px 16px;
    }

    .ins-nep-card {
        padding: 28px 20px;
    }
     .ins-impact-section {
        padding: 60px 0;
    }
    .ins-impact-card {
        padding: 24px 20px;
    }
    .ins-impact-card h4 {
        font-size: 16px;
    }
    .ins-impact-card p {
        font-size: 14px;
    }
      .imp-section,
    .imp-section-alt {
        padding: 60px 0;
    }

    .imp-stat-grid {
        grid-template-columns: 1fr;
    }

    .imp-story-wrap {
        gap: 30px;
    }

    .imp-story-image img {
        height: 280px;
    }

    .imp-cta {
        padding: 70px 0;
        background-attachment: scroll;
    }
    #awp-model {
        padding: 40px 0 60px;
    }
    .awp-model-slider-wrapper {
        padding: 0 10px;
    }
    .awp-model-image {
        flex: 0 0 220px;
        height: 220px;
    }
    .awp-model-content {
        padding: 22px 18px;
    }
    .awp-model-content h4 {
        font-size: 20px;
    }
    .awp-model-content p {
        font-size: 14px !important;
    }
    .awp-card-badge {
        top: 14px;
        left: 14px;
        padding: 6px 14px;
        border-radius: 12px;
    }
    .awp-card-num {
        font-size: 20px;
    }
    .awp-model-nav {
        gap: 10px;
    }
    .awp-model-button-prev,
    .awp-model-button-next {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }
    .awp-section,
    .awp-section-alt {
        padding: 60px 0;
    }

    .awp-card-grid {
        grid-template-columns: 1fr;
    }

    .awp-story-wrap {
        gap: 28px;
    }

    .awp-story-image img {
        height: 260px;
    }

    .awp-cta {
        padding: 70px 0;
        background-attachment: scroll;
    }

    .awp-faq-q {
        padding: 16px 20px;
        font-size: 14.5px;
    }
     .school-card {
        padding: 22px 18px;
    }
    .school-name {
        font-size: 16px;
    }
    .school-address {
        font-size: 13px;
    }
      .out2-section,
    .out2-section-alt {
        padding: 60px 0;
    }

    .out2-card-grid,
    .out2-stat-grid {
        grid-template-columns: 1fr;
    }

    .out2-story-wrap {
        gap: 28px;
    }

    .out2-story-image img {
        height: 260px;
    }

    .out2-cta {
        padding: 70px 0;
        background-attachment: scroll;
    }
     .fln-section,
    .fln-section-alt {
        padding: 60px 0;
    }

    .fln-glance-wrap {
        gap: 28px;
    }

    .fln-glance-image img {
        height: 260px;
    }

    .fln-cta {
        padding: 70px 0;
        background-attachment: scroll;
    }

    .fln-pillar-card {
        padding: 26px 22px;
    }
    .fln-alignment-bg {
        padding: 60px 0;
        background-attachment: scroll;  /* fix for mobile */
    }
    .fln-align-tag {
        padding: 10px 18px;
        font-size: 13px;
    }
    .fln-align-row {
        gap: 12px;
    }
      .hs-process-flow {
        flex-direction: column;
        gap: 16px;
    }
    .hs-process-arrow {
        transform: rotate(90deg);
        margin: -6px 0;
    }
    .hs-process-card {
        max-width: 100%;
        width: 100%;
        padding: 24px 20px;
    }
     .hsp-section,
    .hsp-section-alt {
        padding: 60px 0;
    }

    .hsp-stat-grid,
    .hsp-feature-grid {
        grid-template-columns: 1fr;
    }

    .hsp-story-wrap {
        gap: 28px;
    }

    .hsp-story-image img {
        height: 260px;
    }

    .hsp-journey-step {
        flex: 1 1 100%;
    }

    .hsp-cta {
        padding: 70px 0;
        background-attachment: scroll;
    }
    .stp-section,
    .stp-section-alt {
        padding: 60px 0;
    }

    .stp-stat-grid {
        grid-template-columns: 1fr;
    }

    .stp-story-wrap {
        gap: 28px;
    }

    .stp-story-image img {
        height: 260px;
    }

    .stp-method-grid {
        grid-template-columns: 1fr;
        padding-top: 30px;
    }

    .stp-quote {
        padding: 24px;
        border-radius: 30px;
        flex-direction: column;
        text-align: center;
    }

    .stp-opp-grid {
        grid-template-columns: 1fr;
    }

    .stp-opp-card:last-child {
        grid-column: auto;
        max-width: 100%;
    }

    .stp-cta {
        padding: 70px 0;
        background-attachment: scroll;
    }

    .stp-navtabs {
        gap: 10px;
    }

    .stp-navtabs a {
        padding: 8px 14px;
        font-size: 12.5px;
    }
    .stp-method-bg {
        background-attachment: scroll;
        padding: 60px 0;
    }
    .stp-method-bg .stp-method-card {
        backdrop-filter: blur(4px);
    }
    .child-journey-section { padding: 60px 0 40px; }

    .cj-growth-wrap { margin: 30px auto 20px; padding: 0 10px; }

    /* Switch to a vertical stacked timeline */
    .cj-growth-track,
    .cj-baseline,
    .cj-labels-track {
        display: none;
    }

    .cj-growth-wrap::after { content: ""; display: block; }

    .cj-growth-wrap {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    /* Rebuild each stage as a horizontal card using JS-free CSS re-layout */
    .cj-growth-track {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .cj-growth-track,
    .cj-baseline { display: none !important; 
    }
       .sdg-item {
        flex: 0 0 calc(33.333% - 20px);
        max-width: 180px;
    }
    /* The 4th and 5th items: we can center them using a wrapper or by adjusting margins */
    .sdg-item:nth-child(4),
    .sdg-item:nth-child(5) {
        flex: 0 0 calc(33.333% - 20px);
        max-width: 180px;
    }
    .nep-sdg-section {
        padding: 60px 0;
    }
    .sdg-grid {
        gap: 15px;
    }
    .sdg-item {
        flex: 0 0 calc(50% - 15px);
        max-width: 160px;
        padding: 16px 10px;
    }
    .sdg-icon {
        width: 60px;
        height: 60px;
    }
    
    .sdg-label {
        font-size: 0.75rem;
    }
      .gi-ways-list {
        gap: 10px;
        margin: 18px 0 24px;
    }
    .gi-way-item {
        font-size: 0.9rem;
        gap: 10px;
        padding: 4px 0;
    }
    .gi-way-item i {
        font-size: 1rem;
        width: 24px;
    }
    .banner-buttons {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }
    .btn-banner {
        width: 100%;
        justify-content: center;
    }
     .problem-different-section {
        padding: 60px 0px;
    }
    .pd-content h2 {
        font-size: 1.4rem;
    }
    .pd-text {
        font-size: 0.9rem;
    }
    .pd-image-wrapper {
        margin-bottom: 10px;
    }
    .row.pb-5 {
        padding-bottom: 30px !important;
    }
    .row.pt-4 {
        padding-top: 10px !important;
    }
    .pd-cta .btn-default {
        padding: 10px 22px;
        font-size: 0.9rem;
    }
     .ripple-effect-section {
        padding: 60px 0;
    }
    .ripple-item {
        padding: 14px 12px;
        min-width: 60px;
    }
    .ripple-img {
        width: 36px;
        height: 36px;
    }
    .ripple-label {
        font-size: 0.75rem;
    }
    .ripple-arrow {
        font-size: 1.4rem;
    }
    .ripple-chain {
        gap: 8px 6px;
    }
    .ripple-desc {
        font-size: 13px;
        max-width: 150px;
    }
     .rna-section,
    .rna-section-alt {
        padding: 60px 0;
    }
     .rna-text-border {
        border-left: 3px solid var(--pear-green);
        padding-left: 14px;
    }
      .rna-glance-grid {
        grid-template-columns: 1fr;
    }
      .rna-highlight-box {
        padding: 24px 22px;
        border-radius: 0 16px 16px 0;
    }
      .rna-card-grid {
        grid-template-columns: 1fr;
    }
     .rna-pull-quote {
        border-radius: 30px;
        padding: 22px 24px;
    }
     .rna-cta {
        padding: 70px 0;
        background-attachment: scroll;
    }
     .pub-section {
        padding: 60px 0 40px;
    }

    .pub-section-alt {
        padding: 30px 0 60px;
    }
      .adv-section,
    .adv-section-alt {
        padding: 60px 0;
    }
     .adv-wide-image img {
        height: 240px;
    }

    .adv-pull-quote {
        margin-top: -25px;
        padding: 20px 24px;
        border-radius: 30px;
    }
     .toc-statement-section,
    .toc-problem-section,
    .toc-pathway-section {
        padding: 60px 0;
    }

    .tc-label {
        width: 56px;
        font-size: 11px;
    }

    .tc-connector {
        padding-left: 76px;
    }

    .tc-box {
        padding: 16px 20px;
    }

    .tc-box h3 {
        font-size: 15px;
    }

    .tc-box p {
        font-size: 13px;
    }

    .toc-problem-summary {
        font-size: 14px;
    }
    .impact-stat-card {
        padding: 35px 20px;
    }

    .impact-stat-icon {
        width: 64px;
        height: 64px;
        font-size: 24px;
        margin-bottom: 18px;
    }

    .impact-stat-card h3 {
        font-size: 36px;
    }

    .impact-stats-tagline {
        font-size: 16px;
        margin-top: 35px;
    }

    .impact-quote-card {
        padding: 24px 20px;
    }
    .tcd-glance-card {
        padding: 26px 14px;
    }

    .tcd-glance-icon {
        width: 48px;
        height: 48px;
        font-size: 18px;
        margin-bottom: 14px;
    }

    .tcd-glance-card h3 {
        font-size: 26px;
    }

    .tcd-glance-card p {
        font-size: 12px;
    }

    .tcd-approach-pill {
        padding: 18px 10px;
    }

    .tcd-approach-pill span {
        font-size: 12px;
    }

    .tcd-highlight-item {
        padding: 18px 18px;
        gap: 14px;
    }

    .tcd-highlight-num {
        font-size: 22px;
    }
    .tcd-approach-bg {
        background-attachment: scroll;
        padding: 60px 0;
    }
    .tcd-approach-bg .tcd-approach-pill {
        backdrop-filter: blur(4px);
    }
	   .pw-individual-grid {
        grid-template-columns: repeat(2, 1fr);
    }
	 .tcd-approach-pill {
        padding: 16px 10px;
    }
    .tcd-approach-pill span {
        font-size: 11.5px;
    }
    .tcd-approach-pill i {
        font-size: 18px;
    }
	 .hs-hub-details {
        padding: 24px 20px;
    }

    .hs-hub-details .hs-tag-list {
        grid-template-columns: 1fr;
    }

    .hs-cycle-step {
        font-size: 12px;
        padding: 8px 14px;
    }

    .hs-systemic-note {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
	.hs-cycle-step {
        font-size: 12px;
        padding: 8px 14px;
    }

    .hs-systemic-note {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .belief-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .belief-item {
        padding: 24px 20px;
    }
	 .back-to-top-btn {
        right: 20px;
        bottom: 20px;
        width: 44px;
        height: 44px;
    }

    .back-to-top-btn i {
        font-size: 14px;
    }
	 .stat-doc-request {
        padding: 28px 20px;
    }
    .stat-doc-request h4 {
        font-size: 20px;
    }
    .stat-doc-request p {
        font-size: 15px;
    }
	.cj-carousel {
        border-radius: 16px;
    }
    .cj-carousel-wrapper {
        border-radius: 16px;
    }
    .cj-slide-content {
        left: 20px;
        right: 20px;
        bottom: 20px;
    }
    .cj-slide-title {
        font-size: 1.6rem;
    }
    .cj-slide-desc {
        font-size: 1rem;
    }
    .cj-button-prev,
    .cj-button-next {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }
	  .cj-slide-sub {
        font-size: 0.75rem;
    }
	 .reach-circles {
        gap: 20px;
    }
    .reach-circle {
        width: 140px;
        height: 140px;
    }
    .reach-number {
        font-size: 26px;
    }
    .reach-label {
        font-size: 14px;
    }
	 .reach-circles {
        gap: 20px;
    }
    .reach-circle {
        width: 140px;
        height: 140px;
    }
    .reach-number {
        font-size: 26px;
    }
    .reach-label {
        font-size: 14px;
    }
	.our-story-section {
        padding: 40px 0 60px;
    }
   .our-story-content p {
    line-height: 1.5;
    text-align: justify;
    }
    .our-story-highlight {
        padding-left: 16px;
    }
	 .gi-bento-grid {
        grid-template-columns: 1fr;
    }

    .gi-bento-large {
        grid-column: span 1;
    }

    .gi-panel-heading {
        font-size: 26px;
    }

    .gi-letter-badge {
        width: 42px;
        height: 42px;
        font-size: 17px;
    }

    .gi-school-tags span {
        font-size: 12px;
        padding: 7px 14px;
    }

    .gi-collab-tile {
        padding: 20px 14px;
    }
	 .mcs-ghost-num { font-size: 100px; }
    .mcs-photo-frame { max-width: 240px; }
    .mcs-quote { font-size: 22px;
	line-height: 22px; }
    .mcs-desc { font-size: 14px !important; }
    .mcs-cta { margin-top: 50px; }
	.toolkit-modal {
        padding: 28px 24px;
        border-radius: 16px;
    }

    .toolkit-modal h3 {
        font-size: 24px;
    }

    .toolkit-modal .form-grid-2 {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .toolkit-modal .btn-submit-new {
        width: 100%;
        justify-content: center;
    }
	 .sp-impact-stats-row {
        flex-direction: column;
        gap: 30px;
    }
    .sp-impact-connector {
        flex-direction: row;
        gap: 12px;
    }
    .sp-impact-connector__line {
        width: 60px;
        height: 2px;
        background: linear-gradient(to right, #F2D62E, transparent);
    }
    .sp-impact-stat {
        min-width: unset;
        width: 100%;
    }
	 .out2-faq-q {
        font-size: 14.5px;
        padding: 18px 20px;
    }

    .out2-faq-a {
        padding: 0 20px;
    }

    .out2-faq-item.is-open .out2-faq-a {
        padding: 0 20px 20px;
    }
	 .imp-numbers-section {
        padding: 60px 0 70px;
    }

    .imp-bento-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 150px;
        gap: 16px;
    }

    .imp-bento-grid .imp-bento-item:nth-child(n) {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }

    .imp-bento-item {
        padding: 14px;
    }

    .imp-bento-num {
        font-size: 22px !important;
        margin-bottom: 6px;
    }

    .imp-bento-item p {
        font-size: 11px;
    }

    .imp-cost-figure {
        font-size: 30px;
    }
	 .inclusion-clean-section {
        padding: 40px 0;
    }
    .stat-from,
    .stat-to {
        font-size: 32px;
    }
    .stat-single .stat-number {
        font-size: 38px;
    }
    .stat-arrow {
        font-size: 16px;
    }
    .inclusion-clean-narrative {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 20px;
        gap: 16px;
    }
    .narrative-icon {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .narrative-text h5 {
        font-size: 18px;
    }
.section-title p {
    text-align: justify;
}
.impact-scatter-centre {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

  

    /* 110,000+ stat second */
    .impact-big-stat {
        order: 2;
        text-align: center;
        width: 100%;
        margin-bottom: 25px;
    }

    /* 7,000+ stat third */
    .impact-bottom-stat {
        order: 3;
        text-align: center;
        width: 100%;
    }
	.logo-meaning-card-minimal {
    height: 100% !important;
}
.core-values-section::before, .how-we-work::before, .home-alumni-featured::before, .partners-supporters-section::before, .media-gallery-square-section::before {
    width: 150px;
    margin-top: 20px;
   
}
.impact-intro-section, .out-fln-section {
    padding: 60px 0 60px;
}

.imp-cost-section {
    padding: 30px 0 30px;
}
   .impact-scatter-grid {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
		gap: 32px 0;
	}
		.impact-scatter-left,
	.impact-scatter-right {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 28px;
		justify-content: center;
	}

	.impact-scatter-left .impact-stat-item,
	.impact-scatter-right .impact-stat-item {
		align-items: center;
		text-align: center;
		flex: 0 0 calc(50% - 14px);
	}
	
	.impact-scatter-left .impact-stat-item,
	.impact-scatter-right .impact-stat-item {
		flex: 0 0 100%;
	}
	.imp-cost-card {
	display:block;
    padding: 20px 20px;
}
.out2-navtabs-wrap {
    position: unset;
}
.wwd-feature-list {
   display: block;
}
.hsp-navtabs-wrap {
    position: unset;
}
.gi-careers-section::before, .out-intro-section::before, .sp-modern-methodology::before, .cu-dashboard::before, .ra-intro-section::before, .tp-intro-section::before, .cu-dashboard-section::before {
    width: 150px;
    margin-top: 10px;
}
.ins-dept-grid {
    display: block;
}
.ins-feature-list {
    display: block;
}
.out2-model-grid {
    display: block;
}
.out2-model-card {
    padding: 20px;
    margin: 10px 0px;
}
.stp-lever-grid {
    grid-template-columns: repeat(1, 1fr) !important;
}
.awp-navtabs-wrap {
    position: unset;
}
.awp-model-card {
    flex-direction: column;
  
}
.out-research-card {
    padding: 15px !important;
    flex-direction: column; 
}
.fln-navtabs-wrap {
    position: unset;
}
.hsp-stat-number {
    font-size: 30px;
}
.out-image-wrapper{
	margin-bottom: 20px;
}
.ra-milestone-grid {
    grid-template-columns: repeat(1, 1fr);
}
.pw-partner-logo-grid {
    grid-template-columns: repeat(2, 1fr);
	gap: 5px;
}
.pw-partner-logo-item img {
    max-width: 100px;
}
.masonry-gallery {
    grid-template-columns: repeat(2,1fr);
	width: 100%;
	margin-top:10px;
}
.knowledge-content {
    width: 100%;
}
.knowledge-wrapper {
    display: block;
}
.collaboration-card {
    padding: 20px;
}
.don-nw-hero{
padding: 30px 0px !important;
}
.pill-check-icon {
    top: 5px !important;
    left: 5px !important;
    width: 13px !important;
    height: 13px !important;
}
.confirmtn_bx {
    padding: 15px !important;
}
.confirmtn_bx label.form-check-label {
    font-size: 14px;
    line-height: 18px;
}
.btn-default::before {
    right: 5px;
}

.alumni-card-image {
    height: 250px;
}	

    .home-alumni-grid {
        padding: 60px 0;
    }
    .alumni-card-body {
        padding: 20px;
    }
    .alumni-card-name {
        font-size: 20px;
    }
    .alumni-card-quote {
        font-size: 15px;
    }

    .comparison-percent {
        font-size: 38px;
    }
    .comparison-vs {
        font-size: 14px;
        padding: 0 6px;
    }
    .comparison-row {
        gap: 12px;
    }
    .multiplier-number {
        font-size: 28px;
    }

}

/* Extra small devices / 320px target (max 480px) */
@media screen and (max-width: 480px) {
	.navbar {
		padding: 8px 15px;
		border-radius: 20px;
	}

	.navbar-brand img {
		width: 85px;
	}

	.navbar-brand-line img {
		width: 100px;
	}

	.navbar-brand-line {
		margin-left: 5px;
	}

	.slicknav_btn {
		width: 32px;
		height: 32px;
	}

	.slicknav_icon .slicknav_icon-bar {
		width: 18px;
		height: 2px;
		margin: 3px auto !important;
	}

	.slicknav_menu {
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	.footer-logo img {
		width: 130px;
	}

	.footer-tagline p {
		font-size: 12px;
	}
	 .footer-trust-label {
        font-size: 12px;
    }

    .footer-address-content h4 {
        font-size: 15px;
    }
	.hero-stars,
	.hero-red-flower,
	.hero-butterfly {
		opacity: 0.4;
	}
		.circle-float {
		width: 200px;
		height: 200px;
	}

	.circle-number {
		font-size: 26px;
	}

	.circle-label {
		font-size: 12px;
		max-width: 160px;
	}
	 .about-image-left {
        max-width: 100%;
    }

    .years-badge {
        top: 10px;
        right: 10px;
        padding: 10px 14px;
    }

    .years-badge h2 {
        font-size: 26px;
    }

    .about-mission-box,
    .about-vision-box {
        padding: 16px 18px;
        border-left-width: 4px;
    }

    .about-mission-box h3,
    .about-vision-box h3 {
        font-size: 20px;
        letter-spacing: 1px;
    }

    .about-mission-box p,
    .about-vision-box p {
        font-size: 14px;
        line-height: 1.7;
    }

    .core-letter {
        font-size: 30px;
        min-width: 30px;
    }
    .core-word {
        font-size: 26px;
    }
	.meaning-words {
		flex-wrap: nowrap;
		gap: 0px;
	}

	.quote-left,
	.quote-right {
		font-size: 45px;
	}


	.word-and {
		font-size: 18px;
	}

	.meaning-text {
		font-size: 13px;
	}
	.banner-content h2 {
		font-size: 1.5rem;
	}

	.banner-buttons {
		flex-direction: column;
		width: 100%;
	}

	.btn-banner {
		justify-content: center;
		width: 100%;
	}

	.banner-badge {
		font-size: 10px;
		padding: 5px 15px;
	}

	/* .school-image-wrap {
		top: -55px;
	} */

	/* .school-image-wrap img {
		max-width: 150px;
	} */

	/* Shrink the colorful glow to fit the 150px mobile image */
	/* .how-we-work .glow {
		width: 140px !important;
		height: 140px !important;
		top: 20px !important;
	} */

	.school-glass-content h3 {
		font-size: 20px;
	}

	.readmore-btn {
		font-size: 14px;
	}
	 .our-testimonials-ultra {
        padding: 40px 0;
    }

    .testimonial-item-content-ultra p {
        font-size: 14px;
        line-height: 1.5;
    }

    .testimonial-item-body-ultra {
        gap: 8px;
    }

    .testimonial-author-content-ultra h2 {
        font-size: 15px;
    }

    .testimonial-author-content-ultra p {
        font-size: 12px;
    }
	 .testimonial-button-next,
    .testimonial-button-prev {
        width: 34px;
        height: 34px;
        font-size: 13px;
    }
		.footer-social-links-prime ul {
		justify-content: center;
	}
	.gi-jumptabs-section {
		top: 0px;
		/* Adjust to match your 320px screen sticky header height */
		padding: 15px 10px;
	}

	/* Use a Grid to force exactly 3 equal columns */
	.gi-jumptabs {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
		overflow-x: visible;
		/* Override any horizontal scrolling */
		width: 100%;
	}

	.gi-jumptab {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 11px;
		/* Smaller font to fit the grid */
		padding: 8px 5px;
		gap: 5px;
		text-align: center;
		background: transparent;
		/* Or rgba(0,0,0,0.03) if you want button backgrounds */
	}

	.gi-jumptab i {
		font-size: 18px;
		margin: 0;
	}
	.gi-jumptab span {
		display: none;
		/* hide text, show only icons on very small screens */
	}

	.gi-jumptab {
		padding: 8px 12px;
	}

	.gi-jumptab i {
		margin-right: 0;
		font-size: 1.1rem;
	}
	.cu-dashboard-section {
		padding: 40px 0;
	}

	.cu-main-title {
		font-size: 32px;
	}

	/* Maximize screen real estate on very small screens */
	.contact-info-wrapper,
	.contact-form-wrapper {
		padding: 20px;
		border-radius: 15px;
	}

	.contact-form-wrapper h3 {
		font-size: 22px;
	}

	/* Scale down the contact icons */
	.contact-icon-box {
		width: 40px;
		height: 40px;
		min-width: 40px;
		font-size: 16px;
	}

	/* Tighten contact list gaps and text */
	.contact-info-item-new {
		gap: 15px;
		margin-bottom: 20px;
	}

	.contact-details-new h6 {
		font-size: 16px;
	}

	.contact-details-new p,
	.contact-details-new a {
		font-size: 14px;
	}

	/* Scale down form inputs */
	.form-control-custom {
		padding: 12px 15px;
		font-size: 14px;
	}

	/* Scale down quick tags */
	.quick-tags-new button {
		padding: 5px 12px;
		font-size: 12px;
		margin-right: 5px;
		margin-bottom: 5px;
	}

	/* Scale down social buttons */
	.social-links-new a {
		width: 36px;
		height: 36px;
		font-size: 14px;
	}

	/* Further reduce map height */
	.cu-panoramic-map iframe {
		height: 250px !important;
	}
	.gi-academic-card {
		padding: 30px 15px;
		/* Tighter padding for 320px screens */
	}

	.gi-years-badge {
		width: 130px;
		height: 130px;
		border-width: 5px;
		/* Thinner border for small screens */
	}

	.gi-years-num {
		font-size: 42px;
	}

	.gi-academic-title {
		font-size: 22px;
	}

	/* Scale down the feature tags slightly */
	.gi-acad-feature {
		font-size: 12px;
		padding: 6px 12px;
		gap: 5px;
	}
	#donation-checkout .su-card,
	#donation-checkout .su-card-dark {
		padding: 20px !important;
		border-radius: 16px !important;
	}

	.checkout-sticky-card {
		margin-top: 10px !important;
	}

	.don-nw-freq-toggle {
		gap: 6px !important;
	}

	.don-nw-freq-btn {
		padding: 8px 4px !important;
		font-size: 13px;
		letter-spacing: -0.2px;
		white-space: normal !important;
		line-height: 1.2;
	}

	.su-btn-amount-pill {
		min-height: auto;
		padding: 10px 5px !important;
		white-space: normal !important;
	}

	.su-btn-amount-pill span {
		font-size: 16px !important;
	}

	#donation-checkout .input-group-text {
		padding: 8px 10px !important;
		font-size: 14px;
	}

	#custom_amount_input {
		padding-left: 8px !important;
	}

	#donation-checkout .nav-logo {
		height: 38px !important;
		width: auto !important;
	}

	#donation-checkout .fs-5.text-black {
		font-size: 1.1rem !important;
	}

	#display_total {
		font-size: 24px !important;
	}
	.ma-tagline {
		font-size: 15px;
	}
	 .wwd-model-light .wwd-model-grid {
        grid-template-columns: 1fr;
    }
	   .wwd-model-grid {
        grid-template-columns: 1fr;
    }
	 .ins-impact-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
	.awp-model-image {
        flex: 0 0 180px;
        height: 180px;
    }
    .awp-model-content {
        padding: 18px 16px;
    }
    .awp-model-content h4 {
        font-size: 18px;
    }
    .awp-card-badge {
        top: 10px;
        left: 10px;
        padding: 4px 12px;
        border-radius: 10px;
    }
    .awp-card-num {
        font-size: 18px;
    }
	  .fln-align-tag {
        padding: 8px 14px;
        font-size: 12px;
        gap: 6px;
    }
    .fln-align-tag i {
        font-size: 14px;
    }
	    .stp-hero-title {
        font-size: 30px;
    }

    .stp-lever-card {
        min-height: 280px;
        padding: 22px;
    }

    .stp-case-card {
        padding: 22px;
    }
	.sdg-item {
        flex: 0 0 calc(50% - 10px);
        max-width: 140px;
        padding: 12px 8px;
    }
    .sdg-icon {
        width: 50px;
        height: 50px;
    }
    .sdg-label {
        font-size: 0.65rem;
    }
	  .gi-way-item {
        font-size: 0.8rem;
        gap: 8px;
    }
    .gi-way-item i {
        font-size: 0.9rem;
        width: 20px;
    }
	 .pd-content h2 {
        font-size: 1.2rem;
    }
    .pd-text {
        font-size: 0.85rem;
    }
    .pd-text.highlight {
        padding-left: 12px;
    }
	 .ripple-item {
        padding: 10px 8px;
        min-width: 50px;
        border-radius: 14px;
    }
    .ripple-img {
        width: 28px;
        height: 28px;
    }
    .ripple-label {
        font-size: 0.65rem;
    }
    .ripple-arrow {
        font-size: 1rem;
    }
	 .ripple-desc {
        font-size: 12px;
        max-width: 120px;
    }
	.adv-collage {
        min-height: 300px;
    }

    .adv-collage-main img {
        height: 260px;
    }

    .adv-collage-small {
        width: 120px;
    }

    .adv-collage-small img {
        height: 150px;
    }
	  .pw-individual-grid {
        grid-template-columns: 1fr;
    }
	 .back-to-top-btn {
        right: 16px;
        bottom: 16px;
    }
	.cj-slide-meta {
        gap: 10px;
    }
    .cj-slide-step {
        font-size: 11px;
        padding: 2px 10px;
    }
    .cj-slide-icon {
        font-size: 18px;
    }
    .cj-slide-title {
        font-size: 1.3rem;
    }
    .cj-slide-desc {
        font-size: 0.9rem;
    }
	  .cj-slide-sub {
        font-size: 0.65rem;
    }
	.mcs-ghost-num { 
		font-size: 80px; 
	}
    .mcs-photo-frame { 
		max-width: 200px; border-width: 4px; 
	}
	 .toolkit-modal {
        padding: 22px 18px;
    }
	 .stat-from,
    .stat-to {
        font-size: 26px;
    }
    .stat-single .stat-number {
        font-size: 30px;
    }
    .stat-change {
        gap: 10px;
    }
    .stat-desc {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .reach-summary {
        padding: 28px 16px;
    }
    .reach-circle {
        width: 120px;
        height: 120px;
        padding: 12px;
    }
    .reach-number {
        font-size: 22px;
    }
    .reach-label {
        font-size: 12px;
    }
	  .reach-circle {
        width: 120px;
        height: 120px;
        padding: 12px;
    }
    .reach-number {
        font-size: 22px;
    }
    .reach-label {
        font-size: 12px;
    }
	 .partnership-project-title {
        font-size: 18px;
    }
    .partnership-grid-4,
    .partnership-grid-5,
    .partnership-grid-6 {
        grid-template-columns: 1fr 1fr !important;
    }
    .partnership-stats-grid .partnership-stat {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.25);
        padding: 14px 8px;
        min-height: 110px;
    }
    .partnership-stats-grid .partnership-stat:nth-child(even) {
        border-left: 1px solid rgba(255,255,255,0.25);
    }
    .partnership-number {
        font-size: 22px;
    }
    .partnership-desc {
        font-size: 11px;
        max-width: 140px;
    }
	  .gi-bento-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        gap: 16px;
    }
    .gi-bento-large {
        grid-column: span 1;
        grid-row: span 1;
        min-height: 280px;
    }
    .gi-bento-large-content {
        padding: 28px 24px;
    }
    .gi-bento-large-content h3 {
        font-size: 20px;
    }
    .gi-bento-tile {
        padding: 24px 18px;
    }
	 .pub-filter-bar {
        gap: 8px;
        margin-bottom: 30px;
    }

    .pub-filter-btn {
        padding: 8px 14px;
        font-size: 12.5px;
    }
	 .pub-grid {
        grid-template-columns: 1fr;
    }
	 .adv-video-grid {
        grid-template-columns: 1fr;
    }
	 .out2-stat-grid-6 {
        grid-template-columns: 1fr;
    }
		.footer-logo-bar::before,
	.footer-logo-bar::after {
		display: none;
	}
	.hero-video-bg-full-new {
        height: 100dvh;          /* Use dynamic viewport height */
        min-height: 100dvh;
        padding: 0;
    }
    .hero-full-wrapper-new {
        min-height: 100dvh;
        padding: 15px 0;
    }
    .hero-text-slider .swiper-slide {
        min-height: 240px;
        padding: 12px 0;
    }
    .hero-stat-block-new {
        gap: 6px;
    }
    /* 🔥 Even bigger on small phones */
    .hero-stat-number-new {
        font-size: clamp(2.8rem, 7vw, 3.8rem) !important;
    }
    .hero-stat-label-new {
        font-size: clamp(1.1rem, 2.5vw, 1.4rem) !important;
        line-height: 1.4;
    }
    .hero-slide-last .hero-stat-number-new {
        font-size: clamp(2rem, 4.5vw, 2.8rem) !important;
    }
    .hero-donate-cta-new .btn-default {
        padding: 12px 26px;
        font-size: 0.95rem;
    }
    .hero-slider-pagination-new {
        margin-top: 16px;
        gap: 8px;
    }
    .hero-slider-pagination-new .swiper-pagination-bullet {
        width: 9px;
        height: 9px;
    }
    .hero-slider-pagination-new .swiper-pagination-bullet-active {
        width: 24px;
    }
    .hero-stars-full-new {
        width: 55px;
        top: 10px;
        right: 5px;
    }
    .hero-red-flower-full-new {
        width: 45px;
        bottom: 10px;
        left: 8px;
    }
    .hero-butterfly-full-new {
        width: 40px;
        top: 12%;
        left: 5%;
    }
		.approach-section::before,
	.how-we-work::before,
	.partners-supporters-section::before,
	.media-gallery-square-section::before {
		width: 150px;
		/* opacity: 0.06; */
	}
	.approach-section::before,
	.how-we-work::before,
	.partners-supporters-section::before,
	.media-gallery-square-section::before {
		width: 150px;
		margin-top: 100px;
	}

	.approach-section::after,
	.how-we-work::after,
	.partners-supporters-section::after,
	.media-gallery-square-section::after {
		width: 150px;
		margin-bottom: 80px;
	}
	/* Hero Section */
	.mukt-breadcrumb {
		font-size: 13px;
		justify-content: center;
	}

	.tp-main-title {
		font-size: 30px !important;
	}

	/* Programs Section */
	.tp-program-row {
		margin-bottom: 50px;
	}

	.tp-program-content {
		padding-left: 15px;
		border-left-width: 3px;
	}

	.tp-program-title {
		font-size: 26px !important;
		margin-bottom: 15px;
	}

	.tp-program-desc {
		font-size: 15px;
	}

	.tp-program-tag {
		font-size: 12px;
		margin-bottom: 10px;
	}
	/* Hero Section */
	.hero-section {
		padding: 130px 0 80px;
	}

	.hero-title {
		font-size: 38px !important;
	}

	.hero-subtitle {
		font-size: 15px;
	}

	.hero-badge {
		font-size: 13px;
		padding: 10px 18px;
		margin-bottom: 15px;
	}

	/* Nav Tabs */
	.gi-nav-tabs {
		gap: 10px;
	}

	.gi-nav-tabs a {
		padding: 10px 18px;
		font-size: 14px;
		width: 100%;
		text-align: center;
	}

	/* General Sections */
	.gi-main-section {
		padding: 50px 0;
	}

	.gi-section-heading h2,
	.gi-section-content h2 {
		font-size: 30px !important;
	}

	.gi-section-content p {
		font-size: 15px;
	}

	/* Careers Image Stack */
	.gi-main-image {
		height: 300px;
		border-radius: 20px;
	}

	.gi-floating-card {
		position: relative;
		bottom: auto;
		left: auto;
		margin-top: -30px;
		margin-left: 20px;
		margin-right: 20px;
		max-width: 100%;
		padding: 15px;
		border-radius: 15px;
		z-index: 2;
	}

	/* Highlight Box */
	.gi-highlight-box {
		padding: 15px;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	/* Buttons */
	.gi-section-content .d-flex.gap-3 {
		flex-direction: column;
		width: 100%;
	}

	.gi-section-content .btn-default,
	.gi-section-content .btn-outline {
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	/* Volunteer Cards & Images */
	.gi-benefit-card {
		padding: 20px;
	}

	.gi-benefit-card span {
		font-size: 32px;
		margin-bottom: 5px;
	}

	.gi-benefit-card h5 {
		font-size: 18px;
	}

	.gi-volunteer-image-wrap img {
		height: 350px;
		border-radius: 20px;
	}

	.gi-volunteer-badge {
		bottom: 15px;
		left: 15px;
		right: 15px;
		padding: 12px;
		flex-wrap: wrap;
		justify-content: center;
	}

	.gi-volunteer-badge i {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}

	.gi-volunteer-badge span {
		font-size: 13px;
		text-align: center;
	}

	/* Research Section */
	.gi-academic-card {
		padding: 30px 20px;
		border-radius: 20px;
	}

	.gi-years-badge {
		width: 140px;
		height: 140px;
		border-width: 5px;
	}

	.gi-years-num {
		font-size: 46px;
	}

	.gi-academic-title {
		font-size: 24px;
	}

	.gi-academic-desc {
		font-size: 15px;
	}

	.gi-acad-feature {
		font-size: 13px;
		padding: 8px 14px;
	}

	/* Courses Section */
	.gi-collage-wrap {
		min-height: 380px;
	}

	#courses .gi-section-content {
		margin-top: -50px;
		/* Increase this to -60px or -70px if you want it even tighter */
	}

	.gi-collage-main {
		height: 320px;
		border-radius: 20px;
	}

	.gi-collage-small {
		width: 140px;
		height: 180px;
		bottom: 20px;
		border-width: 4px;
		border-radius: 15px;
	}

	/* Vacancies Box */
	.gi-vacancy-card {
		padding: 25px 20px;
	}

	.gi-vacancy-item {
		flex-direction: column;
		gap: 10px;
		text-align: center;
		align-items: center;
	}

	.gi-vacancy-item i {
		width: 45px;
		height: 45px;
		font-size: 18px;
	}

	/* CTA Section */
	.gi-cta-section {
		padding: 70px 0;
	}

	.gi-cta-box h2 {
		font-size: 36px;
	}

	.gi-cta-box p {
		font-size: 15px;
	}

	.banner-buttons {
		flex-direction: column;
		width: 100%;
		gap: 15px;
	}

	.btn-banner {
		width: 100%;
		justify-content: center;
		margin: 0;
	}
	.partners-grid {
		grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
		gap: 15px;
	}

	.partner-card {
		max-width: 110px;
		padding: 12px;
	}

	.partner-logo-wrapper img {
		max-height: 50px;
	}

	.pfilter-btn {
		padding: 6px 14px;
		font-size: 12px;
	}
	.awards-blog-slider .blog-slider__img {
		width: 100%;
		/* Uses full width of container */
		max-width: 250px;
		/* Slightly smaller maximum width for very small phones */
	}

	.awards-blog-slider .blog-slider__content {
		padding: 0;
	}
	.pw-engage-grid {
		grid-template-columns: 1fr;
	}
		.pw-individual-grid {
		grid-template-columns: 1fr;
	}
	.stat-doc-grid {
		grid-template-columns: 1fr;
	}
	.ssc-milestone-section {
		padding: 50px 0;
	}

	.ssc-highlight-box {
		padding: 26px 20px;
	}

	.ssc-highlight-number {
		font-size: 44px;
	}

	.ssc-highlight-number span {
		font-size: 24px;
	}

	.ssc-highlight-label {
		font-size: 14px;
		margin-bottom: 4px;
	}

	.ssc-highlight-pct {
		font-size: 11px;
		padding: 3px 10px;
		margin-bottom: 12px;
	}

	.ssc-highlight-desc {
		font-size: 12.5px;
	}

	.ssc-stat-row {
		padding: 16px 14px;
		gap: 12px;
		border-radius: 12px;
	}

	.ssc-sr-number {
		font-size: 28px;
		min-width: 52px;
	}

	.ssc-sr-body strong {
		font-size: 13.5px;
	}

	.ssc-sr-body p {
		font-size: 12px;
	}
		.alumni-section {
		padding: 40px 0 60px;
	}

	.alumni-intro {
		font-size: 14px;
		margin-bottom: 18px;
	}

	.alumni-body {
		font-size: 13.5px;
	}

	.alumni-quote p {
		font-size: 13.5px;
	}

	.alumni-quote cite {
		font-size: 12px;
	}

	.alumni-photo {
		height: 220px;
	}

	.alumni-img-frame {
		margin-top: 30px;
	}

	.alumni-badge {
		bottom: -12px;
		left: 10px;
		padding: 10px 14px;
		min-width: 72px;
		border-radius: 12px;
	}

	.alumni-badge-number {
		font-size: 20px;
	}

	.alumni-badge-label {
		font-size: 9px;
	}
    .gi-why-grid {
        grid-template-columns: 1fr;
    }

    .gi-why-lead {
        font-size: 16px;
    }
}
/* ===== EXTRA SMALL (≤ 400px) ===== */
@media (max-width: 400px) {
    .hero-video-bg-full-new {
        height: 100dvh;
        min-height: 100dvh;
    }
    .hero-full-wrapper-new {
        min-height: 100dvh;
        padding: 10px 0;
    }
    .hero-text-slider .swiper-slide {
        min-height: 200px;
        padding: 8px 0;
    }
    .hero-stat-number-new {
        font-size: clamp(2.4rem, 6vw, 3.2rem) !important;
    }
    .hero-stat-label-new {
        font-size: clamp(1rem, 2vw, 1.2rem) !important;
        line-height: 1.3;
    }
    .hero-slide-last .hero-stat-number-new {
        font-size: clamp(1.8rem, 3.5vw, 2.4rem) !important;
    }
    /* .hero-donate-cta-new .btn-default {
        padding: 10px 20px;
        font-size: 0.85rem;
    } */
    .hero-stars-full-new {
        width: 45px;
    }
    .hero-red-flower-full-new {
        width: 35px;
    }
    .hero-butterfly-full-new {
        width: 30px;
    }
}
@media (max-width: 600px) {
	/* .meaning-words {
		gap: 8px;
	} */

	.quote-left,
	.quote-right {
		font-size: 40px;
	}

	.word-and {
		font-size: 24px;
	}

	.meaning-col:first-child,
	.meaning-col:last-child {
		max-width: 280px;
	}
	.impact-scatter-section {
		padding: 60px 0 44px;
	}

	.impact-scatter-title h2 {
		font-size: 1.8rem;
	}

	.isi-number {
		font-size: 2.4rem;
	}

	.isi-number-big {
		font-size: 3rem;
	}

	.impact-scatter-cta {
		flex-direction: column;
		align-items: center;
	}

	.impact-scatter-cta .ms-3 {
		margin-left: 0 !important;
	}
}

@media (max-width: 380px) {
	.tp-hero-title {
		font-size: 32px !important;
	}

	.tp-main-title {
		font-size: 26px !important;
	}

	.tp-program-title {
		font-size: 24px !important;
	}
		.hero-title {
		font-size: 32px !important;
	}

	.gi-section-heading h2,
	.gi-section-content h2 {
		font-size: 26px !important;
	}

	.gi-years-badge {
		width: 120px;
		height: 120px;
	}

	.gi-years-num {
		font-size: 38px;
	}

	.gi-collage-main {
		height: 280px;
	}

	.gi-collage-small {
		width: 110px;
		height: 140px;
	}

	.gi-cta-box h2 {
		font-size: 30px;
	}

	.gi-collage-wrap {
		min-height: 340px;
	}

	#courses .gi-section-content {
		margin-top: -40px;
	}
	.ssc-milestone-section {
		padding: 40px 0;
	}

	.ssc-highlight-box {
		padding: 22px 16px;
	}

	.ssc-highlight-number {
		font-size: 38px;
	}

	.ssc-highlight-label {
		font-size: 13px;
	}

	.ssc-stat-row {
		padding: 14px 12px;
		gap: 10px;
	}

	.ssc-sr-number {
		font-size: 24px;
		min-width: 46px;
	}

	.ssc-sr-body strong {
		font-size: 12.5px;
		margin-bottom: 4px;
	}

	.ssc-sr-body p {
		font-size: 11.5px;
		line-height: 1.5;
	}
	.alumni-section {
		padding: 36px 0 56px;
	}

	.alumni-intro {
		font-size: 13.5px;
	}

	.alumni-body {
		font-size: 13px;
	}

	.alumni-photo {
		height: 190px;
		border-radius: 16px;
	}

	.alumni-quote {
		padding: 8px 12px;
	}

	.alumni-quote p {
		font-size: 13px;
	}

}