.top-section-ngo .circle-img-1{
	top: 20vw;
	left: 33vw;
}
.top-section-ngo .circle-img-2{
	top: 19.4vw;
	left: 39.5vw;
}
.top-section-ngo .circle-img-3{
	top: 19.4vw;
	right: 39.5vw;
}
.top-section-ngo .circle-img-4{
	top: 20vw;
	right: 33vw;
}
.top-section-ngo .blue-circle,
.top-section-ngo .cross-shape{
	z-index: 5;
}
.top-section-ngo .cross-shape{
	position: absolute;
	width: 1.4vw;
}
.top-section-ngo .blue-circle-1{
	width: 1vw;
	height: 1vw;
	top: 18vw;
	left: 30vw;
	animation: shapeAnimation 9s infinite ease-in-out;
}
.top-section-ngo .blue-circle-2{
	width: 1.5vw;
	height: 1.5vw;
	top: 16.5vw;
	left: 38vw;
	animation: shapeAnimation 9s infinite ease-in-out .3s;
}
.top-section-ngo .blue-circle-3{
	width: .7vw;
	height: .7vw;
	top: 20vw;
	right: 29.3vw;
	animation: shapeAnimation 9s infinite ease-in-out 1s;
}
.top-section-ngo .blue-circle-4{
	width: .7vw;
	height: .7vw;
	top: 26.5vw;
	right: 40.7vw;
	animation: shapeAnimation 9s infinite ease-in-out 1.6s;
}
.top-section-ngo .blue-circle-5{
	width: .7vw;
	height: .7vw;
	top: 27.6vw;
	left: 39vw;
	animation: shapeAnimation 9s infinite ease-in-out 2s;
}
.top-section-ngo .cross-shape-1{
	top: 16.4vw;
	right: 39vw;
	animation: shapeAnimation 9s infinite ease-in-out .6s;
}
.top-section-ngo .cross-shape-2{
	top: 25vw;
	right: 29.7vw;
	animation: shapeAnimation 9s infinite ease-in-out 1.3s;
}
.top-section-ngo .cross-shape-3{
	top: 27.2vw;
	left: 32.4vw;
	animation: shapeAnimation 9s infinite ease-in-out 2.3s;
}
.benefits{
	margin-top: 21.7vw;
	display: flex;
	justify-content: space-between;
	width: 62.5vw;
	margin-bottom: 3.9vw;
}
.benefits .benefit{
	width: 14vw;
	height: 15.3vw;
	background: #FFFFFF;
	box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.04);
	border-radius: .3vw;
	padding: 0 1.2vw;
	padding-top: 4vw;
}
.benefits .benefit .img{
	height: 2.7vw;
}
.benefits .benefit p{
	color: #13858F;
	font-size: .8vw;
	line-height: 2;
	font-family: "montserrat-medium"; 
	margin: 0;
	margin-top: .5vw;
}
.benefits .benefit p b{
	font-family: "merriweather-black";
}
.our-stories-ngo{
	margin-top: 5vw;
}
.main-title-ngo{
	font-size: 3.4vw;
	text-align: center;
}
.join-movement-cont{
	display: flex;
	align-items: center;
	justify-content: center;
}
.join-movement{
	padding: .8vw 1.2vw;
	font-size: .72vw;
	margin-bottom: 6.6vw;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background: #55ADBE;
	border-radius: .3vw;
	display: inline-flex;
	font-family: "montserrat-medium"; 
	transition: .4s;
}
.join-movement:hover{
	color: #55ADBE;
	background: #fff;
	box-shadow: 0 0 10px -2px #55ADBE;
}
.best-ngo-text{
	width: 32.4vw;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.best-ngo-text p{
	text-align: center;
	color: #333333;
	font-size: .83vw;
	line-height: 2;
	font-family: "montserrat-regular"; 
}
.best-ngo-text a{
	font-size: .83vw;
	margin-top: 3vw;
	text-decoration: none;
	font-family: "montserrat-medium"; 
	color: #55ADBE;
}
.best-ngo-items{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	width: 56vw;
	margin: 4.8vw auto;
}
.best-ngo-item{
	background: #FFFFFF;
	box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.04);
	width: 12vw;
	margin: 0 1vw;
	margin-bottom: 1.5vw;
	height: 4.6vw;
	z-index: 3;
	position: relative;
}
.best-ngo-item h2{
	height: 4.6vw;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	color: #1D4645;
	line-height: 2;
	font-size: .83vw;
	font-family: "montserrat-medium"; 
	margin: 0;
	z-index: 3;
	position: relative;
}
.best-ngo-item:last-child,
.best-ngo-item:nth-last-child(2){
	width: 17.5vw;
	z-index: 2;
}
.best-ngo-item p{
	background: #FFFFFF;
	margin: 0;
	padding: 1vw;
	padding-top: 0;
	font-size: .72vw;
	text-align: center;
	display: none;
	line-height: 1.7;
	color: #333333;
}
.best-ngo-item:hover h2{
	color: #13858F;
}
.best-ngo-item:hover p{
	display: block;
}
.respect-items{
	width: 50vw;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-top: 3vw;
	margin-bottom: 10.4vw;
}
.respect-item{
	width: 30%;
	height: 5vw;
	background: #FFFFFF;
	box-shadow: 0px 24px 48px #ECECEC;
	border-radius: .3vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
.respect-item img{
	height: 3vw;
}
.why-join-cont{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-top: 5.3vw;
}
.why-join-cont .why-join-part{
	margin: 0 1vw;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.why-join-cont .why-join-part>p{
	color: #1D4645;
	font-size: .83vw;
	line-height: 2;
	font-family: "montserrat-medium"; 
	margin: 0;
	margin-bottom: 1vw;
}
.why-join-cont .why-join-part:last-child{
	align-items: flex-start;
}
.why-join-item{
	padding: 2.1vw;
	border-radius: .3vw;
	margin-bottom: 2vw;
	background: #fff;
	box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.04);
}
.why-join-cont .size-1{
	width: 24.5vw;
}
.why-join-cont .size-2{
	width: 19.3vw;
}
.why-join-cont .size-3{
	width: 14vw;
}
.why-join-item-grey{
	background: #F1F1F1;
	box-shadow: none;
}
.why-join-item img{
	width: 5.2vw;
	margin-bottom: 1vw;
}
.why-join-item h2{
	font-size: 1.3vw;
	margin: 0;
	color: #13858F;
	margin-bottom: 1vw;
	font-family: "montserrat-medium"; 
}
.why-join-item p{
	color: rgba(51, 51, 51, 0.5);
	font-size: .83vw;
	line-height: 2;
	margin: 0;
}
.why-join-item-grey p{
	color: #010005;
}
@media (min-width: 1920px) {
	.top-section-ngo .circle-img-1{
		top: 384px;
		left: 633px;
	}
	.top-section-ngo .circle-img-2{
		top: 372px;
		left: 758px;
	}
	.top-section-ngo .circle-img-3{
		top: 372px;
		right: 758px;
	}
	.top-section-ngo .circle-img-4{
		top: 384px;
		right: 633px;
	}
	.top-section-ngo .cross-shape{
		width: 27px;
	}
	.top-section-ngo .blue-circle-1{
		width: 19px;
		height: 19px;
		top: 345px;
		left: 576px;
	}
	.top-section-ngo .blue-circle-2{
		width: 29px;
		height: 29px;
		top: 316px;
		left: 730px;
	}
	.top-section-ngo .blue-circle-3{
		width: 14px;
		height: 14px;
		top: 384px;
		right: 562px;
	}
	.top-section-ngo .blue-circle-4{
		width: 14px;
		height: 14px;
		top: 508px;
		right: 781px;
	}
	.top-section-ngo .blue-circle-5{
		width: 14px;
		height: 14px;
		top: 530px;
		left: 749px;
	}
	.top-section-ngo .cross-shape-1{
		top: 315px;
		right: 749px;
	}
	.top-section-ngo .cross-shape-2{
		top: 480px;
		right: 570px;
	}
	.top-section-ngo .cross-shape-3{
		top: 522px;
		left: 622px;
	}
	.benefits{
		margin-top: 416px;
		width: 1200px;
		margin-bottom: 75px;
	}
	.benefits .benefit{
		width: 270px;
		height: 293px;
		border-radius: 5px;
		padding: 0 23px;
		padding-top: 77px;
	}
	.benefits .benefit .img{
		height: 52px;
	}
	.benefits .benefit p{
		font-size: 15px;
		margin-top: 10px;
	}
	.our-stories-ngo{
		margin-top: 96px;
	}
	.main-title-ngo{
		font-size: 65px;
	}
	.join-movement{
		padding: 15px 23px;
		font-size: 14px;
		margin-bottom: 126px;
		border-radius: 5px;
	}
	.best-ngo-text{
		width: 622px;
	}
	.best-ngo-text p{
		font-size: 16px;
	}
	.best-ngo-text a{
		font-size: 16px;
		margin-top: 57px;
	}
	.best-ngo-items{
		width: 1075px;
		margin: 92px auto;
	}
	.best-ngo-item{
		width: 230px;
		margin: 0 19px;
		margin-bottom: 29px;
		height: 88px;
	}
	.best-ngo-item h2{
		height: 88px;
		font-size: 16px;
	}
	.best-ngo-item:last-child,
	.best-ngo-item:nth-last-child(2){
		width: 336px;
	}
	.best-ngo-item p{
		padding: 19px;
		font-size: 14px;
	}
	.respect-items{
		width: 960px;
		margin-top: 57px;
		margin-bottom: 200px;
	}
	.respect-item{
		height: 96px;
		border-radius: 5px;
	}
	.respect-item img{
		height: 57px;
	}
	.why-join-cont{
		margin-top: 100px;
	}
	.why-join-cont .why-join-part{
		margin: 0 19px;
	}
	.why-join-cont .why-join-part>p{
		font-size: 16px;
		margin-bottom: 19px;
	}
	.why-join-item{
		padding: 40px;
		border-radius: 5px;
		margin-bottom: 39px;
	}
	.why-join-cont .size-1{
		width: 470px;
	}
	.why-join-cont .size-2{
		width: 370px;
	}
	.why-join-cont .size-3{
		width: 270px;
	}
	.why-join-item img{
		width: 100px;
		margin-bottom: 19px;
	}
	.why-join-item h2{
		font-size: 25px;
		margin-bottom: 19px;
	}
	.why-join-item p{
		font-size: 16px;
	}
}
@media(max-width: 500px){
	.our-stories-ngo{
		margin-top: 60vw;
	}
	.top-section-ngo .circle-img-1{
		left: 3.3vw;
		top: 27.6vw;
	}
	.top-section-ngo .circle-img-2{
		left: 18.7vw;
		top: 24vw;
	}
	.top-section-ngo .circle-img-3{
		right: 18.7vw;
		top: 24vw;
	}
	.top-section-ngo .circle-img-4{
		right: 3.3vw;
		top: 27.6vw;
	}
	.top-section-ngo .top-img{
		top: -12vw;
	}
	.benefits{
		margin-top: 5vw;
		flex-direction: column;
		align-items: center;
		width: 70vw;
	}
	.benefits .benefit{
		width: 100%;
		height: unset;
		padding: 5vw;
		margin-bottom: 5vw;
	}
	.benefits .benefit .img{
		height: 13vw;
	}
	.benefits .benefit p{
		font-size: 3.5vw;
		margin-top: 2vw;
	}
	.benefits .benefit p br{
		display: none;
	}
	.join-movement{
		font-size: 3.5vw;
		border-radius: 1vw;
		padding: 3vw 6vw;
		margin-bottom: 9vw;
	}
	.main-title-ngo{
		font-size: 6vw;
	}
	.best-ngo-items{
		margin-top: 10vw;
	}
	.best-ngo-text{
		width: 100%;
	}
	.best-ngo-text p,
	.best-ngo-text a{
		font-size: 3.5vw;
	}
	.best-ngo-items,
	.respect-items{
		width: 100%;
		flex-direction: column;
		align-items: center;
	}
	.best-ngo-items .best-ngo-item{
		width: 100%;
		margin: 0;
		margin-bottom: 5vw;
		padding: 3vw 5vw;
		height: unset;
		border-radius: 1vw;
	}
	.best-ngo-item h2{
		height: unset;
		font-size: 3.5vw;
	}
	.best-ngo-item p{
		padding: 0;
		font-size: 3vw;
	}
	.respect-item{
		width: 80%;
		margin-top: 5vw;
		height: 17vw;
		border-radius: 1vw;
	}
	.respect-item img{
		height: 10vw;
		width: 22vw;
		object-fit: contain;
	}
	.why-join-cont,
	.why-join-cont .why-join-part:first-child{
		flex-direction: column-reverse;
		align-items: center;
	}
	.why-join-cont{
		padding-bottom: 15vw;
	}
	.why-join-cont .size-1,
	.why-join-cont .size-2,
	.why-join-cont .size-3{
		width: 80%;
	}
	.why-join-cont .why-join-part,
	.why-join-cont .why-join-part:last-child{
		width: 100%;
		align-items: center;
	}
	
	.why-join-cont .why-join-part>p{
		font-size: 3vw;
		text-align: center;
		width: 90%;
		margin-bottom: 4vw;
	}
	.why-join-item{
		padding: 4vw;
		margin-bottom: 5vw;
		border-radius: 1vw;
	}
	.why-join-item img{
		width: 15vw;
		margin-bottom: 2vw;
	}
	.why-join-item h2{
		font-size: 4.5vw;
		margin-bottom: 2vw;
	}
	.why-join-item p{
		font-size: 3vw;
	}
	.top-section-ngo .blue-circle,
	.top-section-ngo .cross-shape{
		display: none;
	}
}