
/*------------------------------------------------------------------------
# mod_ju_testimonials3 Extension
# ------------------------------------------------------------------------
# author    joomla2you
# copyright Copyright (C) 2018 joomla2you.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.joomla2you.com
-------------------------------------------------------------------------*/

.set_testimon {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    border-top: 3px solid #999;
    margin-top: 40px;
    padding: 82px 0 29px;
    position: relative;
    text-align: center;
    z-index: 1;
box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); 
}

.su-content::before {
    color: #ddd;
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 22px;
    margin: auto;
    position: absolute;
    left: 8px;
    top: -10px;
    z-index: -1;
}
.su-content::after {
    color: #ddd;
    content: "\f10e";
    font-family: FontAwesome;
    font-size: 22px;
    margin: auto;
    position: absolute;
    right: 8px;
    bottom: -10px;
    z-index: -1;
}

.set_testimon .su-img {
    left: 0;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: -40px;
    width: 80px;
    z-index: 999;
}

.set_testimon .su-img::before,
.set_testimon .su-img::after {
    background: rgba(225, 225, 225, 0.9);
    border-radius: 100px;
    content: "";
    left: -18px;
    opacity: 0.3;
    position: absolute;
    top: -18px;
    z-index: -1;
}

.set_testimon .su-img::before {
    height: 116px;
    left: -18px;
    opacity: 0.2;
    top: -18px;
    width: 116px;
}

.set_testimon .su-img::after {
    height: 152px;
    left: -36px;
    opacity: 0.1;
    top: -36px;
    width: 152px;
}

.set_testimon .su-img img {
    border-radius: 100px;
    width: 80px;
    height: 80px; 
    z-index: 999; 
    border: 5px solid #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);  
}

.set_testimon .su-content {
    margin-top: -27px;
    position: relative;
    padding: 0px 34px;
}

.set_testimon .gu-content h4 {
    color: #525252;
    font-size: 18px;
    font-weight: 500 !important;
    line-height: 24px;
    margin-bottom: 1px;
}

.set_testimon .su-content p {
    color: #525252;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 25px;
}
 .set_testimon .gu-content p {
    color: #525252;
    line-height: 20px;
    margin-top: 2px;
    font-style: italic;
}