section.whyus { padding: 100px 0; position: relative; }
section.whyus .whyus-inner { display: flex; align-items: center; justify-content: space-between; }
section.whyus .whyus-inner .details { max-width: 550px; }
section.whyus .whyus-inner .video,
section.whyus .whyus-inner .video video { width: 620px; height: 500px; object-fit: cover; border-radius: 20px; display: block; }
section.whyus .video-control { position: absolute; right: 20px; bottom: 20px; width: 64px; height: 64px; background-color: transparent; border: none; padding: 0; color: var(--secondarycolor); margin: 0; border-radius: 50px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0 0 0 6px; }
section.whyus .video-control span { font-size: 34px; line-height: 1; }
section.whyus .video-container { position: relative; }
section.whyus .video-control:not(.playing) .video-control-pause,.video-control.playing .video-control-play { display: none; }
section.whyus .whyus-inner .details [class*="button--"] { padding: 40px 0 0 0; }

@media screen and (max-width:1429px) { }

@media screen and (max-width:1199px) {
	section.whyus { padding: 40px 0; }
	section.whyus .whyus-inner .video,
	section.whyus .whyus-inner .details { width: 48%; height: auto; }
	section.whyus .whyus-inner .details { }
	section.whyus .whyus-inner .video video { width: 100%; height: auto; }	
}

@media screen and (max-width:767px) {
	section.whyus .whyus-inner { flex-direction: column; }
	section.whyus .whyus-inner .video,
	section.whyus .whyus-inner .details { width: 100%; }
	section.whyus .whyus-inner .details { padding: 20px 0 0 0; text-align: center; }
	section.whyus .whyus-inner .details [class*="button--"] { padding: 20px 0 0 0; }
}