#about {
    background-image: url('bg2.jpg'); /* Replace 'your-image.jpg' with your image path */
    background-size: cover;
    background-position: center;
    visibility: 50%;
    position: relative;
    color: white;
}
#about .overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Black overlay with 50% transparency */
    z-index: 1;
}
#about .container {
    position: relative;
    z-index: 2; /* Ensures content is above the overlay */
}



#home {
    background-image: url('bg1.jpg'); /* Replace 'your-image.jpg' with your image path */
    background-size: cover;
    background-position: center;
    position: relative;
    color: white;
}
#home .overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Black overlay with 50% transparency */
    z-index: 1;
}
#home .container {
    position: relative;
    z-index: 2; /* Ensures content is above the overlay */
}


.navbar {
    border-bottom: 1px solid silver;
}

#sponsors {
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}

#partners {
    border-top: 1px solid silver;
    
}


.partners-img {

    border: 1px solid #162739; /* Add a solid border (red in this case) */
}

#speakers {
    border-bottom: 1px solid silver;
    
}


.html {
        scroll-behavior: smooth;
    }

.speaker-img {
    width: 95px; /* Adjust size: Use 50% of original size or a fixed pixel value */
    height: 95px; /* Ensures height matches width for a circle */
    object-fit: cover; /* Keeps image proportions intact */
    border-radius: 60%; /* Circular shape */
    /*border: 1px solid #162739;  Add a solid border (red in this case) */
}

.parallax-section {
    background-image: url('bg1.jpg'); /* Replace with your image path */
    background-size: cover; /* Ensure the image covers the entire section */
    background-position: center; /* Center the background image */
    background-attachment: fixed; /* Creates the parallax effect */
    background-repeat: no-repeat; /* Avoid image repetition */
    position: relative;
    color: white; /* Ensures text remains visible */
    height: 100vh; /* Full-screen height */
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* Optional text shadow for contrast */
}

.two-column-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two equal-width columns */
    gap: 10px; /* Adds spacing between items */
    padding: 0;
    list-style: none; /* Removes bullets */
}

.two-column-grid li {
    padding: 5px 10px; /* Add spacing around items */
    box-sizing: border-box;
}

#accordion-section {
    background-color: #f9f9f9;
}

.accordion-button {
    font-weight: bold;
    color: #000;
}

.accordion-button:not(.collapsed) {
    background-color: #e0e0e0;
    color: #000;
}


.footer-bg {
    background-color: #162739; /* Dark gray background */
    color: white; /* White text for contrast */
    text-align: center;
    padding: 20px; /* Adds spacing inside the footer */
}

/* Footer Styling */
#footer {
    background-color: #333; /* Dark background */
    color: white; /* White text */
    padding: 20px; /* Padding inside the footer */
}

/* Footer Menu Styling */
.footer-menu ul {
    list-style: none; /* Remove bullets */
    padding: 0;
    margin: 10px 0; /* Add space above and below the menu */
    display: flex; /* Align items in a row */
    justify-content: center; /* Center the menu horizontally */
    gap: 15px; /* Space between items */
}

.footer-menu ul li {
    display: inline; /* Align items horizontally */
}

.footer-menu ul li a {
    text-decoration: none; /* Remove underline from links */
    color: white; /* White text color */
    font-weight: bold; /* Bold font */
    padding: 5px 10px; /* Add padding around links */
    border-radius: 5px; /* Round corners */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

.footer-menu ul li a:hover {
    background-color: #162739; /* Darker background on hover */
    color: white; /* Ensure text stays white */
}




/* Social Media Links */
.social-links {
    margin: 20px 0; /* Space above and below social icons */
}


.social-links a {
    margin: 0 10px; /* Space between icons */
    color: white; /* Icon color */
    font-size: 1.5rem; /* Icon size */
    text-decoration: none; /* Remove underline */
    transition: color 0.3s ease; /* Smooth hover effect */
}

.social-links a:hover {
    color: #0d6efd; /* Change color on hover */
}




.map-section {
        width: 100vw; /* Full viewport width */
        height: 50vh; /* Full viewport height */
        margin: 0; /* Remove any margin */
        padding: 0; /* Remove any padding */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .map-section iframe {
        border: 0; /* Removes border around the iframe */
    }
    

/* fLOATING eLEMENTS */
#dynamic-text {
    position: absolute;
    font-size: 14px;
    font-weight: normal; /* Regular weight */
    color: #ffffff; /* White text */
    opacity: 0;
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap; /* Prevents line breaks */
}