body {
    background-color: #333;
    color: white;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Ensures the body takes up at least 100% of the viewport height */
}

main {
    flex: 1; /* Ensures the content takes up remaining space */
}

/* Navbar Styling */
.navbar {
    background: black !important;
    padding: 15px 0 !important;
    transition: all 0.3s ease-in-out !important;
}

/* Change background when scrolling */
.navbar.scrolled {
    background: black !important; /* Fully black when scrolling */
}

/* Brand Logo */
.navbar-brand {
    font-size: 26px !important;
    font-weight: bold !important;
    color: #f1c40f !important; /* Golden color */
    text-transform: uppercase !important;
}

/* Nav Links */
.navbar-nav .nav-link {
    font-size: 18px !important; /* Increased font size */
    font-weight: 600 !important; /* Increased font weight for bolder text */
    color: white !important;
    padding: 12px 20px !important; /* Increased padding for more spacing */
    position: relative !important;
    transition: color 0.3s ease-in-out !important;
}

/* Hover Effect */
.navbar-nav .nav-link:hover {
    color: #f1c40f !important; /* Golden hover effect */
}

/* Active Link */
.navbar-nav .nav-link.active {
    font-weight: 700 !important; /* Bold text */
    color: #f1c40f !important; /* Golden color for active link */
}

/* Underline Effect */
.navbar-nav .nav-link::after {
    content: "" !important;
    display: block !important;
    height: 2px !important;
    width: 0 !important;
    background: #f1c40f !important;
    transition: width 0.3s ease-in-out !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.navbar-nav .nav-link:hover::after {
    width: 100% !important; /* Increased underline width for more impact */
}

/* Navbar Toggler Icon */
.navbar-toggler {
    border: none !important;
}

.navbar-toggler-icon {
    background-color: white !important;
    border-radius: 3px !important;
}

/* Make Navbar Sticky */
.navbar.fixed-top {
    z-index: 1030 !important;
}

/* Navbar Logo - Bigger Size */
.navbar-brand .logo {
    height: 100px !important; /* Increased size */
    width: auto !important;   /* Keeps aspect ratio */
    transition: transform 0.3s ease-in-out !important;
}

/* Hover Effect */
.navbar-brand .logo:hover {
    transform: scale(1.1) !important; /* Slight zoom on hover */
}

/* Navbar Height Adjustment */
.navbar {
    padding: 0.5rem 1rem !important; /* Adjusts padding for larger logo */
}

/* Adjust Logo Size on Smaller Screens */
@media (max-width: 992px) {
    .navbar-brand .logo {
        height: 80px !important; /* Slightly smaller for tablets */
    }
}

@media (max-width: 768px) {
    .navbar-brand .logo {
        height: 70px !important; /* Smaller for mobile */
    }
}

/* Active Link */
.navbar-nav .nav-link.active {
    font-weight: 700 !important; /* Bold text */
    color: #f1c40f !important; /* Golden color for active link */
}

/* Hover effect */
.navbar-nav .nav-link:hover {
    color: #f1c40f !important; /* Golden hover effect */
}

/* Underline Effect */
.navbar-nav .nav-link::after {
    content: "" !important;
    display: block !important;
    height: 2px !important;
    width: 0 !important;
    background: #f1c40f !important;
    transition: width 0.3s ease-in-out !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.navbar-nav .nav-link:hover::after {
    width: 100% !important; /* Increased underline width for more impact */
}

/* Form Styling */
form {
    background-color: #444;
    padding: 20px;
    border-radius: 8px;
    margin-top: 50px; /* Adds space between the form and the top of the page */
}

/* Success and Error Messages */
.success-message, .error-message {
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    margin-top: 20px; /* Adds space between the form and the message */
}

.success-message {
    color: #28a745;
}

.error-message {
    color: #dc3545;
}

/* Footer Styling */
footer {
    background-color: #212121;
    color: #fff;
    margin-top: auto; /* Makes sure footer stays at the bottom */
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
    color: #f1c40f;
}

/* Social Icons Hover Effect */
.social-icon {
    transition: color 0.3s ease;
}

.social-icon i {
    font-size: 30px; 
    transition: color 0.3s ease, transform 0.3s ease;
}

.social-icon:hover i {
    transform: scale(1.2); 
}

/* Hover effects for each social icon */
.social-icon:hover .fa-facebook {
    color: #1877F2;
}

.social-icon:hover .bi-whatsapp {
    color: #25D366; 
}

.social-icon:hover .bi-linkedin {
    color: #0077b5; 
}

.social-icon:hover .bi-instagram {
    color: #E1306C; 
}

.social-icon:hover .bi-youtube {
    color: #FF0000; 
}

.social-icon:hover .fa-tiktok {
    color: #ff0050; 
}