:root {--primary:#0E7C66; --primary-dark:#095B4A; --secondary:#36C98F; --accent:#F4A62A; --dark:#16324F; --text:#556270; --white:#ffffff; --light:#F7FBFA; --border:#E6ECEB; --shadow:0 15px 50px rgba(0,0,0,.08); --radius:22px; --transition:.35s ease;}
* {margin:0; padding:0; box-sizing:border-box;}
html {scroll-behavior:smooth;}
body {font-family:'Inter', sans-serif; color:var(--text); background:var(--light); overflow-x:hidden;}
h1, h2, h3, h4, h5, h6 {font-family:'Plus Jakarta Sans', sans-serif; color:var(--dark); font-weight:700;}
a {text-decoration:none; transition:var(--transition);}
img {max-width:100%; display:block;}
ul {list-style:none; margin:0; padding:0;}
.topbar{
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    font-size: 13px;
    padding: 8px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.topbar ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.topbar li{display:flex;align-items:center;gap:8px}
.topbar a{color:#fff}.topbar .text-end a{margin-left:16px}
#header{position:fixed;top:40px;left:0;width:100%;z-index:9998;transition:.35s}
#header.sticky{top:0}#header .container{max-width:1320px}
.navbar{background:#fff;border-radius:22px;min-height:86px;padding:0 30px;position:relative;box-shadow:var(--shadow)}
#header.sticky .navbar{border-radius:0}
.navbar-brand img{height:60px}
.navbar-nav{align-items:center;gap:6px}.navbar-nav>.nav-item{position:static}
.nav-link{color:#22313d!important;font-weight:600;padding:31px 10px!important;position:relative}
.nav-link:hover,.nav-link.active{color:var(--primary)!important}
.nav-link:after{content:'';position:absolute;left:16px;bottom:18px;width:0;height:3px;background:var(--primary);border-radius:50px;transition:.3s}
.nav-link:hover:after,.nav-link.active:after{width:36px}
.btn-donate{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff!important;border-radius:40px;padding:13px 28px;font-weight:700}
.btn-donate:hover{background:var(--primary-dark)}
.mega-dropdown{position:static!important}
.mega-dropdown>.dropdown-menu{display:block!important;position:absolute!important;left:50%!important;top:100%;width:1320px;max-width:calc(100% - 40px);margin-top:18px;transform:translateX(-50%) translateY(20px);opacity:0;visibility:hidden;pointer-events:none;padding:45px;border:none;border-radius:24px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.14);transition:.35s;z-index:99999}
.mega-dropdown:hover>.dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mega-menu .col-lg-3{padding:0 25px;position:relative}
.mega-menu .col-lg-3:not(:last-child):after{content:'';position:absolute;right:0;top:8px;width:1px;height:92%;background:#edf1f4}
.mega-menu h5{font-size:20px;margin-bottom:24px;padding-bottom:12px;position:relative}
.mega-menu h5:after{content:'';position:absolute;left:0;bottom:0;width:45px;height:3px;background:var(--primary)}
.mega-links{list-style:none;margin:0;padding:0}.mega-links li{margin-bottom:8px}
.mega-links a{display:flex;gap:10px;padding:6px 14px;border-radius:12px;color:#5c6874;transition:.3s}
.mega-links a:hover{background:#f5fbf8;color:var(--primary);padding-left:20px}
.menu-card{background:linear-gradient(135deg,#0b7a63,#36c98f);border-radius:22px;padding:15px;color:#fff;min-height:100%;display:flex;flex-direction:column;justify-content:center}
.menu-card h4{font-size:64px;color:#fff}.menu-card p{color:rgba(255,255,255,.92)}
@media(max-width:1199px){.topbar{display:none}#header{top:0}.navbar{border-radius:0;padding:10px 16px}.mega-dropdown>.dropdown-menu{display:none!important}}

.dropdown-toggle::after {display:none !important;}
.navbar .dropdown-toggle {display:flex; align-items:center; gap:6px;}

@media (min-width:1200px) {
.navbar .dropdown {position:relative;}
.navbar .dropdown-menu {display:block; opacity:0; visibility:hidden; pointer-events:none; min-width:240px; margin-top:0; padding:12px 0; border:none; border-radius:18px; box-shadow:0 20px 50px rgba(0,0,0,.12); transform:translateY(15px); transition:.35s;}
.navbar .dropdown:hover>.dropdown-menu {opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);}
.navbar .dropdown-item {padding:12px 22px; font-weight:500; transition:.3s;}
.navbar .dropdown-item:hover {background:#f5fbf8; color:#0E7C66; padding-left:28px;}
}

.navbar-toggler {width:52px; height:52px; display:flex; align-items:center; justify-content:center; padding:0; border:none; border-radius:14px; background:rgba(255,255,255,.12); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); color:#333; box-shadow:0 8px 25px rgba(0, 0, 0, .12); transition:all .35s ease;}
.navbar-toggler:focus {box-shadow:none;}
.navbar-toggler i {font-size:1.9rem; line-height:1; transition:all .35s ease;}
.navbar-toggler:hover {background:#0E7C66; color:#fff; transform:translateY(-2px); box-shadow:0 12px 30px rgba(14,124,102,.35);}
.navbar-toggler:hover i {transform:rotate(90deg);}

.offcanvas {width:330px;}
.offcanvas-header {border-bottom:1px solid #eee; padding:20px;}
.mobile-nav li {list-style:none;}
.mobile-nav>li {border-bottom:1px solid #f1f1f1;}
.mobile-nav a {display:flex; justify-content:space-between; align-items:center; padding:14px 0; color:#222; text-decoration:none; font-weight:600;}
.mobile-nav a span {display:flex; align-items:center; gap:12px;}
.mobile-nav ul {list-style:none; padding-left:18px; margin-bottom:10px;}
.mobile-nav ul a {padding:10px 0; font-weight:500; font-size:15px; color:#666;}
.mobile-nav ul ul {padding-left:15px;}
.mobile-nav i {color:#0E7C66;}
.submenu-toggle {cursor:pointer;}
.mobile-nav .collapse.show {margin-bottom:10px;}

.hero {position:relative; overflow:hidden; background:#000;}
.hero .swiper {width:100%; height:860px;}
.hero .swiper-slide {position:relative; overflow:hidden;}
.hero-slide {position:relative; width:100%; height:860px; display:flex; align-items:center;}
.hero-bg {position:absolute; inset:0; z-index:1;}
.hero-bg img {width:100%; height:100%; object-fit:cover; transform:scale(1.08);}
.hero-overlay {position:absolute; inset:0; z-index:2; background:linear-gradient(90deg, rgba(4,17,13,.82) 0%, rgba(7, 28, 20, .70) 38%, rgba(10, 32, 25, .42) 65%, rgba(10, 32, 25, .18) 100%);}
.hero .container {position:relative; z-index:10;}
.hero-content {max-width:680px; color:#fff;}
.hero-badge {display:inline-flex; align-items:center; gap:10px; padding:10px 20px; border-radius:50px; background:rgba(79,209,197,.18); border:1px solid rgba(255, 255, 255, .15); backdrop-filter:blur(12px); color:#fff; font-size:.92rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:28px;}
.hero-badge i {color:#4fd1c5; font-size:1rem;}
.hero-content h1 {font-family:"Plus Jakarta Sans", sans-serif; font-size:clamp(3.3rem,4.5vw,5.6rem); line-height:1.05; font-weight:800; letter-spacing:-2px; color:#fff; margin-bottom:28px;}
.hero-content h1 span {color:#4fd1c5;}
.hero-content p {max-width:620px; font-size:1.15rem; line-height:1.9; color:rgba(255,255,255,.90); margin-bottom:42px;}
.hero-buttons {display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.hero-buttons .btn {min-width:200px; height:60px; border-radius:60px; display:inline-flex; align-items:center; justify-content:center; gap:12px; font-size:15px; font-weight:700; transition:.35s;}
.hero-buttons .btn-primary {background:#4fd1c5; border:none; color:#08322d; box-shadow:0 15px 35px rgba(79,209,197,.35);}
.hero-buttons .btn-primary:hover {transform:translateY(-3px); background:#5de0d2;}
.hero-buttons .btn-outline-light {border:1.5px solid rgba(255,255,255,.35); color:#fff; background:rgba(255, 255, 255, .06); backdrop-filter:blur(10px);}
.hero-buttons .btn-outline-light:hover {background:#fff; color:#0E7C66;}

.hero-scroll {position:absolute; left:50%; bottom:120px; transform:translateX(-50%); z-index:30; display:flex; flex-direction:column; align-items:center; gap:8px; color:#fff; font-size:.82rem; letter-spacing:.25em; text-transform:uppercase;}
.hero-scroll i {font-size:1.6rem; color:#4fd1c5;}
.hero-wave {position:absolute; left:0; right:0; bottom:-1px; z-index:20; line-height:0;}
.hero-wave svg {display:block; width:100%; height:110px;}

.hero-navigation {position:absolute; left:50%; bottom:80px; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; gap:30px; z-index:100; pointer-events:auto;}
.hero-prev, .hero-next {position:static; width:56px; height:56px; margin:0; border-radius:50%; background:rgba(255,255,255,.15); backdrop-filter:blur(16px); border:1px solid rgba(255, 255, 255, .25); box-shadow:0 10px 30px rgba(0, 0, 0, .18); transition:all .35s ease;}
.hero-prev:hover, .hero-next:hover {background:#0d6efd; border-color:#0d6efd; transform:translateY(-4px); box-shadow:0 15px 35px rgba(13,110,253,.35);}
.hero-prev::after, .hero-next::after {font-size:18px; font-weight:700; color:#fff;}
.hero-navigation .swiper-pagination {position:static; width:auto; margin:0;}
.hero-navigation .swiper-pagination-bullet {width:10px; height:10px; background:#fff; opacity:.45; transition:.3s;}
.hero-navigation .swiper-pagination-bullet-active {width:34px; border-radius:20px; background:#0d6efd; opacity:1;}

@media (max-width:768px) {
.hero-navigation {bottom:20px; gap:15px;}
.hero-prev, .hero-next {width:44px; height:44px;}
.hero-prev::after, .hero-next::after {font-size:15px;}
.hero-navigation .swiper-pagination-bullet {width:10px; height:10px;}
.hero-navigation .swiper-pagination-bullet-active {width:28px;}
}

@media(max-width:991px) {
.hero .swiper, .hero-slide {height:760px;}
.hero-content {text-align:center; margin:auto;}
.hero-buttons {justify-content:center;}
.hero-navigation {bottom:35px;}
.hero-scroll {display:none;}
}

@media(max-width:767px) {
.hero .swiper, .hero-slide {height:700px;}
.hero-content h1 {font-size:2.7rem; letter-spacing:-1px;}
.hero-content p {font-size:1rem; line-height:1.8;}
.hero-buttons .btn {width:100%;}
.hero-wave svg {height:65px;}
}

.hero-stats {position:relative; display:grid; grid-template-columns:repeat(2,1fr); gap:20px; padding-left:20px; display:none;}
.stat-card {position:relative; padding:18px 22px; min-height:95px; border-radius:24px; background:rgba(255,255,255,.12); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid rgba(255, 255, 255, .18); box-shadow:0 15px 40px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .15); overflow:hidden; transition:.45s cubic-bezier(.2, .8, .2, 1);}
.stat-card::before {content:""; position:absolute; width:140px; height:140px; top:-70px; right:-70px; background:rgba(79,209,197,.12); border-radius:50%;}
.stat-card::after {content:""; position:absolute; inset:0; border-radius:24px; border:1px solid rgba(255,255,255,.06); pointer-events:none;}
.stat-card:hover {transform:translateY(-8px); background:rgba(255,255,255,.18); border-color:rgba(79, 209, 197, .45); box-shadow:0 25px 55px rgba(0, 0, 0, .25);}
.stat-icon {width:50px; height:50px; border-radius:14px; background:linear-gradient(135deg,#4fd1c5,#0E7C66); display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; margin-bottom:12px; box-shadow:0 8px 18px rgba(79, 209, 197, .35);}
.stat-card h2 {font-family:"Plus Jakarta Sans", sans-serif; font-size:1.8rem; font-weight:800; color:#fff; margin-bottom:4px; line-height:1;}
.stat-card h6 {color:#4fd1c5; font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px;}
.stat-card p {color:rgba(255,255,255,.82); font-size:14px; line-height:1.5; margin:0;}
.stat-card:nth-child(1) {margin-top:15px;}
.stat-card:nth-child(2) {margin-top:65px;}
.stat-card:nth-child(3) {margin-top:-25px;}
.stat-card:nth-child(4) {margin-top:25px;}
.stat-card:nth-child(1) {animation:float1 7s ease-in-out infinite;}
.stat-card:nth-child(2) {animation:float2 8s ease-in-out infinite;}
.stat-card:nth-child(3) {animation:float3 7.5s ease-in-out infinite;}
.stat-card:nth-child(4) {animation:float4 9s ease-in-out infinite;}

@keyframes float1 {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(-14px);}
}

@keyframes float2 {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(18px);}
}

@keyframes float3 {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(-10px);}
}

@keyframes float4 {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(15px);}
}

.stat-card:hover {animation-play-state:paused;}

@media(max-width:991px) {
.hero-stats {grid-template-columns:1fr; margin-top:60px; padding-left:0;}
.stat-card, .stat-card:nth-child(1), .stat-card:nth-child(2), .stat-card:nth-child(3), .stat-card:nth-child(4) {margin-top:0;}
}

@media(max-width:767px) {
.stat-card {min-height:auto; padding:24px;}
.stat-card h2 {font-size:1.8rem;}
.stat-icon {width:58px; height:58px; font-size:24px;}
}

.hero, .hero * {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.hero .container {padding-top:120px; padding-bottom:100px;}
.hero-bg img {backface-visibility:hidden; will-change:transform; transition:transform 8s linear;}
.hero-content {position:relative; z-index:5;}
.hero-content p {max-width:620px;}
.hero-content h1, .hero-content p {text-shadow:0 3px 18px rgba(0,0,0,.25);}
.hero-buttons .btn {overflow:hidden; position:relative;}
.hero-buttons .btn::before {content:""; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient( 90deg, transparent, rgba(255,255,255,.25), transparent ); transition:.8s;}
.hero-buttons .btn:hover::before {left:100%;}
.hero .swiper-button-prev, .hero .swiper-button-next {opacity:.85;}
.hero .swiper-button-prev:hover, .hero .swiper-button-next:hover {opacity:1;}
.hero .swiper-pagination {user-select:none;}
.hero-scroll {animation:heroScroll 2s infinite;}

@keyframes heroScroll {
0%, 100% {transform:translateX(-50%) translateY(0);}
50% {transform:translateX(-50%) translateY(10px);}
}

.hero-overlay {backdrop-filter:brightness(.95);}
.stat-card {cursor:default;}
.stat-card:hover .stat-icon {transform:rotate(-8deg) scale(1.08);}
.stat-icon {transition:.4s;}

@media (max-width:1199px) {
.hero .swiper, .hero-slide {height:auto; min-height:760px;}
.hero-content {padding-top:40px;}
.hero-stats {margin-top:60px;}
}

@media (max-width:991px) {
.hero {text-align:center;}
.hero-content {margin:auto;}
.hero-content p {margin-left:auto; margin-right:auto;}
.hero-stats {max-width:700px; margin:60px auto 0;}
.hero-buttons {justify-content:center;}
.hero-navigation {bottom:20px;}
}

@media (max-width:767px) {
.hero .container {padding-top:100px; padding-bottom:80px;}
.hero .swiper, .hero-slide {min-height:700px;}
.hero-badge {font-size:.8rem; padding:8px 16px;}
.hero-content h1 {font-size:2.4rem; line-height:1.15;}
.hero-content p {font-size:15px;}
.hero-buttons {gap:12px;}
.hero-buttons .btn {width:100%; min-width:100%; height:54px;}
.hero .swiper-button-prev, .hero .swiper-button-next {display:none;}
.hero-wave svg {height:55px;}
}

@media (prefers-reduced-motion:reduce) {
.hero *, .stat-card, .hero-bg img {animation:none!important; transition:none!important;}
}


.about-section {padding:100px 0; background:#fff; position:relative; overflow:hidden;}
.about-section::before {content:""; position:absolute; width:420px; height:420px; background:rgba(79,209,197,.08); border-radius:50%; top:-180px; left:-180px;}
.about-section::after {content:""; position:absolute; width:320px; height:320px; background:rgba(14,124,102,.05); border-radius:50%; bottom:-120px; right:-120px;}
.about-section .container {position:relative; z-index:2;}
.section-title {margin-bottom:30px;}
.section-title span {display:inline-block; padding:8px 18px; border-radius:50px; background:#e8faf7; color:#0E7C66; font-size:14px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:15px;}
.section-title h2 {font-size:44px; line-height:1.2; font-weight:800; color:#182433; margin-bottom:0; font-family:"Plus Jakarta Sans", sans-serif;}
.about-section p {color:#667085; font-size:17px; line-height:1.9; margin-bottom:35px;}
.about-features {display:flex; flex-direction:column; gap:18px;}
.feature-box {display:flex; align-items:flex-start; gap:18px; padding:20px 24px; background:#fff; border-radius:18px; box-shadow:0 12px 35px rgba(0,0,0,.05); transition:.35s;}
.feature-box:hover {transform:translateY(-5px); box-shadow:0 20px 45px rgba(0,0,0,.08);}
.feature-box i {width:50px; height:50px; border-radius:50%; background:#4fd1c5; color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0;}
.feature-box h5 {font-size:19px; font-weight:700; color:#182433; margin-bottom:6px;}
.feature-box p {margin:0; font-size:15px; color:#667085; line-height:1.7;}
.btn-primary-custom {display:inline-flex; align-items:center; justify-content:center; padding:14px 34px; border-radius:50px; background:#0E7C66; color:#fff; font-weight:600; text-decoration:none; transition:.35s;}
.btn-primary-custom:hover {background:#4fd1c5; color:#fff; transform:translateY(-3px);}
.news-card {background:#fff; border-radius:28px; padding:35px; height:100%; border:1px solid #edf2f7; box-shadow:0 20px 60px rgba(0,0,0,.08);}
.news-header {display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:25px; padding-bottom:20px; border-bottom:1px solid #edf2f7;}
.news-label {display:inline-block; padding:8px 18px; background:#e8faf7; color:#0E7C66; border-radius:50px; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:12px;}
.news-header h3 {font-size:30px; font-weight:800; color:#182433; margin:0; font-family:"Plus Jakarta Sans", sans-serif;}
.view-all {color:#0E7C66; font-weight:600; text-decoration:none; transition:.3s;}
.view-all:hover {color:#4fd1c5;}
.news-list {display:flex; flex-direction:column; gap:18px;}
.news-item {display:flex; gap:18px; align-items:flex-start; padding:18px; border-radius:18px; background:#fff; border:1px solid #edf2f7; text-decoration:none; transition:.35s;}
.news-item:hover {transform:translateX(8px); border-color:#4fd1c5; box-shadow:0 15px 35px rgba(0,0,0,.06);}
.news-date {width:68px; height:68px; min-width:68px; border-radius:18px; background:linear-gradient(135deg,#4fd1c5,#0E7C66); display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff;}
.news-date span {font-size:24px; font-weight:800; line-height:1;}
.news-date small {font-size:11px; font-weight:600; letter-spacing:.08em;}
.news-content {flex:1;}
.news-content h5 {font-size:17px; font-weight:700; color:#182433; margin-bottom:8px; line-height:1.4;}
.news-content p {margin:0; color:#667085; font-size:14px; line-height:1.7;}

@media(max-width:991px) {
.about-section {padding:70px 0;}
.section-title h2 {font-size:34px;}
.news-card {margin-top:50px; padding:25px;}
.news-header {flex-direction:column; gap:12px;}
.news-header h3 {font-size:26px;}
}

@media(max-width:767px) {
.section-title h2 {font-size:28px;}
.feature-box {padding:18px;}
.news-item {gap:15px;}
.news-date {width:58px; height:58px; min-width:58px;}
.news-date span {font-size:20px;}
.news-content h5 {font-size:16px;}

.news-content p {font-size:13px;}
.btn-primary-custom {width:100%;}
}

.focus-section {position:relative; padding:100px 0; background:#ffffff; overflow:hidden;}
.focus-section::before {content:""; position:absolute; width:450px; height:450px; top:-220px; left:-220px; border-radius:50%; background:rgba(79,209,197,.05);}
.focus-section::after {content:""; position:absolute; width:350px; height:350px; right:-180px; bottom:-180px; border-radius:50%; background:rgba(14,124,102,.05);}
.focus-section .container {position:relative; z-index:2;}
.focus-section .section-title {max-width:760px; margin:0 auto 70px;}
.focus-section .section-title p {margin-top:18px; font-size:17px; color:#667085; line-height:1.8;}
.focus-card {position:relative; height:100%; padding:35px; background:#fff; border-radius:24px; overflow:hidden; border:1px solid #edf2f7; box-shadow:0 15px 40px rgba(0,0,0,.06); transition:.45s cubic-bezier(.2, .8, .2, 1);}
.focus-card::before {content:""; position:absolute; top:0; left:0; width:100%; height:5px; background:linear-gradient(90deg,#4fd1c5,#0E7C66); transform:scaleX(0); transform-origin:left; transition:.45s;}
.focus-card::after {content:""; position:absolute; width:180px; height:180px; top:-90px; right:-90px; border-radius:50%; background:rgba(79,209,197,.06);}
.focus-card:hover {transform:translateY(-10px); box-shadow:0 25px 60px rgba(0,0,0,.12);}
.focus-card:hover::before {transform:scaleX(1);}
.focus-icon {width:80px; height:80px; border-radius:22px; display:flex; align-items:center; justify-content:center; margin-bottom:25px; background:linear-gradient(135deg,#4fd1c5,#0E7C66); color:#fff; font-size:34px; box-shadow:0 15px 35px rgba(79, 209, 197, .35); transition:.4s;}
.focus-card:hover .focus-icon {transform:rotate(-8deg) scale(1.08);}
.focus-tag {display:inline-block; padding:6px 14px; margin-bottom:15px; background:#e8faf7; color:#0E7C66; font-size:12px; font-weight:700; border-radius:50px; text-transform:uppercase; letter-spacing:.08em;}
.focus-card h4 {font-size:24px; font-weight:700; color:#182433; margin-bottom:15px; font-family:"Plus Jakarta Sans", sans-serif;}
.focus-card p {color:#667085; line-height:1.8; margin-bottom:30px; font-size:15px;}
.focus-footer {display:flex; justify-content:space-between; align-items:center; border-top:1px solid #edf2f7; padding-top:20px;}
.focus-footer span {font-size:14px; color:#0E7C66; font-weight:600;}
.focus-footer span i {margin-right:6px;}
.focus-footer a {text-decoration:none; color:#182433; font-weight:700; display:flex; align-items:center; gap:8px; transition:.3s;}
.focus-footer a i {transition:.3s;}
.focus-footer a:hover {color:#0E7C66;}
.focus-footer a:hover i {transform:translateX(5px);}

@media(max-width:991px) {
.focus-section {padding:80px 0;}
.focus-card {padding:30px;}
}

@media(max-width:767px) {
.focus-section {padding:70px 0;}
.focus-section .section-title {margin-bottom:50px;}
.focus-card {text-align:center;}
.focus-icon {margin:0 auto 25px;}
.focus-footer {flex-direction:column; gap:15px; text-align:center;}
.focus-card h4 {font-size:22px;}
.focus-card p {margin-bottom:25px;}
}

.projects-section {position:relative; padding:100px 0; background:#f8fbfc; overflow:hidden;}
.projects-section::before {content:""; position:absolute; width:450px; height:450px; top:-220px; right:-220px; border-radius:50%; background:rgba(79,209,197,.05);}
.projects-section::after {content:""; position:absolute; width:350px; height:350px; left:-180px; bottom:-180px; border-radius:50%; background:rgba(14,124,102,.05);}
.projects-section .container {position:relative; z-index:2;}
.project-card {position:relative; height:100%; padding:35px; background:#fff; border-radius:24px; border:1px solid #e8edf3; box-shadow:0 15px 45px rgba(0,0,0,.06); overflow:hidden; transition:.4s ease;}
.project-card::before {content:""; position:absolute; left:0; top:0; width:5px; height:100%; background:linear-gradient(to bottom,#4fd1c5,#0E7C66); transition:.35s;}
.project-card::after {content:""; position:absolute; width:180px; height:180px; border-radius:50%; background:rgba(79,209,197,.05); top:-90px; right:-90px;}
.project-card:hover {transform:translateY(-10px); box-shadow:0 25px 60px rgba(0,0,0,.12);}
.project-card:hover::before {width:8px;}
.project-badge {display:inline-block; padding:6px 16px; margin-bottom:25px; border-radius:50px; background:#e8faf7; color:#0E7C66; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;}
.project-icon {width:75px; height:75px; border-radius:20px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#4fd1c5,#0E7C66); color:#fff; font-size:32px; margin-bottom:25px; box-shadow:0 15px 35px rgba(79, 209, 197, .35); transition:.35s;}
.project-card:hover .project-icon {transform:rotate(-8deg) scale(1.08);}
.project-card h4 {font-size:24px; font-weight:700; line-height:1.35; color:#182433; margin-bottom:15px; font-family:"Plus Jakarta Sans", sans-serif;}
.project-card p {color:#667085; font-size:15px; line-height:1.8; margin-bottom:25px;}
.project-list {margin:0 0 30px; padding:0; list-style:none;}
.project-list li {display:flex; align-items:center; gap:10px; margin-bottom:12px; color:#444; font-size:15px;}
.project-list li:last-child {margin-bottom:0;}
.project-list i {color:#0E7C66; font-size:18px;}
.project-card a {display:inline-flex; align-items:center; gap:8px; text-decoration:none; font-weight:700; color:#0E7C66; transition:.3s;}
.project-card a i {transition:.3s;}
.project-card:hover a {color:#4fd1c5;}
.project-card:hover a i {transform:translateX(6px);}

@media(max-width:991px) {
.projects-section {padding:80px 0;}
.project-card {padding:30px;}
}

@media(max-width:767px) {
.projects-section {padding:70px 0;}
.project-card {text-align:center;}
.project-icon {margin:0 auto 25px;}
.project-list li {justify-content:center;}
.project-card h4 {font-size:22px;}
.project-card p {font-size:14px;}
}

.gallery-section {position:relative; padding:100px 0; background:#ffffff; overflow:hidden;}
.gallery-section::before {content:""; position:absolute; width:420px; height:420px; border-radius:50%; background:rgba(79,209,197,.05); top:-200px; left:-200px;}
.gallery-section::after {content:""; position:absolute; width:320px; height:320px; border-radius:50%; background:rgba(14,124,102,.05); bottom:-150px; right:-150px;}
.gallery-section .container {position:relative; z-index:2;}
.gallery-grid {display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:250px; gap:20px; margin-top:60px;}
.gallery-large {grid-row:span 2;}
.gallery-item {position:relative; overflow:hidden; border-radius:24px; display:block; box-shadow:0 18px 50px rgba(0,0,0,.08);}
.gallery-item img {width:100%; height:100%; object-fit:cover; transition:all .6s ease;}
.gallery-item:hover img {transform:scale(1.12);}
.gallery-overlay {position:absolute; inset:0; display:flex; align-items:flex-end; padding:25px; background:linear-gradient(to top, rgba(0,0,0,.75), rgba(0, 0, 0, .20), transparent); opacity:0; transition:.4s;}
.gallery-item:hover .gallery-overlay {opacity:1;}
.gallery-overlay span {color:#fff; font-size:20px; font-weight:700; font-family:"Plus Jakarta Sans", sans-serif;}
.gallery-overlay::after {content:"\F52A"; font-family:"bootstrap-icons"; position:absolute; top:25px; right:25px; width:54px; height:54px; border-radius:50%; background:rgba(255,255,255,.18); backdrop-filter:blur(12px); display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; transform:scale(.6); transition:.4s;}
.gallery-item:hover .gallery-overlay::after {transform:scale(1);}
.gallery-section .btn-primary-custom {margin-top:60px;}

@media(max-width:991px) {
.gallery-section {padding:80px 0;}
.gallery-grid {grid-template-columns:repeat(2,1fr);}
}

@media(max-width:767px) {
.gallery-section {padding:70px 0;}
.gallery-grid {grid-template-columns:1fr; grid-auto-rows:260px;}
.gallery-large {grid-row:span 1;}
.gallery-overlay span {font-size:18px;}
}

.cta-section {padding:70px 0; background:#fff;}
.cta-box {background:linear-gradient(135deg,#0E7C66,#0a6b59); border-radius:28px; padding:45px 50px; position:relative; overflow:hidden; box-shadow:0 25px 60px rgba(14, 124, 102, .18);}
.cta-box::before {content:""; position:absolute; width:260px; height:260px; border-radius:50%; background:rgba(255,255,255,.08); top:-130px; right:-100px;}
.cta-tag {display:inline-block; padding:6px 16px; border-radius:30px; background:rgba(255,255,255,.12); color:#fff; font-size:13px; font-weight:700; margin-bottom:15px;}
.cta-box h2 {color:#fff; font-size:38px; font-weight:800; margin-bottom:12px; line-height:1.25;}
.cta-box p {color:rgba(255,255,255,.88); margin:0; font-size:16px; line-height:1.7;}
.cta-buttons {display:flex; justify-content:flex-end; gap:15px; flex-wrap:wrap;}
.cta-buttons a {min-width:170px; height:54px; border-radius:50px; display:flex; align-items:center; justify-content:center; gap:10px; text-decoration:none; font-weight:700; transition:.35s;}
.btn-volunteer {background:#fff; color:#0E7C66;}
.btn-volunteer:hover {background:#4fd1c5; color:#fff;}
.btn-donate {background:#4fd1c5; color:#fff;}
.btn-donate:hover {background:#6489b4; color:#0E7C66;}
.cta-buttons a i {font-size:18px;}

@media(max-width:991px) {
.cta-box {padding:35px; text-align:center;}
.cta-box h2 {font-size:30px;}
.cta-buttons {justify-content:center; margin-top:25px;}
}

@media(max-width:576px) {
.cta-box {padding:30px 25px;}
.cta-box h2 {font-size:24px;}
.cta-buttons {flex-direction:column;}
.cta-buttons a {width:100%;}
}

.footer {background:#0b2330; color:#cfd8dc; padding:80px 0 0; position:relative;}
.footer::before {content:""; position:absolute; top:0; left:0; width:100%; height:4px; background:linear-gradient(90deg,#4fd1c5,#0E7C66);}
.footer-logo img {height:60px; margin-bottom:25px;}
.footer-text {line-height:1.9; margin-bottom:30px; color:#b8c5cc;}
.footer h5 {color:#fff; font-size:20px; margin-bottom:25px; font-weight:700;}
.footer ul {margin:0; padding:0; list-style:none;}
.footer ul li {margin-bottom:14px;}
.footer ul li a {color:#cfd8dc; text-decoration:none; transition:.3s;}
.footer ul li a:hover {color:#4fd1c5; padding-left:6px;}
.footer-social {display:flex; gap:12px;}
.footer-social a {width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; color:#fff; transition:.35s;}
.footer-social a:hover {background:#4fd1c5; transform:translateY(-4px);}
.footer-contact li {display:flex; gap:15px; align-items:flex-start; margin-bottom:20px;}
.footer-contact i {color:#4fd1c5; font-size:20px; margin-top:3px;}
.footer-btn {display:inline-flex; align-items:center; gap:10px; background:#4fd1c5; color:#fff; padding:14px 30px; border-radius:50px; text-decoration:none; font-weight:700; margin-top:10px; transition:.35s;}
.footer-btn:hover {background:#fff; color:#0E7C66;}
.footer-bottom {border-top:1px solid rgba(255,255,255,.08); margin-top:70px; padding:22px 0; font-size:15px;}
.footer-bottom a {color:#4fd1c5; text-decoration:none;}
.footer-bottom a:hover {text-decoration:underline;}

@media(max-width:991px) {
.footer {padding-top:60px;}
.footer-bottom {text-align:center;}
.footer-bottom .text-md-end {text-align:center!important; margin-top:10px;}
}

@media(max-width:767px) {
.footer {padding-top:50px;}
.footer-logo img {height:52px;}
.footer h5 {margin-top:10px;}
.footer-social {justify-content:flex-start;}
.footer-btn {width:100%; justify-content:center;}
}

.floating-actions {position:fixed; right:25px; bottom:25px; z-index:9999; display:flex; flex-direction:column; gap:14px;}
.fab-btn {width:58px; height:58px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; text-decoration:none; border:none; cursor:pointer; font-size:24px; box-shadow:0 12px 30px rgba(0,0,0,.18); transition:.35s;}
.fab-btn:hover {transform:translateY(-5px) scale(1.08); color:#fff;}
.call-btn {background:#0E7C66;}
.call-btn:hover {background:#0a6654;}
.whatsapp-btn {background:#25D366;}
.whatsapp-btn:hover {background:#1fb857;}
.top-btn {background:#4fd1c5;}
.top-btn:hover {background:#16b5a5;}
.call-btn, .whatsapp-btn {animation:pulse 2s infinite;}

@keyframes pulse {
0% {box-shadow:0 0 0 0 rgba(79,209,197,.45);}
70% {box-shadow:0 0 0 18px rgba(79, 209, 197, 0);}
100% {box-shadow:0 0 0 0 rgba(79, 209, 197, 0);}
}

@media(max-width:768px) {
.floating-actions {right:18px; bottom:18px;}
.fab-btn {width:52px; height:52px; font-size:20px;}
}

.founder-section {padding:100px 0; background:#f8fbfc;}
.founder-wrapper {margin-top:60px;}
.founder-image {background:#fff; border-radius:30px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.08);}
.founder-image img {width:100%; display:block;}
.founder-info {padding:25px; text-align:center;}
.founder-info h4 {margin-bottom:5px; font-size:26px; font-weight:700;}
.founder-info span {color:#0E7C66; font-weight:600;}
.founder-message {position:relative; background:#fff; border-radius:30px; padding:55px; box-shadow:0 20px 60px rgba(0,0,0,.08);}
.quote-icon {position:absolute; top:35px; right:40px; font-size:70px; color:#4fd1c5; opacity:.12;}
.founder-message h3 {font-size:34px; margin-bottom:25px; font-weight:800;}
.founder-message p {font-size:17px; line-height:1.9; color:#555; margin-bottom:22px;}
.founder-sign {margin-top:35px; padding-top:25px; border-top:1px solid #ececec;}
.founder-sign img {height:60px; margin-bottom:10px;}
.founder-sign h5 {margin-bottom:5px; font-weight:700;}
.founder-sign span {color:#0E7C66; font-weight:600;}

@media(max-width:991px) {
.founder-section {padding:80px 0;}
.founder-image {margin-bottom:40px;}
.founder-message {padding:35px;}
.founder-message h3 {font-size:28px;}
}

@media(max-width:767px) {
.founder-section {padding:70px 0;}
.founder-message {padding:30px;}
.founder-message h3 {font-size:24px;}
.founder-message p {font-size:15px;}
.quote-icon {font-size:50px;}
}

.journey-section {padding:100px 0; background:#f8fbfc;}
.journey-wrapper {margin-top:70px; position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:25px;}
.journey-line {position:absolute; left:10%; right:10%; top:42px; height:5px; background:linear-gradient(90deg,#4fd1c5,#0E7C66); border-radius:20px; z-index:1;}
.journey-item {position:relative; z-index:2; text-align:center;}
.journey-circle {width:86px; height:86px; margin:auto; border-radius:50%; background:#fff; border:6px solid #4fd1c5; display:flex; align-items:center; justify-content:center; font-size:34px; color:#0E7C66; box-shadow:0 15px 35px rgba(0,0,0,.08), 0 0 0 10px rgba(79, 209, 197, .12); transition:.35s;}
.journey-item:hover .journey-circle {transform:translateY(-10px) scale(1.08); background:#0E7C66; color:#fff; border-color:#fff;}
.journey-year {display:block; margin:18px 0; font-size:28px; font-weight:800; color:#0E7C66;}
.journey-card {background:#fff; border-radius:22px; padding:25px; min-height:190px; box-shadow:0 15px 40px rgba(0,0,0,.06); transition:.35s;}
.journey-item:hover .journey-card {transform:translateY(-10px); box-shadow:0 25px 55px rgba(0,0,0,.12);}
.journey-card h5 {font-size:22px; margin-bottom:15px; font-weight:700;}
.journey-card p {color:#667085; line-height:1.8; margin:0; font-size:15px;}

@media(max-width:1200px) {
.journey-wrapper {grid-template-columns:repeat(3,1fr);}
.journey-line {display:none;}
}

@media(max-width:768px) {
.journey-wrapper {grid-template-columns:1fr; gap:40px;}
.journey-card {min-height:auto;}
}

#preloader {position:fixed; inset:0; background:#fff; display:flex; align-items:center; justify-content:center; z-index:999999; transition:.6s;}
.loader {position:relative; width:90px; height:90px;}
.loader img {position:absolute; inset:0; margin:auto; width:52px; z-index:2;}
.loader span {position:absolute; inset:0; border-radius:50%; border:4px solid rgba(79,209,197,.2); border-top:4px solid #0E7C66; animation:loaderSpin 1s linear infinite;}

@keyframes loaderSpin {
100% {transform:rotate(360deg);}
}

body.loaded #preloader {opacity:0; visibility:hidden;}

.mvo-hero {background:linear-gradient(rgba(0,90,60,.75), rgba(0, 90, 60, .75)), url("../images/hero/hero-7.jpg") center/cover no-repeat; color:#fff; padding:180px 0 90px;}
.mvo-hero h1 {font-size:48px; font-weight:700; color:#fff; margin-bottom:15px;}
.mvo-breadcrumb {background:transparent; margin:15px 0 0;}
.mvo-breadcrumb .breadcrumb-item, .mvo-breadcrumb .breadcrumb-item a {color:#fff; text-decoration:none;}
.mvo-section {padding:80px 0;}
.mvo-title {margin-bottom:50px; text-align:center;}
.mvo-subtitle {color:#198754; text-transform:uppercase; letter-spacing:2px; font-weight:600; display:block; margin-bottom:10px;}
.mvo-title h2 {font-weight:700; color:#222;}
.mvo-card {background:#fff; border-radius:15px; padding:40px; box-shadow:0 10px 35px rgba(0,0,0,.08);}
.mvo-card i {font-size:42px; color:#198754;}
.mvo-card p {margin-top:20px; margin-bottom:0;}
.mvo-objective {display:flex; align-items:flex-start; gap:15px; padding:20px; border:1px solid #eee; border-radius:12px; height:100%; transition:.35s ease; background:#fff;}
.mvo-objective:hover {transform:translateY(-5px); box-shadow:0 12px 30px rgba(0,0,0,.08);}
.mvo-objective i {color:#198754; font-size:24px; flex-shrink:0; margin-top:4px;}
.mvo-objective p {margin:0;}
.mvo-cta {background:#198754; color:#fff; padding:70px 0; text-align:center;}
.mvo-cta h2 {color:#fff; margin-bottom:20px;}
.mvo-cta p {max-width:700px; margin:0 auto 30px;}
.mvo-cta .btn {padding:12px 35px; border-radius:50px;}

.mvo-section{ position:relative; padding:80px 0; background:#fff; overflow:hidden;
} .mvo-section::before{ content:""; position:absolute; top:-120px; left:-120px; width:280px; height:280px; background:rgba(34,197,94,.06); border-radius:50%;
} .mvo-section::after{ content:""; position:absolute; bottom:-150px; right:-150px; width:340px; height:340px; background:rgba(13,110,253,.04); border-radius:50%;
} .mvo-section .container{ position:relative; z-index:2;
}

.mvo-light {background:#f8fbfa;}
.mvo-heading span {display:inline-block; color:#1b8b5a; font-weight:700; text-transform:uppercase; letter-spacing:2px; margin-bottom:15px;}
.mvo-heading h2 {font-size:42px; font-weight:700; color:#1f2937; margin-bottom:20px;}
.mvo-heading p {color:#6b7280; line-height:1.9; font-size:17px;}
.mvo-feature {position:relative; background:#fff; padding:55px; border-radius:25px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.08); border-left:6px solid #1b8b5a;}
.mvo-feature::before {content:""; position:absolute; right:-70px; top:-70px; width:180px; height:180px; background:#eef8f3; border-radius:50%;}
.mvo-icon {width:90px; height:90px; background:#1b8b5a; border-radius:22px; display:flex; align-items:center; justify-content:center; margin-bottom:30px; position:relative; z-index:2;}
.mvo-icon i {color:#fff; font-size:42px;}
.mvo-feature p {position:relative; z-index:2; margin:0; font-size:18px; line-height:1.9; color:#555;}

.team-section {padding:80px 0;}
.team-heading {max-width:760px; margin:auto auto 60px;}
.team-subtitle {display:inline-block; color:#198754; text-transform:uppercase; letter-spacing:2px; font-weight:700; margin-bottom:15px;}
.team-heading h2 {font-size:42px; font-weight:700; margin-bottom:20px;}
.team-heading p {color:#666; line-height:1.9;}
.team-stat {background:#fff; border-radius:18px; padding:35px; text-align:center; box-shadow:0 12px 30px rgba(0,0,0,.08); transition:.35s;}
.team-stat:hover {transform:translateY(-8px);}
.team-stat i {font-size:45px; color:#198754; margin-bottom:20px;}
.team-stat h3 {font-size:42px; font-weight:700; margin-bottom:5px;}
.team-stat span {color:#666;}
.team-table {border-radius:18px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.08);}
.team-table thead {background:#198754; color:#fff;}
.team-table thead th {padding:18px; border:none;}
.team-table td {padding:18px; vertical-align:middle;}
.team-table tbody tr:hover {background:#f8fbfa;}
.team-light {background:#f8fbfa;}
.team-highlight {background:linear-gradient(135deg,#198754,#31b66b); color:#fff;}
.team-highlight i, .team-highlight span, .team-highlight h3 {color:#fff;}
.team-table tbody td {font-size:15px;}
.team-table .table-success {background:#eaf8ef !important;}
.team-table tbody tr {transition:.3s;}
.team-table tbody tr:hover {background:#f4fbf6;}

@media (max-width:768px) {
.team-heading h2 {font-size:30px;}
.team-stat {padding:25px;}
.team-stat h3 {font-size:32px;}
.team-table {min-width:900px;}
}

.legal-section {padding:80px 0;}
.legal-heading {max-width:760px; margin:auto auto 60px;}
.legal-subtitle {display:inline-block; color:#198754; text-transform:uppercase; letter-spacing:2px; font-weight:700; margin-bottom:15px;}
.legal-heading h2 {font-size:42px; font-weight:700; margin-bottom:20px;}
.legal-heading p {color:#666; line-height:1.9;}
.legal-card {display:flex; gap:25px; background:#fff; border-radius:18px; padding:30px; height:100%; box-shadow:0 12px 35px rgba(0,0,0,.08); transition:.35s;}
.legal-card:hover {transform:translateY(-8px);}
.legal-icon {width:70px; height:70px; background:#198754; color:#fff; border-radius:18px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.legal-icon i {font-size:32px;}
.legal-card h5 {font-weight:700; margin-bottom:12px;}
.legal-card p {margin:0; line-height:1.8; color:#666;}

@media(max-width:767px) {
.legal-card {flex-direction:column; text-align:center;}
.legal-icon {margin:auto;}
.legal-heading h2 {font-size:32px;}
}

.committee-section {padding:80px 0;}
.committee-heading {max-width:760px; margin:auto auto 60px;}
.committee-subtitle {display:inline-block; color:#198754; font-weight:700; text-transform:uppercase; letter-spacing:2px; margin-bottom:15px;}
.committee-heading h2 {font-size:42px; font-weight:700; margin-bottom:20px;}
.committee-heading p {color:#666; line-height:1.9;}
.committee-card {background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 12px 35px rgba(0,0,0,.08);}
.committee-card-header {display:flex; justify-content:space-between; align-items:center; padding:30px; border-bottom:1px solid #eee;}
.committee-card-header h3 {font-size:28px; margin-bottom:10px;}
.committee-card-header i {color:#198754; margin-right:10px;}
.committee-card-header p {margin:0; color:#666;}
.committee-count {background:#198754; color:#fff; padding:10px 20px; border-radius:50px; font-weight:600;}
.committee-table thead {background:#198754; color:#fff;}
.committee-table th {border:none; padding:18px;}
.committee-table td {padding:18px; vertical-align:middle;}
.committee-table tbody tr:hover {background:#f8fbfa;}

@media(max-width:768px) {
.committee-card-header {flex-direction:column; text-align:center; gap:20px;}
.committee-heading h2 {font-size:32px;}
.committee-table {min-width:850px;}
}

.policy-section {padding:80px 0;}
.policy-heading {max-width:760px; margin:0 auto 60px;}
.policy-subtitle {display:inline-block; color:#198754; font-weight:700; text-transform:uppercase; letter-spacing:2px; margin-bottom:15px;}
.policy-heading h2 {font-size:42px; font-weight:700; margin-bottom:20px;}
.policy-heading p {color:#666; line-height:1.9;}
.policy-card {display:flex; align-items:flex-start; gap:25px; background:#fff; border-radius:18px; padding:30px; height:100%; box-shadow:0 12px 35px rgba(0,0,0,.08); transition:.35s; border-left:5px solid #198754;}
.policy-card:hover {transform:translateY(-6px);}
.policy-icon {width:70px; height:70px; background:#198754; color:#fff; border-radius:18px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.policy-icon i {font-size:30px;}
.policy-card h4 {font-size:22px; margin-bottom:10px; font-weight:700;}
.policy-card p {margin:0; color:#666; line-height:1.8;}

@media(max-width:768px) {
.policy-heading h2 {font-size:32px;}
.policy-card {flex-direction:column; text-align:center;}
.policy-icon {margin:0 auto;}
}

.network-section {padding:80px 0;}
.network-heading {max-width:760px; margin:0 auto 60px;}
.network-subtitle {display:inline-block; color:#198754; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:15px;}
.network-heading h2 {font-size:42px; font-weight:700; margin-bottom:20px;}
.network-heading p {color:#666; line-height:1.9;}
.network-stat {background:#fff; border-radius:18px; padding:35px; text-align:center; box-shadow:0 12px 30px rgba(0,0,0,.08); transition:.35s;}
.network-stat:hover {transform:translateY(-8px);}
.network-stat i {font-size:42px; color:#198754; margin-bottom:20px;}
.network-stat h3 {font-size:42px; font-weight:700; margin-bottom:5px;}
.network-stat span {color:#666;}
.network-table {border-radius:18px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.08);}
.network-table thead {background:#198754; color:#fff;}
.network-table th {padding:18px; border:none;}
.network-table td {padding:18px; vertical-align:middle;}
.network-table tbody tr {transition:.3s;}
.network-table tbody tr:hover {background:#f8fbfa;}

@media(max-width:768px) {
.network-heading h2 {font-size:32px;}
.network-stat {padding:25px;}
.network-table {min-width:700px;}
}

.theme-section {padding:80px 0;}
.theme-heading {max-width:760px; margin:0 auto 60px;}
.theme-subtitle {display:inline-block; color:#198754; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:15px;}
.theme-heading h2 {font-size:42px; font-weight:700; margin-bottom:20px;}
.theme-heading p {color:#666; line-height:1.9;}
.theme-accordion .accordion-item {border:none; border-radius:18px; overflow:hidden; margin-bottom:18px; box-shadow:0 12px 30px rgba(0,0,0,.08);}
.theme-accordion .accordion-button {padding:22px 28px; font-size:19px; font-weight:600; background:#fff; color:#222; box-shadow:none;}
.theme-accordion .accordion-button:not(.collapsed) {background:#198754; color:#fff;}
.theme-accordion .accordion-button i {font-size:22px;}
.theme-accordion .accordion-button::after {filter:brightness(0);}
.theme-accordion .accordion-button:not(.collapsed)::after {filter:brightness(100);}
.theme-accordion .accordion-body {padding:30px; line-height:1.9; color:#666; background:#fff;}

@media(max-width:768px) {
.theme-heading h2 {font-size:32px;}
.theme-accordion .accordion-button {font-size:17px; padding:18px;}
}

.program-section {padding:80px 0; background:#f8fbfa;}
.program-heading {max-width:760px; margin:0 auto 60px;}
.program-subtitle {display:inline-block; color:#198754; font-weight:700; text-transform:uppercase; letter-spacing:2px; margin-bottom:15px;}
.program-heading h2 {font-size:42px; font-weight:700; margin-bottom:20px;}
.program-heading p {color:#666; line-height:1.9;}
.program-card {background:#fff; border-radius:20px; padding:35px; display:flex; gap:30px; height:100%; box-shadow:0 12px 30px rgba(0,0,0,.08); transition:.35s;}
.program-card:hover {transform:translateY(-8px);}
.program-icon {width:85px; height:85px; background:#198754; color:#fff; border-radius:20px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.program-icon i {font-size:38px;}
.program-content h3 {font-size:24px; font-weight:700; margin-bottom:18px;}
.program-content p {color:#666; line-height:1.9; margin-bottom:25px;}
.program-btn {display:inline-flex; align-items:center; gap:10px; padding:12px 24px; background:#198754; color:#fff; border-radius:50px; text-decoration:none; font-weight:600; transition:.3s;}
.program-btn:hover {background:#146c43; color:#fff;}
.program-empty {height:100%; border:2px dashed #cfd8d3; border-radius:20px; padding:50px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.program-empty i {font-size:50px; color:#198754; margin-bottom:20px;}
.program-empty h4 {font-weight:700; margin-bottom:15px;}
.program-empty p {color:#666; max-width:300px;}

@media(max-width:768px) {
.program-heading h2 {font-size:32px;}
.program-card {flex-direction:column; text-align:center;}
.program-icon {margin:auto;}
}

.project-table {background:#fff; border-radius:20px; overflow:hidden; border-collapse:separate; border-spacing:0; box-shadow:0 15px 40px rgba(0,0,0,.08); margin-bottom:0;}
.project-table thead {background:linear-gradient(135deg,#198754,#28a745);}
.project-table thead th {color:#fff;background:#198754; padding:18px; font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; border:none; white-space:nowrap;}
.project-table tbody td {padding:18px; vertical-align:middle; border-bottom:1px solid #edf2f7;}
.project-table tbody td:first-child {background:#198754; color:#fff; font-weight:700; text-align:center; width:70px;}
.project-table tbody tr:nth-child(even) {background:#f8fcf9;}
.project-table tbody tr:nth-child(odd) {background:#ffffff;}
.project-table tbody tr {transition:.35s;}
.project-table tbody tr:hover {background:#eefaf2; transform:scale(1.003);}
.project-table tbody td:nth-child(2) {font-weight:700; color:#0d6efd;}
.project-table tbody td:nth-child(3) {color:#6f42c1;}
.project-table tbody td:nth-child(4) {font-weight:600; color:#198754;}
.project-table tbody td:last-child {color:#d63384; font-weight:600;}
.project-table thead th:first-child {border-top-left-radius:20px;}
.project-table thead th:last-child {border-top-right-radius:20px;}

@media(max-width:768px) {
.project-table {min-width:1100px;}
}

.project-heading {max-width:820px; margin:0 auto 60px;}
.project-subtitle {display:inline-flex; align-items:center; gap:10px; padding:8px 20px; background:rgba(25,135,84,.10); color:#198754; border-radius:50px; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:18px;}
.project-subtitle::before {content:""; width:8px; height:8px; border-radius:50%; background:#198754;}
.project-heading h2 {font-size:48px; font-weight:800; color:#1f2937; margin-bottom:20px;}
.project-heading p {font-size:18px; color:#6b7280; line-height:1.9;}
.project-stat {position:relative; overflow:hidden; background:#fff; border-radius:20px; padding:40px 25px; text-align:center; height:100%; border:1px solid #edf2f7; box-shadow:0 15px 40px rgba(0,0,0,.06); transition:all .35s ease;}
.project-stat::before {content:""; position:absolute; width:120px; height:120px; background:rgba(25,135,84,.06); border-radius:50%; top:-40px; right:-40px; transition:.35s;}
.project-stat:hover {transform:translateY(-10px); box-shadow:0 25px 50px rgba(25,135,84,.15);}
.project-stat:hover::before {transform:scale(1.3);}
.project-stat i {width:80px; height:80px; display:inline-flex; align-items:center; justify-content:center; border-radius:20px; background:linear-gradient(135deg,#198754,#28a745); color:#fff; font-size:34px; margin-bottom:25px; box-shadow:0 10px 25px rgba(25, 135, 84, .30);}
.project-stat h3 {font-size:44px; font-weight:800; color:#198754; margin-bottom:8px;}
.project-stat span {display:block; font-size:16px; color:#6b7280; font-weight:600;}

@media(max-width:991px) {
.project-heading h2 {font-size:40px;}
}

@media(max-width:767px) {
.project-heading {margin-bottom:40px;}
.project-heading h2 {font-size:32px;}
.project-heading p {font-size:16px;}
.project-stat {padding:30px 20px;}
.project-stat h3 {font-size:36px;}
.project-stat i {width:70px; height:70px; font-size:28px;}
}

.past-project-section {padding:90px 0; background:#f8fbfc;}
.past-project-heading {max-width:850px; margin:0 auto 60px;}
.past-project-subtitle {display:inline-flex; align-items:center; gap:10px; background:#e8f7ef; color:#198754; padding:10px 22px; border-radius:50px; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:20px;}
.past-project-subtitle::before {content:""; width:8px; height:8px; border-radius:50%; background:#198754;}
.past-project-heading h2 {font-size:48px; font-weight:800; color:#1f2937; margin-bottom:20px;}
.past-project-heading p {font-size:18px; line-height:1.9; color:#6b7280;}
.past-stat {position:relative; overflow:hidden; background:#fff; border-radius:20px; padding:40px 25px; text-align:center; height:100%; border:1px solid #edf2f7; box-shadow:0 15px 40px rgba(0,0,0,.07); transition:.35s;}
.past-stat::before {content:""; position:absolute; width:130px; height:130px; background:rgba(25,135,84,.06); border-radius:50%; right:-45px; top:-45px;}
.past-stat:hover {transform:translateY(-10px); box-shadow:0 20px 45px rgba(25,135,84,.15);}
.past-stat i {width:80px; height:80px; display:inline-flex; justify-content:center; align-items:center; background:linear-gradient(135deg,#198754,#28a745); color:#fff; border-radius:18px; font-size:34px; margin-bottom:25px;}
.past-stat h3 {font-size:42px; font-weight:800; color:#198754; margin-bottom:8px;}
.past-stat span {color:#6b7280; font-size:16px; font-weight:600;}
.past-timeline {position:relative; margin-top:70px; padding-left:40px;}
.past-timeline::before {content:""; position:absolute; left:12px; top:0; bottom:0; width:4px; background:#198754; border-radius:10px;}
.timeline-item {position:relative; margin-bottom:40px;}
.timeline-item:last-child {margin-bottom:0;}
.timeline-item::before {content:""; position:absolute; left:-36px; top:15px; width:18px; height:18px; background:#198754; border:5px solid #fff; border-radius:50%; box-shadow:0 0 0 4px rgba(25,135,84,.15);}
.timeline-year {display:inline-block; background:linear-gradient(135deg,#198754,#28a745); color:#fff; padding:8px 18px; border-radius:50px; font-weight:700; margin-bottom:15px;}
.timeline-content {background:#fff; padding:30px; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,.07);}
.timeline-content h4 {font-size:22px; font-weight:700; margin-bottom:15px; color:#1f2937;}
.timeline-content p {color:#6b7280; line-height:1.8; margin:0;}
.project-table {background:#fff; border-radius:20px; overflow:hidden; border-collapse:separate; border-spacing:0; box-shadow:0 15px 40px rgba(0,0,0,.08);}
.project-table thead {background:linear-gradient(135deg,#198754,#28a745);}
.project-table thead th {color:#fff; border:none; padding:18px; font-size:15px; text-transform:uppercase; font-weight:700; letter-spacing:.5px; white-space:nowrap;}
.project-table tbody td {padding:18px; border-bottom:1px solid #edf2f7; vertical-align:middle;}
.project-table tbody td:first-child {background:#198754; color:#fff; font-weight:700; text-align:center; width:70px;}
.project-table tbody td:nth-child(2) {font-weight:700; color:#0d6efd;}
.project-table tbody td:nth-child(3) {font-weight:600; color:#198754;}
.project-table tbody td:nth-child(4) {color:#6f42c1; font-weight:600;}
.project-table tbody td:nth-child(5) {color:#fd7e14; font-weight:700;}
.project-table tbody td:last-child {color:#d63384; font-weight:600;}
.project-table tbody tr:nth-child(even) {background:#f8fcf9;}
.project-table tbody tr:hover {background:#eefaf2; transition:.3s;}

@media(max-width:991px) {
.past-project-heading h2 {font-size:40px;}
}

@media(max-width:767px) {
.past-project-section {padding:70px 0;}
.past-project-heading {margin-bottom:40px;}
.past-project-heading h2 {font-size:32px;}
.past-project-heading p {font-size:16px;}
.past-stat {padding:30px 20px;}
.past-stat h3 {font-size:34px;}
.past-timeline {padding-left:28px;}
.timeline-content {padding:22px;}
.project-table {min-width:1100px;}
}

.mvo-cta {position:relative; overflow:hidden; padding:90px 0; background:linear-gradient(135deg,#0f5132,#198754,#20c997);}
.mvo-cta::before {content:""; position:absolute; width:320px; height:320px; border-radius:50%; background:rgba(255,255,255,.08); top:-120px; left:-120px;}
.mvo-cta::after {content:""; position:absolute; width:260px; height:260px; border-radius:50%; background:rgba(255,255,255,.06); bottom:-120px; right:-100px;}
.mvo-cta-wrapper {position:relative; z-index:2; max-width:900px; margin:auto; text-align:center; color:#fff;}
.mvo-cta-tag {display:inline-flex; align-items:center; gap:8px; padding:8px 20px; background:rgba(255,255,255,.15); border:1px solid rgba(255, 255, 255, .25); border-radius:50px; margin-bottom:25px; font-size:14px; font-weight:700;}
.mvo-cta h2 {font-size:48px; font-weight:800; line-height:1.3; margin-bottom:25px;}
.mvo-cta p {font-size:18px; line-height:1.9; color:rgba(255,255,255,.92); max-width:760px; margin:0 auto 45px;}
.mvo-cta-stats {display:flex; justify-content:center; gap:25px; margin-bottom:45px; flex-wrap:wrap;}
.cta-item {min-width:180px; padding:22px; background:rgba(255,255,255,.12); border:1px solid rgba(255, 255, 255, .15); backdrop-filter:blur(10px); border-radius:18px;}
.cta-item h3 {font-size:36px; font-weight:800; margin-bottom:8px;}
.cta-item span {color:rgba(255,255,255,.9);}
.mvo-cta-buttons {display:flex; justify-content:center; gap:18px; flex-wrap:wrap;}
.mvo-cta-buttons .btn {padding:15px 35px; border-radius:50px; font-size:16px; font-weight:700; transition:.35s;}
.mvo-cta-buttons .btn-success {background:#fff; color:#198754; border:none;}
.mvo-cta-buttons .btn-success:hover {transform:translateY(-5px); background:#f8f9fa; color:#146c43;}
.mvo-cta-buttons .btn-outline-light:hover {background:#fff; color:#198754; transform:translateY(-5px);}

@media(max-width:768px) {
.mvo-cta {padding:70px 0;}
.mvo-cta h2 {font-size:34px;}
.mvo-cta p {font-size:16px;}
.cta-item {width:100%;}
}

.contribution-section {padding:90px 0; background:#f8fbfc;}
.contribution-heading {max-width:820px; margin:0 auto 60px;}
.contribution-subtitle {display:inline-block; padding:8px 20px; border-radius:50px; background:#e9f8ef; color:#198754; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:18px;}
.contribution-heading h2 {font-size:48px; font-weight:800; margin-bottom:20px; color:#1f2937;}
.contribution-heading p {font-size:18px; color:#6b7280; line-height:1.9;}
.impact-card {display:flex; gap:25px; background:#fff; border-radius:20px; padding:35px; height:100%; box-shadow:0 15px 35px rgba(0,0,0,.07); transition:.35s;}
.impact-card:hover {transform:translateY(-10px); box-shadow:0 20px 45px rgba(25,135,84,.12);}
.impact-icon {width:85px; height:85px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:18px; background:linear-gradient(135deg,#198754,#28a745); color:#fff; font-size:34px;}
.impact-content h3 {font-size:24px; font-weight:700; margin-bottom:15px; color:#1f2937;}
.impact-content p {color:#6b7280; line-height:1.8; margin:0;}

@media(max-width:768px) {
.contribution-heading h2 {font-size:34px;}
.contribution-heading p {font-size:16px;}
.impact-card {flex-direction:column; text-align:center;}
.impact-icon {margin:auto;}
}

.impact-stats-section {padding:90px 0; background:linear-gradient(135deg,#f8fbfc,#eef8f2);}
.impact-stats-heading {max-width:820px; margin:0 auto 60px;}
.impact-stats-subtitle {display:inline-block; padding:8px 22px; background:#e8f7ef; color:#198754; border-radius:50px; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:18px;}
.impact-stats-heading h2 {font-size:46px; font-weight:800; color:#1f2937; margin-bottom:20px;}
.impact-stats-heading p {font-size:18px; color:#6b7280; line-height:1.9;}
.impact-stat-card {position:relative; overflow:hidden; background:#fff; border-radius:22px; padding:40px 30px; text-align:center; height:100%; border:1px solid #edf2f7; box-shadow:0 15px 35px rgba(0,0,0,.07); transition:.35s;}
.impact-stat-card::before {content:""; position:absolute; width:140px; height:140px; border-radius:50%; background:rgba(25,135,84,.05); right:-50px; top:-50px;}
.impact-stat-card:hover {transform:translateY(-10px); box-shadow:0 25px 45px rgba(25,135,84,.15);}
.impact-stat-icon {width:85px; height:85px; margin:0 auto 25px; display:flex; align-items:center; justify-content:center; border-radius:20px; background:linear-gradient(135deg,#198754,#20c997); color:#fff; font-size:34px; box-shadow:0 12px 25px rgba(25, 135, 84, .25);}
.impact-stat-card h3 {font-size:48px; font-weight:800; color:#198754; margin-bottom:10px;}
.impact-stat-card h5 {font-size:22px; font-weight:700; color:#1f2937; margin-bottom:15px;}
.impact-stat-card p {color:#6b7280; line-height:1.8; margin:0;}

@media(max-width:991px) {
.impact-stats-heading h2 {font-size:38px;}
}

@media(max-width:767px) {
.impact-stats-section {padding:70px 0;}
.impact-stats-heading {margin-bottom:40px;}
.impact-stats-heading h2 {font-size:32px;}
.impact-stats-heading p {font-size:16px;}
.impact-stat-card {padding:30px 20px;}
.impact-stat-card h3 {font-size:38px;}
.impact-stat-card h5 {font-size:20px;}
}

.updates-section {padding:90px 0; background:linear-gradient(180deg,#f8fbfc,#ffffff);}
.updates-heading {max-width:850px; margin:0 auto 60px;}
.updates-subtitle {display:inline-flex; align-items:center; gap:10px; padding:10px 24px; background:#e8f7ef; color:#198754; border-radius:50px; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:18px;}
.updates-subtitle::before {content:""; width:8px; height:8px; border-radius:50%; background:#198754;}
.updates-heading h2 {font-size:48px; font-weight:800; color:#1f2937; margin-bottom:20px;}
.updates-heading p {font-size:18px; color:#6b7280; line-height:1.9;}
.update-card {position:relative; overflow:hidden; border-radius:22px; background:#fff; box-shadow:0 15px 40px rgba(0,0,0,.08); transition:.4s; height:100%;}
.update-card:hover {transform:translateY(-10px); box-shadow:0 25px 50px rgba(25,135,84,.18);}
.update-card a {display:block; position:relative; overflow:hidden; text-decoration:none;}
.update-card img {width:100%; height:320px; object-fit:cover; transition:transform .7s ease;}
.update-card:hover img {transform:scale(1.12);}
.update-overlay {position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:30px; background:linear-gradient(to top, rgba(0,0,0,.82), rgba(0, 0, 0, .15), transparent); transition:.4s;}
.update-overlay span {position:absolute; top:20px; right:20px; width:50px; height:50px; display:flex; justify-content:center; align-items:center; border-radius:50%; background:rgba(255,255,255,.15); backdrop-filter:blur(10px); color:#fff; font-size:20px; transition:.3s;}
.update-card:hover .update-overlay span {background:#198754; transform:rotate(15deg);}
.update-overlay h4 {color:#fff; font-size:24px; font-weight:700; line-height:1.4; margin:0; transform:translateY(25px); transition:.35s;}
.update-card:hover .update-overlay h4 {transform:translateY(0);}
.update-card::before {content:""; position:absolute; inset:12px; border:1px solid rgba(255,255,255,.15); border-radius:18px; opacity:0; transition:.4s; z-index:2; pointer-events:none;}
.update-card:hover::before {opacity:1;}

@media(max-width:991px) {
.updates-heading h2 {font-size:40px;}
.update-card img {height:280px;}
}

@media(max-width:767px) {
.updates-section {padding:70px 0;}
.updates-heading {margin-bottom:40px;}
.updates-heading h2 {font-size:32px;}
.updates-heading p {font-size:16px;}
.update-card img {height:250px;}
.update-overlay {padding:20px;}
.update-overlay h4 {font-size:20px;}
}

.reports-section {padding:90px 0; background:linear-gradient(180deg,#f8fbfc,#ffffff);}
.reports-heading {max-width:850px; margin:0 auto 60px;}
.reports-subtitle {display:inline-flex; align-items:center; gap:10px; padding:10px 24px; background:#e8f7ef; color:#198754; border-radius:50px; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:18px;}
.reports-subtitle::before {content:""; width:8px; height:8px; border-radius:50%; background:#198754;}
.reports-heading h2 {font-size:48px; font-weight:800; color:#1f2937; margin-bottom:20px;}
.reports-heading p {font-size:18px; line-height:1.9; color:#6b7280;}
.report-card {position:relative; overflow:hidden; background:#fff; border-radius:22px; padding:40px 35px; text-align:center; height:100%; border:1px solid #edf2f7; box-shadow:0 15px 40px rgba(0,0,0,.08); transition:.35s;}
.report-card:hover {transform:translateY(-10px); box-shadow:0 25px 50px rgba(25,135,84,.15);}
.report-card::before {content:""; position:absolute; width:140px; height:140px; background:rgba(25,135,84,.05); border-radius:50%; top:-60px; right:-60px;}
.report-icon {width:90px; height:90px; margin:0 auto 25px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#dc3545,#ff6b6b); color:#fff; border-radius:20px; font-size:42px; box-shadow:0 12px 30px rgba(220, 53, 69, .25);}
.report-year {display:inline-block; padding:8px 18px; background:#198754; color:#fff; border-radius:50px; font-size:14px; font-weight:700; margin-bottom:18px;}
.report-card h4 {font-size:24px; font-weight:700; color:#1f2937; margin-bottom:15px;}
.report-card p {color:#6b7280; line-height:1.8; margin-bottom:30px; min-height:85px;}
.report-buttons {display:flex; justify-content:center; gap:12px; flex-wrap:wrap;}
.report-buttons .btn {border-radius:50px; padding:12px 22px; font-weight:600; transition:.3s;}
.report-buttons .btn-success {background:#198754; border-color:#198754;}
.report-buttons .btn-success:hover {background:#146c43; border-color:#146c43; transform:translateY(-3px);}
.report-buttons .btn-outline-success:hover {background:#198754; color:#fff; transform:translateY(-3px);}
.report-card:hover .report-icon {transform:rotate(-8deg) scale(1.08); transition:.35s;}
.report-card:hover .report-year {background:#146c43;}

@media(max-width:991px) {
.reports-heading h2 {font-size:40px;}
}

@media(max-width:767px) {
.reports-section {padding:70px 0;}
.reports-heading {margin-bottom:40px;}
.reports-heading h2 {font-size:32px;}
.reports-heading p {font-size:16px;}
.report-card {padding:30px 22px;}
.report-card h4 {font-size:21px;}
.report-card p {min-height:auto; margin-bottom:25px;}
.report-buttons {flex-direction:column;}
.report-buttons .btn {width:100%;}
}

.finance-section {padding:90px 0; background:linear-gradient(180deg,#f8fbfc,#ffffff);}
.finance-heading {max-width:850px; margin:0 auto 60px;}
.finance-subtitle {display:inline-flex; align-items:center; gap:10px; padding:10px 24px; background:#e8f7ef; color:#198754; border-radius:50px; font-size:14px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:18px;}
.finance-subtitle::before {content:""; width:8px; height:8px; border-radius:50%; background:#198754;}
.finance-heading h2 {font-size:48px; font-weight:800; color:#1f2937; margin-bottom:20px;}
.finance-heading p {font-size:18px; line-height:1.9; color:#6b7280;}
.finance-stat {background:#fff; border-radius:22px; padding:35px; text-align:center; height:100%; border:1px solid #edf2f7; box-shadow:0 15px 35px rgba(0,0,0,.08); transition:.35s; position:relative; overflow:hidden;}
.finance-stat::before {content:""; position:absolute; width:120px; height:120px; background:rgba(25,135,84,.05); border-radius:50%; top:-50px; right:-50px;}
.finance-stat:hover {transform:translateY(-8px); box-shadow:0 22px 45px rgba(25,135,84,.15);}
.finance-icon {width:80px; height:80px; margin:0 auto 25px; border-radius:20px; display:flex; align-items:center; justify-content:center; font-size:34px; color:#fff; background:linear-gradient(135deg,#198754,#39b86c); box-shadow:0 12px 25px rgba(25, 135, 84, .25);}
.finance-stat h3 {font-size:38px; font-weight:800; color:#198754; margin-bottom:10px;}
.finance-stat span {color:#6b7280; font-size:16px; font-weight:600;}
.finance-table {background:#fff; border-radius:24px; overflow:hidden; box-shadow:0 20px 45px rgba(0,0,0,.08); margin-bottom:40px;}
.finance-table table {margin:0;}
.finance-table thead {background:linear-gradient(135deg,#198754,#146c43);}
.finance-table thead th {color:#fff;background:linear-gradient(135deg,#198754,#39b86c); border:none; padding:22px; font-size:17px; font-weight:700; text-align:center;}
.finance-table tbody td {padding:22px; text-align:center; font-size:17px; border-color:#eef2f7;}
.finance-table tbody tr:nth-child(even) {background:#f8fbfc;}
.finance-table tbody tr {transition:.3s;}
.finance-table tbody tr:hover {background:#eef8f2;}
.finance-table tbody td:first-child {font-weight:700; color:#198754;}
.finance-table tbody td:last-child {font-weight:700; color:#146c43; font-size:18px;}
.finance-table tfoot {background:#198754;}
.finance-table tfoot td {color:#fff;background:linear-gradient(135deg,#198754,#39b86c); padding:24px; font-size:18px; border:none;}
.finance-table tfoot td:last-child {text-align:center; font-size:22px; font-weight:800;}
.finance-note {background:#f3fbf6; border-left:5px solid #198754; border-radius:16px; padding:25px 30px; font-size:17px; line-height:1.9; color:#4b5563;}
.finance-note i {color:#198754; font-size:24px; margin-right:10px;}

@media(max-width:991px) {
.finance-heading h2 {font-size:40px;}
.finance-stat {margin-bottom:10px;}
}

@media(max-width:767px) {
.finance-section {padding:70px 0;}
.finance-heading {margin-bottom:40px;}
.finance-heading h2 {font-size:32px;}
.finance-heading p {font-size:16px;}
.finance-stat {padding:28px;}
.finance-stat h3 {font-size:30px;}
.finance-table {overflow-x:auto;}
.finance-table table {min-width:650px;}
.finance-note {font-size:15px; padding:20px;}
}

.career-section {padding:90px 0; background:linear-gradient(180deg,#f8fbfc,#ffffff);}
.career-heading {max-width:850px; margin:0 auto 60px;}
.career-subtitle {display:inline-flex; align-items:center; gap:10px; padding:10px 24px; background:#e8f7ef; color:#198754; border-radius:50px; font-size:14px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:18px;}
.career-subtitle::before {content:""; width:8px; height:8px; background:#198754; border-radius:50%;}
.career-heading h2 {font-size:48px; font-weight:800; color:#1f2937; margin-bottom:20px;}
.career-heading p {color:#6b7280; font-size:18px; line-height:1.9;}
.career-card {background:#fff; border-radius:25px; padding:45px; border:1px solid #edf2f7; box-shadow:0 20px 45px rgba(0,0,0,.08); position:relative; overflow:hidden;}
.career-card::before {content:""; position:absolute; width:180px; height:180px; border-radius:50%; background:rgba(25,135,84,.05); top:-80px; right:-80px;}
.career-badge {display:inline-flex; align-items:center; gap:10px; background:#198754; color:#fff; padding:12px 24px; border-radius:50px; font-size:15px; font-weight:700; margin-bottom:35px;}
.career-badge i {font-size:18px;}
.career-item {display:flex; justify-content:space-between; align-items:center; padding:22px 0; border-bottom:1px solid #edf2f7;}
.career-item:last-child {border-bottom:none;}
.career-item h3 {margin:0; font-size:26px; font-weight:700; color:#1f2937;}
.career-item span {background:#e8f7ef; color:#198754; padding:8px 18px; border-radius:50px; font-size:14px; font-weight:700;}
.career-info {display:flex; gap:18px; margin-top:35px; align-items:flex-start;}
.career-info i {width:58px; height:58px; background:linear-gradient(135deg,#198754,#32b768); color:#fff; display:flex; align-items:center; justify-content:center; border-radius:16px; font-size:24px; flex-shrink:0; box-shadow:0 10px 25px rgba(25, 135, 84, .20);}
.career-info h5 {margin-bottom:6px; font-weight:700; color:#1f2937;}
.career-info p {margin:0; color:#6b7280; line-height:1.7;}
.career-card .btn {padding:14px 35px; border-radius:50px; font-size:17px; font-weight:600; transition:.3s;}
.career-card .btn:hover {transform:translateY(-3px);}
.apply-box {background:#198754; color:#fff; padding:45px; border-radius:25px; box-shadow:0 20px 45px rgba(25,135,84,.20); height:100%;}
.apply-box h3 {font-size:34px; font-weight:700; margin-bottom:25px;}
.apply-box ul {padding-left:20px; margin-bottom:35px;}
.apply-box ul li {margin-bottom:16px; line-height:1.8;}
.office-address {background:rgba(255,255,255,.10); padding:25px; border-radius:18px; margin-bottom:30px;}
.office-address h5 {font-weight:700; margin-bottom:15px;}
.office-address p {margin:0; line-height:1.9;}
.contact-box {display:flex; flex-direction:column; gap:16px;}
.contact-box div {background:rgba(255,255,255,.12); border-radius:14px; padding:15px 18px; display:flex; align-items:center; gap:15px; font-weight:600;}
.contact-box i {width:40px; height:40px; border-radius:50%; background:#fff; color:#198754; display:flex; align-items:center; justify-content:center;}
.career-card:hover {transform:translateY(-8px); transition:.35s;}
.apply-box:hover {transform:translateY(-8px); transition:.35s;}

@media(max-width:991px) {
.career-heading h2 {font-size:40px;}
.apply-box {margin-top:25px;}
}

@media(max-width:767px) {
.career-section {padding:70px 0;}
.career-heading {margin-bottom:40px;}
.career-heading h2 {font-size:32px;}
.career-heading p {font-size:16px;}
.career-card, .apply-box {padding:30px 22px;}
.career-item {flex-direction:column; align-items:flex-start; gap:15px;}
.career-item h3 {font-size:22px;}
.career-info {margin-top:25px;}
.career-info i {width:50px; height:50px; font-size:20px;}
.apply-box h3 {font-size:28px;}
.contact-box div {font-size:14px;}
}

.volunteer-section {padding:90px 0; background:linear-gradient(180deg,#f8fbfc,#ffffff);}
.volunteer-heading {max-width:850px; margin:0 auto 60px;}
.volunteer-subtitle {display:inline-flex; align-items:center; gap:10px; padding:10px 24px; background:#e8f7ef; color:#198754; border-radius:50px; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:18px;}
.volunteer-subtitle::before {content:""; width:8px; height:8px; background:#198754; border-radius:50%;}
.volunteer-heading h2 {font-size:48px; font-weight:800; color:#1f2937; margin-bottom:20px;}
.volunteer-heading p {font-size:18px; line-height:1.9; color:#6b7280;}
.volunteer-section img {border-radius:24px; box-shadow:0 25px 60px rgba(0,0,0,.12);}
.volunteer-content h3 {font-size:34px; font-weight:700; margin-bottom:20px; color:#1f2937;}
.volunteer-content p {color:#6b7280; line-height:1.9; margin-bottom:30px;}
.volunteer-list {display:flex; flex-direction:column; gap:18px;}
.volunteer-list div {display:flex; align-items:center; gap:15px; background:#fff; padding:18px 22px; border-radius:16px; border:1px solid #edf2f7; box-shadow:0 8px 25px rgba(0,0,0,.05); transition:.35s;}
.volunteer-list div:hover {transform:translateX(8px); box-shadow:0 15px 30px rgba(25,135,84,.15);}
.volunteer-list i {color:#198754; font-size:22px;}
.volunteer-opportunities {padding:90px 0; background:#f8fbfc;}
.opportunity-card {background:#fff; text-align:center; padding:40px 30px; border-radius:24px; box-shadow:0 15px 40px rgba(0,0,0,.08); transition:.35s; height:100%; position:relative; overflow:hidden;}
.opportunity-card::before {content:""; position:absolute; width:140px; height:140px; border-radius:50%; background:rgba(25,135,84,.05); top:-60px; right:-60px;}
.opportunity-card:hover {transform:translateY(-10px); box-shadow:0 25px 50px rgba(25,135,84,.18);}
.opportunity-card i {width:90px; height:90px; display:flex; align-items:center; justify-content:center; margin:0 auto 25px; border-radius:22px; background:linear-gradient(135deg,#198754,#32b768); color:#fff; font-size:38px; box-shadow:0 12px 30px rgba(25, 135, 84, .25);}
.opportunity-card h4 {font-size:25px; font-weight:700; margin-bottom:15px; color:#1f2937;}
.opportunity-card p {color:#6b7280; line-height:1.8;}
.volunteer-process {padding:90px 0;}
.volunteer-process .section-title {margin-bottom:60px;}
.volunteer-process .section-title h2 {font-size:44px; font-weight:800; color:#1f2937;}
.volunteer-process .section-title p {color:#6b7280; font-size:18px;}
.step-card {background:#fff; padding:40px 30px; border-radius:22px; text-align:center; position:relative; box-shadow:0 15px 40px rgba(0,0,0,.08); transition:.35s; height:100%;}
.step-card:hover {transform:translateY(-8px);}
.step-card span {width:70px; height:70px; display:flex; align-items:center; justify-content:center; margin:0 auto 25px; border-radius:50%; background:#198754; color:#fff; font-size:24px; font-weight:700;}
.step-card h4 {font-size:24px; font-weight:700; margin-bottom:15px;}
.step-card p {color:#6b7280; line-height:1.8;}
.volunteer-cta {padding:90px 0; background:linear-gradient(135deg,#198754,#146c43);}
.cta-box {max-width:900px; margin:auto; color:#fff;}
.cta-box h2 {font-size:48px; font-weight:800; margin-bottom:20px;}
.cta-box p {font-size:19px; line-height:1.9; margin-bottom:35px; opacity:.95;}
.cta-box .btn {border-radius:50px; padding:16px 40px; font-weight:700; transition:.3s;}
.cta-box .btn:hover {transform:translateY(-3px);}

@media(max-width:991px) {
.volunteer-heading h2 {font-size:40px;}
.volunteer-content {margin-top:30px;}
.volunteer-process .section-title h2 {font-size:36px;}
.cta-box h2 {font-size:40px;}
}

@media(max-width:767px) {
.volunteer-section, .volunteer-opportunities, .volunteer-process, .volunteer-cta {padding:70px 0;}
.volunteer-heading {margin-bottom:40px;}
.volunteer-heading h2 {font-size:32px;}
.volunteer-heading p {font-size:16px;}
.volunteer-content h3 {font-size:28px;}
.opportunity-card, .step-card {padding:30px 22px;}
.opportunity-card h4, .step-card h4 {font-size:22px;}
.volunteer-process .section-title h2 {font-size:30px;}
.cta-box h2 {font-size:32px;}
.cta-box p {font-size:16px;}
.cta-box .btn {width:100%;}
}

.internship-section {padding:90px 0; background:linear-gradient(180deg,#f8fbfc,#ffffff);}
.internship-heading {max-width:850px; margin:0 auto 60px;}
.internship-subtitle {display:inline-flex; align-items:center; gap:10px; padding:10px 24px; background:#e8f7ef; color:#198754; border-radius:50px; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:18px;}
.internship-subtitle::before {content:""; width:8px; height:8px; background:#198754; border-radius:50%;}
.internship-heading h2 {font-size:48px; font-weight:800; color:#1f2937; margin-bottom:20px;}
.internship-heading p {font-size:18px; line-height:1.9; color:#6b7280;}
.internship-section img {border-radius:24px; box-shadow:0 25px 60px rgba(0,0,0,.12);}
.internship-content h3 {font-size:34px; font-weight:700; margin-bottom:20px; color:#1f2937;}
.internship-content p {color:#6b7280; line-height:1.9; margin-bottom:30px;}
.internship-list {display:flex; flex-direction:column; gap:18px;}
.internship-list div {display:flex; align-items:center; gap:15px; background:#fff; padding:18px 22px; border-radius:16px; border:1px solid #edf2f7; box-shadow:0 8px 25px rgba(0,0,0,.05); transition:.35s;}
.internship-list div:hover {transform:translateX(8px); box-shadow:0 15px 30px rgba(25,135,84,.15);}
.internship-list i {color:#198754; font-size:22px;}
.internship-eligibility {padding:90px 0; background:#f8fbfc;}
.internship-eligibility .section-title {margin-bottom:60px;}
.internship-eligibility .section-title h2 {font-size:44px; font-weight:800; color:#1f2937;}
.internship-eligibility .section-title p {color:#6b7280; font-size:18px;}
.eligibility-card {background:#fff; padding:40px 30px; border-radius:24px; text-align:center; box-shadow:0 15px 40px rgba(0,0,0,.08); transition:.35s; height:100%; position:relative; overflow:hidden;}
.eligibility-card::before {content:""; position:absolute; width:140px; height:140px; border-radius:50%; background:rgba(25,135,84,.05); top:-60px; right:-60px;}
.eligibility-card:hover {transform:translateY(-10px); box-shadow:0 25px 50px rgba(25,135,84,.18);}
.eligibility-card i {width:90px; height:90px; margin:0 auto 25px; display:flex; align-items:center; justify-content:center; border-radius:22px; background:linear-gradient(135deg,#198754,#32b768); color:#fff; font-size:38px; box-shadow:0 12px 30px rgba(25, 135, 84, .25);}
.eligibility-card h4 {font-size:24px; font-weight:700; margin-bottom:15px;}
.eligibility-card p {color:#6b7280; line-height:1.8;}
.internship-process {padding:90px 0;}
.internship-process .section-title {margin-bottom:60px;}
.internship-process .section-title h2 {font-size:44px; font-weight:800; color:#1f2937;}
.internship-process .section-title p {font-size:18px; color:#6b7280;}
.process-card {background:#fff; border-radius:22px; padding:40px 30px; text-align:center; box-shadow:0 15px 40px rgba(0,0,0,.08); transition:.35s; height:100%;}
.process-card:hover {transform:translateY(-8px);}
.process-card span {width:70px; height:70px; margin:0 auto 25px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#198754; color:#fff; font-size:24px; font-weight:700;}
.process-card h4 {font-size:24px; font-weight:700; margin-bottom:15px;}
.process-card p {color:#6b7280; line-height:1.8;}
.internship-benefits {padding:90px 0; background:#f8fbfc;}
.benefit-card {background:#fff; border-radius:22px; padding:40px 30px; text-align:center; box-shadow:0 15px 40px rgba(0,0,0,.08); transition:.35s; height:100%;}
.benefit-card:hover {transform:translateY(-8px); box-shadow:0 25px 50px rgba(25,135,84,.18);}
.benefit-card i {width:85px; height:85px; margin:0 auto 25px; display:flex; align-items:center; justify-content:center; border-radius:20px; background:linear-gradient(135deg,#198754,#32b768); color:#fff; font-size:36px;}
.benefit-card h4 {font-size:23px; font-weight:700; margin-bottom:15px;}
.benefit-card p {color:#6b7280; line-height:1.8;}
.internship-cta {padding:90px 0; background:linear-gradient(135deg,#198754,#146c43);}
.internship-cta .cta-box {max-width:900px; margin:auto; color:#fff;}
.internship-cta h2 {font-size:48px; font-weight:800; margin-bottom:20px;}
.internship-cta p {font-size:19px; line-height:1.9; margin-bottom:35px; opacity:.95;}
.internship-cta .btn {border-radius:50px; padding:16px 42px; font-size:17px; font-weight:700; transition:.3s;}
.internship-cta .btn:hover {transform:translateY(-3px);}

@media(max-width:991px) {
.internship-heading h2, .internship-eligibility .section-title h2, .internship-process .section-title h2, .internship-cta h2 {font-size:40px;}
.internship-content {margin-top:30px;}
}

@media(max-width:767px) {
.internship-section, .internship-eligibility, .internship-process, .internship-benefits, .internship-cta {padding:70px 0;}
.internship-heading {margin-bottom:40px;}
.internship-heading h2 {font-size:32px;}
.internship-heading p {font-size:16px;}
.internship-content h3 {font-size:28px;}
.eligibility-card, .process-card, .benefit-card {padding:30px 22px;}
.eligibility-card h4, .process-card h4, .benefit-card h4 {font-size:22px;}
.internship-cta h2 {font-size:32px;}
.internship-cta p {font-size:16px;}
.internship-cta .btn {width:100%;}
}

.donate-section {padding:90px 0; background:linear-gradient(180deg,#f8fbfc,#ffffff);}
.donate-heading {max-width:850px; margin:0 auto 60px;}
.donate-subtitle {display:inline-flex; align-items:center; gap:10px; padding:10px 24px; background:#e8f7ef; color:#198754; border-radius:50px; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:18px;}
.donate-subtitle::before {content:""; width:8px; height:8px; background:#198754; border-radius:50%;}
.donate-heading h2 {font-size:48px; font-weight:800; color:#1f2937; margin-bottom:20px;}
.donate-heading p {font-size:18px; color:#6b7280; line-height:1.9;}

.impact-card::before {content:""; position:absolute; width:140px; height:140px; background:rgba(25,135,84,.05); border-radius:50%; top:-60px; right:-60px;}
.impact-card:hover {transform:translateY(-10px); box-shadow:0 25px 50px rgba(25,135,84,.18);}


.impact-card {background:#fff; border-radius:24px; padding:35px 30px; box-shadow:0 15px 40px rgba(0,0,0,.08); transition:.35s; height:100%; position:relative; overflow:hidden; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:flex-start;}
.impact-card i {width:90px; height:90px; display:flex; align-items:center; justify-content:center; margin:0 auto 25px; border-radius:22px; background:linear-gradient(135deg,#198754,#32b768); color:#fff; font-size:38px; flex-shrink:0;}
.impact-card h4 {width:100%; margin-bottom:15px;}
.impact-card p {width:100%; margin:0;}

.bank-card {background:#fff; border-radius:24px; overflow:hidden; box-shadow:0 18px 45px rgba(0,0,0,.08); height:100%; transition:.35s;}
.bank-card:hover {transform:translateY(-8px); box-shadow:0 25px 55px rgba(25,135,84,.15);}
.bank-header {background:linear-gradient(135deg,#198754,#146c43); color:#fff; padding:25px 30px; display:flex; align-items:center; gap:18px;}
.bank-header i {width:65px; height:65px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.15); border-radius:18px; font-size:30px;}
.bank-header h3 {margin:0; font-size:28px; font-weight:700;}
.bank-card table {margin:0;}
.bank-card th {width:170px; color:#198754; font-weight:700; padding:18px 22px; border-color:#eef2f7; background:#f8fbfc;}
.bank-card td {padding:18px 22px; color:#4b5563; border-color:#eef2f7;}
.bank-card strong {color:#198754; font-size:17px;}
.tax-box {margin-top:60px; background:linear-gradient(135deg,#198754,#146c43); color:#fff; border-radius:25px; padding:40px; box-shadow:0 20px 50px rgba(25, 135, 84, .25);}
.tax-box i {font-size:70px;}
.tax-box h3 {font-size:34px; font-weight:700; margin-bottom:15px;}
.tax-box p {font-size:18px; line-height:1.9; margin:0;}
.tax-box strong {color:#ffe08a;}
.donate-cta {margin-top:70px;}
.donate-cta h2 {font-size:44px; font-weight:800; color:#1f2937; margin-bottom:20px;}
.donate-cta p {max-width:800px; margin:0 auto 35px; color:#6b7280; font-size:18px; line-height:1.9;}
.donate-cta .btn {border-radius:50px; padding:16px 42px; font-size:17px; font-weight:700; transition:.3s;}
.donate-cta .btn:hover {transform:translateY(-3px);}

@media(max-width:991px) {
.donate-heading h2 {font-size:40px;}
.bank-card {margin-bottom:20px;}
.tax-box {padding:35px;}
.tax-box i {margin-bottom:20px;}
}

@media(max-width:767px) {
.donate-section {padding:70px 0;}
.donate-heading {margin-bottom:40px;}
.donate-heading h2 {font-size:32px;}
.donate-heading p {font-size:16px;}
.impact-card {padding:30px 22px;}
.bank-header {flex-direction:column; text-align:center; padding:25px 20px;}
.bank-header h3 {font-size:24px;}
.bank-card table {min-width:600px;}
.bank-card {overflow-x:auto;}
.tax-box {text-align:center; padding:30px 20px;}
.tax-box h3 {font-size:28px;}
.tax-box p {font-size:16px;}
.donate-cta {margin-top:50px;}
.donate-cta h2 {font-size:30px;}
.donate-cta p {font-size:16px;}
.donate-cta .btn {width:100%;}
}

.contact-section {padding:90px 0; background:linear-gradient(180deg,#f8fbfc,#ffffff);}
.contact-heading {max-width:850px; margin:0 auto 60px;}
.contact-subtitle {display:inline-flex; align-items:center; gap:10px; padding:10px 24px; background:#e8f7ef; color:#198754; border-radius:50px; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:18px;}
.contact-subtitle::before {content:""; width:8px; height:8px; background:#198754; border-radius:50%;}
.contact-heading h2 {font-size:48px; font-weight:800; color:#1f2937; margin-bottom:20px;}
.contact-heading p {font-size:18px; line-height:1.9; color:#6b7280;}
.contact-card {background:#fff; border-radius:24px; padding:40px 30px; text-align:center; box-shadow:0 15px 40px rgba(0,0,0,.08); transition:.35s; height:100%; position:relative; overflow:hidden;}
.contact-card::before {content:""; position:absolute; width:140px; height:140px; border-radius:50%; background:rgba(25,135,84,.05); top:-60px; right:-60px;}
.contact-card:hover {transform:translateY(-10px); box-shadow:0 25px 50px rgba(25,135,84,.18);}
.contact-card i {width:90px; height:90px; margin:0 auto 25px; display:flex; align-items:center; justify-content:center; border-radius:22px; background:linear-gradient(135deg,#198754,#32b768); color:#fff; font-size:36px; box-shadow:0 12px 30px rgba(25, 135, 84, .25);}
.contact-card h4 {font-size:24px; font-weight:700; margin-bottom:15px; color:#1f2937;}
.contact-card p {color:#6b7280; line-height:1.8; margin:0;}
.office-table {margin-top:30px; background:#fff; border-radius:24px; overflow:hidden; box-shadow:0 20px 50px rgba(0,0,0,.08);}
.table-title {background:linear-gradient(135deg,#198754,#146c43); color:#fff; padding:22px 30px; display:flex; align-items:center; gap:15px;}
.table-title i {font-size:32px;}
.table-title h3 {margin:0; font-size:30px; font-weight:700;}
.office-table table {margin:0;}
.office-table thead {background:#198754;}
.office-table thead th {color:#333; border:none; padding:18px; font-weight:700; font-size:16px; vertical-align:middle;}
.office-table tbody td {padding:18px; vertical-align:top; border-color:#edf2f7; line-height:1.8;}
.office-table tbody tr:nth-child(even) {background:#f8fbfc;}
.office-table tbody tr {transition:.3s;}
.office-table tbody tr:hover {background:#eef8f2;}
.office-table tbody td:first-child {color:#198754; font-weight:700; white-space:nowrap;}
.office-table a {color:#198754; text-decoration:none; font-weight:600;}
.office-table a:hover {text-decoration:underline;}
.map-section {margin-top:70px;}
.map-section h3 {font-size:34px; font-weight:700; margin-bottom:25px; color:#1f2937;}
.map-section iframe {width:100%; height:500px; border:none; border-radius:24px; box-shadow:0 20px 50px rgba(0,0,0,.08);}
.contact-cta {margin-top:70px; background:linear-gradient(135deg,#198754,#146c43); color:#fff; padding:70px 50px; border-radius:30px; text-align:center;}
.contact-cta h2 {font-size:46px; font-weight:800; margin-bottom:20px;}
.contact-cta p {max-width:850px; margin:0 auto 35px; font-size:18px; line-height:1.9; opacity:.95;}
.contact-cta .btn {border-radius:50px; padding:16px 42px; font-weight:700; font-size:17px;}
.contact-cta .btn-success {background:#fff; border-color:#fff; color:#198754;}
.contact-cta .btn-success:hover {background:#f8f9fa; color:#146c43; transform:translateY(-3px);}

@media(max-width:991px) {
.contact-heading h2 {font-size:40px;}
.contact-cta {padding:55px 35px;}
.contact-cta h2 {font-size:38px;}
.map-section iframe {height:420px;}
}

@media(max-width:767px) {
.contact-section {padding:70px 0;}
.contact-heading {margin-bottom:40px;}
.contact-heading h2 {font-size:32px;}
.contact-heading p {font-size:16px;}
.contact-card {padding:30px 22px;}
.contact-card h4 {font-size:22px;}
.table-title {padding:18px 20px;}
.table-title h3 {font-size:24px;}
.office-table {overflow-x:auto;}
.office-table table {min-width:900px;}
.map-section {margin-top:50px;}
.map-section h3 {font-size:28px;}
.map-section iframe {height:350px;}
.contact-cta {margin-top:50px; padding:45px 25px;}
.contact-cta h2 {font-size:30px;}
.contact-cta p {font-size:16px;}
.contact-cta .btn {width:100%;}
}