.ytp-endscreen-content,
    .ytp-related-videos {
        display: none !important;
    }

    #home {
        position: relative;
        overflow: hidden;
    }

    .hero-section {
        position: relative;
        width: 100%;
        min-height: 100vh;
        overflow: hidden;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        padding: 0 0 60px 60px;
        margin: 0 0 5px 0;
    }

    .hero-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
    }

    .hero-content {
        position: absolute;
        left: 130px;
        top: 70%;
        transform: translate(-30%, -30%);
        text-align: left;
        z-index: 2;
    }

    @media (min-width:2560px) {
        .hero-content {
            left: 10%;
        }
    }

    @media (min-width:992px) and (max-width:1199px) {
        .hero-content {
            left: 200px;
        }

        .hero-btn {
            padding: 35px 80px;
            font-size: 26px;
        }
    }

    @media (min-width:768px) and (max-width:991px) {
        .hero-section {
            height: 60vh;
            min-height: 500px;
            padding: 0 0 40px 40px;
            align-items: flex-end;
            justify-content: flex-start;
        }

        .hero-content {
            left: 100px;
        }
    }

    @media (max-width:767px) {
        .hero-section {
            height: 50vh;
            min-height: 450px;
            padding: 0 20px 40px 20px;
            align-items: center;
            justify-content: center;
        }

        .hero-content {
            position: relative;
            left: auto;
            top: auto;
            transform: none;
            text-align: center;
        }
    }

    @media (max-width:480px) {
        .hero-section {
            min-height: 400px;
            padding: 0 15px 30px 15px;
        }
    }