.wp-block-hoyry-bokun-itinerary {
    & ul {
        list-style: none;
        padding-left: 3.6875rem;
        & li {
            position: relative;
            & p {
                font-size: 15px;
            }
            &::before {
                content: '';
                display: block;
                position: absolute;
                left: -3.6875rem;
                width: 2.71875rem;
                height: 2.71875rem;
                background-color: var(--wp--preset--color--custom-tummansininen, #0B4467);
                border-radius: 50%;
                background-position: center;
                background-repeat: no-repeat;
                z-index: 1;
            }
            &::after {
                content: '';
                height: 100%;
                width: 6px;
                position: absolute;
                left: calc(-3.6875rem + 1.1875rem);
                top: 2.25rem;
                background-color: #00304D;
                z-index: 0;
            }
            &.dashed::after {
                background-color: transparent;
                background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%2015%22%3E%3Crect%20width%3D%226%22%20height%3D%2211%22%20y%3D%222%22%20ry%3D%223%22%20style%3D%22fill%3A%236E6246%3B%22%2F%3E%3C%2Fsvg%3E);
            }
            &:last-of-type {
                &::after {
                    display: none;
                }
            }
            &.type-pin::before {
                background-image: url('../img/pin.svg');
                background-size: 15px 21px;
            }
            &.type-vehicle::before {
                background-image: url('../img/vehicle.svg');
                background-size: 23px 24px;
            }
            &.type-food::before {
                background-image: url('../img/food.svg');
                background-size: 22px 21px;
            }
        }
    }
}