.featured-video-container {
    max-width: 1110px;
    margin: 0 auto; /* Centers the container horizontally */
    padding: 20px;
    border: 0px solid lightgray; /* Light gray border */
    border-radius: 5px; /* Rounded corners */
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    justify-content: center; /* Centers contents horizontally */
    background-color: #fafafa;
}

.featured-video-title {
    width: 100%; /* Ensures it spans the full width */
    text-align: left; /* Centers the title text */
    margin-bottom: 10px; /* Adds spacing below the title */
    font-size: 1.5rem; /* Adjust the title font size */
}

.featured-video-content {
    display: flex;
    flex-direction: row; /* Aligns video player and details side-by-side */
    gap:20px;
}

.featured-video-player {
    flex: 2; /* Player takes 2/3 of the available width */
}

.featured-video-player iframe {
    width: 100%;
    height: 300px; /* Adjust height as needed */
    border: none;
    border-radius: 5px;
}

.featured-video-details {
    flex: 1; /* Details take 1/3 of the available width */
    padding: 5px;
    background-color: #fafafa;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    overflow-y: auto; /* Adds vertical scrolling if content overflows */
    max-height: 300px; /* Limits height */
    font-size:0.8rem;
    text-align: justify; /* Ensures full justification of text */
}


@media (max-width: 768px) {
    .featured-video-content {
        flex-direction: column; /* Stacks player and details vertically */
    }
    
    .featured-video-player {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; /* 16:9 aspect ratio */
        height: 0;
        overflow: hidden;
    }

    .featured-video-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 5px;
    }

    .featured-video-details {
        flex: none;
        width: 100%; /* Each takes full width */
        background-color: #fafafa;
        text-align: left; /* Ensures full justification of text */
    }
}