.elementor-1947 .elementor-element.elementor-element-27eed9c0:not(.elementor-motion-effects-element-type-background), .elementor-1947 .elementor-element.elementor-element-27eed9c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#102136;}.elementor-1947 .elementor-element.elementor-element-27eed9c0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-200px;margin-bottom:0px;padding:0px 0px 50px 0px;}.elementor-1947 .elementor-element.elementor-element-27eed9c0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1947 .elementor-element.elementor-element-182d1a3a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-1947 .elementor-element.elementor-element-39307e74{--spacer-size:200px;}.elementor-1947 .elementor-element.elementor-element-7679808{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1947 .elementor-element.elementor-element-7679808:not(.elementor-motion-effects-element-type-background), .elementor-1947 .elementor-element.elementor-element-7679808 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#102136;}.elementor-1947 .elementor-element.elementor-element-49a887e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1947 .elementor-element.elementor-element-e1ca4fb{--spacer-size:200px;}.elementor-1947 .elementor-element.elementor-element-42a0269{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1947 .elementor-element.elementor-element-42a0269:not(.elementor-motion-effects-element-type-background), .elementor-1947 .elementor-element.elementor-element-42a0269 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#102136;}.elementor-1947 .elementor-element.elementor-element-081644e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1947 .elementor-element.elementor-element-18e893d{--spacer-size:200px;}.elementor-1947 .elementor-element.elementor-element-bf6117d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-86px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1947 .elementor-element.elementor-element-bf6117d:not(.elementor-motion-effects-element-type-background), .elementor-1947 .elementor-element.elementor-element-bf6117d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-1947 .elementor-element.elementor-element-0b971c0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1947 .elementor-element.elementor-element-c928b4a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1947 .elementor-element.elementor-element-c928b4a:not(.elementor-motion-effects-element-type-background), .elementor-1947 .elementor-element.elementor-element-c928b4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-90f00a4 );}.elementor-1947 .elementor-element.elementor-element-4709b18{--display:flex;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1947 .elementor-element.elementor-element-4709b18:not(.elementor-motion-effects-element-type-background), .elementor-1947 .elementor-element.elementor-element-4709b18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-1947 .elementor-element.elementor-element-fc25044{--display:flex;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1947 .elementor-element.elementor-element-fc25044:not(.elementor-motion-effects-element-type-background), .elementor-1947 .elementor-element.elementor-element-fc25044 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-90f00a4 );}.elementor-1947 .elementor-element.elementor-element-a73d2c2{--display:flex;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1947 .elementor-element.elementor-element-a73d2c2:not(.elementor-motion-effects-element-type-background), .elementor-1947 .elementor-element.elementor-element-a73d2c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-90f00a4 );}.elementor-1947 .elementor-element.elementor-element-3631593{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1947 .elementor-element.elementor-element-3631593:not(.elementor-motion-effects-element-type-background), .elementor-1947 .elementor-element.elementor-element-3631593 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-90f00a4 );}.elementor-1947 .elementor-element.elementor-element-4d65716{--display:flex;--margin-top:70px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1947 .elementor-element.elementor-element-4d65716:not(.elementor-motion-effects-element-type-background), .elementor-1947 .elementor-element.elementor-element-4d65716 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-90f00a4 );}body.elementor-page-1947:not(.elementor-motion-effects-element-type-background), body.elementor-page-1947 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}@media(max-width:767px){.elementor-1947 .elementor-element.elementor-element-bf6117d{--margin-top:-123px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1947 .elementor-element.elementor-element-c928b4a{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1947 .elementor-element.elementor-element-bdfbd30{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1947 .elementor-element.elementor-element-4709b18{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1947 .elementor-element.elementor-element-fc25044{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1947 .elementor-element.elementor-element-e536fb3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1947 .elementor-element.elementor-element-a73d2c2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1947 .elementor-element.elementor-element-8bad787{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1947 .elementor-element.elementor-element-3631593{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1947 .elementor-element.elementor-element-4d65716{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-0b971c0 *//* ======================================================
   ORIGINAL BANNER WITH HEAVY ANIMATIONS
   ====================================================== */
.page-banner {
  position: relative !important;
  padding: 65px 20px 75px 20px !important;
  color: #ffffff !important;
  overflow: hidden !important;
  width: 100% !important;
  background: linear-gradient(135deg, #0f172a 0%, #2333AE 60%, #1e1b4b 100%) !important;
}

/* Heavy Floating Ambient Glow in Background */
.page-banner::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  right: -10% !important;
  width: 450px !important;
  height: 450px !important;
  background: radial-gradient(circle, rgba(40, 167, 69, 0.3) 0%, rgba(241, 247, 212, 0.15) 50%, transparent 70%) !important;
  border-radius: 50% !important;
  filter: blur(40px) !important;
  animation: heavyFloatGlow 6s ease-in-out infinite alternate !important;
  pointer-events: none !important;
}

.banner-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 2 !important;
}

.banner-content {
  max-width: 700px !important;
}

/* Heavy Smooth Bounce Entrance for Heading */
.banner-content h1 {
  font-size: 3rem !important;
  color: #ffffff !important;
  margin: 0 0 10px 0 !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.5px !important;
  opacity: 0;
  animation: heavyBounceIn 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;
}

/* Delayed Entrance for Breadcrumb */
.banner-breadcrumb {
  font-size: 0.95rem !important;
  color: #cbd5e1 !important;
  opacity: 0;
  animation: heavySlideRight 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards !important;
}

.banner-breadcrumb a {
  color: #f1f7d4 !important; /* Soft Lemon Color */
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
}

/* Hover Scale & Underline Effect */
.banner-breadcrumb a:hover {
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  text-shadow: 0 0 8px rgba(241, 247, 212, 0.6) !important;
}

.banner-breadcrumb .sep {
  margin: 0 8px !important;
  color: rgba(255, 255, 255, 0.4) !important;
}

.banner-breadcrumb .current {
  color: #ffffff !important;
  font-weight: 500 !important;
}

/* Animated Pulse Line at Bottom */
.banner-bottom-divider {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 4px !important;
  background: linear-gradient(90deg, #28A745 0%, #f1f7d4 50%, #2333AE 100%) !important;
  animation: linePulse 3s ease-in-out infinite alternate !important;
}

/* KEYFRAME ANIMATIONS */

/* 1. Heavy Bounce & Zoom Up for Title */
@keyframes heavyBounceIn {
  0% {
    opacity: 0;
    transform: translateY(50px) scale(0.9);
  }
  70% {
    transform: translateY(-8px) scale(1.02);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* 2. Smooth Slide From Left for Breadcrumb */
@keyframes heavySlideRight {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 3. Floating Motion for Background Glow */
@keyframes heavyFloatGlow {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(-40px, 30px) scale(1.2);
  }
  100% {
    transform: translate(25px, -20px) scale(0.95);
  }
}

/* 4. Bottom Line Glow Pulse */
@keyframes linePulse {
  0% {
    filter: drop-shadow(0 0 2px rgba(40, 167, 69, 0.4));
  }
  100% {
    filter: drop-shadow(0 0 10px rgba(241, 247, 212, 0.8));
  }
}

/* Responsive Font Size */
@media (max-width: 768px) {
  .banner-content h1 {
    font-size: 2.2rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bdfbd30 *//* ======================================================
   STANDING COMMITTEES / PATRONS SECTION STYLES
   ====================================================== */
.committee-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Section Header & Text Centering */
.section-title-wrapper {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 40px auto !important;
}

/* Green/Red Tag Badge (Centered) */
.badge-tag.green-tag {
  display: table !important;
  margin: 0 auto 12px auto !important;
  text-align: center !important;
  background: rgba(225, 29, 34, 0.08) !important; 
  color: #E11D22 !important;
  text-transform: uppercase;
  padding: 6px 18px !important;
  border-radius: 20px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 4px 12px rgba(225, 29, 34, 0.12) !important;
  white-space: nowrap !important;
}

/* Main Title - Corporate Blue */
.section-title-wrapper h2 {
  color: #2333AE !important;
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  text-align: center !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Divider Line - Accent Green */
.title-divider {
  width: 50px !important;
  height: 4px !important;
  background-color: #28A745 !important;
  margin: 12px auto 0 auto !important;
  border-radius: 4px !important;
  display: block !important;
  flex-shrink: 0 !important;
}

/* STRICT 3-COLUMN GRID FIX */
.committee-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 25px !important;
  justify-content: center;
}

/* CARD STYLING */
.committee-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 30px 20px 24px 20px;
  border: 1px solid #e2e8f0;
  border-top: 4px solid #28A745;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
  transition: all 0.35s ease;
  position: relative;
}

.committee-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 35px rgba(35, 51, 174, 0.12);
  border-top-color: #2333AE;
}

.comm-header {
  text-align: center;
  margin-bottom: 15px;
  width: 100% !important;
}

/* PERFECT CIRCULAR IMAGE CONTAINER */
.comm-img-box {
  position: relative !important;
  margin: 0 auto 16px auto !important;
  width: 140px !important;
  height: 140px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background-color: #f8fafc;
  border: 4px solid #ffffff !important;
  box-shadow: 0 8px 20px rgba(35, 51, 174, 0.1) !important;
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
}

/* CIRCULAR IMAGE FITTING */
.comm-img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: top center !important;
  transition: transform 0.4s ease !important;
}

/* Card Hover Animations for Circle Image */
.committee-card:hover .comm-img-box {
  border-color: #28A745 !important;
  transform: scale(1.05) !important;
  box-shadow: 0 10px 25px rgba(40, 167, 69, 0.25) !important;
}

.committee-card:hover .comm-img {
  transform: scale(1.08) !important;
}

.comm-header h3 {
  margin: 12px 0 0 0;
  color: #2333AE;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.35;
}

/* CONTENT LIST */
.comm-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}

.comm-list li {
  font-size: 0.88rem;
  color: #0f172a;
  margin-bottom: 12px;
  line-height: 1.4;
}

.comm-list li:last-child {
  margin-bottom: 0;
}

.comm-list li strong {
  color: #64748b;
  display: block;
  font-size: 0.78rem;
  text-transform: uppercase;
  margin-bottom: 3px;
  letter-spacing: 0.5px;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 992px) {
  .committee-grid { 
    grid-template-columns: repeat(2, 1fr) !important; 
    gap: 20px !important;
  }
}

/* MOBILE VIEW (EXACT 10PX TOP MARGIN + CARDS GAP) */
@media (max-width: 600px) {
  .committee-section {
    margin-top: 10px !important;       /* Exact 10px margin on top */
    padding-top: 0 !important;          /* Zero extra top padding */
    padding-bottom: 30px !important;
  }

  .section-title-wrapper {
    margin: 0 auto 20px auto !important; 
  }

  .badge-tag.green-tag {
    margin-top: 0 !important;
  }

  .committee-grid { 
    grid-template-columns: 1fr !important; 
    gap: 25px !important;               /* Cards ke darmiyan proper 20px gap */
  }

  .section-title-wrapper h2 {
    font-size: 1.6rem !important;
  }

  .comm-img-box {
    width: 120px !important;
    height: 120px !important;
    margin-bottom: 12px !important;
  }

  .comm-header h3 {
    font-size: 1.05rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46aa8a7 *//* ======================================================
   STANDING COMMITTEES SECTION STYLES
   ====================================================== */
.committee-section {
  background: #F8F9FA;
  width: 100%;
}

.committee-container {
  max-width: 1200px;
  margin: 0 auto;
}

.green-tag { 
  background: rgba(40, 167, 69, 0.08) !important; 
  color: #28A745 !important; 
}

.committee-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.committee-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 30px 20px;
  border: 1px solid #e2e8f0;
  border-top: 4px solid #28A745;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}

.committee-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.1);
  border-top-color: #2333AE;
}

.comm-header {
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
}

.comm-img-box {
  margin: 0 auto 12px auto;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.comm-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}

.comm-header h3 {
  margin: 0;
  color: #2333AE;
  font-size: 1.2rem;
}

.comm-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}

.comm-list li {
  font-size: 0.88rem;
  color: #0f172a;
  margin-bottom: 12px;
  line-height: 1.4;
}

.comm-list li:last-child {
  margin-bottom: 0;
}

.comm-list li strong {
  color: #64748b;
  display: block;
  font-size: 0.78rem;
  text-transform: uppercase;
  margin-bottom: 2px;
}

@media (max-width: 992px) {
  .committee-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .committee-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  h2 {
    font-size: 1.5rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e536fb3 *//* ======================================================
   STANDING COMMITTEES SECTION STYLES
   ====================================================== */
.committee-section {
  background: #F8F9FA;
  width: 100%;
}

.committee-container {
  max-width: 1200px;
  margin: 0 auto;
}

.committee-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.committee-card {
  background: #ffff;
  border-radius: 20px;
  padding: 30px 20px;
  border: 1px solid #e2e8f0;
  border-top: 4px solid #28A745;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}

.committee-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.1);
  border-top-color: #2333AE;
}

.comm-header {
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
}

.comm-img-box {
  margin: 0 auto 12px auto;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.comm-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}

.comm-header h3 {
  margin: 0;
  color: #2333AE;
  font-size: 1.2rem;
}

.comm-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}

.comm-list li {
  font-size: 0.88rem;
  color: #0f172a;
  margin-bottom: 12px;
  line-height: 1.4;
}

.comm-list li:last-child {
  margin-bottom: 0;
}

.comm-list li strong {
  color: #64748b;
  display: block;
  font-size: 0.78rem;
  text-transform: uppercase;
  margin-bottom: 2px;
}

@media (max-width: 992px) {
  .committee-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .committee-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  h2 {
    font-size: 1.5rem;
  }
  
 
/* Container Box with Fixed Dimensions */

.comm-img-box {
  margin: 0 auto 15px auto;
  width: 90px;             /* Dimension increase ki hai taake profile image clear dikhe */
  height: 90px;            /* Equal height for a perfect square/circle */
  border-radius: 50%;      /* Circular mask */
  overflow: hidden;        /* Extra image boundaries ko clip karta hai */
  background-color: #f1f5f9; /* Fallback background for transparent images */
  border: 2px solid #e2e8f0; /* Subtle border for clean visual contrast */
  flex-shrink: 0;          /* Container size fix rakhta hai */
}

/* Image Fit & Aspect Ratio Handling */
.comm-img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* Stretch aur distortion ko khatam karta hai */
  object-position: center top; /* Focuses on face/top part of the picture */
  display: block;
}


/* ======================================================
   OFFICE BEARERS / COMMITTEE SECTION - FINAL COMPLETE FIX
   ====================================================== */

/* 1. Section Title Wrapper & Spacing Fix */
.section-title-wrapper {
  text-align: center !important;
  width: 100% !important;
  margin-bottom: 40px !important; 
  color: #2333AE !important;
}

.section-title-wrapper h2,
.section-title-wrapper h3,
.section-title-wrapper .section-title {
  color: #2333AE !important; /* Main Title Blue Color Fixed */
}

/* 2. Title Divider (Green Accent Line) */
.title-divider {
  width: 50px !important;
  height: 4px !important;
  background: #28A745 !important; /* Brand Green Accent */
  margin: 12px auto 0 auto !important;
  border-radius: 4px !important;
}

/* 3. Card Box, Borders & Center Alignment */

.committee-card {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 30px 20px !important;
  
  /* ALL BORDERS RESTORED */
  border: 1px solid #e2e8f0 !important;      /* Light border around card */
  border-top: 4px solid #28A745 !important;  /* Top Green Border */
  
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.3s ease !important;
}

/* Card Hover Effect */
.committee-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.1) !important;
  border-top-color: #2333AE !important;      /* Top border turns blue on hover */
}

/* 4. Text Center Alignment Fix */
.comm-header,
.comm-list {
  text-align: center !important;
  width: 100% !important;
}

.comm-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.comm-list li {
  text-align: center !important;
}

/* Green/Red Tag Badge (Centered) */
.badge-tag.green-tag {
  display: table !important;
  margin: 0 auto 15px auto !important; /* Automatic margins for exact horizontal centering */
  text-align: center !important;
  
  background: rgba(225, 29, 34, 0.08) !important; 
  color: #E11D22 !important;
  text-transform: uppercase;
  padding: 6px 18px !important;
  border-radius: 20px !important;
  font-size: 0.8rem !important;
  
  letter-spacing: 0.5px !important;
  box-shadow: 0 4px 12px rgba(225, 29, 34, 0.12) !important;
  white-space: nowrap !important;
}
}
@media (max-width: 768px) {
    .committee-card {
  margin-top: -10px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8bad787 *//* ======================================================
   MANAGEMENT COUNCIL SECTION (Green & Blue Theme)
   ====================================================== */

.mc-section {
  width: 100%;
  /*padding: 60px 20px;*/
}

.mc-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* SECTION HEADER CENTERING */
.section-title-wrapper {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 40px auto !important;
}

.badge-tag.red-tag {
  display: table !important;
  margin: 0 auto 12px auto !important;
  text-align: center !important;
  background: rgba(225, 29, 34, 0.08) !important;
  color: #E11D22 !important;
  text-transform: uppercase;
  padding: 6px 18px !important;
  border-radius: 20px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 4px 12px rgba(225, 29, 34, 0.12) !important;
  white-space: nowrap !important;
}

.section-title-wrapper h2 {
  color: #2333AE !important;
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  text-align: center !important;
  margin: 0 !important;
  width: 100% !important;
}

.title-divider {
  width: 50px !important;
  height: 4px !important;
  background-color: #28A745 !important;
  margin: 12px auto 0 auto !important;
  border-radius: 4px !important;
  display: block !important;
  flex-shrink: 0 !important;
}

/* 3-COLUMN GRID */
.mc-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 25px !important;
}

/* CARD CONTAINER (GREEN TOP BORDER) */
.mc-card {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 30px 20px 24px 20px !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 4px solid #28A745 !important; /* Green Top Border */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.35s ease !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* CARD HOVER -> SWITCHES TO BLUE BORDER */
.mc-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 18px 35px rgba(35, 51, 174, 0.12) !important;
  border-top-color: #2333AE !important; /* Changes to Blue on Hover */
}

/* CIRCULAR IMAGE BOX (140px x 140px) */
.mc-img-box {
  position: relative !important;
  margin: 0 auto 16px auto !important;
  width: 140px !important;
  height: 140px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  border: 4px solid #ffffff !important;
  box-shadow: 0 8px 20px rgba(35, 51, 174, 0.1) !important;
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
  flex-shrink: 0 !important;
}

/* PERFECT FITTING CIRCULAR IMAGE */
.mc-img-box img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: top center !important;
  transition: transform 0.4s ease !important;
  display: block !important;
}

/* HOVER ANIMATION FOR CIRCLE IMAGE (GREEN BORDER) */
.mc-card:hover .mc-img-box {
  border-color: #28A745 !important; /* Green Border on Hover */
  transform: scale(1.05) !important;
  box-shadow: 0 10px 25px rgba(40, 167, 69, 0.25) !important;
}

.mc-card:hover .mc-img-box img {
  transform: scale(1.08) !important;
}

/* TEXT CONTENT DETAILS */
.mc-details {
  padding: 0 !important;
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
}

.mc-details h3 {
  margin: 10px 0 6px 0 !important;
  color: #2333AE !important; /* Corporate Blue */
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.mc-title {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 992px) {
  .mc-grid { 
    grid-template-columns: repeat(2, 1fr) !important; 
    gap: 20px !important;
  }
}

/* MOBILE VIEW UPDATES (10PX TOP MARGIN + CARDS GAP) */
@media (max-width: 600px) {
  .mc-section {
    margin-top: 10px !important;       /* Exact 10px top margin */
    padding-top: 0 !important;          /* Removed extra top padding */
    padding-bottom: 30px !important;
  }

  .section-title-wrapper {
    margin: 0 auto 20px auto !important; /* Title ke niche ka space kam */
  }

  .badge-tag.red-tag {
    margin-top: 0 !important;
  }

  .mc-grid { 
    grid-template-columns: 1fr !important; 
    gap: 20px !important;               /* Cards ke darmiyan 20px gap */
  }

  .mc-card {
    padding: 20px 15px 18px 15px !important; /* Compact card padding */
  }

  .section-title-wrapper h2 {
    font-size: 1.6rem !important;
  }

  .mc-img-box {
    width: 120px !important;
    height: 120px !important;
    margin-bottom: 12px !important;
  }

  .mc-details h3 {
    font-size: 1.05rem !important;
    margin-top: 6px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ad13cc *//* ======================================================
   EXECUTIVE / EX-OFFICIO SECTION (3 Columns Grid)
   ====================================================== */

.exec-section {
  width: 100%;
  background: #F8F9FA;
  padding: 60px 20px;
}

.exec-container {
  max-width: 1200px;
  margin: 0 auto;
}

.red-tag { 
  background: rgba(225, 29, 34, 0.08) !important; 
  color: #E11D22 !important; 
}

/* 3 COLUMNS PER ROW */
.exec-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 25px !important;
}

/* CARD CONTAINER WITH GREEN TOP BORDER */
.exec-card {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 30px 20px 24px 20px !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 4px solid #28A745 !important; /* Green Accent */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.35s ease !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* HOVER EFFECT -> SWITCHES TO BLUE TOP BORDER */
.exec-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 18px 35px rgba(35, 51, 174, 0.12) !important;
  border-top-color: #2333AE !important; /* Blue on Hover */
}

/* ROUNDED CIRCULAR IMAGE BOX (140px x 140px) */
.exec-img-box {
  position: relative !important;
  width: 140px !important;
  height: 140px !important;
  margin: 0 auto 16px auto !important;
  border-radius: 50% !important; /* Perfect Circle */
  overflow: hidden !important;
  background: #f8fafc !important;
  border: 4px solid #ffffff !important;
  box-shadow: 0 8px 20px rgba(35, 51, 174, 0.1) !important;
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
  flex-shrink: 0 !important;
}

/* PERFECT FIT FOR CIRCULAR IMAGE */
.exec-img-box img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: top center !important;
  transition: transform 0.4s ease !important;
  display: block !important;
}

/* HOVER ANIMATION FOR CIRCULAR IMAGE */
.exec-card:hover .exec-img-box {
  border-color: #28A745 !important; /* Green Border on Hover */
  transform: scale(1.05) !important;
  box-shadow: 0 10px 25px rgba(40, 167, 69, 0.25) !important;
}

.exec-card:hover .exec-img-box img {
  transform: scale(1.08) !important;
}

/* DETAILS & TYPOGRAPHY */
.exec-details {
  padding: 0 !important;
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 100% !important;
}

.exec-details h3 {
  margin: 10px 0 6px 0 !important;
  color: #2333AE !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.exec-title {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 992px) {
  .exec-grid { 
    grid-template-columns: repeat(2, 1fr) !important; 
    gap: 15px !important;
  }
}

/* MOBILE VIEW UPDATES (REDUCED TOP SPACING + 20PX CARD GAP) */
@media (max-width: 600px) {
  .exec-section {
    margin-top: 10px !important;       /* Exact 10px top margin */
    padding-top: 0 !important;          /* Removed extra top padding */
    padding-bottom: 30px !important;
  }

  .exec-grid { 
    grid-template-columns: 1fr !important; 
    gap: 15px !important;               /* Cards ke darmiyan proper 20px gap */
  }

  .exec-card {
    padding: 20px 15px 18px 15px !important; /* Compact card padding */
  }

  .exec-img-box {
    width: 120px !important;
    height: 120px !important;
    margin-bottom: 12px !important;
  }

  .exec-details h3 {
    font-size: 1.05rem !important;
    margin-top: 6px !important;
  }
}

@media (max-width: 768px) {
  h2 {
    font-size: 1.5rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fe97852 *//* ======================================================
   STANDING COMMITTEES SECTION STYLES
   ====================================================== */
.committee-section {
  background: #F8F9FA;
  width: 100%;
}

.committee-container {
  max-width: 1200px;
  margin: 0 auto;
}

.green-tag { 
  background: rgba(40, 167, 69, 0.08) !important; 
  color: #28A745 !important; 
}

.committee-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.committee-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 30px 20px;
  border: 1px solid #e2e8f0;
  border-top: 4px solid #28A745;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}

.committee-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.1);
  border-top-color: #2333AE;
}

.comm-header {
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
}

.comm-img-box {
  margin: 0 auto 12px auto;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.comm-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}

.comm-header h3 {
  margin: 0;
  color: #2333AE;
  font-size: 1.2rem;
}

.comm-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}

.comm-list li {
  font-size: 0.88rem;
  color: #0f172a;
  margin-bottom: 12px;
  line-height: 1.4;
}

.comm-list li:last-child {
  margin-bottom: 0;
}

.comm-list li strong {
  color: #64748b;
  display: block;
  font-size: 0.78rem;
  text-transform: uppercase;
  margin-bottom: 2px;
}

@media (max-width: 992px) {
  .committee-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .committee-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  h2 {
    font-size: 1.5rem;
  }
}/* End custom CSS */