/*********************************
*                                *
*       BOOK | OUR MISSION       *
*                                *
**********************************/

.c2 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	border-top: 3px ridge rgba(0, 0, 0, 0.1);
	border-left: 6px ridge rgba(0, 0, 0, 0.2);
	border-right: 8px groove rgba(0, 0, 0, 0.3);
	border-bottom: 10px groove rgba(0, 0, 0, 0.3);
	background-image: url('../images/book-bg.svg');
	background-repeat: repeat-y;
	background-size: contain;
	background-color: #fff;
}

.c2-page {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding: 30px;
	height: 100%;
	width: 50%;
}

.c2 p {
	font-family: 'Manrope';
	font-weight: 400;
	font-size: 23px;
	color: #444;
	cursor: default;
	text-transform: uppercase;
}

.c2_text {
	display: block;
	clear: both;
	font-family: 'Poppins';
	font-weight: 300;
	font-size: 16px;
	font-style: italic;
	line-height: 30px;
	color: #444;
}

.c2_logo {
    width: 150px;
    height: auto;
    fill: #3E4536;
}

.c_img {
    height: 100%;
    max-width: 100%;
    width: auto;
    object-fit: contain;
    display: block;
}

@media (max-width: 1000px) {

	.c2 {
		flex-direction: column;
		height: auto;
		border-top: 3px ridge rgba(0, 0, 0, 0.1);
		border-left: none;
		border-right: none;
		border-bottom: 10px groove rgba(0, 0, 0, 0.3);
		background-image: none;
		background-repeat: none;
		background-color: #fff;
	}
	
	.c2-page {
		width: 100%;
	}
}


/* Block About us */


.e2 {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	height: auto;
	border-top: 3px ridge rgba(0, 0, 0, 0.1);
	border-left: 6px ridge rgba(0, 0, 0, 0.2);
	border-right: 8px groove rgba(0, 0, 0, 0.3);
	border-bottom: 10px groove rgba(0, 0, 0, 0.3);
	background-image: url('../images/book-bg.svg');
	background-repeat: repeat-y;
	background-size: contain;
	background-color: #fff;
}

.e2-page {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding: 30px;
	height: 100%;
	width: 50%;
}

.e2-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: flex-start;
	width: 100%;
	gap: 20px;
}

.e2_img {
	height: auto;
	flex-shrink: 0;
	float: left;
}

.e2_img img {
	height: auto;
	width: 200px;
	display: block;
}

.e2-name {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 10px;
}

.e2-name p{
	font-family: 'Manrope';
	font-weight: 400;
	font-size: 25px;
	color: #444;
	cursor: default;
}

.e2-name span {
	font-family: 'Manrope';
	font-weight: 400;
	font-size: 15px;
	color: #444;
}

.e2-span {
	display: inline-block;
	font-size: 18px;
	margin-top: auto;
}

.e2 h1 {
	font-family: 'Manrope';
	font-weight: 400;
	font-size: 23px;
	color: #444;
	cursor: default;
	text-transform: uppercase;
}

.e2_text {
	display: block;
	clear: both;
	font-family: 'Poppins';
	font-weight: 300;
	font-size: 16px;
	font-style: italic;
	line-height: 30px;
	color: #444;
}

.e2_logo {
    width: 200px;
    height: auto;
    fill: #3E4536;
}

@media (max-width: 1000px) {
	.e2 {
		flex-direction: column;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 10px groove rgba(0, 0, 0, 0.3);
		background-image: none;
	}
	
	.e2-page {
		width: 100%;
	}
	
	.e2-page:nth-child(1) {
		border-bottom: 10px groove rgba(0, 0, 0, 0.3);
	}
	
	.e2-wrap {
		justify-content: center;
}

	.e2-name {
		align-items: center;
		justify-content: center;
	}


}