/*.testimony-container{*/
/*    color: inherit; padding-top:30px; padding-bottom:30px; margin-bottom:0;*/
/*}*/
/* Slideshow container */
.slideshow-container {
    position: relative;
    background-color: #F7F5F4;
}

/* Slides */
.mySlides {
    display: none;
    padding: 80px;
    text-align: center;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -30px;
    padding: 50px;
    color: black;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    position: absolute;
    right: 100px;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
    color: white;
}

/* The dot/bullet/indicator container */
/*.dot-container {*/
/*    text-align: center;*/
/*    padding: 20px;*/
/*    background: #ddd;*/
/*}*/

/* The dots/bullets/indicators */
/*.dot {*/
/*    cursor: pointer;*/
/*    height: 15px;*/
/*    width: 15px;*/
/*    margin: 0 2px;*/
/*    background-color: #bbb;*/
/*    border-radius: 50%;*/
/*    display: inline-block;*/
/*    transition: background-color 0.6s ease;*/
/*}*/

/* Add a background color to the active dot/circle */
/*.active, .dot:hover {*/
/*    background-color: #717171;*/
/*}*/


.component {
    margin: 0 auto;
    padding: 3rem;
    width: 75%;

}

.component blockquote.quote {
    position: relative;
    text-align: center;
    /*padding: 1rem 1.2rem;*/
    width: 100%; /* create space for the quotes */
    color: rgba(0, 0, 0, 0.8);
    margin: 1rem auto 2rem;
}

/* -- create the quotation marks -- */
.component blockquote.quote:before,
.component blockquote.quote:after {
    font-family: FontAwesome, serif;
    position: absolute;
    color: #FFA500;
    font-size: 34px;
}

.component blockquote.EN:before {
    content: "\f10d";
    top: -12px;
    margin-right: -20px;
    right: 100%;
}

.component blockquote.EN:after {
    content: "\f10e";
    margin-left: -20px;
    left: 100%;
    top: auto;
    bottom: -20px;

}

section p {
    display: flex;
    justify-content: center;
    font-family: FontAwesome, serif;;
    font-size: 34px;
    color: black;
}

blockquote p {
    display: flex;
    justify-content: center;
    font-family: FontAwesome, sans-serif;
    font-size: 20px;
    color: black;
}