section .container { 
	padding: 5rem 1rem;
}
h2 { text-align: center; }
body.inner-page { background: #ffffff; }
#mission .container {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	justify-content: space-between;
	align-items: start;
}
#mission .content-aside { width: 48%; }
#mission h2 { text-align: left; }
#mission img { width: 48%; margin-top: 4.25rem; border-radius: 1rem; }
#mission p { 
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: rgba(88,88,88,0.75); 
}
#mission p strong, #plain p strong { color: rgba(26,26,26,0.75); }
ul {
	list-style: none;
	margin: 2.5rem auto 0 auto;
	padding:0;
}
#our-values .container { padding-top: 0; }
#our-values .container ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5rem;
	text-align: center;
}
#our-values ul h3 { margin: 0.5rem auto 1rem auto; }
#our-values ul p { 
	color: rgba(88,88,88,0.75);
	line-height: 1.3rem;
	margin-bottom: 0;
}

#suitable-for { background: #F5F7F9; } 
#suitable-for ul { 
	grid-template-columns: 1fr 1fr; 
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	justify-content: space-between;
} 
#suitable-for ul li { 
	width: 42%; 
	position: relative; 
	padding-left: 1.75rem; 
}
#suitable-for li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: url("../img/icon-checkmark-circle.svg") no-repeat center center;
  background-size: contain;
}
#suitable-for ul li p {
	margin: 0.5rem 0 0 0;
}

#plain, #get-started { text-align: center; }
#plain h2 { margin-bottom: 2rem;}
#plain p, #get-started .subtitle {
	font-size: 1.125rem;
	color: rgba(88,88,88,0.75);
	line-height: 1.6rem;
}

#get-started {
	background: url("../img/bgr-benefits-section.webp") no-repeat center center;
	background-size: cover;
}
#get-started h2 { color: #ffffff; }
#get-started .subtitle { 
	color: rgba(255,255,255,0.75); 
	padding-bottom: 3.5rem;
}


@media screen and (max-width: 840px) {
	section .container { padding: 4rem 1rem; }
	#mission .container {
		text-align: center;
		gap: 1.5rem;
	}
	#mission .content-aside { width: 100%; }
	#mission h2 { text-align: center; }
	#mission img { 
		margin: 0 auto;
		width: 60%;
	}
}

@media screen and (max-width: 620px) {
	#mission img { width: 100%; }
	#our-values .container ul, #suitable-for .container ul { grid-template-columns: 1fr; }
	#suitable-for .container ul { display: grid; }
	#suitable-for .container ul li { width: auto; }
}