/* ==========================================================================
   JCS OUR PEOPLES - HERO BANNER & PAGE STYLING
   Official Theme for Jhansi Cultural Society
   ========================================================================== */

.jcs-peoples-hero-wrap {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.jcs-peoples-hero {
    position: relative !important;
    width: 100% !important;
    min-height: auto !important;
    background-image: url('https://jhansiculturalsociety.com/wp-content/uploads/2026/10/jcs-our-peoples-hero-bg.jpg') !important;
    background-size: cover !important;
    background-position: center 25% !important;
    background-repeat: no-repeat !important;
    padding: 16px 16px 14px !important;
    overflow: hidden !important;
    color: #ffffff !important;
    text-align: center !important;
    border-top: 3px solid #D4AF37 !important;
    border-bottom: 3px solid #D4AF37 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
    margin-bottom: 24px !important;
}

/* Semi-transparent Royal Maroon Dual Gradient Overlay */
.jcs-peoples-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(28, 4, 4, 0.80) 0%, rgba(55, 8, 8, 0.86) 50%, rgba(18, 2, 2, 0.94) 100%);
    backdrop-filter: blur(1.5px);
    -webkit-backdrop-filter: blur(1.5px);
    z-index: 1;
}

/* Decorative Gold Corner Borders */
.jcs-corner-border {
    position: absolute;
    width: 45px;
    height: 45px;
    border: 2px solid #D4AF37;
    z-index: 2;
    pointer-events: none;
    opacity: 0.75;
}
.jcs-corner-tl { top: 15px; left: 15px; border-right: none; border-bottom: none; }
.jcs-corner-tr { top: 15px; right: 15px; border-left: none; border-bottom: none; }
.jcs-corner-bl { bottom: 15px; left: 15px; border-right: none; border-top: none; }
.jcs-corner-br { bottom: 15px; right: 15px; border-left: none; border-top: none; }

.jcs-peoples-hero-container {
    position: relative !important;
    z-index: 3 !important;
    max-width: 1080px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Official Logo Crest Medallion */
.jcs-peoples-crest-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle, #ffffff 0%, #fff8eb 100%) !important;
    padding: 4px 12px !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 18px rgba(212, 175, 55, 0.45), 0 0 0 2px rgba(212, 175, 55, 0.9) !important;
    margin-bottom: 6px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    text-decoration: none !important;
}
.jcs-peoples-crest-badge:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 6px 24px rgba(212, 175, 55, 0.65), 0 0 0 3px #D4AF37 !important;
}
.jcs-peoples-crest-img {
    height: 44px !important;
    max-height: 44px !important;
    width: auto !important;
    max-width: 100px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Breadcrumbs */
.jcs-peoples-breadcrumbs {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 0.78rem !important;
    color: #E2D3B8 !important;
    margin-bottom: 6px !important;
}
.jcs-peoples-breadcrumbs a {
    color: #FFD54F !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
.jcs-peoples-breadcrumbs a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}
.jcs-peoples-breadcrumbs span {
    opacity: 0.8 !important;
}

/* Top Pill Badge */
.jcs-peoples-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(212, 175, 55, 0.16) !important;
    border: 1px solid rgba(212, 175, 55, 0.55) !important;
    color: #FFE082 !important;
    padding: 3px 12px !important;
    border-radius: 50px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25) !important;
    backdrop-filter: blur(4px) !important;
}

/* Main Grand Heading */
.jcs-peoples-main-title {
    font-family: 'Fira Sans', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: clamp(1.6rem, 2.3vw, 2.3rem) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #FFFFFF !important;
    margin: 0 0 3px 0 !important;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.8) !important;
}
.jcs-peoples-main-title span {
    background: linear-gradient(135deg, #FFF6D6 0%, #FFD54F 50%, #FFA000 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(255, 179, 0, 0.35)) !important;
}

/* Sub-title English */
.jcs-peoples-sub-title {
    font-size: clamp(0.82rem, 1.05vw, 1.0rem) !important;
    font-weight: 500 !important;
    color: #FFE0B2 !important;
    margin: 0 0 6px 0 !important;
    letter-spacing: 0.4px !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
}

/* Royal Filigree SVG Divider */
.jcs-peoples-divider {
    width: 180px !important;
    height: 12px !important;
    margin: 0 auto 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.jcs-peoples-divider svg {
    width: 100% !important;
    height: 100% !important;
    fill: #D4AF37 !important;
}

/* Description / Mission Tagline */
.jcs-peoples-lead-text {
    max-width: 760px !important;
    font-size: clamp(0.82rem, 0.92vw, 0.92rem) !important;
    line-height: 1.4 !important;
    color: #F8EFE4 !important;
    margin: 0 auto 10px !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6) !important;
}

/* Quick Statistics Highlights */
.jcs-peoples-stats-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
    max-width: 860px !important;
}
.jcs-stat-pill {
    background: rgba(45, 6, 6, 0.70) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    border-radius: 8px !important;
    padding: 5px 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.35) !important;
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease !important;
}
.jcs-stat-pill:hover {
    transform: translateY(-2px) !important;
    border-color: #FFD54F !important;
    background: rgba(65, 9, 9, 0.85) !important;
}
.jcs-stat-icon {
    font-size: 1.0rem !important;
}
.jcs-stat-number {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #FFD54F !important;
    line-height: 1 !important;
}
.jcs-stat-label {
    font-size: 0.75rem !important;
    color: #FFF8E7 !important;
    text-align: left !important;
    line-height: 1.2 !important;
}

/* Quick-Jump In-Page Navigation Bar */
.jcs-peoples-jump-nav {
    margin-top: 0 !important;
    width: 100% !important;
    max-width: 960px !important;
    background: rgba(20, 2, 2, 0.65) !important;
    border-radius: 12px !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}
.jcs-jump-title {
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    color: #FFD54F !important;
    margin-bottom: 5px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}
.jcs-jump-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
}
.jcs-jump-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    color: #FFFDF8 !important;
    padding: 4px 11px !important;
    border-radius: 20px !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}
.jcs-jump-btn:hover, .jcs-jump-btn:focus {
    background: #D4AF37 !important;
    border-color: #FFD54F !important;
    color: #350505 !important;
    font-weight: 600 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 14px rgba(212, 175, 55, 0.45) !important;
    text-decoration: none !important;
}

/* Action CTA - WhatsApp Community */
.jcs-peoples-cta-wrap {
    margin-top: 10px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}
.jcs-peoples-cta-whatsapp {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
    color: #ffffff !important;
    padding: 7px 18px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.35) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.jcs-peoples-cta-whatsapp:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 22px rgba(37, 211, 102, 0.55) !important;
}
.jcs-peoples-cta-secondary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    padding: 6px 16px !important;
    border-radius: 30px !important;
    font-weight: 500 !important;
    font-size: 0.8rem !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}
.jcs-peoples-cta-secondary:hover {
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* Styling Enhancements for Existing Member Sections */
.elementor-991 h3.elementor-heading-title {
    font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    color: #7B1918 !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    position: relative !important;
    display: inline-block !important;
    padding-bottom: 8px !important;
}
.elementor-991 h3.elementor-heading-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60px !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #D4AF37, transparent) !important;
    border-radius: 2px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .jcs-peoples-hero {
        padding: 20px 12px 18px;
        min-height: auto;
    }
    .jcs-corner-border {
        display: none;
    }
    .jcs-peoples-crest-img {
        height: 40px;
    }
    .jcs-peoples-stats-row {
        gap: 6px;
    }
    .jcs-stat-pill {
        width: 100%;
        max-width: 290px;
        justify-content: center;
        padding: 5px 10px;
    }
    .jcs-jump-pills {
        gap: 5px;
    }
    .jcs-jump-btn {
        padding: 4px 10px;
        font-size: 0.76rem;
    }
}

/* ==========================================================================
   Singer Rows: Balanced 5-Column Grid Layout
   ========================================================================== */
@media (min-width: 1025px) {
    .elementor-element-ba3df3c .elementor-container,
    .elementor-element-9a90341 .elementor-container {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
    }
    .elementor-element-ba3df3c .elementor-column.elementor-col-20,
    .elementor-element-9a90341 .elementor-column.elementor-col-20 {
        width: 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-element-ba3df3c .elementor-container,
    .elementor-element-9a90341 .elementor-container {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    .elementor-element-ba3df3c .elementor-column.elementor-col-20,
    .elementor-element-9a90341 .elementor-column.elementor-col-20 {
        width: 33.333% !important;
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
    }
}
@media (max-width: 767px) {
    .elementor-element-ba3df3c .elementor-container,
    .elementor-element-9a90341 .elementor-container {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    .elementor-element-ba3df3c .elementor-column.elementor-col-20,
    .elementor-element-9a90341 .elementor-column.elementor-col-20 {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

/* ==========================================================================
   Associate Section (सहभागी/सहयोगी/पूर्व पदाधिकारी/सदस्य - 68497db)
   ========================================================================== */
.elementor-element-68497db .elementor-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 24px !important;
}
/* Hide unused empty placeholder columns */
.elementor-element-68497db .elementor-element-0cab50a,
.elementor-element-68497db .elementor-element-7c536a1,
.elementor-element-68497db .elementor-element-67f50b4 {
    display: none !important;
}
.elementor-element-68497db .elementor-column.elementor-col-20 {
    width: 220px !important;
    max-width: 240px !important;
    flex: 0 0 220px !important;
}
.elementor-element-68497db .elementor-widget-image img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
}

/* ==========================================================================
   Executive Committee (कार्यकारिणी सदस्य) Section 5618ed9
   ========================================================================== */
.elementor-element-5618ed9 {
    padding: 50px 15px 65px !important;
}
.elementor-element-5618ed9 .elementor-heading-title {
    font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    color: #7B1918 !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 35px !important;
    position: relative !important;
    display: block !important;
}
.elementor-element-5618ed9 .elementor-heading-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: -10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60px !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #D4AF37, transparent) !important;
    border-radius: 2px !important;
}
.jcs-karyakarini-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 22px !important;
    max-width: 1220px !important;
    margin: 0 auto !important;
    padding: 10px 0 !important;
}
.jcs-karyakarini-card {
    background: #ffffff !important;
    border-radius: 4px !important;
    border-bottom: 2px solid #e57827 !important;
    box-shadow: 8px 8px 25px -10px rgba(0, 0, 0, 0.22) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    width: calc(20% - 20px) !important;
    min-width: 190px !important;
    max-width: 222px !important;
    overflow: hidden !important;
}
.jcs-karyakarini-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 8px 14px 30px -8px rgba(0, 0, 0, 0.3) !important;
}
.jcs-karyakarini-img-wrap {
    width: 100% !important;
    height: 250px !important;
    background: #faf6f0 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.jcs-karyakarini-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
    transition: transform 0.35s ease !important;
    display: block !important;
}
.jcs-karyakarini-card:hover .jcs-karyakarini-img-wrap img {
    transform: scale(1.03) !important;
}
.jcs-karyakarini-info {
    padding: 14px 10px 18px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    flex-grow: 1 !important;
}
.jcs-karyakarini-name {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
    font-family: inherit !important;
}
.jcs-karyakarini-pad {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #e57827 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
@media (max-width: 1100px) {
    .jcs-karyakarini-card {
        width: calc(25% - 18px) !important;
    }
}
@media (max-width: 850px) {
    .jcs-karyakarini-card {
        width: calc(33.333% - 16px) !important;
    }
}
@media (max-width: 600px) {
    .jcs-karyakarini-card {
        width: calc(50% - 12px) !important;
        min-width: 145px !important;
    }
    .jcs-karyakarini-img-wrap {
        height: 200px !important;
    }
    .jcs-karyakarini-name {
        font-size: 16px !important;
    }
    .jcs-karyakarini-pad {
        font-size: 11.5px !important;
    }
}

/* CP Srivastava Singer Card Styling */
.elementor-element-8baaccb {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.elementor-element-8baaccb .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}
.elementor-element-8baaccb .elementor-icon-box-title {
    text-align: center !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 10px 0 !important;
}

/* Anju Verma Singer Row & Card Styling */
.elementor-element-anju-row .elementor-container {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    margin-top: 24px !important;
}
.elementor-element-anju-col {
    width: 200px !important;
    max-width: 220px !important;
    background: #ffffff !important;
    border-radius: 4px !important;
    border-bottom: 2px solid #e57827 !important;
    box-shadow: 8px 8px 25px -10px rgba(0, 0, 0, 0.22) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    overflow: hidden !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.elementor-element-anju-col:hover {
    transform: translateY(-5px) !important;
    box-shadow: 8px 14px 30px -8px rgba(0, 0, 0, 0.3) !important;
}
.elementor-element-anju-col .elementor-widget-image img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
}
.elementor-element-anju-col .elementor-icon-box-title {
    text-align: center !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 10px 0 !important;
}
@media (max-width: 600px) {
    .elementor-element-anju-col {
        width: 160px !important;
        max-width: 180px !important;
    }
    .elementor-element-anju-col .elementor-widget-image img {
        height: 200px !important;
    }
    .elementor-element-anju-col .elementor-icon-box-title {
        font-size: 16px !important;
    }
}

/* Ajay Rathaur Life Member Card Styling */
.elementor-element-f048c6d {
    display: flex !important;
    flex-direction: column !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 205px !important;
    max-width: 220px !important;
    flex: 0 0 205px !important;
    background: #ffffff !important;
    border-radius: 6px !important;
    border-bottom: 2px solid #e57827 !important;
    box-shadow: 8px 8px 25px -10px rgba(0, 0, 0, 0.22) !important;
    overflow: hidden !important;
    margin: 0 auto 30px auto !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.elementor-element-f048c6d:hover {
    transform: translateY(-5px) !important;
    box-shadow: 8px 14px 30px -8px rgba(0, 0, 0, 0.3) !important;
}
.elementor-element-f048c6d .elementor-widget-image {
    width: 100% !important;
    height: 250px !important;
    overflow: hidden !important;
    background: #faf6f0 !important;
    margin: 0 !important;
}
.elementor-element-f048c6d .elementor-widget-image img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
    transition: transform 0.35s ease !important;
}
.elementor-element-f048c6d:hover .elementor-widget-image img {
    transform: scale(1.03) !important;
}
.elementor-element-f048c6d .elementor-icon-box-title {
    text-align: center !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 14px 10px 18px !important;
}
@media (max-width: 600px) {
    .elementor-element-f048c6d {
        width: 170px !important;
        max-width: 180px !important;
    }
    .elementor-element-f048c6d .elementor-widget-image,
    .elementor-element-f048c6d .elementor-widget-image img {
        height: 200px !important;
    }
    .elementor-element-f048c6d .elementor-icon-box-title {
        font-size: 16px !important;
    }
}

/* Life Members Section (आजीवन सदस्य - 2c559e6) Spacing & Centering */
.elementor-element-2c559e6 {
    margin-bottom: 60px !important;
    padding-bottom: 30px !important;
    position: relative !important;
    clear: both !important;
}
.elementor-element-2c559e6 .elementor-inner-section .elementor-container {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    margin-bottom: 20px !important;
}
.elementor-element-2c559e6 .elementor-element-001bb26,
.elementor-element-2c559e6 .elementor-element-c8ca419,
.elementor-element-2c559e6 .elementor-element-41b3c3c,
.elementor-element-2c559e6 .elementor-element-e3ec9b9 {
    display: none !important;
}

/* Sponsors Section (प्रायोजक - 5ae28fd) Clean Spacing */
.elementor-element-5ae28fd {
    margin-top: 50px !important;
    position: relative !important;
    clear: both !important;
}

/* ==========================================================================
   Shrota Sadasya (माननीय (श्रोता) सदस्य - d6ebf75) Modern Responsive Grid
   ========================================================================== */
.elementor-element-d6ebf75 .jcs-shrota-grid-wrap {
    width: 100% !important;
    margin: 24px auto 35px auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
}

.elementor-element-d6ebf75 .jcs-shrota-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 1200px !important;
}

.elementor-element-d6ebf75 .jcs-shrota-card {
    background: #ffffff !important;
    border-radius: 6px !important;
    border-bottom: 2px solid #e57827 !important;
    box-shadow: 8px 8px 25px -10px rgba(0, 0, 0, 0.22) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    width: 205px !important;
    max-width: 220px !important;
    overflow: hidden !important;
}

.elementor-element-d6ebf75 .jcs-shrota-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 8px 14px 30px -8px rgba(0, 0, 0, 0.3) !important;
}

.elementor-element-d6ebf75 .jcs-shrota-img-wrap {
    width: 100% !important;
    height: 250px !important;
    background: #faf6f0 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-element-d6ebf75 .jcs-shrota-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
    transition: transform 0.35s ease !important;
    display: block !important;
}

.elementor-element-d6ebf75 .jcs-shrota-card:hover .jcs-shrota-img-wrap img {
    transform: scale(1.03) !important;
}

.elementor-element-d6ebf75 .jcs-shrota-info {
    padding: 14px 10px 18px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    flex-grow: 1 !important;
}

.elementor-element-d6ebf75 .jcs-shrota-name {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    font-family: inherit !important;
}

@media (max-width: 1100px) {
    .elementor-element-d6ebf75 .jcs-shrota-card {
        width: calc(25% - 18px) !important;
    }
}

@media (max-width: 850px) {
    .elementor-element-d6ebf75 .jcs-shrota-card {
        width: calc(33.333% - 16px) !important;
    }
}

@media (max-width: 600px) {
    .elementor-element-d6ebf75 .jcs-shrota-row {
        gap: 12px !important;
    }
    .elementor-element-d6ebf75 .jcs-shrota-card {
        width: calc(50% - 12px) !important;
        min-width: 145px !important;
    }
    .elementor-element-d6ebf75 .jcs-shrota-img-wrap {
        height: 200px !important;
    }
    .elementor-element-d6ebf75 .jcs-shrota-name {
        font-size: 16px !important;
    }
}

/* Force Ajay Rathaur and Life Members to be immediately visible */
.elementor-element-2c559e6 .elementor-invisible,
.elementor-element-f048c6d.elementor-invisible {
    visibility: visible !important;
    opacity: 1 !important;
}