@font-face {
        font-family: 'Avenir Next';
        src: url("../../fonts/avenir/AvenirNextLTPro-Regular.woff");
    }

    :root {
        --primary-orange: #FF6600;
        --primary-purple: #5000A0;
        --white: #fff;
        --light-purple: #8D58C1;
    }

    body {
        margin: 0;
        max-width: 100% !important;
    }

    header .sticky {
        position:relative !important;
    }

    header input{
        border-bottom: 1px solid var(--black);
    background-color: transparent;
    border-radius: 0px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    padding-bottom: 12px;
    padding-left: 0px;
    padding-top: 12px;
    color: var(--black) !important;
    font-size: 16px;
    width: 100%;
    transition: all 0.3s;
    cursor: pointer;

    }

    input:focus, input:active, select:focus{
        outline: 0;
    border-bottom: 2px solid var(--primary-orange) !important;
    }

    .search-mobile-items.mobile-items-open {
    min-height: 10vh;
    z-index:10;
    position: absolute !important; 
}

    .mapboxgl-canvas {
        width: 100%;
    }

    #findstation__quickfilter {
        display: none;
    }

    .fleetcard {
        height: calc(100% - 100px);
        width: 100%;
        position: fixed;
    }

    #fleetcard-map {
        height: 100%;
    }

    .mapboxgl-popup-mobile-position {
        transform: none !important;
        width: 100%;
        height: 100%;
        background-color: #fff;
        justify-content: center;
    }

    .mapboxgl-popup {
        max-width: 100% !important;
        z-index: 2;
    }

        .mapboxgl-popup .mapboxgl-popup-content {
            border-radius: 20px;
            padding: 0px;
            overflow-y: scroll;
            box-shadow: none;
        }

            .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
                font-size: 26px;
                color: #FF6600;
                top: 28px;
                right: 28px;
            }

    /* STATION COLOUR LEGEND*/
    #findstation__status {
        width: 100%;
        height: 259px;
        background: var(--white);
        position: absolute;
        bottom: 0;
        z-index: 3;
        display: none;
        border-radius: 20px 20px 0px 0px;
        padding: 62px 22px;
    }

    .findstation__status__item {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .findstation__status__item .findstation__status__item__colour {
            height: 20px;
            width: 20px;
            margin-right: 16px;
            border-radius: 50%;
        }

        .findstation__status__item .findstation__status__item__desc {
            font-family: 'Avenir Next';
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 31px;
            margin-bottom: 0px;
        }

        .findstation__status__item:nth-child(1) .findstation__status__item__colour {
            background: var(--primary-orange);
        }

        .findstation__status__item:nth-child(2) .findstation__status__item__colour {
            border: 1px solid var(--primary-orange)
        }

        .findstation__status__item:nth-child(3) .findstation__status__item__colour {
            background: var(--primary-purple);
        }

    .findstation__statusbtn button {
        width: 50px;
        height: 50px;
        box-shadow: none !important;
        border: 0px;
        border-radius: 20px !important;
        background: var(--white);
        position: absolute;
        bottom: 20px;
        z-index: 1;
        left: 20px;
    }

    .findstation__statusbtn .findstation__statusbtn--active {
        background: var(--primary-orange);
        z-index: 4;
    }

        .findstation__statusbtn .findstation__statusbtn--active .findstation__statusbtn__icon {
            background-image: url(../../img/findAStation/station_status_icon_white.svg);
        }

    .findstation__statusbtn button .findstation__statusbtn__icon {
        background-image: url(../../img/findAStation/station_status_icon_orange.svg);
        display: block;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: 50%;
    }


    .filterby-accordion {
        width: 100%;
        background: var(--white);
        overflow-y: scroll;
        padding: 5px 5px;
        border-radius: 0px 0px 20px 20px;
    }


        .filterby-accordion .label {
            position: relative;
            font-size: 15px;
            color: var(--primary-purple);
            font-weight: 600;
            cursor: pointer;
            margin: 0px;
            font-family: 'Avenir Next';
            font-weight: 600;
            height: 64px;
            align-items: center;
            display: flex;
            border-top: 0.5px solid rgba(196, 196, 196, 0.5);
        }

            .filterby-accordion .label::before {
                background-image: url(../../img/findAStation/filter_dropdown_plus.svg);
                content: '';
                position: absolute;
                top: 50%;
                right: -5px;
                transform: translateY(-50%);
                margin-right: 20px;
                width: 15px;
                height: 15px;
                background-repeat: no-repeat;
            }

        .filterby-accordion .content {
            position: relative;
            background: white;
            height: 0;
            font-size: 20px;
            text-align: justify;
            overflow: hidden;
            transition: 0.5s;
        }

        .filterby-accordion hr {
            width: 100%;
            margin-left: 0;
        }

        .filterby-accordion .filterby__container.active .content {
            height: auto;
        }

        .filterby-accordion .filterby__container.active .label::before {
            background-image: url(../../img/findAStation/filter_dropdown_minus.svg);
            content: '';
        }

        .filterby-accordion .filterby__container.active .label {
            border-bottom: 0.5px solid rgba(196, 196, 196, 0.5);
        }

    .fleetcard-map__filter {
        position: absolute;
        right: 20px;
        top: 84px;
        z-index: 1;
        display: inline-block;
        height: 50px;
    }

        .fleetcard-map__filter.fleetcard-map__filter--visible {
            width: calc(100% - 44px);
        }

            .fleetcard-map__filter.fleetcard-map__filter--visible .fleetcard-map__filter__title {
                justify-content: space-between;
                border-radius: 20px;
                border-bottom-left-radius: 0px;
                border-bottom-right-radius: 0px;
            }

        .fleetcard-map__filter div.fleetcard-map__filter__content {
            padding: 0;
            display: none;
            margin: 0;
        }

        .fleetcard-map__filter.fleetcard-map__filter--visible .fleetcard-map__filter__content {
            display: block;
            height: 150%;
        }

    .fleetcard-map__filter__title span {
        display: none;
    }

    .fleetcard-map__filter.fleetcard-map__filter--visible .fleetcard-map__filter__title span {
        display: block;
    }

    .fleetcard-map__filter.fleetcard-map__filter--visible .fleetcard-map__filter__title .fleetcard-map__filter__title__arrow {
        background-color: #FF6600;
        background-repeat: no-repeat;
        background-image: url('../../img/fleetcard/arrow-white-up.svg');
        border-radius: 30px;
        margin-right: 2px;
        background-position: center;
        padding: 25px;
    }

    .fleetcard-map__filter.fleetcard-map__filter--visible .fleetcard-map__filter__title {
        padding: 0px 0px;
    }

    .fleetcard-map__filter__title {
        display: flex;
        background: #fff;
        justify-content: flex-end;
        align-items: center;
        height: 100%;
        padding: 0px 17px;
        border-radius: 30px;
        font-family: 'Avenir Next';
    }

        .fleetcard-map__filter__title span {
            font-size: 18px;
            font-weight: 600;
        }

        .fleetcard-map__filter__title .fleetcard-map__filter__title__arrow {
            width: 16px;
            height: 16px;
            background-image: url('../../img/fleetcard/arrow-down.svg');
            background-repeat: no-repeat;
        }

    .fleetcard-map__filter__subtitle {
        display: flex;
        align-items: center;
        background: #fff;
        height: 60px;
        border-bottom: 1px solid rgba(196, 196, 196, 0.5);
    }

        .fleetcard-map__filter__subtitle p {
            color: #5000A0;
            font-size: 15px;
            margin: 0px;
            padding-left: 0px;
            font-family: 'Avenir Next';
            font-weight: 600;
        }

    #fleetcard-map__filter__dropdown,
    #fleetcard-map__filter__dropdown__convenience,
    #fleetcard-map__filter__dropdown__fleet,
    #fleetcard-map__filter__dropdown__services,
    #fleetcard-map__filter__dropdown__loyalty,
    #fleetcard-map__filter__dropdown__courier {
        background: #fff;
        padding: 18px 0px;
        margin: 0;
        overflow-y: scroll;
        /* height: 280px;
         */
    }

    .fleetcard-map__filter__dropdown__checkbox input {
        -webkit-appearance: none;
        width: 19px;
        height: 19px;
        border: 1px solid #C4C4C4;
        margin: 0px;
        font-family: 'Avenir Next';
    }

    .fleetcard-map__filter__dropdown__checkbox {
        display: flex;
        align-items: center;
    }

        .fleetcard-map__filter__dropdown__checkbox:not(:last-child) {
            margin-bottom: 11px;
        }

        .fleetcard-map__filter__dropdown__checkbox label {
            display: inline-block;
            text-align:left;
            font-size: 15px;
            font-weight: 600;
            user-select: none;
            cursor: pointer;
            margin-left: 14px;
            font-family: 'Avenir Next';
        }

            .fleetcard-map__filter__dropdown__checkbox label:first-letter {
                text-transform: capitalize;
            }

        .fleetcard-map__filter__dropdown__checkbox input:checked {
            background-color: #fff;
            border-color: #C4C4C4;
            background-image: url('../../img/fleetcard/checkbox-tick.svg');
            background-size: 12px;
            background-repeat: no-repeat;
            background-position: center;
        }

    /* DIRECTIONS INPUT FIELDS */
    .mapboxgl-ctrl-geocoder .suggestions {
        border-radius: 20px;
        background: var(--white);
        padding: 15px 0px;
    }

        .mapboxgl-ctrl-geocoder .suggestions li a {
            padding: 10px;
            border-bottom: 0px;
        }

    .mapboxgl-ctrl-geocoder ul .mapboxgl-ctrl-geocoder--powered-by {
        display: none !important;
    }

    .mapboxgl-ctrl-top-left {
        width: 100%;
        padding: 20px;
    }

        .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
            margin: 0px;
        }

    .mapboxgl-ctrl-geocoder {
        border-radius: 20px;
        width: 100%;
        max-width: none;
        margin-left: 0px;
    }

        .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon {
            fill: var(--primary-orange);
            left: unset;
            right: 15px;
            top: 11px;
            width: 30px;
            height: 30px;
        }

        .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
            top: 2px;
            right: 15px;
        }

    .mapboxgl-ctrl button:not(:disabled):hover {
        background: var(--white);
    }

    .mapbox-directions-component-keyline {
        border-radius: 0;
        box-shadow: none;
        height: 50px;
        width: 100%;
        max-width: 860px;
    }

        .mapboxgl-ctrl-logo,
        .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-compass,
        .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-attrib,
        .mapbox-directions-component-keyline .directions-reverse,
        .mapbox-directions-component-keyline .mapbox-directions-origin label,
        .mapbox-directions-component-keyline .mapbox-directions-destination label {
            display: none !important;
        }

    .mapboxgl-ctrl-geocoder input[type='text'] {
        border-radius: 20px;
        box-shadow: none;
        height: 50px;
        width: 100%;
        max-width: 426px;
        padding-left: 18px;
        font-family: Avenir Next;
        font-size: 18px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: 0em;
        color: #2B2B2B;
    }

        .mapboxgl-ctrl-geocoder input[type='text']::placeholder {
            font-size: 18px;
            font-weight: 500;
            line-height: normal;
            color: #D8D8D8;
            margin-left: 18px;
            transform: translate3d(0, 2px, 0)
        }

    /* GEO LOCATION */
    .mapboxgl-ctrl-geocoder .geocoder-pin-right * {
        top: 15px;
    }

    .mapboxgl-ctrl-group .mapboxgl-ctrl-geolocate {
        width: 50px;
        height: 50px;
        box-shadow: none !important;
        border-radius: 20px !important;
    }

    .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-group {
        box-shadow: none !important;
        border-radius: 20px !important;
        margin: 22px;
    }

    .mapboxgl-ctrl-group:not(:empty) {
        box-shadow: none;
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
        background-image: url('../../img/fleetcard/arrow-geolocation.svg')
    }

    .mapboxgl-ctrl-bottom-left {
        display: none;
    }

    .fleetcard-map__openmaps {
        position: absolute;
        z-index: 1;
        bottom: 20px;
        left: 20px;
        width: 192px;
    }

        .fleetcard-map__openmaps .fleetcard-map__openmaps__btn {
            height: 50px;
            border: none;
            background-color: #fff;
            display: flex;
            justify-content: space-between;
            border-radius: 30px;
            align-items: center;
            padding: 0px 23px;
            font-family: 'Avenir Next';
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 22px;
            color: #FF6600;
            text-decoration: none;
        }

        .fleetcard-map__openmaps .fleetcard-map__openmaps__icon {
            background-image: url('../../img/fleetcard/arrow-right-orange.svg');
            width: 25px;
            height: 16px;
            background-repeat: no-repeat;
            background-color: #fff;
        }

    /* STATION MODAL */
    .station {
        padding: 28px 0px;
        border-radius: 20px;
    }

    .station__header,
    .station__details,
    .station__amenities {
        padding: 0px 28px;
    }

    .station hr {
        margin: 0px;
    }

    .station__header p {
        font-family: 'Avenir Next';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 30px;
        color: #5000A0;
        margin-top: 0;
        text-transform: capitalize;
        max-width: 250px;
    }

    .station__details .station__details__title,
    .station__amenities .station__amenities__title {
        font-family: 'Avenir Next';
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
        color: #5000A0;
    }

    .station__details .station__details__item {
        display: flex;
        text-transform: capitalize;
    }

    .station__details__item .station__details__item__title {
        font-family: 'Avenir Next';
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 18px;
        min-width: 60px;
        color: #C4C4C4;
    }

    .station__details__item .station__details__item__data {
        font-family: 'Avenir Next';
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
        max-width: 300px;
        color: #2B2B2B;
        padding-left: 16px;
    }

   /* .station .station__amenities {
       display: flex;
    }
*/
    .station .station__amenities,
    .station .station__details {
        padding-top: 15px;
    }

        .station .station__amenities .station__amenities__item {
            display: flex;
            align-items:baseline;
        }

            .station .station__amenities .station__amenities__item img {
                width: 13px;
                margin: 0px 14px 0px 0px;
            }

        .station .station__amenities ul {
            -webkit-column-count: 2;
            column-count: 2;
            padding-left: 0px;
        }

        .station .station__amenities .station__amenities__item {
            font-family: 'Avenir Next';
            font-style: normal;
            font-weight: 600;
            font-size: 15px;
            line-height: 20px;
            text-transform: capitalize;
            color: #2B2B2B;
        }

    .station .station__openmaps {
        height: 50px;
        border: none;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        border-radius: 30px;
        width: 191px;
        align-items: center;
        padding: 0px 23px;
        margin-top: 20px;
        margin-left: 28px;
        font-family: 'Avenir Next';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        color: #FF6600;
        text-decoration: none;
        border: 1px solid #FF6600;
    }

    .station__openmaps .station__openmaps__icon {
        background-image: url('../../img/fleetcard/arrow-right-orange.svg');
        width: 25px;
        height: 16px;
        background-repeat: no-repeat;
        background-color: #fff;
    }

    @media only screen and (min-width: 992px) {
        #findstation__quickfilter {
            z-index: 1;
            position: absolute;
            top: 80px;
            right: 100px;
            width: 400px;
            display: flex;
            justify-content: space-between;
            max-width: 400px;
        }

        .fleetcard-map__quickfilter {
            width: 100%;
            background: var(--primary-purple);
            height: 50px;
            border-radius: 20px;
            padding: 0px 20px;
        }

            .fleetcard-map__quickfilter ul {
                display: flex;
                justify-content: space-around;
                align-items: center;
                height: 50px;
                width: 100%;
                padding-left: 0px;
            }

                .fleetcard-map__quickfilter ul input {
                    display: none;
                }

                .fleetcard-map__quickfilter ul label {
                    display: flex;
                    flex-direction: row-reverse;
                    font-family: 'Avenir Next';
                    font-style: normal;
                    font-weight: 600;
                    font-size: 16px;
                    line-height: 22px;
                    color: var(--white);
                }

                .fleetcard-map__quickfilter ul .quickSearchIcon {
                    height: 18px;
                    width: 18px;
                    background-size: cover;
                    margin-right: 5px;
                }
    }

    @media only screen and (min-width: 1327px) {
        #findstation__quickfilter {
            z-index: 1;
            position: absolute;
            top: 16px;
            right: 413px;
            width: 400px;
        }
    }

    @media only screen and (min-width: 992px) {
        .fleetcard {
            height: 100vh;
            padding-top: 130px;
            margin-top: 0px;
        }

        .mapboxgl-ctrl-top-left {
            display: flex;
            flex-direction: row-reverse;
            margin-left: 100px;
            justify-content: left;
            padding: 0px;
            max-width: 893px;
            width: calc(100% - 495px);
        }

            .mapboxgl-ctrl-top-left .mapboxgl-ctrl-group {
                box-shadow: none !important;
                border-radius: 20px !important;
                margin-right: 11px !important;
            }

            .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
                margin: 16px 0 0;
            }

        .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
            top: 7px;
        }
        /* STATION CARD */
        .mapboxgl-popup .mapboxgl-popup-content {
            overflow-y: unset;
        }

        .station {
            max-width: 410px;
        }
        /* FILTER AMENITIES*/
        .fleetcard-map__filter {
            position: absolute;
            right: 100px;
            top: 16px;
            z-index: 1;
            display: inline-block;
            background: #fff;
            width: 100%;
            max-width: 293px;
            height: 50px;
            border-radius: 20px;
        }

            .fleetcard-map__filter.fleetcard-map__filter--visible {
                border-bottom-left-radius: 0px;
                border-bottom-right-radius: 0px;
            }

            .fleetcard-map__filter div.fleetcard-map__filter__content {
                padding: 0;
                display: none;
                margin: 0;
            }

            .fleetcard-map__filter.fleetcard-map__filter--visible .fleetcard-map__filter__content {
                height: auto;
            }

            .fleetcard-map__filter.fleetcard-map__filter--visible .fleetcard-map__filter__title {
                padding: 0px 28px;
            }

                .fleetcard-map__filter.fleetcard-map__filter--visible .fleetcard-map__filter__title .fleetcard-map__filter__title__arrow {
                    background-color: #fff;
                    background-image: url('../../img/fleetcard/arrow-down.svg');
                    padding: 0px;
                    margin-right: 0px;
                }

        .fleetcard-map__filter__title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 100%;
            padding: 0px 28px;
        }

            .fleetcard-map__filter__title span {
                font-size: 18px;
                display: block;
            }

            .fleetcard-map__filter__title .fleetcard-map__filter__title__arrow {
                width: 16px;
            }
        /*   .fleetcard-map__filter__subtitle {
                display: flex;
                align-items: center;
                background: #fff;
                height: 60px;
                border-bottom: 1px solid rgba(196, 196, 196, 0.5);
            }

                .fleetcard-map__filter__subtitle p {
                    color: #5000A0;
                    font-size: 15px;
                    margin: 0px;
                    padding-left: 28px;
                }*/

        #fleetcard-map__filter__dropdown,
        #fleetcard-map__filter__dropdown__convenience,
        #fleetcard-map__filter__dropdown__fleet,
        #fleetcard-map__filter__dropdown__services,
        #fleetcard-map__filter__dropdown__loyalty,
        #fleetcard-map__filter__dropdown__courier {
            background: #fff;
            padding: 22px;
            margin: 0;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
            overflow-y: unset;
            height: unset;
        }

        .fleetcard-map__filter__dropdown__checkbox input {
            -webkit-appearance: none;
            width: 19px;
            height: 19px;
            border: 1px solid #C4C4C4;
        }

        .fleetcard-map__filter__dropdown__checkbox {
            display: flex;
            align-items: center;
        }

            .fleetcard-map__filter__dropdown__checkbox:not(:last-child) {
                margin-bottom: 11px;
            }

            .fleetcard-map__filter__dropdown__checkbox label {
                display: inline-block;
                text-align: left;
                font-size: 15px;
                font-weight: 600;
                user-select: none;
                cursor: pointer;
                margin-left: 14px;
            }

            .fleetcard-map__filter__dropdown__checkbox input:checked {
                background-color: #fff;
                border-color: #C4C4C4;
                background-image: url('../../img/fleetcard/checkbox-tick.svg');
                background-size: 12px;
                background-repeat: no-repeat;
                background-position: center;
            }
        /* DIRECTIONS INPUT FIELDS */
        .mapboxgl-ctrl-geocoder {
            width: 100%;
            max-width: 339px;
            border-radius: 20px;
            margin-left: 0;
        }
        /*.mapbox-directions-component-keyline {
                display: flex;
                border-radius: 0;
                box-shadow: none;
                height: 50px;
                width: 100%;
                max-width: 860px;
            }

                .mapbox-directions-component-keyline .mapbox-directions-origin, .mapbox-directions-component-keyline .mapbox-directions-destination {
                    width: 100%;
                    margin: 0px 11px 0px 0px;
                }

                    .mapbox-directions-component-keyline .mapbox-directions-origin input[type='text'], .mapbox-directions-component-keyline .mapbox-directions-destination input[type='text'] {
                        box-shadow: none;
                        height: 50px;
                        width: 100%;
                        max-width: 426px;
                    }*/

        .mapboxgl-ctrl-bottom-left {
            display: block;
            margin: 0px 0px 30px 100px;
        }

            .mapboxgl-ctrl-bottom-left button {
                width: 50px;
                height: 50px;
            }

            .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-group {
                border-radius: 20px;
                margin: 0px;
            }
            /* .mapboxgl-ctrl-group button:hover{
                border-radius: 20px;
            }*/

            .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
                margin: 0px;
            }

        .mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
            background-image: url('../../img/fleetcard/minus-orange.svg') !important;
        }

        .mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
            background-image: url('../../img/fleetcard/plus-orange.svg') !important;
        }

        .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-group .mapboxgl-ctrl-zoom-out {
            border-top: none;
        }
        /*  .fleetcard-map__openmaps {
                bottom: 30px;
                right: 100px;
                left: unset;
            }*/

        .filterby-accordion {
            overflow: auto;
            max-height: 400px;
        }

            .filterby-accordion::-webkit-scrollbar {
                width: 5px;
            }

            .filterby-accordion::-webkit-scrollbar-track {
                background: #f1f1f1;
            }

            .filterby-accordion::-webkit-scrollbar-thumb {
                background: var(--light-purple);
            }

                .filterby-accordion::-webkit-scrollbar-thumb:hover {
                    background: var(--light-purple);
                }

            .filterby-accordion .label {
                padding-left: 28px;
            }

        #findstation__status {
            width: 283px;
            height: 117px;
            background: var(--white);
            position: absolute;
            bottom: 0;
            z-index: 3;
            right: 100px;
            display: block;
            border-radius: 20px;
            padding: 15px 22px;
            margin-bottom: 22px;
        }

        .findstation__statusbtn button {
            display: none;
        }
    }
/* </style> */