@charset "utf-8";
/* CSS Document */
.officesside{
	width: 100%;
	height: auto;
	min-height: 50vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.officesside .card{
	width: 98%;
	height: auto;
	min-height: 50vh;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	margin: 30px 0;
	background: rgba(235,235,235,1.00);
	direction: rtl;
}
.officesside .card .bossside{
	width: 100%;
	height: 200px;
	display: flex;
	overflow: hidden;
	align-items: center;
}
.officesside .card .bossside .imgside{
	width: 200px;
	height: 200px;
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
.officesside .card .bossside .imgside .img{
	border-radius: 40px;
	width: 160px;
	height: 160px;
	border: 8px solid #fff;
	overflow: hidden;
}
.officesside .card .bossside .imgside .img img{
	width: 100%;
	height: auto;
}
.officesside .card .bossside .nameside{
	width: auto;
	height: 100%;
	display: flex;
	align-items: flex-end;
	margin-right: 20px;
}
.officesside .card .bossside .nameside p{
	color: #285D95;
	font-size: 34px;
	font-weight: 500;
	margin-bottom: 30px;
}
.officesside .card .textside{
	width: auto;
	height: auto;
	padding: 40px 20px;
}
.officesside .card .textside pre{
	white-space: pre-line;
	text-align: justify;
	color: rgba(0,0,0,0.7);
}
@media screen and (max-width:750px){
	.officesside .card .bossside .imgside .img{
		border-radius: 40px;
		width: 140px;
		height: 140px;
	}
	.officesside .card .bossside .nameside p{
		font-size: 24px;
	}
}
@media screen and (max-width:600px){
	.officesside .card .bossside{
		height: auto;
		flex-direction: column;
	}
	.officesside .card .bossside .imgside{
		justify-content: center;
		align-items: flex-end;
	}
	.officesside .card .bossside .nameside{
		margin: 20px 0 0 0;
	}
}
@media screen and (max-width:600px){
	.officesside .card .bossside .nameside p{
		font-size: 18px;
	}
}