/*TESTIMONIAL STYLES CSS*/
/*=====================
01. TESTIMONIAL STYLE 1 CSS
02. TESTIMONIAL STYLE 2 CSS
03. TESTIMONIAL STYLE 3 CSS
04. TESTIMONIAL STYLE 4 CSS
05. TESTIMONIAL STYLE 5 CSS
=======================*/

/*=========================================
            01. TESTIMONIAL STYLE 1 CSS
============================================*/
.testi-style-1 {position: relative;padding: 50px 30px 30px;margin-top: 40px;margin-bottom: 40px;border-radius: 5px;text-align: center;background: #eff1f5;border: 1px solid #ccd3db;box-shadow: 0 5px 0 #ccd3db;}
.testi-style-1 .testi-quote-icon {position: absolute;top: -18px;left: 30px;font-size: 20px;color: #3cb24f;}
.testi-style-1 .testi-user-image {display: inline-block;height: 70px;width: 70px;border-radius: 100%;position: absolute;top: 0;left: 50%;transform: translate(-50%,-50%);}
.testi-style-1 .testi-user-image img {height: 70px;width: 70px;border-radius: 100%;}
.testi-style-1 .testi-user-review {font-size: 14px;color: #6a6a6a;}
.testi-style-1 .testi-user-info {margin-top: 15px;}
.testi-style-1 .testi-user-name {margin: 0px;font-size: 18px;color: #202020;}
.testi-style-1 .testi-user-pos {display: inline-block;font-size: 13px;color: #8e8e8e;}

/* responsive */
@media only screen and (max-width: 767px) {

}

/*=========================================
            02. TESTIMONIAL STYLE 2 CSS
============================================*/
.testi-style-2 {position: relative;margin-top: 20px;margin-bottom: 20px;}
.testi-style-2 .testi-inner {position: relative;padding: 25px;overflow: hidden;border-radius: 5px 5px 5px 0;background: #fff;box-shadow: 0 0 10px 5px #dae3ef;}
.testi-style-2 .testi-inner::after {content: '';display: inline-block;position: absolute;bottom: -20px;right: -20px;height: 60px;width: 60px;border-radius: 100%;background: #ea656f;box-shadow: 0px 0px 0px 20px #ed7b84, 0px 0px 0px 35px #f3a7ad;}
.testi-style-2 .testi-user-review {font-size: 13px;color: #787878;}
.testi-style-2 .testi-review-rating {margin-top: 10px;font-size: 12px;color: #f0b43f;}
.testi-style-2 .testi-user-info {position: relative;margin-top: 30px;padding-left: 55px;}
.testi-style-2 .testi-user-info::before {content: '';display: inline-block;position: absolute;top: -34px;left: 0;border-left: 0 solid transparent;border-right: 30px solid transparent;border-top: 25px solid #fff;box-shadow: -5px 0 0 0 #e4eaf2;}
.testi-style-2 .testi-user-image {position: absolute;left: 0;top: 0;height: 40px;width: 40px;border-radius: 100%;}
.testi-style-2 .testi-user-image img {height: 40px;width: 40px;border-radius: 100%;}
.testi-style-2 .testi-user-name {margin: 0px;font-size: 16px;color: #171717;}
.testi-style-2 .testi-user-pos {display: inline-block;font-size: 12px;color: #515151;}


/*=========================================
            03. TESTIMONIAL STYLE 3 CSS
============================================*/
.testi-style-3 {position: relative;margin-top: 40px;margin-bottom: 40px;padding: 30px;background: #0f1d37;}
.testi-style-3 .testi-user-image {position: absolute;left: 30px;top: -25px;height: 80px;width: 80px;box-shadow: 0 0 0 5px rgba(29, 42, 68, 0.4);}
.testi-style-3 .testi-user-image img {height: 80px;width: 80px;}
.testi-style-3 .testi-user-info {padding-left: 105px;}
.testi-style-3 .testi-user-name {margin: 0px;font-size: 16px;color: #e0e2e5;}
.testi-style-3 .testi-user-pos {display: inline-block;position: relative;font-size: 12px;color: #e0e2e5;}
.testi-style-3 .testi-user-pos::before {content: '';display: inline-block;height: 1px;width: 30px;margin-right: 15px;vertical-align: middle;background: #f1545c;}
.testi-style-3 .testi-quote-icon {display: inline-block;font-size: 40px;position: absolute;top: 7px;right: 35px;color: rgba(241, 84, 92,0.7);}
.testi-style-3 .testi-user-review {margin-top: 10px;font-size: 14px;color: #65738c;}


/*=========================================
            04. TESTIMONIAL STYLE 4 CSS
============================================*/
.testi-style-4 {position: relative;padding: 40px;margin-bottom: 20px;margin-top: 20px;border-radius: 5px;background: #ffffff;}
.testi-style-4 .testi-user-info {position: relative;padding-left: 65px;padding-top: 5px;}
.testi-style-4 .testi-user-image {position: absolute;left: 0;top: 0;height: 50px;width: 50px;border-radius: 8px;}
.testi-style-4 .testi-user-image img {height: 50px;width: 50px;border-radius: 8px;}
.testi-style-4 .testi-user-name {margin: 0px;font-size: 16px;color: #2f3652}
.testi-style-4 .testi-user-pos {display: inline-block;font-size: 12px;color: #2e86fb;}
.testi-style-4 .testi-user-review {margin-top: 15px;font-size: 13px;color: #6c6c84;}
.testi-style-4 .testi-quote-icon {display: inline-block;position: absolute;bottom: -15px;height: 40px;width: 40px;line-height: 40px;border-radius: 100%;text-align: center;font-size: 12px;background: #ecd138;color: #6c6c84;}


/*=========================================
            05. TESTIMONIAL STYLE 5 CSS
============================================*/
.testi-style-5 {position: relative;padding: 40px 30px;margin-bottom: 20px;margin-top: 20px;background: #ffffff;border-left: 5px solid #f2525a;box-shadow: 5px 5px 10px 0 #e6e6e6;}
.testi-style-5 .testi-user-review {position: relative;z-index: 1;font-size: 13px;color: #5a6579;}
.testi-style-5 .testi-quote-icon {display: inline-block;position: absolute;font-size: 110px;right: 30px;bottom: 5px;line-height: initial;z-index: 0;color: #fff0f0;}
.testi-style-5 .testi-user-info {position: relative;margin-top: 15px;padding-left: 55px;padding-top: 10px;}
.testi-style-5 .testi-user-image {position: absolute;left: 0;top: 0;height: 40px;width: 40px;border-radius: 100%;}
.testi-style-5 .testi-user-image img {height: 40px;width: 40px;border-radius: 100%;}
.testi-style-5 .testi-user-name {margin: 0px;font-size: 16px;color: #f3656a;}