.wrapper__video{text-align:center; overflow:hidden}
.wrapper__video .widget__title{max-width:560px; padding:0; margin:0 auto !important}
.video__heading{text-align: center;font-size: 24px;color: #000000; padding:50px 0 40px}
.video__play-inner{display:flex;justify-content:center;position: relative;z-index: 1;}
.video__play-block{display: block;position: relative;overflow:hidden;border-radius:40px;max-width: 825px;}
.video__play-link{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width:55px}
.video__play-block > img{transform: scale(1.08);transition:all 0.15s linear 0s}
.video__play-block:hover .video__play-link{max-width:70px}
.video__play-block:hover > img{transform:scale(1)}
.video__play-outer{position: relative;padding-top: 65px;padding-bottom: 110px}
.video__bg-video{max-width: 1280px;position: absolute;left: 50%;transform: translateX(-50%);top: 0;pointer-events: none}
.video__play-small{max-width: 270px;border-radius: 20px;overflow: hidden;}
@media(min-width:768px){
	.video__play-small{position:absolute}
	.play-small--left{left: 0;z-index: 2;transform: translateY(-50%) rotate(-5deg);top: 50%}
	.play-small--right{right: 0;z-index: 2;transform: translateY(-50%) rotate(5deg);top: 50%;}
	.video__play-small::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5);transition:all 0.15s linear 0s}
	.video__play-small .video__play-link{opacity:0}
	.video__play-small:hover::after{opacity:0}
	.video__play-small:hover .video__play-link{opacity:1}
}
@media(max-width:1229px){
	.wrapper__video .widget__title{max-width:520px}
	.video__heading{font-size: 20px; padding:40px 0 30px}
	.video__play-block{max-width:625px;}
	.video__play-link{max-width:45px}
	.video__play-block:hover .video__play-link{max-width:60px}
	.video__play-outer{padding-top: 50px;padding-bottom: 80px;}
	.video__bg-video{max-width: 970px;}
	.video__play-small{max-width: 220px;}
}
@media(max-width:991px){
	.wrapper__video .widget__title{max-width:480px}
	.video__heading{font-size: 18px; padding:30px 0 20px}
	.video__play-block{max-width:525px;}
	.video__play-link{max-width:35px}
	.video__play-block:hover .video__play-link{max-width:50px}
	.video__play-outer{padding-top: 30px;padding-bottom: 60px;}
	.video__bg-video{max-width: 770px;}
	.video__play-small{max-width: 200px;}
}
@media(max-width:767px){
	.video__bg-video {max-width: 960px;}
	.video__play-outer{padding:20px 0}
	.wrapper__video .widget__title{max-width:480px}
	.video__heading{font-size: 16px; padding:20px 0 10px}
	.video__play-inner{display:flex; gap:15px; flex-wrap:wrap}
	.video__play-small{position:relative}
	.play-small--left{order:2; width:calc((100% - 15px) / 2); max-width:calc((100% - 15px) / 2)}
	.play-small--right{order:3; width:calc((100% - 15px) / 2); max-width:calc((100% - 15px) / 2)}
	.video__play-block{order:1; width:100%; max-width:100%; border-radius:20px}
	.video__play-small > img{transform: scale(1.08);transition:all 0.15s linear 0s}
	.video__play-small:hover > img{transform:scale(1)}
}
@media(max-width:575px){
	.video__bg-video{display:none}
	.video__heading {font-size: 14px;padding: 15px 0 10px}
	.video__play-outer{padding:10px 0}
}
@media(max-width:420px){
	.video__play-inner{flex-direction:column}
	.play-small--left, .play-small--right{width:100%; max-width:100%}
}

