/*--------------------------------------------------------------
>>> Layout.css
----------------------------------------------------------------*/

.page-about .content-wrapper{
	display: flex;

}
.content-wrapper:last-child, ._about-content {
	padding-top: 10rem;
}
.page-about .content-left{
	position: relative;
	flex: 0 0 50%;
	max-width:50%;
	height: 100%;
}
.page-about .content-right{
	flex: 0 0 50%;
	max-width:50%;
	height: 100%;
}
.page-about .content-left ._box_overlay_image{
	display: flex;
	justify-content: space-between;
	position: relative;
	gap: 2rem;
	height: 100%;
}
.page-about .content-left ._box_overlay_image ._item_overlay_image{
	height: 100%;
	width: 100%;
}
.page-about .content-left ._box_overlay_image ._item_overlay_image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.about__company-left-experience {
	text-align: center;
	position: absolute;
	left: 35%;
	bottom: 15%;
	background: var(--primary);
	width: 180px;
	height: 170px;
	padding: 35px 0;
}
.content-wrapper.extra-padding .about__company-left-experience {
	bottom: 6px;
	left: 0;
}
.about__company-left-experience  h2{
	font-size: 48px;
	line-height: 60px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 5px;
}
.about__company-left-experience  h2 .counter{
	color: #fff;
}
.about__company-left-experience h6 {
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	margin-bottom: 0;
}
.page-about .content-right ._box_content_right{
	padding-left: 65px;
}
.page-about .content-right ._box_content_right .title-sm{
	background-color: #FFE6E2;
	margin: 0px 0px 17px 0px;
	padding: 2px 20px 2px 20px;
	border-radius: 20px 20px 20px 20px;
	display: inline-block;
}
.page-about .content-right ._box_content_right .title-sm span{
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 25px;
	color: #F94C30;
	display: block;
}
.page-about .content-right ._box_content_right .box-title-lg h2{
	font-size:42px;
	line-height: 60px;
	color:var(--second);
	font-weight:700;
	text-transform: capitalize;
}
.page-about .content-right ._box_content_right ._box_desc_ct_right{
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 45px;
}
.content-wrapper.extra-padding {
	padding-top: 10rem;
	flex-direction: row-reverse;
}
.page-about .content-wrapper.extra-padding .content-right ._box_content_right {
	padding-left: 0;
	padding-right: 8rem;
}
.page-about .content-wrapper:not(:first-child) {
	padding-top: 10rem;
}


@media (min-width:1440px){
	.page-about{
		padding: 10rem 0;
	}
}
@media (max-width:576px){
	.page-about{
		padding: 5rem 0;
	}
	.page-about .content-wrapper {
		flex-direction: column;
	}
	.page-about .content-left, 
	.page-about .content-right{
		flex:0 0 100%;
		max-width: 100%;
	}
	.page-about .content-left ._box_overlay_image {
		gap: 1rem;
		flex-direction: column;
		width: 100%;
	}
	._item_overlay_image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.page-about .content-right ._box_content_right{
		padding-left: 0;
	}
	.page-about .content-right{
		padding-top: 5rem;
	}
	.page-about .content-right ._box_content_right .box-title-lg h2{
		font-size: 2rem;
		line-height: normal;
	}
	.page-about .__btn-control {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.page-about .content-right ._box_content_right ._box_desc_ct_right {
		margin-bottom: 30px;
	}
	.about__company-left-experience {
		left: 0;
		bottom: 0;
		width: 140px;
		height: 140px;
		padding: 25px;
	}
	.about__company-left-experience h2 {
		font-size: 30px;
		line-height: normal;
		margin-bottom: 5px;
	}

	.page-about .content-wrapper:not(:first-child) {
		padding-top: 5rem;
	}
	.page-about .button-ctrl {
		padding: 10px 30px;
	}
	.page-about .content-wrapper.extra-padding .content-right ._box_content_right {
		padding-left: 0;
		padding-right: 0;
	}
	.page-about .content-right ._box_content_right ._box_desc_ct_right,
	.about__company-left-experience h6  {
		font-size: 14px;
		line-height: 24px;
	}
	.content-wrapper.extra-padding .about__company-left-experience {
		bottom: 0;
		
	}
}
@media (min-width:577px) and (max-width:1024px){
	.page-about {
		padding: 5rem 0;
	}
	.page-about .content-wrapper {
		flex-direction: column;
	}
	.page-about .content-left,
	.page-about .content-right{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.page-about .content-right ._box_content_right .box-title-lg h2{
		font-size: 2.2rem;
		line-height: normal;
	}
	.page-about .content-left ._box_overlay_image {
		justify-content: center;
		width: 100%;
	}
	._item_overlay_image, ._item_overlay_image img {
		width: 100%;
	}
	.about__company-left-experience h2{
		font-size: 3rem;
		line-height: normal;
		margin-bottom: 0;
	}
	.about__company-left-experience {
		left: 50%;
		bottom: 10%;
		width: 150px;
		height: 150px;
		padding: 25px;
		transform: translate(-50%, 10%);
	}
	.about__company-left-experience h6 {
		font-size: 16px;
		line-height: normal;
		margin-bottom: 0;
	}
	.page-about .content-right {
		margin-top: 3rem;
	}
	.page-about .content-right ._box_content_right {
		padding-left: 0;
	}
	.page-about .content-wrapper:not(:first-child) {
		padding-top: 5rem;
	}
	.page-about .content-right ._box_content_right ._box_desc_ct_right {
		margin-bottom: 2rem;
	}
	.page-about .content-wrapper.extra-padding .content-right ._box_content_right {
		padding-right: 0;
	}
	.content-wrapper.extra-padding .about__company-left-experience {
		bottom: 5px;
		transform: unset;
		right: 0
	}
}

@media (min-width:1200px) and (max-width:1536px){
	.about__company-left-experience {
		left: 50%;
		bottom: 5%;
		transform: translate(-50%, -5%);
		width: 160px;
		height: 160px;
		padding: 15px;
	}
	.about__company-left-experience h2 {
		font-size: 42px;
		margin-bottom: 10px;
		line-height: normal;
	}
	.content-wrapper.extra-padding .about__company-left-experience {
		bottom: 6px;
		left: 0;
		transform: unset;
	}
	.about__company-left-experience h6 {
		font-size: 16px;
		line-height: normal;
		margin-bottom: 0;
	}
	.page-about .content-right ._box_content_right .box-title-lg h2 {
		font-size: 3rem;
		line-height: normal;
		margin-bottom: 10px;
	}
	.page-about .content-right ._box_content_right ._box_desc_ct_right {
		margin-bottom: 10px;
	}
	.page-about .content-wrapper.extra-padding .content-right ._box_content_right {
		padding-left: 0;
		padding-right: 5rem;
	}
	.page-about .content-wrapper:not(:first-child) {
		padding-top: 5rem;
	}
	.page-about{
		padding: 6rem 0;
	}
}

@media (min-width:1537px) and (max-width:1700px){
	.page-about .content-wrapper.extra-padding .content-right ._box_content_right {
		padding-left: 0;
		padding-right: 5rem;
	}
	.about__company-left-experience h6 {
		margin-bottom: 0;
	}
	.about__company-left-experience {
		width: 180px;
		height: 180px;
		padding: 30px;
	}

	.page-about .content-right ._box_content_right ._box_desc_ct_right {
		margin-bottom: 20px;
	}
}