body {
    /* height: 100%; */
    background-image: url('../Images/Background.webp'); /* Specify the path to your image */
    background-attachment: fixed; 
    /* background-size: cover; Make the image cover the entire background */
    /* padding-top: 40rem; */
    /* background-position: center; Center the image */
}

/* footer {
    background-color: bg-dark;
} */

main {
    padding: 5%;
    padding-top: 8%;
    color: white;
}

h1 {
    color: white;
    font-family: inherit;
    text-shadow:     
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; /* Ensures the border wraps tightly around the text */
}

h3 {
    color: white;
    font-family: inherit;
    text-shadow:     
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; /* Ensures the border wraps tightly around the text */
}

.navbar-logo {
    width: 100px; /* Adjust size as needed */
    height: 100px; /* Adjust size as needed */
    position: absolute;
    border-radius: 50%; /* Rounds the corners */
    margin: 1px; /* Adds space between the logo and text */
    margin-top: 4%;
}

/* Adjust the navbar-brand alignment */
.navbar-brand {
    padding-left: 110px; /* Add padding to make room for the logo */
}

.themed-grid-col {
    height: 350px;
    margin: 10px;
    padding: .75rem;
    margin-bottom: 1.5rem;
    background-color: rgba(36, 36, 36, 0.901);
    border: 4px solid rgba(85, 6, 6, 0.612);
    border-radius: 5%;
}

.themed-movie-card {
    color: white;
    /* height: 475px; */
    /* width: 300px; */
    /* margin: 10px;
    padding: .75rem;
    margin-bottom: 1.5rem; */
    background-color: rgba(36, 36, 36, 0.901);
    border: 4px solid rgba(85, 6, 6, 0.612);
    border-radius: 5%;
}


.faq-section h1 {
    text-align: center;
    margin-bottom: 30px;
}

.accordion-button {
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;
    background-color: #f8f9fa; /* Light background for collapsed state */
    color: #000; /* Default text color */
    transition: background-color 0.3s ease; /* Smooth transition */
}


.accordion-body {
    font-size: 1rem;
    color: #666;
}

.accordion-button::after {
    background-image: url('https://cdn-icons-png.flaticon.com/512/271/271228.png');
    background-size: cover;
}

.accordion-button:hover {
    background-color: #e2e6ea; /* Change background on hover */
}

.accordion-button:not(.collapsed) {
    background-color: #b93131; /* Change background when expanded */
    color: #fff; /* Change text color when expanded */
}

.themed-grid-par {
    margin: 10px;
    padding: .75rem;
    margin-bottom: 1.5rem;
    background-color: rgba(36, 36, 36, 0.901);
    border: 4px solid rgba(85, 6, 6, 0.612);
    border-radius: 5%;
}