.timeline-contact-spirule {

    .timeline {
        &:before {
            @apply absolute bg-gray-200 left-0 w-full text-black;
            content: '';

            /*Exception
            top: 40px;
            */
            top: 36px;
            height: 1px;
        }
    }

    .icons {

        .has_icon {
            @apply rounded-full flex items-center justify-center;

            min-width: 36px;
            width: 36px;
            height: 36px;
            min-height: 36px;
        }
    }

    .slick-slide {
        @apply outline-none;
    }

    .slick-arrow {
        top: calc(40px - 25px);
        height: 50px;
        min-height: 50px;
        min-width: 50px;
        width: 50px;

        &.slick-prev {
            left: 0px;

            @screen lg {
                left: -50px;
            }
        }

        &.slick-next {
            right: 0px;

            @screen lg {
                right: -50px;
            }
        }
    }

}