.gray_bg {background:#f5f5f5;}

.slide_title {text-align:center; padding-top:80px;}
.slide_title h3 { color: #404040;	font-size:13px; font-weight:400; letter-spacing:4px; padding-bottom:10px;}
.slide_title p { color: #f1a1af;	font-size:30px; font-weight:800; padding-bottom:20px;}

@media all and (max-width:1200px){
	.slide_title h3 { font-size:13px; font-weight:700;}
	.slide_title p {font-size:22px; }

}


.main-review-area {position:relative;width:1400px; margin:50px auto;}
.main-review-area .swiper-slide {   width: 28%;    height: 374px; margin:0 50px;   border:20px solid; background:#fff; border-image-slice:1; border-image-source:linear-gradient(135deg, #efefef, #efefef)  }
.main-review-area .swiper-slide.swiper-slide-active {background:#f5f5f5; height: 463px;  border:40px solid; border-image-slice:1; border-image-source:linear-gradient(135deg, #a892d2, #aca9d8)     }

.main-review-area .swiper-slide > a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 0px;
}
.main-review-area .is-text {	position:absolute; text-align:center; width:100%; left:50%; bottom:40px; transform:translateX(-50%);}
.main-review-area .is-text h4 {    color: #f1a1af;	font-size:20px; font-weight:800;}

 .main-review-area .swiper-slide.swiper-slide-active .is-text {	position:absolute; text-align:center; width:100%; left:50%;  bottom:40px; transform:translateX(-50%);}

.main-review-area .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 30%;
    width: 74px;
    height: 74px;
    background: url(../img/arrow-next.jpg);
}
.main-review-area .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 30%;
    width: 74px;
    height: 74px;
    background: url(../img/arrow-prev.jpg);
}


.main-review-area .img-area.img-vertical {text-align:center;}

.main-review-area .swiper-slide .img-vertical {width:323px;  height:234px; text-align:center;  font-size:0; margin:0 auto;}
.main-review-area .swiper-slide .img-vertical li {position:relative; display:inline-block; width: calc(100% /2 - 4px); margin-right:4px;}
.main-review-area .swiper-slide .img-vertical li img {width:100%;}
.main-review-area .swiper-slide .img-vertical li:last-child {margin-right:0;}
.main-review-area .swiper-slide .img-vertical li.before i {position:absolute; text-align:center; left:50%; transform:translateX(-50%); color:#f1a1af; bottom:-10px; border:1px solid #f1a1af; background:#fff; border-radius:10px; font-size:13px; font-style:normal; font-weight:800; padding:3px 10px; width:80px;}
.main-review-area .swiper-slide .img-vertical li.after i {position:absolute; text-align:center; left:50%; transform:translateX(-50%); color:#f1a1af; bottom:-10px; border:1px solid #f1a1af; background:#fff; border-radius:10px; font-size:13px; font-style:normal; font-weight:800; padding:3px 10px; width:80px;}


.main-review-area .swiper-slide.swiper-slide-active .img-vertical {width:396px;  height:284px;  text-align:center; margin-top:0px; font-size:0;}
.main-review-area .swiper-slide.swiper-slide-active .img-vertical li {position:relative; display:inline-block; width: calc(100% /2 - 4px); margin-right:4px;}
.main-review-area .swiper-slide.swiper-slide-active .img-vertical li img {width:100%;}
.main-review-area .swiper-slide.swiper-slide-active .img-vertical li:last-child {margin-right:0;}
.main-review-area .swiper-slide.swiper-slide-active .img-vertical li.before i {position:absolute; text-align:center; left:50%; transform:translateX(-50%); color:#f1a1af; bottom:-10px; border:1px solid #f1a1af; background:#fff; border-radius:10px; font-size:13px; font-style:normal; font-weight:800; padding:3px 10px; width:80px;}
.main-review-area .swiper-slide.swiper-slide-active .img-vertical li.after i {position:absolute; text-align:center; left:50%; transform:translateX(-50%); color:#f1a1af; bottom:-10px; border:1px solid #f1a1af; background:#fff; border-radius:10px; font-size:13px; font-style:normal; font-weight:800; padding:3px 10px; width:80px;}


@media screen and (max-width:1400px) {
     .main-review-area {position:relative;width:100%; }
}
@media screen and (max-width:1150px) {
    .main-review-area {
        padding-top: 0px;
		margin:30px 0;
    }

	.main-review-area .swiper-slide {
        opacity: .4;
        width: 100% !important;
        height:342px;
        margin: 0;
        transform: scale(0.85);
        transition: all .4s ease-out;
    }
    .main-review-area .swiper-slide.swiper-slide-active {
        opacity: 1;  height: 520px; 
		  border:30px solid; border-image-slice:1; border-image-source:linear-gradient(135deg, #a892d2, #aca9d8)  
    }
	.main-review-area .swiper-slide.swiper-slide-active .img-vertical li.before i { font-size:10px; width:60px;}
	.main-review-area .swiper-slide.swiper-slide-active .img-vertical li.after i { font-size:10px; width:60px;}
    .main-review-area .swiper-slide > a {
        flex-direction: column;
        padding: 0px 30px 30px;
    }
    .main-review-area .text-area {
        width: 100%;
    }
    .main-review-area .is-text {	bottom:30px; }
	.main-review-area .is-text h3 {
        font-size: 34px;
    }
	.main-review-area .is-text h4 {  font-size:18px; }
    .main-review-area .is-text p {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .main-review-area .img-area.img-vertical {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
    }
	.main-review-area .swiper-slide.swiper-slide-active .img-vertical {width: 50%; margin:0 auto;  height:584px; }
    .main-review-area .img-area.img-horizontal {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
    }
    .main-review-area .swiper-slide img {
        width: 100%;
    }

	.main-review-area .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 11%;
}
.main-review-area .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 11%;
}
   
}

@media (max-width:800px) {
    .main-review-area .swiper-slide {
        width: 100% !important;
    }
	 .main-review-area .swiper-slide.swiper-slide-active {height: 640px; }
	.main-review-area .swiper-slide.swiper-slide-active .img-vertical {width: 100%; margin:0 auto;  height:684px; }
    .main-review-area .title-main p {
        font-size: 19px;
    }
	 .main-review-area .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        display: none;
    }
    .main-review-area .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        display: none;
    }
}



@media (max-width:700px) {
    .main-review-area .swiper-slide {
        width: 100% !important;
    }
	.main-review-area .swiper-slide.swiper-slide-active {height: 540px; 	}
	.main-review-area .swiper-slide.swiper-slide-active .img-vertical {width: 100%; margin:0 auto;  height:584px; }

}

@media (max-width:500px) {
    .main-review-area .swiper-slide {
        width: 100% !important;
    }
	.main-review-area .swiper-slide.swiper-slide-active {height: 400px; 	}
	.main-review-area .swiper-slide.swiper-slide-active .img-vertical {width: 100%; margin:0 auto;  height:384px; }

}


@media (max-width:400px) {
    .main-review-area .swiper-slide {
        width: 100% !important;
    }
	.main-review-area .swiper-slide.swiper-slide-active {height: 340px; 	}
	.main-review-area .swiper-slide.swiper-slide-active .img-vertical {width: 100%; margin:0 auto;  height:284px; }

}