.contact-header h1 {position: relative;z-index: 2;font-size: 3rem;font-weight: 800;}
.contact-card {background: #fff;border-radius: 15px;padding: 35px;box-shadow: 0 10px 30px rgba(0,0,0,0.12);}
.contact-icon {font-size: 40px;color: #f05a24;}
.form-control, .form-select {border-radius: 10px;padding: 12px 15px;}
.btn-submit {background: #f05a24;color: #fff;border-radius: 40px;padding: 10px 28px;font-weight: 600;transition: 0.3s;}
.btn-submit:hover {background: #c8481d;}
.map-container iframe { width: 100%;border-radius: 15px;height: 350px;}
.news-card, .event-card {border-radius: 15px;background: #fff;box-shadow: 0 8px 25px rgba(0,0,0,0.12);overflow: hidden;transition: all .3s ease;}
.news-card:hover, .event-card:hover {transform: translateY(-6px);box-shadow: 0 12px 30px rgba(0,0,0,0.18);}
.news-card img, .event-card img {width: 100%;height: 220px;object-fit: cover;}
.news-card-body, .event-card-body {padding: 20px 22px;}
.news-date, .event-date {font-size: 0.85rem;color: #f05a24;font-weight: 600;}
.news-title, .event-title {font-size: 1.2rem;font-weight: 700;margin: 6px 0 10px;}
.news-text, .event-text {font-size: 0.95rem;color: #444;margin-bottom: 15px;}
.btn-orange {background: #f05a24;color: #fff;border: none;padding: 8px 20px;border-radius: 40px;font-weight: 600;}
.btn-orange:hover {background: #d94a16;}
.gallery-card {border-radius: 15px;background: #fff;box-shadow: 0 8px 25px rgba(0,0,0,0.12);overflow: hidden;transition: all .3s ease;}
.gallery-card img{width: 100%;height: 220px;object-fit: cover;}
.story-section {padding: 80px 0; background: #fff;box-shadow: 0 8px 28px rgba(0,0,0,0.1);}
.story-img {width: 100%;object-fit: cover;}
.value-card {background: #fff;padding: 35px;border-radius: 15px;box-shadow: 0 8px 28px rgba(0,0,0,0.1);height: 100%;transition: 0.25s;}
.value-card:hover {transform: translateY(-6px);box-shadow: 0 12px 35px rgba(0,0,0,0.15);}
.value-card h4 {font-weight: 700;margin-bottom: 12px;}
.stats-section {padding: 70px 0;background: #f7f7f7;text-align: center;}
.stat-box {padding: 20px 10px;background: #fff;box-shadow: 0 8px 25px rgba(0,0,0,0.12);overflow: hidden;}
.stat-number {font-size: 2.5rem;font-weight: 800;color: #f05a24;}
.stat-label {font-size: 0.95rem;font-weight: 600;color: #333;}
.impact-section{padding:3.5rem 0}.impact-section .impact-title{font-size:2rem;margin-bottom:.5rem;position:relative;display:inline-block}.impact-section .impact-sub{color:var(--muted);margin-bottom:1.5rem}.impact-section .impact-card{background:#f7f7f7;border-radius:12px;padding:1.8rem;text-align:center;transition:transform .18s ease,box-shadow .18s ease}.impact-section .impact-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(16,24,40,0.08)}.impact-section .impact-icon{width:56px;height:56px;margin:0 auto 0.75rem;display:flex;align-items:center;justify-content:center}.impact-section .impact-number{color:var(--accent);font-weight:700;font-size:1.6rem;margin-top:6px}.impact-section .impact-label{font-size:.95rem;color:var(--muted);margin-top:.4rem}
.impact-section {padding: 70px 0;}
.impact-title {font-size: 2.2rem;font-weight: 700;text-align: center;position: relative;}
.impact-title::before, .impact-title::after {content: "";width: 22px;height: 22px;background-image: url('https://cdn-icons-png.flaticon.com/512/1828/1828925.png');background-size: cover;display: inline-block;margin: 0 8px;}
.impact-sub {color: #555;font-size: 1rem;margin-bottom: 40px;text-align: center;}
.impact-card {background: #fff;box-shadow: 0 8px 25px rgba(0,0,0,0.12);overflow: hidden;border-radius: 14px;padding: 28px 20px;text-align: center;transition: all .25s ease-in-out;cursor: pointer;border: 1px solid #ececec;}
/* Hover — card background only */
.impact-card:hover {background: #F68121;color: #FFFFFF;transform: translateY(-6px);box-shadow: 0px 10px 25px rgba(0,0,0,0.12);}
/* ICON — no color change */
.impact-card .impact-icon {width: 55px;height: 55px;margin-bottom: 15px;transition: transform .25s ease;}
/* optional premium feel: slight zoom on hover */
.impact-card:hover .impact-icon {transform: scale(1.05);}
/* Number color change */
.impact-card:hover .impact-number {color: #fff !important; /* premium darker orange */}
/* Label color change */
.impact-card:hover .impact-label {color: #fff !important;}
.impact-icon {width: 55px;height: 55px;margin-bottom: 15px;}
.impact-number {color: #f05a24;font-size: 1.6rem;font-weight: 700;margin-bottom: 5px;}