html, body {
     height: 100%;
}
 body {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.5;
     background: #1d083f;
}
 #wrap {
     padding: 30px 0;
}
 .review-title {
     margin-bottom: 30px;
}
 .review-card--option-1 {
     border: 0px solid #d8d8d8;
     padding: 25px;
}
 .review-card--option-2 {
     padding: 0 15px;
}
 .review-card--option-3 {
     padding: 0 200px;
}
 .review-card--option-4 {
     padding: 30px;
}
 .review-card .review-card-img {
     border: 0px solid #eee;
     width: 100px;
     height: 100px;
     background-image: url("https://www.sanapatel.com/img/male-profile.png");
     background-repeat: no-repeat;
     background-position: center center;
     margin: 0 auto 15px;
}
 .review-card .review-author .ra-author {
     font-size: 18px;
     display: block;
     margin-bottom: 10px;
}
 .review-card .review-author .ra-rating-star {
     margin: 0 0 15px;
     padding: 0;
     list-style-type: none;
}
 .review-card .review-author .ra-rating-star li {
     display: inline-block;
     margin: 0 -2px;
}
 .review-card--option-4 {
     border: 0px solid #d8d8d8;
}
 .carousel-wrap {
     width: 635px;
     height: 323px;
     margin: 0 auto;
     position: relative;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .carousel-wrap {
         width: 400px;
    }
}
 @media (max-width: 767px) {
     .carousel-wrap {
         width: 350px;
         height: 345px;
    }
}
 @media (max-width: 480px) {
     .carousel-wrap {
         width: 240px;
         height: 408px;
    }
}
 .carousel > li {
     width: 500px;
     height: 600px;
     background: #97019e;
     display: inline-block;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .carousel > li {
         width: 400px;
    }
}
 @media (max-width: 767px) {
     .carousel > li {
         width: 350px;
         height: 550px;
    }
}
 @media (max-width: 480px) {
     .carousel > li {
         width: 240px;
         height: 600px;
    }
}
 .items {
     position: absolute;
}
 .main-pos {
     margin-left: 2em !important;
     z-index: 2;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .main-pos {
         margin-left: -40px !important;
    }
}
 @media (max-width: 767px) {
     .main-pos {
         margin-left: -40px !important;
    }
}
 .left-pos {
     background: #ccc;
     opacity: 0.5;
     margin-left: -17em !important;
     z-index: 1;
     -webkit-transform: scale(0.75);
     -moz-transform: scale(0.75);
     transform: scale(0.75);
}
 .left-pos .review-card--option-4 {
     background: rgba(0, 0, 0, 0.2);
}
 @media (min-width: 768px) and (max-width: 991px) {
     .left-pos {
         margin-left: -220px !important;
    }
}
 @media (max-width: 767px) {
     .left-pos {
         margin-left: -113px !important;
    }
}
 @media (max-width: 480px) {
     .left-pos {
         margin-left: -145px !important;
    }
}
 .back-pos {
     opacity: 0.05;
     -webkit-transform: scale(0.5);
     -moz-transform: scale(0.5);
     transform: scale(0.5);
}
 .right-pos {
     opacity: 0.5;
     margin-left: 21em !important;
     z-index: 1;
     -webkit-transform: scale(0.75);
     -moz-transform: scale(0.75);
     transform: scale(0.75);
}
 .right-pos .review-card--option-4 {
     background: rgba(0, 0, 0, 0.2);
}
 @media (min-width: 768px) and (max-width: 991px) {
     .right-pos {
         margin-left: 140px !important;
    }
}
 @media (max-width: 767px) {
     .right-pos {
         margin-left: 30px !important;
    }
}
 @media (max-width: 480px) {
     .right-pos {
         margin-left: 62px !important;
    }
}
 .slider {
     width: 100%;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     text-align: center;
}
 .slider a {
     color: #999;
}
 .slider i {
     font-size: 45px;
}
 .slider #prev, .slider #next {
     position: absolute;
}
 .slider #prev {
     left: -214px;
}
 @media (min-width: 768px) and (max-width: 1199px) {
     .slider #prev {
         left: -180px;
    }
}
 @media (max-width: 767px) {
     .slider #prev {
         left: -70px;
    }
}
 .slider #next {
     right: -214px;
}
 @media (min-width: 768px) and (max-width: 1199px) {
     .slider #next {
         right: -180px;
    }
}
 @media (max-width: 767px) {
     .slider #next {
         right: -70px;
    }
}
 @media (max-width: 480px) {
     .slider {
         display: none;
    }
}