.service-slider .flickity-button {
  background-color: rgba(255, 255, 255, 0.55);
  transition: background-color 0.4s, opacity 0.4s; }
  .service-slider .flickity-button.previous {
    left: 30px; }
  .service-slider .flickity-button.next {
    right: 30px; }
  .service-slider .flickity-button:hover {
    background-color: #fff; }
  .service-slider .flickity-button:active {
    opacity: .7; }
  .service-slider .flickity-button:focus {
    box-shadow: none; }
  .service-slider .flickity-button svg {
    left: 28%;
    top: 28%;
    width: 44%;
    height: 44%; }

.service-promo--slide {
  width: 100%;
  position: relative; }
  .service-promo--slide .field--name-field-slide-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex; }
    .service-promo--slide .field--name-field-slide-image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.service-promo--slide .service-promo-content {
  z-index: 5;
  position: relative; }