.container{
	padding: 120px;
}

.whoweare-block{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 0;
	position: relative;
}

.whoweare-block .imgbox{
	height: 800px;
}

.whoweare-block .imgbox img,
.leadership-block .imgbox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.whoweare-block .paragraph{
	position: absolute;
	top: 95px;
	left: 120px;
	width: 700px;
	z-index: 10;
	background-color: var(--c-white);
	padding: 60px 24px;
}

.paragraph h5{
	font-family: 'Montserrat-SemiBold';
	font-size: 18px;
}

.paragraph h1{
	font-family: 'Montserrat-Medium';
	line-height: 1.2;
}

.blueslash{
	width: 12px;
	height: 21px;
}

.paragraph .small-txt{
	width: 85%;
	line-height: 1.5;
}

.paragraph .small-txt label{
	color: var(--c-black);
}

.whoweare-block .rotate-imgbox{
	position: absolute;
	left: 625px;
	bottom: 0;
	z-index: 12;
	width: 470px;
	height: 400px;
}

.whoweare-block .rotate-imgbox img{
	width: 100%;
	height: 100%;
}

.leadership-block{
	padding: 120px 120px 0 0;
	display: grid;
	grid-template-columns: 2fr 3fr;
	gap: 100px;
}

.leadership-block .imgbox{
	height: 650px;
}

.certify-accred-block{
	background-color: var(--c-gray-bg);
}

.title{
	font-family: 'Montserrat-SemiBold';
	font-size: 32px;
}

.certify-accred-block .title{
	text-align: center;
}

.certify-accred-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	justify-content: center;
	margin-top: 60px;
}

.certify-accred-item{
	height: 430px;
	padding: 32px 24px;
	background-color: var(--c-white);
}

.certify-accred-item h3{
	font-family: 'Inter-SemiBold'; 
	font-size: 20px;
	margin-bottom: 16px;
}

.certify-accred-item p{
	font-family: 'Inter';
	margin-top: 32px;
	line-height: 1.5;
}

.certify-accred-item p.li{
	line-height: 2;
}

.safe-quality-head{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.text{
	font-family: 'Inter';
}

.safe-quality-content{
	margin-top: 70px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	justify-content: center;
}

.safe-quality-item{
	border: 1px solid var(--c-white-light);
}

.safe-quality-item .imgbox{
	width: 100%;
}

.safe-quality-item .imgbox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.safe-quality-item .textbox{
	padding: 24px 16px;
}

.safe-quality-item .textbox h3{
	font-family: 'Montserrat-SemiBold'; 
	font-size: 20px;
	margin-bottom: 16px;
}

@media (max-width: 1280px) {
	.whoweare-block .imgbox{
		height: 700px;
	}
	
	.whoweare-block .paragraph{
		left: 50px;
		padding: 30px 24px;
	}
	
	.whoweare-block .rotate-imgbox{
		left: 600px;
		width: 352px;
		height: 300px;
	}
	
	.leadership-block{
		padding: 120px 60px 0 0;
	}
	
	.paragraph h1{
		font-size: 42px;
	}
	
	.certify-accred-grid{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 992px) {
	.whoweare-block{
		grid-template-columns: 1fr;
	}
	
	.whoweare-block .imgbox{
		height: 500px;
	}
	
	.whoweare-block .rotate-imgbox{
		position: relative;
		left: 0;
		bottom: 0;
		margin-top: -160px;
		margin-left: 25%;
	}
	
	.whoweare-block .paragraph{
		width: auto;
		position: relative;
		left: 0;
		top: 0;
	}
	
	.container{
		padding: 60px 20px;
	}
	
	.leadership-block{
		padding: 60px 20px 0 0;
		gap: 60px;
	}
	
	.paragraph h1{
		font-size: 30px;
	}
	
	.leadership-block .imgbox{
		height: 550px;
	}
}

@media (max-width: 768px) {
	.whoweare-block .rotate-imgbox{
		width: 300px;
		height: 255px;
	}
	.leadership-block{
		padding: 0;
	}
	
	.paragraph h1{
		font-size: 24px;
	}
	
	.paragraph p{
		font-size: 14px;
	}
	.whoweare-content .small-txt{
		width: 100%;
	}
	
	.leadership-block{
		grid-template-columns: 1fr;
		gap: 32px;
	}
	
	.leadership-block .paragraph{
		padding: 0 20px 60px 20px;
	}
	
	.certify-accred-grid{
		grid-template-columns: repeat(2, 1fr);
	}
	
	.safe-quality-head{
		grid-template-columns: 1fr;
		padding: 0;
	}
	
	.title{
		font-size: 24px;
	}
	
	.safe-quality-content{
		grid-template-columns: 1fr 1fr;
		margin-top: 48px;
	}
}

@media (max-width: 630px) {
	.certify-accred-grid, .safe-quality-content{
		grid-template-columns: 1fr;
	}
	
	.certify-accred-item{
		width: 350px;
		margin: 0 auto;
	}
}
