.ap-interactive {
	max-width: 640px;
/* 	border:1px solid red; */
}

.swiper-container {
    text-align: center;
    margin-bottom: 5px;
}

/*
#yemen .swiper-button-next, #yemen .swiper-button-prev {
    position: absolute;
    top: 80% !important;
 }*/

/* #yemen .swiper-button-next, #yemen .swiper-container-rtl .swiper-button-prev {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…2L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
    right: -10px;
    left: auto;
}*/

.swiper-wrapper {
	margin-bottom: 3rem;
}
#yemen .swiper-button-prev {
	left: 30%;
	background-image: none;
}
#yemen .swiper-button-next {
	right: 30%;
	background-image: none;
}
#yemen .swiper-button-next, #yemen .swiper-button-prev {
    top: 99.5%;
    width: 60px;
    height: 60px;
    background-size: 30px 30px;
    z-index: 9999;
}

.swiper-container .swiper-slide h2 {
    display: block;
}

.ap-interactive h3 {
text-align: center;
}

.ap-interactive {
/* 	border:1px solid green; */
}

.ap-interactive .top-art{
        width: 100%;
        margin-left: auto;
        margin-right: auto;  
        border: none;  
        text-align: center;  
        font-size: 20px;  
        letter-spacing: 35px;  
        white-space: nowrap;  
        line-height: 12px;  
        overflow: hidden;  
}



.ap-interactive .top-art img{
        width: 175px;  
        height: 175px;  
        /* border: solid 1px #ccc; */  
        display: inline-block;  
        vertical-align: top; 
}



.swiper-pagination-fraction {
	font-family: "GoodWeb-Bold";
    font-size: 1rem;
    bottom: 15px;

}
.swiper-slide p {
	margin: 1rem auto;
}
.portrait img {
	width: 100%;
}