:root {--primary: #054f8c;--secondary: #054f8c;--light: #f4f7fa;--dark: #054f8c;--primary-blue: #192335;--accent-cyan: #00BCD4;--light-bg: #f4f7fa;--orange: #ff7a00;--green: rgb(29, 182, 29);--transition: all 0.3s ease;--swiper-navigation-size:27px !important;}* {box-sizing: border-box;}body {font-family: 'Tajawal' , sans-serif !important;background-color: #fff;color: #333;line-height: 1.6;}.container {max-width: 1200px;margin: 0 auto;padding: 0 15px;width: 100%;}@media (max-width: 575.98px) {.container {padding: 0 10px;}}@media (min-width: 576px) and (max-width: 767.98px) {.container {padding: 0 10px;}}@media (min-width: 768px) and (max-width: 991.98px) {.container {padding: 0 10px;}}@media (min-width: 992px) and (max-width: 1199.98px) {.container {padding: 0 25px;}}@media (min-width: 1200px) {.container {padding: 0 30px;}}body.modal-open {padding-right: 0 !important;overflow-y: scroll !important;}.modal-backdrop {position: fixed !important;top: 0;left: 0;width: 100vw;height: 100vh;}body.modal-open .carousel {overflow: hidden;}.donate-card {border-radius: 20px;box-shadow: 0 10px 30px rgba(0,0,0,0.15);padding: 10px;}.btn-paypal {background-color: #003087;color: #fff;border-radius: 50px;font-weight: 600;transition: 0.3s;}.btn-shamcash {color: #fff;border-radius: 50px;font-weight: 600;transition: 0.3s;}.whatsapp-btn {position: fixed;right: 20px;bottom: 20px;z-index: 99;background: linear-gradient(135deg, var(--primary), var(--accent-cyan));color: white;width: 53px;height: 53px;border-radius: 50%;display: flex;align-items: center;justify-content: center;text-decoration: none;transition: var(--transition);border: none;cursor: pointer;font-size: 1.2rem;}.whatsapp-btn:hover {color: var(--light);transform: translateY(-5px);box-shadow: 0 5px 15px rgba(37, 99, 235, 0.4);}@media (max-width: 768px) {.whatsapp-btn {width: 50px;height: 50px;right: 15px;bottom: 15px;font-size: 1rem;}}#spinner {opacity: 0;visibility: hidden;transition: opacity .5s ease-out, visibility 0s linear .5s;z-index: 99999;}#spinner.show {transition: opacity .5s ease-out, visibility 0s linear 0s;visibility: visible;opacity: 1;}.btn {display: inline-flex;align-items: center;justify-content: center;padding: 12px 30px;border: none;border-radius: 5px;font-size: 1rem;font-weight: 600;cursor: pointer;transition: var(--transition);text-decoration: none;gap: 8px;text-align: center;white-space: nowrap;}.btn-orange {background: var(--orange);color: white;}.btn-orange:hover {background: #e56b00;transform: translateY(-3px);color: white;box-shadow: 0 10px 20px rgba(255, 122, 0, 0.3);}.btn-primary {background: var(--primary);color: white;}.btn-primary:hover {background: var(--primary-blue);color: white;transform: translateY(-3px);box-shadow: 0 10px 20px rgba(5, 79, 140, 0.3);}.btn-outline-primary {background: transparent;color: var(--primary);border: 2px solid var(--primary);}.btn-outline-primary:hover {background: var(--primary);color: white;transform: translateY(-2px);border: 2px solid var(--primary);}.btn-square {width: 38px;height: 38px;}.btn-sm-square {width: 32px;height: 32px;}.btn-lg-square {width: 48px;height: 48px;}.btn-square, .btn-sm-square, .btn-lg-square {padding: 0;display: flex;align-items: center;justify-content: center;font-weight: normal;}@media (max-width: 768px) {.btn {padding: 10px 3px;font-size: 0.9rem;width: 100%;justify-content: center;}.btn-group {flex-direction: column;width: 50%;}.btn-group .btn {margin-bottom: 10px;}}.fixed-top {transition: .5s;}.top-bar {height: 45px;border-bottom: 1px solid rgba(255, 255, 255, .07);}.navbar-brand .site-logo {width: 270px;height: 85px;}.navbar .dropdown-toggle::after {border: none;font-family: "Font Awesome 6 Free";font-weight: 900;content: "\f107";vertical-align: middle;margin-left: 8px;}.navbar .navbar-nav .nav-link {margin-right: 30px;padding: 25px 0;color: #FFFFFF;font-weight: 500;outline: none;}.container-fluid.fixed-top {background-color: #054f8c !important;box-shadow: 0 2px 8px rgba(0,0,0,0.2);transition: background-color 0.3s ease;}.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active {color: var(--orange);}@media (min-width: 992px) {.navbar .nav-item .dropdown-menu {display: block;visibility: hidden;top: 100%;transform: rotateX(-75deg);transform-origin: 0% 0%;transition: .5s;opacity: 0;}.navbar .nav-item:hover .dropdown-menu {transform: rotateX(0deg);visibility: visible;transition: .5s;opacity: 1;}}@media (max-width: 991.98px) {.navbar {padding-left: 15px !important;padding-right: 25px !important;}.navbar-brand .site-logo {width: 200px !important;height: auto !important;}.navbar-toggler {margin-left: 0 !important;margin-right: 0 !important;border: none;padding: 4px 8px;transform: scale(1.2);}.navbar-toggler-icon {width: 32px !important;height: 32px !important;}.navbar .navbar-nav {background: #054f8c !important;border-top: none !important;margin-top: 5px;padding: 5px 0;text-align: right;}.navbar .navbar-nav .nav-link {padding: 14px 16px !important;margin-right: 0 !important;border-bottom: 1px solid rgba(255,255,255,0.12);font-size: 16px;white-space: nowrap;}.navbar .dropdown-menu {background: #054f8c !important;border: none !important;padding: 0 !important;}.navbar .dropdown-item {color: white !important;padding: 12px 20px !important;border-bottom: 1px solid rgba(255,255,255,0.1);font-size: 15px;}.navbar .dropdown-item:hover {background: rgba(255,255,255,0.1) !important;color: white !important;}.navbar-collapse {max-height: 75vh;overflow-y: auto;}}.hero {padding: 80px 0;color: white;text-align: center;margin-top: 8%;}.hero-about{background: linear-gradient(rgba(5, 79, 140, 0.7), rgba(3, 37, 76, 0.7)), url("/static/img/hero-1.webp");background-size: cover;background-position: center;}.hero-contact{background: linear-gradient(rgba(5, 79, 140, 0.7), rgba(3, 37, 76, 0.7)), url("/static/img/hero-1.webp");background-size: cover;background-position: center;}.hero-volunteer{background: linear-gradient(rgba(5, 79, 140, 0.7), rgba(3, 37, 76, 0.7)), url("/static/img/hero-1.webp");background-size: cover;background-position: center;}.hero-projects{background: linear-gradient(rgba(5, 79, 140, 0.7), rgba(3, 37, 76, 0.7)), url("/static/img/hero-1.webp");background-size: cover;background-position: center;}.hero h2 {font-size: 2.5rem;margin-bottom: 20px;font-weight: 700;line-height: 1.2;}.hero p {font-size: 1.2rem;max-width: 700px;margin: 0 auto 30px;opacity: 0.9;line-height: 1.8;}.divider {width: 100px;height: 2px;background: var(--orange);margin: 30px auto;}@media (max-width: 991.98px) {.hero {padding: 60px 20px;margin-top: 10%;}.hero h2 {font-size: 2rem;}.hero p {font-size: 1.1rem;}}@media (max-width: 767.98px) {.hero {padding: 50px 15px;margin-top: 12%;}.hero h2 {font-size: 1.8rem;margin-bottom: 15px;}.hero p {font-size: 1rem;margin-bottom: 25px;}.divider {margin: 20px auto;}}@media (max-width: 575.98px) {.hero {padding: 40px 10px;margin-top: 15%;}.hero h2 {font-size: 1.5rem;}.hero p {font-size: 0.9rem;}}.section-title {text-align: center;margin-bottom: 50px;padding: 0 15px;}.section-title h2 {font-size: 2.5rem;color: var(--primary);margin-bottom: 15px;position: relative;display: inline-block;}.section-title h2::after {content: '';position: absolute;bottom: -10px;right: 50%;transform: translateX(50%);width: 80px;height: 3px;background-color: var(--orange);}.section-title p {color: #666;max-width: 600px;margin: 0 auto;font-size: 1.1rem;line-height: 1.7;}@media (max-width: 991.98px) {.section-title {margin-bottom: 40px;}.section-title h2 {font-size: 2rem;}.section-title p {font-size: 1rem;}}@media (max-width: 767.98px) {.section-title {margin-bottom: 30px;}.section-title h2 {font-size: 1.8rem;}.section-title p {font-size: 0.95rem;}}@media (max-width: 575.98px) {.section-title h2 {font-size: 1.5rem;}.section-title p {font-size: 0.9rem;}}footer {background: linear-gradient(135deg, #0f172a, #1e293b);color: white;position: relative;overflow: hidden;}.footer-wave {position: absolute;top: 0;right: 0;width: 100%;height: 100px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z" fill="%23f1f5f9"></path></svg>');background-size: cover;background-repeat: no-repeat;}.footer-content {display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 40px;padding: 110px 0 40px;position: relative;z-index: 1;}.footer-column h3 {font-size: 1.4rem;margin-bottom: 25px;color: #e0f2fe;position: relative;padding-bottom: 10px;}.footer-column h3::after {content: '';position: absolute;bottom: 0;right: 0;width: 50px;height: 2px;background: linear-gradient(to right, var(--primary), var(--accent-cyan));}.footer-column p {color: #cbd5e1;margin-bottom: 20px;line-height: 1.8;}.footer-links {list-style: none;padding: 0;margin: 0;}.footer-links li {margin-bottom: 12px;transition: var(--transition);}.footer-links li:hover {transform: translateX(-5px);}.footer-links a {color: #94a3b8;text-decoration: none;transition: var(--transition);display: flex;align-items: center;}.footer-links a:hover {color: white;padding-right: 8px;}.footer-links a i {margin-left: 8px;font-size: 0.9rem;}.footer-social {display: flex;gap: 15px;margin-top: 25px;flex-wrap: wrap;}.footer-social a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: linear-gradient(135deg, var(--primary), var(--accent-cyan));color: white;border-radius: 50%;transition: var(--transition);position: relative;overflow: hidden;}.footer-social a::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.1);transform: translateX(-100%);transition: var(--transition);}.footer-social a:hover::before {transform: translateX(0);}.footer-social a:hover {transform: translateY(-5px);box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);}.footer-bottom {background: rgba(15, 23, 42, 0.8);padding: 25px 0;position: relative;z-index: 1;}.footer-bottom-content {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 15px;}.copyright {color: #94a3b8;font-size: 0.9rem;}.footer-payments {display: flex;gap: 10px;flex-wrap: wrap;}.payment-method {width: 40px;height: 25px;background: #334155;border-radius: 3px;display: flex;align-items: center;justify-content: center;color: #cbd5e1;font-size: 0.8rem;}.footer-newsletter {margin-top: 20px;}.footer-newsletter p {margin-bottom: 15px;}.newsletter-form {display: flex;margin-top: 15px;flex-wrap: wrap;gap: 10px;}.newsletter-input {flex: 1;min-width: 200px;padding: 10px 15px;border: none;border-radius: 5px;background: #334155;color: white;}.newsletter-input:focus {outline: none;background: #475569;}.newsletter-btn {background: linear-gradient(to right, var(--primary), var(--accent-cyan));color: white;border: none;padding: 10px 20px;border-radius: 5px;cursor: pointer;transition: var(--transition);white-space: nowrap;}.newsletter-btn:hover {background: linear-gradient(to right, var(--secondary), var(--primary));}@media (max-width: 1199.98px) {.footer-content {gap: 30px;}}@media (max-width: 991.98px) {.footer-content {grid-template-columns: 1fr 1fr;gap: 30px;padding: 80px 0 30px;}.footer-wave {height: 80px;}}@media (max-width: 767.98px) {.footer-content {grid-template-columns: 1fr;gap: 25px;text-align: center;padding: 60px 0 25px;}.footer-column h3::after {right: 50%;transform: translateX(50%);}.footer-links li:hover {transform: none;}.footer-links a {justify-content: center;}.footer-social {justify-content: center;}.footer-bottom-content {flex-direction: column;text-align: center;}.newsletter-form {flex-direction: column;}.newsletter-input {min-width: 100%;}}@media (max-width: 575.98px) {.footer-content {padding: 50px 0 20px;}.footer-column h3 {font-size: 1.2rem;}.footer-social a {width: 35px;height: 35px;}}.cta-section {padding: 100px 0;text-align: center;background: linear-gradient(rgba(5, 79, 140, 0.9), rgba(3, 37, 76, 0.9)), url('https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80');background-size: cover;background-position: center;color: white;}.cta-content {max-width: 600px;margin: 0 auto;padding: 0 20px;}.cta-content h2 {font-size: 2.5rem;margin-bottom: 20px;line-height: 1.2;}.cta-content p {font-size: 1.2rem;margin-bottom: 30px;opacity: 0.9;line-height: 1.7;}@media (max-width: 991.98px) {.cta-section {padding: 80px 0;}.cta-content h2 {font-size: 2rem;}.cta-content p {font-size: 1.1rem;}}@media (max-width: 767.98px) {.cta-section {padding: 60px 0;}.cta-content h2 {font-size: 1.8rem;}.cta-content p {font-size: 1rem;}}@media (max-width: 575.98px) {.cta-section {padding: 50px 0;}.cta-content h2 {font-size: 1.5rem;}.cta-content p {font-size: 0.9rem;}}