
.edit_here
{
	/* TODO:edit here */

}

.ceo_bg
{
	width: 230px !important;
	height: 52px !important;
	position: relative !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	background-color: black !important;
	border-radius: 100px !important;
}

@media screen and (max-width: 835px)
{
	.ceo_bg
	{
		width: 164px !important;
		height: 35px !important;
		transform: translateX(16%) !important;
	}
	.ceo_bg_L
	{
		width: 70px !important;
		height: 23px !important;
		font-size: 13px !important;
		line-height: 23px !important;
	}
	.ceo_bg_R
	{
		width: 78px !important;
		height: 23px !important;
		font-size: 13px !important;
		line-height: 23px !important;
	}
}

.ceo_flex_container
{
	width: 100% !important;
	height: auto !important;
	position: relative !important;
	display: flex !important;
	gap: 80px !important;
}
/* 1137 */
@media screen and (max-width: 1297px)
{
	.ceo_flex_container
	{
		gap: 40px !important;
	}
}

@media screen and (max-width: 681px)
{
	.ceo_flex_container
	{
		gap: 20px !important;
	}
}

@media screen and (max-width: 573px)
{
	.ceo_flex_container
	{
		display: block !important;
		text-align: center !important;
	}
}

.ceo_L_view
{
	position: relative !important;
	display: block !important;
	/* flex-direction: row-reverse !important; */
	width: 45% !important;
	height: 100% !important;
}

@media screen and (max-width: 681px)
{
	.ceo_L_view
	{
		width: 60% !important;
	}
}

@media screen and (max-width: 573px)
{
	.ceo_L_view
	{
		width: 100% !important;
	}
}

/* @media screen and (max-width: 1137px)
{
	.ceo_L_view
	{
		width: 100% !important;
		justify-content: center !important;
	}
} */

.ceo_R_view
{
	position: relative !important;
	display: block !important;
	width: 55% !important;
	height: auto !important;
	margin-bottom: 50px !important;
}

@media screen and (max-width: 573px)
{
	.ceo_R_view
	{
		width: 100% !important;
		margin-bottom: 0px !important;
		padding-right: 0px !important;
		margin: 0 auto !important;
	}
}

/* @media screen and (max-width: 1137px)
{
	.ceo_R_view
	{
		width: 100% !important;
		padding-left: 10vw !important;
		padding-right: 10vw !important;
	}
} */

.ceo_face_img
{
	position: relative !important;
	display: block !important;
	width: 340px !important;
	height: 340px !important;
	right: 0 !important;
	background: url('../../Assets/Ceo/ceoface.png') !important;
	margin-top: 83px !important;
}

@media screen and (max-width: 1297px)
{
	.ceo_face_img
	{
		width: 280px !important;
		height: 280px !important;
		margin-top: 20px !important;
		background-size: cover !important;
	}
}

@media screen and (max-width: 719px)
{
	.ceo_face_img
	{
		width: 257px !important;
		height: 257px !important;
		margin-bottom: 20px !important;
	}
}

@media screen and (max-width: 573px)
{
	.ceo_face_img
	{
		margin: 20px auto !important;
	}
}

.ceo_h2_font1
{
	position: relative !important;
	display: block !important;
	/* max-width: 348.07px !important; */
	font-size: 54px !important;
	font-weight: 700 !important;
	padding-top: 40px !important;
}

@media screen and (max-width: 1024px)
{
	.ceo_h2_font1
	{
		padding-top: 20px !important;
		font-size: 36px !important;
	}
}

@media screen and (max-width: 750px)
{
	.ceo_h2_font1
	{
		font-size: 36px !important;
	}
}

@media screen and (max-width: 500px)
{
	.ceo_h2_font1
	{
		font-size: 24px !important;
	}
}

.ceo_h2_font2
{
	position: relative !important;
	display: block !important;
	/* max-width: 485px !important; */
	font-size: 54px !important;
	font-weight: 700 !important;
}

@media screen and (max-width: 1024px)
{
	.ceo_h2_font2
	{
		font-size: 36px !important;
	}
}

@media screen and (max-width: 750px)
{
	.ceo_h2_font2
	{
		font-size: 36px !important;
	}
}

@media screen and (max-width: 500px)
{
	.ceo_h2_font2
	{
		font-size: 24px !important;
	}
}

.ceo_bottom_line
{
	width: 149px !important;
	height: 6px !important;
	border-bottom: 6px solid #725fff !important;
	margin: 50px 0  !important;
}

@media screen and (max-width: 1201px)
{
	.ceo_bottom_line
	{
		display: none !important;
	}
}

@media screen and (max-width: 1137px)
{
	.ceo_bottom_line
	{
		transform: translate(450%) !important;
	}
}

.ceo_h3_text
{
	height: auto !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	position: relative !important;
	display: block !important;
	word-break: keep-all !important;
	white-space: normal !important;
	margin-bottom: 2vh !important;
}

@media screen and (max-width: 1024px)
{
	.ceo_h3_text
	{
		font-size: 20px !important;
		margin-bottom: 1.5vh !important;
	}
}

@media screen and (max-width: 573px)
{
	.ceo_h3_text
	{
		max-width: 400px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: 1.5vh
	}
}

@media screen and (max-width: 500px)
{
	.ceo_h3_text
	{
		font-size: 16px !important;
	}
}



/* @media screen and (max-width: 1137px)
{
	.ceo_h3_text
	{
		width: 100% !important;
		font-size: 15px !important;
		max-width: none !important;
		justify-content: center !important;
		margin: 0 auto !important;
	}
	.ceo_h3_text_top
	{
		margin-top: 40px !important;
	}
} */

.responsive_text
{
	display: none !important;
}

.responsive_text_hide
{
	display: block !important;
}

@media screen and (max-width: 835px)
{
	/* .responsive_text
	{
		display: block !important;
	} */
	.responsive_text_hide
	{
		display: none !important;
	}
}

