.paddingBottom-0 {
    padding-bottom: 0 !important;
}

.bookRiderHeader {
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.67px;
    text-align: center;
    color: #242526;
}

.goLinkButton {
    height: 60px;
    width: 90%;
    margin-top: 10px;
    text-align: left;
    color: #00205b;
    font-size: 16px;
    border-radius: 5px;
    background-color: #EAEAEA;
    max-width: 560px;
}

.bookRideButton {
    height: 80px;
    width: 95%;
    padding-bottom: 10px;
}

.bookRide {
    width: 100%;
    left: 7%;
    margin-top: 8%;
    margin-bottom: 10%;
    background: white;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 3%;
    padding-right: 1%;
    border-radius: 10px;
}

/*goLink Landing Page*/
.WhatisGoLinkSection {
    padding: 3%;
}

#goLinkTitleText {
    color: #fff !important;
}

#goLinkZonesSection {
    padding-top: 60px;
    margin-left: 15%;
    margin-right: 15%;
    padding-bottom: 50px;
}

    #goLinkZonesSection .cardBackground {
        width: 270px;
        height: 10px;
        -webkit-border-top-left-radius: 25px;
        -moz-border-radius-topleft: 25px;
        border-top-left-radius: 25px;
    }

    #goLinkZonesSection .card {
        margin-bottom: 30px;
        border: 1px solid whitesmoke !important;
        border-radius: 15px;
        background-color: #fff;
    }

    #goLinkZonesSection .card-body {
        border: 0 !important;
        padding: 0 !important;
    }

    #goLinkZonesSection .table {
        border: none;
    }

        #goLinkZonesSection .table td, .table th {
            padding: 0.4rem;
            vertical-align: top;
            border-top: 0 !important;
        }

@media (max-width: 450px) {
    .WhatisGoLinkSection {
        padding: 5%;
    }
    #goLinkZonesSection {
        margin-left: 5%;
        margin-right: 5%;
    }
    .WhatisGoLinkSection > h2 {
        font-size: 40px;
    }
    #goLinkZoneText {
        font-size: 40px;
    }
    .goLinkListButton {
        width: 152px !important;
    }
    #goLinkbtnGroup {
        float: none !important;
    }
    .mapSection {
        padding: 0;
    }
}

#goLink_Home {
    background-color: #EAEAEA;
}

#goLinkbtnGroup {
    float: right;
}

.downloadBrochureButton {
    background-color: #d2d2d2;
    border-color: #d2d2d2;
    color: #00205b;
}

    .downloadBrochureButton:hover {
        background-color: #d2d2d2 !important;
        border-color: #d2d2d2 !important;
        color: #00205b !important;
    }

.goLinkListButton {
    height: 60px;
    font-size: 16px;
    font-weight: 600;
    width: 176px;
    background-color: #ccc;
    border-color: #ccc;
    padding-top: 15px;
}

    .goLinkListButton:not(:disabled):not(.disabled).active, .goLinkListButton:not(:disabled):not(.disabled):active, .show > .goLinkListButton.dropdown-toggle {
        color: #fff;
        background-color: #00205b;
        border-color: #00205b;
    }

.zoneTextRow {
    display: flex;
    flex-wrap: wrap;
}

.numberCircle {
    width: 33px;
    line-height: 33px;
    border-radius: 50%;
    text-align: center;
    background-color: #59585a;
    color: #fff;
}

.zoneText {
    font-size: var(--default-font-size);
    text-align: left;
    font-weight: 500;
    padding-left: 15px;
    width: 85%;
    align-self: center;
}

#goLinkZonesSection .zoneText a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}

.zoneHeader {
    font-weight: bold;
    padding: 10px;
}

.moreInfoPanel {
    width: 100%;
    margin-left: 40%;
    margin-top: 5%;
    margin-bottom: 10%;
    background: white;
    text-align: left;
    padding-top: 2%;
    border-radius: 10px;
}

@media (max-width: 700px) {
    .moreInfoPanel {
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 10%;
    }
}

@media (max-width: 450px) {
    .bgimgMoreInfo {
        height: 831px;
    }

    .moreInfoButton {
        margin-bottom: 15px;
    }

    .viewLargeerMapSection {
        margin-top: 4% !important;
        margin-bottom: 1% !important;
        font-size: 16px !important;
        text-align: center;
    }

    .moreInfoFooter {
        height: 97px !important;
    }

    .moreInfoFooterLinkText {
        padding-left: 0 !important;
    }
}

.phoneIcon {
    color: #00205b;
    font-size: 20px !important;
    vertical-align: middle;
    margin-left: 10px;
}

.moreInfoHeader {
    text-align: left !important;
}

.moreInfoBody {
    padding-right: 1%;
    padding-left: 2%;
    padding-bottom: 5%;
}

.moreInfoFooter {
    height: 77px;
    background-color: #eaebeb;
    align-content: center;
    padding: 4%;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.moreInfoFooterText {
    margin: 1px 25px 1px 0;
    font-size: 16px;
}

.moreInfoFooterLinkText {
    color: #00205b;
    font-weight: bold;
    padding-left: 20px;
}

.moreInfoButton {
    height: 60px;
    width: 95%;
    padding: 0;
    font-size: 16px;
}

.railLegend {
    width: 145.1px;
    height: 30px;
    transform: skew(-20deg);
    margin-right: 10%;
    margin-top: 5px;
}

.blueLegend {
    background-color: #179eda;
}

.greenLegend {
    background-color: #136c38;
}

.orangeLegend {
    background-color: #f19333;
}

.redLegend {
    background-color: #e33f43;
}

.treLegend {
    background-color: #293963;
}

.rowLegend {
    height: 75px;
    font-size: 24px;
    font-weight: 500;
}

.legendTitle {
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    color: #000;
    padding: 25px;
    margin-bottom: 2%;
}

.viewLargeerMapSection {
    margin-top: 2%;
    margin-bottom: 4%;
    font-size: 30px;
}

    .viewLargeerMapSection > a {
        color: #293963;
    }

@media (max-width: 750px) {
    #legendSection {
        display: none !important;
    }
}

.goLinkVehicleDivSection {
    margin-top: 25%;
    margin-bottom: 25%;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10%;
}

/*Smooth Ride section*/
#smoothRideSection {
    margin-top: 25%;
    padding-left: 8%;
    padding-right: 3%;
}

.smoothRideIcon {
    height: 70px;
    width: 12%;
}

.smoothRideRow {
    display: flex;
    padding-bottom: 50px;
}

.smoothRideText {
    align-self: center;
    width: 50%;
}

#smoothRideSection > h2 {
    padding-top: 3%;
    padding-bottom: 5%;
}

/*GoLink Example section*/
#goLinkExampleSection {
    padding-left: 17% !important;
    padding-right: 17% !important;
    padding-top: 0 !important;
    padding-bottom: 10% !important;
}

@media (max-width: 450px) {
    #goLinkExampleSection {
        padding-left: 15px !important;
        padding-right: 5px !important;
    }
    .goLinkVehicleDivSection {
        margin-left: 0;
    }
    .goLinkWorksHeaderTitleBorder {
        border-bottom: none !important;
    }
    #goLinkExampleSectionHeader {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    #smoothRideSection {
        padding-left: 3% !important;
    }
}

#goLinkExampleSectionHeader {
    padding-top: 5% !important;
    padding-bottom: 0 !important;
}


#goLinkExampleSection .card {
    background: #EAEAEA;
}

#goLinkExampleSection > div:nth-child(1) > div > div > div > div.row.align-content-stretch.card-text > div.col.col-12.p-4 > a,
#goLinkExampleSection > div:nth-child(2) > div > div > div > div.row.align-content-stretch.card-text > div.col.col-12.p-4 > a {
    display: none;
}

#goLinkExampleSection > div:nth-child(1) {
    padding-right: 3% !important;
}

#goLinkExampleSection > div:nth-child(2) {
    padding-left: 3% !important;
}

/*How goLink Works*/
#howGoLinkWorksSection {
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 3%;
    margin-bottom: 5%;
}

.howGoLinkWorksSectionTitle {
    text-align: center !important
}

@media (max-width: 450px) {
    #howGoLinkWorksSection {
        margin-left: 5%;
        margin-right: 5%;
    }

    .howGoLinkWorksSectionTitle {
        text-align: left !important
    }
    .smoothRideIcon {
        margin-right: 15px;
    }

    .smoothRideText {
        width: 80%;
    }
}

.goLinkWorksHeaderTitle 
{
    font-size: 28px !important;
}

.goLinkWorksHeaderTitleBorder {
    border-bottom: 1px solid #c7c7c7;
    padding-top: 10px;
    margin-left: 7%;
    margin-right: 7%;
}

.goLinkWorksSubTitle {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #2c2c2c;
    padding-top: 2%;
    padding-bottom: 3%;
}

.goLinkBookTripSection {
    border-radius: 10px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.33);
    background-color: #EAEAEA;
    padding-top: 2%;
    padding-bottom: 4%;
}

.goLinkBookTripSectionHeader {
    padding-bottom: 3%;
    padding-top: 2%;
    padding-left: 3%;
}

.goLinkBookTripRow {
    display: flex;
    padding-left: 3%;
    padding-right: 3%;
}

@media (max-width: 450px) {
    .goLinkBookTripRow {
        display: block;
    }
    .goLinkBookTripLeft {
        border-right: 0 !important;
        padding-bottom: 15%;
    }
    .goLinkBookTripSectionHeader {
        padding-bottom: 10%;
    }
    .goLinkUberPoolFooterIcon {
        width: 10% !important;
    }
    .goLinkUberPoolFooterText {
        width: 88% !important;
    }
    #goLink_DetailsBadge .bouRoute_card {
        width: 100% !important;
        margin-bottom: 40%;
    }
    .goLinkButton {
        width: 100% !important;
    }
}

.goLinkBookTripList {
    padding-bottom: 5%;
    font-size: 16px !important;
}

.goLinkBookTripRight {
    padding-left: 7%;
}

.goLinkBookTripLeft {
    border-right: 1px solid #d9d9d9 !important;
}

.goLinkBookTripImage {
    height: 60px;
    width: 10%;
    margin-right: 5%;
}

.goLinkBookTripImageText {
    width: 85%;
}

.goLinkBookTripImageRow {
    padding-bottom: 6%;
}

.goLinkPayTripImage {
    height: 77px;
    width: 115px;
    margin-right: 5%;
}

/*GoLink Uber Pool*/
#goLinkUberPoolSection {
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 3%;
    margin-bottom: 5%;
}

@media (max-width: 450px) {
    #goLinkUberPoolSection {
        margin-left: 5%;
        margin-right: 5%;
    }
}

.goLinkUberPoolHeaderTitle {
    font-size: 28px !important;
    padding-bottom: 2%;
}

.goLinkUberPoolImageRow {
    padding-bottom: 6%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.goLinkBookUberPoolSection {
    border-radius: 10px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.33);
    background-color: #FFF;
}

.goLinkUberPoolSectionFooter {
    padding-bottom: 2%;
    padding-top: 2%;
    font-size: 16px !important;
    background-color: #f3f4f4;
    -ms-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -ms-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
}

.goLinkUberPoolFooterIcon {
    width: 3%;
}

.goLinkUberPoolFooterText {
    width: 95%;
}

.material-icons-outlined.orange {
    color: #f85913;
}

.goLinkBadgeFooterText {
    width: 130px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: 0.5px;
    text-align: left;
    color: #4a4a4a;
}

#goLink_DetailsBadge .bouRoute_card {
    width: 75%;
    padding-top: 0;
}