.ap-interactive {

height: 50%;
	max-width: 640px;

}

.swiper-container {

    text-align: center;
    height: 425px;
}

/*
#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 {
border:1px solid blue;
/* 	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: none;
}

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

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


@media screen and (max-width: 500px) {
.swiper-container {

    text-align: center;
    height: 300px;
}


@media screen and (max-width: 320px) {
.swiper-container {

    text-align: center;
    height: 200px;
}
}