/* Wrapper */
                                /* ===== FORCE REMOVE ALL HEADER BACKGROUNDS ===== */
                                .main-header-two,
                                .main-header-two *,
                                .main-header-two__top,
                                .main-header-two__top *,
                                .main-header-two__top .container,
                                .main-header-two__top-inner,
                                .main-header-two__top-inner * {
                                    background: transparent !important;
                                    /* background-color: transparent !important; */
                                    /* box-shadow: none !important; */
                                }

                                /* ===== Only NAPF Header Should Show ===== */
                                .napf-header {
                                    background: transparent !important;
                                    display: flex;
                                    align-items: center;
                                    gap: 20px;
                                    padding: 10px 0;
                                    position: relative;
                                    z-index: 9999;
                                    /* Ensure stays above */
                                }

                                /* Logo */
                                .napf-logo img {
                                    width: 100px;
                                }

                                /* Hindi Title */
                                .napf-title-hindi {
                                    font-size: 50px;
                                    font-weight: 800;
                                    color: #0073d6;
                                    margin: 0;
                                }

                                /* English Title */
                                .napf-title-eng {
                                    font-size: 30px;
                                    font-weight: 700;
                                    margin: 3px 0;
                                    color: #000;
                                }

                                /* NAPF India */
                                .napf-title-india {
                                    font-size: 18px;
                                    font-weight: 800;
                                    color: #8b0000;
                                }

                                /* Social Icons */
                                .mobile-nav__social a {
                                    color: #001f54 !important;
                                    font-size: 22px;
                                    margin: 0 10px;
                                }


                                /* --- 1. सिर्फ NAPF Header Transparent --- */
                                .napf-header,
                                .napf-header * {
                                    background: transparent !important;
                                }

                                /* --- 2. Navbar (Menu Bar) का background वापस लाओ --- */
                                .main-header-two {
                                    background: #98cc0a00 !important;
                                    /* अपना navbar color डालें */
                                }

                                .main-header-two__top {
                                    background: #dbcaca !important;
                                }

                                .main-menu {
                                    background: #E7C3C3 !important;
                                }

                                .main-menu__wrapper {
                                    background: #d3c3c3 !important;
                                }

                                .main-menu .container {
                                    background: #bbafaf !important;
                                }

                                .main-header-two .container {
                                    background: #d1c6c6 !important;
                                }
                                .main-header-two__top-inner{
                                    background: #ffffff !important;
                                }

                                /* --- 3. Menu items visible रहें --- */
                                .main-menu .main-menu__list>li>a {
                                    color: #083c79 !important;
                                    /* Text दिखेगा */
                                }
                          


                       
                            /* Mobile Menu Social Icons – Navy Blue */
                            .mobile-nav__social a {
                                color: #001f54 !important;
                                /* Navy Blue */
                                font-size: 22px;
                                margin: 0 10px;
                                transition: 0.3s ease;
                            }

                            /* Hover Effect */
                            .mobile-nav__social a:hover {
                                color: #003c9d !important;
                                /* Lighter Navy Blue */
                                transform: scale(1.2);
                            }
                        
                           
/*social media icon color change on hover*/

 
                            /* Mobile Menu Social Icons – Navy Blue */
                            .mobile-nav__social a {
                                color: #001f54 !important;
                                /* Navy Blue */
                                font-size: 22px;
                                margin: 0 10px;
                                transition: 0.3s ease;
                            }

                            /* Hover Effect */
                            .mobile-nav__social a:hover {
                                color: #003c9d !important;
                                /* Lighter Navy Blue */
                                transform: scale(1.2);
                            }



                        

/* Section Grid */
.three-card-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    padding: 40px 20px;
}

/* Card Style */
.pro-card {
    width: 100%;
    overflow: hidden;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
    transition: all 0.3s ease;
}

.pro-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.18);
}

/* Image */
.pro-card-img {
    width: 100%;
    height: 230px;
    overflow: hidden;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

.pro-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease;
}

.pro-card:hover img {
    transform: scale(1.08);
}

/* Content */
.pro-card-content {
    padding: 20px 22px;
}

.pro-card-content h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #0c2d57;
}

.pro-card-content p {
    margin: 10px 0 15px;
    color: #666;
    font-size: 15px;
}

.pro-card-content a {
    font-weight: 600;
    color: #ff6b00;
    text-decoration: none;
    transition: 0.3s;
}

.pro-card-content a:hover {
    padding-left: 6px;
}














/*abot us section css*/

.about-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;         /* CENTER EVERYTHING */
    display: block;
}

/* Experience Card spacing */
.exp-card {
    width: 100%;
    margin: 0 auto 40px auto;
    display: flex;
    justify-content: center;
}

/* ABOUT SECTION BELOW IMAGE */
.about-content {
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

.about-content .section-title__tagline,
.about-content .section-title__title {
    text-align: center !important;
}

/* Paragraph styling */
.about-two__text-1 {
    max-width: 850px;
    margin: 15px auto 0 auto;
    font-size: 17px;
    line-height: 1.8;
    text-align: justify;         /* दोनों तरफ बराबर */
    text-justify: inter-word;
}




                            .connect-logo {
                                margin-top: 20px;
                            }

                            .connect-logo img {
                                width: 150px;
                                height: auto;
                            }

                            .powered-by a {
                                color: #8f4f4f !important;
                                text-decoration: none;
                                font-weight: 600;
                                transition: 0.3s;
                            }

                            .powered-by a:hover {
                                color: #b48c67 !important;
                            }




                            /* SOCIAL ICONS */

.social-links {
    display: flex !important;        /* horizontal layout */
    flex-direction: row !important;  /* row = left to right */
    gap: 20px;                       /* space between icons */
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
}
.social-links li {
    margin: 0;
}
.social-links i {
    font-size: 24px;
    color: #002b5b;   /* your blue color */
    cursor: pointer;
    transition: 0.3s ease;
}
.social-links i:hover {
    color: #ff7a00;
    transform: scale(1.15);
}




/*donate button css*/
                                .main-menu__btn-box .thm-btn {
    background-color: #ff6600 !important; /* आपका नया रंग */
    border-color: #ff6600 !important;
    color: #fff !important;
}


.about-wrapper {
    margin-top: -110px !important;
}