.filter {
        opacity: 0.25;
    }

    .flip-in {
        animation: flip-in 1.2s ease-in-out;
        backface-visibility: hidden;
    }

    @keyframes flip-in {
        0% {
            transform: rotateX(-90deg);
            opacity: 0;
        }

        100% {
            transform: rotateX(0deg);
            opacity: 1;
        }
    }

    .fade-in {
        opacity: 0;
        animation: fade-in 2.2s ease-out forwards;
    }

    @keyframes fade-in {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .image {
        position: relative;
        height: 851px;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        /* Ensure the overlay gradient doesn't extend beyond the container */

        /* Background image */
        background-image: url("../assets/background_sibu.jpeg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .image::before {
        content: "";
        /* Create a pseudo-element */
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #F0E3D5;
        background-blend-mode: multiply;
        opacity: 80%;
    }


    #statueImage {
        position: absolute;
        width: 80%;
        /* Use 100% to make sure it covers the entire container */
        left: 50%;
        /* Center horizontally at 50% of the container */
        transform: translate(-50%, 8%);
        object-fit: cover;
        /* Crop the image to cover the entire container */
    }

    .carousel-item {
        text-align: center;
        padding: 20px;
        margin: auto;
        display: block;
    }

    .carousel-item h1 {
        font-family: 'Lora', sans-serif;
        font-size: 35.74px;
        font-weight: 500;
        line-height: 47.66px;
        color: #2C292FCC;
        text-align: center;
    }

    .carousel-item p {
        font-family: 'Barlow', sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #2C292FCC;
        line-height: 24px;
        text-align: center;
        margin: 24px 0;
    }

    .line-play-container {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .line-play {
        display: block;
        margin: 24px auto;
        line-height: 45.87px;
        letter-spacing: 0.2em;
        font-family: 'Barlow', sans-serif;
        font-size: 15.66px;
        font-weight: 700 !important;
        line-height: 42px !important;
        color: #EC7243 !important;
        border-top: 2.24px solid #EC7243;
        border-bottom: 2.24px solid #EC7243;
        width: 200px;
        text-transform: uppercase;
        text-align: center;
    }

    .carousel-content h1 {
        font-family: 'Lora', sans-serif;
        font-size: 35.74px;
        font-weight: 500;
        line-height: 47.66px;
        color: #2C292FCC;
    }

    .carousel-content p {
        font-family: 'Barlow', sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #2C292FCC;
        line-height: 24px;
        text-align: center;
        margin: 20px 0;
    }

    .carousel-content .btn-play {
        line-height: 45.87px;
        letter-spacing: 0.2em;
        margin: 0 auto;
        font-size: 15.66px;
        font-weight: 700;
        line-height: 42px;
        text-align: center;
        color: #EC7243;
        border: 2.24px solid #EC7243;
        width: 200px;
        display: block;
        text-decoration: none;
        border-radius: 10px;
        transition: all 0.3s ease;
    }

    .carousel-content .btn-play:hover {
        background-color: #EC7243;
        color: white;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        background-color: #EC7243;
        border-radius: 50%;
        padding: 10px;
    }

    .carousel-control-prev-icon {
        margin-left: -10px;
    }

    .carousel-control-next-icon {
        margin-right: -10px;
    }

    .img-container {
        width: 654px !important;
        height: 383px;
        margin: 24px auto;
        object-fit:contain;
        box-shadow: none !important;
    }