:root {
    --main-color: #ed174f;
}

main a,
main button,
main input,
main select,
main textarea,
main h2,
main h3,
main h4,
main td,
main .accordion-item,
main [tabindex="0"] {
    scroll-margin-top: 80px;
    scroll-margin-bottom: 100px
}

@media (min-width: 992px) {
    .bd-layout {
        display: grid;
        grid-template-areas: "sidebar main";
        grid-template-columns: 1.3fr 5fr;
        gap: 1.5rem
    }
}

.bd-gutter {
    --bs-gutter-x: 3rem;
}

.bd-sidebar {
    grid-area: sidebar
}

.bd-main {
    grid-area: main;
    display: grid;
}

@media (max-width: 991.98px) {
    .bd-main {
        max-width: 760px;
        margin-inline: auto
    }
}

main>div>h2 {
    margin-top: 3rem;
    color: var(--main-color);
}

main div>h3 {
    margin-top: 1.5rem;
}

@media (min-width: 992px) {
    .bd-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 5rem;
        display: block !important;
        height: calc(100vh - 6rem);
        padding-left: .25rem;
        margin-left: -.25rem;
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .bd-sidebar .offcanvas-lg {
        border-right-color: var(--bs-border-color);
        box-shadow: var(--bs-box-shadow-lg)
    }
}

.bd-links-link {
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.125rem;
    color: inherit;
    text-decoration: none
}

.bd-links-link:hover,
.bd-links-link.active {
    color: white;
    background-color: var(--main-color)
}

.bd-links-link.active {
    font-weight: 600
}

.bi {
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    fill: currentcolor
}

.list-group-item .form-check-label {
    width: calc(100% - 1.6em);
}

.navbar-nav .dropdown-menu {
    position: absolute;
}

.navbar .dropdown-menu .active .bi {
    display: block !important;
}

.rapidkl-lrt-kelana-jaya {
    color: #fff;
    background-color: #ed0f4c;
}

.rapidkl-kl-monorail {
    color: #fff;
    background-color: #81bc00;
}

.rapidkl-mrt-putrajaya {
    color: #fff;
    background-color: #fbcd20;
}

.rapidkl-bus {
    color: #fff;
    background-color: #f6881f;
}

.kl-hop-on-hop-off {
    color: #fff;
    background-color: #ee008c;
}