
/* Triangle Divider */
.testimonial-container {
    position: relative;
    background-color: #fff;
    padding:2rem;
}
.testimonial-container::before,
.testimonial-container::after {
    position: absolute;
    content: '';
    pointer-events: none;
}
.testimonial-container-color {
    background-color: #f0f0f0;
}
.divider-triangles::after {
    left: 50%;
    top: 3rem;
    width: 2rem;
    height: 2rem;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    z-index: 10;
    background: inherit;
}
        
/* Testimonials */
.testimonial{
    padding: 4rem 0;
    width:100%;
}
.testimonial .testimonial-content{
    padding: 4rem 3rem;
    margin-bottom: 2rem;
    background: #fff;
    position: relative;
    box-shadow: 0 0 2rem rgba(0,0,0,0.1);
    display: flex;
    min-height: 18rem;
    align-items: center;
}
.testimonial .testimonial-content:after{
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    position: absolute;
    bottom: -0.5rem;
    left: 7rem;
    transform: rotate(45deg);
}
.testimonial-content .testimonial-icon{
    width: 2.5rem;
    height: 2.5rem;
    background-color: #ff7400;
    text-align: center;
    line-height: 3rem;
    position: absolute;
    top: 4rem;
    left: -19px;
}
.testimonial-content .testimonial-icon svg {
    fill:#fff;
}
.testimonial-content .testimonial-icon:before{
    content: "";
    border-bottom: 16px solid #d96401;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}
.testimonial .description{
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-style: italic;
    margin: 0;
}
.testimonial .title{
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 0.25rem 5rem;
    font-family: "Oswald";
}
.testimonial .post{
    display: block;
    font-size: 0.875rem;
    color: #ff7400;
    margin-left:5rem;
    font-weight: 500;
}

        
        .container-full {
            padding-left:0;
            padding-right:0;
        }
        .container-full .container {
            padding-bottom:0;
        }
        .cycle {
            min-width: 100%;
        }
        .cycle-container {
            position:relative;
            width:100%;
        }
        .cycle-slideshow .cycle {
            display: none;
            width:100%;
        }
        .cycle-slideshow .cycle.first {
            display: block;
            width:100%;
        }
        .nav {
            position:absolute;
            z-index:299;
            top:6rem;
            right:3rem;
            text-align: center;
        }
        .nav #prev2,
        .nav #next2 {
            border: 1px solid #ff7400;
            border-radius: 0.125rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .nav #selectedSlide {
            font-size:0.675rem;
            display: block;
            padding-top:0.5rem;
            color: #000;
            font-weight: 500;
        }
        .nav svg.icon {
            width:2rem;
            height:2rem;
        }
        
/* Extra Small. Above 32rem (512px) */
@media only screen and (min-width : 32rem) {

}

/* Medium. Above 48rem (768px) */
@media only screen and (min-width: 48rem) {
    .testimonial-container {
        padding:1rem 0;
    }
    .testimonial{
        padding: 5rem 3rem;
    }
    .testimonial .testimonial-content {
        padding: 4rem 5rem;
    }
    .divider-triangles::after {
        top: 1rem;
    }
    .nav {
        top: 4rem;
        right:6rem;
    }
}

/* Large. Above 64rem (1024px) */
@media only screen and (min-width: 64rem) {
    .testimonial-container {
        padding:1rem 0;
    }
    .testimonial{
        padding: 5rem 4rem;
    }
}

/* Extra large. Above 80rem (1280px) */
@media only screen and (min-width: 80rem) {
    .testimonial{
        padding: 7rem;
    }
    .nav {
        top: 5rem;
        right:9rem;
    }
}