#banner-video {
	
min-height: 940px;
    height: 100vh;
    background-position: top 80px center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 9.375%;
    background-color: #010101;
	position: relative;
	top : -200px;
}

.banner-content-vid {
    width: 100%;
    flex-grow: 1; 
	    margin-top: 50px;
}
.banner-row-vid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;    
	top: 100px;
    position: relative;
}


.left-text-vid, .right-text-vid {
    flex: 1;
    color: #fff; 
	max-width: 23%;
	font-size: 20px;
}
.left-text-vid p span, .right-text-vid p span {color:#FFF401;}
.center-image {
    flex: 2;
    text-align: center; 
}

.left-text-vid p {margin: 0;}
.full-width-text-vid {
    text-align: center;
    font-size: 64px;
   text-transform: uppercase;
    width: 100%;
	color: var(--s-y);
	font-weight: 700;
	top: 170px;
	position:relative;
}
.full-width-comp-vid {
	text-align: center;
    font-size: 34px;
   text-transform: uppercase;
    width: 100%;
	color: #fff;
	font-weight: 700;
	top: 180px;
	position:relative;
}
.full-width-des-vid {
    text-align: center;
    font-size: 22px;    
    width: 100%;
    color: #fff;
    font-weight: 400;
    top: 200px;
    position: relative;
}
.full-width-text-vid p {margin: 0 auto;}
.additional-content-vid {
	display: flex;
	justify-content: space-between;  
    position: relative;
    top: 120px;
    height: 108px;	
}

.yb-vid {
	width: 73%;
    height: 495px;
    border: 1px solid #fff40142;
    top: 100px;
    position: relative;
	margin: 0 auto;
	border-radius: 20px;
	    box-shadow: 0px 0px 20px -5px #FFF40199;
}
.yb-vid iframe {
    width: 100%;
border-radius: 20px;
  /*  aspect-ratio: 16 / 9;*/
}
.block-3-vid {
	width: 50%;
    height: 100px;
    border: solid 1px #515151;
    border-radius: 20px;
    padding: 10px;
	top:220px;
    margin: 0 auto;
	position: relative;
}
.block-3-vid button {
	 width: 100%;
	height: 100%;
    padding: 10px 20px; 
    background-color:var(--s-y);
    color: #000; 
    border: none; 
	border-radius: 10px;
    cursor: pointer; 
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #FFF401;
    background-blend-mode: normal;
	box-shadow: 0px 4px 34px 0px #FFF40199;
	    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.progress-bar {
    width: 100%;
    border: 2px solid #515151;

    border-radius: 5px;
    padding: 2px;
    width: 50%;
    margin: 0 auto;
    position: relative;
    top: 190px;
}

.progress {
    background-color: #fff401;
    width: 0;
    height: 20px; 
    transition: width 3s;
    border-radius: 3px;
}

.progress-text {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: black;
    font-size: 16px;
	font-weight:700;
	    padding-right: 12%;
}


@media(max-width: 768px){
	#banner-video {
		min-height: 600px;}
	.banner-content-vid {
	margin-top: 100px;
	}
	.full-width-text-vid {
		    font-size: 32px;
    line-height: 28px;	
		margin-bottom: 10px;
	}
.full-width-comp-vid {	font-size: 24px;}
	.left-text-vid, .right-text-vid {
		font-size:14px;
		line-height:21px;
	}
	.progress-bar {		width: 75%;}
	.full-width-des-vid {		font-size: 18px;}
	.left-text-vid {
		max-width:28%;
	}
	.right-text-vid {
		max-width:45%;
		text-align: right;
	}
	.yb-vid {
    width: 100%;
       height: 40%;
	}
	
.additional-content-vid {
    top: 120px;
    flex-direction: column;
}

.block-3-vid {
	width: 75%;}







	
}