body {
     margin: 0px;
     font-family: "DM Sans", sans-serif;
 }


 ::-webkit-scrollbar {
     width: 10px;
 }

 ::-webkit-scrollbar-thumb {
     background: #2f2d39;
     border-radius: 0px;
 }



 .hdr-1 {
     padding: 10px 0;
     background: #1b1b1b;
 }

 .hdr-1 h6 {
     margin-bottom: 0;
     color: #fff;
 }

 .hdr-cntct li {
     display: inline-block;
     margin-right: 10px;
     color: #fff;
 }

 .hdr-cntct ul {
     margin: 0;
     padding: 0;
 }

 .hdr-cntct li a {
     font-family: "Roboto", sans-serif;
     color: #fff;
     text-decoration: none;
     font-size: 14px;
 }

 .hdr-cntct li a:hover {
     color: #f99859;
 }

 .hdr-mnu ul {
     text-align: right;
     padding: 0;
     margin: 0;
 }

 .hdr-mnu li {
     display: inline-block;
     padding-left: 10px;
     border-right: 1px solid #ccc;
     line-height: 1;
     padding-right: 10px;
 }

 .hdr-mnu li:nth-last-child(1) {
     padding-left: 10px;
     border-right: 0px solid #ccc;
     padding-right: 0px;
 }

 .hdr-mnu li a:hover {
     color: #f99859;
 }

 .hdr-mnu li a {
     font-family: "Roboto", sans-serif;
     color: #fff;
     font-size: 14px;
     text-decoration: none;
 }

 .container-1 {
     max-width: 90%;
 }


 h2 {
     font-size: 45px;
     color: #3e2d2d;
     letter-spacing: 1px;
 }

 .bg-white-img {
     z-index: 99;
     position: absolute;
     bottom: -1px;
 }

 .bg-white-img img {
     width: 100%;
 }

 .banner-section {
     position: relative;
 }

 .banner-section .carousel-control-next,
 .banner-section .carousel-control-prev {
     width: 4% !important;
 }

 .banner-section .carousel-control-next-icon,
 .banner-section .carousel-control-prev-icon {
     background-size: 70% 70%;
     background-color: transparent;
 }

 .banner-section .carousel-control-next,
 .banner-section .carousel-control-prev {
     width: auto;
     height: fit-content;
     top: 50%;
     opacity: 0;
     /* change opacity 1 to 2or more slider */
 }

 .banner-section .carousel-control-prev {
     left: 20px;
 }

 .banner-section .carousel-control-next {
     right: 20px;
 }


 /* Banner Section */
 .banner-section .overlay {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.0);
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 1;
     transition: opacity 0.3s ease;
     z-index: 9;
 }

 .banner-section .carousel-caption {
     z-index: 9;
     text-align: left;
     left: 0;
     justify-content: end;
     padding-bottom: 50px;
     right: 0;
 }

 .banner-section h2 {
     font-size: 45px;
     font-weight: 500;
     color: #ffffff;
     line-height: 50px;
     position: relative;
     margin-bottom: 20px;
 }

 .carousel-control-next,
 .carousel-control-prev {
     z-index: 9;
 }

 .carousel-indicators [data-bs-target] {
     width: 10px;
     height: 10px;
     border-radius: 20px;
     border: 0;
 }

 .donate-btn-1 a {
     display: inline-block;
     color: #fff;
     font-size: 16px;
     font-weight: 500;
     background: linear-gradient(90deg, #fc9c5e 0%, #ce5a14 100%);
     padding: 10px 25px;
     border-radius: 10px;
     transition: all 0.3s;
     position: relative;
     z-index: 5;
     text-decoration: none;
 }

 .donate-btn-1 a:hover {
     background: linear-gradient(90deg, #ce5a14 0%, #fc9c5e 100%);
     transition: all 0.3s;
 }

 .donate-btn-1 img {
     margin-right: 5px;
 }

 .btn-stl-1 a {
     display: block;
     color: #000000;
     font-size: 16px;
     font-weight: 600;
     background: transparent;
     padding: 8px 35px;
     border-radius: 10px;
     transition: all 0.3s ease-in-out;
     position: relative;
     z-index: 5;
     text-decoration: none;
     border: 2px solid #000;
     width: fit-content;
     margin: auto;
 }

 .btn-stl-1 a:hover {
     color: #fff;
     background: #000;
 }

 /* Close Banner Section */




 .fndr-sc1 {
     background: #edeadf;
     text-align: center;
     padding: 30px;
     border-radius: 20px;
 }

 .hdg-stl-1 h2 {
     text-align: center;
     position: relative;
     margin: 0;
     padding: 0;
     width: 100%;
     overflow: hidden;
 }

 .hdg-stl-1 h2::before {
     content: "";
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #FFF;
     margin-left: calc(-100% + -10px);
     position: absolute;
     top: calc(50% - -1px);
     width: 100%;
 }

 .hdg-stl-1 h2::after {
     content: "";
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #FFF;
     position: absolute;
     margin-left: 10px;
     top: calc(50% - -1px);
     width: 100%;
 }

 .hm-1a {
     text-align: center;
     padding: 50px 0 0;
 }

 h1 {
     color: #3e2d2d;
     font-size: 45px;
     line-height: 45px;
 }

 .hm-1a .btn-2 {
     margin-top: 15px;
 }

 .hm-1a h1 {
     margin: 30px 0;
 }

 p {
     font-size: 16px;
     line-height: 28px;
 }

 .btn-2 a {
     display: block;
     color: #000000;
     font-size: 16px;
     font-weight: 600;
     background: transparent;
     padding: 8px 35px;
     border-radius: 10px;
     transition: all 0.3s ease-in-out;
     position: relative;
     z-index: 5;
     text-decoration: none;
     border: 2px solid #000;
     width: fit-content;
     margin: auto;
 }

 .btn-2 a:hover {
     color: #ffffff;
     background-color: #000;
     border: 2px solid #000;
 }

 .btn-2 {
     display: inline-flex;
     gap: 10px;
 }

 .btn-2 a:nth-child(2) {
     display: inline-block;
     color: #fff;
     font-size: 16px;
     font-weight: 500;
     background: linear-gradient(90deg, #fc9c5e 0%, #ce5a14 100%);
     padding: 10px 25px;
     border-radius: 10px;
     transition: all 0.3s ease-in-out;
     position: relative;
     z-index: 5;
     text-decoration: none;
     border: transparent;
 }

 .btn-2 a:nth-child(2):hover {
     background: linear-gradient(90deg, #ce5a14 0%, #fc9c5e 100%);
     transition: all 0.3s;
 }

 .btn-2 a:nth-child(2) img {
     margin-right: 10px;
 }

 .sec-2a .hdg-stl-1 {
     margin-bottom: 30px;
 }

 .msn-bx-1 img {
     border-radius: 20px;
 }

 .sec-2a {
     padding: 50px 0;
 }

 .msn-bx-1 {
     background: #f8e5e2;
     border-radius: 20px;
     overflow: hidden;
 }

 .msn-txt p {
     font-size: 20px;
     text-align: center;
     line-height: 35px;
 }

 .msn-txt {
     padding: 40px 40px 40px 0px;
 }

 .msn-txt .donate-btn-1 {
     text-align: center;
     margin-top: 40px;
 }

 .fndr-sc1 h3 {
     font-size: 18px;
     font-weight: bold;
     margin: 13px 0;
 }

 .fndr-sc1 .btn-stl-1 {
     margin-top: 25px;
 }


 .sec-3a {
     padding-bottom: 50px;
 }


 .sec-3a-bx {
     height: 100%;
     border-radius: 15px;
     background-size: cover;
     display: grid;
     align-content: space-between;
     overflow: hidden;
     position: relative;
     padding: 200px 30px 30px;
     background: #ccc;
 }

 .tch-bg-img {
     position: absolute;
     top: 0;
     height: 100%;
     width: 100%;
     overflow: hidden;
 }


 .zoominheader-vlntr {
     background: url(../img/bg-volunter.jpg) !important
 }

 .zoominheader {
     width: 100%;
     height: 100%;
     background: url(../img/bg-vanayathra.jpg);
     background-size: cover;
     background-attachment: fixed;
     background-repeat: repeat;
     position: relative;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -webkit-animation: zoomin 10s ease-in infinite;
     animation: zoomin 10s ease-in infinite;
     transition: all .5s ease-in-out;
     overflow: hidden;
 }

 /* The innermost element*/
 .zoomoutheader {
     text-align: center;
     background: none;
     -webkit-animation: zoomout 10s ease-in infinite;
     animation: zoomout 10s ease-in infinite;
     transition: all .5s ease-in-out;
     overflow: hidden;
 }

 .hm-gt-tch-mn {
     /* background-image: url(../img/bg-1.jpg); */
     height: 100%;
     padding: 30px;
     border-radius: 15px;
     background-size: cover;
     display: grid;
     align-content: space-between;
     overflow: hidden;
     position: relative;
 }

 .hm-gt-tch-mn h3 {
     font-size: 50px;
     color: #fff;
 }

 .sec-3a-bx1 {
     z-index: 9999;
     color: #fff;
 }

 .sec-3a-bx1 h2 {
     color: #fff;
 }

 .prgrms-hm-lft h2 {
     color: #fff;
 }

 .sec-3a-bx1 .btn-stl-2 {
     margin-top: 30px;
 }

 .prgrms-hm-lft h2 span {
     font-weight: 600;
 }

 .prgrms-hm-lft h2 {
     font-weight: 400;
 }

 .btn-stl-2 a {
     display: block;
     color: #000000;
     font-size: 16px;
     font-weight: 600;
     background: #ffffff;
     padding: 10px 35px;
     border-radius: 10px;
     transition: all 0.3s ease-in-out;
     position: relative;
     z-index: 5;
     text-decoration: none;
     width: fit-content;
 }

 .btn-stl-2 a:hover {
     color: #fff;
     background: #000000;
 }

 .btn-stl-3 a:hover img {
     transition: .7s all;
     transform: translate(10px, 0px);
 }

 /* Zoom in Keyframes */
 @-webkit-keyframes zoomin {
     0% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.2);
     }

     100% {
         transform: scale(1);
     }
 }

 @keyframes zoomin {
     0% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.2);
     }

     100% {
         transform: scale(1);
     }
 }

 /*End of Zoom in Keyframes */

 /* Zoom out Keyframes */
 @-webkit-keyframes zoomout {
     0% {
         transform: scale(1);
     }

     50% {
         transform: scale(0.67);
     }

     100% {
         transform: scale(1);
     }
 }

 @keyframes zoomout {
     0% {
         transform: scale(1);
     }

     50% {
         transform: scale(0.67);
     }

     100% {
         transform: scale(1);
     }
 }

 /*End of Zoom out Keyframes */



 @keyframes color {
     from {
         background-position: 0% 50%;
     }

     to {
         background-position: 100% 50%;
     }
 }


 section.prgrms {
     background-image: url(../img/bg-prgrm.jpg);
     background-color: #fff;
     padding: 80px 0;
     background-size: cover;
     background-position: center;
 }

 .prgrms-hd {
     color: #fff;
 }

 .prgrms-hm-rght {
     padding: 20px 0;
     border-bottom: 1px solid #ccc;
     border-top: 1px solid #ccc;
 }

 .prgrms-hm-rght p {
     margin: 0;
 }

 .prgrms-hm-rght a {
     margin-left: auto;
 }





 .prgrms-lsts {
     margin-top: 50px;
 }

 .prgrms-bx {
     background: #fff;
     padding: 40px;
     border-radius: 20px;
     text-align: center;
 }

 .prgrms-bx:hover {
     box-shadow: 0px 3px 4px #ccc;
 }

 .prgrms-bx img {
     border-radius: 20px;
 }

 .prgrms-bx h3 {
     margin: 20px 0 15px;
     font-size: 22px;
     font-weight: 600;
 }

 div#counter span.count.plus-icn {
     color: #2a2a2a;
     font-weight: 500;
     font-size: 50px;
     margin: 0;
     line-height: 1;
 }

 div#counter {
     margin: 20px 0;
 }

 #counter span.plus-icn:after {
     content: "+";
     display: inline-block;
 }


 #counter span.percentage:after {
     content: "%";
     display: inline-block;
 }

 section.social-impct {
     padding: 60px 0;
     background: #f3f3f3;
 }

 .scl-impct-bx {
     border-right: 1px solid #ccc;
     text-align: center;
     height: 100%;
     padding: 0 20px;
 }

 .scl-impct-bx:nth-last-child(1) {
     border-right: 0px solid #ccc;
 }

 .scl-impct-bx p {
     margin: 0;
     line-height: 22px;
 }

 .impcts-lst {
     margin-top: 30px;
 }


 section.sec-focus {
     padding: 60px 0;
 }

 section.sec-focus h2 {
     margin-bottom: 30px;
 }

 .cmpn-bx {
     text-align: center;
 }

 .campaign-lst {
     margin-top: 30px;
     border: 1px solid #ccc;
     border-radius: 20px;
     padding: 40px 20px;
 }

 .cmpn-bx img {
     border-radius: 20px;
     margin-bottom: 20px;
 }

 .donate-btn-1 img {
     margin-bottom: 0;
 }

 .cmpn-bx h3 {
     font-size: 22px;
     margin-bottom: 20px;
     font-weight: 600;
 }

 section.sec-campaign .hdg-stl-1 {
     margin-bottom: -55px;
     background: #fff;
     width: auto;
     margin-left: auto;
     margin-right: auto;
 }

 section.sec-latest-news {
     padding: 60px 0;
 }

 .news-bx {
     border-radius: 20px;
     overflow: hidden;
     position: relative;
     height: 100%;
     border: 1px solid #ccc;
 }

 .nws-cntnt {
     padding: 20px;
 }

 .nws-cntnt .btn-stl-3 {
     position: absolute;
     bottom: 15px;
 }

 .nws-cntnt h3 {
     font-size: 20px;
     padding-bottom: 40px;
     line-height: 28px;
 }

 .btn-stl-3 a {
     color: #000;
     font-size: 16px;
     text-decoration: none;
     font-weight: 600;
 }

 section.sec-latest-news h2 {
     margin-bottom: 40px;
 }

 section.sec-testi-prtnr {
     padding-bottom: 60px;
 }

 section.sec-testi-prtnr h2 {
     margin-bottom: 30px;
 }

 .prtnr-bx-1 {
     background: #f5f5f5;
     text-align: center;
     padding: 40px 20px;
     border-radius: 20px;
 }

 .testi-bx1 p {
     font-style: italic;
     font-size: 18px;
     margin-top: 12px;
 }

 .testi-bx1 h3 {
     font-size: 16px;
     font-weight: 600;
 }

 .testi-bx-mn {
     padding: 30px;
     background: #ccc;
     border-radius: 20px;
     display: grid;
     gap: 12px;
     background: linear-gradient(90deg, #f4f5f2 0%, #edede8 50%, #f8f2ee 100%);
 }

 .testi-bx:nth-child(1) {
     border-bottom: 1px solid #ccc;
     padding-bottom: 20px;
 }


 .fcs-bx.fcs-bx1 a {
     width: 100%;
     display: block;
 }

 .fcs-bx1 {
     display: block;
 }

 .fcs-bx a {
     color: #000;
     text-decoration: none;
 }


 .fcs-bg-1 a {
     background: linear-gradient(85deg, #d4e4ea, #eaf1f3);
 }

 .fcs-bg-2 a {
     background: linear-gradient(85deg, #f8e9e6, #f6deda);
 }

 .fcs-bg-3 a {
     background: linear-gradient(85deg, #f2f0f4, #e2e0ed);
 }

 .fcs-bg-4 a {
     background: linear-gradient(85deg, #f2f5f4, #e6e7e0);
 }

 .fcs-bx img {
     margin: auto;
 }

 .fcs-bx a:hover {
     background: antiquewhite;
 }



 .fcs-bx a {
     text-align: center;
     border-radius: 20px;
     height: 100%;
     overflow: hidden;
     display: grid;
     width: 100%;
     align-items: center;
     align-content: center;
     justify-content: center;
 }

 .fcs-bx-mn {
     display: grid;
     gap: 10px;
 }

 .fcs-bx {
     height: 100%;
     display: flex;
     align-items: center;
     align-content: center;
     border-radius: 20px;
     width: 100%;
 }

 .fcs-bx.fcs-bx1 img {
     transition: .6s all;
     transform: scale(1);
 }

 .fcs-bx.fcs-bx1:hover img {
     transition: .6s all;
     transform: scale(1.1);
 }



 .fcs-bx h3 {
     font-size: 22px;
 }

 .fcs-bx1 img {
     object-fit: cover;
     height: 100%;
 }

 .sc-two-clm {
     grid-template-rows: 1fr 1fr;
 }

 .fcs-bx.fcs-bx1 img {
     width: 100%;
 }

 .equal-wrap {
     display: grid;
     grid-template-rows: 1fr 1fr;
     /* BOTH ROWS SAME HEIGHT */
     gap: 15px;
     height: 420px;
     /* Total height (adjust if needed) */
 }

 /* Top card */
 .top-box {
     background: linear-gradient(135deg, #eef3f8, #f9fafb);
     border: 1px solid #e3ebf2;
     border-radius: 18px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     padding: 20px;
 }

 .top-box .icon {
     width: 50px;
     margin: 0 auto 10px;
 }

 /* Bottom image */
 .bottom-box .photo {
     width: 100%;
     height: 100%;
     border-radius: 18px;
     object-fit: cover;
 }

 footer {
     background: #1b1b1b;
     padding: 50px 0 30px;
 }

 .ftr-abt {
     text-align: left;
 }

 .ftr-abt p {
     margin-top: 20px;
     color: #c1c1c1;
     text-align: left;
     padding-right: 20px;
     margin-bottom: 0;
 }

 .ftr-sc-1.cn-i li {
     display: flex;
     line-height: 28px;
 }

 .ftr-sc-1.cn-i i {
     margin-right: 10px;
     margin-top: 10px;
     font-size: 12px;
 }

 .ftr-sc-1.cn-i li:nth-child(2) {
     margin-top: 20px;
 }

 .ftr-sc-1 li {
     display: flex;
     font-size: 14px;
     line-height: 23px;
     list-style: none;
     color: #c1c1c1;
     font-family: "Roboto", sans-serif;
 }

 .ftr-sc-1 a {
     text-decoration: none;
     font-family: "Roboto", sans-serif;
     color: rgb(255 255 255 / 70%);
     line-height: 30px;
 }

 footer h4 {
     color: #fff;
     font-size: 20px;
     margin-bottom: 20px;
     font-family: "Onest", sans-serif;
 }

 .ftr-sc-1 i.fa-solid.fa-location-dot {
     margin-top: 11px;
     /* margin-right: 10px; */
 }

 .ftr-sc-1 ul {
     margin: 0;
     padding: 0;
 }

 .ftr-sc-1 a:hover {
     color: #ffffff;
 }

 .ftr-scl ul {
     margin: 0;
     padding: 0;
 }

 .ftr-sclul li {
     list-style: none;
     line-height: 26px;
     color: #c0c0c0;
     font-size: 15px;
 }

 .ftr-scl ul li a {
     text-decoration: none;
     color: #c0c0c0;
 }

 .ftr-scl li {}

 .ftr-scl i {
     font-size: 20px;
     width: 35px;
     height: 35px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 5px;
     transition: .6s all;
 }

 .ftr-scl i:hover {
     color: #ffffff;
     background: #a2533e;
 }

 .ftr-scl ul li a {
     text-decoration: none;
     color: #c0c0c0;
 }

 .ftr-scl li {
     display: inline-block;
     margin-right: 5px;
 }

 .copy {
     text-align: center;
     border-top: 1px solid #2d2d2d;
     padding: 10px 0;
     background: #000000;
 }

 .copy h6 {
     font-size: 13px;
     color: #ffffff;
     font-weight: 400;
     margin: 0;
     font-family: "Roboto", sans-serif;
 }

 .copy h6 a {
     color: #ffffff;
     text-decoration: none;
 }

 .copy h6 a:hover {
     color: #fb9b5d;
 }

 /* Reveal sections */
 .reveal {
     opacity: 0;
     transform: translateY(40px);
     transition: all 0.8s ease;
     will-change: transform, opacity;
 }

 /* When in view */
 .reveal.active {
     opacity: 1;
     transform: none;
 }

 /* Specific Animations */
 .fade-in {
     transform: translateY(40px);
 }

 .slide-left {
     transform: translateX(-60px);
 }

 .zoom-in {
     transform: scale(0.8);
 }

 .flip-up {
     transform: rotateX(90deg);
     transform-origin: bottom;
 }

 .slide-right {
     transform: translateX(60px);
 }

 .flip-down {
     transform: rotateX(-90deg);
     transform-origin: top;
 }

 .fade-up {
     transform: translateY(40px);
     opacity: 0;
 }

 /* Activated states (reuse .active for all) */
 .reveal.slide-right.active,
 .reveal.flip-down.active,
 .reveal.fade-up.active {
     transform: none;
     opacity: 1;
 }

 /* Activated states */
 .reveal.fade-in.active,
 .reveal.slide-left.active,
 .reveal.zoom-in.active,
 .reveal.flip-up.active {
     transform: none;
 }



 section.sec-inr-1 {
     padding: 80px 0;
 }


 .hdg-stl-1-h1 h1 {
     position: relative;
     margin: 0;
     padding: 0;
     width: 100%;
     overflow: hidden;
 }

 .hdg-stl-1-h1 h1::after {
     content: "";
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #FFF;
     position: absolute;
     margin-left: 10px;
     top: calc(50% - -1px);
     width: 100%;
 }

 .program-lft .hdg-stl-1-h1 {
     margin-bottom: 20px;
 }

 .prgrm-lst-mn {
     margin-top: 20px;
 }

 .prgrm-lst-1 h3 {
     font-size: 28px;
     font-weight: 500;
 }

 .prgrm-lst-1 img {
     border-radius: 20px;
     margin-bottom: 20px;
 }

 .prgrm-lst-1 .btn-stl-1 {
     margin-top: 20px;
 }

 .prgrm-lst-1 .btn-stl-1 a {
     margin: inherit;
 }

 .prgrm-lst-rght {
     background: linear-gradient(85deg, #f5f5f2, #ebe7db);
     padding: 30px 20px;
     border-radius: 20px;
 }

 .program-lft {
     padding-right: 30px;
 }

 .prgrm-lst-rght ul {
     margin: 0;
     padding: 0;
 }

 .prgrm-lst-rght h2 {
     font-size: 30px;
     margin-bottom: 20px;
 }

 div.prgrm-lst-pgs ul li a {
     background: #fff;
     color: #000;
     text-decoration: none;
     font-size: 22px;
     width: 100%;
     display: block;
     padding: 14px 10px;
     border-radius: 10px;
     transition: .7s all;
 }

 div.prgrm-lst-pgs ul li a.active {
     background: linear-gradient(90deg, #fc9c5e 0%, #f07e35 100%);
     color: #fff;
 }

 div.prgrm-lst-pgs ul li a:hover {
     background: linear-gradient(90deg, #fc9c5e 0%, #f07e35 100%);
     color: #fff;
 }

 div.prgrm-lst-pgs ul li a:hover img {
     filter: brightness(0) invert(1);
 }

 .prgrm-lst-pgs li {
     list-style: none;
     margin-bottom: 3px;
 }

 div.prgrm-lst-pgs ul li a.active img {
     filter: brightness(0) invert(1);
 }

 div.prgrm-lst-pgs ul li a img {
     width: 45px;
 }





 .prgrm-inr-rght1 {
     margin-bottom: 40px;
 }

 .prgrm-inr-rght h2 {
     font-size: 30px;
     margin-bottom: 20px;
 }

 .program-lft h1 {
     font-size: 40px;
     margin-bottom: 20px;
 }

 .program-lft img {
     border-radius: 20px;
     margin-bottom: 20px;
 }



 .program-lft h2 {
     font-size: 25px;
     margin-bottom: 20px;
     font-weight: 600;
     letter-spacing: 0;
 }

 .program-lft h3 {
     font-size: 25px;
     margin-bottom: 20px;
     font-weight: 500;
 }

 .program-lft h4 {
     font-size: 30px;
     margin-bottom: 20px;
     font-weight: 600;
 }

 .program-lft ul {
     padding: 0;
 }

 .program-lft ul li {
     list-style: none;
     background-image: url(../img/list.png);
     background-repeat: no-repeat;
     background-position: 0px 6px;
     background-size: 12px;
     padding-left: 20px;
     vertical-align: middle;
     font-size: 16px;
     line-height: 26px;
     color: #2c2c2c;
     margin-bottom: 10px;
 }

 .bnfts {
     margin-top: 30px;
 }

 .actvty img {
     background: #f3f3f3;
     border-radius: 50%;
     width: 90px;
     padding: 10px;
     margin-bottom: 10px;
 }

 .actvty {
     text-align: center;
     padding: 0 5px;
 }

 .actvty p {
     font-weight: 600;
     line-height: 20px;
 }

 .mjr-actvty {
     margin-top: 30px;
 }

 .fclty-lst {
     margin-top: 30px;
 }





 .abt-lft {
     padding-right: 30px;
 }

 .abt-lft .hdg-stl-1-h1 {
     margin-bottom: 20px;
 }

 .abt-lft h2 {
     font-size: 25px;
     margin-bottom: 14px;
     font-weight: 600;
     letter-spacing: 0;
 }

 .abt-lft h3 {
     font-size: 25px;
     margin-bottom: 20px;
     font-weight: 500;
 }

 .abt-lft h4 {
     font-size: 30px;
     margin-bottom: 20px;
     font-weight: 600;
 }

 .abt-lft ul {
     padding: 0;
 }

 .abt-lft ul li {
     text-align: justify;
     list-style: none;
     background-image: url(../img/list.png);
     background-repeat: no-repeat;
     background-position: 0px 6px;
     background-size: 12px;
     padding-left: 20px;
     vertical-align: middle;
     font-size: 16px;
     line-height: 26px;
     color: #2c2c2c;
     margin-bottom: 10px;
 }

 .abt-lft p {
     text-align: justify;
 }



 .abt-lft img {
     border-radius: 20px;
     margin-bottom: 20px;
 }

 .abt-lft ul li span {
     color: #f99554;
     font-weight: 600;
 }


 .vnvs-2 {
     margin-top: 40px;
 }

 .vnvs-2 img {
     margin-bottom: 0;
 }

.fndr-pg h3 {
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
    font-weight: 600;
}
.prgrm-sngle-lft-img-sml img {
    width: 100%;
}
.fndr-pg  .prgrm-sngle-lft-img-sml img {
    margin-bottom: 5px;
}




.program-lft  .accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent;
    box-shadow: none;
}

.program-lft  button.accordion-button i {
    margin-right: 12px;
    color: #ed8e51;
        font-size: 17px;
}

.program-lft  button.accordion-button {
    font-size: 22px;
    font-weight: 600;
    padding: 0px;
    background: transparent;
}
.program-lft  .accordion-body h4 {
    font-size: 18px;
    margin-bottom: 5px;
}
.program-lft  .accordion-item {
    background: #f4f4f4;
    border: 0;
    border-radius: 20px !important;
    padding: 20px 30px;
    margin-bottom: 5px;
}
.program-lft  .accordion-body {
    padding: 0;
    margin-top: 20px;
}
.program-lft  .scs-cntnt p {
    font-size: 15px;
    line-height: 26px;
}
.program-lft  .accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.program-lft .accordion-button:not(.collapsed)::after {
    background-image: url(../img/ac-1.png);
    transform: rotate(-180deg);
    width: 15px;
    background-size: 15px;
}
.program-lft .accordion-button::after {
    background-image: url(../img/ac-1.png);
    width: 15px;
    background-size: 15px;
}
.vlntr-bx-1 img {
    border-radius: 50%;
}

.vlntr-bx-1 h2 {
    margin-bottom: 10px;
}
.vlntr-1 {
    margin-bottom: 30px;
}
.fancybox__container {
    z-index: 99999 !important;
}
.media-sc-1{
    margin-top: 30px;
}
.vdo-sc {
    position: relative;
    overflow: hidden;
}

.vdo-icn {
    position: absolute;
    height: 100%;
    top: 0;
    width: 95%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vdo-icn img {
    width: 50px;
}


.prtnrs-sc {
    margin-top: 30px;
}

.prtnrs-bx {
    box-shadow: 0px 0px 10px #ccc;
    border-radius: 20px;
    padding: 20px 10px;
}

.prtnrs-bx img {
    margin: 0;
}

.nws-bx {
    padding: 15px;
    border: 2px solid #ededed;
    border-radius: 20px;
}

.nws-bx-2 h3 {
    font-size: 15px;
    color: #f89658;
    margin-bottom: 2px;
}

.nws-bx-2 h4 {
    font-size: 22px;
    margin-bottom: 0;
}
.nws-bx-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nws-bx img {
    width: 100%;
}
.dt-nm-dwnld img {
    margin: 0;
    border-radius: 0;
}



.cntct-bx-1a {
    text-align: center;
    border: 1px solid #e6e6e6;
    padding: 20px;
    height: 100%;
}

.cntct-bx-1a a {
    color: #000;
    text-decoration: none;
    font-size: 17px;
}

.cntct-bx-1a h3 {
    font-size: 17px;
    line-height: 25px;
    min-height: 50px;
}
.cntct-bx-1a i {
    font-size: 30px;
    margin-bottom: 20px;
    color: #fb9b5d;
}
.cntct-bx-1a a:hover{
    color: #fb9b5d;
}
.cntct-bx-1 h2 {
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: left;
}
.cntct-mn {
    margin-top: 30px;
}
.cntct-bx-1 {
    padding: 20px;
    text-align: center;
}

.banner-section-inner img {
    width: 100%;
}




 /* Media Screens */

 @media (max-width: 767.9px) {


    .cntct-mn {
        margin-top: 10px;
    }
    .cntct-bx-1a h3 {
        min-height: auto;
    }
    .cntct-bx-1 {
        padding: 0px;
    }



    .program-lft .accordion-item {
        padding: 12px 20px;
    }
    
    .program-lft button.accordion-button {
        font-size: 20px;
    }
    .nws-bx-2 h3 {
        font-size: 15px !important;
    }
   .nws-bx-2 h4 {
        font-size: 22px !important;
    }
   
    .vnvs-2 {
         margin-top: 20px;
     }

     .vnvs-2 ul {
         margin-bottom: 0px;
     }

     .vnvs-2 img {
         margin-bottom: 20px;
     }

     .ob-vnvsi {
         order: 0;
     }

     .ob-vnvsi-cntnt {
         order: 1;
     }

     .abt-lft {
         padding-right: 0px;
     }

     .abt-lft h2 {
         font-size: 20px;
         margin-bottom: 10px;
         letter-spacing: 0;
     }

     .abt-lft ul li {
         font-size: 16px;
         line-height: 23px;
     }






     img.img-fluid.logo-image {
         width: 125px;
         float: left;
     }

     .container {
         width: 95%;
     }

     header#header .donate-btn-1 {
         margin-left: 20px;
     }

     .ftr-scl i {
         font-size: 15px;
         width: 30px;
         height: 30px;
     }

     .prgrm-lst-1 img {
         width: 100%;
     }



     section.sec-inr-1 {
         padding: 30px 0;
     }

     .hdg-stl-1-h1 h1 img {
         width: 40px;
         margin: 0;
     }

     .program-lft {
         padding-right: 0px;
     }

     .prgrm-lst-1 h3 {
         font-size: 21px;
     }

     .prgrm-lst-rght {
         margin-top: 20px;
         padding: 20px 20px;
     }

     .prgrm-lst-rght h2 {
         font-size: 25px;
         margin-bottom: 15px;
     }

     div.prgrm-lst-pgs ul li a {
         font-size: 17px;
         padding: 8px 10px;
     }

     div.prgrm-lst-pgs ul li a img {
         width: 35px;
     }

     .btn-stl-1 a {
         font-size: 16px;
         padding: 6px 25px;
     }




     .scl-impct-bx:nth-child(2) {
         border-right: 0px solid #ccc;
     }

     .scl-impct-bx:nth-child(4) {
         border-right: 0px solid #ccc;
     }

     .prtnr-bx-1 {
         padding: 10px 20px;
     }

     .bg-white-img {
         bottom: -6px;
     }

     a.brand {
         width: 85%;
     }

     .hdr-cntct ul {
         text-align: center;
     }

     .hdr-mnu ul {
         text-align: center;
     }

     .banner-section h2 {
         font-size: 25px;
         line-height: 28px;
         margin-bottom: 10px;
     }

     .btn-2 a:nth-child(2) img {
         width: 25px;
     }

     .btn-stl-2 a {
         font-size: 15px;
         padding: 8px 25px;
     }

     .sec-3a-bx1 .btn-stl-2 {
         margin-top: 15px;
     }




     .donate-btn-1 a {
         font-size: 15px;
         padding: 5px 15px;
     }

     .hm-1a img {
         width: 50%;
     }

     .hm-1a {
         padding: 20px 0 0;
     }

     .banner-section .carousel-caption {
         padding-bottom: 20px;
     }

     .hm-1a h1 {
         margin: 10px 0;
     }

     .sec-2a .hdg-stl-1 {
         margin-bottom: 16px;
     }

     .fcs-bx h3 {
         font-size: 18px;
     }

     h1 {
         font-size: 27px;
         line-height: 27px;
     }

     h2 {
         font-size: 27px;
         line-height: 32px;
         letter-spacing: 0px;
     }

     p {
         line-height: 25px;
     }

     .cmpn-bx h3 {
         margin-bottom: 10px;
     }

     .testi-bx-mn {
         padding: 20px;
         gap: 8px;
     }

     .ftr-sc-1.cn-i li {
         line-height: 24px;
     }

     div#counter {
         margin: 10px 0;
     }

     .fcs-bx img {
         width: 60px;
     }

     .hdr-mnu li:nth-last-child(1) {
         padding-left: 10px;
         padding-right: 10px;
     }

     .hdg-stl-1 h2 {
         font-size: 27px;
         line-height: 32px;
     }

     .msn-sc {
         margin-top: 20px;
     }

     .msn-txt {
         padding: 20px;
     }

     .msn-txt p {
         font-size: 17px;
         line-height: 26px;
     }

     .msn-txt .donate-btn-1 {
         margin-top: 20px;
     }

     .sec-3a-bx {
         padding: 200px 20px 20px;
     }

     .prgrms-hm-rght .btn-stl-2 {
         margin-top: 20px;
     }

     .prgrms-hm-rght a {
         margin-left: 0;
     }

     .prgrms-lsts {
         margin-top: 20px;
     }

     .prgrms-bx {
         padding: 20px;
     }

     .prgrms-bx h3 {
         margin: 10px 0 10px;
         font-size: 22px;
     }

     section.prgrms {
         padding: 40px 0;
     }

     .scl-impct-bx {
         width: 50%;
         flex: auto;
         margin-bottom: 20px;
         padding: 0 10px;
     }

     div#counter span.count.plus-icn {
         font-size: 30px;
     }

     .scl-impct-bx img {
         width: 70px;
     }

     section.social-impct {
         padding: 30px 0;
     }

     section.sec-focus {
         padding: 30px 0;
     }

     section.sec-latest-news h2 {
         margin-bottom: 20px;
     }

     section.sec-latest-news {
         padding: 30px 0;
     }

     .nws-cntnt h3 {
         font-size: 18px;
         padding-bottom: 30px;
         line-height: 25px;
     }

     .testi-bx1 p {
         font-size: 16px;
         margin-top: 10px;
     }

     section.sec-testi-prtnr {
         padding-bottom: 30px;
     }

     footer {
         padding: 30px 0 10px;
     }

     footer h4 {
         font-size: 18px;
         margin-bottom: 5px;
     }

     .ftr-sc-1 {
         margin-bottom: 20px;
     }

     .ftr-sc-1 a {
         line-height: 25px;
     }

     .ftr-sc-1.cn-i li:nth-child(2) {
         margin-top: 10px;
     }

     section.sec-testi-prtnr h2 {
         margin-bottom: 10px;
     }

     .campaign-lst {
         margin-top: 10px;
         border: 0px solid #ccc;
         padding: 20px 0px;
     }

     .sec-3a {
         padding-bottom: 10px;
     }

     .prgrms-hm-lft {
         padding-top: 30px;
     }

     .prgrm-sngle-lft-img-sml img {
         width: 100%;
     }

     .program-lft h1 {
         font-size: 27px;
         margin-bottom: 12px;
         line-height: 20px;
     }

     .program-lft .hdg-stl-1-h1 {
         margin-bottom: 10px;
     }

     .program-lft p {
         text-align: justify;
     }

     .program-lft ul li {
         line-height: 23px;
         margin-bottom: 6px;
     }

     .actvty p {
         text-align: center !important;
     }

     .program-lft h4 {
         font-size: 25px;
         margin-bottom: 10px;
     }

     .program-lft h2 {
         font-size: 22px;
         margin-bottom: 14px;
         line-height: 25px;
     }

     .program-lft h3 {
         font-size: 22px;
         margin-bottom: 10px;
     }

     .prgrm-inr-rght h2 {
         font-size: 25px;
         margin-bottom: 20px;
     }

     .prgrm-inr-rght1:nth-last-child(1) {
         margin-bottom: 10px;
     }



 }

 @media (min-width: 768px) and (max-width: 991.9px) {

     .abt-lft ul li {
         font-size: 15px;
         line-height: 22px;
     }
    .abt-lft {
        padding-right: 10px;
    }
    .fndr-pg h3 {
        font-size: 15px;
    }
    .abt-lft ul li {
        font-size: 16px;
        line-height: 24px;
    }
    .menu1-link1 {
        display: block !important;
        align-items: center;
        justify-content: start;
    }
     div.prgrm-lst-pgs ul li a img {
         width: 40px;
     }

     section.sec-inr-1 {
         padding: 50px 0;
     }

     .prgrm-lst-1 h3 {
         font-size: 22px;
     }

     .prgrm-lst-rght h2 {
         font-size: 25px;
     }

     div.prgrm-lst-pgs ul li a {
         font-size: 16px;
         padding: 7px 10px;
         display: flex;
         align-items: center;
     }

     .program-lft {
         padding-right: 10px;
     }

     .abt-lft h2 {
         font-size: 20px;
     }




     li.menu1-item {
         list-style: none;
     }

     div#menu1 .donate-btn-1 {
         padding-left: 50px;
     }

     .banner-section h2 {
         font-size: 32px;
         line-height: 36px;
         margin-bottom: 10px;
     }

     .hm-1a h1 {
         margin: 10px 0;
     }

     .hdg-stl-1 h2 {
         font-size: 30px;
     }

     h1 {
         font-size: 30px;
     }

     h2 {
         font-size: 30px;
     }

     .fndr-sc1 {
         padding: 10px;
     }

     p {
         font-size: 16px;
         line-height: 23px;
     }

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

     .msn-txt {
         padding: 10px 10px 10px 0px;
     }

     .msn-txt .donate-btn-1 {
         text-align: center;
         margin-top: 10px;
     }

     .campaign-lst {
         margin-top: 20px;
         padding: 20px 20px;
     }

     .btn-stl-2 a {
         font-size: 15px;
         padding: 8px 10px;
     }

     .prgrms-bx {
         padding: 20px;
     }

     div#counter span.count.plus-icn {
         font-size: 28px;
     }

     .scl-impct-bx {
         padding: 0 8px;
     }


     .nws-cntnt h3 {
         font-size: 16px;
         padding-bottom: 28px;
         line-height: 22px;
     }

     .nws-cntnt {
         padding: 12px;
     }

     .cmpn-bx h3 {
         font-size: 17px;
     }

     .fcs-bx h3 {
         font-size: 17px;
     }

     footer h4 {
         font-size: 15px;
         margin-bottom: 10px;
     }


     .sec-3a-bx {
         padding: 100px 10px 10px;
     }

     .sec-3a-bx1 .btn-stl-2 {
         margin-top: 10px;
     }

     .scl-impct-bx img {
         width: 80px;
     }

     div#counter {
         margin: 10px 0;
     }

     .donate-btn-1 a {
         padding: 5px 20px;
     }

     .testi-bx-mn {
         padding: 14px;
     }

     .testi-bx1 p {
         font-size: 15px;
         margin-top: 10px;
     }

     .testi-bx:nth-child(1) {
         padding-bottom: 8px;
     }

     .ftr-sc-1 a {
         line-height: 24px;
     }

     .btn-stl-1 a {
         font-size: 15px;
         padding: 5px 25px;
     }

     .sec-3a {
         padding-bottom: 20px;
     }

     .prgrms-lsts {
         margin-top: 20px;
     }

     .fcs-bx img {
         width: 50px;
     }

     .prgrm-inr-rght h2 {
         font-size: 27px;
         margin-bottom: 10px;
     }

     .program-lft h1 {
         font-size: 30px;
         margin-bottom: 10px;
     }

     .program-lft ul li {
         font-size: 15px;
         line-height: 18px;
         margin-bottom: 5px;
     }

     .actvty img {
         width: 75px;
         padding: 10px;
     }

     .prgrm-sngle-lft-img-sml img {
         width: 100%;
     }



 }

 @media (min-width: 992px) and (max-width: 1199.9px) {
     .banner-section h2 {
         font-size: 35px;
         line-height: 38px;
         margin-bottom: 20px;
     }

     .prgrm-lst-1 h3 {
         font-size: 25px;
     }

     .nws-cntnt h3 {
         font-size: 18px;
         padding-bottom: 30px;
         line-height: 26px;
     }

     .testi-bx-mn {
         padding: 20px;
     }

     .menu1-link1 {
         font-size: 14px;
     }

     .menu1 {
         column-gap: 7px !important;
     }
    .navbar1-block {
        gap: 10px;
    }
     .prtnr-bx-1 {
         padding: 20px 20px;
     }

     .donate-btn-1 a {
         font-size: 15px;
         padding: 6px 12px;
     }

     .donate-btn-1 img {
         margin-right: 2px;
         width: 20px;
     }

     .fndr-sc1 {
         padding: 15px;
     }

     footer h4 {
         font-size: 17px;
     }

     p {
         font-size: 16px;
         line-height: 24px;
     }

     .msn-txt .donate-btn-1 {
         margin-top: 20px;
     }

     .msn-txt p {
         font-size: 17px;
         line-height: 25px;
     }

     h1 {
         font-size: 35px;
     }

     h2 {
         font-size: 35px;
     }

     .btn-stl-2 a {
         padding: 6px 25px;
     }

     .prgrms-bx {
         padding: 25px;
     }

     div#counter span.count.plus-icn {
         font-size: 35px;
     }

     div#counter {
         margin: 10px 0;
     }

     .ftr-sc-1 a {
         line-height: 26px;
     }

     .testi-bx1 p {
         font-size: 16px;
         margin-top: 9px;
     }

     .menu1-link1 {
         font-size: 14px !important;
     }

     .container-1 {
         max-width: 95%;
     }

     .testi-bx:nth-child(1) {
         padding-bottom: 10px;
     }

     .btn-stl-1 a {
         font-size: 15px;
         padding: 5px 23px;
     }

     .fndr-sc1 img {
         width: 100px;
     }

     .fndr-sc1 h3 {
         font-size: 16px;
         margin: 8px 0;
     }

     .ftr-scl i {
         font-size: 17px;
         width: 24px;
         height: 24px;
     }

     .program-lft ul li {
         line-height: 22px;
         margin-bottom: 5px;
     }

     .program-lft h1 {
         font-size: 35px;
         margin-bottom: 20px;
     }



 }

 @media (min-width: 1201px) and (max-width: 1400px) {

     div#counter span.count.plus-icn {
         font-size: 40px;
     }
  
    .menu1 {
        column-gap: 8px !important;
    }
    .menu1-link1 {
    font-size: 16px;
}
     .fndr-sc1 {
         padding: 10px 15px;
     }

     .fndr-sc1 h3 {
         margin: 7px 0;
     }

     .msn-txt p {
         font-size: 18px;
         line-height: 32px;
     }

     .sec-3a-bx {
         padding: 200px 20px 25px;
     }

     .ftr-scl i {
         font-size: 18px;
         width: 30px;
         height: 30px;
     }

     .testi-bx:nth-child(1) {
         padding-bottom: 10px;
     }

     .testi-bx-mn {
         padding: 20px;
     }

     .program-lft ul li {
         line-height: 25px;
         margin-bottom: 6px;
     }

     .donate-btn-1 a {
         padding: 8px 16px;
     }



 }



 /* Close Media Screens */