 body {
        font-family: 'Poppins', sans-serif;
    }


/* navbar top css */


        /* Topbar */
        .topbar {
            background: #f8f9fa;
            font-size: 14px;
            padding: 5px 0;
        }

        .topbar a {
            color: #444;
            text-decoration: none;
            margin-right: 15px;
            font-weight: 500;
        }

        .topbar a:hover {
            color: #0d6efd;
        }

        /* Navbar */
        .navbar-nav .nav-link {
            font-size: 12px;
            font-weight: 500;
            color: #444;
            margin: 0 8px;
        }

        .navbar-nav .nav-link:hover {
            color: #0d6efd;
        }
        

        .btn-donate {
            background: #28a745;
            color: #fff;
            font-weight: 600;
            border-radius: 20px;
            padding: 5px 15px;
            margin-right: 8px;
            font-size: 12px;
        }

        .btn-login {
            background: #0d6efd;
            color: #fff;
            font-weight: 600;
            border-radius: 20px;
            padding: 5px 15px;
            font-size: 12px;
        }

        .logo img {
            height: 100px;
        }
  /* navbar top css end */


  /* heading css */


            .heading {
                font-size: 32px;
                font-weight: 600;
                color: #135ca8;
                text-align: center;
                display: inline-block;
                position: relative;
                padding-bottom: 10px;
            }

            .heading::after {
                content: "";
                display: block;
                width: 70%;
                /* jitna chhota chahiye utna adjust karo */
                height: 4px;
                background: #2ca54d;
                margin: 8px auto 0;
                /* center align */
                border-radius: 10px;
            }

            /* Button underline */
            .btn-underline {
                display: inline-block;
                background: #135ca8;
                color: #fff;
                padding: 8px 20px;
                font-weight: 600;
                border-radius: 3px;
                text-decoration: none;
                position: relative;
            }
     /* heading css end */

     /* ho we work */


   
        .imgwork {
            border-radius: 100%;
            border: 10px solid #DBDBDB;
        }

        .imgwork:hover {

            border: 10px solid #135ca8;
        }

          /* ho we work end */


          /* Impact Stories */
    
        .impact_bg {
            background: url("../img/new/impact_bg.jpg") no-repeat center center;
            background-size: cover;
            width: 100%;
        }

        .green-line {
            height: 4px;
            width: 60px;
            background-color: #00cc44;
            border-radius: 2px;
        }
 

          /* Impact Stories end */


          /* vision mission */
         
            .custom-title {
                font-weight: 700;
                color: #0d4e96;
            }

            .vision-mission h5 {
                font-weight: 700;
                color: #0d4e96;
            }

            .vision-mission .underline {
                width: 50px;
                height: 3px;
                background-color: #28a745;
                margin: 8px auto;
            }

            .bg-lightblue {
                background-color: #e9f4fc;
            }

            .img-box {
                border-radius: 12px;
                overflow: hidden;
            }
    

        /* vision mission  end*/


       /* icon-box */
            .icon-box {
                text-align: center;
            }

            .icon-img {
                width: 120px;
                height: 120px;
                object-fit: contain;
                border-radius: 50%;
                background: #fff;
                padding: 15px;
                border: 5px solid #dce6ef;
            }

            h6 {
                color: #00803d;
                font-weight: 600;
            }

            p.small {
                color: #444;
                font-size: 13px;
            }
         /* icon-box end */



     /* maindevelp */
            .maindevelp {
                padding-top: 50px;
                padding-bottom: 50px;
                background: #2f6e9c;
                text-align: center;
            }

            .maindevelp h5 {
                color: white;
                margin-bottom: 20px;
            }
       /* maindevelp end */

  
            .crdnew {
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
            }



          /* swippercard */
          .mainswp{
            height: 100%!important;
          }
            .news-card {
                border-radius: 10px;
                overflow: hidden;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
                background: #fff;
                height: 100%!important;
            }

            .news-card img {
                width: 100%;
                height: 200px;
                object-fit: cover;
            }

            .news-card .card-body {
                padding: 15px;
                
            }

            .news-date {
                color: #007bff;
                font-weight: 500;
                margin-bottom: 5px;
            }

            .news-card a {
                color: #007bff;
                font-weight: 500;
                text-decoration: none;
            }

            .news-card a:hover {
                text-decoration: underline;
            }

         /* swippercard  end*/






         /* footer */

          
        .footer {
            background: #ebebeb;
            /* padding: 50px 0; */
            padding-top: 50px;
        }

        .footer h5 {
            font-weight: 600;
            margin-bottom: 20px;
        }

        .footer a {
            color: #6c757d;
            text-decoration: none;
        }

        .footer a:hover {
            color: #0d6efd;
        }

        .footer .icon-circle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #0d6efd;
            color: #fff;
            margin-right: 10px;
            font-size: 18px;
            flex-shrink: 0;
        }

        .footer .contact-info p {
            display: flex;
            align-items: center;
            margin: 10px 0;
            font-size: 15px;
            color: #6c757d;
        }

        .footer .social-icons a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            text-align: center;
            background: #0d6efd;
            color: #fff;
            margin: 0 5px;
            font-size: 18px;
            transition: 0.3s;
        }

        .footer .social-icons a:hover {
            background: #084298;
        }

        .footer-bottom {
            background: #e9ecef;
            padding: 5px 0;
            margin-top: 30px;
            text-align: center;
            font-size: 14px;
            color: #6c757d;
        }
  /* footer end */

  /* nav dropdown */

    .ndrpdwn{
         font-size: 12px;
            font-weight: 500;
            color: #444;
            /* margin: 0 8px; */

    }
     