section.banner-video {
    padding: 120px 0 60px 0;

    .title-wrap {
        margin: 0 auto;
        max-width: 900px;
    }

    .button-wrap {
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: center;
        margin-top: 32px;
    }

    .media-link {
        display: block;
        margin-top: 32px;
        border-radius: 16px;
        background: #000000;
        position: relative;
        overflow: hidden;

        .play-btn {
            position: absolute;
            top: calc(50% - 54px);
            left: calc(50% - 54px);
            width: 108px;
            height: 108px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.32);
            backdrop-filter: blur(10px);
            transition: all 0.2s linear;
        }
    }

    .media-link:hover .play-btn {
        background: #D91200;
    }

    .btn-subtext {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1px;
    }
}


/* Page: Offshore Software Development Services  */
body.page-id-9151 section.banner-video {
    padding: 120px 0;

    @media only screen and (max-width: 768px) {
        padding: 80px 0;
    }
}


section.banner-video.background-dark .title-wrap p,
section.banner-video.background-dark .title-wrap h2,
section.banner-video.background-dark .btn-subtext {
    color: #FFFFFF;
}


/* MEDIA */

@media only screen and (max-width: 768px) {
    section.banner-video {
        padding: 80px 0 60px 0;

        .button-wrap {
            flex-wrap: wrap;
        }

        .title-wrap {
            max-height: 200px;
        }
    }
}

/* ( < 768 ) */


/* Page - ChatGPT Integration Services */
.page-id-17411 {
    section.banner-video {
        padding: 60px 0 120px 0;

        @media only screen and (max-width: 768px) {
            padding: 40px 0;
        }
    }
}