@media screen and (max-width: 1270px) {
    .ds-arrow {
        right: -145px;
    }
}
    @media screen and (max-width: 1220px) {
        .sac, .components, .intervention-box, header {
            margin-left: 20px;
            margin-right: 20px;
        }
        .ds-arrow {
            right: -135px;
        }
        .program-flex-box {
            gap: 20px;
            flex-wrap: wrap;
            margin: auto;
            max-width: 1220px
        }

        .about-box {
            margin-top: -150px;
        }

        .cool-card h3 {
            font-size: 64px;
        }
    }

    @media screen and (max-width: 1100px) {
        .cool-card h3 {
            font-size: 55px;
        }
        .ds-arrow {
            right: -125px;
        }
        .cool-number {
            gap: 10px;
        }

        .face--back p {
            font-size: 13px;
            line-height: 21px;
        }

        .module-data h1 {
            font-size: 46px;
        }

        .program {
            flex: unset;
            flex-basis: 381px;
        }

            .program div {
                width: 330px
            }

        .stage-1 {
            flex-basis: 31%;
            margin-bottom: 30px
        }

        .mob-view {
            display: block;
            flex-basis: 47%;
            margin-bottom: 30px
        }

        .web-view {
            display: none
        }

        .about-box {
            margin-top: -120px;
        }

            .about-box p {
                padding-right: 220px;
            }

        .left-arrow {
            gap: 10px
        }

        .imapct-box {
            gap: 20px;
        }

        .cl-percent {
            font-size: 80px
        }
    }

    @media screen and (max-width: 1024px) {
        .gtm-orissa-data {
            gap: 30px;
        }
        .ds-arrow {
            right: -115px;
        }
        .cl-percent {
            font-size: 75px
        }
        .core-pillar {
            flex-basis: 48%;
            gap: 20px;
        }
        .outcome, .outcome2 {
            width: 90%;
            height: 300px
        }
        .cool-card {
            flex-basis: 40%;
        }

        .cool-number {
            gap: 20px;
        }

        .face--back p {
            font-size: 14px;
            line-height: 23px;
        }

        .module-data h1, .main-title {
            font-size: 41px;
        }

        .tab-bg h1 {
            font-size: 34px;
        }

        .doc-reports h2, .bg-orissa-data h2, .blog-section h1, .women-economic-empowerment h1, .module-box h2, .title, .key-impact h2, .gtm-reach-content h2 {
            font-size: 30px;
        }

        .tab-bg h2,
        .seminar h2 {
            font-size: 22px;
        }

        .round-border h3,
        .seminar-data1 h3, .round-border h2, .pr-title h2, .status-title h2 {
            font-size: 25px;
        }

        .contact-box {
            padding: 60px 40px;
        }

        .line1,
        .line2,
        .line3,
        .line4 {
            display: none
        }

        .about-box {
            margin-top: 20px;
            width: 100%
        }

        .about-img {
            width: 30%;
        }

        .about-box p {
            padding-right: 30px;
            font-size: 15px
        }
    }

    @media screen and (max-width: 900px) {
        .title-design {
            height: 280px;
            width: 280px;
        }
        .gtm-orissa-data {
            flex-wrap: wrap
        }
        .outcome, .outcome2 {
            height: 320px
        }
        .dat-box h4 br {
            display: none
        }

        .dat-box h4 {
            margin-bottom: -10px;
        }

        .dat-box {
            flex-basis: 45%
        }

        .impact h3, .bg-orissa-data h2, .design h3 {
            font-size: 18px
        }

        .round-box h2 {
            padding-top: 100px;
            font-size: 25px
        }

        .tab-bg h1, .module-data h1, .main-title {
            font-size: 33px;
        }

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

        .round-border h3,
        .seminar-data1 h3, .round-border h2, .goal-bg h2, .pr-title h2, .status-title h2, .economy-1 h3, .round-border-2 h3 {
            font-size: 22px;
        }

        .doc-reports h2, .bg-orissa-data h2, .gtm-reach-content h2, .key-impact h2, .about-flex h3, .gtm-reach-content h1, .blog-section h1, .banner-content h1, .banner-text h1, .gender-facilitation-center h2, .women-economic-empowerment h1 {
            font-size: 27px;
        }

        .tab-bg h2,
        .seminar h2, .blog-box h2, .core-pillar h3 {
            font-size: 20px;
        }

        .banner-text p, .wee-semi-title {
            font-size: 17px;
            line-height: 26px;
        }

        .support-service, .convergence {
            margin-left: 20px;
            margin-right: 20px;
        }

        .contact-box {
            padding: 40px 20px;
            gap: 20px;
        }

        .doc-bg th {
            padding: 8px 9px;
            font-size: 14px;
        }

        .doc-bg td {
            padding: 8px 9px;
            font-size: 13px;
        }

        .dropdown__top {
            font-size: 16px;
        }

        .counselling-box p, .gender-facilitation-center p {
            padding: 0 80px;
        }

        .counselling-icon {
            width: 80px;
        }

        .process-1 h4 {
            font-size: 14px
        }

        .rotate-left {
            left: -40px;
            width: 60px;
        }

        .rotate-right {
            right: -40px;
            width: 60px;
        }

        .converge p {
            font-size: 16px;
            line-height: 25px
        }

        .entry, .gfc-foundation, .economy-section, .map-content, .session-map-data {
            flex-direction: column
        }
        .design-box {
            flex-direction: row;
            gap: 10px;
            flex-basis: unset !important;
        }
        .design {
            height: 70px;
            padding: 10px 5px 10px 10px;
        }
        .map-box {
            margin-top: 40px
        }
        .ds-arrow {
            position: absolute;
            right: 0px;
            top: unset;
            bottom: -19px;
            transform: rotate(0deg)
        }
        .module-tabs a {
            padding: 17px 0;
            font-size: 21px;
        }

        .module-box li {
            padding: 13px 0;
            font-size: 19px;
        }

        .module-content {
            gap: 50px;
        }

        .goal-box h3 {
            font-size: 16px;
        }

        .bg-round1,
        .bg-round2,
        .bg-round3 {
            width: 130px;
            height: 130px;
            padding: 9px;
        }

        .goal-box p {
            font-size: 14px;
            line-height: 23px
        }

        .intervention-point p {
            font-size: 15px;
        }

        .intervention-flex2 {
            width: 100%;
            margin-top: -20px;
        }

        .obj-icon {
            display: none
        }

        .vision-box h2,
        .mission-box h2, .title {
            font-size: 25px;
        }

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

        .impact {
            flex-basis: 30%
        }

        .gtm-reach-content p {
            font-size: 17px;
            padding: 0 80px;
            line-height: 28px;
        }

        .gtm-title {
            padding: 18px 44px;
            font-size: 18px;
        }
    }

    @media screen and (max-width: 768px) {
        .ar-lt {
            top: 30px;
        }

        .ar-rt {
            top: 30px;
        }
        .gtm-reach-content p {
            font-size: 16px;
            padding: 0 50px;
            line-height: 27px;
        }
        .outcome, .outcome2 {
            height: 360px
        }
        .gtm-title {
            padding: 16px 40px;
            font-size: 17px;
        }

        .impact h3, .bg-orissa-data h2, .design h3 {
            font-size: 16px
        }

        .vision-box h2,
        .mission-box h2, .title {
            font-size: 22px;
        }

        .core-icon {
            margin: 10px
        }

        .core-pillar {
            background: #fff;
            border-radius: 10px;
            gap: 10px;
            margin: 10px 0;
        }

        .mission-vision {
            gap: 20px;
        }

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

        .about-img {
            width: 100%;
        }

        .intervention-point p, core-content p, .impact p {
            font-size: 14px;
            line-height: 24px
        }

        .intervention-arrow, .left-arrow, .right-arrow, .icon-web, .gtm-orissa-pic {
            display: none
        }

        .icon-mob {
            display: block;
        }

        .goal-box h3, .wee-semi-title {
            font-size: 15px;
        }

        .bg-round1,
        .bg-round2,
        .bg-round3 {
            width: 120px;
            height: 120px;
            padding: 7px;
        }

        .module-box li {
            padding: 11px 0;
            font-size: 17px;
        }

        .module-content {
            gap: 30px;
        }

        .module-tabs a {
            padding: 16px 0;
            font-size: 18px;
        }

        .convergence-2, .sac, .case-matter-design, .core-pillar, .contact-box, .seminar-data, .modes-of-gfc-reporting, .profit-investment, .program-structure, .about-flex {
            flex-direction: column;
        }

        .program-list {
            margin-left: 60px
        }

        .converge p {
            font-size: 15px;
            line-height: 25px
        }

        .process-1 h4 {
            padding: 7px 5px;
            font-size: 13px
        }

        .counselling-icon {
            width: 70px;
        }

        .counselling-box p, .gender-facilitation-center p {
            padding: 0 50px;
        }

        .doc-reports h2, .bg-orissa-data h2, .gtm-reach-content h2, .key-impact h2, .gtm-reach-content h1, .module-box h2, .blog-section h1, .banner-content h1, .banner-text h1, .gender-facilitation-center h2, .women-economic-empowerment h1 {
            font-size: 25px;
        }

        .tab-bg h2,
        .seminar h2, .blog-box h2, .core-pillar h3 {
            font-size: 18px;
        }

        .module-data h1, .tab-bg h1, .main-title {
            font-size: 30px;
        }

        .round-border h3, .about-flex h3, .phase span, 
        .seminar-data1 h3, .round-border h2, .goal-bg h2, .pr-title h2, .status-title h2, .economy-1 h3, .round-border-2 h3 {
            font-size: 20px;
        }

        .program-content {
            flex-direction: column;
            gap: 20px;
        }

        .blog-box {
            flex-basis: 48%;
            margin-bottom: 20px
        }

        .footer-stat {
            flex-wrap: wrap
        }

        .foot3 {
            flex-basis: 44%;
        }

        .foot {
            flex-basis: 100%;
        }

        .banner-text p {
            font-size: 15px;
            line-height: 24px;
        }

        .goal-list, .phase-data {
            gap: 10px;
        }   
        .goal-box p {
            font-size: 13px;
            line-height: 22px
        }
        .stage-1-content li {
            padding: 6px 0;
            font-size: 13px;
        }
    }

    @media screen and (max-width: 620px) {
        .ar-lt {
            width: 50px;
            top: 20px;
            right: -40px;
        }

        .ar-rt {
            width: 50px;
            top: 20px;
            right: -40px;
        }
        .gtm-reach-content p {
            font-size: 15px;
            padding: 0 30px;
            line-height: 25px;
        }
        .outcome, .outcome2 {
            height: 390px;
            padding: 10px;
        }
        .phase-data {
            flex-wrap: wrap;
        }
        .phase {
            flex-basis: 23%
        }
        .design {
            height: 80px;
        }
        .gtm-title {
            padding: 14px 30px;
            font-size: 15px;
        }

        .data {
            flex-basis: 46%;
        }

        .goal-box h3, .design h3 {
            font-size: 14px;
        }

        .goal-list, .phase-data {
            gap: 5px;
        }

        .bg-round1,
        .bg-round2,
        .bg-round3 {
            width: 110px;
            height: 110px;
            padding: 5px;
        }

        .module-box li {
            padding: 9px 0;
            font-size: 15px;
        }

        .object-arrow {
            display: none;
        }

        .module-content, .objectives-list, .imapct-box {
            flex-direction: column;
        }

        .module-tabs a {
            padding: 14px 0;
            font-size: 16px;
        }

        .counselling-icon {
            width: 60px;
        }

        .module-data h1, .main-title {
            font-size: 25px;
        }

        .module-box h2, .gtm-reach-content h2, .bg-orissa-data h2, .women-economic-empowerment h1, .gtm-reach-content h1, .key-impact h2 {
            font-size: 22px;
        }

        .team-box {
            flex-basis: 46%;
            text-align: left;
            margin-bottom: 20px;
        }

        .process-1 h4 {
            padding: 7px 5px;
            font-size: 12px
        }

        .counselling-box p, .gender-facilitation-center p {
            padding: 0 30px;
        }

        .manage-footer, .case-type {
            flex-direction: column;
        }

        .tab-bg h1 {
            font-size: 25px;
        }

        .doc-reports h2, .blog-section h1, .banner-content h1, .banner-text h1, .gender-facilitation-center h2 {
            font-size: 22px;
        }

        .round-border h3, .about-flex h3, .title, .phase span, .activity h3, 
        .seminar-data1 h3, .goal-bg h2, .pr-title h2, .status-title h2, .economy-1 h3, .round-border-2 h3 {
            font-size: 18px;
        }

        .support-service {
            flex-direction: column;
            gap: 30px;
        }

        .program li {
            font-size: 13px;
            line-height: 21px;
        }
        .phase p {
            font-size: 13px
        }
    }
@media screen and (max-width: 540px) {
    .outcome, .outcome2 {
        height: 410px
    }
    .gfc-center, .awareness-content, .system-content {
        height: 140px;
    }

    .converge-content {
        height: 160px;
    }
    .ar-lt {
        width: 40px;
        top: 25px;
        right: -30px;
    }

    .ar-rt {
        width: 40px;
        top: 25px;
        right: -30px;
    }
}
@media screen and (max-width: 500px) {
    .blog-box, .dat-box {
        flex-basis: 98%;
    }
    .intervention-flex2 {
        gap: 20px
    }
    .outcome, .outcome2 {
        height: 440px
    }
    .design h3 {
        line-height: 22px
    }
    .limit-size {
        font-size: 12px
    }
    .foot3 {
        flex-basis: 100%;
    }

    .seminar-icon {
        float: unset;
        width: 100%;
        margin-right: 0px;
    }

    .goal-box h3 {
        font-size: 13px;
    }

    .bg-round1,
    .bg-round2,
    .bg-round3 {
        width: 100px;
        height: 100px;
        padding: 5px;
    }

    .mission-vision, .core-pillar-box {
        flex-direction: column
    }
    .gfc-center, .awareness-content, .system-content {
        height: 160px;
    }

    .converge-content {
        height: 180px;
    }
}

    @media screen and (max-width: 440px) {
        .outcome, .outcome2 {
            height: 480px
        }
        .limit-size {
            display: none
        }
        .ar-lt {
            width: 20px;
            top: 45px;
            right: -18px;
        }

        .ar-rt {
            width: 20px;
            top: 45px;
            right: -18px;
        }
    }

@media screen and (max-width: 400px) {
    .outcome, .outcome2 {
        height: 520px
    }
}

@media screen and (max-width: 360px) {
    .outcome, .outcome2 {
        height: 550px
    }
    .gfc-center, .awareness-content, .system-content {
        height: 170px;
    }

    .converge-content {
        height: 190px;
    }
}