.themeClrPrime{color:#582FAB}
.themeClrSec{color:#F277C1}

/*spacer*/
.space5 {height: 0.3em;display: block;}
.space10 {height: 0.6em;display: block;}
.space20 {height: 1.2em;display: block;}
.space25 {height: 1.5em;display: block;}
.space30{height:1.8em; display:block;}
.space35{height:2.1em; display:block;}
.space40{height:2.5em; display:block;}
.space50{height:3.1em; display:block;}

.noResize{resize: none;}

/* ===== Navbar ===== */
.custom-navbar {background: rgba(255, 255, 255, 0.6);backdrop-filter: blur(6px);}
.navbar-brand {font-size: 1.4rem;letter-spacing: 0.5px;}
.navbar-brand img{width:200px}
.nav-link {font-size: 0.95rem;margin-left: 15px; color:#582FAB !important; font-weight:500 }

.btn-donate {border: 2px solid #582FAB; background:#582FAB; color: #fff !important; padding: 6px 18px; border-radius: 30px; font-weight: 500; letter-spacing: 0.5px; transition: all 0.3s ease;}
    /* Hover effect */
.btn-donate:hover { background-color: transparent; color: #582FAB !important; text-decoration: none;}

/* ===== Hero Section ===== */
.hero-section {height: 100vh;background-image: url('../images/hero-bg.jpg'); background-size: cover;background-position: center;position: relative;color: #fff;}
.hero-overlay {position: absolute;inset: 0;background: rgba(88, 47, 171, 0.4);}
/* Hero Text */
.hero-title {font-size: clamp(2.5rem, 5vw, 4rem);font-weight: 700;line-height: 1.2;}
.hero-subtitle {font-size: 1.2rem;max-width: 700px;margin: 0 auto;opacity: 0.9;}
/* Button hover */
.btn-outline-light:hover {background-color: #fff;color: #000;}

.hero-logo {max-width: 250px;width: 100%;height: auto;display: block;margin: 0 auto;}


/* ===== Global Anchor Button Style ===== */
.btn-main {color: #fff;border: 2px solid #fff;background: transparent;font-weight: 500; letter-spacing: 0.5px;transition: all 0.3s ease;}
    /* Hover */
.btn-main:hover {background-color: #fff;color: #582FAB; text-decoration: none;}
.dark-section .btn-main {border-color: #fff;color: #fff;}
.dark-section .btn-main:hover {color: #582FAB;}
/* Light background sections */
.light-section .btn-main {border-color: #582FAB;color: #582FAB;}
.light-section .btn-main:hover {background-color: #582FAB;color: #fff;}

.section-title{font-size: 2.5rem;font-weight: 600;margin-bottom: 1rem;position: relative;display: inline-block;}

/* ===== About Section ===== */
.about-section {background-color: #f8f6ff; }

/* Text */
.about-text {font-size: 1.05rem;line-height: 1.8;color: #555;}

/* ===== Blob Image Design ===== */
.blob-wrapper {width: 100%;max-width: 420px;margin: auto;position: relative;background: linear-gradient(135deg, #582FAB, #8f6ad9);border-radius: 62% 38% 45% 55% / 55% 45% 55% 45%;padding: 20px;}
.about-img {width: 100%;height: auto;border-radius: 50% 40% 60% 50% / 50% 60% 40% 50%;display: block;}

/* Responsive tweak */
@media (max-width: 991px) {
    .blob-wrapper {
        max-width: 300px;
    }
}

/* ===== What We Do Section ===== */
.what-we-do-section {background-color: #582FAB;color: #fff;position: relative;overflow: hidden;}
/* Titles */
.what-we-do-section .section-title {font-size: 2.2rem;font-weight: 700;}
.section-subtitle {max-width: 600px;margin: auto;}

/* Cards */
.work-card {background: rgba(255, 255, 255, 0.1);padding: 25px;border-radius: 16px;height: 100%;transition: transform 0.3s ease, background 0.3s ease;}
.work-card h5 {font-weight: 600;margin-bottom: 12px;}
.work-card p {font-size: 0.95rem;line-height: 1.6;color: rgba(255,255,255,0.85);}
.work-card:hover {transform: translateY(-8px);background: rgba(255, 255, 255, 0.18);}

/* Wave bottom */
.wave-bottom {position: absolute;bottom: -1px;left: 0;width: 100%;line-height: 0;}
.wave-bottom svg {width: 100%;height: 160px;display: block;}
.wave-layered svg {height: 180px;}
.wave-top {position: absolute; top: -1px;    left: 0;width: 100%;line-height: 0;overflow: hidden;}
.wave-top svg { width: 100%;height: 140px; display: block; }

/* Flip vertically */
.flip-wave {transform: rotate(180deg);}

/* Card Image */
.work-img {width: 100%;height: 160px;overflow: hidden;border-radius: 14px;margin-bottom: 15px;}
.work-img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}

/* Card content */
.work-content h5 {font-weight: 600;margin-bottom: 10px;}
.work-content p {font-size: 0.95rem;line-height: 1.6;color: rgba(255,255,255,0.85);}
/* Hover effect */
.work-card:hover .work-img img {transform: scale(1.08);}

.join-us-section{background:#582FAB}
/* ===== Donate Section ===== */
.donate-section {position: relative;padding: 120px 0;background-image: url('../images/donate-bg.jpg'); background-size: cover; background-position: center;  background-attachment: fixed; overflow: hidden;}

/* Theme color overlay */
.donate-overlay {position: absolute;inset: 0;background: rgba(88, 47, 171, 0.8);}
/* Content above overlay */
.donate-section .container {position: relative;z-index: 2;}

/* Text styles */
.donate-title {font-size: clamp(2.2rem, 4vw, 3rem);font-weight: 700;}
.donate-text {font-size: 1.1rem;line-height: 1.8;opacity: 0.95;}


.stats-section {background:#f8f6ff}

.stat-circle {width: 220px; height: 220px; margin: auto;border-radius: 50%;border: 4px solid rgba(88,47,171,1); display: flex; flex-direction: column; align-items: center; justify-content: center;color: #582FAB;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.stat-circle h3 { font-size: 2.5rem; font-weight: 700; margin-bottom: 5px; }
.stat-circle p {font-size: 1rem; letter-spacing: 0.5px; opacity: 0.85;}
    /* Hover effect */
.stat-circle:hover { transform: translateY(-2px); box-shadow: 0 5px 10px rgba(0,0,0,0.3);}



.events-section {background-color: #f8f6ff;}
/* Highlighted Event */
.highlighted-event {background: #fff;border-radius: 24px;padding: 30px;box-shadow: 0 20px 50px rgba(0,0,0,0.08);}
.event-img img {width: 100%;border-radius: 20px;object-fit: cover;}
/* Badge */
.event-badge {background: rgba(88,47,171,0.12);color: #582FAB;padding: 6px 14px;border-radius: 20px;font-size: 0.85rem;font-weight: 500;}
/* Titles */
.event-title {color: #582FAB;font-weight: 700;}
/* Meta */
.event-meta li, .event-meta span {color: #666;margin-right: 15px;}
.event-meta i {color: #582FAB;margin-right: 6px;}
/* ===== Event Cards ===== */
.event-card {background: #fff;border-radius: 20px;overflow: hidden;box-shadow: 0 15px 40px rgba(0,0,0,0.08);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.event-card img { width: 100%;height: 200px;object-fit: cover;}
.event-card-body {padding: 25px;}
.event-card h5 {color: #582FAB;font-weight: 600;margin-bottom: 10px;}
.event-card p {font-size: 0.95rem;color: #555;}
/* Hover */
.event-card:hover {transform: translateY(-10px);box-shadow: 0 25px 55px rgba(88,47,171,0.18);}
/* Link */
.event-link {color: #582FAB;font-weight: 500;text-decoration: none;}
.event-link:hover {text-decoration: underline;}

/* ===== Volunteer Section ===== */
.volunteer-section { position: relative; padding: 120px 0; background-image: url('../images/become-volunteer.jpg'); background-size: cover; background-position: center;  background-attachment: fixed; overflow: hidden;}
.volunteer-section-page{position: relative; padding: 120px 0;}
.volunteer-section-page .section-title {font-size: 2.2rem;font-weight: 700;}

.volunteer-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.4);}
/* Content above overlay */
.volunteer-section .container { position: relative; z-index: 2;}
/* Text */
.volunteer-title { font-size: clamp(2.2rem, 4vw, 3rem); font-weight: 700;}
.volunteer-text { font-size: 1.1rem; line-height: 1.8; opacity: 0.95;}

/* ===== Footer ===== */
.footer-section {background: linear-gradient(135deg, #582FAB, #3d1f7d);color: rgba(255,255,255,0.85); padding: 70px 0 30px; border-radius: 50px 50px 0 0 }
/* Logo */
.footer-logo { max-width: 160px;}
/* Text */
.footer-text { font-size: 0.95rem;line-height: 1.7;}
/* Titles */
.footer-title {color: #fff;font-weight: 600;margin-bottom: 15px;}
.footer-links li { margin-bottom: 10px;}
.footer-links a {color: rgba(255,255,255,0.85); text-decoration: none; transition: all 0.3s ease;}
.footer-links a:hover {color: #fff; padding-left: 6px;}
/* Contact */
.footer-contact li { margin-bottom: 10px;}
.footer-contact i { color: #fff; margin-right: 8px;}
.footer-social a { display: inline-flex; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,0.15); align-items: center; justify-content: center; color: #fff; margin-right: 8px; transition: transform 0.3s ease, background 0.3s ease;}
.footer-social a:hover { background: #fff; color: #582FAB; transform: translateY(-4px);}
.footer-divider {border-color: rgba(255,255,255,0.2); margin: 30px 0;}
.footer-bottom {font-size: 0.85rem;opacity: 0.8;}

.footer-credit{
font-size:0.85rem;
color:#ccc;
}

.footer-credit a{
color:#ffffff;
text-decoration:none;
font-weight:500;
}

.footer-credit a:hover{
color:#a98cff;
}

.page-header {position: relative; padding: 140px 0 90px; background: linear-gradient(135deg, #582FAB, #3d1f7d); overflow: hidden;}
.page-header-overlay {    position: absolute; inset: 0; background: rgba(0,0,0,0.25);}
.page-header .container { position: relative; z-index: 2;}
.page-title { font-size: clamp(2.2rem, 4vw, 3.2rem); font-weight: 700; margin-bottom: 10px;}
.breadcrumb { background: transparent; padding: 0; margin: 0;}
.breadcrumb-item a { color: rgba(255,255,255,0.85); text-decoration: none; transition: color 0.3s ease;}
.breadcrumb-item a:hover {color: #fff; }
.breadcrumb-item.active { color: rgba(255,255,255,0.6);}
.breadcrumb-item + .breadcrumb-item::before {content: "\203A"; color: rgba(255,255,255,0.6); padding: 0 8px;}



/* Box wrapper */
.mv-box {background: #fff; border-radius: 22px; padding: 35px; box-shadow: 0 15px 15px rgba(0,0,0,0.08);}

/* Mission list */
.mv-list li {display: flex;gap: 12px; margin-bottom: 16px; font-size: 1rem; line-height: 1.6; color: #555;}
.mv-list li i {color: #582FAB; font-size: 18px; margin-top: 3px; }

/* Values cards */
.value-card {background: rgba(88,47,171,0.08); border: 1px solid rgba(88,47,171,0.14); border-radius: 18px; padding: 18px 18px; height: 100%; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.value-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(88,47,171,0.18); }
.value-card h6 { color: #582FAB; font-weight: 700; margin-bottom: 6px; font-size: 1rem; }
.value-card p { margin: 0; font-size: 0.92rem; color: #555; line-height: 1.6; }

/* Wide card (Collaboration) */
.value-card-wide {text-align: center;}

/* Card */
.objective-card {background: #fff; border-radius: 20px;padding: 30px;box-shadow: 0 15px 40px rgba(0,0,0,0.08);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.objective-card:hover { transform: translateY(-10px); box-shadow: 0 25px 55px rgba(88,47,171,0.18);}
/* Icon */
.objective-icon {width: 65px;height: 65px;border-radius: 16px;background: rgba(88,47,171,0.12);display: flex;align-items: center;justify-content: center;margin-bottom: 18px;}

.objective-icon i {font-size: 28px; color: #582FAB;}

/* Title */
.objective-card h5 {font-weight: 600;color: #582FAB;margin-bottom: 10px;}

/* Text */
.objective-card p {font-size: 0.95rem; line-height: 1.6; color: #555;}


.what-we-do-section-pg {background-color: #f8f6ff;}
/* Item */
.wwd-item {display: flex;gap: 16px;padding: 20px;border-radius: 16px;background: rgba(88,47,171,0.05);border: 1px solid rgba(88,47,171,0.12);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.wwd-item:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(88,47,171,0.18); }
/* Icon */
.wwd-icon {font-size: 34px;line-height: 1;}

/* Content */
.wwd-content h5 {margin-bottom: 6px;font-weight: 600;color: #582FAB;}
.wwd-content p {margin: 0;font-size: 0.95rem;line-height: 1.6;color: #555;}

/* ===== Events Page ===== */

.event-box {padding: 0;overflow: hidden;}

/* Banner */
.event-img-wrap {height: 220px;overflow: hidden;}
.event-img {width: 100%;height: 100%;object-fit: cover;}
.event-content {padding: 24px 26px 28px;}
.event-title {font-size: 1.25rem;font-weight: 700;color: #582FAB;margin-bottom: 8px; text-decoration:none; display:inline-block}
.event-meta { display: flex; flex-wrap: wrap; gap: 16px;font-size: 0.9rem;color: #666;margin-bottom: 12px;}
.event-meta i {color: #582FAB;margin-right: 6px;}
.event-desc { font-size: 0.95rem; line-height: 1.6;color: #555;margin-bottom: 18px;}
/* ===== Event Tag ===== */
.event-tag { position: absolute;top: 15px;left: 15px;padding: 6px 14px;border-radius: 20px;font-size: 0.75rem;font-weight: 600;letter-spacing: 0.4px; text-transform: uppercase;color: #fff; z-index: 2;}
.event-tag.upcoming { background: #2ecc71; /* green */}
    /* Past */
.event-tag.past {background: #95a5a6; /* muted gray */}

/* Ensure parent positioning */
.event-img-wrap {position: relative;}
.event-tag.upcoming {background: #2ecc71;animation: pulse 2s infinite;}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.6);
    }

    70% {
        box-shadow: 0 0 0 12px rgba(46, 204, 113, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(46, 204, 113, 0);
    }
}


/* ===== Event Details ===== */
.event-detail-box {padding: 0;overflow: hidden;}
.event-detail-banner {height: 360px;overflow: hidden;}
.event-detail-banner img {width: 100%;height: 100%;object-fit: cover;}
.event-detail-header {padding: 30px 30px 10px;}
.event-detail-title {font-size: clamp(2rem, 4vw, 2.6rem); font-weight: 700; color: #582FAB; margin-bottom: 10px;}
.event-detail-meta {display: flex;flex-wrap: wrap;gap: 20px;color: #666; font-size: 0.95rem;}
.event-detail-meta i {color: #582FAB; margin-right: 6px;}
.event-detail-content {padding: 10px 30px 35px;}
.event-detail-content p {font-size: 1rem;line-height: 1.8;color: #555; margin-bottom: 15px;}

.event-gallery {padding: 0 30px 35px;}
.gallery-item {display: block;border-radius: 18px;overflow: hidden;box-shadow: 0 15px 40px rgba(0,0,0,0.1);transition: transform 0.3s ease;}
.gallery-item img {width: 100%;height: 220px;object-fit: cover;}
.gallery-item:hover {transform: translateY(-8px);}

/* ===== Blogs Section ===== */
.blogs-section {background-color: #f8f6ff;}
.blog-card {padding: 0;overflow: hidden;}
.blog-img-wrap {height: 220px;overflow: hidden;}
.blog-img {width: 100%;height: 100%;object-fit: cover;}
.blog-content {padding: 24px 26px 28px;}
.blog-date {display: inline-block;font-size: 0.85rem;color: #777;margin-bottom: 8px;}
.blog-date i {color: #582FAB;margin-right: 6px;}
.blog-title { font-weight: 700;color: #582FAB;margin-bottom: 10px;font-size: 1.2rem;}
.blog-desc {font-size: 0.95rem;line-height: 1.6;color: #555;margin-bottom: 18px;}

/* ===== Blogs Page ===== */
/* Card */
.blog-rect-card {padding: 0;overflow: hidden;}
.blog-rect-img-wrap {height: 100%;}
.blog-rect-img-wrap img {width: 100%;height: 100%;object-fit: cover;min-height: 220px;}
.blog-rect-content {padding: 26px 30px;}

.blog-detail-box {padding: 0;overflow: hidden;}
.blog-banner {height: 360px;overflow: hidden;}
.blog-banner img {width: 100%;height: 100%;object-fit: cover;}
.blog-header {padding: 28px 32px 10px;}
.blog-meta {display: flex;gap: 20px;font-size: .9rem;color: #777;margin-bottom: 8px;}
.blog-meta i {color: #582FAB;margin-right: 6px;}
/*.blog-title {font-size: clamp(2rem,4vw,2.5rem);font-weight: 700;color: #582FAB;}*/
.blog-content {padding: 10px 32px 32px;}
.blog-content p {font-size: 1.05rem;line-height: 1.8;color: #555;margin-bottom: 16px;}

.donate-box {padding: 0;overflow: hidden;}

.donate-banner {height: 320px;overflow: hidden;}
.donate-banner img {width: 100%;height: 100%;object-fit: cover;}
.donate-header {padding: 30px 30px 10px;}
.donate-title {font-size: clamp(2rem,4vw,2.6rem);font-weight: 700;color: #582FAB;margin-bottom: 10px;}
.donate-intro {font-size: 1rem;color: #555;line-height: 1.7;max-width: 700px;margin: auto;}
.donate-content {padding: 25px 30px 35px;}
.donate-card {background: #f8f6ff;padding: 25px;border-radius: 12px;height: 100%;}
.donate-card-title {color: #582FAB;font-weight: 700;margin-bottom: 15px;}
.donate-bank-details {list-style: none;padding: 0;margin: 0;}
.donate-bank-details li {margin-bottom: 10px;font-size: .95rem;color: #555;}
.upi-qr img {width: 200px;margin: 15px auto;display: block;}
.upi-id {font-weight: 600;color: #582FAB;}

.volunteer-form-box{padding:35px;}
.volunteer-section-page{background:#f8f6ff;}
.volunteer-section-page .form-label{font-weight:600;color:#333;}
.volunteer-section-page .form-control{border-radius:8px;padding:10px 12px;}
.volunteer-section-page .form-control:focus{border-color:#582FAB;box-shadow:0 0 0 0.15rem rgba(88,47,171,.15);}
.volunteer-section-page textarea{resize:none;}
.contact-info-box {padding: 30px;}
.contact-item {padding: 10px;}
.contact-icon {font-size: 28px;color: #582FAB;margin-bottom: 10px;}
.contact-item h5 {font-weight: 600;margin-bottom: 5px;}
.contact-item p {color: #555;font-size: 0.95rem;}
.contact-form-box {padding: 30px;}
.contact-form-box .form-control {border-radius: 8px;padding: 10px 12px;}
.contact-form-box .form-control:focus {border-color: #582FAB;box-shadow: 0 0 0 .15rem rgba(88,47,171,.15);}
.contact-form-box textarea {resize: none;}

#whatsapp{display:block; background:url('../images/icons/whatsapp.png') no-repeat center center; height:64px; width:64px; position:fixed; right:-64px; bottom:90px; border-radius: 5px 0px 0px 5px; z-index:999 }

#backTop {display: inline-block;background: #582FAB url(../images/icons/backTop.png) no-repeat center center;width: 50px;height: 50px;text-align: center;border-radius: 4px;position: fixed;bottom: 30px;right: 30px;transition: background-color .3s, opacity .5s, visibility .5s;  opacity: 0;visibility: hidden;z-index: 1000;}
#backTop:hover {cursor: pointer;background-color: #555;}
#backTop:active {background-color: #555;}
#backTop.show {opacity: 1;visibility: visible;}


.contact-card,.office-card{padding:30px 20px;transition:all .3s ease;}
.contact-card:hover,.office-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.15);}
.contact-icon{font-size:28px;color:#582FAB;margin-bottom:12px;}
.contact-card h5,.office-card h5{font-weight:600;margin-bottom:6px;}
.contact-card p,.office-card p{color:#555;font-size:.95rem;margin-bottom:0;}

/*.sticky-donate-btn {position: fixed;bottom: 25px;left: 25px; background: #582FAB;color: #fff;padding: 12px 22px;border-radius: 30px;font-weight: 600;text-decoration: none;box-shadow: 0 10px 25px rgba(0,0,0,.25);z-index: 999;transition: all .3s ease;}
.sticky-donate-btn:hover {background: #6d42d8; color:#fff; transform: translateY(-3px);box-shadow: 0 14px 30px rgba(0,0,0,.3);}*/

.donate-modal {border-radius: 14px;padding: 10px;}
.donate-modal .modal-title {font-weight: 600;color: #582FAB;}

.donate-qr {width: 220px;max-width: 100%;border-radius: 10px;box-shadow: 0 10px 25px rgba(0,0,0,.15);}
.sticky-donate-btn {position: fixed;bottom: 25px; left: 25px;background: #582FAB;color: #fff;padding: 12px 22px;border-radius: 30px;font-weight: 600;text-decoration: none;box-shadow: 0 10px 25px rgba(0,0,0,.25);z-index: 999;transition: all .3s ease;}
.sticky-donate-btn:hover {background: #6d42d8;transform: translateY(-3px);}
.btnModalFooter{color:#582FAB}

.impact-card {padding: 30px 20px;transition: all .3s ease;}
.impact-card:hover {transform: translateY(-8px);box-shadow: 0 15px 35px rgba(0,0,0,.15);}
.impact-icon {font-size: 28px;color: #582FAB;margin-bottom: 10px;}
.impact-card h3 {font-weight: 700;color: #582FAB;margin-bottom: 8px;}
.impact-card p {font-size: .95rem;color: #555;margin-bottom: 0;}
.navbar-dark .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,\
    %3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E\
    %3Cpath stroke='rgba(88,47,171,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' \
    d='M4 7h22M4 15h22M4 23h22'/%3E\
    %3C/svg%3E");
}
.navbar-toggler {border-color: #582FAB;}
@media (max-width: 768px) {
    .event-img-wrap {height: 180px;}
    .volunteer-section {padding: 90px 0;}
    .blog-img-wrap {height: 180px;}
    .event-detail-banner {height: 220px;}
    .gallery-item img {height: 180px;}

    .blog-banner {height: 220px;}
    .blog-header {padding: 22px;}
    .blog-content {padding: 10px 22px 24px;}

    .blog-rect-img-wrap img {min-height: 200px;}

    .blog-rect-content {padding: 22px;}
    .donate-banner {height: 220px;}
    .donate-content {padding: 20px;}
}