{"id":1764,"date":"2026-08-22T05:12:44","date_gmt":"2026-08-22T05:12:44","guid":{"rendered":"https:\/\/demo.freshosoft.in\/bargach\/?page_id=1764"},"modified":"2026-08-22T08:56:58","modified_gmt":"2026-08-22T08:56:58","slug":"stories-of-change","status":"publish","type":"page","link":"https:\/\/demo.freshosoft.in\/bargach\/stories-of-change\/","title":{"rendered":"Stories of Change"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1764\" class=\"elementor elementor-1764\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99ddde5 e-con e-atomic-element e-flexbox-base e-10f316b \" data-id=\"99ddde5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"99ddde5\">\n    \t\t<div class=\"elementor-element elementor-element-a083630 elementor-widget elementor-widget-html\" data-id=\"a083630\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     STORIES OF CHANGE \u2013 MODERN & INSPIRING\r\n     Hero, story cards with images, stats, and featured story.\r\n     Fully mobile responsive. Light, warm, engaging design.\r\n     ============================================================ -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,380;0,9..144,560;1,9..144,380&family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n  .bargach-stories-change {\r\n    --s-bg: #f8f5ee;\r\n    --s-card: #ffffff;\r\n    --s-ink: #1f2a26;\r\n    --s-teal: #146354;\r\n    --s-teal-light: #1f8a75;\r\n    --s-gold: #c47a3a;\r\n    --s-gold-soft: #deb070;\r\n    --s-coral: #d96c52;\r\n    --s-text: #3d534a;\r\n    --s-muted: #6a8a7a;\r\n    --s-border: rgba(20, 99, 84, 0.06);\r\n    --s-shadow: 0 4px 16px rgba(31,42,38,0.04);\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    background: var(--s-bg);\r\n    overflow: hidden;\r\n  }\r\n  .bargach-stories-change *,\r\n  .bargach-stories-change *::before,\r\n  .bargach-stories-change *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .bargach-stories-change .s-wrap {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: clamp(30px, 4vw, 50px) clamp(16px, 3vw, 40px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 30px;\r\n  }\r\n\r\n  \/* ===== HERO ===== *\/\r\n  .bargach-stories-change .s-hero {\r\n    text-align: center;\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n  }\r\n  .bargach-stories-change .s-hero .tag {\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--s-coral);\r\n  }\r\n  .bargach-stories-change .s-hero h1 {\r\n    font-family: 'Fraunces', Georgia, serif;\r\n    font-weight: 380;\r\n    font-size: clamp(28px, 3.8vw, 44px);\r\n    line-height: 1.08;\r\n    margin: 4px 0 8px;\r\n    color: var(--s-ink);\r\n  }\r\n  .bargach-stories-change .s-hero h1 em {\r\n    font-style: italic;\r\n    color: var(--s-gold);\r\n  }\r\n  .bargach-stories-change .s-hero p {\r\n    font-size: clamp(14px, 1vw, 16px);\r\n    color: var(--s-text);\r\n    line-height: 1.7;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* ===== QUICK STATS ===== *\/\r\n  .bargach-stories-change .s-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 12px;\r\n    background: var(--s-card);\r\n    border-radius: 16px;\r\n    padding: 16px 18px;\r\n    border: 1px solid var(--s-border);\r\n    box-shadow: var(--s-shadow);\r\n  }\r\n  .bargach-stories-change .s-stats .stat {\r\n    text-align: center;\r\n  }\r\n  .bargach-stories-change .s-stats .stat .num {\r\n    font-family: 'Fraunces', Georgia, serif;\r\n    font-weight: 560;\r\n    font-size: clamp(20px, 2.2vw, 30px);\r\n    color: var(--s-teal);\r\n  }\r\n  .bargach-stories-change .s-stats .stat .num .plus {\r\n    font-size: 0.6em;\r\n    color: var(--s-gold);\r\n  }\r\n  .bargach-stories-change .s-stats .stat .label {\r\n    font-size: 10px;\r\n    color: var(--s-muted);\r\n    font-weight: 350;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  \/* ===== FEATURED STORY ===== *\/\r\n  .bargach-stories-change .s-featured {\r\n    background: var(--s-card);\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--s-border);\r\n    box-shadow: var(--s-shadow);\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.2fr;\r\n  }\r\n  .bargach-stories-change .s-featured .feat-img {\r\n    overflow: hidden;\r\n    min-height: 250px;\r\n  }\r\n  .bargach-stories-change .s-featured .feat-img img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: 0.5s ease;\r\n  }\r\n  .bargach-stories-change .s-featured:hover .feat-img img {\r\n    transform: scale(1.03);\r\n  }\r\n  .bargach-stories-change .s-featured .feat-body {\r\n    padding: 28px 30px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n  .bargach-stories-change .s-featured .feat-body .feat-tag {\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: var(--s-gold);\r\n  }\r\n  .bargach-stories-change .s-featured .feat-body h2 {\r\n    font-family: 'Fraunces', Georgia, serif;\r\n    font-weight: 380;\r\n    font-size: clamp(22px, 2.6vw, 34px);\r\n    color: var(--s-ink);\r\n    line-height: 1.1;\r\n    margin: 4px 0 8px;\r\n  }\r\n  .bargach-stories-change .s-featured .feat-body h2 em {\r\n    font-style: italic;\r\n    color: var(--s-gold);\r\n  }\r\n  .bargach-stories-change .s-featured .feat-body p {\r\n    font-size: 14px;\r\n    color: var(--s-text);\r\n    line-height: 1.7;\r\n    margin: 0 0 14px;\r\n  }\r\n  .bargach-stories-change .s-featured .feat-body .feat-meta {\r\n    font-size: 12px;\r\n    color: var(--s-muted);\r\n  }\r\n  .bargach-stories-change .s-featured .feat-body .feat-meta strong {\r\n    color: var(--s-ink);\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* ===== STORY CARDS ===== *\/\r\n  .bargach-stories-change .s-cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 18px;\r\n  }\r\n  .bargach-stories-change .s-cards .card {\r\n    background: var(--s-card);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--s-border);\r\n    box-shadow: var(--s-shadow);\r\n    transition: 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .bargach-stories-change .s-cards .card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 36px rgba(31, 42, 38, 0.08);\r\n    border-color: rgba(196, 122, 58, 0.12);\r\n  }\r\n  .bargach-stories-change .s-cards .card .card-img {\r\n    width: 100%;\r\n    aspect-ratio: 16\/10;\r\n    overflow: hidden;\r\n  }\r\n  .bargach-stories-change .s-cards .card .card-img img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: 0.5s ease;\r\n  }\r\n  .bargach-stories-change .s-cards .card:hover .card-img img {\r\n    transform: scale(1.04);\r\n  }\r\n  .bargach-stories-change .s-cards .card .card-body {\r\n    padding: 18px 20px 22px;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .bargach-stories-change .s-cards .card .card-body .card-tag {\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--s-gold);\r\n    margin-bottom: 4px;\r\n  }\r\n  .bargach-stories-change .s-cards .card .card-body h3 {\r\n    font-family: 'Fraunces', Georgia, serif;\r\n    font-weight: 380;\r\n    font-size: clamp(17px, 1.4vw, 21px);\r\n    color: var(--s-ink);\r\n    line-height: 1.2;\r\n  }\r\n  .bargach-stories-change .s-cards .card .card-body p {\r\n    font-size: 13px;\r\n    color: var(--s-text);\r\n    line-height: 1.6;\r\n    margin: 6px 0 0;\r\n    flex: 1;\r\n  }\r\n  .bargach-stories-change .s-cards .card .card-body .card-meta {\r\n    font-size: 11px;\r\n    color: var(--s-muted);\r\n    padding-top: 12px;\r\n    border-top: 1px solid var(--s-border);\r\n    margin-top: 12px;\r\n  }\r\n  .bargach-stories-change .s-cards .card .card-body .card-meta strong {\r\n    color: var(--s-ink);\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 1024px) {\r\n    .bargach-stories-change .s-featured { grid-template-columns: 1fr 1.1fr; }\r\n    .bargach-stories-change .s-cards { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .bargach-stories-change .s-wrap { padding: 24px 14px; gap: 22px; }\r\n    .bargach-stories-change .s-featured { grid-template-columns: 1fr; }\r\n    .bargach-stories-change .s-featured .feat-img { min-height: 180px; max-height: 220px; }\r\n    .bargach-stories-change .s-featured .feat-body { padding: 20px 18px; }\r\n    .bargach-stories-change .s-cards { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }\r\n    .bargach-stories-change .s-stats { grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 14px 12px; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .bargach-stories-change .s-wrap { padding: 18px 10px; gap: 18px; }\r\n    .bargach-stories-change .s-hero h1 { font-size: clamp(22px, 5vw, 28px); }\r\n    .bargach-stories-change .s-hero p { font-size: 13px; }\r\n    .bargach-stories-change .s-featured .feat-img { min-height: 140px; max-height: 170px; }\r\n    .bargach-stories-change .s-featured .feat-body { padding: 16px 14px; }\r\n    .bargach-stories-change .s-featured .feat-body h2 { font-size: clamp(20px, 5vw, 26px); }\r\n    .bargach-stories-change .s-cards .card .card-body { padding: 14px 14px 16px; }\r\n    .bargach-stories-change .s-stats { grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 8px; border-radius: 12px; }\r\n    .bargach-stories-change .s-stats .stat .num { font-size: clamp(18px, 4vw, 24px); }\r\n    .bargach-stories-change .s-stats .stat .label { font-size: 9px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bargach-stories-change * { transition-duration: 0.01ms !important; }\r\n    .bargach-stories-change .s-cards .card:hover { transform: none !important; }\r\n    .bargach-stories-change .s-cards .card:hover .card-img img { transform: none !important; }\r\n    .bargach-stories-change .s-featured:hover .feat-img img { transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== HTML ===== -->\r\n<section class=\"bargach-stories-change\" aria-label=\"Stories of Change\">\r\n\r\n  <div class=\"s-wrap\">\r\n\r\n    <!-- HERO -->\r\n    <div class=\"s-hero\">\r\n      <div class=\"tag\">Real Impact, Real Lives<\/div>\r\n      <h1>Stories of <em>Change<\/em><\/h1>\r\n      <p>Every number represents a person whose life has changed. Read the stories of communities and individuals empowered by Bargach Foundation's work.<\/p>\r\n    <\/div>\r\n\r\n    <!-- QUICK STATS -->\r\n    <div class=\"s-stats\">\r\n      <div class=\"stat\">\r\n        <div class=\"num\">89K<span class=\"plus\">+<\/span><\/div>\r\n        <div class=\"label\">Lives Impacted<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"num\">30<\/div>\r\n        <div class=\"label\">IT Centres<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"num\">3<\/div>\r\n        <div class=\"label\">States Served<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"num\">50<span class=\"plus\">+<\/span><\/div>\r\n        <div class=\"label\">Stories of Change<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FEATURED STORY -->\r\n    <div class=\"s-featured\">\r\n      <div class=\"feat-img\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/up.freshosoft.work\/bargach\/wp-content\/uploads\/2026\/08\/Real.jpeg\"\r\n          alt=\"Featured story of change\"\r\n          loading=\"lazy\"\r\n        \/>\r\n      <\/div>\r\n      <div class=\"feat-body\">\r\n        <div class=\"feat-tag\">Featured Story<\/div>\r\n        <h2>From artisan to <em>entrepreneur<\/em><\/h2>\r\n        <p>How access to clean water and digital skills transformed the life of a Dokra artisan from Dariapur, enabling her to build a sustainable livelihood and support her family.<\/p>\r\n        <div class=\"feat-meta\"><strong>Dariapur, West Bengal<\/strong> \u00b7 2024<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- STORY CARDS -->\r\n    <div class=\"s-cards\">\r\n\r\n      <div class=\"card\">\r\n        <div class=\"card-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/up.freshosoft.work\/bargach\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_jegxukjegxukjegx.jpg\" alt=\"Story of change\" loading=\"lazy\" \/>\r\n        <\/div>\r\n        <div class=\"card-body\">\r\n          <div class=\"card-tag\">Education<\/div>\r\n          <h3>A Second Chance at Learning<\/h3>\r\n          <p>A 45-year-old woman from a remote village in Odisha learns to read and write through our literacy programme.<\/p>\r\n          <div class=\"card-meta\"><strong>Odisha<\/strong> \u00b7 2024<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"card-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/up.freshosoft.work\/bargach\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_lremjqlremjqlrem.jpg\" alt=\"Story of change\" loading=\"lazy\" \/>\r\n        <\/div>\r\n        <div class=\"card-body\">\r\n          <div class=\"card-tag\">Digital Literacy<\/div>\r\n          <h3>Bridging the Digital Divide<\/h3>\r\n          <p>How a Community IT Centre helped a group of young people in Madhya Pradesh access online education and job opportunities.<\/p>\r\n          <div class=\"card-meta\"><strong>Madhya Pradesh<\/strong> \u00b7 2024<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"card-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/up.freshosoft.work\/bargach\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-02-23-at-1.59.51-PM.jpeg\" alt=\"Story of change\" loading=\"lazy\" \/>\r\n        <\/div>\r\n        <div class=\"card-body\">\r\n          <div class=\"card-tag\">Livelihood<\/div>\r\n          <h3>Safe Water, Brighter Future<\/h3>\r\n          <p>A community in West Bengal now has access to safe drinking water \u2014 improving health, education and economic opportunity.<\/p>\r\n          <div class=\"card-meta\"><strong>West Bengal<\/strong> \u00b7 2024<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Real Impact, Real Lives Stories of Change Every number represents a person whose life has changed. Read the stories of communities and individuals empowered by Bargach Foundation&#8217;s work. 89K+ Lives Impacted 30 IT Centres 3 States Served 50+ Stories of Change Featured Story From artisan to entrepreneur How access to clean water and digital skills [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1764","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/pages\/1764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/comments?post=1764"}],"version-history":[{"count":4,"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/pages\/1764\/revisions"}],"predecessor-version":[{"id":1859,"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/pages\/1764\/revisions\/1859"}],"wp:attachment":[{"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/media?parent=1764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}