ent:nth-child(even) .ui-chronoline-event-content {
                    text-align: left !important;
                }

                .customized-chronoline .ui-chronoline-event-opposite {
                    flex: 0;
                }

                .customized-chronoline .ui-card {
                    margin-top: 1rem;
                }
            }
        </style>

    </ui:define>

    <ui:define name="title">
        Chronoline
    </ui:define>

    <ui:define name="description">
        Chronolin