/* Testimonials */
#tLeftButt > i:hover, #tRightButt > i:hover {
    opacity: .7;
}
#tLeftButt > i:active, #tRightButt > i:active {
    scale: 200%;
    opacity: .4;
}


#tLeftButt {
    left: 0;
    bottom: 0;
    height: 625px;
    width: 7.5%;
    background: linear-gradient(90deg, #ffffff 40%, rgba(255,255,255,0) 100% );
    z-index: 20;
}

#tRightButt {
    right: 0;
    bottom: 0;
    height: 625px;
    width: 7.5%;
    background: linear-gradient(270deg, #ffffff 40%, rgba(255,255,255,0) 100% );
    z-index: 20;
}
#tLeftButt > i {
    scale: 250%;
    position: absolute;
    left: 0;
    margin-left: 15px;
}
#tRightButt > i {
    scale: 250%;
    position: absolute;
    right: 0;
    margin-right: 15px;
}
/*
#testimonialFade {
    background: linear-gradient( to left, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 10%, rgb(255 255 255 / 0%) 90%, rgb(255 255 255) 100% );
    z-index: 10;
    top: 0;
    left: 0;
}
    */
#testimonialRow {
    scale: 85%;
    left: 50%;
    transform: translateX(-787.5px);
    transition: ease .5s;
}

.testimonialContainer {
    padding-top: 50px;
    height: 625px;
    overflow: hidden;
}

.testimonailContainer > h2 {
    margin-top: 60px;
}

.testimonialInstance {
    cursor: pointer;
    padding: 15px;
    margin: 15px;
    margin-top: 90px;
    min-width: 400px;
    max-width: 400px;
    height: 375px;
    border-radius: 1.5rem !important;
}

.testimonailInstance > div:nth-child(1) {
    width: 150px;
    height: 50%;
    z-index: 5;
    top: 0;
}

.testimonialInstanceContent {
    border-radius: 1.5rem !important;
    padding: 15px;
    margin: 11px;
}

.testimonialInstanceContent > div:nth-child(1) {
    border: 5px solid;
    border-radius: 50%;
    height: 135px;
    width: 135px;
    margin: 10px;
    top: -75px;
    z-index: 10;
    display: flex;
    justify-content: center;
}

.testimonialInstanceContent > div:nth-child(1) > img {
    height: 135px !important;
}

.testimonialInstanceContent > div:nth-child(1) {
    border: 5px solid;
    border-radius: 50%;
    height: 135px;
    width: 135px;
    margin: 10px;
    top: -75px;
    z-index: 10;
}

    .testimonialInstanceContent > div:nth-child(2) {
        margin: 10px;
        padding-top: 15px;
        z-index: 10;
    }

.tPersonName {
    font-size: 22px;
}

.tJobTitle {
    font-size: 20px;
    margin-top: -5px
}

.testimonialInstanceContentText {
    font-size: 16px;
    z-index: 10;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.testimonialQuotes {
    z-index: 10;
    bottom: 7.5px;
    height: 55px;
    padding: 10px;
}

/* Single Testimonial */
#sLeftButt:active, #sRightButt:active {
    scale: 200%;
}

#sLeftButt {
    height: 275px;
    left: 0;
    background: linear-gradient(90deg, #5f773c, rgba(255,255,255,0) );
    scale: 250%;
    margin-left: 15px;
    z-index: 20;
}

#sRightButt {
    height: 275px;
    right: 0;
    background: linear-gradient(270deg, #5f773c, rgba(255,255,255,0) );
    scale: 250%;
    margin-right: 15px;
    z-index: 20;
}
/*
#sTestimonialFade {
    background: linear-gradient( to left, rgb(95, 119, 60) 0%, rgb(255 255 255 / 0%) 10%, rgb(255 255 255 / 0%) 90%, rgb(95, 119, 60) 100% );
    z-index: 10;
    top: 0;
    left: 0;
}
    */
#sTestimonialRow {
    transform: translateX(-100vw);
    transition: ease .5s;
}

.sTestimonialContainer {
    height: 275px;
    overflow: hidden;
}

.sTestimonialInstance {
    display: flex;
    align-items: center;
    max-width: 80vw;
    margin-left: 10vw;
    margin-right: 10vw;
}

.sTestimonialInstance:hover {
    cursor: pointer;
}

@media (min-width: 1600px) {
    .sTestimonialInstance {
        max-width: 60vw;
        margin-left: 20vw;
        margin-right: 20vw;
    }
}

@media (max-width: 767px) {
    .sTestimonialImage {
        display: none !important;
    }
    .sTestimonialImageSource {
        display: none;
    }
}

@media (min-width: 768px) {
    .sTestimonialImage {
        height: 175px !important;
        min-width: 175px !important;
        max-width: 175px !important;
        border-radius: 50%;
        margin-right: 25px;
        display: flex;
        justify-content: center;
    }
    .sTestimonialImageSource {
        height: 175px !important; 
    }
}

.sTestimonialQuotes {
    max-width: 40px;
    margin-bottom: 10px;
}

.sTestimonialText {
    height: 125px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.sTestimonialText:hover {
    color: #e9e9e9;
}

.singleTestimonialPersonJob {
    margin-top: 0px;
    line-height: 17.5px;
}

.sTestimonialName {
    font-size: 17.5px;
}

.sTestimonialJob {
    font-size: 15px;
}