.top-section-about{
	background: #fff;
}
.about-section{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 62vw;
	margin: 0 auto;
	margin-top: 5.8vw;
	position: relative;
	margin-bottom: 9vw;
}
.years-blocks{
	position: absolute;
	top: 0;
	width: 34vw;
	height: 7vw;
	left: 14vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.years-blocks .years-block{
	width: 11vw;
	border-bottom: 2px dashed #2FB0AB;
	display: flex;
	justify-content: center;
}
.years-blocks .years-block p{
	margin: 0;
	margin-bottom: .4vw;
	font-size: .83vw;
	line-height: 2;
	color: #13858F;
	font-family: "montserrat-regular"; 
}
.about-section .about-column{
	width: 16.4vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
.about-section .about-column:nth-child(2){
	height: 114.3vw;
}
.about-section .about-column:nth-child(3){
	height: 125vw;
}
.about-section .about-column:nth-child(4){
	height: 125vw;
}
.about-section .about-column:before{
	width: 1px;
	border-left: 2px dashed #2FB0AB;
	height: calc(100% - 9.5vw);
	top: 9.5vw;
	position: absolute;
	content: '';
	z-index: 3;
}
.about-section .about-column:nth-child(2):after{
	width: 10vw;
	height: 1px;
	border-bottom: 2px dashed #2FB0AB;
	position: absolute;
	content: '';
	z-index: 3;
	left: 50%;
	bottom: 0;
}
.about-section .about-column:nth-child(4):after{
	width: 12vw;
	height: 1px;
	border-bottom: 2px dashed #2FB0AB;
	position: absolute;
	content: '';
	z-index: 3;
	right: 50%;
	bottom: 0;
}
.about-section .about-column .img{
	width: 8.7vw;
	margin-bottom: 2.9vw;
	z-index: 5;
	position: relative;
}
.about-section .about-column .cross-shape{
	position: absolute;
	width: .8vw;
}
.about-section .about-column .cross-shape-1{
	left: 1.3vw;
    bottom: 15vw;
	animation: shapeAnimation 9s infinite ease-in-out .4s;
}
.about-section .about-column .cross-shape-2{
	right: -3.8vw;
    bottom: 13.5vw;
	width: 1.3vw;
	animation: shapeAnimation 9s infinite ease-in-out .8s;
}
.about-section .about-column .cross-shape-3{
	left: 4.6vw;
    bottom: 4.5vw;
	animation: shapeAnimation 9s infinite ease-in-out 2s;
}
.about-section .about-column .blue-circle-1{
	width: 2vw;
	height: 2vw;
	bottom: 14vw;
	left: -2.5vw;
	animation: shapeAnimation 9s infinite ease-in-out;
}
.about-section .about-column .blue-circle-2{
	width: 2vw;
	height: 2vw;
	bottom: 15.5vw;
	right: -7.8vw;
	animation: shapeAnimation 9s infinite ease-in-out 1.2s;
}
.about-section .about-column .blue-circle-3{
	width: .8vw;
	height: .8vw;
	bottom: 5vw;
	right: 0;
	animation: shapeAnimation 9s infinite ease-in-out 1.6s;
}
.text-about-block{
	background: #FFFFFF;
	box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.04);
	border-radius: .3vw;
	padding: 1.9vw 1.3vw;
	margin-bottom: 4.7vw;
	z-index: 5;
	position: relative;
}
.text-about-dark-block{
	padding: 1.6vw 2.1vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;
	box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.04);
	width: 25vw;
	z-index: 5;
	position: relative;
}
.text-about-dark-block p{
	color: #1D4645;
	font-size: .84vw;
	margin: 0;
	font-family: "montserrat-medium"; 
}
.text-about-block p{
	font-size: .84vw;
	margin: 0;
	margin-bottom: 1vw;
	color: #13858F;
	line-height: 2;
	font-family: "montserrat-regular"; 
}
.about-section .about-column .join-this-story{
	width: 24.7vw;
	font-family: "montserrat-medium"; 
	text-decoration: none;
	font-size: .84vw;
	color: #FFFFFF;
	line-height: 2;
	background: #2FB0AB;
	box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.04);
	border-radius: .3vw;
	padding: 1.6vw;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 6.3vw;
	transition: .3s;
	z-index: 5;
	cursor: pointer;
}
.about-section .about-column .join-this-story:hover{
	background: #fff;
	color: #2FB0AB;
	box-shadow: 0px 0px 15px -3px #2FB0AB;
}
.advisors{
	margin: 5.5vw auto;
	align-items: flex-start;
}
.advisors .team-member{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.advisors .team-member p{
	font-family: "montserrat-bold"; 
}
.advisors .team-member span{
	color: #1A8C91;
	font-size: .83vw;
	line-height: 1.5;
	text-align: center;
	margin-top: .4vw;
}
.faq-cont{
	margin-top: 4vw;
	width: 42.5vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.faq-column{
	width: 46%;
}
.faq{
	margin-bottom: 1.8vw;
	position: relative;
}
.faq h2{
	padding: 1.5vw 1vw;
	background: #FFFFFF;
	box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.04);
	margin: 0;
	font-size: .8vw;
	font-family: "montserrat-medium"; 
	transition: .3s;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	border-radius: .3vw;
	color: #1D4645;
}
.faq h2:before{
	right: 1vw;
	width: 1vw;
	height: 2px;
	background: #D8D8D8;
	position: absolute;
	content: '';
}
.faq h2:after{
	right: calc(1.5vw - 1px);
	height: 1vw;
	width: 2px;
	background: #D8D8D8;
	position: absolute;
	content: '';
	transition: .3s;
}
.faq h2.active{
	margin-bottom: 1vw;
}
.faq h2.active:after{
	transform: scaleY(0);
}
.faq .text{
	overflow: hidden;
	transition: .4s;
	opacity: 0;
	position: absolute;
	width: 100%;
}
.faq p{
	margin: 0;
	margin-bottom: 1vw;
	font-size: .74vw;
	padding: 0 1vw;
	line-height: 1.5;
}
@media (min-width: 1920px) {
	.about-section{
		width: 1190px;
		margin-top: 111px;
		margin-bottom: 172px;
	}
	.years-blocks{
		width: 652px;
		height: 134px;
		left: 268px;
	}
	.years-blocks .years-block{
		width: 211px;
	}
	.years-blocks .years-block p{
		margin-bottom: 8px;
		font-size: 16px;
	}
	.about-section .about-column{
		width: 314px;
	}
	.about-section .about-column:nth-child(2){
		height: 2200px;
	}
	.about-section .about-column:nth-child(3){
		height: 2400px;
	}
	.about-section .about-column:nth-child(4){
		height: 2400px;
	}
	.about-section .about-column:before{
		height: calc(100% - 182px);
		top: 182px;
	}
	.about-section .about-column:nth-child(2):after{
		width: 192px;
	}
	.about-section .about-column:nth-child(4):after{
		width: 230px;
	}
	.about-section .about-column .img{
		width: 167px;
		margin-bottom: 56px;
	}
	.text-about-block{
		border-radius: 5px;
		padding: 36px 25px;
		margin-bottom: 90px;
	}
	.text-about-dark-block{
		padding: 30px 40px;
		width: 480px;
	}
	.text-about-dark-block p{
		font-size: 16px;
	}
	.text-about-block p{
		font-size: 16px;
		margin-bottom: 19px;
	}
	.about-section .about-column .join-this-story{
		width: 474px;
		font-size: 16px;
		border-radius: 5px;
		padding: 31px;
		margin-top: 120px;
	}
	.advisors{
		margin: 105px auto;
	}
	.advisors .team-member span{
		font-size: 16px;
		margin-top: 8px;
	}
	.faq-cont{
		margin-top: 77px;
	}
	.faq h2{
		padding: 29px 19px;
		font-size: 19px;
		margin-bottom: 19px;
		border-radius: 5px;
	}
	.faq h2:before{
		right: 19px;
		width: 19px;
	}
	.faq h2:after{
		right: calc(29px - 1px);
		height: 19px;
	}
	.faq p{
		margin-bottom: 19px;
		font-size: 16px;
		padding: 0 19px;
	}
}
@media(max-width: 500px) {
	.our-stories-ngo{
		margin-top: 20vw;
	}
	.about-section{
		width: 70vw;
		flex-direction: column;
	}
	.years-blocks,
	.about-section .about-column .blue-circle,
	.about-section .about-column .cross-shape{
		display: none;
	}
	.about-section .about-column:nth-child(2),
	.about-section .about-column:nth-child(3),
	.about-section .about-column:nth-child(4){
		height: unset;
	}
	.about-section .about-column:nth-child(3){
		order: 3;
	}
	.about-section .about-column:nth-child(4){
		order: 2;
	}
	.about-section .about-column:before,
	.about-section .about-column:after,
	.about-section .about-column:nth-child(2):after,
	.about-section .about-column:nth-child(4):after{
		content: unset;
	}
	.about-section .about-column{
		width: 100%;
	}
	.text-about-block{
		width: 100%;
		padding: 5vw;
		margin-bottom: 7vw;
		border-radius: 1vw;
	}
	.text-about-block p{
		font-size: 2.8vw;
	}
	.about-section .about-column .img{
		width: 40vw;
		margin-top: 4vw;
		margin-bottom: 6vw;
	}
	.text-about-dark-block{
		width: 100%;
		padding: 4vw 0;
		border-radius: 1vw;
	}
	.text-about-dark-block p{
		font-size: 2.7vw;
		text-align: center;
	}
	.about-section .about-column .join-this-story{
		width: 100%;
		font-size: 3vw;
		padding: 3vw 0;
		border-radius: 1vw;
	}
	.advisors .team-member span{
		font-size: 2.5vw;
	}
	.faq-cont{
		width: 75vw;
		flex-direction: column;
		padding-bottom: 9vw;
	}
	.faq-column{
		width: 100%;
	}
	.faq{
		margin-bottom: 4vw;
	}
	.faq h2{
		font-size: 3vw;
		padding: 5vw 3vw;
		border-radius: 1vw;
	}
	.faq h2:before{
		right: 3.5vw;
		width: 3.5vw;
	}
	.faq h2:after{
		right: calc(5.25vw - 1px);
		height: 3.5vw;
	}
	.faq p{
		font-size: 2.5vw;
		margin-top: 2vw;
	}
}