Summary arrows not working

Site URL: https://www.empathyuprise.com/activism

Hey guys,

I am trying to figure out why the arrows in the summer block - Webinars - aren't working.

Here's the code to the blocks:

//testimonial slider arrows
.sqs-gallery-design-carousel .sqs-gallery-controls .next,
.sqs-gallery-design-carousel .sqs-gallery-controls .previous {
 display: block;
 float: right;
 position: relative;
 top: auto;
 left: -15px;
 right: 15px;
 bottom: auto;
 margin: 0 0 15px 0;
 padding: 0;
 background-color: transparent;
 color: #faa819 !important;
 font-size: 16px;
 line-height: 16px;
 cursor: pointer;
}
.sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
 font-family: 'squarespace-ui-font';
 font-style: normal;
 speak: none;
 font-weight: normal;
 -webkit-font-smoothing: antialiased;
 content: "\E003";
 text-align: center;
 display: inline-block;
 vertical-align: middle;
}
.sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
 font-size: 32px;
 width: 16px;
 height: 32px;
 line-height: 32px;
}
.sqs-gallery-design-carousel .sqs-gallery-controls .previous {
 margin-right: 10px;
}
.sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
 font-family: 'squarespace-ui-font';
 font-style: normal;
 speak: none;
 font-weight: normal;
 -webkit-font-smoothing: antialiased;
 content: "\E000";
 text-align: center;
 display: inline-block;
 vertical-align: middle;
}
.sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
 font-size: 32px;
 width: 16px;
 height: 32px;
 line-height: 32px;
}
.summary-carousel-pager .previous {
   position: absolute !important;
   left: 18px !important;
   right: inherit !important;
}

Even though there are four events you only can see two of them and the arrows are not working.

Hi,

It didn't work before using the code or after?

Hey @tuanphan it didn't work after the code... 

here's the page https://www.empathyuprise.com/activism