/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#swiper-portfolio .swiper-container {
    width: 100%;
    height: 80%;
}
#swiper-portfolio .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	cursor:pointer;
	width:100%;
	border:2px solid var(--awb-color2);
	border-radius:24px;
	height:80px;
}
#swiper-portfolio .swiper-slide:hover{
	background:rgba(247,247,247,0.17);
}
#swiper-portfolio .areatext{
	padding:20px;
	font-size:12px;
}