/* ================================================ topbar ===================================================== */

.header-topped {
    background: #ffb606 none repeat scroll 0 0;
    padding: 10px 0px;
}

.welcm-ht {
    position: relative;
    margin-top: 0px;
}

.welcm-ht a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .welcm-ht {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 1199px) {
    .welcm-ht {
        text-align: right !important;
    }
}

/* ================================================ topbar ===================================================== */


/* ================================================ Header Nav ================================================== */

.side .widget ul.link li a.btn.donor_btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 0px;
    padding: 8px 18px;
    background: #ffb606 !important;
    color: #fff !important;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border-bottom: none !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
}

/* Remove underline & divider look */
.side .widget ul.link li a.btn.donor_btn:after {
    display: none !important;
}

/* Hover / active */
.side .widget ul.link li a.btn.donor_btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}


/* Menu Icons */
.navbar-nav>li>a i {
    margin-right: 6px;
    font-size: 16px;
}

/* Buttons */
.donor_btn {
    background: #ff6600;
    color: #fff !important;
    border-radius: 30px;
    padding: 8px 18px;
    font-weight: 600;
}

.donate_btn {
    background: #e60000;
    color: #fff !important;
    border-radius: 30px;
    padding: 8px 20px;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(230, 0, 0, 0.35);
}

@media (max-width: 767px) {

    .donor_btn {
        display: none !important;
    }

    .donate_btn {
        padding: 10px 22px;
        font-size: 18px;
    }
}

/* Side Menu Icons */
.side .widget ul.link li a i {
    margin-right: 8px;
}

/* FIX attr-nav layout */
.attr-nav ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.attr-nav ul li {
    list-style: none;
}

/* RESET bootsnav button anchor */
.attr-nav ul li a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    line-height: 42px;
    padding: 0 22px !important;
    border-radius: 5px;
    border: none;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none !important;
}

/* BUTTON COLORS */
.donor_btn {
    background: #fedcb0;
    color: black !important;
}

.donate_btn {
    background: #e60000;
    color: #fff !important;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(230, 0, 0, 0.4);
}

.attr-nav ul li a.btn:hover {
    opacity: 0.9;
}

@media (max-width: 767px) {

    .donor_btn {
        display: none !important;
    }

    .donate_btn {
        height: 35px !important;
        line-height: 44px !important;
        font-size: 18px !important;
        padding: 0 26px !important;
    }

    .attr-nav ul {
        gap: 0;
    }
}

nav.navbar.bootsnav.menu-style1 ul.nav>li>a {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 8px 10px !important;
    margin: 8px 6px;
    font-size: 15px;
    color: black;
    font-weight: 600;
    border-radius: 30px;
    text-transform: capitalize !important;
    background: rgb(255 203 168);
    transition: all 0.3s ease;
}

/* Hover effect */
nav.navbar.bootsnav.menu-style1 ul.nav>li>a:hover,
nav.navbar.bootsnav.menu-style1 ul.nav>li.active>a {
    background: rgba(255, 255, 255, 0.35);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

nav.navbar.bootsnav.menu-style1 ul.nav>li>a i {
    background: #ffffff;
    color: #ff6600;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {
    nav.navbar.bootsnav.menu-style1 ul.nav>li>a {
        margin: 6px 0;
        background: rgba(255, 255, 255, 0.12);
    }
}

nav.navbar.bootsnav.menu-style1 ul.nav>li>a.donate_btn {
    background: none !important;
    box-shadow: none !important;
    margin: 0 6px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-size: 15px !important;
}


nav.navbar.bootsnav.menu-style1 ul.nav>li>a.donate_btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0 22px !important;
    background: #ffb606 !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 700;
    margin-top: 6px !important;
    box-shadow: 0 10px 25px rgba(230, 0, 0, 0.4);
}

nav.navbar.bootsnav.menu-style1 ul.nav>li>a.donate_btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

@media (max-width: 767px) {

    nav.navbar.bootsnav.menu-style1 ul.nav>li>a.donate_btn {
        height: 36px;
        padding: 0 24px !important;
        font-size: 16px;
    }

}

@media (max-width: 1260px) and (min-width: 992px) {

    /* Make menu items slightly compact */
    nav.navbar.bootsnav.menu-style1 ul.nav>li>a {
        padding: 6px 8px !important;
        font-size: 14px;
        margin: 6px 4px;
    }

    nav.navbar.bootsnav.menu-style1 ul.nav>li>a i {
        width: 18px;
        height: 18px;
        font-size: 9px;
    }

    /* Buttons compact */
    nav.navbar.bootsnav.menu-style1 ul.nav>li>a.donate_btn,
    nav.navbar.bootsnav.menu-style1 ul.nav>li>a.pledge_btn {
        height: 34px;
        padding: 0 16px !important;
        font-size: 14px !important;
        margin-top: 6px !important;
    }

    /* Reduce extra left gap */
    nav.navbar.bootsnav.menu-style1 ul.nav>li>a.pledge_btn {
        margin-left: 12px !important;
    }

    /* Keep buttons on right visually */
    .navbar-nav.navbar-left {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .attr-nav ul li a.btn {
        padding: 0 15px !important;
    }
}

@media (max-width: 991px) {

    /* Hide desktop menu buttons */
    nav.navbar.bootsnav.menu-style1 ul.nav>li>a.donate_btn,
    nav.navbar.bootsnav.menu-style1 ul.nav>li>a.pledge_btn {
        display: none !important;
    }

    /* Donate only via attr-nav (mobile CTA) */
    .attr-nav .donate_btn {
        display: inline-flex !important;
        height: 38px;
        padding: 0 20px !important;
        font-size: 16px;
    }
}

.header-nav .main-header-nav.navbar-scrolltofixed {
    border-top: 1px solid #ff6600;
    background: #ff6600;
}

nav.navbar.bootsnav {
    margin-bottom: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background-color: #ff6600;
    border: none;
    border-bottom: solid 1px #e0e0e0;
    z-index: 9;
}

.attr-nav {
    float: right;
    display: inline-block;
    margin-top: 6px;
    margin-left: 13px;
    margin-right: -15px;
}

@media (max-width: 992px) {
    .attr-nav {
        position: absolute;
        right: 60px;
        margin-top: 5px;
    }
}

.donor_btn {
    background: #ffb606;
    color: white;
    font-size: 17px;
}

@media (max-width: 992px) {
    .attr-nav>ul>li>a {
        padding: 7px 15px 15px;
        font-size: 23px;
        color: white !important;
    }
}

@media (max-width: 767px) {
    .attr-nav>ul>li>a {
        padding: 8px 10px 15px;
        padding-left: 14px !important;
        font-size: 26px;
    }
}

@media (max-width: 992px) {
    .attr-nav {
        position: absolute;
        right: 20px;
        margin-top: 5px;
    }
}

nav.navbar.bootsnav.menu-style1 ul.nav>li>a {
    padding: 20px 15px;
}


.side {
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: -280px;
    width: 230px;
    padding: 25px 15px;
    height: 100%;
    display: block;
    background-color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 9;
}

.side .widget ul.link li a {
    color: #fff;
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: 600;
}

.side .widget ul.link li {
    margin-bottom: 18px;
    border-bottom: 2px solid white;
}

nav.navbar.bootsnav.ulockd-menu-style-two li.dropdown ul.dropdown-menu,
.attr-nav>ul>li>a span.badge,
.ulockd-home-two,
.missn-icon,
.ulockd-ffact-two .ulockd-icon-let,
.ulockd-copy-right,
.ulockd-l2-copy-right,
.price-tag,
.ulocked-pricing-tag,
.contact-details .contact-place>li,
.ulockd-product-details a.btn.hvr-bounce-to-right:before,
.ulockd-all-service a.active,
nav.navbar.bootsnav.ulockd-menu-style-two #navbar-menu,
.navbar-sticky.navbar-scrollspy.ulockd-menu-style-two,
.ulockd-faq-content .panel-default>.panel-heading,
.amount-box input[type="radio"]:checked+label,
.pagination>.active>a,
.ulockd-bgthm {
    background-color: #ff6600 !important;
}

/* ================================================ Header Nav ================================================== */

/* ================================================ Header MIddle ================================================== */

.ulockd-main-logo>img {
    margin-top: 4px;
}

.ulockd-mrgn1260 {
    margin-top: 30px;
}

.ulockd-about2 {
    padding: 30px 0;
}

.header-middle {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ulockd-ohour-info.style2 {
    border: none;
    padding: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ulockd-ohour-info.style2:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    transition: none;
}

@media only screen and (max-width: 1199px) {
    .ulockd-ohour-info.style2 {
        margin-top: 20px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .ulockd-welcm-hmddl {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .ulockd-ohour-info.style2 {
        margin-top: 19px;
        margin-bottom: 5px;
    }
}

/* ================================================ Header MIddle ================================================== */

/* ================================================ Footer ================================================== */

.ulockd-copy-right {
    background-color: #ff6600 !important;
    text-align: center;
    padding: 20px 10px;
}

.ulockd-copy-right p {
    margin: 0;
    font-size: 35px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

/* Responsive Settings */
@media (max-width: 991px) {
    .ulockd-copy-right p {
        font-size: 38px;
    }
}

@media (max-width: 768px) {
    .ulockd-copy-right p {
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .ulockd-copy-right p {
        font-size: 22px;
    }
}

/* Footer Title */
.footer-title {
    font-size: 20px;
    margin-bottom: 15px;
}

/* Legal Footer */
.footer-legal {
    background: #1f1f1f;
    padding: 15px 0;
    font-size: 13px;
}

.footer-legal p {
    margin: 0;
    font-size: 16px;
    color: white;
}

.footer-legal a {
    color: #ff6600;
    text-decoration: underline;
}

.footer-legal a:hover {
    color: #ffb703;
    text-decoration: underline;
}

/* ================================================ Footer ================================================== */


/* ================================================ Vichar ================================================== */

/* Background Section */
.suggestion-section {
    padding: 30px 0;
    background: #fbf3e5;
}

/* Title */
.section-title-modern {
    font-size: 42px;
    font-weight: 700;
    color: #f4a100;
    letter-spacing: 1px;
}

.section-underline {
    width: 70px;
    height: 4px;
    background: #f4a100;
    margin: 12px auto 25px;
    border-radius: 50px;
}

/* Card */
.modern-card {
    background: #ffffff;
    padding: 25px;
    border-radius: 14px;
    box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.07);
    border: 1px solid #f0e4d1;
}

/* Input wrapper */
.floating {
    position: relative;
    margin-bottom: 28px;
}

/* Input field */
.modern-input {
    width: 100%;
    padding: 18px 15px 14px;
    border-radius: 10px;
    border: 2px dashed #f4a10080;
    background: #fffdfa;
    font-size: 16px;
    outline: none;
    transition: 0.25s;
}

/* On focus */
.modern-input:focus {
    border-color: #e89a1a;
    box-shadow: 0 0 8px rgba(232, 154, 26, 0.35);
}

/* Floating Label */
.modern-label {
    position: absolute;
    left: 16px;
    top: 15px;
    font-size: 15px;
    color: #9a907f;
    padding: 0 4px;
    background: #fff;
    transition: 0.25s ease;
    pointer-events: none;
}

/* When typing OR focus */
.modern-input:focus+.modern-label,
.modern-input:not(:placeholder-shown)+.modern-label {
    top: -10px;
    font-size: 12px;
    color: #e89a1a;
}

/* Placeholder color */
::placeholder {
    color: transparent;
    /* Hide placeholder when floating label exists */
}

/* Button */
.modern-btn {
    background: #e89a1a;
    color: #fff;
    padding: 12px 45px;
    font-size: 20px;
    border: none;
    cursor: pointer;
    border-radius: 30px;
    font-weight: 600;
    transition: 0.3s ease;
}

.modern-btn:hover {
    background: #c57f12;
}

/* ================================================ Vichar ================================================== */


/* ================================================ Slider ================================================== */

@media only screen and (min-width: 1170px) {
    .cd-hero-slider {
        height: auto !important;
    }
}

.cd-hero-slider {
    position: relative;
    height: 100%;
    overflow: hidden;
}

/* ================================================ Slider ================================================== */

/* ================================================ Feature Section ================================================== */

.fclmn-one {
    border: none;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: #283891;
    transition: all 0.6s ease;
}

.fclmn-one .caption {
    padding: 10px 15px;
}

.fclmn-one h5 {
    color: white;
    margin-top: 0px;
    margin-bottom: 5px;
    text-align: justify;
}

.fclmn-one h3 {
    color: white;
    margin-bottom: 0px;
    font-size: 26px !important;
    text-align: justify;
}

.ulockd-pad395 {
    padding-left: 0px;
    padding-right: 0px;
}

.fclmn-one .fc-icon {
    font-size: 60px;
    position: absolute;
    opacity: 1;
    right: 20px;
    top: 23%;
    color: white;
}

.fclmn-one:hover {
    box-shadow: inset 28em 0 0 0 #1f2f7a,
        inset -28em 0 0 0 #1f2f7a;
    border-color: #1f2f7a;
}

.fclmn-one.two {
    background: #F1592A;
    transition: all 0.6s ease;
}

.fclmn-one.three {
    background: #DC400F;
    transition: all 0.6s ease;
}

.fclmn-one.four {
    background: #BF370D;
    transition: all 0.6s ease;
}

.fclmn-one:hover,
.fclmn-one.two:hover,
.fclmn-one.three:hover,
.fclmn-one.four:hover {
    background-image: none !important;
}

.fclmn-one.two:hover {
    box-shadow: inset 28em 0 0 0 #bd5332,
        inset -28em 0 0 0 #bd5332;
    border-color: #dd7e2a;
}

.fclmn-one.three:hover {
    box-shadow: inset 28em 0 0 0 #b2330c,
        inset -28em 0 0 0 #b2330c;
}

.fclmn-one.four:hover {
    box-shadow: inset 28em 0 0 0 #9e2d0b,
        inset -28em 0 0 0 #9e2d0b;
}

.fclmn-one:hover h3,
.fclmn-one:hover h5,
.fclmn-one:hover .fc-icon {
    color: #fff;
}


.fclmn-one:hover .caption {
    background: none;
}

@media (max-width: 767px) {

    .fclmn-one .caption {
        padding: 5px 15px;
    }

    .fclmn-one h3 {
        font-size: 24px;
    }

    .fclmn-one .fc-icon {
        font-size: 45px;
    }

}

/* ================================================ Feature Section ================================================== */

/* ================================================ About Section ================================================== */

.about-heritage-bs {
    background: #f6f4f1;
    padding: 30px 0px;
}

/* HERO IMAGE */
.heritage-hero {
    position: relative;
}

.heritage-hero img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* FLOATING TITLE BOX */
.heritage-title-box {
    background: #fff;
    margin-top: -40px;
    padding: 15px 60px;
    text-align: center;
    box-shadow: 0 35px 90px rgba(0, 0, 0, 0.10);
    position: relative;
    z-index: 3;
}

.heritage-title-box h2 {
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

.heritage-title-box h2 span {
    color: #ff6600;
}

.heritage-title-box p {
    font-size: 16px;
    color: #666;
}

/* CONTENT WRAP */
.heritage-content-wrap {
    margin-top: 30px;
}

.heritage-content {
    position: relative;
    padding-left: 30px;
}

.heritage-content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: #ff6600;
}

/* PARAGRAPHS */
.heritage-content p {
    font-size: 18px;
    line-height: 2;
    color: #444;
    font-weight: 500;
    margin-bottom: 20px;
}

/* MOBILE */
@media (max-width: 768px) {

    .heritage-hero img {
        height: 340px;
    }

    .heritage-title-box {
        padding: 15px 20px;
        margin-top: -30px;
    }

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

    .heritage-content {
        padding-left: 20px;
    }
}

/* ================================================ About Section ================================================== */

/* ================================================ Divider Section ================================================== */

.ulockd-frst-divider.style1 {
    background-attachment: scroll !important;
    background-color: transparent;
    background-image: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow-x: hidden;
    padding-bottom: 30px;
    padding-top: 30px;
    z-index: 1;
}

.ulockd-frst-divider.style1::before,
.gallery-thumb .overlayer {
    background-color: rgb(255 238 201);
}

.ulockd-ffact-two {
    border-left: 2px dashed #ff6600;
    border-right: 2px dashed #ff6600;
    padding: 0 0 15px;
    position: relative;
    z-index: 999;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.ulockd-ffact-two>h3 {
    color: #ff6600;
    font-weight: 600;
    letter-spacing: normal;
    font-size: 25px;
}

.ulockd-ffact-two .timer {
    color: #ff6600;
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    line-height: 1.2em;
    font-weight: 500;
}

@media only screen and (max-width: 991px) {
    .ulockd-ffact-two {
        margin-bottom: 50px;
        margin-top: 0;
        height: 20vh;
    }
}

/* ================================================ Divider Section ================================================== */

/* ================================================ Video Section ================================================== */

.ngo-video-gallery {
    padding: 40px 0;
    background: #fff;
}

/* Slider spacing */
.video-slider .video-card {
    margin: 10px;
}

/* Video Card */
.video-card {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    background: #000;
}

/* Video */
.gallery-video {
    width: 100%;
    height: 100%;
    /* SAME HEIGHT LIKE PARTNER SLIDER */
    object-fit: cover;
    border-radius: 18px;
    display: block;
}

/* Owl dots/nav optional */
.video-slider .owl-dots {
    margin-top: 15px;
}

/* ================================================ Video Section ================================================== */


/* ============================================== Parichay Page ====================================================== */

.committee-section {
    padding: 40px 0;
    background: #fff;
}

.committee-title {
    font-size: 30px;
    font-weight: 700;
    color: #222;
    margin-bottom: 5px;
}

.committee-subtitle {
    color: #666;
    margin-bottom: 30px;
}

.committee-card {
    background: #fff;
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);
    max-width: 900px;
    margin: auto;
}

.committee-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.committee-list li {
    font-size: 18px;
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #ff6600;
}

.committee-list li:last-child {
    border-bottom: none;
}

.committee-list i {
    color: #ff6600;
    font-size: 20px;
    margin-right: 12px;
}

.committee-list a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
}

.committee-list a:hover {
    color: #b22222;
}

@media (max-width: 767px) {
    .committee-card {
        padding: 20px;
    }

    .committee-title {
        font-size: 24px;
    }
}


.method-timeline-section {
    padding: 40px 0;
    background: #f7f9fc;
}

.method-heading {
    font-size: 32px;
    font-weight: 700;
    color: #222;
    margin-bottom: 5px;
}

.method-subtitle {
    color: #666;
    font-size: 16px;
    margin-bottom: 40px;
}

/* Timeline */
.timeline {
    position: relative;
    margin: 0 auto;
    padding: 20px 0;
    width: 80%;
}

.timeline:before {
    content: "";
    position: absolute;
    left: 35px;
    top: 0;
    width: 3px;
    height: 100%;
    background: #f6801f;
}

.timeline-item {
    position: relative;
    margin-bottom: 35px;
    padding-left: 80px;
}

.timeline-icon {
    position: absolute;
    left: 15px;
    top: 0;
    width: 40px;
    height: 40px;
    background: #f6801f;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.timeline-content {
    background: #ffffff;
    padding: 18px 20px;
    border-radius: 8px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.10);
}

.timeline-content h4 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    color: #222;
}

.timeline-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #555;
}

/* Responsive */
@media (max-width: 767px) {
    .timeline {
        width: 100%;
    }

    .timeline:before {
        left: 20px;
    }

    .timeline-item {
        padding-left: 60px;
    }

    .timeline-icon {
        left: 0;
    }
}

.timeline-image {
    border-radius: 8px;
    margin-top: 10px;
}


/* Mission Section */
.mission-section {
    padding: 40px 0;
    background: #ffffff;
}

.mission-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 35px;
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 3px solid #f6801f;
    color: #333;
}

.mission-card {
    background: #f4f6fb;
    border-left: 5px solid #f6801f;
    padding: 35px 30px;
    border-radius: 10px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
    max-width: 950px;
    margin: auto;
}

.mission-text {
    font-size: 18px;
    line-height: 1.9;
    color: #444;
    text-align: justify;
}

/* Responsive */
@media (max-width: 767px) {
    .mission-card {
        padding: 25px 18px;
    }

    .mission-title {
        font-size: 24px;
    }

    .mission-text {
        font-size: 16px;
    }
}

/* Section */
.pledge-section-new {
    padding: 40px 0;
    background: #f6f4f1;
}

/* Title Badge */
.pledge-badge {
    display: inline-block;
    background: #b22222;
    color: #fff;
    padding: 14px 34px;
    border-radius: 40px;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 30px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* Wrapper */
.pledge-wrapper {
    background: #ffffff;
    border-radius: 18px;
    padding: 40px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
    align-items: center;
}

/* Image Box */
.pledge-image-box {
    background: #fff;
    padding: 15px;
    border-radius: 14px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.pledge-image-box img {
    width: 100%;
    max-width: 245px;
    border-radius: 10px;
    border: 4px solid #d4af37;
}

.pledge-image-caption {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
    color: #ff6600;
}

/* Content */
.pledge-content-box p {
    font-size: 16px;
    line-height: 1.9;
    color: #444;
    margin-bottom: 15px;
    text-align: justify;
}

.pledge-sign {
    margin-top: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #b22222;
}

/* Mobile */
@media (max-width: 767px) {
    .pledge-wrapper {
        padding: 25px;
    }

    .pledge-badge {
        font-size: 22px;
    }

    .pledge-image-box {
        margin-bottom: 30px;
    }
}

/* ============================================== Parichay Page ====================================================== */


/* ============================================== Yojnaye Page ====================================================== */

/* PREMIUM SECTION */
.sc-premium {
    padding: 40px 0;
    background: linear-gradient(180deg, #fffaf4, #ffffff);
}

/* HEADER */
.sc-header {
    margin-bottom: 30px;
}

.sc-tag {
    display: inline-block;
    background: #ff6600;
    color: #fff;
    padding: 6px 18px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
}

.sc-header h2 {
    font-size: 32px;
    font-weight: 800;
    color: #222;
}

.sc-divider {
    width: 80px;
    height: 4px;
    background: #ff6600;
    margin: 15px auto 0;
    border-radius: 2px;
}

/* CONTENT CARD */
.sc-card {
    max-width: 100%;
    margin: auto;
    background: #ffffff;
    padding: 35px 55px;
    border-radius: 20px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.08);
}

.sc-card p {
    font-size: 18px;
    line-height: 1.9;
    color: #333;
    text-align: justify;
    margin-bottom: 20px;
}

.sc-intro {
    font-weight: 600;
    font-size: 19px;
}

/* SHLOKA */
.sc-shloka-card {
    background: linear-gradient(135deg, #fff3e0, #fff8ef);
    border-left: 6px solid #ff6600;
    padding: 25px;
    margin: 35px 0;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.sc-shloka-card p {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: #ff6600;
    line-height: 1.6;
    margin: 0;
}

/* IMAGES */
.sc-media {
    margin: 40px 0;
}

.sc-img-card {
    background: #fff;
    padding: 12px;
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
}

.sc-img-card img {
    width: 100%;
    border-radius: 10px;
}

/* MOBILE */
@media(max-width:768px) {
    .sc-card {
        padding: 30px 20px;
    }

    .sc-header h2 {
        font-size: 24px;
    }

    .sc-shloka-card p {
        font-size: 20px;
    }
}


/* DAILY ACTIVITIES PREMIUM */
.daily-activities-premium {
    padding: 40px 0;
    background: linear-gradient(180deg, #ffffff, #fff7ee);
}

/* HEADER */
.da-header {
    margin-bottom: 20px;
}

.da-title {
    font-size: 32px;
    font-weight: 800;
    color: #222;
    margin-bottom: 8px;
}


/* IMAGE WRAP */
.da-visual-wrap {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

/* IMAGE CARD */
.da-visual-card {
    background: #ffffff;
    padding: 10px;
    border-radius: 18px;
    box-shadow: 0 30px 70px rgba(105, 68, 68, 0.15);
    max-width: 850px;
    position: relative;
}

.da-visual-card img {
    width: 100%;
    border-radius: 12px;
}

/* MOBILE */
@media (max-width: 768px) {
    .da-title {
        font-size: 24px;
    }

    .da-visual-card {
        padding: 12px;
    }
}

.pratibha-premium {
    padding: 40px 0;
    background: #fff;
}

/* HEADER */
.pr-header {
    margin-bottom: 50px;
}

.pr-title {
    font-size: 34px;
    font-weight: 800;
    margin: 12px 0 6px;
}

.pr-underline {
    width: 90px;
    height: 4px;
    background: linear-gradient(90deg, #ff6600, #ff9a3c);
    margin: 12px auto 0;
    border-radius: 10px;
}


/* IMAGE GRID */
.pr-gallery {
    margin-top: 40px;
}

.pr-img-card {
    border-radius: 14px;
    overflow: hidden;
    /* box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18); */
    margin-bottom: 25px;
    box-shadow:
        0 25px 45px rgba(0, 0, 0, 0.18),
        0 10px 15px rgba(255, 102, 0, 0.15);
    transition: all 0.4s ease;
}

.pr-img-card img {
    width: 100%;
    transition: transform 0.4s ease;
}

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

/* CONTENT CARD */
.pr-content-card {
    background: #fff;
    padding: 30px 35px;
    border-radius: 18px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.12);
    margin: 20px auto;
    max-width: 100%;
}

.pr-content-card p {
    font-size: 18px;
    line-height: 1.9;
    color: #333;
    margin-bottom: 18px;
    text-align: justify;
}

/* FEATURE IMAGE */
.pr-feature-box {
    margin: 30px auto;
    max-width: 900px;
    background: #fff;
    padding: 18px;
    border-radius: 18px;
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.18);
}

.pr-feature-box img {
    width: 100%;
    border-radius: 12px;
}

/* DUAL IMAGES */
.pr-dual-images {
    margin-top: 40px;
}

/* MOBILE */
@media (max-width: 768px) {
    .pr-title {
        font-size: 26px;
    }

    .pr-content-card {
        padding: 25px;
    }
}

/* SECTION BACKGROUND */
.raksha-section {
    padding: 40px 0;
    background:
        radial-gradient(circle at 15% 20%, #fff3e6 0%, transparent 40%),
        radial-gradient(circle at 85% 40%, #ffe8d4 0%, transparent 45%),
        #ffffff;
}

/* TITLE */
.rk-title {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 20px;
    position: relative;
}

.rk-title:after {
    content: "";
    width: 90px;
    height: 4px;
    background: linear-gradient(90deg, #ff6600, #ff9a3c);
    display: block;
    margin: 14px auto 0;
    border-radius: 10px;
}

/* MAIN CONTENT CARD */
.rk-content {
    background: #ffffff;
    padding: 30px 45px;
    border-radius: 28px;
    box-shadow: 0 45px 100px rgba(0, 0, 0, 0.18);
    margin-bottom: 30px;
    position: relative;
}

.rk-content p {
    font-size: 18px;
    line-height: 2;
    color: #333;
    margin-bottom: 15px;
    text-align: justify;
}

/* SHLOKA HIGHLIGHT */
.rk-shloka {
    background: linear-gradient(135deg, #fff3e0, #fff8ef);
    border-left: 6px solid #ff6600;
    padding: 25px;
    margin: 35px 0;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.rk-shloka p {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: #ff6600;
    line-height: 1.6;
    margin: 0;
}

/* SUBTITLE */
.rk-subtitle {
    font-size: 30px;
    font-weight: 800;
    margin: 35px 0 35px;
    text-align: center;
}

/* OBJECTIVES LIST – PREMIUM GRID FEEL */
.rk-list {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.rk-list li {
    background: #ffffff;
    padding: 20px 25px 20px 55px;
    margin-bottom: 18px;
    border-radius: 18px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    position: relative;
    font-size: 17px;
    line-height: 1.7;
    transition: all 0.3s ease;
}

.rk-list li:before {
    content: "✔";
    position: absolute;
    left: 22px;
    top: 20px;
    color: #ff6600;
    font-size: 18px;
    font-weight: bold;
}

.rk-list li:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
}

/* MEDIA IMAGES – FLOATING CARDS */
.rk-media-row {
    margin-top: 40px;
}

.rk-media-img {
    border-radius: 22px;
    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.25),
        0 15px 25px rgba(255, 102, 0, 0.2);
    margin-bottom: 30px;
    transition: all 0.4s ease;
}

.rk-media-img:hover {
    transform: translateY(-10px);
    box-shadow:
        0 45px 90px rgba(0, 0, 0, 0.3),
        0 25px 35px rgba(255, 102, 0, 0.3);
}

/* MOBILE */
@media (max-width: 768px) {
    .rk-title {
        font-size: 28px;
    }

    .rk-content {
        padding: 30px;
    }

    .rk-subtitle {
        font-size: 24px;
    }
}

/* ============================================== Yojnaye Page ====================================================== */

/* ============================================== Sahyog Page ====================================================== */

.sahyog-premium {
    padding: 40px 0;
    background: linear-gradient(180deg, #f7f4ef, #ffffff);
}

/* HERO */
.sahyog-hero {
    background: linear-gradient(135deg, #c00000, #8b0000);
    color: #fff;
    padding: 40px 30px;
    border-radius: 20px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.25);
    margin-bottom: 40px;
}

.hero-badge {
    display: inline-block;
    background: #ffd700;
    color: #9c0000;
    padding: 14px 35px;
    border-radius: 50px;
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 25px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35);
    letter-spacing: 0.5px;
}

.sahyog-hero h2 {
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 15px;
}

.sahyog-hero p {
    font-size: 20px;
    line-height: 1.7;
}

.sahyog-btn {
    margin-top: 15px;
    padding: 8px 40px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 40px;
    background: #ffd700;
    color: #000;
}

/* Buttons wrapper */
.hero-actions {
    margin-top: 25px;
}

/* Common button spacing */
.hero-actions .sahyog-btn {
    margin: 4px 8px;
    /* 👈 dono buttons ke beech space */
}

/* Pay Now button (existing look safe) */
.pay-btn {
    background: #ffd700;
    color: #000;
}

.pledge-btn {
    background: #fedcb0;
    color: #c00000;
    border: 2px solid #ff6600;
}

/* PLANS */
.sahyog-plans {
    margin-bottom: 40px;
}

.plan-card {
    background: #fff;
    text-align: center;
    padding: 15px 20px;
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
    transition: all .3s;
    margin-bottom: 10px;
}

.plan-card h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.plan-card span {
    font-size: 22px;
    font-weight: 800;
    color: #ff6600;
}

.plan-card.highlight {
    background: linear-gradient(135deg, #ffd700, #f5c400);
}

.plan-card:hover {
    transform: translateY(-8px);
}

/* TAX NOTE */
.sahyog-tax-note {
    max-width: 900px;
    margin: 0 auto 60px;
    padding: 18px 25px;
    background: linear-gradient(135deg, #fff8e1, #fffdf6);
    border-left: 6px solid #ff6600;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.sahyog-tax-note strong {
    color: #ff6600;
    font-weight: 800;
}

.tax-icon {
    display: inline-block;
    background: #ff6600;
    color: #fff;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 50%;
    margin-right: 12px;
    font-size: 20px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
}

/* BANK */
.bank-card {
    background: #fff;
    padding: 20px 35px;
    border-radius: 18px;
    margin-bottom: 10px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
    height: 100%;
}

.bank-card h4 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 20px;
}

.bank-card ul {
    padding: 0;
    list-style: none;
}

.bank-card ul li {
    font-size: 18px;
    margin-bottom: 8px;
}

.bank-card.axis {
    border-top: 6px solid #ff6600;
}

.bank-card.pnb {
    border-top: 6px solid #003a8f;
}

.qr-box {
    margin-top: 20px;
    text-align: center;
}

.qr-box img {
    max-width: 160px;
    padding: 8px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eee;
}

.qr-box span {
    display: block;
    margin-top: 8px;
    font-weight: 600;
}

/* DOCUMENT SECTION */
.documents-section {
    padding: 40px 0;
    background: white;
}

.documents-title {
    font-size: 30px;
    font-weight: 800;
    color: #ff6600;
    margin-bottom: 10px;
    margin-top: 0px;
}

.documents-subtitle {
    font-size: 17px;
    color: #666;
    margin-bottom: 40px;
}

/* GRID */
.documents-grid {
    text-align: center;
}

/* DOC CARD */
.doc-card {
    display: block;
    background: #ffffff;
    padding: 20px 15px;
    border-radius: 16px;
    margin-bottom: 20px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
    text-decoration: none;
    color: #333;
    transition: all 0.35s ease;
    border-top: 5px solid #ff6600;
}

.doc-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
    text-decoration: none;
}

/* ICON */
.doc-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background: #ff6600;
    color: #fff;
    font-size: 28px;
    margin-bottom: 15px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

/* TEXT */
.doc-card h5 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

/* MOBILE */
@media (max-width: 767px) {
    .documents-title {
        font-size: 24px;
    }
}

/* ============================================== Sahyog Page ====================================================== */


/* ============================================== Sampark Page ====================================================== */

/* MAIN SECTION */
.sampark-premium {
    padding: 30px 0;
    background: #f9f7f4;
}

/* HEADER */
.sampark-header h2 {
    font-size: 26px;
    color: #ff6600;
    font-weight: 700;
}

.sampark-header p {
    font-size: 15px;
    color: #777;
}

/* MAIN CARD */
.sampark-main-card {
    background: #fff;
    padding: 30px 30px;
    border-radius: 18px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.12);
    margin-top: 30px;
}

/* INFO */
.sampark-info h4 {
    font-size: 22px;
    margin-bottom: 25px;
    color: #ff6a00;
}

.sampark-item p {
    font-size: 16px;
    line-height: 1.7;
}

.sampark-item a {
    color: #333;
    font-weight: 600;
}

/* MAP */
.sampark-map iframe {
    width: 100%;
    height: 100%;
    min-height: 360px;
    border-radius: 14px;
    border: 0;
}

/* DIVIDER */
.sampark-divider {
    width: 120px;
    height: 3px;
    background: #c89b3c;
    margin: 50px auto 50px;
}

/* TEAM */
.sampark-team-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 40px;
}

/* LEADER CARD */
.sampark-leader-card {
    background: #fff;
    padding: 15px 15px;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
    text-align: center;
    margin-bottom: 30px;
}

/* IMAGE FRAME */
.leader-frame {
    display: inline-block;
    padding: 4px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f3d18a, #c89b3c);
    margin-bottom: 8px;
}

.leader-frame img {
    width: 130px;
    height: 160px;
    object-fit: cover;
    background: #fff;
    padding: 6px;
    border-radius: 6px;
}

.sampark-leader-card h5 {
    font-size: 20px;
    font-weight: 700;
}

.sampark-leader-card h5::after {
    content: "";
    width: 40px;
    height: 2px;
    background: #c89b3c;
    display: block;
    margin: 8px auto 10px;
}

.leader-name {
    font-weight: 600;
    font-size: 16px;
}

.leader-email {
    font-size: 13px;
    color: #555;
}

/* HIGHLIGHT CONTACT ITEMS */
.sampark-highlight {
    background: #fbe4d5;
    border-radius: 14px;
    padding: 18px 18px;
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.sampark-highlight:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

/* ICON CIRCLE */
.sampark-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #ff8c42, #ff6a00);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}

.sampark-icon i {
    color: #fff;
    font-size: 20px;
}

/* TEXT */
.sampark-text p {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
}

.sampark-text strong {
    font-weight: 700;
    color: #333;
}

.sampark-text a {
    color: #333;
    font-weight: 600;
    text-decoration: none;
}

.sampark-text a:hover {
    color: #ff6a00;
}

/* ============================================== Sampark Page ====================================================== */

/* ============================================== Vanyatra Page ====================================================== */

.program-section {
    padding: 40px 0;
    background: #fffaf3;
}

.section-title h2 {
    font-size: 34px;
    font-weight: 700;
    color: #ff6a00;
    margin-bottom: 10px;
}

.section-title p {
    font-size: 16px;
    color: #666;
    margin-bottom: 50px;
}

.program-block {
    margin-bottom: 50px;
}

.program-heading {
    font-size: 26px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
    border-left: 5px solid #ff6a00;
    padding-left: 15px;
}

.program-sub {
    font-size: 18px;
    font-weight: 600;
    margin: 25px 0 15px;
    color: #444;
}

.program-gallery {
    margin-bottom: 20px;
}

.program-img {
    height: 180px;
    background: #ffffff;
    /* border: 2px dashed #ccc; */
    border-radius: 14px;
    /* thoda smooth radius */
    overflow: hidden;
    /* 🔥 MOST IMPORTANT */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    margin-bottom: 10px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}

/* IMAGE STYLE */
.program-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* sab image same ratio */
    border-radius: 14px;
    /* 🔥 image bhi rounded */
    transition: transform 0.4s ease;
}

/* HOVER EFFECT */
.program-img:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    border-color: #ff6a00;
}

.program-img:hover img {
    transform: scale(1.06);
    /* soft premium zoom */
}

/* ============================================== Vanyatra Page ====================================================== */

/* ============================================== prakashan Page ====================================================== */

.publication-section {
    padding: 40px 0;
    background: #fffaf3;
}

.publication-row {
    margin-top: 40px;
}

.publication-card {
    display: flex;
    gap: 25px;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
    margin-bottom: 30px;
}

.publication-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.18);
}

.pub-img {
    width: 180px;
    height: 200px;
    overflow: hidden;
    /* 👈 IMPORTANT */
    border-radius: 10px;
    flex-shrink: 0;
}

.pub-img img {
    width: 100%;
    height: 100%;
    /* 👈 MUST */
    object-fit: cover;
    /* 👈 MAGIC LINE */
    border-radius: 10px;
    border: 2px solid #eee;
    display: block;
}

.pub-content h4 {
    font-size: 22px;
    font-weight: 700;
    color: #ff6a00;
    margin-bottom: 8px;
}

.pub-content span {
    display: block;
    font-size: 15px;
    color: #555;
    margin-bottom: 15px;
}

.pub-links a {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 25px;
    border: 2px solid #ff6a00;
    color: #ff6a00;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.pub-links a:hover {
    background: #ff6a00;
    color: #fff;
}

/* Mobile */
@media (max-width: 768px) {
    .publication-card {
        flex-direction: column;
        text-align: center;
    }

    .pub-img {
        width: 100%;
    }
}

/* ============================================== prakashan Page ====================================================== */

/* ============================================== Gallery Page ====================================================== */

/* Gallery Section */
.ngo-gallery-section {
    padding: 40px 0;
    background: #f9f7f3;
}

/* Heading */
.gallery-badge {
    display: inline-block;
    background: #ff6600;
    color: #fff;
    padding: 6px 20px;
    border-radius: 30px;
    font-weight: 600;
    margin-bottom: 12px;
}

.gallery-title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 30px;
}

/* Gallery Card */
.gallery-card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
}

.gallery-card img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Overlay */
.gallery-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15), rgba(255, 102, 0, 0.85));
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    opacity: 0;
    transition: all 0.4s ease;
}

.gallery-overlay h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px;
}

.gallery-overlay span {
    font-size: 14px;
    opacity: 0.9;
}

/* Hover Effects */
.gallery-card:hover img {
    transform: scale(1.1);
}

.gallery-card:hover .gallery-overlay {
    opacity: 1;
}

/* Mobile */
@media (max-width: 767px) {
    .gallery-title {
        font-size: 26px;
    }

    .gallery-card img {
        height: 220px;
    }
}

/* ============================================== Gallery  Page ====================================================== */

/* ============================================== Event  Page ====================================================== */

/* Section */
.vrpf-event-premium {
    padding: 40px 0;
    background: #f3f3f3;
}

/* Badge */
.vrpf-event-badge {
    display: inline-block;
    background: #ff6600;
    color: #fff;
    padding: 6px 22px;
    border-radius: 30px;
    font-weight: 600;
    margin-bottom: 12px;
}

/* Heading */
.vrpf-event-title {
    font-size: 34px;
    font-weight: 900;
    margin-bottom: 45px;
}

/* Card */
.vrpf-event-card {
    display: block;
    background: #fff;
    margin-bottom: 40px;
    text-decoration: none;
    color: #222;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
}

.vrpf-event-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.18);
}

/* Image */
.vrpf-event-thumb img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

/* Info Wrapper */
.vrpf-event-info {
    display: flex;
    padding: 12px 25px;
    gap: 25px;
}

/* Date Box */
.vrpf-event-date {
    min-width: 90px;
    background: #ff6600;
    color: #fff;
    text-align: center;
    padding: 15px 10px;
}

.vrpf-event-date .day {
    font-size: 29px;
    font-family: 'Canela Deck', serif;
    font-weight: 600;
    color: #fff;
    line-height: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff50;
    display: block;
}

.vrpf-event-date .month {
    display: block;
    letter-spacing: 1px;
    font-family: 'Canela Deck', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    color: #fff;
    padding-top: 5px;
    margin-bottom: 0px;
}

.vrpf-event-date .year {
    font-family: 'Canela Deck', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    color: #fff;
    padding-top: 5px;
    margin-bottom: 0px;
    opacity: 0.9;
}

/* Content */
.vrpf-event-details h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 0;
}

.vrpf-event-time {
    color: #666666;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
}

.vrpf-event-location {
    font-size: 14px;
    color: #777;
    margin-bottom: 12px;
}

/* Tags */
.vrpf-event-tags span {
    display: inline-block;
    background: #eee;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: 600;
    margin-right: 6px;
    color: #ff6600;
}

/* Mobile */
@media (max-width: 767px) {
    /* .vrpf-event-info {
        flex-direction: column;
    }

    .vrpf-event-date {
        width: 100%;
    } */

    .vrpf-event-thumb img {
        height: 220px;
    }
}

/* ============================================== Event  Page ====================================================== */


/* ============================================== News  Page ====================================================== */

.vrpf-news-section {
    padding: 40px 0;
    background: #f7f7f7;
}

/* Badge */
.vrpf-news-badge {
    display: inline-block;
    background: #ff6600;
    color: #fff;
    padding: 6px 22px;
    border-radius: 30px;
    font-weight: 600;
    margin-bottom: 12px;
}

/* Heading */
.vrpf-news-title {
    font-size: 34px;
    font-weight: 900;
    margin-bottom: 50px;
}


/* Card */
.vrpf-news-card {
    display: block;
    background: #fff;
    margin-bottom: 30px;
    text-decoration: none;
    color: #222;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
    transition: all 0.35s ease;
}

.vrpf-news-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.18);
}

/* Image */
.vrpf-news-thumb {
    position: relative;
}

.vrpf-news-thumb img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* Date badge */
.vrpf-news-date {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: #ff6600;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 3px;
}

/* Content */
.vrpf-news-content {
    padding: 22px;
}

.vrpf-news-content h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
    margin-top: 0px;
}

.vrpf-news-content p {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Link */
.vrpf-news-link {
    font-weight: 700;
    color: #ff6600;
}

/* Mobile */
@media (max-width: 767px) {
    .vrpf-news-title {
        font-size: 26px;
    }

    .vrpf-news-thumb img {
        height: 200px;
    }
}

/* ============================================== News  Page ====================================================== */

/* ============================================== Faq  Page ====================================================== */

/* FAQ Section */
.ngo-faq-section {
    padding: 40px 0;
    background: #f9f7f3;
}

/* Heading */
.faq-badge {
    display: inline-block;
    background: #ff6600;
    color: #fff;
    padding: 6px 18px;
    border-radius: 30px;
    font-weight: 600;
    margin-bottom: 12px;
}

.faq-title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 30px;
}

/* Accordion Panel */
.faq-accordion .panel {
    border-radius: 14px;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    margin-bottom: 18px;
    transition: all 0.3s ease;
}

/* Heading */
.faq-accordion .panel-heading {
    background: #fff;
    border-radius: 14px;
    padding: 12px 24px;
}

/* Question link */
.faq-accordion .panel-title a {
    display: flex;
    align-items: center;
    gap: 18px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
}

/* NUMBER DESIGN */
.faq-number {
    width: 35px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    background: #fff2e6;
    color: #ff6600;
    font-weight: 800;
    font-size: 15px;
    border: 2px solid #ff6600;
    flex-shrink: 0;
}

/* Answer */
.faq-accordion .panel-body {
    font-size: 16px;
    color: #555;
    padding: 12px 30px;
    line-height: 1.7;
    background: #fff;
    border-top: 1px solid #eee;
    border-radius: 0 0 14px 14px;
}

/* 🔥 ACTIVE STATE (OPEN FAQ) */
.faq-accordion .panel-heading a[aria-expanded="true"] {
    color: #ff6600;
}

/* Active panel highlight */
.faq-accordion .panel-heading a[aria-expanded="true"] .faq-number {
    background: #ff6600;
    color: #fff;
    border-color: #ff6600;
}

/* Active panel border effect */
.faq-accordion .panel-heading a[aria-expanded="true"] {
    position: relative;
}

.faq-accordion .panel-heading a[aria-expanded="true"]::after {
    content: "−";
    margin-left: auto;
    font-size: 26px;
    font-weight: 900;
    color: #ff6600;
}

/* Closed state + icon */
.faq-accordion .panel-heading a[aria-expanded="false"]::after {
    content: "+";
    margin-left: auto;
    font-size: 26px;
    font-weight: 900;
    color: #999;
}

/* Mobile */
@media (max-width: 767px) {
    .faq-title {
        font-size: 26px;
    }

    .faq-accordion .panel-title a {
        font-size: 16px;
    }
}

/* ============================================== Faq  Page ====================================================== */

/* ============================================== Donate  Page ====================================================== */

.donate-page {
    padding: 40px 0;
    background: #fdfcfb;
}

.donate-wrapper {
    /* display: flex; */
    align-items: center;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
}

/* Left Image */
.donate-image {
    padding: 20px;
}

.donate-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 16px;
}

/* Form Box */
.donate-form-box {
    padding: 20px 10px;
    background: linear-gradient(180deg, #fff, #fff7f1);
    border-radius: 18px;
}

.donate-form-box h2 {
    font-size: 30px;
    font-weight: 800;
    color: #222;
}

.step-title {
    color: #ff6600;
    margin-bottom: 25px;
}

.donate-subtext {
    font-size: 15px;
    color: #666;
    margin-bottom: 25px;
}

/* Amount Buttons */
.donate-amounts {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.amount-btn {
    padding: 11px 24px;
    border-radius: 50px;
    border: 2px solid #ff6600;
    background: #fff;
    color: #ff6600;
    font-weight: 700;
    transition: all .3s ease;
}

.amount-btn.active {
    background: linear-gradient(135deg, #ff6600, #ff8c42);
    color: #fff;
    box-shadow: 0 8px 20px rgba(255, 102, 0, .45);
}

.amount-btn:hover {
    transform: translateY(-2px);
}

/* Inputs */
.form-control {
    height: 50px;
    border-radius: 12px;
    border: 1px solid #ddd;
    font-size: 15px;
}

.form-control:focus {
    border-color: #ff6600;
    box-shadow: 0 0 0 .15rem rgba(255, 102, 0, .25);
}

label {
    font-size: 17px;
    font-weight: 700;
}

/* Button */
.donate-btn {
    width: 100%;
    height: 56px;
    margin-top: 20px;
    border-radius: 50px;
    background: linear-gradient(135deg, #ff6600, #ff8c42);
    color: #fff;
    font-size: 19px;
    font-weight: 800;
    border: none;
    letter-spacing: .4px;
    box-shadow: 0 18px 45px rgba(255, 102, 0, .5);
}

/* ============================================== Donate  Page ====================================================== */

/* ============================================== Donor Login  Page ====================================================== */

.donor-login-section {
    padding: 40px 0;
    background:
        linear-gradient(rgba(255, 247, 239, .92), rgba(255, 247, 239, .92)),
        url("../images/login.jpg") center/cover no-repeat;
}

.donor-login-card {
    background: #fff;
    padding: 45px 40px;
    border-radius: 18px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .15);
}

/* HEADER */
.login-logo {
    width: 100%;
    max-width: 200px;
    margin-bottom: 0px;
}

.login-header h3 {
    font-size: 28px;
    margin-top: 10px;
    font-weight: 800;
    color: #ff6600;
}

.login-header p {
    color: #777;
    margin-bottom: 25px;
}

/* INPUTS */
.form-control {
    height: 48px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.form-control:focus {
    border-color: #ff6600;
    box-shadow: 0 0 0 .15rem rgba(255, 102, 0, .25);
}

/* OPTIONS */
.form-options {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 25px;
}

/* BUTTON */
.donor-login-btn {
    width: 100%;
    height: 50px;
    border-radius: 40px;
    background: linear-gradient(135deg, #ff6600, #ff8c42);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border: none;
    box-shadow: 0 15px 40px rgba(255, 102, 0, .45);
}


.donor-login-card label {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 6px;
    display: inline-block;
}


/* ============================================== Donor Login  Page ====================================================== */

/* ============================================== Thank You  Page ====================================================== */

.thankyou-section {
    padding: 40px 0;
    background: #fdfcfb;
}

.thankyou-card {
    background: #fff;
    padding: 50px 40px;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.check-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #ff6600, #ff8c42);
    color: #fff;
    border-radius: 50%;
    font-size: 40px;
    line-height: 80px;
    margin: 0 auto 20px;
}

.thankyou-card h1 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 15px;
}

.thankyou-text {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
}

.thankyou-btn {
    padding: 14px 40px;
    border-radius: 40px;
    background: linear-gradient(135deg, #ff6600, #ff8c42);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

/* ============================================== Thank You  Page ====================================================== */