#testimonial *{box-sizing:border-box;margin:0;padding:0}#testimonial button,#testimonial input,#testimonial select{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0}#testimonial html{font-size:12px}#testimonial body{color:#000;display:grid;font-family:Shippori Antique,sans-serif;height:100vh;place-items:center}#testimonial .content-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-bottom:5rem;width:100%}#testimonial h3{font-size:calc(2.3rem + 1vmin);margin-bottom:calc(1rem + 1vmin)}#testimonial .wrapper-for-arrows{border-radius:2rem;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);display:grid;overflow:hidden;place-items:center;position:relative;width:60rem}#testimonial .review-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:calc(2rem + 1vmin);width:100%}#testimonial #imgDiv{background-size:cover;border-radius:50%;box-shadow:5px -3px #09f;height:calc(6rem + 4vmin);margin-bottom:calc(.7rem + .5vmin);position:relative;width:calc(12rem + 4vmin)}#testimonial #personName{font-size:calc(1rem + .5vmin);font-weight:700;letter-spacing:calc(.1rem + .1vmin)}#testimonial #profession{color:#09f;font-size:calc(3rem + .3vmin);margin-bottom:calc(3.7rem + .5vmin)}#testimonial #description{color:#5c5c5c;font-size:calc(.8rem + .3vmin);line-height:2rem;margin-bottom:calc(1.4rem + 1vmin);max-width:40rem;text-align:center;width:70%}#testimonial .arrow-wrap{position:absolute;top:50%}#testimonial .arrow{border:solid #09f;border-width:0 calc(.5rem + .2vmin) calc(.5rem + .2vmin) 0;cursor:pointer;height:calc(1.4rem + .6vmin);transition:transform .3s;width:calc(1.4rem + .6vmin)}#testimonial .arrow:hover{transform:scale(1.15);transition:.3s}#testimonial .left-arrow-wrap{left:5%;transform:rotate(135deg);-webkit-transform:rotate(135deg)}#testimonial .right-arrow-wrap{right:5%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}#testimonial @media screen and(max-width: 900px){.content-wrapper{width:100%}}#testimonial .wrapper-for-arrows{cursor:grab}#testimonial .wrapper-for-arrows:active{cursor:grabbing}#testimonial #description,#testimonial #personName,#testimonial #profession,#testimonial .person-info{user-select:none}@media screen and (max-width:820px){#testimonial{padding:2rem}#testimonial .content-wrapper{padding-bottom:1rem}#testimonial .wrapper-for-arrows{padding-left:2rem;padding-right:2rem;width:100%}#testimonial #imgDiv{height:100px;margin-bottom:1rem;width:100px}#testimonial #personName{font-size:1rem;margin-bottom:.5rem}#testimonial #description,#testimonial #profession{font-size:.8rem;margin-bottom:.5rem;text-align:center}#testimonial #description{max-width:none;padding-left:1rem;padding-right:1rem;width:100%}#testimonial .arrow{height:20px;width:20px}}