.bannerSection {
    height: 774px;
    background: url('../images/ecvDemo.webp')no-repeat;
    background-size: cover;
}
.bannerContent {
    align-self: flex-end;
    margin-bottom: 50px;
}
.bannerContent h1 {
    font-weight: 450;
    font-size: 76px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 0;
}
.ecvDemoMainWrapper section {
    margin-bottom: 60px;
}
.ecvGuestExperience h3 {
    font-weight: 450;
    font-size: 50px;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
    color: #011928;
    margin-bottom: 32px;
}
.ecvGuestExperience p {
    font-weight: 450;
    font-size: 18px;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    line-height: 180%;
    letter-spacing: 0%;
    text-align: center;
    color: #5E636D;
    max-width: 700px;
    margin: 0 auto 60px;
}   
.ecvGuestExperience video {
    width: 100%;
    height: auto;
    border-radius: 30px;
}
.playButton {
    position: absolute;
    top: calc(50% - 67px);
    left: calc(50% - 67px);
    background: url('../images/playPause.svg')no-repeat;
    background-size: cover;
    cursor: pointer;
    width: 134px;
    height: 134px;
    border: 0;
    background-color: transparent;
}
.video-wrapper {
    position: relative;
}

@media(max-width: 1024px) {
    .ecvDemoMainWrapper .bannerSection {
        height: 640px;
    }
    .ecvDemoMainWrapper .container {
        padding: 0;
    }
    .ecvDemoMainWrapper .playButton {
        width: 90px;
        height: 90px;
        top: calc(50% - 45px);
        right: calc(50% - 45px);
    }
    .ecvGuestExperience p {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0%;
        text-align: center;
        max-width: 550px;
        margin: 0 auto 30px;
    }
    .bannerContent h1{
        font-weight: 400;
        font-size: 45px;
        line-height: 120%;
    }
    .ecvDemoMainWrapper section {
        margin-bottom: 40px;
    }
    .ecvGuestExperience h3 {
        font-weight: 450;
        font-size: 30px;
        line-height: 120%;
        color: #17294D;
        margin-bottom: 24px;        
    }
}
@media(max-width: 767px) {
    .ecvDemoMainWrapper .bannerSection {
        height: 419px;
    }
    .ecvDemoMainWrapper .bannerContent {
        margin-bottom: 30px;
    }
    .ecvDemoMainWrapper .container {
        padding: 0 15px;
    }
    .ecvDemoMainWrapper section {
        margin-bottom: 30px;
    }
    .ecvGuestExperience h3 {
        max-width: 300px;
        margin: 0 auto 24px;
    }
    .ecvGuestExperience p {
        max-width: 320px;
        margin: 0 auto 24px;
    }
    .ecvGuestExperience video {
        border-radius: 8px;
    }
    .ecvDemoMainWrapper .playButton {
        width: 42px;
        height: 42px;
        top: calc(50% - 21px);
        left: calc(50% - 21px);
    }
}