:root {
            --primary-colour: #09156aff;
                }

    footer, span.active-tab-line { background-color: var(--primary-colour) !important; }

    .e-ticket-benefits svg path, .tod-disadvantages svg path {
        fill: #fff;
    }

    .e-ticket-benefits .benefit-icon {
        background: var(--primary-colour) !important;
    }

    #saving {
        background: radial-gradient(ellipse 60% 70% at center, #09156aff 0%, #09156aff00 100%)
    }

    #headline.no-app-banners .container {
        border-top-color: #09156aff;
    }

    a, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link, .btn-link {
        color: #09156aff;
    }

    div.dropdown, .ui-datepicker, .time-selections > :not(.spacer) {
        border-color: #09156aff !important;
    }

    .switch > .dot {
        box-shadow: 0 0 0 2px #848ab5aa !important;
        border-color: #848ab5aa !important;
    }

    .time-selections > :not(.spacer) {
        color:  !important;
    }

    .btn-cancel, .letmechoose-warning .btn-link, .text-blue-normal, .remove .btn, .btn-create, .tw-navbar.navbar-dark .basket-items, .basket-items-row .basket-items {
        color: #09156aff !important;
    }

    .bg-blue-normal {
         background-color: #09156aff !important;
     }

    .input-button .div:hover {
        background-color: #09156aff !important;
    }

    .dropdown-select, .station-input, .outline, .lists select.list, #moreOptionsModal .input, #moreOptionsModal .operator {
        border: 1px solid #CFCFCF !important;
    }

    .checkbox:checked ~ .runner {
        background-color: #09156aff !important;
    }

    .journey-card.selected .top:not(.railsale-top) .curve-top, .journey-card.selected .bottom:not(.railsale-bottom) .bottom-item {
        background-color: #09156aff !important;
    }

    .journey-card.selected .middle:not(.railsale-middle) {
        border-color: #09156aff !important;
    }

    ._mdc-stepper ._mdc-stepper__step._mdc-stepper__step--active::before, ._mdc-stepper ._mdc-stepper__step._mdc-stepper__step--done::before {
        background-color: #09156aff;
    }


    .price-cell:focus {
        box-shadow: #fff 0 0 0 2px, #09156aff50 0 0 0 4px, #0000000d 0 1px 2px 0 !important;
    }

    .price-cell.selected {
        box-shadow: #fff 0 0 0 2px, #09156aff 0 0 0 4px, #0000000d 0 1px 2px 0 !important;
    }

    main.login-container {
        border-top-color: #232f84;
    }

    .ui-datepicker-calendar td:not(.disruption) .ui-state-active {
        background: #09156aff !important;
        color: #fff !important;
    }

    html {
        background: #09156aff !important;
    }

    html.basebare-bg {
        background: unset !important;
    }

    .letmechoose-info .vertical-line {
        background-color: #09156aff !important;
    }

    .switch-stations {
        background-color: #09156aff !important;
        border: #09156aff !important;
        color: #fff !important;
        path {
            fill: #fff !important;
        }
    }

    @media (max-width: 768px) {
        .switch-stations {
            background-color: #CFCFCF !important;
            color: #09156aff !important;
            path {
                fill: #09156aff !important;
            }
        }
    }







#hero-image {
    background-image: url("https://directus.trainsplit.com/assets/dcf6105c-39c4-4ed6-b8fc-92926ac6f8fb");
    background-position: 0 61%;
}