@media screen and (min-width: 1800px) {}

@media screen and (max-width: 1600px) {}

@media screen and (min-width: 1400px) {}

@media screen and (max-width: 1400px) {}

@media (min-width: 1200px) and (max-width: 1399px) {}

@media (max-width: 1399px) {
    .icon-hearts-right {
        top: -50px;
        right: 00;
        width: 70px;
    }

    .icon-brain-bottom {
        bottom: -50px;
        left: -90px;
        width: 70px;
    }

    .icon-heart-brain {
        top: 150px;
        left: -32px;
        width: 50px;
    }

    .main-heading {
        font-size: 58px;
    }

    .comunity-bxx {
        padding: 30px 0 75px 0;
    }

    .about-banner .profile-middle {
        right: 0;
    }

    .about-banner .profile-botm {
        right: -40px;
    }

    .about-banner .profile-top {
        left: -40px;
        width: 100px;
        top: 0;
    }

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

    .events-hero-section .right-bulb-art {
        display: none;
    }
}

@media (max-width: 1199px) {
    .team-section .job-title br {
        display: none;
    }

    .catalyst-section .marketing-side {
        padding: 40px;
    }

    .custom-header .navbar-nav .nav-link {

        /* Text left me aur icon right me stretch hoga */
        font-size: 15px;
    }

    .custom-header .navbar-nav .dropdown-menu {
        box-shadow: none;
        background-color: #fafafa;
        margin-top: 5px;
        padding-left: 15px;
    }

    .custom-header .navbar-nav .dropdown-toggle.show .dropdown-icon {
        transform: rotate(180deg);
    }

    .who-we-are-card {
        padding: 50px 40px;
    }

    .investment-section-wrapper .investment-main-card {
        padding: 45px 30px;
    }

    .investment-section-wrapper .custom-cards-grid {
        gap: 20px;
    }

    .investment-section-wrapper .community-feature-card {
        padding: 30px 22px;
        min-height: 250px;
    }

    .custom-header .navbar-nav .nav-link {
        font-size: 13px;
    }

    .custom-header .container-fluid {
        padding: 0 35px;
    }

    .custom-header .navbar-nav {
        gap: 15px;
    }

    .content-box-col h2 {
        font-size: 32px;
    }


    .team-cutout-img {
        margin: auto;
        width: 70%;
    }

    .cta-actions-flex {
        justify-content: center;
    }

    .pillars-section .pillars-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .pillars-section .pillar-card {
        flex: unset;
        width: 45%;
        /* Tablets par 2 columns banenge */
    }

    .pillars-section .pillar-connector {
        display: none;
        /* Screen choti hone par arrows hide ho jayenge */
    }

    .who-we-are-card .sub-heading,
    .impact-section .sub-heading,
    .serve-section .sub-heading,
    .approach-section .approach-card-wrapper .sub-heading,
    .feedback-section .sub-heading,
    .story-section .section-heading .sub-heading,
    .values-section .sub-heading,
    .partnerships-section .sub-heading,
    .pillars-section .section-heading .sub-heading,
    .what-we-do-section .sub-heading,
    .About_impact-section .sub-heading,
    .leadership-section .sub-heading,
    .commitment-section .sub-heading,
    .why-matters-section .sub-heading,
    .support-section .section-heading .sub-heading,
    .outcomes-section .sub-heading,
    .volunteer-section .section-heading .sub-heading,
    .catalyst-section .main-hero-heading,
    .team-section .sub-heading,
    .partner-section .section-heading .sub-heading,
    .internship-section .sub-heading,
    .upcoming-events-section .upcoming-events-bxx .sub-heading,
    .past-events-section .past-events-bxx .sub-heading {
        font-size: 32px;
    }

    .left-content-block p {
        font-size: 15px;
    }

    .doodle-brain {
        bottom: -70px;
        width: 60px;
    }

    .btn-partner {
        padding: 11px 25px;
        font-size: 16px;
    }

    .sub-heading br {
        display: none;
    }

    .impact-section .heading-underline {
        width: 30%;
    }

    .impact-section .counter-number {
        font-size: 32px;
    }

    .doodle-rays {
        top: -50px;
        width: 45px;
    }

    .serve-section .serve-brain {
        width: 80px;
    }

    .serve-section .serve-hearts-right {
        width: 60px;
    }

    .serve-section .serve-bxx .section-heading p {
        width: 60%;
    }

    .approach-section .list-item-text {
        font-size: 16px;
    }

    .approach-section .approach-info-col {
        padding: 30px 30px;
    }

    .approach-section {
        padding: 25px 0 50px;
    }

    .feedback-section .section-heading {
        width: 70%;
    }

    .feedback-hearts-right {
        left: -60px;
        width: 60px;
    }

    .feedback-heart {
        width: 48px;
        top: 0;
        right: -20px;
    }

    .wave-container {
        bottom: -32px;
    }

    .outcomes-section .headt-after {
        right: 0;
        top: 0;
        width: 48px;
    }

    .intro-highlight {
        font-size: 13px;
    }

    .support-section .left-content-wrapper>p {
        font-size: 20px;
    }

    .outcomes-section .out-comes-content {
        padding: 30px;
    }

    .flagship-section .sub-heading2 {
        font-size: 20px;
    }

    .contact-banner .sub-text {
        width: 100%;
    }

    .contact-info-section .section-heading {
        font-size: 24px;
    }

    .contact-info-section .info-paragraph {
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 168%;
    }
}

@media (max-width: 991px) {
    .mosaic-wrapper .mosic-imag {
        width: 87%;
    }

    /* Main Box Height & Padding */
    .comunity-bxx {
        height: auto;
        padding: 70px 0;
    }

    /* Main Heading */
    .main-heading {
        font-size: 52px;
        margin-bottom: 18px;
    }

    /* Sub Headline */
    .sub-headline {
        font-size: 20px;
        margin-bottom: 10px;
    }

    /* Description Text */
    .description-text {
        font-size: 16px;
        width: 100%;
        margin-bottom: 20px;
    }

    /* Partner Button */
    .btn-partner {
        font-size: 16px;
        padding: 12px 20px;
    }

    /* Content Column */
    .content-col {
        order: 2;
        text-align: center;
        margin-top: 30px;
    }

    /* Sub headline underline centering */
    .sub-headline {
        margin-left: auto;
        margin-right: auto;
    }

    /* Image Column */
    .image-col {
        order: 1;
    }

    /* Image Frame Container */
    .image-frame-container {
        width: 80%;
        margin: 0 auto;
        border-width: 7px;
        border-radius: 20px;
    }

    /* Featured Image */
    .featured-image {
        border-radius: 12px;
    }

    /* Floating Vector Icons */
    .icon-top-rays {
        top: -25px;
        left: -30px;
        width: 100px;
    }

    .icon-heart-brain {
        top: 100px;
        left: -25px;
        width: 55px;
    }

    .icon-brain-bottom {
        bottom: -30px;
        left: -70px;
        width: 75px;
    }

    .icon-hearts-right {
        top: -15px;
        right: -60px;
        width: 60px;
    }

    /* Owl Nav Arrows */
    .prev-slide {
        left: -20px;
    }

    .next-slide {
        right: -20px;
    }

    .nav-btn {
        width: 36px;
        height: 36px;
    }

    .nav-btn svg {
        width: 16px;
        height: 16px;
    }

    /* Owl Dots */
    .owl-theme .owl-dots {
        bottom: -40px;
    }

    /* Mosaic Wrapper - Slide 2 */
    .mosaic-wrapper {
        margin-top: 30px;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .join-card-container {
        padding: 40px 30px 0;
    }

    .team-cutout-img {
        margin-bottom: 0;
        margin-top: 0;
        max-width: 90%;
    }

    .content-box-col {
        text-align: center;
        align-items: center;
    }

    .content-box-col p {
        margin-left: auto;
        margin-right: auto;
    }

    .cta-actions-flex {
        justify-content: center;
    }

    .investment-section-wrapper .custom-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        /* 2 columns grid */
        gap: 20px;
    }

    .investment-section-wrapper .grid-card-1,
    .investment-section-wrapper .grid-card-2,
    .investment-section-wrapper .grid-card-3,
    .investment-section-wrapper.grid-card-4,
    .investment-section-wrapper .grid-card-5 {
        grid-column: span 1;
        /* Reset grid spans */
    }

    /* Make the last card span fully across if it's single */
    .investment-section-wrapper .grid-card-5 {
        grid-column: span 2;
    }

    .custom-header .navbar-expand-lg .navbar-nav {
        gap: 0;
    }

    .main-heading br {
        display: none;
    }

    .impact-section .divider-right::after {
        display: none;
    }

    .image-frame-container {
        margin: 0 auto 0 auto;
    }

    .serve-section .serve-brain {
        left: 0;
    }

    .vector-icon {
        display: none;
    }

    .who-we-are-card {
        padding: 50px 30px;
    }

    .left-content-block {
        text-align: center;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .media-frame-outer {
        margin-right: auto;
    }

    .doodle-artifact {
        display: none !important;
    }

    .investment-section-wrapper .grid-card-4 {
        grid-column: 2 / span 1;
    }

    .who-we-are-section .figma-video-frame-outer {
        margin: 30px auto 0 auto;
    }

    .studio-main-footer {
        padding: 60px 0 30px 0;
    }

    .footer-identity-box {
        margin-bottom: 20px;
    }

    .gallery-section .gallery-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .gallery-section .wave-separator {
        transform: rotate(90deg);
        height: 0px;
        width: 0;
        background-repeat: repeat-x;
        text-align: center;
        margin: 0 0 auto;
        display: flex;
        align-items: center;
    }

    .gallery-section .box-yellow,
    .box-pink,
    .box-red {
        width: 100%;
        max-width: 350px;
        height: 240px;
    }

    .approach-section .approach-info-col p {
        font-size: 16px;
    }

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

    .author-role {
        font-size: 12px;
    }

    .join-card-container {
        width: 100%;
    }

    /* ------------------------- */
    .navbar {
        padding: 10px 0;
    }

    .navbar-collapse {
        padding: 40px;
        border-top: 2px solid #e9ecef;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        width: 100%;
        z-index: 999;
        height: 100vh !important;
        align-items: baseline;
        transform: translatey(-120%);
        transition: all .4s;
    }

    .navbar-toggler:focus,
    .navbar-toggler:hover {
        box-shadow: none !important;
        outline: none !important;
    }

    #customToggleBtn {
        border: none;
        background: transparent;
        position: absolute;
        right: 1rem;
        z-index: 99;
        top: 1rem;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 2px solid #000;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #customToggleBtn i {
        color: #000;
    }

    .navbar-nav {
        flex-direction: column;
        gap: 0;
    }

    .nav-item {
        border-bottom: 1px solid #f0f0f0;
        padding: 10px 0;
    }

    .nav-link {
        padding: 12px 0 !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nav-link::after {
        display: none;
    }



    .dropdown-toggle {
        width: 100%;
        justify-content: space-between;
    }

    .dropdown-icon {
        font-size: 14px;
        transition: transform 0.3s ease;
    }

    /* Mobile dropdown closed state */
    .dropdown-menu {
        position: static !important;
        float: none;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        border: none;
        box-shadow: none;
        background-color: #f8f9fa;
        display: none;
        animation: none;
    }

    /* Mobile dropdown open state */
    .dropdown-menu.show {
        display: block;
        animation: slideDown 0.3s ease;
    }

    .dropdown-item {
        padding: 12px 0 12px 30px;
        background-color: #f8f9fa;
        border-left: 3px solid transparent;
        transition: all 0.3s ease;
    }

    .dropdown-item::before {
        display: none;
    }

    .dropdown-item:hover {
        background-color: #e7f1ff;
    }

    .dropdown-item.active {
        background-color: #e7f1ff;
        border-left-color: #007bff;
        color: #007bff;
    }

    /* Donate button mobile */
    .d-flex.justify-content-xl-end {
        margin-top: 15px;
        padding-top: 15px;
    }

    .btn-donate {
        padding: 12px 20px;
    }

    .navbar-toggler {
        padding: 0 !important;
    }

    .navbar-toggler-icon {
        width: 25px;
        height: 3px;
        background-color: #2c3e50;
        margin: 5px 0;
        display: block;
        border-radius: 2px;
        transition: all 0.3s ease;


    }

    #mainNavbar.show {
        transform: translatey(0);
    }

    .custom-header .navbar-nav .dropdown-menu {
        transform: translateY(5px);
    }

    .custom-header .dropdown-item {
        font-size: 13px;
    }

    .what-we-do-section .wwd-intro-text {
        width: 70%;
    }

    .mission-section .center-divider {
        display: none;
    }

    .volunteer-section .volunteer-content p {
        max-width: 100%;
    }

    .blob-imag {
        width: 100%;
    }

    .blob-imag img {
        width: 100%;
    }

    .get-involved-section {
        height: auto;
    }

    .get-involved-section .section-heading {
        text-align: center;
        margin-bottom: 0;
    }




    .get-involved-section .blob-frame-wrapper {
        margin-top: 30px;
    }



    .get-involved-section .bottom-arc-ring {
        width: 50px;
        right: 5px;
    }

    .get-involved-section .waves-image {
        width: 110px;
        top: -30px;
    }

    .get-involved-section .wavy-doodle-lines {
        width: 80px;
        left: -20px;
    }

    .catalyst-section .nav-pills-custom .nav-link {
        justify-content: center;
    }

    .team-section .section-heading p {
        width: 100%;
    }

    .partner-section .partner-card p {
        width: 100%;
    }

    .internship-section .sub-heading,
    .internship-section .program-title,
    .internship-section .highlight-list {
        width: 100%;
    }

    .internship-section .internship-bxx {
        padding: 30px;
    }

    .contact-info-section .form-box-card {
        margin-top: 40px;
    }

    .events-hero-section .events-hero-section {
        text-align: center;
        padding: 60px 0;
    }

    .events-hero-section .image-grid-container {
        margin-top: 50px;
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .events-hero-section .right-bulb-art,
    .events-hero-section .top-sparkle,
    .events-hero-section .yellow-doodle {
        display: none;
        /* Mobile clean look ke liye */
    }

   .gallery-section .gallery-wrapper {
        height: auto;
        margin-top: 0;
    }
   
}

/* Vertical Divider Lines between columns (Desktop only) */
@media (min-width: 768px) {
    .upcoming-events-section .events-main-title {
        font-size: 2rem;
    }

    .upcoming-events-section .title-sparkle-lines {
        display: none;
    }

    .impact-section .divider-right::after {
        content: "";
        position: absolute;
        right: 0;
        top: 25%;
        height: 50%;
        width: 1px;
        background-color: #dc201a;
        /* Light red/pink divider line */
        opacity: 0.7;
    }

    .interactive-side {
        flex-direction: column;
    }

    .main-hero-heading {
        font-size: 2.3rem;
    }

}

@media (max-width: 767px) {

    .contact-banner .sparkle-lines,
    .bulb-icon {
        display: none;
    }

    .get-involved-section .section-heading h1.main-heading {
        font-size: 36px;
        line-height: 1.2;
    }

    .get-involved-section .section-heading p {
        font-size: 16px;
        line-height: 150%;
        margin: 15px 0;
    }

    .get-involved-section .buttons-flex-container {
        align-items: center;
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .get-involved-section .buttons-flex-container .btn-partner {
        width: auto;
        text-align: center;
        padding: 14px 20px;
    }

    .get-involved-section .blob-frame-wrapper {
        padding: 20px;
    }

    .get-involved-section .right-bulb-vector {
        width: 50px;
        bottom: 20px;
        left: 10px;
    }

    .get-involved-section .bottom-arc-ring {
        width: 45px;
        right: 10px;
        top: 45%;
    }

    .get-involved-section .waves-image {
        width: 90px;
        top: -20px;
    }

    .get-involved-section .wavy-doodle-lines {
        width: 70px;
        left: -15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .get-involved-section .blob-imag img {
        width: 100%;
        height: auto;
    }

    .internship-section .videoslider-bx {
        width: 100%;
    }

    .internship-section .video-card {
        height: auto;
    }

    .volunteer-section .volunteer-card {
        padding: 40px 20px;
    }

    .about-banner .profile-top {
        left: 0;
    }

    .internship-section .internship-sparkle-lines {
        display: none;
    }

    .what-we-do-section .wwd-intro-text {
        width: 100%;
    }

    .what-we-do-section .profile-middle img {
        width: 60%;
    }

    .what-we-do-section .wwd-dark-card {
        padding: 35px;
    }

    .team-cutout-img {
        width: 100%;
    }

    .commitment-section .cc-content {
        padding: 30px;
    }

    .commitment-section .spark-accent {
        display: none;
    }

    .About_impact-section .About_impact-content {
        padding: 30px;
    }

    .About_impactbrain-after {
        width: 53.58px;
        top: 0;
    }

    .partners-section {
        padding: 40px 0;
    }

    .values-section .values-main {
        padding: 30px;
    }

    .leadership-section .sub-heading {
        font-size: 28px;
    }

    .leadership-section .header-flex-row {
        gap: 0;
        margin-bottom: 40px !important;
    }

    .story-section .story-sparkle-lines {
        left: 0;
    }

    .mission-section .corner-icon img {
        width: 100%;
    }

    .footer-base-hr {
        margin: 50px 0 25px 0;
    }

    .impact-section .counter-text {
        width: 100%;
        font-size: 15px;
    }

    .serve-section .serve-brain {
        left: -20px;
        top: -20px;
    }

    .serve-section .serve-bxx .section-heading p {
        width: 100%;
    }

    .serve-section .serve-bxx {
        padding: 30px;
    }

    .feedback-section .section-heading {
        width: 100%;
    }

    .impact-section .heading-underline {
        width: 60%;
    }

    /* Main Box */
    .comunity-bxx {
        padding: 40px 0;
    }

    /* Main Heading */
    .main-heading {
        font-size: 42px;
        margin-bottom: 15px;
    }

    /* Sub Headline */
    .sub-headline {
        font-size: 18px;
    }

    /* Description */
    .description-text {
        font-size: 15px;
        line-height: 150%;
        margin-bottom: 18px;
    }

    /* Partner Button */
    .btn-partner {
        font-size: 14px;
        padding: 11px 18px;
        gap: 8px;
    }

    .arrow-icon {
        width: 20px;
        height: 20px;
    }

    /* Image Frame */
    .image-frame-container {
        width: 90%;
        border-width: 6px;
        border-radius: 16px;
    }

    .featured-image {
        border-radius: 10px;
    }

    /* Vector Icons - smaller */
    .icon-top-rays {
        top: -20px;
        left: -20px;
        width: 80px;
    }

    .icon-heart-brain {
        top: 80px;
        left: -20px;
        width: 45px;
    }

    .icon-brain-bottom {
        bottom: -20px;
        left: -50px;
        width: 60px;
    }

    .icon-hearts-right {
        top: -10px;
        right: -40px;
        width: 50px;
    }

    /* Mosaic */
    .mosaic-wrapper {
        width: 85%;
    }

    .leadership-section .team-section-wrapper {
        padding: 40px 20px;
    }

    .leadership-section .header-flex-row {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 20px;
    }

    .mission-section .mission-vision-card {
        padding: 40px 20px;
    }

    .mission-section .center-divider {
        margin: 30px 0;
    }

    .mission-section .yellow-wave {
        transform: rotate(90deg);
        height: 30px;
        width: 100px;
    }

    .mission-section .corner-icon {
        top: 15px;
        right: 20px;
    }

    .mission-section .mv-title {
        font-size: 2rem;
    }

    /* Mobile Viewports par components alignment content clear stack balance handles */
    .studio-main-footer {
        text-align: left;
    }

    .footer-email-capsule {
        max-width: 100%;
    }

    .base-bar-flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .social-links-row {
        align-self: flex-start;
        margin-top: 5px;
    }

    .approach-section .approach-info-col {
        padding: 40px 30px;
    }

    .approach-section .list-item-text {
        font-size: 15px;
    }

    .investment-section-wrapper .investment-section-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
    }


    .investment-section-wrapper .investment-main-card {
        border-radius: 24px;
        padding: 35px 20px;
    }

    /* Grid entirely collapses into a clean standalone stacked line-up */
    .investment-section-wrapper .custom-cards-grid {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .investment-section-wrapper .community-feature-card {
        min-height: auto;
        padding: 28px 24px;
        height: auto;
    }

    .investment-section-wrapper .card-heading {
        font-size: 1.2rem;
    }

    .investment-section-wrapper .card-body-text {
        font-size: 0.9rem;
    }

    .impact-section .counter-item {
        margin-bottom: 30px;
    }

    .impact-section .counter-number {
        font-size: 2rem;
    }

    .approach-section .approach-card-wrapper {
        border-radius: 20px;
    }

    .approach-section .approach-img-col {
        min-height: 280px;
    }



    .pillars-section .pillar-card {
        width: 100%;
    }

    .flg-sitkes,
    .flagship-section .flg-bxx {
        display: none;
    }

    .flagship-section .flga-bxxx {
        padding: 20px;
    }

    .flagship-section .play-btn {
        width: 35px;
        height: 35px;
    }

    .internship-section .video-card {
        height: 420px;
    }

    .internship-section .owl-prev {
        left: -10px;
    }

    .internship-section .owl-next {
        right: -10px;
    }

    .team-section .join-subtitle {
        font-size: 1.1rem;
    }

    .team-section .job-card {
        padding: 20px;
    }

    .team-section .job-title {
        font-size: 1.1rem;
    }

    .catalyst-section .marketing-side {
        padding: 40px 25px;
    }

    .catalyst-section .main-hero-heading {
        font-size: 2rem;
    }



    .internship-section .intro-text {
        font-size: 15px;
        width: 100%;
    }

    .upcoming-events-section .title-sparkle-lines {
        left: 0;
    }
}

@media (max-width: 575px) {
    .map-wrapper-section .map-container-card {
        height: 350px;
    }

    .map-wrapper-section .address-floating-badge {
        padding: 15px 20px;
        width: 92%;
    }

    .map-wrapper-section .badge-title {
        font-size: 1rem;
    }

    .map-wrapper-section .badge-text {
        font-size: 0.85rem;
    }

    .contact-info-section .contact-container-card {
        padding: 20px;
        margin-top: -340px;
    }

    .contact-info-section .contact-container-card {
        margin-top: -340px;
    }

    .catalyst-section .interactive-side {
        flex-direction: column;
    }

    .get-involved-section .section-heading h1.main-heading {
        font-size: 32px;
    }

    .get-involved-section .section-heading p {
        font-size: 15px;
    }

    .get-involved-section .buttons-flex-container .btn-partner {
        padding: 12px 18px;
        font-size: 14px;
    }

    .get-involved-section .right-bulb-vector {
        width: 40px;
        bottom: 10px;
    }

    .get-involved-section .bottom-arc-ring {
        width: 38px;
    }

    .get-involved-section .waves-image {
        width: 75px;
        top: -15px;
    }

    .get-involved-section .wavy-doodle-lines {
        width: 60px;
        left: -10px;
    }

    .get-involved-section .blob-frame-wrapper {
        padding: 15px;
    }

    .partners-section .sub-heading {
        font-size: 18px;
    }

    .flagship-section .together-linrd svg {
        width: 150px;
    }

    .left-content-blocks {
        padding: 30px;
    }

    .left-content-wrapper {
        padding: 20px;
    }

    .who-we-are-card .sub-heading,
    .impact-section .sub-heading,
    .serve-section .sub-heading,
    .approach-section .approach-card-wrapper .sub-heading,
    .feedback-section .sub-heading,
    .story-section .section-heading .sub-heading,
    .values-section .sub-heading,
    .partnerships-section .sub-heading,
    .pillars-section .section-heading .sub-heading,
    .what-we-do-section .sub-heading,
    .About_impact-section .sub-heading,
    .leadership-section .sub-heading,
    .commitment-section .sub-heading,
    .why-matters-section .sub-heading,
    .support-section .section-heading .sub-heading,
    .outcomes-section .sub-heading {
        font-size: 30px;
    }

    .support-section .support-grid {
        grid-template-columns: repeat(1, 11fr);
    }

    .feedback-hearts-right,
    .feedback-heart {
        display: none;
    }

    /* Main Box */
    .comunity-bxx {
        padding: 35px 0;
    }

    /* Main Heading */
    .main-heading {
        font-size: 34px;
        line-height: 108%;
        margin-bottom: 12px;
    }

    /* Sub Headline */
    .sub-headline {
        font-size: 16px;
        margin-bottom: 8px;
    }

    /* Description */
    .description-text {
        font-size: 14px;
        line-height: 148%;
        margin-bottom: 16px;
    }

    /* Partner Button */
    .btn-partner {
        font-size: 13px;
        padding: 10px 16px;
        gap: 6px;
    }

    .arrow-icon {
        width: 18px;
        height: 18px;
    }

    /* Image Frame */
    .image-frame-container {
        width: 95%;
        border-width: 5px;
        border-radius: 14px;
    }

    .featured-image {
        border-radius: 9px;
    }

    /* Hide floating icons on very small screens to avoid overflow */
    .icon-top-rays,
    .icon-brain-bottom,
    .icon-hearts-right {
        display: none;
    }

    .icon-heart-brain {
        top: 60px;
        left: -15px;
        width: 38px;
    }

    /* Owl Nav */
    .prev-slide {
        left: -15px;
    }

    .next-slide {
        right: -15px;
    }

    .nav-btn {
        width: 30px;
        height: 30px;
    }

    .nav-btn svg {
        width: 14px;
        height: 14px;
    }

    /* Mosaic */
    .mosaic-wrapper {
        width: 95%;
        margin-top: 20px;
    }

    /* Content Column spacing */
    .content-col {
        margin-top: 20px;
        padding-bottom: 30px;
    }

    .who-we-are-section .figma-video-inner-container {
        border-width: 4px;
        border-radius: 18px;
    }

    .who-we-are-section .figma-circle-btn {
        width: 36px;
        height: 36px;
    }

    .who-we-are-section .figma-circle-btn svg {
        width: 14px;
        height: 14px;
    }

    .who-we-are-section {
        padding: 25px 0;
    }

    .who-we-are-card {
        border-radius: 24px;
        padding: 40px 20px;
    }

    .media-frame-inner {
        border-width: 4px;
        border-radius: 16px;
    }

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



    .content-box-col h2 {
        font-size: 1.9rem;
    }

    .cta-actions-flex .btn {
        width: 100%;
        /* Small mobile device layouts par buttons stretch ho jayenge */
        text-align: center;
    }

    .serve-section .serve-brain {
        width: 50px;
    }

    .serve-section .serve-hearts-right {
        width: 30px;
    }

    .feedback-section .owl-theme .owl-dots {
        display: none;
    }

    .footer-base-hr {
        display: none;
    }

    .partnerships-section .partnerships-container .section-heading p {
        width: 100%;
    }

    .content-box-col {
        padding: 0;
    }

    .partner-section .partner-sparkle-lines {
        display: none;
    }

    .partner-section .partner-card {
        padding: 50px 20px;
    }
}

@media (max-width: 380px) {}