@charset "UTF-8";

@media screen and (max-width: 1240px) {
	.flow-card{
		width: calc(50% - 20px);
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	html,body{
		width: 100%;
		overflow-x: hidden;
		
	}

	body{
		padding-top: 61px !important;
	}
	.d-flex.gNav{
		display: none !important;
	}

	#reasonSlider,
	#voice-slider,
	#staff-card-slider{
		width: 90%;
		margin: 0 auto;
	}

	.hero-badge{
		top: 50px;
		width: 100%;
		text-align: center;
	}

	#side-badge{
		top: 200px;
		left: 0;
		right: auto;
		width: 100%;
	}

	#side-badge ul{
		display: flex;
		-webkit-justify-content: center;
		        justify-content: center;
		gap:20px;
	}

	#hero{
		height: 70vh;
	}

	.video-background img{
		    height: 70vh;
	}

	.hero-badge-list img{
		max-width: 100px;
	}

	.comparison-table{
		min-width: auto;
	}