/* ========================= GLOBAL DESIGN TOKENS / HELPERS ========================= */
:root { --md-primary: #1E2F47; --md-accent: #C1272D; --md-text: #5B6472; --md-light-bg: #F8FAFC; --md-soft-blue: #F3F6FA; 
  --md-soft-red: rgba(193, 39, 45, 0.05); --md-white: #ffffff; --md-radius-sm: 9px; --md-radius-md: 16px; --md-radius-lg: 24px; 
  --md-shadow-sm: 0 12px 24px rgba(30, 47, 71, 0.08); --md-shadow-md: 0 18px 40px rgba(24, 42, 67, 0.08); 
  --md-shadow-lg: 0 24px 50px rgba(24, 42, 67, 0.12); --md-transition: all 0.3s ease; --md-primary-2: #243b5a; --md-accent-2: #e33b42; 
  --md-light: #f7f9fc; --md-border: rgba(30, 47, 71, 0.08); --md-heading: #1e2f47; --md-shadow: 0 12px 35px rgba(30, 47, 71, 0.08); --md-radius: 18px; }
.btn-md-primary { display: inline-flex; align-items: center; justify-content: center; 
  background: linear-gradient(135deg, #115ba3, #1b74c9); color: #ffffff; box-shadow: 0 14px 28px rgba(17, 91, 163, 0.28); border: none; padding: 12px 26px;
  border-radius: 50px; font-size: 14px; font-weight: 700; text-decoration: none; transition: var(--md-transition);}
.btn-md-primary:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 18px 34px rgba(17, 91, 163, 0.34); }
.btn-md-outline { display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.08); color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.25); padding: 12px 24px; border-radius: 50px; font-size: 14px; font-weight: 700; 
  text-decoration: none; transition: var(--md-transition); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.btn-md-outline:hover { color: #fff; background: rgba(255, 255, 255, 0.14); transform: translateY(-3px); }
.md-dark-text * { color: #fff; }
/* ========================= GLOBAL DESIGN SYSTEM - MDSIDA ========================= */
body { font-family: 'Roboto', sans-serif; color: var(--md-text); background: #ffffff; }
p{font-size: 13px;}
/* ========================= UNIVERSAL SECTION WRAPPER ========================= */
.md-section { position: relative; padding: 90px 0; overflow: hidden; background: #ffffff; }
.md-section-light { background: var(--md-light-bg); } .md-section .container { position: relative; z-index: 2; }
/* ========================= UNIVERSAL BACKGROUND SHAPES ========================= */
.md-shape-top { position: absolute; top: -110px; right: -70px; width: 360px; height: 360px; background: var(--md-soft-blue); border-radius: 50%; z-index: 0;}
.md-shape-bottom { position: absolute; bottom: -90px; left: -80px; width: 260px; height: 260px; background: var(--md-soft-red); border-radius: 50%;
  z-index: 0; }
/* ========================= UNIVERSAL SECTION HEADING ========================= */
.section-badge { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--md-accent);
  background: rgba(193, 39, 45, 0.07); padding: 8px 16px; border-radius: 50px; margin-bottom: 16px; }
.section-title { font-size: 24px; font-weight: 700; line-height: 1.2; color: var(--md-primary); margin-bottom: 14px; }
.section-subtitle { font-size: 15px; line-height: 1.8; color: var(--md-text); max-width: 700px; margin-bottom: 0; }
.section-text { font-size: 15px; line-height: 1.9; color: var(--md-text); margin-bottom: 16px; text-align: justify; }
/* ========================= UNIVERSAL BUTTONS / LINKS ========================= */
.section-btn { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; background: var(--md-primary);
  color: var(--md-white); padding: 12px 26px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px;
  border-radius: var(--md-radius-sm); transition: var(--md-transition); box-shadow: var(--md-shadow-sm); border: none; }
.section-btn:hover { background: var(--md-accent); color: var(--md-white); }
.section-link { display: inline-block; text-decoration: none; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px;
  color: var(--md-accent); position: relative; transition: var(--md-transition); }
.section-link::after { content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; background: var(--md-accent);
  transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; }
.section-link:hover::after { transform: scaleX(1); }
.section-link:hover { color: var(--md-primary); }
/* ========================= UNIVERSAL CARD ========================= */
.md-card { background: var(--md-white); border-radius: 18px; overflow: hidden; box-shadow: var(--md-shadow-md); border: 1px solid rgba(30, 47, 71, 0.05);
  transition: 0.35s ease; height: 100%; position: relative; }
.md-card:hover { transform: translateY(-8px); box-shadow: var(--md-shadow-lg); }
.md-card-body { padding: 24px; } .card-title-md { font-size: 16px; font-weight: 700; line-height: 1.45; color: var(--md-primary); margin-bottom: 14px; }
.card-text-md { font-size: 14px; line-height: 1.8; color: var(--md-text); margin-bottom: 18px; text-align: justify; }
/* ========================= UNIVERSAL IMAGE WRAPPER ========================= */
.section-image-wrap { position: relative; z-index: 2; padding: 35px 30px 30px 35px; }
.section-image-bg { position: absolute; top: 0; left: 0; width: 88%; height: 88%; background: #EAF1F8; border-radius: 28px; z-index: 1; }
.section-image-bg-accent { position: absolute; bottom: 0; right: 0; width: 160px; height: 160px; background: rgba(193, 39, 45, 0.08);
  border-radius: 24px; z-index: 1; }
.section-main-image { position: relative; z-index: 2; width: 100%; border-radius: 24px; object-fit: cover; box-shadow: 0 20px 50px rgba(24, 42, 67, 0.12);
  border: 1px solid rgba(30, 47, 71, 0.06); }
.section-image-line { position: absolute; bottom: 12px; left: 55px; width: 120px; height: 6px; border-radius: 20px;
  background: linear-gradient(90deg, #1E2F47 0%, #C1272D 100%); z-index: 3; }
/* ========================= RESPONSIVE ========================= */
@media (max-width: 1199px) {
  .section-title { font-size: 34px; }
  .card-title-md { font-size: 18px; }
}
@media (max-width: 991px) {
  .md-section { padding: 70px 0; }
  .section-title { font-size: 30px; }
  .section-image-wrap { padding: 25px 20px 20px 25px; }
  .section-image-bg { width: 90%; height: 90%; }
  .section-image-bg-accent { width: 120px; height: 120px; }
}
@media (max-width: 767px) {
  .section-title { font-size: 21px; line-height: 1.35; }
  .section-subtitle, .section-text { font-size: 14px; line-height: 1.8; }
  .md-card-body { padding: 20px; }
  .md-shape-top { width: 220px; height: 220px; top: -60px; right: -60px; }
  .md-shape-bottom { width: 160px; height: 160px; bottom: -50px; left: -50px; }
  .section-image-line { left: 35px; width: 90px; }
}
/* ========================= TOP BAR ========================= */
.md-topbar { background: linear-gradient(90deg, var(--md-primary), var(--md-primary-2)); position: relative; z-index: 1050;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.md-topbar-inner { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.md-topbar-left, .md-topbar-right { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.md-topbar a { color: rgba(255, 255, 255, 0.88); text-decoration: none; font-size: 13px; font-weight: 500; transition: var(--md-transition);}
.md-topbar a:hover { color: #fff; } .md-topbar-divider { width: 1px; height: 12px; background: rgba(255, 255, 255, 0.2); }
@media (max-width: 767px) { .md-topbar { display: none; } }
/* ========================= NAVBAR ========================= */
.md-navbar { background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(10px); /*position: sticky;*/ top: 0; z-index: 1040;
  box-shadow: 0 6px 18px rgba(30, 47, 71, 0.05); border-bottom: 1px solid rgba(30, 47, 71, 0.04); }
.md-navbar .container { min-height: 88px; }
.md-navbar-brand { padding: 0px !important; }
/*.md-logo-card { background: #fff; border-radius: 18px; padding: 8px 14px; box-shadow: 0 8px 22px rgba(30, 47, 71, 0.08); display: flex; 
  align-items: center; justify-content: center; }*/
.md-logo-card img { height: 90px; width: auto; object-fit: contain; display: block; }
.md-navbar-menu .nav-link { color: var(--md-heading); font-size: 14px; font-weight: 600; padding: 10px 14px !important; position: relative;
  transition: var(--md-transition); }
.md-navbar-menu .nav-link:hover, .md-navbar-menu .nav-link.active { color: var(--md-accent); }
.md-navbar-menu .nav-link:not(.dropdown-toggle)::after {
  content: "";
  position: absolute;
  left: 14px;
  bottom: 4px;
  width: 0;
  height: 2px;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--md-accent), var(--md-accent-2));
  transition: var(--md-transition);
}
.md-navbar-menu .nav-link:not(.dropdown-toggle):hover::after,
.md-navbar-menu .nav-link.active:not(.dropdown-toggle)::after {display: none;
  width: 40px;
}
.md-nav-cta { margin-left: 18px; }
.md-navbar-toggler { border: none; box-shadow: none !important; padding: 8px; }
.md-navbar-toggler .navbar-toggler-icon { filter: brightness(0.2); }
@media (max-width: 991px) {
  .md-navbar .container { min-height: 78px; }
  .md-logo-card img { height: 48px; }
  .md-navbar .navbar-collapse { background: #fff; margin-top: 14px; padding: 18px; border-radius: 18px; text-align: center;
    box-shadow: var(--md-shadow); border: 1px solid var(--md-border); }
  .md-navbar-menu .nav-link { padding: 10px 0 !important; }
  .md-navbar-menu .nav-link::after { left: 0; bottom: 2px; }
  .md-navbar-menu .nav-link:hover::after, .md-navbar-menu .nav-link.active::after { width: 10px; }
  .md-nav-cta { margin-left: 0; margin-top: 14px; }
  .md-navbar-menu .nav-link:not(.dropdown-toggle)::after{left: 128px;}
}
.navbar .dropdown-toggle { background: none; border: none; padding: 10px 14px; font-size: 14px; font-weight: 600; color: var(--md-heading); }
.navbar .dropdown-toggle:hover { color: var(--md-accent); }
.navbar .dropdown-menu .dropdown-item:hover { background-color: rgba(255,255,255,0.08); color: #ffffff; }
.navbar .dropdown-menu .dropdown-item { color: #ffffff; } .navbar .dropdown-menu { background-color: #1E2F47; border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08); }
.dropdown-toggle::after { display: inline-block; margin-left: 6px; vertical-align: middle; content: ""; border-top: 5px solid currentColor;
  border-right: 5px solid transparent; border-left: 5px solid transparent; }
.md-hero-video-slide { position: relative; overflow: hidden; }
.md-hero-video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); z-index: 0; }
.md-hero-video-slide .md-hero-overlay, .md-hero-video-slide .md-hero-grid, .md-hero-video-slide .md-hero-glow, .md-hero-video-slide .container, 
.md-hero-video-slide .md-hero-bottom-line { position: relative; z-index: 2; }
/***********************************video-section*********************************/
.md-video-showcase .video-box { position: relative; max-width: 900px; margin: auto; border-radius: 24px; overflow: hidden; box-shadow: var(--md-shadow-lg); 
  background: #000; }
.video-element { width: 100%;height: auto; display: block; border-radius: 24px; object-fit: cover;}
@media (max-width: 767px) {.video-element { height: 220px; }}
.video-sound-btn { position: absolute; bottom: 15px; right: 15px; width: 44px; height: 44px; border-radius: 50%; border: none; cursor: pointer; 
  background: rgba(0,0,0,0.55); backdrop-filter: blur(6px); color: #fff; font-size: 16px; display: flex; align-items: center; justify-content: center;
  transition: 0.3s ease; }
.video-sound-btn:hover { background: rgba(0,0,0,0.75); transform: scale(1.08); }
/* ========================= HERO SLIDER - PREMIUM CENTER ========================= */
.md-hero-slider { position: relative; overflow: hidden; background: #0b1f33; }
.md-hero-slide { position: relative; min-height: 92vh; display: flex; align-items: center; background-size: cover; background-position: center center;
  background-repeat: no-repeat; overflow: hidden; }
.md-hero-min-height { min-height: 92vh; }
.md-hero-overlay { position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(8, 22, 38, 0.4) 0%, rgba(8, 22, 38, 0.55) 55%, rgba(8, 22, 38, 0.55) 100%), 
  linear-gradient(90deg, rgba(10, 28, 48, 0.25) 0%, rgba(10, 28, 48, 0.4) 100%); z-index: 1; }
.md-hero-grid { position: absolute; inset: 0; z-index: 1; opacity: 0.08; background-image: linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px), 
  linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px); background-size: 42px 42px; 
  mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 20%, rgba(0,0,0,0.35) 65%, transparent 100%); 
  -webkit-mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 20%, rgba(0,0,0,0.35) 65%, transparent 100%); }
.md-hero-glow { position: absolute; border-radius: 50%; filter: blur(8px); z-index: 1; pointer-events: none; animation: mdFloatGlow 8s ease-in-out infinite;}
.md-hero-glow.glow-1 { width: 320px; height: 320px; top: 14%; left: 10%; 
  background: radial-gradient(circle, rgba(33, 150, 243, 0.18) 0%, rgba(33, 150, 243, 0.04) 55%, transparent 75%); }
.md-hero-glow.glow-2 { width: 280px; height: 280px; bottom: 12%; right: 10%; 
  background: radial-gradient(circle, rgba(255, 255, 255, 0.10) 0%, rgba(255,255,255,0.03) 50%, transparent 75%); animation-delay: 1.5s; }
@keyframes mdFloatGlow { 0%, 100% { transform: translateY(0px) scale(1); } 50% { transform: translateY(-14px) scale(1.04); } }
.md-hero-content { position: relative; z-index: 3; max-width: 820px; margin: 0 auto; padding: 40px 0 90px; animation: mdHeroContentIn 0.9s ease both; }
.carousel-item.active .md-hero-content .md-hero-badge { animation: mdFadeUp 0.7s ease 0.15s both; }
.carousel-item.active .md-hero-content .md-hero-title { animation: mdFadeUp 0.8s ease 0.3s both; }
.carousel-item.active .md-hero-content .md-hero-text { animation: mdFadeUp 0.8s ease 0.45s both; }
.carousel-item.active .md-hero-content .md-hero-actions { animation: mdFadeUp 0.8s ease 0.6s both; }
@keyframes mdFadeUp { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }
@keyframes mdHeroContentIn { from { opacity: 0; } to { opacity: 1; } }
.md-hero-badge { display: inline-flex; align-items: center; justify-content: center; padding: 10px 18px; border-radius: 999px; 
  background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  color: #ffffff; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; margin-bottom: 22px; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12); }
.md-hero-title { font-size: 45px; line-height: 1.08; font-weight: 800; color: #ffffff; margin: 0 0 18px; letter-spacing: -0.02em; 
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); }
.md-hero-text { font-size: 1.08rem; line-height: 1.75; color: rgba(255, 255, 255, 0.88); max-width: 680px; margin: 0 auto 28px; }
.md-hero-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.md-hero-bottom-line { position: absolute; left: 50%; bottom: 0; width: min(420px, 70%); height: 3px; transform: translateX(-50%); 
  background: linear-gradient(90deg, transparent, rgba(68, 170, 255, 0.95), transparent); z-index: 3; border-radius: 999px; 
  box-shadow: 0 0 18px rgba(68, 170, 255, 0.35); }
.md-hero-control { width: 60px; opacity: 1; z-index: 4; }
.md-hero-control .carousel-control-prev-icon, .md-hero-control .carousel-control-next-icon { width: 46px; height: 46px; border-radius: 50%; 
  background-size: 16px; background-color: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.14); 
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: all 0.3s ease; }
.md-hero-control:hover .carousel-control-prev-icon, .md-hero-control:hover .carousel-control-next-icon { background-color: rgba(255, 255, 255, 0.18); 
  transform: scale(1.05); }
.md-hero-indicators { bottom: 28px; z-index: 5; margin-bottom: 0; gap: 10px; }
.md-hero-indicators [data-bs-target] { width: 34px; height: 6px; border: 0; border-radius: 999px; margin: 0;
  background-color: rgba(255, 255, 255, 0.28); opacity: 1; transition: all 0.3s ease; }
.md-hero-indicators .active { width: 52px; background: linear-gradient(90deg, #49a5ff, #ffffff); }
@media (max-width: 1199px) { 
  .md-hero-slide, .md-hero-min-height { min-height: 86vh; }
  .md-hero-content { padding: 30px 0 85px; }
}
@media (max-width: 991px) {
  .md-hero-slide, .md-hero-min-height { min-height: 78vh; }
  .md-hero-title { font-size: clamp(2rem, 7vw, 3.4rem); }
  .md-hero-text { font-size: 1rem; line-height: 1.7; }
  .md-hero-control { display: none; }
  .md-hero-glow.glow-1 { width: 240px; height: 240px; }
  .md-hero-glow.glow-2 { width: 220px; height: 220px; }
}
@media (max-width: 767px) {
  .md-hero-slide, .md-hero-min-height { min-height: 72vh; }
  .md-hero-content { padding: 24px 0 80px; }
  .md-hero-badge { font-size: 12px; padding: 8px 14px; margin-bottom: 16px; }
  .md-hero-title { line-height: 1.14; margin-bottom: 14px; }
  .md-hero-text { font-size: 0.95rem; margin-bottom: 22px; }
  .md-hero-actions { gap: 10px; }
  .btn-md-primary, .btn-md-outline { min-width: auto; padding: 13px 20px; font-size: 14px; }
  .md-hero-indicators { bottom: 18px; }
  .md-hero-indicators [data-bs-target] { width: 26px; height: 5px; }
  .md-hero-indicators .active { width: 40px; }
}
/***********************About-us******************************************/
.about-content-custom { position: relative; z-index: 2; }
.about-feature-list { margin-top: 24px; }
.about-feature-item { display: flex; align-items: center; font-size: 14px; font-weight: 500; color: var(--md-primary); margin-bottom: 14px; line-height: 1.6;}
.feature-dot { width: 10px; height: 10px; background: var(--md-accent); border-radius: 50%; display: inline-block; margin-right: 12px; 
  box-shadow: 0 0 0 6px rgba(193, 39, 45, 0.08); flex-shrink: 0; }
@media (max-width: 767px) { .about-feature-item { font-size: 13px; align-items: flex-start; } }
/* ========================= LATEST NEWS - MINIMAL EXTRA CSS (Uses universal classes) ========================= */
.news-image-wrap { position: relative; overflow: hidden; }
.news-image { width: 100%; height: 240px; object-fit: contain; transition: 0.5s ease; }
.news-card-custom:hover .news-image { transform: scale(1.05); }
.news-date-badge { position: absolute; bottom: 16px; left: 16px; background: rgba(30, 47, 71, 0.92); color: #ffffff; font-size: 11px; font-weight: 700;
  padding: 8px 12px; border-radius: 50px; letter-spacing: 0.5px; }
.news-title-fixed { min-height: 75px; }
@media (max-width: 991px) { .news-image { height: 220px; } .news-title-fixed { min-height: auto; } }
@media (max-width: 767px) { .news-image { height: 210px; } }
/* ========================= LATEST ARTICLES - Minimal Personal CSS ========================= */
.article-featured-img { width: 100%; height: 340px; object-fit: cover; object-position: center center; display: block; }
.article-mini-badge { display: inline-flex; align-items: center; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px;
  color: var(--md-primary); background: rgba(15, 43, 70, 0.06); padding: 6px 12px; border-radius: 50px; }
.article-list-btn { border: 0; width: 100%; background: #fff; text-align: left; transition: all 0.3s ease; border-left: 3px solid transparent; }
.article-list-btn:hover, .article-list-btn.active { border-left-color: var(--md-primary); transform: translateX(4px); 
  box-shadow: 0 14px 30px rgba(15, 43, 70, 0.08); }
@media (max-width: 991px) { .article-featured-img { height: 300px; } }
@media (max-width: 767px) { .article-featured-img { height: 240px; } .article-list-btn:hover, .article-list-btn.active { transform: none; } }
/* ========================= QUICK ACCESS SECTION (Personal CSS only) ========================= */
.feature-link-card { display: block; text-decoration: none; height: 100%; }
.feature-access-card { position: relative; overflow: hidden; border: 0; border-radius: 18px; background: linear-gradient(135deg, #0f2b46 0%, #163e63 100%);
  color: #ffffff; transition: all 0.35s ease; box-shadow: 0 14px 30px rgba(15, 43, 70, 0.10); }
.feature-access-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; 
  background: linear-gradient(90deg, #5fb6ff, #ffffff); opacity: 0.95; }
.feature-access-card::after { content: ""; position: absolute; top: -35px; right: -35px; width: 110px; height: 110px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.05); transition: all 0.35s ease; }
.feature-access-card .section-mini-title, .feature-access-card .card-text-md, .feature-access-card .section-link { color: #ffffff; }
.feature-access-card .card-text-md { opacity: 0.88; }
.feature-access-card .section-link { color: #8fd0ff; font-weight: 600; transition: all 0.3s ease; }
.feature-access-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(15, 43, 70, 0.18); }
.feature-access-card:hover::after { transform: scale(1.15); }
.feature-access-card:hover .section-link { color: #ffffff; }
.feature-mini-label { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #bfe4ff;
  background: rgba(255, 255, 255, 0.10); padding: 6px 12px; border-radius: 50px; }
@media (max-width: 767px) { .feature-access-card:hover { transform: none; } }
/* ========================= MEMBERSHIP TABS SECTION (Personal CSS only) ========================= */
.membership-tabs-wrap { margin-top: 30px; margin-bottom: 32px; }
.membership-tabs { gap: 14px; flex-wrap: wrap; }
.membership-tab-btn { min-width: 220px; padding: 14px 28px; border-radius: 999px !important; border: 1px solid rgba(15, 43, 70, 0.08) !important;
  background: #ffffff !important; color: var(--md-dark) !important; font-size: 15px; font-weight: 600; transition: all 0.3s ease; 
  box-shadow: 0 8px 22px rgba(15, 43, 70, 0.05); }
.membership-tab-btn:hover { color: var(--md-primary) !important; transform: translateY(-2px); }
.membership-tab-btn.active { background: linear-gradient(135deg, var(--md-primary), #1b74c9) !important; color: #ffffff !important;
  border-color: transparent !important; box-shadow: 0 14px 28px rgba(17, 91, 163, 0.22); }
.membership-panel { background: #f8fbff; border: 1px solid rgba(17, 91, 163, 0.08); border-radius: 24px; padding: 34px; 
  box-shadow: 0 14px 34px rgba(15, 43, 70, 0.06); }
.member-card { height: 100%; transition: all 0.3s ease; }
.member-card:hover { transform: translateY(-6px); }
.member-logo-wrap { height: 180px; background: linear-gradient(180deg, #ffffff, #f1f7ff); display: flex; align-items: center; justify-content: center;
  padding: 24px; border-bottom: 1px solid rgba(15, 43, 70, 0.05); }
.member-logo-wrap img { max-width: 100%; max-height: 155px; object-fit: contain; }
@media (max-width: 991px) { .membership-panel { padding: 24px; } }
@media (max-width: 767px) { 
  .membership-tabs-wrap { margin-top: 24px; margin-bottom: 24px; }
  .membership-tab-btn { min-width: auto; width: 100%; padding: 13px 18px; font-size: 14px; }
  .membership-tabs { gap: 10px; } .membership-panel { padding: 18px; border-radius: 18px; }
  .member-logo-wrap { height: 150px; padding: 18px; }
}
/* ================= MEMBERS SEARCH ================= */
.membership-search-wrap{ display:flex; justify-content:center; margin-bottom:32px; }
.membership-search-box{ position:relative; width:100%; max-width:520px; }
.membership-search-input{ width:100%; height:58px; border-radius:999px; border:2px solid rgba(17,91,163,0.08); background:#ffffff; padding:0 24px 0 58px;
  font-size:15px; font-weight:500; color:var(--md-dark); outline:none; box-shadow: 0 10px 25px rgba(15,43,70,0.06); transition:all 0.3s ease; }
.membership-search-input:focus{ border-color:#d72638; box-shadow: 0 0 0 5px rgba(215,38,56,0.08), 0 18px 35px rgba(15,43,70,0.10); transform:translateY(-2px); }
.membership-search-input::placeholder{ color:#8b97a7; font-weight:500; }
.membership-search-icon{ position:absolute; top:50%; left:22px; transform:translateY(-50%); font-size:15px; color:var(--md-primary); z-index:2; transition:0.3s ease; }
.membership-search-box:focus-within .membership-search-icon{ color:#d72638; } /* MOBILE */ @media(max-width:767px){ .membership-search-wrap{ margin-bottom:24px; }
.membership-search-input{ height:54px; font-size:14px; } }
/* ========================= FAQ SECTION (Personal CSS only) ========================= */
.faq-side-card { border-left: 3px solid var(--md-primary); }
.faq-accordion .accordion-item { border: 0; border-radius: 16px !important; overflow: hidden; margin-bottom: 16px; background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 43, 70, 0.06); transition: all 0.3s ease; }
.faq-button { font-size: 15px; font-weight: 600; color: var(--md-dark); background: #ffffff; padding: 18px 22px; box-shadow: none !important; 
  border: 0 !important; }
.faq-button:focus { box-shadow: none; border: 0; }
.faq-button:not(.collapsed) { color: var(--md-primary); background: #eef6ff; }
.faq-body { font-size: 14px; line-height: 1.8; color: var(--md-text); padding: 0 22px 20px; background: #eef6ff; }
.faq-item:has(.accordion-button:not(.collapsed)) { box-shadow: 0 16px 34px rgba(15, 43, 70, 0.10); border-left: 3px solid var(--md-primary); }
.faq-button::after { filter: brightness(0) saturate(100%) invert(17%) sepia(22%) saturate(1206%) hue-rotate(169deg) brightness(95%) contrast(92%); }
@media (max-width: 767px) { .faq-button { font-size: 14px; padding: 16px 18px; } .faq-body { font-size: 13px; padding: 0 18px 18px; } }
/* ========================================= Footer ========================================= */
.mdsida-footer-pro { position: relative; background: #081624; color: rgba(255, 255, 255, 0.82); overflow: hidden; }
.footer-tech-line { height: 4px; background: linear-gradient(90deg, #115ba3 0%, #4aa8ff 50%, #115ba3 100%); box-shadow: 0 0 18px rgba(74, 168, 255, 0.35);}
.mdsida-footer-pro .footer-main { position: relative; padding: 64px 0 28px; 
  background: radial-gradient(circle at 15% 20%, rgba(17, 91, 163, 0.14), transparent 30%), radial-gradient(circle at 85% 15%, rgba(74, 168, 255, 0.08), 
    transparent 28%), linear-gradient(180deg, #0a1a2b 0%, #081624 100%); }
.footer-tech-pattern { position: absolute; inset: 0; pointer-events: none; opacity: 0.06; 
  background-image: linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
  background-size: 34px 34px; }
.footer-top-wrap { position: relative; margin-bottom: 34px; padding: 0 0 28px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.footer-brand-title { font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 700; line-height: 1.2; color: #ffffff; }
.footer-social-box { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; padding: 18px 18px;
  text-align: center; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.footer-social-label { display: block; font-size: 0.85rem; font-weight: 600; letter-spacing: 0.03em; color: rgba(255, 255, 255, 0.75); margin-bottom: 12px;}
.footer-social-strip { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.social-strip-item { width: 42px; height: 42px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; 
  background: rgba(17, 91, 163, 0.16); border: 1px solid rgba(74, 168, 255, 0.18); color: #ffffff; text-decoration: none; font-size: 15px;
  transition: all 0.3s ease; }
.social-strip-item:hover { color: #ffffff; background: rgba(74, 168, 255, 0.18); border-color: rgba(74, 168, 255, 0.3); transform: translateY(-2px); }
.footer-content-row { position: relative; z-index: 2; }.footer-panel { height: 100%; padding: 26px 22px; border-radius: 22px; 
  background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.footer-panel-highlight { background: linear-gradient(180deg, rgba(17, 91, 163, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%); 
  border-color: rgba(74, 168, 255, 0.16); }
.footer-heading { font-size: 1rem; font-weight: 700; color: #ffffff; margin-bottom: 12px; }
.footer-divider { width: 48px; height: 3px; border-radius: 999px; margin-bottom: 18px; background: linear-gradient(90deg, #49a5ff, rgba(255, 255, 255, 0.4));}
.footer-contact-list { display: flex; flex-direction: column; gap: 16px; }
.footer-contact-item { display: flex; align-items: flex-start; gap: 12px; }
.footer-contact-icon { width: 34px; height: 34px; border-radius: 10px; flex-shrink: 0; display: inline-flex; align-items: center; 
  justify-content: center; background: rgba(17, 91, 163, 0.14); border: 1px solid rgba(74, 168, 255, 0.14); color: #7ec1ff; font-size: 13px; }
.footer-contact-text, .footer-contact-text a { font-size: 0.95rem; line-height: 1.7; color: rgba(255, 255, 255, 0.78); text-decoration: none; }
.footer-contact-text a:hover { color: #ffffff; }
.footer-link-list { display: flex; flex-direction: column; gap: 10px; }
.footer-link-list li { margin: 0; }
.footer-link-list a { position: relative; display: inline-block; padding-left: 14px; font-size: 0.95rem; line-height: 1.55; color: rgba(255, 255, 255, 0.78);
  text-decoration: none; transition: all 0.25s ease; }
.footer-link-list a::before { content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%;
  background: rgba(74, 168, 255, 0.7); }
.footer-link-list a:hover { color: #ffffff; padding-left: 10px; }
.footer-powered { display: inline-flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 14px; 
  background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); }
.footer-powered img { width: 36px; height: 36px; object-fit: contain; border-radius: 10px; }
.footer-powered span { font-size: 0.9rem; color: rgba(255, 255, 255, 0.78); font-weight: 500; }
.footer-bottom-bar { position: relative; z-index: 2; padding: 18px 0; background: rgba(0, 0, 0, 0.18); border-top: 1px solid rgba(255, 255, 255, 0.06); }
.footer-copy-text { font-size: 0.9rem; color: rgba(255, 255, 255, 0.68); }
.footer-bottom-links { display: inline-flex; align-items: center; gap: 16px; }
.footer-cookie-link { font-size: 0.9rem; color: rgba(255, 255, 255, 0.72); text-decoration: none; transition: color 0.25s ease; }
.footer-cookie-link:hover { color: #ffffff; }
@media (max-width: 1199px) { .footer-panel { padding: 22px 18px; } }
@media (max-width: 991px) {
  .mdsida-footer-pro .footer-main { padding: 52px 0 24px; }
  .footer-top-wrap { margin-bottom: 28px; padding-bottom: 24px; }
  .footer-social-box { text-align: left; }
  .footer-social-strip { justify-content: flex-start; }
  .footer-divider{margin-bottom: 0px !important;}
}
@media (max-width: 767px) {
  .mdsida-footer-pro .footer-main { padding: 42px 0 20px; }
  .footer-panel { border-radius: 18px; }
  .footer-brand-title { font-size: 1.35rem; }
  .footer-heading { font-size: 0.95rem; }
  .footer-link-list a, .footer-contact-text, .footer-contact-text a { font-size: 0.92rem; }
  .footer-bottom-bar { padding: 16px 0; text-align: center; }
  .footer-bottom-links { justify-content: center; } 
}
/* Toggle header recheck*/
.footer-toggle { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.footer-icon { display: none; font-size: 18px; transition: 0.3s; }
@media (max-width: 767px) {
  .footer-icon { display: block; }
  .footer-panel.active .footer-icon { transform: rotate(45deg); }
}
@media (max-width: 767px) {
  .footer-contact-list,
  .footer-link-list,
  .footer-powered { display: none; }
  .footer-panel.active .footer-contact-list,
  .footer-panel.active .footer-link-list,
  .footer-panel.active .footer-powered { display: block; margin-top: 15px; }
  .footer-icon { display: block; font-size: 20px; }
  .footer-panel.active .footer-icon { transform: rotate(45deg);}
  .footer-toggle {  cursor: pointer; position: relative; z-index: 9999;}
}
/* ================= MEDIA HUB ================= */
.md-media-hub .media-card { background: rgba(255,255,255,0.7); border-radius: 22px; backdrop-filter: blur(10px); border: 1px solid var(--md-border);
  box-shadow: var(--md-shadow-md); overflow: hidden; transition: 0.4s ease; height: 100%; }
.md-media-hub .media-card:hover { transform: translateY(-10px); box-shadow: var(--md-shadow-lg); }
/* ================= VIDEO ================= */
.media-thumb { position: relative; overflow: hidden; }
.media-thumb img { width: 100%; transition: 0.5s ease; }
.media-card:hover .media-thumb img { transform: scale(1.08); }
.media-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0.6)); display: flex; align-items: center;
  justify-content: center; }
.play-btn-modern { width: 70px; height: 70px; background: #ff0000; color: #fff; border-radius: 50%; display: flex; align-items: center; 
  justify-content: center; font-size: 26px; transition: 0.3s; }
.play-btn-modern:hover { transform: scale(1.15); }
/* ================= BODY ================= */
.media-body { padding: 20px; text-align: left; }
.media-body h5 { font-size: 16px; font-weight: 700; color: var(--md-primary); }
.media-body p { font-size: 14px; color: var(--md-text); margin-top: 6px; }
.video-wrapper { position: relative; cursor: pointer; }
.video-wrapper img { width: 100%; display: block; border-radius: 0; }
.video-container { display: none; width: 100%; aspect-ratio: 16 / 9; }
.video-container iframe { width: 100%; height: 100%; border: 0; display: block; }
/***********************inner-banner********************/
.md-inner-banner-simple { position: relative; padding: 120px 0; overflow: hidden; text-align: center; }
.banner-bg { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: 0; transform: scale(1.05);}
.banner-overlay { position: absolute; inset: 0; background: linear-gradient( 135deg, rgba(30,47,71,0.85), rgba(30,47,71,0.75) ); z-index: 1; }
.banner-content-center { position: relative; z-index: 2; }
.banner-title-center { font-size: 42px; font-weight: 700; color: #fff; display: inline-block; padding: 14px 32px; border-radius: 50px;
  background: rgba(255,255,255,0.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
.md-inner-banner-simple .md-shape-top { background: rgba(255,255,255,0.08); }
.md-inner-banner-simple .md-shape-bottom { background: rgba(193,39,45,0.15); }
/* ================= RESPONSIVE ================= */
@media (max-width: 991px) { .md-inner-banner-simple { padding: 90px 0; } .banner-title-center { font-size: 28px; padding: 10px 22px; } }
/*******************************Application-form********************/
.md-input { border-radius: 12px; border: 1px solid var(--md-border); padding: 12px 14px; font-size: 14px; transition: 0.3s; }
.md-input:focus { border-color: var(--md-accent); box-shadow: 0 0 0 3px rgba(193,39,45,0.1); }
.md-membership-form label { font-size: 13px; font-weight: 600; margin-bottom: 6px; color: var(--md-primary); }
.radio-box { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--md-border); 
  cursor: pointer; transition: 0.3s; }
.radio-box input { accent-color: var(--md-accent); }
.radio-box:hover { background: var(--md-soft-blue); }
.md-membership-form .md-card { padding: 10px; }
.doc-title { font-size: 16px; font-weight: 700; color: var(--md-primary); }
.doc-row { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--md-border); gap: 20px; }
.doc-label { font-size: 14px; color: var(--md-primary); font-weight: 500; }
.doc-options { display: flex; gap: 30px; }
.doc-options label { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--md-primary); cursor: pointer; }
.doc-options input[type="radio"] { accent-color: var(--md-accent); transform: scale(1.1); }
/* ================= MOBILE ================= */
@media (max-width: 768px) { 
  .doc-row { flex-direction: column; align-items: flex-start; }
  .doc-options { margin-top: 8px; } 
}
.form-section-title { font-size: 15px; font-weight: 700; color: var(--md-primary); margin-bottom: 18px; }
.form-sub-title { font-size: 14px; font-weight: 600; color: var(--md-primary); }
.radio-group-inline { display: flex; gap: 30px; }
.radio-group-inline label { display: flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; color: var(--md-primary); }
.radio-box { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--md-border); 
  cursor: pointer; transition: 0.3s; } .radio-box input { accent-color: var(--md-accent); }
.radio-box:hover { background: var(--md-soft-blue); }
.md-input { border-radius: 12px; border: 1px solid var(--md-border); padding: 12px; }
@media (max-width: 768px) { .radio-group-inline { flex-direction: column; gap: 10px; } }
/* ================= LOGO UPLOAD ================= */
.md-logo-upload-box{ width:100%; border:2px dashed rgba(17,91,163,0.25); border-radius:22px; background:#f8fbff; display:flex; flex-direction:column; 
  align-items:center; justify-content:center; text-align:center; cursor:pointer; transition:0.35s ease; padding:24px; }
.md-logo-upload-box:hover{ border-color:var(--md-primary); background:#eef6ff; transform:translateY(-3px); }
.md-logo-upload-box i{ font-size:42px; color:var(--md-primary); margin-bottom:14px; }
.md-logo-upload-box span{ font-size:16px; font-weight:700; color:var(--md-primary); display:block; margin-bottom:6px; }
.md-logo-upload-box small{ color:#6c757d; font-size:13px; }
.membership-type-wrap{ display:flex; gap:18px; margin-left:auto; margin-right:auto; }
.membership-option{ margin: 0; cursor: pointer; }
.membership-option input{ display: none; }
.membership-option-box{ display: flex; align-items: center; gap: 14px; padding: 16px 22px; border-radius: 18px; border: 2px solid rgba(17,91,163,0.12);
  background: #fff; transition: 0.3s ease; }
.membership-option-box h5{ margin: 0 0 3px; font-size: 16px; font-weight: 700; color: var(--md-primary); }
.membership-option-box p{ margin: 0; font-size: 13px; color: #6c757d; }
.custom-radio{ width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--md-primary); position: relative; flex-shrink: 0; }
.custom-radio::after{ content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--md-primary); position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%) scale(0); transition: 0.3s ease; }
.membership-option input:checked + .membership-option-box{ border-color: var(--md-primary); background: linear-gradient(135deg, #f4f9ff, #eef6ff);
  box-shadow: 0 10px 24px rgba(17,91,163,0.10); }
.membership-option input:checked + .membership-option-box .custom-radio::after{ transform: translate(-50%, -50%) scale(1); }
@media(max-width:767px){ .membership-type-wrap{ width: 100%; flex-direction: column; } .membership-option-box{ width: 100%; } }
/************************contact-us**********************************/
.md-contact .md-card { border-radius: 20px; }
.contact-item { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px; }
.contact-item i { width: 42px; height: 42px; border-radius: 12px; background: var(--md-soft-blue); display: flex; align-items: center; 
  justify-content: center; color: var(--md-primary); font-size: 16px; flex-shrink: 0; }
.contact-item p { margin: 4px 0 0; font-size: 14px; color: var(--md-text); }
.md-input { border-radius: 12px; border: 1px solid var(--md-border); padding: 12px 14px; font-size: 14px; transition: var(--md-transition); }
.md-input:focus { border-color: var(--md-primary); box-shadow: 0 0 0 3px rgba(30, 47, 71, 0.05); } 
.btn-md-primary { margin-top: 10px; }
@media (max-width: 991px) { .contact-item { gap: 10px; } .contact-item i { width: 36px; height: 36px; font-size: 14px; } }
/****************************************About Us******************************/
/*************counters****************/
.counter-box { padding: 30px 20px; border-radius: 18px; background: var(--md-white); box-shadow: var(--md-shadow-sm); transition: 0.3s; }
.counter-box:hover { transform: translateY(-6px); box-shadow: var(--md-shadow-md); }
.counter-box h2 { font-size: 34px; font-weight: 700; color: var(--md-primary); }
.counter-box p { margin-top: 6px; font-size: 14px; color: var(--md-text); }
/************president message***********/
.md-chairman-split{ display:flex; min-height:100vh; overflow:hidden;}
.chairman-split__image{ width:45%; background-image:url('../images/exco/barani-karunakaran.jpg'); background-size:cover; background-position:center top;
  background-repeat:no-repeat;}
.chairman-split__content{ width:55%; background:#17304d; position:relative; display:flex; align-items:center; padding:100px 70px;}
.chairman-split__content::before{ content:""; position:absolute; inset:0; background: linear-gradient( 135deg, rgba(255,255,255,0.04), transparent 40%);}
.chairman-split__inner{ position:relative;z-index:2; max-width:700px;}
.md-chairman-split .section-title{ color:#fff; margin-bottom:30px;}
.md-chairman-split .section-text{ color:rgba(255,255,255,0.82); line-height:1.9; margin-bottom:20px;}
.chairman-signature{ margin-top:40px;}
.chairman-signature h5{ color:#fff; font-size:20px; font-weight:700; margin-bottom:6px;}
.chairman-signature span{ color:rgba(255,255,255,0.7); font-size:15px;}
@media(max-width:991px){
  .md-chairman-split{ flex-direction:column;min-height:auto;}
  .chairman-split__image{ width:100%;height:500px;background-position:center top;}
  .chairman-split__content{ width:100%; padding:70px 30px;}
}
@media(max-width:767px){
  .chairman-split__image{ height:380px;}
  .chairman-split__content{ padding:55px 20px;}
  .chairman-signature h5{ font-size:18px;}
}
/****members****/
.md-timeline { position: relative; margin-top: 40px; padding-left: 20px; }
.md-timeline::before { content: ""; position: absolute; left: 30px; top: 0; width: 3px; height: 100%; 
  background: linear-gradient(to bottom, var(--md-primary), var(--md-accent)); }
.timeline-item { position: relative; margin-bottom: 40px; padding-left: 80px; }
.timeline-item::before { content: ""; position: absolute; left: 3px; top: 65px; width: 18px; height: 18px; background: var(--md-white); border: 3px solid var(--md-accent);
  border-radius: 50%; z-index: 2; }
.timeline-year { position: absolute; left: -5px; top: 0; background: var(--md-primary); color: #fff; font-size: 12px; font-weight: 700; padding: 6px 12px;
  border-radius: 50px; }
.timeline-content { border-radius: 16px; }
.timeline-content:hover { transform: translateY(-6px); box-shadow: var(--md-shadow-lg); }
@media (max-width: 767px) {
  .md-timeline::before { left: 15px; }
  .timeline-item { padding-left: 50px; }
  .timeline-item::before { left: -12px; }
  .timeline-year { position: relative; left: -71px; margin-bottom: 8px; display: inline-block; }
}
/**vsion-mission**/
.video-image-block { position: relative; z-index: 2; border-radius: 24px; overflow: hidden; box-shadow: var(--md-shadow-lg); }
.section-main-video { width: 100%; height: 100%; object-fit: cover; border-radius: 24px; }
.vm-box { background: var(--md-white); border-radius: var(--md-radius-md); padding: 20px 22px; margin-bottom: 18px; box-shadow: var(--md-shadow-sm);
  border: 1px solid var(--md-border); transition: var(--md-transition); }
.vm-box:hover { transform: translateY(-5px); box-shadow: var(--md-shadow-md); }
.vm-box h5 { font-size: 15px; font-weight: 700; color: var(--md-primary); margin-bottom: 8px; }
.vm-box h5 i { color: var(--md-accent); }
.vm-box p { font-size: 14px; color: var(--md-text); line-height: 1.7; margin: 0; }
@media (max-width: 767px) { .section-main-video { height: 240px; } .vm-box { padding: 16px; } }
/*******************Article Details****************************/
.article-detail-image img { width: 100%; border-radius: 20px; box-shadow: var(--md-shadow-md); }
.article-detail-title { font-size: 28px; font-weight: 700; color: var(--md-primary); line-height: 1.3; }
.article-meta { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--md-text); }
.article-content p { font-size: 15px; line-height: 1.9; margin-bottom: 16px; color: var(--md-text); text-align: justify; }
.article-content h4 { margin-top: 25px; font-size: 18px; font-weight: 700; color: var(--md-primary); }
.article-content ul { padding-left: 18px; margin-bottom: 20px; }
.article-content ul li {margin-bottom: 8px;}
.article-content blockquote { margin: 25px 0; padding: 20px; background: var(--md-soft-blue); border-left: 4px solid var(--md-accent); font-style: italic;
  border-radius: 12px; }
.article-sidebar { display: flex; flex-direction: column; gap: 25px; }
.sidebar-widget { background: #fff; padding: 20px; border-radius: 18px; box-shadow: var(--md-shadow-sm); border: 1px solid var(--md-border); }
.sidebar-title { font-size: 16px; font-weight: 700; color: var(--md-primary); margin-bottom: 15px; }
.sidebar-article { display: flex; gap: 12px; margin-bottom: 12px; } .sidebar-article img { width: 70px; height: 60px; object-fit: cover; border-radius: 8px; }
.sidebar-article a { font-size: 14px; font-weight: 600; color: var(--md-primary); text-decoration: none; } .sidebar-article span { font-size: 12px; color: var(--md-text);}
.sidebar-cta { background: var(--md-soft-blue); }
/*********************members*****************/
.member-filter { position: sticky; top: 100px; }
.filter-list li { padding: 12px; border-radius: 10px; cursor: pointer; transition: 0.3s; margin-bottom: 6px; display: flex; align-items: center; gap: 10px; }
.filter-list li.active { background: var(--md-primary); color: #fff; }
.filter-list li:hover { background: var(--md-soft-blue); }
.member-card { background: #fff; padding: 25px; border-radius: 20px; text-align: center; box-shadow: var(--md-shadow-md); transition: 0.4s;}
.member-card:hover {transform: translateY(-8px);}
.member-logo {height: 80px; margin-bottom: 15px;}
.member-item {transition: 0.4s ease;}
.member-item.hide {opacity: 0; transform: scale(0.95); pointer-events: none;}
.member-item.show {opacity: 1; transform: scale(1);}
/***************how to apply****************/
.apply-sidebar { position: sticky; top: 120px; }
.apply-box { background: #fff; border-radius: 20px; padding: 25px; box-shadow: var(--md-shadow-md); border: 1px solid var(--md-border); text-align: center; }
.apply-box i { font-size: 32px; color: var(--md-accent); margin-bottom: 12px; }
.apply-box h5 { font-weight: 700; color: var(--md-primary); margin-bottom: 8px; }
.apply-box p { font-size: 13px; color: var(--md-text); }
.apply-mini-list { list-style: none; padding: 0; margin: 15px 0; text-align: left; }
.apply-mini-list li { font-size: 13px; padding-left: 22px; position: relative; margin-bottom: 8px; }
.apply-mini-list li::before { content: "\f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; color: var(--md-accent); }
.apply-help-box { background: var(--md-soft-blue); border-radius: 16px; padding: 18px; text-align: center; }
.apply-help-box h6 { font-weight: 700; color: var(--md-primary); }
.apply-help-box p { font-size: 13px; }
.how-apply-content-card { background: #fff; border-radius: 20px; padding: 30px; box-shadow: var(--md-shadow-md); border: 1px solid var(--md-border); }
.ql-editor-custom p { font-size: 15px; line-height: 1.8; margin-bottom: 12px; }
.ql-editor-custom ul { padding-left: 0; }
.ql-editor-custom ul li { list-style: none; padding-left: 34px; position: relative; margin-bottom: 12px; }
.ql-editor-custom ul li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 3px; width: 22px; 
  height: 22px; background: rgba(193, 39, 45, 0.3); color: var(--md-accent); border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-size: 10px; }
@media (max-width: 991px) { .apply-sidebar { position: relative; top: auto; } }
/********************who can apply**************/
.who-card-custom { position: relative; overflow: hidden; }
.who-card-custom::before { content: ""; position: absolute; top: 0; left: 0; height: 4px; width: 100%; 
  background: linear-gradient(90deg, var(--md-primary), var(--md-accent)); }
.who-list-modern { list-style: none; padding: 0; margin: 0; }
.who-list-modern li { position: relative; padding-left: 28px; margin-bottom: 12px; font-size: 14px; color: var(--md-text); }
.who-list-modern li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 2px; width: 18px;
  height: 18px; background: rgba(193,39,45,0.08); color: var(--md-accent); border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-size: 10px; }
.md-dark-card:hover { transform: translateY(-8px); box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.card-mini-badge { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; background: rgba(255,255,255,0.1); 
  padding: 6px 14px; border-radius: 50px; margin-bottom: 15px; }
.card-title-lg { font-size: 26px; font-weight: 700; margin-bottom: 15px; }
.card-text-light { font-size: 15px; color: rgba(255,255,255,0.85); line-height: 1.8; }
.card-link { display: inline-block; margin-top: 20px; font-size: 13px; font-weight: 700; color: #8fd0ff; text-decoration: none; }
.card-link:hover { color: #fff; }
.card-list { list-style: none; padding: 0; margin-top: 10px; }
.card-list li { position: relative; padding-left: 25px; margin-bottom: 12px; font-size: 14px; color: rgba(255,255,255,0.85); }
.card-list li::before { content: "•"; position: absolute; left: 0; color: #ff5a5f; font-size: 18px; }
.md-who-apply-modern, .md-dark-grid { background: #f5f7fa; }
/**************before you apply********************/
.md-before-apply { background: #f8fbff; }
.card-mini-badge { display: inline-block; font-size: 12px; padding: 6px 12px; border-radius: 50px; background: rgba(255,255,255,0.1); color: #fff; }
.before-main-card { display: flex; }
.before-main-card .md-card-body { display: flex; flex-direction: column; justify-content: center; }
.before-steps-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; height: 100%; }
.before-steps-grid { grid-auto-rows: 1fr; }
.before-step-card { display: flex; transition: all 0.3s ease; }
.before-step-card:hover { transform: translateY(-6px); }
.before-step-card .md-card-body { display: flex; flex-direction: column; justify-content: center; }
.step-number { font-size: 16px; font-weight: 700; color: #ff4d4f; margin-bottom: 10px; }
.before-doc-list { list-style: none; padding: 0; margin: 0; column-count: 2; column-gap: 40px; }
.before-doc-list li { position: relative; padding-left: 26px; margin-bottom: 12px; break-inside: avoid; }
.before-doc-list li::before { content: "✔"; position: absolute; left: 0; color: var(--md-accent); font-size: 13px;}
@media (max-width: 768px) {.before-steps-grid {grid-template-columns: 1fr; }.before-doc-list {column-count: 1;}}
/***************charter of MDSIDA*****************/
.md-charter { background: #f8fbff; }
.charter-intro-card { max-width: 900px; margin: 0 auto; }
.charter-card { transition: all 0.3s ease; }
.charter-card:hover { transform: translateY(-6px); }
.charter-card .card-mini-badge { background: rgba(255,255,255,0.1); color: #fff; }
.charter-list { list-style: none; padding: 0; margin: 0; }
.charter-list li { position: relative; padding-left: 26px; margin-bottom: 14px; line-height: 1.7; text-align: justify; font-size: 13px;}
.charter-list li::before { content: "✔"; position: absolute; left: 0; top: 4px; font-size: 12px; color: var(--md-accent); }
.text-justify { text-align: justify; }
/************code of ethics*************/
.md-ethics { background: #f8fbff; }
.ethics-title { font-size: 16px; font-weight: 700; margin-bottom: 15px; color: #fff; }
.ethics-list { list-style: none; padding: 0; margin: 0; }
.ethics-list li { position: relative; padding-left: 24px; margin-bottom: 10px; line-height: 1.6; }

.ethics-list li::before { content: "✔"; position: absolute; left: 0; color: var(--md-accent); font-size: 12px; }
.feature-access-card { transition: 0.3s; } .feature-access-card:hover { transform: translateY(-5px); }
/**********FAQ****************/
.faq-number { font-weight: 700; color: #ff4d4f; margin-right: 12px; }
.faq-button { background: #fff; transition: all 0.3s ease; }
.accordion-button:not(.collapsed) { background: #f0f6ff; color: #2c2776; box-shadow: none; }
.faq-body { background: #fff; }
.accordion-collapse { transition: all 0.35s ease; }
/************about****************/
.about-float-img { float: right; width: 420px; max-width: 45%; margin: 0 0 20px 30px; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.1); }
.md-about-hero::after { content: ""; display: block; clear: both; }
@media (max-width: 768px) { .about-float-img { float: none; display: block; margin: 20px auto; max-width: 100%; } }
/***************vision-mission************/
.feature-access-card { background: #0f2b46; }
.text-white { color: #fff !important; } 
.vm-float-img { width: 320px; border-radius: 12px; margin: 0 0 20px 0; }
.vm-float-img.right { float: right; margin-left: 30px; }
.vm-float-img.left { float: left; margin-right: 30px; }
.vm-block::after { content: ""; display: block; clear: both; }
.vm-block p { line-height: 1.7; margin-bottom: 15px; }
/************************exco-members**********************/
.md-exco-section { position: relative; overflow: hidden; }
.exco-group-title { margin-bottom: 28px; }
.exco-group-title h3 { display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #115ba3, #1b74c9); 
  color: #ffffff; box-shadow: 0 14px 28px rgba(17, 91, 163, 0.28); border: none; padding: 12px 26px; border-radius: 15px; font-size: 14px; font-weight: 700;
  text-decoration: none; transition: var(--md-transition); }
.exco-card-horizontal { display: flex; align-items: center; gap: 22px; background: #fff; border-radius: 22px; overflow: hidden; padding: 18px; height: 100%;
  border: 1px solid rgba(30, 47, 71, 0.08); box-shadow: 0 10px 30px rgba(15, 35, 60, 0.08); transition: 0.35s ease; }
.exco-card-horizontal:hover { transform: translateY(-6px); box-shadow: 0 18px 45px rgba(15, 35, 60, 0.14); }
.exco-image-wrap { flex-shrink: 0; width: 130px; height: 130px; border-radius: 18px; overflow: hidden; }
.exco-image-wrap img { width: 100%; height: 100%; object-fit: cover; transition: 0.45s ease; }
.exco-card-horizontal:hover img { transform: scale(1.05); }
.exco-content { flex: 1; }
.exco-position { display: inline-block; padding: 6px 14px; border-radius: 50px; background: rgba(30, 47, 71, 0.08); color: var(--md-primary); font-size: 11px;
  font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 14px; }
.exco-name { font-size: 18px; font-weight: 700; line-height: 1.45; color: var(--md-primary); margin-bottom: 10px; }
.exco-company { margin-bottom: 0; font-size: 14px; line-height: 1.7; color: #6c757d; }
@media (max-width: 767px) {
  .exco-group-title{text-align: center;}
  .exco-card-horizontal { flex-direction: column; text-align: center; align-items: center; }
  .exco-image-wrap { width: 120px; height: 120px; } .exco-group-title h3 { font-size: 21px; }
}
/************downloads***************/
.md-downloads-section{ position:relative; overflow:hidden; }
.download-card{ background:#fff; border-radius:22px; padding:24px; display:flex; align-items:center; justify-content:space-between; gap:20px; 
  border:1px solid var(--md-border); box-shadow:var(--md-shadow-sm); transition:0.35s ease; height:100%; }
.download-card:hover{ transform:translateY(-6px); box-shadow:var(--md-shadow-lg); }
.download-left{ display:flex; align-items:center; gap:18px; min-width:0; }
.download-icon{ width:68px; height:68px; border-radius:20px; background:linear-gradient(135deg,#eaf4ff,#d9ebff); display:flex; align-items:center;
  justify-content:center; flex-shrink:0; }
.download-icon i{ font-size:28px; color:var(--md-primary); }
.download-content{ min-width:0; } .download-content h4{ font-size:18px; font-weight:700; margin-bottom:6px; color:var(--md-dark); }
.download-content p{ margin:0; color:#7b8794; font-size:14px; }
.download-actions{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
.preview-btn, .download-btn{ width:46px; height:46px; border-radius:14px; display:flex; align-items:center; justify-content:center; text-decoration:none;
  transition:0.3s ease; }
.preview-btn{ background:#eef5ff; color:var(--md-primary); }
.preview-btn:hover{ background:var(--md-primary); color:#fff; transform:translateY(-3px); }
.download-btn{ background:var(--md-primary); color:#fff; } .download-btn:hover{ background:#16304d; transform:translateY(-3px); }
@media(max-width:767px){ .download-card{ flex-direction:column; align-items:flex-start; } .download-actions{ width:100%; justify-content:flex-end; } }
/*************index-exco*****************/
.md-exco-preview{ position:relative; overflow:hidden; }
.exco-preview-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.exco-preview-card{ position:relative; background:#ffffff; border-radius:24px; overflow:hidden; border:1px solid var(--md-border); box-shadow:var(--md-shadow-sm);
  transition:0.4s ease; }
.exco-preview-card:hover{ transform:translateY(-8px); box-shadow:var(--md-shadow-lg); }
.exco-preview-badge{ position:absolute; top:16px; left:16px; z-index:2; background:linear-gradient(135deg,#115ba3,#1b74c9); color:#fff; font-size:11px; font-weight:700;
  padding:8px 14px; border-radius:50px; letter-spacing:0.5px; box-shadow:0 10px 24px rgba(17,91,163,0.28); }
.exco-preview-image{ height:260px; overflow:hidden; }
.exco-preview-image img{ width:100%; height:100%; object-fit:contain; transition:0.5s ease; }
.exco-preview-card:hover .exco-preview-image img{ transform:scale(1.06); }
.exco-preview-content{ padding:22px; } .exco-preview-content h4{ font-size:18px; font-weight:800; line-height:1.45; color:var(--md-dark); margin-bottom:12px; }
.exco-preview-content p{ margin:0; color:#6d7b88; font-size:14px; line-height:1.7; font-weight:500; }
@media(max-width:1199px){ .exco-preview-row{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:767px){
  .exco-preview-row{ grid-template-columns:1fr; }
  .exco-preview-image{ height:240px; }
  .exco-preview-content{ padding:18px; }
  .exco-preview-content h4{ font-size:16px; }
}
/* ========================================= ACTIVITIES ========================================= */
.activity-card{ background:#fff; border-radius:24px; overflow:hidden; cursor:pointer; transition:var(--md-transition); height:100%; 
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.activity-card:hover{ transform:translateY(-6px); }
.activity-image{ width:100%; height:430px; object-fit:cover; }
.activity-content{ padding:18px; text-align:center; }
.activity-title{ font-size:14px; font-weight:700; color:var(--md-dark); }
.activity-date{ color:var(--md-primary); font-weight:500; font-size: 11px; }
.activity-modal-content{ background:transparent; border:none; box-shadow:none; position:relative; }
#activityModal .modal-dialog{ max-width:650px; }
.activity-modal-image{ width:100%; max-height:78vh; object-fit:contain; border-radius:24px; }
.activity-modal-bottom{ text-align:center; padding-top:22px; }
.activity-modal-close{ position:absolute; top:-14px; right:-14px; width:48px; height:48px; border:none; border-radius:50%; background:#fff;
  color:var(--md-primary); z-index:10; transition:var(--md-transition); }
.activity-modal-close:hover{ background:var(--md-primary); color:#fff; }
@media(max-width:767px){
  .activity-image{ height:320px; }
  .activity-title{ font-size:20px; }
  #activityModal .modal-dialog{ max-width:95%; margin:auto; }
  .activity-modal-image{ border-radius:18px; max-height:65vh; }
}
 /* ========================================= News and Archive ========================================= */ 
  .archive-filter-bar{ display:flex; align-items:center; gap:20px; margin-bottom:60px; flex-wrap:wrap; }
  .archive-year{ width:150px; flex-shrink:0; }
  .archive-year .md-input{box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;}
  .archive-month-tabs{ display:flex; align-items:center; gap:10px; border:none; flex-wrap:wrap; }
  .archive-month-tabs .nav-link{ border:none; background:transparent; color:#667085; font-weight:600; padding:10px 20px; border-radius:14px;
    transition:var(--md-transition); border: 1px solid #ccc; 
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; }
  .archive-month-tabs .nav-link:hover{ background:#fff; color:var(--md-primary); }
  .archive-month-tabs .nav-link.active{ background:var(--md-primary); color:#fff; }
  .archive-card{ max-width:900px; }
  .archive-title{ font-size:22px; line-height:1.2; font-weight:800; color:var(--md-dark); margin-bottom:20px; text-transform:uppercase; }
  .archive-date{ display:flex; align-items:center; gap:12px; font-size:16px; color:#667085; margin-bottom:30px; }
  .archive-date i{ color:var(--md-primary); }
  .archive-image-wrap{ cursor:pointer; overflow:hidden; margin-bottom:30px; }
  .archive-image{ width: 222px; height: 100%; object-fit:cover; transition:var(--md-transition); }
  .archive-image-wrap:hover .archive-image{ transform:scale(1.03); }
  .archive-text{ font-size:14px; line-height:1.9; color:#667085; margin:0; }
  .archive-modal-content{ background:transparent; border:none; box-shadow:none; position:relative; }
  #newsModal .modal-dialog{ max-width:700px; }
  .archive-modal-image{ width:100%; border-radius:24px; max-height:80vh; object-fit:contain; }
  .archive-modal-btn-wrap{ text-align:center; padding-top:20px; }
  .archive-modal-close{ position:absolute; top:-10px; right:-10px; width:45px; height:45px; border:none; border-radius:50%; background:#fff; color:var(--md-primary); 
    font-size:16px; z-index:10; }
  @media(max-width:991px){
    .archive-title{ font-size:34px; }
    .archive-image{ height:380px; }
  }
  @media(max-width:767px){
    .archive-filter-bar{ flex-direction:column; align-items:flex-start; gap:18px; margin-bottom:40px; }
    .archive-year{ width:100%; }
    .archive-month-tabs{ width:100%; overflow-x:auto; flex-wrap:nowrap; padding-bottom:5px; }
    .archive-month-tabs::-webkit-scrollbar{ height:4px; }
    .archive-title{ font-size:24px; line-height:1.35; }
    .archive-date{ font-size:15px; margin-bottom:22px; }
    .archive-image{ height:240px; } .archive-text{ font-size:15px; line-height:1.8; } .archive-image-wrap{ border-radius:18px; }
  }
/********************government-news*****************************************/
.dropdown-menu{box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, 
  rgba(0, 0, 0, 0.07) 0px 16px 16px;}
.news-card-custom{box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;}
.news-meta-info{ display:flex; flex-direction:column; gap:8px; margin-bottom:20px;}
.news-meta-item{ display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:14px; line-height:1.6;}
.news-meta-label{ font-weight:700; color:var(--md-dark);}
.news-meta-value{ color:#667085; font-weight:500;}
@media(max-width:767px){.news-meta-item{ font-size:13px; }}
/*********************************************gallery************************/
.gallery-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: var(--md-shadow-md); }
.gallery-main { position: relative; cursor: pointer; }
.gallery-main img { width: 100%; height: 220px; object-fit: cover; }
.gallery-title { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; font-weight: 600; color: #fff; background: rgba(0,0,0,0.6); }
.gallery-thumbs { display: flex; gap: 6px; padding: 10px; overflow-x: auto; scrollbar-width: thin;scrollbar-color: #223652 #eaf1f8; }
/* .gallery-thumbs { scrollbar-width: none; } .gallery-thumbs::-webkit-scrollbar { display: none; } */
.gallery-thumbs::-webkit-scrollbar { height: 6px;}
.gallery-thumbs::-webkit-scrollbar-track { background: #eaf1f8; border-radius: 10px; }
.gallery-thumbs::-webkit-scrollbar-thumb { background: linear-gradient(135deg, #115ba3, #1b74c9); border-radius: 10px; }
.gallery-thumbs::-webkit-scrollbar-thumb:hover { background: #0f4c8a; }
.gallery-thumbs img { width: 60px; height: 60px; object-fit: cover; border-radius: 6px; cursor: pointer; }
.gallery-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.95); z-index: 9999; text-align: center; padding: 40px; }
.gallery-modal img { max-width: 90%; max-height: 60vh; margin-top: 10px; }
.gallery-modal h4 { color: #fff; margin-bottom: 10px; }
.gallery-close { position: absolute; top: 9px; right: 30px; font-size: 30px; color: #fff; cursor: pointer; }
.gallery-modal-thumbs{margin-top:15px; display:flex; gap:10px; overflow-x:auto; overflow-y:auto; padding:10px 0;justify-content:center; -webkit-overflow-scrolling:touch;}
.gallery-modal-thumbs img{ width:70px; height:70px; object-fit:cover; cursor:pointer; flex-shrink:0;}
.gallery-modal-thumbs::-webkit-scrollbar{height:6px;}
.gallery-modal-thumbs::-webkit-scrollbar-track{background:#333;}
.gallery-modal-thumbs::-webkit-scrollbar-thumb{background:#888;border-radius:10px;}
@media(max-width:767px){
  .gallery-modal{ padding:20px 10px; }
  .gallery-modal img{ max-width:100%; max-height:50vh;}
  .gallery-modal-thumbs img{ width:60px; height:60px; }
}
.membership-tabs {
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: none;
}
.membership-tabs::-webkit-scrollbar { display: none; }
.membership-tabs .nav-item { flex: 0 0 auto; }
.news-bottom .section-btn {display: none;}
@media(max-width:767px){
  .section-subtitle{display: none;}
  .section-btn ,.section-badge { display: table; margin: 0 auto 16px auto;}
  .exco-preview-content ,.section-title { text-align: center; }
  .about-content-custom .section-text {display: block !important;}
  .faq-side-card .section-btn { margin: unset; text-align: unset; display: inline-flex;}
  .news-heading .section-btn{display: none;}
  .news-bottom .section-btn {display: unset;}
  .about-content-custom .section-title, .md-news-details .section-title{font-size: 12px; text-align: justify;}
}
/****************************Member Company profile***********************/
.md-company-profile{ background:#f8fbff; }
.company-info-card{ background:#fff; border-radius:28px; padding:40px; border:1px solid #e9eef5; box-shadow:0 15px 50px rgba(15,23,42,.06); }
.company-action-group{ margin-top:25px; } .company-card-title{ color:#123b73; margin-bottom:25px; font-weight:700; }
.company-info-list{ list-style:none; margin:0; padding:0; }
.company-info-list li{ display:flex; gap:15px; margin-bottom:20px; }
.company-info-list li:last-child{ margin-bottom:0; }
.company-info-list i{ width:48px; height:48px; background:#eef5ff; color:#0d6efd; border-radius:14px; display:flex; align-items:center; justify-content:center;
  flex-shrink:0; }
.company-info-list span{ display:block; color:#6c757d; font-size:.9rem; }
.company-info-list strong{ color:#123b73; }
.company-product-card{ background:#fff; border-radius:22px; overflow:hidden; border:1px solid #edf2f8; transition:.3s; height:100%; }
.company-product-card:hover{ transform:translateY(-8px); box-shadow:0 15px 40px rgba(15,23,42,.08); }
.company-product-card img{ width:100%; height:240px; object-fit:cover; }
.company-product-card h6{ padding:18px; margin:0; color: #fff; text-align: center; font-weight: 700; background: #17304d; }
/* ================= RESPONSIVE ================= */
@media(max-width:991.98px){ .company-info-card{ padding:30px; } }
@media(max-width:767.98px){
  .company-info-card{ padding:22px; border-radius:22px; }
  .company-product-card img{ height:180px; }
  .company-card-title{ text-align:center; }
}
@media(max-width:575.98px){.company-product-card img{ height:140px; } .company-info-list li{ align-items:flex-start; } }
.contact-box{ text-align:center; padding:30px 20px; border:1px solid #edf2f8; border-radius:20px; height:100%; transition:.3s; background: #fff;/**#f0f6ff**/ }
.contact-box:hover{ transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,.06); } .contact-box i{ width:60px; height:60px; border-radius:18px;
  background:#eef5ff; color:#0d6efd; display:flex; align-items:center; justify-content:center; margin:0 auto 15px; font-size:22px; }
.contact-box h6{ font-weight:700; color:#123b73; margin-bottom:10px; }
.contact-box p{ margin:0; color:#6c757d; word-break:break-word; }
@media (max-width: 756px){
  .md-company-profile{padding: 11px 0;}
  .company-action-group {text-align: center;}
  .ceo-content{padding: 22px !important;} .contact-box{ padding:18px 12px; border-radius:16px; }
  .contact-box i{ width:42px; height:42px; font-size:16px; margin-bottom:10px; }
  .contact-box h6{ font-size:.85rem; margin-bottom:5px; }
  .contact-box p{ font-size:.75rem; line-height:1.4; word-break:break-word; }
}
.ceo-message-card{ padding:0; overflow:hidden; }
.ceo-side-img{ width:100%; height:320px; object-fit:cover; display:block; }
.ceo-content{ background:#17304d; color:#fff; padding:40px; height:auto; display:flex; flex-direction:column; justify-content:center; }
.ceo-content h2{ color:#fff; margin-bottom:15px; } .ceo-content p{ color:rgba(255,255,255,.85); margin:0; line-height:1.9; }
.company-info-card.contact-info{background-color: #17304d;}