/* Mobile: polygon(72% 0,140% 50%,72% 100%,-25% 101%,45% 50%,-23% 0) Background: #201c21*/
/* Desktop (Triangle): polygon(0 0,0 0,90% 50%,0 100%,0 100%) Background: #201c21 */ 
/* Image Opacity: 0.6 */
/* image height 695 and 510 */
.testimonialClippedImage-inner {
  position:relative;
  font-family: 'Sharp Sans No2';
}
.testimonialClippedImage-item-inner {
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  gap:0px;
  align-items:center;
  max-width:1330px;
  color:#fff;
  margin:0px auto;
}
.testimonialClippedImage-image img{
  object-fit:cover;
  object-position:top;
  height:100%;
  width:100%;
  opacity:0.6;
}
.testimonialClippedImage-image {
  height:695px;
  width:calc(65vw);
  position:relative;
  max-width: 952px;
}
.testimonialClippedImage-right {
  width:65%;
}
.testimonialClippedImage-left {
  width:35%;
  position:relative;
  z-index:3;
  padding:0px 20px;
}

.testimonialClippedImage-quoter {
  color: #fff;
  font-size: 14px;
  line-height: 170%;
  font-weight:300;
}
.testimonialClippedImage-quote {
  font-size: 20px;
  line-height: 150%;
  padding-bottom: 30px;
  font-weight:300;
}
@media (min-width:768px){
  .testimonialClippedImage-quoter {
    color: #fff;
    font-size: 16px;
    line-height: 180%;
  }
  .testimonialClippedImage-quote {
    color: #00dba8;
    font-size: 30px;
    line-height: 133%;
    padding-bottom: 40px;
    max-width: 464px;
  }
  .testimonialClippedImage-left .testimonialClippedImage-quote-wrapper{
    width:calc(100% + 300px);
    max-width:464px;
  }
}
.testimonialClippedImage-triangle {
  position:absolute;
  left:-1px;
  top:-1px;
  z-index:2;
  height:calc(100% + 1px);
  width:344px;
  background:#201c21;
  clip-path:polygon(0 0,0 0,90% 50%,0 100%,0 100%);
  -webkit-clip-path:polygon(0 0,0 0,90% 50%,0 100%,0 100%);
}
@media (max-width:767px){
  .testimonialClippedImage-image img{
    clip-path:polygon(72% 0,140% 50%,72% 100%,-25% 101%,45% 50%,-23% 0);
    -webkit-clip-path:polygon(72% 0,140% 50%,72% 100%,-25% 101%,45% 50%,-23% 0);
  }
  .testimonialClippedImage-triangle {
    display:none;
  }
  .testimonialClippedImage-right {
    width:100%;
  }

  .testimonialClippedImage-image {
    height:510px;
    width:100%;
  }
  .testimonialClippedImage-left {
    width:100%;
    margin-top:36px;
  }
  .testimonialClippedImage-item-inner {
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    gap:0px;
    flex-direction: column-reverse;
  }
}
.testimonialClippedImage-arrow {
  height:60px;
  width:60px;
  overflow:hidden;
  cursor:pointer;
  display:flex;
  flex-direction:row;
  background:#fff;
  transition:1s ease background;
  -webkit-transition:1s ease background;
}
.testimonialClippedImage-mod .arrow-button-block__content {
  height:60px;
  width:120px;
  display:flex;
  flex-direction:row;
  transition:0s ease transform;
  -webkit-transition:0s ease transform
  transform:translateX(-60px);
  -webkit-transform:translateX(-60px);
}
.testimonialClippedImage-arrow:hover {
  background:#00dba8; 
}
.testimonialClippedImage-arrow:hover .arrow-button-block__content {
  transform:translateX(0px);
  -webkit-transform:translateX(0px);
  transition:1s ease transform;
  -webkit-transition:1s ease transform;
}
.testimonialClippedImage-arrow-right.testimonialClippedImage-arrow .arrow-button-block__content {
  transform:translateX(-60px);
  -webkit-transform:translateX(-60px);
}
.testimonialClippedImage-arrow-right.testimonialClippedImage-arrow:hover .arrow-button-block__content {
  transform:translateX(0px);
  -webkit-transform:translateX(0px);
}
.testimonialClippedImage-mod .arrow-button-block__content > div svg{
  height:21px;
  width:auto;
}
.testimonialClippedImage-mod .arrow-button-block__content > div{
  display:flex;
  height:60px;
  width:60px;
  align-items:center;
  justify-content:center;
}

.testimonialClippedImage-controls > div {
  height:60px;
  width:60px;
}
.testimonialClippedImage-controls > div.testimonialClippedImage-arrow-left {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.testimonialClippedImage-controls {
  max-width:1330px;
  padding:0px 20px;
  margin:0px auto;
  display:flex;
  justify-content:start;
  gap:20px;
  align-items:center;
  
  position: absolute;
  bottom: 10%;
  left: 50%;
  width:100vw;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  z-index: 3;
}

@media (max-width:767px){
  .testimonialClippedImage-controls {
    position:relative;
    margin-top:35px;
  }
}