.pm-service-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.pm-service-slide { display: none; }
.pm-service-slide.active { display: block; }
.pm-service-slide img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.pm-service-prev, .pm-service-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  background: rgba(0,0,0,.25);
  border: 0;
  cursor: pointer;
  font-size: 24px;
  padding: 6px 10px;
}
.pm-service-prev { left: 0; }
.pm-service-next { right: 0; }
.pm-counter-number {
  display: block;
  text-align: center;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.pm-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 125px;
}

.pm-counter-number {
  display: block;
  font-family: Vazir, sans-serif;
  font-size: 120px !important;
  font-weight: 700 !important;
  line-height: 1.1;
  color: #0000ff !important;
  text-align: center;
  direction: ltr;
}

@media (max-width: 767px) {
  .pm-counter-number {
    font-size: 65px !important;
  }
}

/* Service slideshow arrows - match original design */
.pm-service-slider {
    overflow: visible !important;
}

.pm-service-prev,
.pm-service-next {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    color: white !important;
    font-size: 0 !important;
    padding: 0 !important;
    width: 30px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pm-service-prev {
    left: -34px !important;
}

.pm-service-next {
    right: -34px !important;
}

.pm-service-prev::after {
    content: "\276E";
    font-size: 30px;
}

.pm-service-next::after {
    content: "\276F";
    font-size: 30px;
}


/* Service arrow direction correction */
.pm-service-slider .pm-service-prev::after {
    content: "\276F" !important;
}

.pm-service-slider .pm-service-next::after {
    content: "\276E" !important;
}


/* SERVICE SLIDER ARROWS FINAL */

.pm-service-slider .pm-service-prev,
.pm-service-slider .pm-service-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 44px !important;
    padding: 0 !important;
    background: transparent !important;
    color: #aaa !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: none !important;
    font-family: Arial, sans-serif !important;
    font-size: 28px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    z-index: 20 !important;
}

.pm-service-slider .pm-service-prev {
    left: 0 !important;
    right: auto !important;
}

.pm-service-slider .pm-service-next {
    right: 0 !important;
    left: auto !important;
}

/* Remove duplicate arrows added by previous CSS */
.pm-service-slider .pm-service-prev::before,
.pm-service-slider .pm-service-prev::after,
.pm-service-slider .pm-service-next::before,
.pm-service-slider .pm-service-next::after {
    content: none !important;
    display: none !important;
}

/* Prevent focus outline from remaining after click */
.pm-service-slider .pm-service-prev:focus:not(:focus-visible),
.pm-service-slider .pm-service-next:focus:not(:focus-visible) {
    outline: none !important;
}


/* SERVICE SLIDE TRANSITION V1 */

/* Animate the incoming slide */
.pm-service-slider .pm-service-slide.active {
    display: block !important;
    animation: pmServiceFadeZoom 0.6s ease-out both;
}

@keyframes pmServiceFadeZoom {
    0% {
        opacity: 0;
        transform: scale(1.025);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .pm-service-slider .pm-service-slide.active {
        animation: none !important;
    }
}