/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1751272081
Updated: 2025-06-30 08:28:01

*/

/* 
FILMS / LIVE EVENTS SINGLE TEMPLATE 
CLIENT OTHER PROJECTS SWIPER
*/
.same-client-swiper {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-family: "Manrope", Sans-serif;
    margin: auto;
    overflow: hidden;
    position: relative;

    &:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        width: 15vw;
        height: 100%;
        background: linear-gradient(to right, transparent 0%, #000000bd 90%);
    }

    @media(max-width:1640px) {
        margin-left: 0;
    }


    .box-video {
        aspect-ratio: 16/9;
        border-radius: 20px;
        overflow: hidden;
        margin-bottom: 30px;

        video {
            background-color: #000;
            border: none;
            display: flex;
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }

    .box-info {
        display: grid;
        grid-template-columns: 0.75fr 1.25fr;
        gap: 60px;

        .col-left {
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 20px;

            .title {
                font-family: "Manrope", Sans-serif;
                font-size: 21px;
                line-height: 1;
                font-weight: 600;
                color: #fff;
            }

            .year {
                font-family: "Manrope", Sans-serif;
                font-size: 21px;
                line-height: 1;
                font-weight: 400;
                color: #fff;
                margin-bottom: 20px;
            }
        }

        .col-right {
            p {
                font-family: "Manrope", Sans-serif;
                font-size: 18px;
                line-height: 30px;
                font-weight: 400;
                color: #fff;
            }
        }
    }

    .elementor-swiper-button {
        position: absolute;
        top: 40%;
        display: inline-flex;
        font-size: 25px;
        color: rgba(237, 237, 237, .9);
        cursor: pointer;
        z-index: 15;

        i {}
    }

    .elementor-swiper-button-next {
        right: 40px;
    }

    .elementor-swiper-button-prev {
        left: 40px;
    }


}

@media (max-width:767px) {
    .same-client-swiper {
        .box-info {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;

            .col-left {
                display: grid;
                grid-template-columns: 1fr;
                gap: 20px;
            }
        }

        .elementor-swiper-button {
            top: calc((100vw/1.77)/2.5);
        }

        .elementor-swiper-button-next {
            right: 0px;
        }

        .elementor-swiper-button-prev {
            left: 0px;
        }
    }
}