#waiting-room::before {
  content: url(../images/waiting-room.svg);
  font-size: 25px;
}

#ticket-machine::before {
  content: url(../images/ticket-machine.svg);
  font-size: 25px;
}

#toilet::before {
  content: url(../images/toilet.svg);
  font-size: 25px;
}

#impaired-access-staff::before,
#impaired-access-step-free-access::before {
  content: url(../images/impaired-access-staff.svg);
  font-size: 25px;
}

#cycle-storage-availability::before {
  content: url(../images/cycle-storage.svg);
  font-size: 25px;
}

#wi-fi::before {
  content: url(../images/wifi.svg);
  font-size: 25px;
}

#car-parking::before {
  content: url(../images/parking.svg);
  font-size: 25px;
}

#shop::before {
  content: url(../images/parking.svg);
  font-size: 25px;
}

#seated-area::before {
  content: url(../images/ticket-office.svg);
  font-size: 25px;
}

.station-features {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 66px;
  align-self: stretch;
}

.first-section {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 66px;
}

.important-features {
  display: flex;
  width: 58.7%;
  padding: 32px 44px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 40px;
  border-radius: 6px;
  border: 2px solid #f08300;
  background: #fff;
  box-shadow: 0px 4px 21.7px 0px rgba(0, 0, 0, 0.04);
}

.important-features h3 {
  color: #272727;
  font-family: "Source Sans Pro";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0;
}

.important-features-listing {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
}

.important-features-listing li {
  width: calc(33.33% - 20px);
  color: #2f2f31;
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 120% */
}

.important-features-listing li span {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.arrivals-departure {
  display: flex;
  height: 460px;
  padding: 27px 21px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
  border-radius: 6px;
  background: var(--brand-dark-grey-20, #dddedf);
}
.first-section .gc-arrivals-departure {
width: 100%;
}

.station-intro {
  background: var(--Disruption-Blue, #d8e6fe);
  padding: 57px 0;
  width: 100%;
}

.station-intro p {
  color: var(--Brand-Primary-Off-Black, #272727);
  text-align: center;
  font-family: "Source Sans Pro";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 auto;
  max-width: 79.125rem;
}

.station-intro p a {
  color: var(--Text, #763b04);
  font-family: "Source Sans Pro";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
}

.station-details-accordion-container {
  display: flex;
  width: calc(100% - 32px);
  flex-direction: column;
  align-items: flex-start;
  gap: 38px;
}

.station-details-accordion-container #station-details {
  color: var(--Brand-Primary-Off-Black, #272727);
  font-family: Raleway;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0;
}

.station-detail-accordion {
  display: flex;
  padding: 14px 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 6px;
  border: 1px solid var(--Brand-Primary-Orange, #f08300);
  background: #fff;
}

.station-detail-accordion li.feature-group {
  width: 100%;
}

.station-detail-accordion-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}

.station-detail-accordion-label:hover {
  cursor: pointer;
}

.station-detail-accordion-label h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--Brand-Primary-Off-Black, #272727);
  font-family: Raleway;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 0;
}

.station-detail-accordion-label span {
  font-family: Raleway;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: var(--Brand-Primary-Off-Black, #272727);
}

.feature-group h4::before {
  content: url(../images/icons/);
  font-size: 32px;
}

.icon-accessibility h4::before {
  content: url(../images/icons/GC_Wheelchair.svg);
  font-size: 32px;
}

.icon-businformation h4::before {
  content: url(../images/icons/GC_Bus_Info.svg);
  font-size: 32px;
}

.icon-airport h4::before {
  content: url(../images/icons/GC_Luggage.svg);
  font-size: 32px;
}

.icon-othertransportation h4::before {
  content: url(../images/icons/GC_Other_Transport.svg);
  font-size: 32px;
}

.icon-baggageservices h4::before {
  font-size: 32px;
  content: url(../images/icons/GC_Luggage.svg);
}

.icon-mailandexpressservices h4::before {
  font-size: 32px;
  content: url(../images/icons/GC_Mail.svg);
}

.icon-cyclestorage h4::before {
  content: url(../images/icons/GC_Bikes.svg);
  font-size: 32px;
}

.icon-phonesinternetwi-fi h4::before {
  content: url(../images/icons/GC_Wifi.svg);
  font-size: 32px;
}

.icon-parking h4::before {
  content: url(../images/icons/GC_Carpark.svg);
  font-size: 32px;
}

.icon-diningandshopping h4::before {
  content: url(../images/icons/GC_Food.svg);
  font-size: 32px;
}

.icon-ticketingservicesinformation h4::before {
  content: url(../images/icons/Ticket_Hours.svg);
  font-size: 32px;
}

.icon-priorityloungeinformation h4::before {
  content: url(../images/icons/GC_Lounge_Info.svg);
  font-size: 32px;
}

.icon-rentalcar h4::before {
  content: url(../images/icons/GC_Rental_Car.svg);
  font-size: 32px;
}

.icon-restrooms h4::before {
  content: url(../images/icons/GC_Toilets.svg);
  font-size: 32px;
}

.icon-stationlocationdirections h4::before {
  content: url(../images/icons/GC_Map.svg);
  font-size: 32px;
}

.icon-stationseatingareas h4::before {
  content: url(../images/icons/GC_Seating.svg);
  font-size: 32px;
}

.icon-stationhours h4::before {
  content: url(../images/icons/GC_Station_Hours.svg);
  font-size: 32px;
}

.icon-stationinformation h4::before {
  content: url(../images/icons/GC_Station_Info.svg);
  font-size: 32px;
}

.icon-subwaytransit h4::before {
  content: url(../images/icons/GC_Subway.svg);
  font-size: 32px;
}

.icon-ticketinghours h4::before {
  content: url(../images/icons/Ticket_Hours.svg);
  font-size: 32px;
}

.icon-ticketinghours h4::before {
  content: url(../images/icons/Ticket_Hours.svg);
  font-size: 32px;
}

.icon-taxiinformation h4::before {
  content: url(../images/icons/GC_Taxi_Info.svg);
  font-size: 32px;
} 

.icon-otheramenities h4::before {
  content: url(../images/icons/GC_Information.svg);
  font-size: 32px;
} 

.icon-alternativestationcode h4::before {
  content: url(../images/icons/GC_Station_Info.svg);
  font-size: 32px;
} 

.station-detail-accordion-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  align-self: stretch;
}

.station-detail-accordion-label span.open::before {
  content: url(../images/open.svg);
  font-size: 24px;
}

.station-detail-accordion-label span::before {
  content: url(../images/close.svg);
  font-size: 24px;
}

.station-accordion-panel ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.station-accordion-panel ul li {
  display: flex;
  padding: 10px 5px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  border-bottom: 0.4px solid #8d8686;
  list-style: none;
  margin: 0 !important;
}

.station-accordion-panel ul li .feature-name {
  color: #0c2641;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Source Sans Pro";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.station-accordion-panel ul li .feature-tick {
  display: none;
}

.station-accordion-panel ul li.have-tick .feature-description {
  display: flex;
  align-items: center;
  gap: 4px;
}

.station-accordion-panel ul li .feature-description.no {
  display: flex;
  align-items: center;
  gap: 4px;
}

.station-accordion-panel ul li .feature-description {
  color: #0c2641;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Source Sans Pro";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.station-accordion-panel ul li.have-tick .feature-description::before {
  content: url(../images/check.svg);
}

.station-accordion-panel ul li .feature-description.no::before {
  content: url(../images/cross.svg);
  font-size: 24px;
  width: 24px;
}

.station-accordion-panel ul li .feature-description a {
  color: var(--Text, #763b04);
}

@media screen and (max-width: 1219px) {
  .first-section {
    flex-direction: column;
    width: calc(100% - 32px);
  }

  .important-features {
    padding: 22px 29px;
    flex-direction: column;
    gap: 24px;
    align-self: stretch;
    box-shadow: 0px 4px 21.7px 0px rgba(0, 0, 0, 0.11);
    width: 100%;
  }

  .important-features h3 {
    font-size: 28px;
  }

  .important-features-listing {
    flex-direction: column;
    gap: 24px;
  }

  .important-features-listing li {
    width: 100%;
  }

  .arrivals-departure {
    width: 100%;
  }

  .station-intro {
    padding: 57px 12px;
  }

  .station-intro p {
    width: calc(100% - 32px);
  }

  .station-details-accordion-container {
    width: calc(100% - 32px);
  }

  .station-details-accordion-container #station-details {
    font-size: 20px;
  }
}

.gc-block--station .station-map {
  position: relative;
  padding-bottom: 66px;
}

.gc-block--station .station-map-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.gc-block--station .google-map {
  height: 465px;
}
.gc-block--station .station-map-info {
  z-index: 1;
  position: absolute;
  top: 9%;
  margin: auto;
  padding: 12px 24px;
  left: 22%;
  display: flex;
  width: 453px;
  padding: 22px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 39px;
  border-radius: 12px;
  border: 1px solid #e2dddd;
  background: var(--Brand-White, #fff);
  box-shadow: 0px 1px 30.2px 0px rgba(0, 0, 0, 0.07);
}
.gc-block--station .station-map-info h3 {
  color: #000;
  font-family: "Source Sans Pro";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.gc-block--station .station-map-info .button {
  display: flex;
  height: 48px;
  padding: 11px 40px;
  justify-content: center;
  align-items: center;
  gap: 3px;
  align-self: stretch;
  border-radius: 6px;
  background: #b8c5ff;
  color: #272727;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.gc-block--station .station-map-info .station-map-wrapper h3 {
  color: #000;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.gc-block--station .address p,
.gc-block--station .ticket-office p {
  color: #000;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.gc-block--station .address {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.gc-block--station .ticket-office {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

@media (max-width: 1219px) {
  .gc-block--station .station-map-info {
    width: calc(100% - 24px);
    left: 12px;
    right: 12px;
  }
  .gc-block--station .google-map {
    visibility: hidden;
    margin-bottom: -56px;
    margin-top: -28px;
  }
}

.coh-link:hover {
  cursor: pointer;
}
.coh-container-boxed:has(.gc-community-hub-container) {
  margin-right: 0px;
}