.navbar-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; /* Ensure it stays on top */
    background-color: #7D1128; /* Keep the background color to match the original navbar */
}

body {
    padding-top: 0; /* Default padding when navbar is in original position */
}

.navbar-sticky + .content {
    padding-top: 80px; /* Adjust this based on the height of your navbar */
}

/* Optional: Adjust padding for mobile view if the navbar height differs */
@media (max-width: 768px) {
    .navbar-sticky + .content {
        padding-top: 120px; /* Adjust for mobile navbar height */
    }
}

.banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto; /* Allow the height to adjust automatically */
    background-color: #373737; /* Background color */
    color: #ffffff;
    padding: 20px; /* Padding around the content */
    box-sizing: border-box;
}


.banner-text {
    max-width: 50%;
    padding-right: 20px; /* Reduced padding for better spacing */
    padding-left: 180px;
}
.banner-image img {
    max-width: 50%;
    height: auto;
    border-radius: 10px; /* Optional border radius */
}
@media (max-width: 768px) {
    .banner {
        flex-direction: column;
        text-align: center;
        padding: 10px; /* Adjusted padding for smaller screens */
    }
    .banner-text {
        max-width: 100%;
        padding: 10px 0; /* Adjusted padding for better spacing */
    }
    .banner-image {
        max-width: 100%;
        padding-top: 10px; /* Space between text and image */
    }
}
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .col-sm-6 {
        flex-basis: 100%;
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .navbar-nav {
        justify-content: center !important; /* Center the navbar items */
        text-align: center; /* Ensure text is centered */
    }

    .navbar-nav a {
        padding-top: 15px; /* Adjust padding for smaller screens */
    }

    .banner {
        flex-direction: column;
        text-align: center;
        padding: 10px; /* Adjusted padding for smaller screens */
    }

    .banner-text {
        max-width: 100%;
        padding: 10px 0;
        text-align: center; /* Center the text on mobile */
    }

    .banner-image {
        max-width: 100%;
        padding-top: 10px;
        text-align: center; /* Ensure image is centered */
    }

    .banner-image img {
        max-width: 80%; /* Resize image for better fit on mobile */
        margin: 0 auto; /* Center image horizontally */
    }

    .video-wrapper {
        margin: 0 auto; /* Center the video for mobile */
    }

    .col-sm-6 {
        flex-basis: 100%;
        max-width: 100%;
        /* text-align: center; */
    }
}

@media (min-width: 768px) {
    .navbar-padding-desktop {
        padding-right: 5%; /* Apply padding-right only on desktop */
    }
}