.live-translation-link {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
}

.live-translation-link a {
    color: #007bff; /* Example color */
    text-decoration: none;
}

.live-translation-link a:hover {
    text-decoration: underline;
}
.youtube-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
}

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

.translation-link-container {
    text-align: center; /* Center-align the text for better visibility */
    margin-top: 20px; /* Add some space above the link */
    padding: 20px; /* Add padding for visual space */
    background-color: #f0f0f0; /* A light background to highlight the section */
    border-radius: 8px; /* Soften the edges for a modern look */
}

.translation-link-container p {
    font-size: 18px; /* Increase font size for readability */
    color: #333; /* Dark color for contrast */
}

.translation-link {
    color: #d4af37; /* Gold color for the link to make it stand out */
    font-weight: bold; /* Make the link text bold */
    text-decoration: none; /* Remove underline to clean up the appearance */
    transition: color 0.3s ease-in-out; /* Smooth transition for hover effect */
}

.translation-link:hover, .translation-link:focus {
    color: #a9862f; /* Darker shade of gold on hover/focus for interaction feedback */
    text-decoration: underline; /* Reintroduce underline on hover/focus for clarity */
}
.live-stream-heading {
    text-align: center; /* Center-align the heading for prominence */
    font-size: 15px; /* Increase font size for visibility */
    color: #333; /* Use a dark color for contrast against a light background */
    margin: 5px 0; /* Add top and bottom margins for spacing */
    padding: 5px; /* Add padding for visual space */
    background-color: #f0f0f0; /* A light background to highlight the section */
    border-radius: 8px; /* Soften the edges for a modern look */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Subtle shadow for depth */
    display: inline-block; /* Wrap content more tightly around the text */
    font-weight: bold; /* Make the text bold for emphasis */
}

@media (max-width: 768px) {
    .Live-container {
       
		margin: 10px 20px 10px 0px;
    }
}