/*banner*/
.main-slider-three .swiper-slide {
	background-color: unset;
}

.main-slider-three .swiper-slide .main-slider-three-color{
	background: linear-gradient(180deg, rgba(101, 70, 150, 0.969625350140056) 7%, rgba(101, 70, 150, 0) 100%);
}

.main-slider-three .swiper-slide .main-slider-three__content .main-slider-three__title{
	font-size: 50px;
}

/*projects*/
.section-project{
	padding-top: 90px;
	padding-bottom: 90px;
}

.section-project .section-title .about-three__text-1{
	font-size: 24px;
    line-height: 36px;
    padding-bottom: 41px;
    color: var(--oxpins-black);
    font-weight: 700;
}

.section-project .content-wrapper{
	padding: 0 12em;
}

.section-project .block-project{

}

.section-project .block-project .item{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5em;
}

.section-project .block-project .item img{
	max-width: 100%;
	max-height: 14em;
}

/*.section-project .block-project .item-1 .item-bg{
	background: url(../../images/projects/1.png) no-repeat center center;
}
.section-project .block-project .item-2 .item-bg{
    background: url(../../images/projects/2.png) no-repeat center center;
}
.section-project .block-project .item-3 .item-bg{
    background: url(../../images/projects/3.png) no-repeat center center;
}
.section-project .block-project .item-4 .item-bg{
    background: url(../../images/projects/4.png) no-repeat center center;
}
.section-project .block-project .item-5 .item-bg{
    background: url(../../images/projects/5.png) no-repeat center center;
}
.section-project .block-project .item-6 .item-bg{
    background: url(../../images/projects/6.png) no-repeat center center; 
}

.section-project .block-project .item .item-bg{
	background-size: contain;
}*/

/*.section-project .block-project .item .item-bg{
	border-radius: 30px;
}

.section-project .block-project .item .item-bg .layer{
	height: 34em;
	border-radius: 30px;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.9));
}

.section-project .block-project .item .item-bg .layer .info-wrapper{  
	position: relative;  
	display: flex;
    justify-content: center;
    flex-flow: column;
	height: inherit;
}

.section-project .block-project .item .item-bg .layer .info-wrapper .title-text{
	position: absolute;
    top: 2.5em;
    right: 2.25em;
    background-color: #d93879;
    border-radius: 30px;
    padding: 9px 20px;
    font-size: 16px;
}

.section-project .block-project .item .item-bg .layer .info-wrapper .description{
	position: absolute;
    bottom: 2.5em;
    left: 2.25em;
}

.section-project .block-project .item .item-bg .layer .info-wrapper .description .info-item{
	font-weight: 700;
	color: #FFF;
	line-height: 1;
	margin-bottom: 0.5em;
}

.section-project .block-project .item .item-bg .layer .info-wrapper .description .info-item > *{
	vertical-align: top;
}

.section-project .block-project .item .item-bg .layer .info-wrapper .description .info-item .key{

}

.section-project .block-project .item .item-bg .layer .info-wrapper .description .info-item .value{

}*/

/*become-volunteer*/
.become-volunteer{
	background-color: #eee;
}

.become-volunteer .become-volunteer__left .section-title__tagline {
	font-family: none;
	color: #d96988;
}

.become-volunteer .become-volunteer__left .section-title__title{
	letter-spacing: 0;
	color: var(--oxpins-black);
}

.become-volunteer .become-volunteer__right a{
	color: #FFF;
	background-color: #d93879;
}

.become-volunteer .become-volunteer__right a:hover{
	color: #FFF;
	background-color: #283734;
}

.become-volunteer .become-volunteer__right a:before{
	content: none;
}


/*device*/
@media only screen and (max-width: 1199px){
	/*banner*/
	.main-slider-three .swiper-slide .main-slider-three__content .main-slider-three__title br{
		display: none;
	}
}

@media only screen and (max-width: 991px){
	/*project*/
	.section-project .content-wrapper {
	    padding: 0;
	}
	/*.section-project .block-project .item .item-bg .layer .info-wrapper .description {
	    left: 1.5em;
	}*/
}

@media only screen and (max-width: 767px){
	/*banner*/
	.main-slider-three .swiper-slide .main-slider-three__content .main-slider-three__title{
		font-size: 36px;
	}
	/*project*/
	/*.section-project .block-project .item .item-bg .layer{
		height: 45em;
	}
	
	.section-project .block-project .item .item-bg .layer .info-wrapper .description {
	    left: 2.25em;
	}*/
}

@media only screen and (max-width: 575px){
	/*project*/
	/*.section-project .block-project .item .item-bg .layer .info-wrapper .title-text {
		right: 2.5em;
	}
	
	.section-project .block-project .item .item-bg .layer .info-wrapper .description {
	    left: 2.5em;
	}*/
}