@charset "UTF-8";
/* snippet-row-icon-dental-services START */
#icon-dental-services {
    .container {
        overflow: hidden;
    }
    .slider {
        animation: slidein 15s linear infinite;
        white-space: nowrap;
    }
    .row::before, .row::after {
        background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
        content: "";
        height: 100%;
        position: absolute;
        width: 200px;
        z-index: 2;
    }
    .row::after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg);
    }
    .row::before {
        left: 0;
        top: 0;
    }
}

/*moved to php file so we can count the number of services
@keyframes slidein {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-70.14px*25)); //multiply span width with number of services for perfect infinite loop
  }
}*/

/* snippet-row-icon-dental-services END */