/* General Reset */
    body {
        font-family: 'Nunito', Arial, sans-serif;
        background-color: #f4f4f4;
        margin: 0;
        padding: 0;
    }

    a {
        text-decoration: none;
    }

    a:hover {
        text-decoration: underline;
    }

    p {
        margin: 20px 0;
        font-size: 18px;
    }

    /* Centered Block */
    .centered-block {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        background-color: #f8f9fa;
        padding: 20px;
    }

    #login-options {
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        background-color: #ffffff;
    }

    /* Google Translate */
    #google_translate_element {
        margin: 5px auto;
        padding: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .goog-te-combo {
        border-radius: 4px;
        padding: 10px;
        font-size: 16px;
        border: 1px solid #ccc;
        margin-left: 10px;
        background-color: #f8f8f8;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        transition: border-color 0.3s;
    }

    .goog-te-combo:hover, 
    .goog-te-combo:focus {
        border-color: #007bff;
        outline: none;
    }

    .skiptranslate > iframe.skiptranslate {
        display: none !important;
    }

    /* Carousel */
    #carousel-container {
        max-width: 100%;
        overflow: hidden;
        position: relative;
        height: 250px;
        margin: 20px auto;
    }

    #carousel-wrapper {
        display: flex;
        width: calc(15 * 550px);
        animation: scroll 50s linear infinite;
    }

    #carousel-wrapper img {
        flex-shrink: 0;
        height: 250px;
    }

    @keyframes scroll {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-50%);
        }
    }

    @media (max-width: 768px) {
        #carousel-wrapper img {
            height: 220px;
        }
    }

    /* Team Carousel */
    #team-carousel {
        display: flex;
        animation: scroll 15s linear infinite;
    }

    #team-carousel-wrapper {
        width: 100%;
        height: 320px;
    }

    .team-member {
        flex-shrink: 0;
    }

    /* Video Container */
    .video-container {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }

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

    .rounded-lg {
        border-radius: 0.5rem;
    }

    .shadow-lg {
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
    }

    /* Animations */
    @keyframes slideInFromLeft {
        from {
            transform: translateX(-100%);
            opacity: 0;
        }
        to {
            transform: translateX(0);
            opacity: 1;
        }
    }

    @keyframes slideInFromRight {
        from {
            transform: translateY(100%);
            opacity: 0;
        }
        to {
            transform: translateX(0);
            opacity: 1;
        }
    }