.subtitle{
	position: relative;
	font-size: 28px;
	padding-bottom: 8px;
	margin-bottom: 30px;
}
.subtitle::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
	background: var(--color_primary);
}
.leadership {
	display: flex;
	align-items: center;
	gap: 40px;
}
.leadership > div:nth-child(1) {
	width: 20%;
}
.leadership > div:nth-child(2) {
	width: 80%;
}
.leadership .name {
	font-weight: 700;
	font-size: 26px;
	font-family: var(--font_ternary);
}
.leadership .designation {
	font-family: var(--font_ternary);
	font-style: italic;
	font-weight: 500;
	font-size: 22px;
	padding: 6px 0;
}
.leadership .company {
	font-family: var(--font_ternary);
	font-weight: 600;
	font-size: 22px;
}
.leadership .description {
	font-family: var(--font_ternary);
	font-size: 22px;
}
.teams {
	gap: 40px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	font-family: var(--font_ternary);
	text-align: center;
}
.teams.five{
	grid-template-columns: repeat(5, minmax(0, 1fr));
}
.teams .content{
	padding-top: 20px;
}
.teams .name {
	font-weight: 700;
	font-size: 18px;
}
.teams .designation {
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
	padding-top: 6px;
}
.milestone_sec{
	background: #DEF0E6;
	overflow: hidden;
}
.key_sec .flex{
	display: flex;
	gap: 80px;
}
.key_sec p{
	font-size: 18px;
}
.key_sec strong {
	display: block;
}
.key_sec .flex > div:nth-child(2) p:not(:last-child){
	padding-bottom: 24px;
}
.bg {
    position: absolute;
	top: 0;
    transform: scale(1) translate(0%, -1%);
}
.milestone-box .top {
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid var(--color_text);
	padding-right: 100px;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: flex-start;
}
.milestone-box .top::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #F36A10;
	transform: translate(0, 50%);
}
.milestone-box h3{
	font-size: 24px;
	font-family: var(--font_secondary);
	font-weight: 900;
}
.milestone-box h3 span{
	font-weight: 400;
}
.milestone-box p{
	font-size: 18px;
	font-family: var(--font_ternary);
	padding-right: 100px;
}
@media(min-width: 768px){
	.key_sec .flex > div:nth-child(1){
		width: 38%;
	}
	.key_sec .flex > div:nth-child(2){
		width: 62%;
	}	
	.mission_sec .flex{
		display: flex;
		gap: 140px
	}
	.mission_sec .flex > div{
		flex: 1;
	}
}
@media(max-width: 767px){
	.subtitle{
		font-size: 20px;
	}
	.teams{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.leadership {
		flex-direction: column;
		text-align: center;
	}

	.leadership > div {
		width: 100% !important;
	}
	.leadership .name {
		font-size: 20px;
	}
	.leadership .description,
	.leadership .designation,
	.leadership .company,
	.teams .designation{
		font-size: 16px;
	}
	.key_sec .flex{
		flex-direction: column;
		gap: 20px;
	}
	.key_sec p{
		font-size: 16px;
	}
	.mission_sec .flex{
		display: flex;
		flex-direction: column;
		gap: 40px;
	}
	.milestone-box .top,
	.milestone-box p{
		padding-right: 40px;
	}
	.milestone-box h3{
		font-size: 20px;
	}
	.milestone-box p{
		font-size: 16px;
	}
	.mission_sec {
		text-align: center;
		max-width: 300px;
		margin: auto;
	}
}