.testimonials {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 400px;
    padding: 0 20px;
    margin-bottom: 30px;
    }

.testimonial:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 101.936 71.955" aria-hidden="true"><g id="Quotemarks-left" transform="translate(-0.001 -9.412)" opacity="0.585"><path id="Path_2034" data-name="Path 2034" d="M60.755,36.192c-.215-2.22-.051-8.253,6.01-16.643a1.537,1.537,0,0,0-.194-2.03c-2.471-2.357-4-3.844-5.074-4.884-1.411-1.372-2.055-2-3-2.812a1.735,1.735,0,0,0-2.218-.02c-10.564,8.766-22.3,26.881-20.6,49.074.995,13.031,10.962,22.49,23.7,22.49,13.07,0,23.7-10.14,23.7-22.605C83.085,46.737,73.188,36.875,60.755,36.192ZM59.381,78.182c-10.937,0-19.5-8.216-20.367-19.535v0C37.1,33.685,52.661,17.473,57.361,13.18c.458.431.982.938,1.753,1.688.93.9,2.2,2.137,4.126,3.979-7.357,10.81-5.969,18.513-5.361,19.617a1.742,1.742,0,0,0,1.5.877c11.229,0,20.364,8.712,20.364,19.421S70.61,78.182,59.381,78.182Z" transform="translate(18.852 0)" fill="%23a0c21a"/><path id="Path_2035" data-name="Path 2035" d="M25.241,36.192c-.217-2.213-.057-8.242,6.01-16.643a1.539,1.539,0,0,0-.194-2.03c-2.466-2.352-3.994-3.837-5.066-4.878-1.416-1.375-2.062-2-3-2.819A1.739,1.739,0,0,0,20.769,9.8C10.205,18.568-1.53,36.679.165,58.877v0c1,13.03,10.967,22.489,23.7,22.489,13.07,0,23.7-10.14,23.7-22.605C47.572,46.735,37.675,36.872,25.241,36.192ZM23.868,78.181c-10.935,0-19.5-8.216-20.372-19.536v0C1.59,33.68,17.148,17.471,21.848,13.179c.46.431.985.941,1.758,1.692.928.9,2.2,2.136,4.12,3.974-7.357,10.812-5.969,18.513-5.361,19.616a1.745,1.745,0,0,0,1.5.879c11.229,0,20.364,8.712,20.364,19.421S35.1,78.181,23.868,78.181Z" transform="translate(0 0)" fill="%23a0c21a"/></g></svg>');
    margin-right: 10px;
    display: block;
    width: 80px;
    height: 40px;
    }

.testimonial {
    position: absolute;
    left: 100%;
    width: 100%;
    opacity: 0;
    transition: opacity 1s, left 1s;
    }

.testimonial.active {
    opacity: 1;
    left: 0;
    }

.testimonial.exiting {
    left: -100%;
    opacity: 0;
    }

.testimonial-content {
    margin-left: 100px;
    }

.testimonial-name {
    margin: 20px 0 0 0;
    text-align: right;
    }

.testimonial-title {
    font-style: italic;
    margin: 0;
    text-align: right;
    }

.testimonial-controls {
    text-align: center;
    }

.testimonial-controls button {
    border: 0;
    background: unset;
    padding: 0;
    }


svg#svg-pause-icon g g #tent-pause {
    fill: #C3E53E;
    transition: all 1s, left .5s;
    }

svg#svg-pause-icon g g #tent-door-pause {
    fill: #757575;
    transition: all 1s, left .5s;
    }


svg#svg-play-icon g g #tent-pause {
    fill: #137900;
    transition: all 1s, left .5s;
    }

svg#svg-play-icon g g #tent-door-pause {
    fill: #454545;
    transition: all 1s, left .5s;
    }


svg#svg-pause-icon:hover g g #tent-pause {
    fill: #137900;
    }

svg#svg-pause-icon:hover g g #tent-door-pause {
    fill: #8E8E8E;
    }


svg#svg-play-icon:hover g g #tent-play {
    fill: #137900;
    }

svg#svg-play-icon:hover g g #tent-door-play {
    fill: #8E8E8E;
    }


svg#testimonial-previous-icon g path,
svg#testimonial-next-icon g path{
    fill: #137900;
    transition: all 1s, left .5s;
    }

svg#testimonial-previous-icon:hover g path,
svg#testimonial-next-icon:hover g path {
    fill: #C3E53E;
    }


/* Medium/small mobile styles */
@media screen and (max-width: 599px) {
    .testimonial:before {
        width: 50px;
        height: 20px;
        }
    .testimonial-content {
        margin-left: 60px;
        }
    }