.section-twocol-hero {
	position: relative;
	overflow: hidden;
	padding: 200px 0 40px;
}

.twocol-hero-bg {
	position: absolute;
	top: 100px;
	right: 0;
}

.twocol-hero-box {
	display: flex;
	align-items: center;
	gap: 96px;
	position: relative;
}

.twocol-hero-left {
	max-width: 675px;
}

.hero-brand-sliderbx{margin:136px auto 0;padding:32px 0;max-width:960px;max-width:100%;}
.hero-brand-sliderbx .brand-sliderttl{margin:0 auto 28px;text-align:center;font-size:16px;line-height:24px;color:#ADB3BB;}
.hero-brand-sliderbx .hero-brand-slider{margin-top:0;}


.twocol-hero-video {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.25);
	min-width: 509px;
	max-width: 509px;
}

.hero-video-wrap video {
	width: 100%;
	object-fit: cover;
	display: block;
	min-height: 564px;
	cursor: pointer;
}

.hero-video-wrap .video-play-btns {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	backdrop-filter: blur(8px);
	border: 0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	transition: background 0.3s, transform 0.3s;
	cursor: pointer;
	color: var(--color-blue);
	background: var(--color-white);
}

.hero-video-wrap .video-play-btns:hover {
	border: 1.5px solid #0076A9;
	color: var(--color-lblue);
}

.hero-video-wrap .video-play-btns.hero-pause-btn {
	border: 1.5px solid #0076A9;
	color: var(--color-lblue);
}

.twocol-hero-btn a:hover {
    text-decoration: underline;
}
@media (max-width: 1100px) {	
	.section-twocol-hero{padding:150px 0 30px;}
	.hero-brand-sliderbx{margin:56px auto 0;}
	
	.twocol-hero-box{gap:32px;}
	.twocol-hero-box > div{flex:1;}
}
@media (max-width: 1024px) {	
	.twocol-hero-box{gap:32px;}
	.twocol-hero-box > div{flex:1;}
	.twocol-hero-left{max-width:100%;}
	.twocol-hero-video{min-width:100%;max-width:100%;}
	.hero-video-wrap video{min-height:480px;}
}

@media (max-width: 767px) {	
	.section-twocol-hero{padding:120px 0 24px;}	
	.twocol-hero-box{flex-direction:column;gap:32px;}
	.hero-brand-sliderbx{margin:0;padding:32px 0;}
	.twocol-hero-video{min-width:100%;max-width:100%;}
	.hero-video-wrap video{min-height:431px;}
}



.twocol-hero-video .video-embed iframe{
    width:100% !important;
    height:100% !important;
    display:block;
    border:0;
}

.twocol-hero-video .video-embed{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
}