@charset "utf-8"; 
  :root {
            --pdf-blue: #4472c4;
            --pdf-dark-blue: #2f5597;
            --pdf-red: #c00000;
			--primary-blue: #004aad;
            --secondary-blue: #007bff;
            --donate-red: #dc3545;
            --light-bg: #f8f9fa;
        }
		 

        body { font-family: 'Roboto', sans-serif; overflow-x: hidden; }

        /* HEADER SECTION (Page 1 Style) */
        .header-main { padding: 10px 0; background: #fff; border-bottom: 1px solid #eee; }
        .logo-box img { max-height: 120px; }
        .main-title { font-size: 3.2rem; font-weight: 800; color: #000; margin-bottom: 0; }
        .sub-motto { font-size: 1.1rem; font-style: italic; color: #000; font-weight: 500; }

        /* PDF TAB NAVIGATION */
        .navbar-nav .nav-item { margin: 2px; }
        .navbar-nav .nav-link {
            background-color: var(--pdf-blue);
            color: white !important;
            padding: 12px 20px !important;
            text-align: center;
            border-radius: 2px;
            font-weight: 500;
            transition: 0.3s;
            min-width: 130px;
        }
        .navbar-nav .nav-link:hover { background-color: var(--pdf-dark-blue); }

        .btn-donate-top {
            background-color: var(--pdf-red);
            color: white !important;
            padding: 10px 40px;
            font-weight: bold;
            font-size: 1.3rem;
            border-radius: 4px;
            text-decoration: none;
            display: inline-block;
        }

        /* HERO SLIDER (Multi-Image) */
        .carousel-item {
            height: 75vh;
            min-height: 450px;
            background-size: cover;
            background-position: center;
        }
        /* Dark overlay to make text pop */
        .carousel-item::before {
            content: "";
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0, 0, 0, 0.4);
        }
        .carousel-caption {
            bottom: 25%;
            z-index: 10;
            text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
        }
        .carousel-caption h2 { font-family: 'Playfair Display', serif; font-size: 3.5rem; font-weight: 700; }

        /* SECTIONS */
        /* Section Styling */
        section { padding: 100px 0; }
        .section-title { font-weight: 700; margin-bottom: 50px; text-align: center; position: relative; }
        .section-title::after {
            content: ''; width: 60px; height: 3px; background: var(--primary-blue);
            position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%);
        }

         /* Feature Cards */
        .feature-card {
            border: none; border-radius: 20px; padding: 40px 30px;
            background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            transition: 0.4s; height: 100%;
        }
        .feature-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); }
        .icon-box {
            width: 70px; height: 70px; background: rgba(0,74,173,0.1);
            color: var(--primary-blue); border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.8rem; margin-bottom: 25px;
        }

        /* Impact Stats */
        .stats-section { background: var(--primary-blue); color: white; padding: 60px 0; }
        .stat-item h2 { font-weight: 700; font-size: 2.5rem; }

        /* Donate Button Custom */
        .btn-donate-fixed {
            background: var(--donate-red); color: white; padding: 12px 30px;
            border-radius: 50px; font-weight: 600; border: none; transition: 0.3s;
        }
        .btn-donate-fixed:hover { background: #b02a37; color: white; transform: scale(1.05); }

        /* Contact Footer */
        footer { background: #111; color: #bbb; padding-top: 80px; }
        footer h5 { color: #fff; font-weight: 600; margin-bottom: 25px; }
        .address-box i { color: var(--secondary-blue); margin-right: 10px; }
		
		.mission-list i { color: #0d6efd; margin-right: 10px; }