/* Base font size */
        html { font-size: 16px; }
        body { font-size: 1rem; }

        .fade-in { animation: fadeIn 2s; }
        @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

        .hover-zoom:hover { transform: scale(1.05); transition: 0.3s; }

        .hero {
            background: #f8f9fa;
            padding: 6.25rem 1.25rem;
            text-align: center;
        }
        .hero h1 { font-size: 3rem; margin-bottom: 1.25rem; }
        .hero p { font-size: 1.2rem; }
        .section-title { margin-top: 3.75rem; margin-bottom: 2.5rem; text-align: center; }
        .card:hover { transform: scale(1.03); transition: 0.3s; }

        footer {
            background-color: #f8f9fa;
            padding: 0.9375rem 0;
            text-align: center;
            font-size: 0.875rem;
            color: #555;
            margin-top: auto;
        }

        /* Improved Dark Theme */
        .dark-theme {
            background-color: #121212;
            color: #e0e0e0;
        }
        .dark-theme .card {
            background-color: #1e1e1e;
            color: #e0e0e0;
        }
        .dark-theme .navbar,
        .dark-theme footer {
            background-color: #1b1b1b !important;
            color: #e0e0e0;
        }
        .dark-theme .btn-primary {
            background-color: #007bff;
            border-color: #007bff;
            color: #fff;
        }
        .dark-theme .btn-primary:hover {
            background-color: #0056b3;
            border-color: #0056b3;
        }
        .dark-theme .btn-outline-primary {
            color: #e0e0e0;
            border-color: #e0e0e0;
        }
        .dark-theme .btn-outline-primary:hover {
            background-color: #e0e0e0;
            color: #121212;
        }
        .dark-theme a {
            color: #90caf9;
        }
        .dark-theme a:hover {
            color: #64b5f6;
        }
        .dark-theme iframe {
            background-color: #1e1e1e;
        }

        /* Buttons for font/theme control */
        #fontButtons { margin: 1.25rem 0; text-align: center; }
        #fontButtons button { margin: 0 0.5rem; }
		/* Footer Styling */
footer {
  background-color: #f8f9fa;
  color: #555;
}

footer h6 {
  color: #000;
  margin-bottom: 1rem;
}

footer a {
  color: #555;
  text-decoration: none;
  display: block;
  margin-bottom: 0.3rem;
}

footer a:hover {
  color: #007bff;
  text-decoration: underline;
}

footer hr {
  border-top: 1px solid #ccc;
}

footer .form-control {
  border-radius: 20px;
}

footer .btn {
  border-radius: 20px;
}

/* Dark Theme Footer */
.dark-theme footer {
  background-color: #1b1b1b !important;
  color: #e0e0e0;
}

.dark-theme footer h6 {
  color: #fff;
}

.dark-theme footer a {
  color: #90caf9;
}

.dark-theme footer a:hover {
  color: #64b5f6;
}

.dark-theme footer hr {
  border-top: 1px solid #444;
}

 .fade-in { animation: fadeIn 2s; }
        @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
        .hover-zoom:hover { transform: scale(1.05); transition: 0.3s; }
        .card { margin-bottom: 20px; }
        .card-body h5 { margin-bottom: 10px; }
		footer {
            background-color: #f8f9fa;
            padding: 15px 0;
            text-align: center;
            font-size: 14px;
            color: #555;
            margin-top: auto;
        }
 .fade-in {animation: fadeIn 2s;}
        @keyframes fadeIn {from {opacity:0;} to {opacity:1;}}
        .hover-zoom:hover {transform: scale(1.05); transition: 0.3s;}
		footer {
            background-color: #f8f9fa;
            padding: 15px 0;
            text-align: center;
            font-size: 14px;
            color: #555;
            margin-top: auto;
        }
		
 .fade-in {
            animation: fadeIn 2s;
        }
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        .hover-zoom:hover {
            transform: scale(1.05);
            transition: 0.3s;
        }
        hr {
            margin: 1.5rem 0;
        }
		footer {
            background-color: #f8f9fa;
            padding: 15px 0;
            text-align: center;
            font-size: 14px;
            color: #555;
            margin-top: auto;
        }
.fade-in { animation: fadeIn 2s; }
        @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
        .hover-zoom:hover { transform: scale(1.05); transition: 0.3s; }
        .card { margin-bottom: 20px; }
        .card-body ul { padding-left: 1rem; }
        .card-body h5 { margin-bottom: 10px; }
		footer {
            background-color: #f8f9fa;
            padding: 15px 0;
            text-align: center;
            font-size: 14px;
            color: #555;
            margin-top: auto;
        }