body {
            margin: 0;
            font-family: Arial, sans-serif;
            background: white !important;
        }
        header {
    height: 100vh; /* Full viewport height */
    position: relative;
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    background: white; /* Ensure a background color is applied */
}

.hero-text {
    position: relative;
    z-index: 2; /* Keeps the content above the overlay */
    text-align: center;
    color: white;
    display: flex;
    flex-direction: column; /* Arranges child elements vertically */
    justify-content: center; /* Aligns children vertically within itself */
    align-items: center; /* Aligns children horizontally */
}

        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7); /* Dark opaque overlay */
            z-index: 1;
            pointer-events: none; /* Prevents blocking clicks */
        }


.button {
    border: 1px solid white;
    background: transparent;
    color: white;
    cursor: pointer; /* Ensure it looks interactive */
}

.button:hover {
    color: black;
    background: white;
}

        
      .custom-svg {
            position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 2; /* Ensures SVG is above the overlay */
        }

@media (min-width: 992px) {
    .hero-text {
        padding: 0 15px; /* Ensure it's not pushed out of view */
    }
}


/*footer*/
/*footer*/

/* Footer Container */
.footer {
    padding: 40px;
    background: #101820; /* Dark background */
    color: #ffffff; /* White text color */
}

.footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Footer Section */
.footer-section {
    flex: 1; /* Equal distribution of space */
    margin: 10px; /* Space between sections */
    min-width: 250px; /* Ensures proper spacing on smaller screens */
}

.footer-section h3 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #ffa500; /* Orange heading color */

}

.footer-section p,
.footer-section a {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 10px;
    text-decoration: none;
}

.footer-section a:hover {
    color: #ffa500; /* Hover effect for links */
}

/* Right-Aligned Footer Section */
.footer-right {
    text-align: right !important; /* Aligns content to the right */
     font-size: 16px;
}

.footer-right ul {
    padding: 0; /* Removes padding */
    list-style: none; /* Removes bullets */
}

.footer-right li {
    margin-bottom: 10px; /* Adds spacing between links */
}

/* Social Icons */
.social-icons {
    margin-top: 20px;
    text-align: center; /* Center social icons */
}

.social-icons a {
    color: #ffffff;
    font-size: 20px;
    margin-right: 15px;
    display: inline-block;
    transition: color 0.3s ease;
}

.social-icons a:hover {
    color: #ffa500;
}

/* Footer Links */
.footer-links {
    list-style: none; /* Removes bullets */
    padding: 0; /* No extra padding */
}

.footer-links a {
    text-decoration: none; /* Removes underline */
    color: #cccccc; /* Gray link color */
    font-size: 18px;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: #ffa500; /* Hover effect for footer links */
}

/* Footer Bottom Section */
.footer-bottom {
    text-align: center; /* Centers the text */
    padding: 20px; /* Space around text */
    margin-top: 20px; /* Space between content and bottom */
    font-size: 12px;
    color: #ffffff; /* White text */
    border-top: 1px solid #1a1f38; /* Separator line at the top */
}

/* Center all sections for small screens */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column; /* Stack sections vertically */
        align-items: center; /* Align sections to center */
    }

    .footer-section {
        text-align: center !important; /* Center-align all sections */
        margin-bottom: 20px; /* Add spacing between sections */
    }

    .footer-right ul {
        display: inline-block; /* Prevents full-width stretching */
        padding: 0; /* Resets padding */
    }

    .social-icons {
        justify-content: center; /* Center-align icons */
    }
}

a {
    color: #ffa500;
    text-decoration: none;
}



/*navbar*/

.navbar {
            background-color: #333;
            padding: 15px;
        }

        .navbar-brand {
            font-size: 24px;
            font-weight: bold;
            color: white;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .navbar-nav .nav-link {
            color: black;
            padding: 8px 15px;
            text-transform: uppercase;
            font-size: 16px;
            transition: color 0.3s, transform 0.3s ease-in-out;
        }

        .navbar-nav .nav-link:hover {
            color: #ff5733; /* Change color on hover */
            transform: translateY(-1px); /* Lift the link slightly */
        }

        .navbar-nav .nav-link.active {
            color: #ff5733; /* Active link color */
            font-weight: bold;
        }

        

        /* Additional style for mobile responsiveness */
        @media (max-width: 991px) {
            .navbar-brand {
                font-size: 20px;
            }
        }