html {
  font-size: 16px;
}

@media (max-width: 1219px) {
  /* scan now component */

  .gc-left-text-right-image-wide-container .gc-app-store-image,
  .gc-left-text-right-image-wide-container .gc-google-play-image {
    width: 95px;
    height: 28px;
  }

  .gc-left-text-right-image-wide-container .gc-download-button-component {
    gap: 14px;
  }
}

/* Global css */
.coh-container:before,
.coh-container:after {
  display: none !important;
}

/* Disruption css */

.disruption-banner--minor {
  background-color: #fefcb3;
  border-color: #fcf500;
  color: #000;
}

.disruption-banner--major {
  background-color: #eeb4bd;
  border-color: #eeb4bd;
  color: #000;
}

.disruption-banner--neutral {
  background-color: #d8e6fe;
  border-color: #d8e6fe;
  color: #0b5cab;
}

.disruption-banner {
  width: 100%;
  display: flex;
  padding: 8px 12px;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
}

.disruption-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1 0 0;
}

.disruption-content span a {
  text-decoration: underline;
  color: #0b5cab;
}

.disruption-banner--major .disruption-content span a {
  text-decoration: underline;
  color: #834c00;
}

.disruption-banner--minor .disruption-content span a {
  text-decoration: underline;
  color: #834c00;
}

.disruption-content span,
.disruption-content span a {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  font-family: "Source Sans Pro";
}

.disruption-banner button {
  padding: 0;
  border: none;
}

.disruption-banner--major button svg path {
  fill: #000;
}

.disruption-banner--minor button svg path {
  fill: #000;
}

.btn-close-white,
.btn-close-white svg {
  height: 16px;
  width: 16px;
}

.disruption-content img {
  height: 16px;
  width: 16px;
}

/* Hero bannner QTT */

.hero-banner-content {
  left: 16px;
  right: 16px;
  margin-inline: auto;
}

.hero-qtt-block {
  width: calc(100% - 32px);
  max-width: 1266px;
  margin-inline: auto;
  left: 0;
  right: 0;
  margin-top: -67px;
  position: relative;
}

#hero-banner-section.block .coh-style-banner-pagination {
  margin-top: -90px;
}

.hero-banner-right-qtt-section .hero-qtt-block {
  inset: 16px 122px auto auto;
  margin-inline: unset;
  position: absolute;
  margin-top: 0;
}

.hero-banner-left-qtt-section .hero-qtt-block {
  inset: 16px 0 auto 122px;
  margin-inline: unset;
  position: absolute;
  margin-top: 0;
}

@media (min-width: 1219px) and (max-width: 1280px) {
  .hero-banner-left-qtt-section .hero-qtt-block {
    inset: 16px 0 auto 2%;
  }

  .hero-banner-right-qtt-section .hero-qtt-block {
    inset: 16px 2% auto auto;
  }
}

@media (min-width: 1281px) and (max-width: 1360px) {
  .hero-banner-left-qtt-section .hero-qtt-block {
    inset: 16px 0 auto 4%;
  }

  .hero-banner-right-qtt-section .hero-qtt-block {
    inset: 16px 4% auto auto;
  }
}

@media (min-width: 1361px) and (max-width: 1440px) {
  .hero-banner-left-qtt-section .hero-qtt-block {
    inset: 16px 0 auto 6%;
  }

  .hero-banner-right-qtt-section .hero-qtt-block {
    inset: 16px 6% auto auto;
  }
}

@media (min-width: 1513px) and (max-width: 1600px) {
  .hero-banner-left-qtt-section .hero-qtt-block {
    inset: 16px 0 auto 10%;
  }

  .hero-banner-right-qtt-section .hero-qtt-block {
    inset: 16px 10% auto auto;
  }
}

@media (min-width: 1601px) and (max-width: 1680px) {
  .hero-banner-left-qtt-section .hero-qtt-block {
    inset: 16px 0 auto 12%;
  }

  .hero-banner-right-qtt-section .hero-qtt-block {
    inset: 16px 12% auto auto;
  }
}

@media (min-width: 1681px) and (max-width: 1760px) {
  .hero-banner-left-qtt-section .hero-qtt-block {
    inset: 16px 0 auto 14%;
  }

  .hero-banner-right-qtt-section .hero-qtt-block {
    inset: 16px 14% auto auto;
  }
}

@media (min-width: 1761px) and (max-width: 1840px) {
  .hero-banner-left-qtt-section .hero-qtt-block {
    inset: 16px 0 auto 16%;
  }

  .hero-banner-right-qtt-section .hero-qtt-block {
    inset: 16px 16% auto auto;
  }
}

@media (min-width: 1841px) and (max-width: 1920px) {
  .hero-banner-left-qtt-section .hero-qtt-block {
    inset: 16px 0 auto 17%;
  }

  .hero-banner-right-qtt-section .hero-qtt-block {
    inset: 16px 17% auto auto;
  }
}

@media (min-width: 1922px) and (max-width: 2000px) {
  .hero-banner-left-qtt-section .hero-qtt-block {
    inset: 16px 0 auto 19%;
  }

  .hero-banner-right-qtt-section .hero-qtt-block {
    inset: 16px 19% auto auto;
  }
}

@media (min-width: 2001px) and (max-width: 2160px) {
  .hero-banner-left-qtt-section .hero-qtt-block {
    inset: 16px 0 auto 22%;
  }

  .hero-banner-right-qtt-section .hero-qtt-block {
    inset: 16px 22% auto auto;
  }
}

.hero-banner-left-qtt-section .hero-banner-content {
  left: auto;
  right: 0;
  margin-inline: unset;
  width: calc(50% - 10px);
}

.hero-banner-right-qtt-section .hero-banner-content {
  left: 0;
  right: auto;
  margin-inline: unset;
  width: calc(50% - 10px);
}

.hero-banner-right-qtt-section .hero-qtt-block,
.hero-banner-left-qtt-section .hero-qtt-block {
  width: 515px;
}

#hero-banner-section.block.hero-banner-right-qtt-section .coh-style-banner-pagination,
#hero-banner-section.block.hero-banner-left-qtt-section .coh-style-banner-pagination,
#hero-banner-section.none .coh-style-banner-pagination {
  margin-top: 20px;
}

#hero-banner-section.none .hero-banner-content {
  margin: 0 auto;
}

.hero-banner-right-qtt-section .coh-style-banner-pagination li.slick-active button,
.hero-banner-left-qtt-section .coh-style-banner-pagination li.slick-active button {
  background-color: #e2e2e2;
}

@media (max-width: 1219px) {
  #toc-qtt-widget .qtt[data-v-136ea3a7] {
    width: 100% !important;
  }

  .hero-qtt-block {
    width: calc(100% - 32px);
    margin-inline: auto;
    left: 0;
    right: 0;
    top: 24px;
    position: absolute;
    margin-top: 0px;
  }

  #hero-banner-section.block .coh-style-banner-pagination {
    margin-top: 0;
  }

  #hero-banner-section.block.hero-banner-right-qtt-section .coh-style-banner-pagination,
  #hero-banner-section.block.hero-banner-left-qtt-section .coh-style-banner-pagination,
  .coh-style-banner-pagination {
    margin-top: 12px;
  }

  .hero-banner-right-qtt-section .hero-qtt-block,
  .hero-banner-left-qtt-section .hero-qtt-block {
    width: calc(100% - 32px);
    margin-inline: auto;
    left: 0;
    right: 0;
    top: 24px;
  }

  .hero-banner-right-qtt-section .hero-banner-content,
  .hero-banner-left-qtt-section .hero-banner-content {
    width: calc(100% - 32px);
    margin-inline: auto;
    left: 0;
    right: 0;
    top: 168px;
    text-align: center;
  }
}

@media (min-width: 1513px) and (max-width: 1600px) {
  .hero-banner-left-qtt-section .hero-qtt-block {
    inset: 16px 0 auto 8%;
    margin-inline: unset;
  }

  .hero-banner-right-qtt-section .hero-qtt-block {
    inset: 16px 8% auto auto;
    margin-inline: unset;
  }
}

@media (min-width: 1920px) and (max-width: 1921px) {
  .hero-banner-left-qtt-section .hero-qtt-block {
    inset: 16px 0 auto 17%;
    margin-inline: unset;
  }

  .hero-banner-right-qtt-section .hero-qtt-block {
    inset: 16px 17% auto auto;
    margin-inline: unset;
  }
}

@media (min-width: 2160px) {
  .hero-banner-left-qtt-section .hero-qtt-block {
    inset: 16px 0 auto 21%;
    margin-inline: unset;
  }

  .hero-banner-right-qtt-section .hero-qtt-block {
    inset: 16px 21% auto auto;
    margin-inline: unset;
  }
}

#hero-banner-section .coh-style-banner-slider-navigation-right {
  background: url("../images/right.svg") 50% 50% no-repeat rgb(255, 255, 255);
}

#hero-banner-section .coh-style-banner-slider-navigation-left {
  background: url("../images/left.svg") 50% 50% no-repeat rgb(255, 255, 255);
}

#hero-banner-section .coh-style-banner-pagination li.slick-active button {
  background-color: #ff6e1d;
}

/* Newsletter Section */
/* 
.coh-style-newsletter-light-theme .newsletter-text-container {
  display: flex;
  flex-direction: column;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.coh-style-newsletter-light-theme .newsletter-form-container .newsletter__form__input-sitestudio-wrapper {
  width: 100%;
  padding: 0;
}

.coh-style-newsletter-dark-theme .newsletter-form-container .newsletter__form__input-sitestudio-wrapper {
  width: 550px;
  padding: 0;
}

.coh-style-newsletter-dark-theme .newsletter-body {
  margin-top: 23px;
}

.coh-style-newsletter-dark-theme .newsletter-text-container,
.coh-style-newsletter-dark-theme .newsletter-content-main-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.coh-style-newsletter-dark-theme .newsletter-text-container a {
  position: absolute;
  bottom: 32px;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper .sitestudio-name-input {
  display: flex;
  gap: 12px;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper .sitestudio-email-input {
  display: flex;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="text"],
.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="email"] {
  display: flex;
  padding: 16px 10px;
  align-items: center;
  gap: 6px;
  flex: 1 0 0;
  background: #fff;
  border: none;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="text"] {
  border-radius: 6px;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="email"] {
  border-radius: 3.48px 0px 0px 3.48px;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="text"]:focus-visible,
.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="email"]:focus-visible {
  border: 2px solid #272727;
  outline: none;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="text"]::placeholder,
.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="email"]::placeholder {
  color: var(--Brand-Primary-Off-Black, #272727);
  font-feature-settings: "liga" off, "clig" off;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 19.641px;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper .newsletter-submit {
  display: flex;
  /* height: 59px; */
/* padding: 11.144px 22.288px;
  justify-content: center;
  align-items: center;
  border-radius: 0px 3.48px 3.48px 0px;
  background: var(--Neutral-Off-Black, #353535);
  color: white;
  border: none;
}

.gc-banner .gc-banner-overlay-container , .local-0-rows {
  display: none;
}

@media (max-width: 550px) {
  .coh-style-newsletter-light-theme .newsletter-form-container .newsletter__form__input-sitestudio-wrapper {
    width: 100%;
  }

  .coh-style-newsletter-dark-theme .newsletter-form-container .newsletter__form__input-sitestudio-wrapper {
    width: 342px;
    padding: 0;
  }
}

@media (max-width: 1219px) {
  .coh-style-newsletter-light-theme .newsletter-form-container .newsletter__form__input-sitestudio-wrapper .sitestudio-name-input {
    flex-direction: column;
  }

  .newsletter-form-container .newsletter__form__input-sitestudio-wrapper .newsletter-submit {
    padding: 11.144px 7.5px;
  }

  .coh-style-newsletter-dark-theme .newsletter-body {
    margin-top: 14px;
  }

  .coh-style-newsletter-dark-theme .newsletter-text-container a {
    bottom: 25px;
  }

  .coh-style-newsletter-dark-theme .newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="text"],
  .coh-style-newsletter-dark-theme .newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="email"] {
    padding: 9px 6px;
  }

  .coh-style-newsletter-dark-theme .newsletter-form-container .newsletter__form__input-sitestudio-wrapper .newsletter-submit {
    padding: 6px 13px;
  }

  #views-exposed-form-blog-listing-filter-page-1 .form-item-sort-by select,
  #views-exposed-form-news-listing-filter-page-1 .form-item-sort-by select {
    width: 100%;
  }
}

@media (min-width: 441px) and (max-width: 833px) {
  .coh-style-newsletter-dark-theme {
    min-height: 386px !important;
  }
}  */

/* Ticket availability */

.coh-col-xl-6 .gc-ticket-main-container {
  display: flex;
  padding: 42px 87px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 41px;
  flex: 1 0 0;
  align-self: stretch;
}

.coh-col-xl-6 .gc-ticket-main-container .gc-ticket-availability-image-container {
  height: 209px;
  width: 248px;
}

/* Newsletter Section column */

/* .coh-col-xl-12 .gc-newsletter-theme {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  gap: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.coh-col-xl-6 .gc-newsletter-theme {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 31px;
  padding-right: 31px;
  gap: 41px;
  min-height: 386px;
  position: relative;
}

.coh-col-xl-12 .newsletter-text-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.coh-col-xl-12 .newsletter-form-container .newsletter__form__input-sitestudio-wrapper {
  width: 100%;
  padding: 0;
}

.coh-col-xl-6 .newsletter-form-container .newsletter__form__input-sitestudio-wrapper {
  padding: 0;
  max-width: 100%;
}

.coh-col-xl-6 .newsletter-body {
  margin-top: 23px;
}

.coh-col-xl-6 .newsletter-text-container,
.coh-col-xl-6 .newsletter-content-main-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100% !important;
}

.coh-col-xl-6 .newsletter-text-container a {
  position: absolute;
  bottom: 32px;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper .sitestudio-name-input {
  display: flex;
  gap: 12px;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper .sitestudio-email-input {
  display: flex;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="text"],
.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="email"] {
  display: flex;
  padding: 16px 10px;
  align-items: center;
  gap: 6px;
  flex: 1 0 0;
  background: #fff;
  border: none;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="text"] {
  border-radius: 6px;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="email"] {
  border-radius: 3.48px 0px 0px 3.48px;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="text"]:focus-visible,
.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="email"]:focus-visible {
  border: 2px solid #272727;
  outline: none;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="text"]::placeholder,
.newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="email"]::placeholder {
  color: var(--Brand-Primary-Off-Black, #272727);
  font-feature-settings: "liga" off, "clig" off;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 19.641px;
}

.newsletter-form-container .newsletter__form__input-sitestudio-wrapper .newsletter-submit {
  display: flex;
  padding: 11.144px 22.288px;
  justify-content: center;
  align-items: center;
  border-radius: 0px 3.48px 3.48px 0px;
  background: var(--Neutral-Off-Black, #353535);
  color: white;
  border: none;
}

.coh-col-xl-6 .newsletter-form-container .newsletter__form__input-sitestudio-wrapper .newsletter-submit {
  background: var(--Neutral-Off-Black, #faba1a);
  color: #000000;
}

@media (min-width: 1219px) {
  .coh-col-xl-6 .gc-newsletter-theme {
    min-height: 300px;
    gap: 25px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .coh-col-xl-6 .gc-newsletter-theme {
    gap: 41px;
  }
}

@media (min-width: 768px) {
  .coh-col-xl-6 .gc-newsletter-theme {
    min-height: 386px;
  }
}

@media (max-width: 1219px) {
  .coh-col-xl-12 .gc-newsletter-theme {
    flex-direction: column;
    justify-content: unset;
    align-items: flex-start;
    padding-top: 32px;
    padding-bottom: 32px;
    gap: 26px;
  }
}

@media (max-width: 550px) {
  .coh-col-xl-12 .newsletter-form-container .newsletter__form__input-sitestudio-wrapper {
    width: 100%;
  }

  .coh-col-xl-6 .newsletter-form-container .newsletter__form__input-sitestudio-wrapper {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 1219px) {
  .coh-col-xl-12 .newsletter-form-container .newsletter__form__input-sitestudio-wrapper .sitestudio-name-input {
    flex-direction: column;
  }

  .newsletter-form-container .newsletter__form__input-sitestudio-wrapper .newsletter-submit {
    padding: 11.144px 7.5px;
  }

  .coh-col-xl-6 .newsletter-body {
    margin-top: 14px;
    text-align: center;
  }

  .coh-col-xl-6 .newsletter-text-container a {
    bottom: 25px;
  }

  .coh-col-xl-6 .newsletter-form-container .form-item {
    width: 50%;
  }

  .coh-col-xl-6 .newsletter-form-container .form-item.form-item-email {
    width: 100%;
  }

  .coh-col-xl-6 .newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="text"],
  .coh-col-xl-6 .newsletter-form-container .newsletter__form__input-sitestudio-wrapper input[type="email"] {
    padding: 9px 6px;
  }

  .coh-col-xl-6 .newsletter-form-container .newsletter__form__input-sitestudio-wrapper .newsletter-submit {
    padding: 6px 13px;
  }
}

@media (min-width: 441px) and (max-width: 833px) {

}

#newsletter__form__thankyou_container {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
} */

ul.tabs.dx8-tabs {
  display: flex;
  justify-content: center;
}

.impact-card:only-child {
  flex: 0 0 100%;
}

.impact-card-wrapper .mobile-row-impact-card-container {
  margin-right: 0;
}

.row-impact-card-wrapper .boxed {
  flex: 0 0 calc(50% - 10px);
}

.row-impact-card-wrapper .full-width {
  flex: 1 1 100%;
}

.journey-card-desktop-wrapper .card-one-quarter {
  width: calc(25% - 15px);
}

.journey-card-desktop-wrapper .card-one-third {
  width: calc(33.33% - 13.33px);
}

.journey-card-desktop-wrapper .card-width-half {
  width: calc(50% - 10px);
}

.journey-card-mobile-wrapper .slick-track,
.booking-card-mobile-wrapper .slick-track,
.mobile-row-impact-card-container .slick-track,
.related-post-mobile-wrapper .slick-track,
.gc-popular-station-mobile-wrapper .slick-track,
.gc-popular-routes-container .slick-track,
.gc-mobile-local-information-template .slick-track,
.gc-community-hub-container .slick-track,
.gc-helpful-information-card .slick-track,
.gc-popular-routes-things-to-do .slick-track {
  display: flex !important;
}

.journey-card-mobile-wrapper .coh-slider-item,
.booking-card-mobile-wrapper .coh-slider-item,
.mobile-row-impact-card-container .coh-slider-item,
.related-post-mobile-wrapper .coh-slider-item,
.gc-popular-station-mobile-wrapper .coh-slider-item,
.gc-popular-routes-container .coh-slider-item,
.gc-mobile-local-information-template .coh-slider-item,
.gc-community-hub-container .coh-slider-item,
.gc-helpful-information-card .coh-slider-item,
.gc-popular-routes-things-to-do .coh-slider-item {
  height: inherit !important;
}

.booking-card-mobile-wrapper .slick-list {
  padding: 0 20% 0 6px !important;
}

.gc-helpful-information-card .slick-list {
  padding: 0 30% 0 6px !important;
}

.gc-mobile-local-information-template .slick-list {
  padding: 0 20% 0 0 !important;
}

.gc-mobile-local-information-template .coh-slider-item:first-child {
  padding-left: 0 !important;
}

.mobile-row-impact-card-container .slick-list,
.related-post-mobile-wrapper .slick-list {
  padding: 0 25% 0 0 !important;
}

.gc-popular-station-mobile-wrapper .slick-list {
  padding: 0 50% 0 0 !important;
}

.response--error {
  color: #de0728;
  font-size: 16px;
  font-family: "Source Sans Pro";
}

@media (max-width: 1219px) {
  .response--error {
    font-size: 10px;
    font-family: "Source Sans Pro";
  }

  .gc-popular-routes-container .slick-list {
    padding: 0 30% 0 6px !important;
  }
}

/* #newsletter__form__thankyou_container {
  top: 5px;
  left: auto;
  right: 28%;
  opacity: 1.5;
  z-index: 1000;
  display: none;
  position: absolute;
} */

/* Center content inside overlay */
/* .newsletter__overlay_content {
  background-color: #fef6ec;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  border: 1px solid rgb(240, 131, 0);
} */

/* Success message style */
/* .success-message {
  font-size: 16px;
  color: #4caf50; */
/* Green color for success */
/* font-weight: bold;
  margin: 0;
} */

/* To show the overlay, you can use this class */
#newsletter__form__thankyou_container.show {
  display: flex;
}

/* Ensure the container of the form elements is positioned relative */
.sitestudio-email-input {
  position: relative;
  /* Needed to position the throbber relative to the wrapper */
}

/* Position the throbber under the submit button */
.ajax-progress-throbber {
  position: absolute;
  top: 0;
  /* Position it directly below the button */
  left: 95%;
  /* Center it horizontally */
  transform: translateX(-50%);
  /* Adjust the positioning so it's perfectly centered */
  margin-top: 16px;
  /* Adjust distance from the submit button */
  margin-left: 16px;
  /* Adjust distance from the submit button */
}

/* Optional: You can adjust the size and color of the throbber */
.ajax-progress-throbber {
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
  /* Make it spin */
}

@media (min-width: 1219px) {
  .hero__text_content {
    margin-inline: auto;
    left: 122px;
    right: 122px;
  }

  .hero__text_content h2 {
    text-align: center;
  }

  .hero__text_content h1 {
    text-align: center;
  }

  .left.hero__text_content h1,
  .left.hero__text_content h2 {
    text-align: left;
    padding: 15px 16px;
  }

  .right.hero__text_content h1,
  .right.hero__text_content h2 {
    text-align: left;
    padding: 15px 16px;
  }

  .left.hero__text_content,
  .right.hero__text_content {
    width: 68%;
  }

  .left.hero__text_content {
    padding-left: 108px;
    margin-left: 0;
    margin-right: auto;
  }

  .right.hero__text_content {
    margin-right: 0;
    margin-left: auto;
    padding-right: 108px;
  }

  .center.hero__text_content {
    margin-inline: auto;
    left: 122px;
    right: 122px;
  }

  .center.hero__text_content h2 {
    padding: 0 46px;
    text-align: center;
  }

  .center.hero__text_content h1 {
    text-align: center;
  }
}

@media (max-width: 1219px) {

  .left.hero__text_content,
  .right.hero__text_content,
  .center.hero__text_content {
    margin-inline: auto;
    text-align: center;
    align-items: center;
  }
}

.hero__text_image_container img {
  width: 100%;
}

@media (max-width: 1219px) {
  .gc-community-hub-container .slick-list {
    padding: 0 20% 0 0 !important;
  }

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

.gc-community-hub-mailto::after {
  content: url(../images/right-arrow.svg);
  font-size: 22px;
}

@media (max-width: 1260px) {

  .page-node-type-page .gc-link-block-basic-page-main-container.On,
  .page-node-type-popular-routes .gc-link-block-basic-page-main-container.On,
  .page-node-type-ambassador .gc-link-block-basic-page-main-container.On {
    margin: 0 auto;
    max-width: 76.3125rem;
  }
}

@media (min-width: 360px) and (max-width: 1219px) {
  .hero__text_image_container img {
    height: 342px;
  }

  .left.hero__text_content,
  .right.hero__text_content,
  .center.hero__text_content,
  .hero__text_content {
    margin-inline: auto;
    text-align: center;
  }

  #newsletter__form__thankyou_container {
    top: 50%;
  }
}

/* Search result */

.gcr-fields {
  display: flex;
  padding: 12px 14px;
  border-radius: 8px;
  background-color: white;
  box-shadow: 0px 4px 15.2px 0px rgba(69, 65, 62, 0.16);
}

.image-container {
  width: 286.415px;
  height: 175.591px;
  border-radius: 7px;
  overflow: hidden;
}

.gcr-title a {
  color: #000 !important;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}

.gcr-fields h4 {
  font-family: "Source Sans Pro";
}

.gcr-excerpt {
  color: rgba(0, 0, 0, 0.74);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  overflow: hidden;
}

.title-body {
  display: flex;
  padding: 19px 25px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  gap: 16px;
}

.gc-created-date {
  display: none;
}

@media screen and (max-width: 1219px) {
  .gcr-fields {
    flex-direction: column;
    gap: 18px;
  }

  .title-body {
    display: flex;
    padding: 0px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
  }

  .image-container {
    width: 100%;
    height: 175.591px;
    border-radius: 7px;
  }

  .gcr-excerpt {
    font-size: 14px;
  }

  .gcr-title {
    font-size: 16px;
  }

  .gc-created-date {
    color: #595d62;
    font-family: "Source Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    display: block;
  }
}

.gcr-search-block #views-exposed-form-acquia-search-page .form-item-sort-by,
.gc-container-sort.view-row-0,
.gc-facets-container.view-row-0,
.gc-container-sort-mobile.view-row-0,
.path-frontpage #main-hero-wrapper {
  display: none;
}

/* .gc-banner #gc--bg-banner-qtt,
.gc-station-image #gc--bg-banner-qtt,
.page-node-type-faq #gc--bg-banner-qtt,
.page-node-type-event #gc--bg-banner-qtt,
.page-node-type-teaser-image-200px #gc--bg-banner-qtt {
  background-color: #ff6e1d;
} */

.gcr-search-block #views-exposed-form-acquia-search-page input {
  border-radius: 82px;
  padding-left: 20px;
  padding-right: 62px;
}

.gcr-search-block #views-exposed-form-acquia-search-page input::placeholder {
  font-size: 20px;
  font-style: italic;
  line-height: normal;
  font-weight: 400;
  color: #63666a;
  font-family: "" Source Sans Pro "";
}

.xc-header-search-bar input::placeholder {
  color: #cdc3ba;
  font-style: italic;
}

.xc-header-search-bar input[type="submit"],
.xc-mobile-header-search-bar input[type="submit"] {
  background-image: url(../images/xc-header-search-icon.svg) !important;
  background-position: right 10px center !important;
  background-size: 20px;
  background-size: 27px;
}

.gc-container-sort #views-exposed-form-acquia-search-page .form-item-sort-by {
  flex-direction: row;
  align-items: center;
  gap: 24px;
}

.gc-container-sort #views-exposed-form-acquia-search-page .form-item-sort-by label {
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #000;
  font-family: "" Source Sans Pro "";
}

.gc-container-sort #views-exposed-form-acquia-search-page .form-item-sort-by select {
  padding: 8px 40px 8px 8px;
  background-color: white;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  color: #595d62;
  font-family: "" Source Sans Pro "";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  background-image: url(../images/dropdown-arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 8px);
}

.gc-container-sort #views-exposed-form-acquia-search-page .form-item-sort-by select:focus-visible {
  border: 1px solid #f0600e;
  outline: none;
}

.gc-container-sort #views-exposed-form-acquia-search-page .form-item-sort-by select option {
  background: white;
  color: #000;
}

.gc-container-sort #views-exposed-form-acquia-search-page .form-item-sort-by select:focus option:checked {
  background: #0000000a;
  color: #000;
}

.gc-search-results .view-id-acquia_search .coh-view-contents .views-field {
  margin-bottom: 40px;
}

.gc-search-results .view-id-acquia_search .coh-view-contents .views-field:last-child {
  margin-bottom: 0;
}

/* .gc-search-pagination li.pager__item.pager__item--last,
.gc-search-pagination li.pager__item.pager__item--first {
  display: none;
} */

/* Search sort feature for mobile */
.gc-sort-main-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.gc-sort-by-container {
  display: flex;
  width: 360px;
  padding: 5.148px;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  border-radius: 13.625px;
  background: var(--Main-gohan, #fff);
}

.gc-sort-by-header-container {
  display: flex;
  padding: var(--py-2, 10.296px) var(--px-2, 10.296px) var(--py-2, 10.296px) 8px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 0.6px solid #d2d2d2;
}

.gc-sort-by-header-container button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
}

.gc-sort-by-header {
  display: flex;
  align-items: center;
  color: var(--Main-bulma, #000);
  font-family: "Source Sans Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30.889px;
  gap: 6px;
}

.gc-options-container {
  width: 100%;
}

.gc-sort-by-option {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 8px 12px;
  cursor: pointer;
  width: 100%;
}

.gc-sort-by-option p {
  margin: 0;
  color: var(--Main-bulma, #000);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.889px;
}

.gc-sort-by-option:last-child {
  margin-bottom: 0;
}

.gc-sort-by-option input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border: 2px solid #595d62;
  border-radius: 50%;
  background-color: transparent;
  position: relative;
}

.gc-sort-by-option input[type="radio"]:checked {
  border: 2px solid #f08300;
}

.gc-sort-by-option input[type="radio"]:checked::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: #f08300;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: appear 0.8s;
}

.gc-filter-svg-container {
  border-radius: 4.996px;
  background: #f8e0be;
  display: flex;
  align-items: center;
  gap: 9.21px;
}

/* GC Timetable */

.gc-tab-container-horizontal .coh-accordion-tabs-nav li {
  width: calc(50% - 2px);
}

.gc-tab-container-horizontal .coh-accordion-tabs-nav li:first-child.is-active a {
  background-color: #32aa49;
  color: #ffffff;
}

/* .gc-tab-container-horizontal .coh-accordion-tabs-nav:has(li:first-child.is-active)+.coh-accordion-tabs-content-wrapper .gc-place-plus-time .gc-timetable-dots,
.gc-tab-container-horizontal .coh-accordion-tabs-nav:has(li:first-child.is-active)+.coh-accordion-tabs-content-wrapper .gc-timetable-main-container .gc-timetable-dots-line {
  background-color: #32aa49;
} */

.gc-tab-container-horizontal>.coh-accordion-tabs-nav:has(> li:first-child.is-active)~.coh-accordion-tabs-content-wrapper .coh-accordion-tabs-content-wrapper .coh-accordion-tabs-content-wrapper .gc-place-plus-time .gc-timetable-dots,
.gc-tab-container-horizontal>.coh-accordion-tabs-nav:has(> li:first-child.is-active)~.coh-accordion-tabs-content-wrapper .coh-accordion-tabs-content-wrapper .coh-accordion-tabs-content-wrapper .gc-timetable-main-container .gc-timetable-dots-line {
  background-color: #32aa49;
}

.gc-tab-container-horizontal .coh-accordion-tabs-nav li:nth-child(2).is-active a {
  background-color: #f08300;
  color: #000;
}

/* .gc-tab-container-horizontal .coh-accordion-tabs-nav:has(li:nth-child(2).is-active)+.coh-accordion-tabs-content-wrapper .gc-place-plus-time .gc-timetable-dots,
.gc-tab-container-horizontal .coh-accordion-tabs-nav:has(li:nth-child(2).is-active)+.coh-accordion-tabs-content-wrapper .gc-timetable-main-container .gc-timetable-dots-line {
  background-color: #f08300;
} */

.gc-tab-container-horizontal>.coh-accordion-tabs-nav:has(> li:nth-child(2).is-active)~.coh-accordion-tabs-content-wrapper .coh-accordion-tabs-content-wrapper .coh-accordion-tabs-content-wrapper .gc-place-plus-time .gc-timetable-dots,
.gc-tab-container-horizontal>.coh-accordion-tabs-nav:has(> li:nth-child(2).is-active)~.coh-accordion-tabs-content-wrapper .coh-accordion-tabs-content-wrapper .coh-accordion-tabs-content-wrapper .gc-timetable-main-container .gc-timetable-dots-line {
  background-color: #f08300;
}

.gc-tab-container-horizontal .coh-accordion-tabs-content-wrapper .gc-tab-container-horizontal .coh-accordion-tabs-nav li {
  width: calc(50% - 2px);
}

.gc-tab-container-horizontal .coh-accordion-tabs-content-wrapper .gc-tab-container-horizontal .coh-accordion-tabs-nav li.is-active a,
.gc-tab-container-horizontal .coh-accordion-tabs-content-wrapper .gc-tab-container-horizontal .coh-accordion-tabs-content-wrapper .gc-tab-container-horizontal .coh-accordion-tabs-nav li.is-active a {
  background-color: #d8e6fe;
  color: #000;
}

.gc-tab-container-horizontal .coh-accordion-tabs-content-wrapper .gc-tab-container-horizontal .coh-accordion-tabs-content-wrapper .gc-tab-container-horizontal .coh-accordion-tabs-nav li {
  width: calc(33.33% - 2.33px);
}

.gc-tab-container-horizontal .coh-accordion-tabs-content-wrapper .gc-tab-container-horizontal .coh-accordion-tabs-content-wrapper .gc-tab-container-horizontal .coh-accordion-tabs-nav li a {
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
}

.gc-tab-container-horizontal .coh-accordion-tabs-content-wrapper .gc-tab-container-horizontal .coh-accordion-tabs-content-wrapper .gc-tab-container-horizontal .coh-accordion-tabs-nav li a::before {
  content: url(../images/calendar.svg);
  font-size: 24px;
}

.gc-tab-container-horizontal .coh-accordion-tabs-content-wrapper .gc-tab-container-horizontal .coh-accordion-tabs-content-wrapper .gc-tab-container-horizontal .coh-accordion-tabs-nav {
  background-color: #eeeeef;
}

/*
.gc-blog-search-input input {
  background-image: url(../images/search.svg) !important;
  background-position: 10px !important;
  background-size: 24px 24px;
}*/

.gc-blog-filter-icon {
  background-image: url(../images/filter.svg) !important;
  width: 42px;
  height: 42px;
  background: no-repeat;
}

.gc-blog-sort-wrapper select,
.gc-checkbox-container .gc-category-btn {
  background-image: url(../images/dropdown-arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px);
  cursor: pointer;
}

.category-dropdown .gc-checkbox-list-container {
  display: none;
}

ul.checkbox-list::-webkit-scrollbar {
  -webkit-appearance: none;
}

ul.checkbox-list::-webkit-scrollbar:vertical {
  width: 8px;
}

ul.checkbox-list::-webkit-scrollbar:horizontal {
  height: 6px;
}

ul.checkbox-list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.2);
}

#views-exposed-form-blog-listing-filter-page-1 select {
  padding-top: 0.5rem !important;
  padding-right: 2.25rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 1rem !important;
  border-width: 0.0625rem !important;
  border-style: solid !important;
  border-color: rgb(200, 200, 200) !important;
  line-height: 1.5rem !important;
  background-color: rgb(255, 255, 255) !important;
}

#views-exposed-form-news-listing-filter-page-1 select {
  padding-top: 0.5rem !important;
  padding-right: 2.25rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 1rem !important;
  border-width: 0.0625rem !important;
  border-style: solid !important;
  border-color: rgb(200, 200, 200) !important;
  line-height: 1.5rem !important;
  background-color: rgb(255, 255, 255) !important;
}

.gc-blog-selected-category {
  margin-top: -10px;
  margin-bottom: 44px;
}

.gc-blog-selected-category .gc-remove-btn::after {
  content: url(../images/x.svg);
}

.gc-blog-selected-category span {
  display: none;
}

.gc-category-btn #counter,
.profile--picture {
  display: none;
}

a.reset-btn {
  color: #446dbb !important;
  line-height: normal;
  margin-left: 24px;
  cursor: pointer;
}

.gc-ambassadors-search-input .views-exposed-form select {
  padding-top: 0.5rem;
  padding-right: 2.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  border-radius: 0.5rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: rgb(200, 200, 200);
  width: 15.5rem;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgb(89, 93, 98);
  background-color: rgb(255, 255, 255);
  appearance: none;
  gap: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  outline: none;
}

.gc-ambassadors-search-input input {
  display: block;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  color: rgb(255, 255, 255);
  background-color: rgb(240, 131, 0);
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding-top: 0.625rem;
  padding-right: 1.5rem;
  padding-bottom: 0.625rem;
  padding-left: 1.5rem;
  border-radius: 0.5rem;
}

.gc-ambassadors-search-input .views-exposed-form {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
}

.gc-ambassadors-search-input .form-type-select {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

.gc-ambassadors-search-input label {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin: 0;
}

.gc-ambassadors-search-input select {
  background-image: url(../images/dropdown-arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px);
  cursor: pointer;
}

.page-node-type-page .gc-link-block-basic.On,
.page-node-type-popular-routes .gc-link-block-basic.On,
.page-node-type-popular-routes .gc-link-block-basic.On {
  display: block;
}

.page-node-type-page .gc-link-block-basic.Off,
.page-node-type-popular-routes .gc-link-block-basic.Off,
.page-node-type-ambassador .gc-link-block-basic.Off {
  display: none;
}

.page-node-type-page .gc-link-block-basic-page-main-container.Off,
.page-node-type-popular-routes .gc-link-block-basic-page-main-container.Off,
.page-node-type-ambassador .gc-link-block-basic-page-main-container.Off {
  display: block;
}

@media (max-width: 2159px) {

  .page-node-type-page .gc-link-block-basic-page-main-container.On,
  .page-node-type-popular-routes .gc-link-block-basic-page-main-container.On,
  .page-node-type-ambassador .gc-link-block-basic-page-main-container.On {
    margin: 0 auto;
    max-width: 79.125rem;
  }
}

@media (max-width: 1509px) {

  .page-node-type-page .gc-link-block-basic-page-main-container.On,
  .page-node-type-popular-routes .gc-link-block-basic-page-main-container.On,
  .page-node-type-ambassador .gc-link-block-basic-page-main-container.On {
    margin: 0 auto;
    max-width: 76.3125rem;
  }
}

.page-node-type-page .gc-blog-category-block,
.page-node-type-popular-routes .gc-blog-category-block,
.page-node-type-ambassador.gc-blog-category-block {
  display: none;
}

.disabled-pager a {
  cursor: none;
}

.disabled-pager {
  opacity: 0.5;
}

#clearTextBtn {
  cursor: pointer;
}

.blog--image-wrapper:not(:has(img)),
.related-post--image-wrapper:not(:has(img)) {
  background-image: url(../images/default_image_combiner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.blog--image-wrapper,
.related-post--image-wrapper {
  background-image: url(../images/image-combiner.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: rgb(231, 231, 231);
}

.blog--wrapper {
  border-top-right-radius: 6px !important;
}

.term-wrapper .blog--image-wrapper {
  height: 284px !important;
}

.blog--image-wrapper a,
.gc--image-wrapper a {
  width: 100%;
}

.gc-blog-category-block .gc-blog-category-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

@media (max-width: 1219px) {
  a.reset-btn {
    color: #446dbb !important;
    line-height: normal;
    margin-left: 24px;
    position: absolute;
    right: 10px;
  }

  .disruption-banner {
    align-items: flex-start;
  }

  .disruption-content {
    align-items: flex-start;
  }
}

.no-profile--picture {
  height: 4.25rem;
  width: 4.25rem;
  border-radius: 2.4375rem;
  background-image: url(../images/user-profile-icon.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.view-id-blog_listing_filter .no-profile--picture {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 2.4375rem;
  background-image: url(../images/user-profile-icon.jpg);
  background-repeat: round;
  padding-right: 2.5rem;
}

.gc-important-link-label {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: normal;
  text-decoration: underline;
  color: rgb(0, 0, 0);
  gap: 7px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.gc-important-link-label::before {
  content: url(../images/arrow-right.svg);
  font-size: 16px;
}

.gc-blog-list-item {
  list-style: none;
}

.gc-engineering-link::after {
  content: url(../images/External_link.svg);
  font-size: 0px;
}

.gc-timetable-download-link::after {
  content: url(../images/download.svg);
  font-size: 20px;
  line-height: 20px;
}

/* #station_search {
  background-image: url(../images/location-marker.svg);
  background-repeat: no-repeat;
  background-position: 10px !important;
} */

.is-hidden {
  display: none;
}

#views-exposed-form-blog-listing-filter-page-1 .form-item-sort-by select {
  cursor: pointer;
}

.path-blog-new .ui-autocomplete .ui-menu-item-wrapper,
.ui-autocomplete .ui-menu-item-wrapper {
  color: #000 !important;
  font-size: 14px !important;
}

/* .search-api-autocomplete-search
  .ui-menu-item-wrapper.ui-state-active
  .search-api-autocomplete-suggestion {
  background-color: #eee !important;
  color: #000 !important;
}

.path-blog-new .ui-autocomplete .ui-menu-item-wrapper:focus {
  background-color: #eee !important;
  color: #000 !important;
  border: none !important;
}

 .ui-autocomplete .ui-menu-item-wrapper:hover {
  background-color: #eee !important;
  color: #000 !important;
  border: none !important;
} */

.path-blog-new .ui-widget.ui-widget-content {
  border: 1px solid #e2e2e2;
  border-radius: 0px 0px 12px 12px;
  padding: 4px;
}

#views-exposed-form-blog-listing-filter-page-1 .form-type-textfield {
  position: relative;
}

.category-name::first-letter {
  text-transform: uppercase;
}

#submitBtn {
  background-image: url(../images/search.svg) !important;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.gc-route-facts-icon {
  content: url(../images/train.svg);
  font-size: 40px;
}

.gc-explore-arrow-icon {
  background-image: url(../images/arrow-icon.svg) !important;
  background: no-repeat;
  gap: 34.484px;
  flex-shrink: 0;
  background: no-repeat;
  stroke-width: 2.874px;
  stroke: var(--Brand-Primary-Orange, #f08300);
  width: 21.572px;
  height: 16.5px;
  flex-shrink: 0;
  display: flex;
}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  background: url(../images/loader.gif) 50% 50% no-repeat rgba(255, 255, 255, 0.8);
  display: flex;
  right: 0;
  flex-direction: column;
  z-index: 9999;
  background-position: center;
}

.gc-review-card-quotes-svg {
  background-image: url(../images/quote.svg);
  background-repeat: no-repeat;
  width: 88px;
  height: 58px;
}

.gc-book-grand-central-item::before {
  content: url(../images/orange-slanted-bullet.svg);
  font-size: 0;
  padding-top: 7px;
  align-self: flex-start;
}

li>p.text-align-center:before {
  content: "";
  width: 5px;
  height: 5px;
  background: black;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  top: -3px;
  left: -6px;
}

/* faq css */

.faqs__search-results.has-results {
  display: flex;
}

.faqs__search-results h3 {
  color: var(--Brand-Primary-Off-Black, #272727);
  font-family: Raleway;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  text-align: center;
}

.faqs__search-results .faqs__search-results-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  list-style: none;
}

.faqs__search-results .faqs__search-results-list .faqtext a {
  color: #763b04;
  text-decoration: underline;
}

.faqs__search-results .faqs__search-results-list .faqtext {
  border-radius: 6px;
  border: 1px solid var(--Brand-Primary-Orange, #f08300);
  background: rgba(240, 131, 0, 0.03);
  display: flex;
  padding: 14px 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  align-self: stretch;
  color: var(--brand-dark-grey-comms, #333);
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  position: relative;
  line-height: 24px;
  cursor: pointer;
}

.faqs__search-results .faqs__search-results-list .faqtext ul li {
  list-style-type: none !important;
  margin-left: 0 !important;
}

.faqs__search-results .faqs__search-results-list .faqtext::after {
  content: url(../images/plus-lg.svg);
  position: absolute;
  top: 14px;
  right: 30px;
}

.faqs__search-results .faqs__search-results-list .faqtext.is-expanded ul {
  max-height: 3000px;
  height: auto;
  transition-duration: 333ms;
}

.faqs__search-results .faqs__search-results-list .faqtext.is-expanded::after {
  content: url(../images/accordion_minus.svg);
}

.faqs__search-results .faqtext ul {
  max-height: 0;
  color: var(--Black, #000);
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.faqs__featured {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
  margin-bottom: 38px;
}

.faqs__featured .block {
  padding: 24px;
  background-color: #e7e7e7;
  border-radius: 6px;
  flex-basis: calc(50% - 10px);
}

.faqs__featured .block h4 {
  font-family: Raleway;
  font-size: 16px;
  font-weight: 600;
  color: #272727;
}

.faqs__featured .block .link-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.faqs__featured .block .link-list li {
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #272727;
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 6px;
  cursor: pointer;
}

.faqs__featured .block .link-list li::before {
  content: url(../images/orange-slanted-bullet.svg);
  font-size: 14px;
}

.faqs .search-box {
  gap: 18px;
  background-color: rgb(212, 212, 213);
  padding-top: 1.125rem;
  padding-right: 1.125rem;
  padding-bottom: 1.125rem;
  padding-left: 1.125rem;
  border-radius: 0.8125rem;
  margin-bottom: 44px;

  display: flex;

  flex-direction: column;
  position: relative;
}

.faqs .search-box h3 {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: normal;
  margin-bottom: 0;
}

.search-box .faq-search-input {
  display: flex;
  flex-direction: row;
  gap: 10px;
  width: 100%;
}

.search-box .faq-search-input button {
  font-family: "Source Sans Pro", sans-serif;
  color: rgb(39, 39, 39);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.625rem;
  background-color: rgb(250, 186, 26);
  padding-top: 0.6875rem;
  padding-right: 3rem;
  padding-bottom: 0.6875rem;
  padding-left: 3rem;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.search-box .faq-search-input input {
  padding-top: 0.875rem;
  padding-right: 0.625rem;
  padding-bottom: 0.875rem;
  padding-left: 0.625rem;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  color: #272727;
  font-size: 1rem;
  line-height: normal;
  background-color: rgb(255, 255, 255);
  width: 100%;
  border: none;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.search-box .faq-search-input input::placeholder {
  font-style: italic;
  color: rgb(39, 39, 39);
}

.faqs__search-results {
  display: none;
  flex-direction: column;
  gap: 38px;
}

.coh-container.gc-search-pagination.total-0 {
  border-top-width: inherit;
}

#views-exposed-form-blog-listing-filter-page-1 .form-item-sort-by select,
#views-exposed-form-news-listing-filter-page-1 .form-item-sort-by select {
  cursor: pointer;
  padding-top: 0.5rem !important;
  padding-right: 2.25rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 1rem !important;
  border-width: 0.0625rem !important;
  border-style: solid !important;
  border-color: rgb(200, 200, 200) !important;
  line-height: 1.5rem !important;
  background-color: rgb(255, 255, 255) !important;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: rgb(89, 93, 98);
  border-radius: 0.5rem;
  background-image: url(../images/dropdown-arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px);
}

.templateV1_container .myButton:hover {
  color: white !important;
}

.bold-word {
  font-weight: 900;
}

@media (max-width: 440px) {
  .gc-header-download-app-image {
    width: auto !important;
    height: auto !important;
  }

  .travel-updates .travel-updates__filters #filter_data {
    flex-direction: column;
  }

  .search-box .faq-search-input button {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  #toc-qtt-widget .qtt__heading,
  #toc-qtt-widget .qtt__heading span {
    font-size: 16px !important;
  }

  .gc-explore-our-routes-points-container {
    padding: 4px 8px !important;
  }

  .gc-explore-our-routes-points-container .gc-start-point,
  .gc-explore-our-routes-points-container .gc-end-point {
    font-size: 16px;
  }
}

.bold-word {
  font-weight: 900;
}

@media (min-width: 680px) and (max-width: 1219px) {
  .impact-card-right-image {
    background-size: auto 80% !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 364px) and (max-width: 372px) {
  .gc-north-eastern-table-container p {
    padding-top: 28px;
    padding-bottom: 28px;
  }
}

.page-node-type-blog .gc-link-block-basic-page-main-container .coh-wysiwyg img {
  border-radius: 6px;
}

.gc--image-wrapper {
  background-image: url(../images/image-combiner.svg);
  background-repeat: no-repeat;
  background-size: 200px 200px;
  background-color: gainsboro;
  background-position: center;
  width: 100%;
}

/* XC css */

.coh-style-xc-link-button-dark:after {
  content: "";
  width: 20px;
  height: 18px;
  background: url(../images/xc-button-right-arrow.svg) no-repeat center right;
  background-size: contain;
}

ul#ui-id-1,
ul#ui-id-2,
ul#ui-id-3,
ul#ui-id-4,
ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
  border: 2px solid #ca123f;
  width: 405.125px;
  box-shadow: 0px 8px 24px -6px rgba(159, 40, 67, 0.35),
    0px 0px 1px 0px rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px 2px 8px 6px;
  max-height: 240px;
  overflow-y: auto;
}

.search-api-autocomplete-search .ui-menu-item:hover {
  background-color: #f5c8d0 !important;
}

.search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion {
  background-color: #f5c8d0 !important;
  color: #000 !important;
}

.ui-autocomplete .ui-menu-item-wrapper:hover {
  border-radius: 4px;
  background-color: #f5c8d0 !important;
  font-size: 16px !important;
  font-style: italic;
  font-weight: 700;
  line-height: 24px;
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
  border-radius: 4px;
  background-color: #f5c8d0 !important;
  background: #f5c8d0 !important;
  font-size: 16px !important;
  font-style: italic;
  font-weight: 700;
  line-height: 24px;
  border: 0px !important;
}

.ui-menu-item:hover .search-api-autocomplete-suggestion {
  background-color: #f5c8d0;
}

.ui-autocomplete .ui-menu-item-wrapper .search-api-autocomplete-suggestion:hover {
  background-color: #f5c8d0 !important;
}

.xc-footer-social-icons::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: 0.3s ease opacity;
}

.uk-stations-btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.char-btn {
  width: 62px;
  height: 62px;
  font-family: "rooney-sans", sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  border: none;
  color: #000;
  border-radius: 6px;
}

@media (max-width: 767px) {
  .char-btn {
    width: 56px;
    height: 56px;
    font-size: 16px;
  }
}

.char-btn.active {
  background: #ca123f;
  color: #ffffff;
}

.gc-banner #xc-bg-banner-qtt,
.gc-station-image #xc-bg-banner-qtt,
.page-node-type-faq #xc-bg-banner-qtt,
.page-node-type-event #xc-bg-banner-qtt,
.page-node-type-forms-page #xc-bg-banner-qtt,
.page-node-type-teaser-image-200px #xc-bg-banner-qtt {
  background-color: #ca123f;
}

.path-frontpage #main-hero-wrapper,
.path-frontpage #xc-breadcrumbs-main-container {
  display: none;
}

#newsletter__form__thankyou_container {
  inset: 0;
  z-index: 2;
  display: none;
  position: absolute;
}

.newsletter__overlay_content {
  background-color: #ca123f;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  align-items: center;
  height: 100%;
}

.success-message {
  font-size: 40px;
  color: white;
  font-weight: 700;
  font-style: italic;
  line-height: normal;
  margin: 0;
  text-align: center;
  font-family: "rooney-sans", sans-serif;
}

.success-message-description {
  font-size: 28px;
  color: white;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  margin: 0;
  text-align: center;
  font-family: "rooney-sans", sans-serif;
}

@media (min-width: 1200px) and (max-width: 1511px) {
  .success-message-description {
    font-size: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .xc-just-for-you-mobile-wrapper .slick-list {
    padding: 0 3.5% 0 0 !important;
  }

  .success-message {
    font-size: 36px;
  }

  .success-message-description {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .xc-just-for-you-mobile-wrapper .slick-list {
    padding: 0 29.2% 0 0 !important;
  }

  .success-message {
    font-size: 28px;
  }

  .success-message-description {
    font-size: 20px;
  }
}

/** Start of custom blog detail page css**/

.custom--blog--wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  width: 100%;
}

.custom--blog--category-wrapper {
  position: absolute;
  z-index: 1;
  top: 30px;
  left: 15px;
}

.custom--blog--category-wrapper .tag {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px 4px;
  font-size: 0;
  backdrop-filter: blur(6px);
  font-family: "rooney-sans", sans-serif;
  font-weight: 700;
  line-height: normal;
  font-size: 20px;
  color: rgb(255, 255, 255);
  background-color: rgb(202, 18, 63);
  padding: 8px 10px;
  border-radius: 0.25rem;
  font-style: italic;
}

.custom--blog--category-wrapper .tag a {
  backdrop-filter: blur(6px);
  font-family: "rooney-sans", sans-serif;
  font-weight: 700;
  line-height: normal;
  font-size: 20px;
  color: rgb(255, 255, 255);
  background-color: rgb(202, 18, 63);
  padding: 8px 10px;
  border-radius: 0.25rem;
  font-style: italic;
}

.custom--blog--image-wrapper {
  width: 100%;
  height: 284px;
}

.custom--blog--image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.custom--blog--detail-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  justify-content: space-between;
  z-index: 1;
  background-color: #ffffff;
  align-self: stretch;
  flex-grow: 1;
}

.custom--blog--detail-title-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
}

.custom--blog-date {
  font-family: "rooney-sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
  color: rgb(0, 0, 0);
  font-style: italic;
}

.custom--blog-title a {
  font-family: "rooney-sans", sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: rgb(202, 18, 63);
  line-height: normal;
  display: flex;
  align-items: center;
  font-style: italic;
}

.custom--blog-body-tag {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.custom--blog-body {
  font-family: "rooney-sans", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: normal;
  color: rgb(0, 0, 0);
  font-style: normal;
}

.custom--blog-body p {
  font-size: 24px;
  display: -webkit-box;
  -webkit-box-orient: VERTICAL;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: clip;
}

.custom--blog-hashtag a::before {
  content: "#";
}

.custom--blog-hashtag a {
  font-family: "rooney-sans", sans-serif;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.80);
  font-style: italic;
  font-size: 20px;
  line-height: normal;
  text-decoration: none;

  padding-bottom: 2px;
  margin-bottom: -2px;
  background-image: linear-gradient(90deg,
      rgb(0, 137, 150) 0%,
      rgb(0, 137, 150) 100%);
  background-position: left bottom 1px;
  background-size: 0% 3px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  transition: 0.5s ease background-size, 0.5s ease color;
  width: fit-content;
}

.custom--blog-hashtag a:hover {
  color: rgb(0, 137, 150);
  background-size: 100% 0.125em;
}

.custom--blog--detail-cta {
  display: flex;
  padding-top: 16px;
}

.custom--blog--detail-cta a {
  text-decoration: none;
  font-family: "rooney-sans", sans-serif;
  font-weight: 700;
  line-height: normal;
  font-style: italic;
  background-color: rgb(0, 0, 0);
  padding: 16px;
  border-radius: 6px;
  color: #ffffff;
  font-size: 24px;
  position: relative;
  display: inline-flex;
  align-items: center;
}

.custom--blog--detail-cta a::after {
  content: "";
  width: 20px;
  height: 18px;
  background: url(../images/xc-button-right-arrow.svg) no-repeat center right;
  background-size: contain;

  opacity: 0;
  transition: 300ms ease opacity;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}

.custom--blog--detail-cta a:hover {
  /* background-color: rgb(202, 18, 63); */
  /* color: rgb(255, 255, 255); */
  padding-right: 50px;
}

.custom--blog--detail-cta a:hover:after {
  opacity: 1;
}

@media (min-width: 1200px) {
  .custom--blog-title a {
    font-size: 32px;
  }

  /* .custom--blog-body p {
    font-size: 24px;
  } */

  .custom--blog-hashtag a,
  .custom--blog-date,
  .custom--blog--category-wrapper .tag a {
    font-size: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .custom--blog-title a {
    font-size: 28px;
  }

  .custom--blog-body p {
    font-size: 22px;
  }

  .custom--blog-hashtag a,
  .custom--blog-date,
  .custom--blog--category-wrapper .tag a {
    font-size: 18px;
  }

  .custom--blog--detail-cta a:hover {
    padding-right: 16px;
  }

  .custom--blog--detail-cta a:hover:after {
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .custom--blog-title a {
    font-size: 26px;
  }

  .custom--blog-body p {
    font-size: 20px;
  }

  .custom--blog-hashtag a,
  .custom--blog-date,
  .custom--blog--category-wrapper .tag a {
    font-size: 16px;
  }

  .custom--blog--detail-cta a {
    font-size: 22px;
  }

  .custom--blog--detail-cta a:hover {
    padding-right: 0px;
  }

  .custom--blog--detail-cta a:hover:after {
    opacity: 0;
  }
}

/** End of custom blog detail page css**/

/* Blog detail page- regression bug fix XCWESBITE-668 & XCWEBSITE-670 */

.coh-wysiwyg.coh-ce-cpt_xc_text-3c999e31 p {
  color: #000;
  font-family: 'rooney-sans', sans-serif;
  font-size: 22px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.coh-wysiwyg.coh-ce-cpt_xc_text-3c999e31 a {
  color: #ca123f;
  font-family: 'rooney-sans', sans-serif;
  font-size: 22px !important;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.coh-ce-cpt_xc_text-3c999e31 img {
  width: 870px !important;
}

@media (min-width: 1200px) and (max-width: 1511px) {
  .coh-wysiwyg.coh-ce-cpt_xc_text-3c999e31 p {
    font-size: 20px !important;
  }

  .coh-wysiwyg.coh-ce-cpt_xc_text-3c999e31 a {
    font-size: 20px !important;
  }
}


@media (min-width: 768px) and (max-width: 1199px) {
  .coh-wysiwyg.coh-ce-cpt_xc_text-3c999e31 p {
    font-size: 22px !important;
  }

  .coh-wysiwyg.coh-ce-cpt_xc_text-3c999e31 a {
    font-size: 20px !important;
  }
}


@media (min-width: 360px) and (max-width: 767px) {
  .coh-wysiwyg.coh-ce-cpt_xc_text-3c999e31 p {
    font-size: 20px !important;
  }

  .coh-wysiwyg.coh-ce-cpt_xc_text-3c999e31 a {
    font-size: 20px !important;
  }
}

/* End of Blog detail page- regression bug fix XCWESBITE-668 & XCWEBSITE-670 */

.xc-top-routes-tablet-mobile-container .slick-list {
  padding: 0 29.4% 0 0px !important;
}

/* start of - Image with text css */
.text-with-polaroid-image,
.text-with-normal-image {

  ul {
    padding-left: 24px;
  }

  li {
    padding-bottom: 32px;
    padding-left: 8px;
    list-style-type: disc;
    font-family: "RooneySans", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 10px;
  }

  ul li::marker {
    color: rgb(202, 18, 63);
    font-size: 24px;
  }

  /* ul li::before {
    content: "●";
    color: #ca123f;
    
  } */
}

.polaroid-image-container {
  padding: 22.185px 15.308px 77.692px 15.071px;
  width: -webkit-fill-available;
  height: 451px;
  overflow: hidden;
  position: relative;
  float: right;
  margin-left: 0px !important;
  margin-right: 0px !important;
  box-shadow: 7.153px 7.153px 14.306px 0px rgba(0, 0, 0, 0.04),
    0.715px 0.715px 14.306px 2.861px rgba(0, 0, 0, 0.04);
}

.normal-image-container {
  width: -webkit-fill-available;
  margin-left: 0px !important;
  margin-right: 0px !important;
  float: right;
  height: 528px;
  background-color: #ade2e3;
}

.normal-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
  display: block;
}

.polaroid-image-container .polaroid-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

@media (min-width: 1200px) and (max-width: 1512px) {

  .polaroid-image-container {
    padding: 21px 11px 73px 14px;
    width: 79%;
    height: 484px;
    margin-right: 0px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1220px) {
  .normal-image-container {
    width: 82.5% !important;
    margin-right: 0px !important;
    height: 528px;
  }
}

@media (min-width: 767px) and (max-width: 1199px) {
  .normal-image-container {
    width: 100% !important;
    height: 265px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {

  .polaroid-image-container {
    padding: 22.185px 15.308px 77.692px 15.071px;
    width: 79%;
    height: 484px;
  }

  .text-with-polaroid-image li,
  .text-with-normal-image li {
    font-family: "RooneySans", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .text-with-polaroid-image .col-first ul li:last-child {
    padding-bottom: 0;
  }
}

@media (min-width: 361px) and (max-width: 768px) {

  .polaroid-image-container {
    padding: 21.269px 14.676px 74.481px 14.448px;
    width: -webkit-fill-available;
    height: 464px;
    align-items: center !important;
  }

  .normal-image-container {
    width: -webkit-fill-available;
    position: unset;
    height: 265px;
  }

  .text-with-polaroid-image li,
  .text-with-normal-image li {
    font-family: "RooneySans", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

@media (max-width: 361px) {

  .polaroid-image-container {
    padding: 21.269px 14.676px 74.481px 14.448px;
    width: -webkit-fill-available;
    height: 420px;
    align-items: center !important;
  }

  .normal-image-container {
    width: -webkit-fill-available;
    position: unset;
    height: 297px;
  }

  .text-with-polaroid-image li,
  .text-with-normal-image li {
    font-family: "RooneySans", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

/* End of Image with text css */

/* Start of XC Search Result */

.search-post-number {
  color: #ca123f;
  font-family: "RooneySans", sans-serif;
  font-size: 32px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}

.search-post-number strong {
  font-weight: 700 !important;
}

.search-page-item-count {
  color: #ca123f;
}

.xcr-search-fields {
  padding: 0px 24px 48px 24px;
  border-bottom: 2px solid #cdc3ba;
}

.xcr-search-body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.xcr-search-title-url {
  width: 95%;
}

.xcr-search-title {
  color: #000;
  font-family: "RooneySans", sans-serif;
  font-size: 32px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  line-height: normal;
}

.xc-link-intraction {
  text-decoration: none;
  padding-bottom: 4px;
  margin-bottom: -4px;
  background-image: linear-gradient(90deg,
      rgb(202, 18, 63) 0%,
      rgb(202, 18, 63) 100%);
  background-position: left bottom 1px;
  background-size: 0% 3px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  transition: 0.5s ease background-size, 0.5s ease color;
  display: inline;
  line-height: normal;
}

.xc-link-intraction:hover {
  color: #ca123f;
  background-size: 100% 0.125em;
}

.xc-blog-link-intraction {
  display: block !important;
}

.xc-blog-link-intraction a,
.xc-blog-link-intraction h2 {
  text-decoration: none;
  padding-bottom: 4px;
  margin-bottom: -4px;
  background-image: linear-gradient(90deg, #008996 0%, #008996 100%);
  background-position: left bottom 1px;
  background-size: 0% 3px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  transition: 0.5s ease background-size, 0.5s ease color;
  display: inline;
  line-height: normal;
}

.xc-blog-link-intraction:hover,
.xc-blog-link-intraction:hover a,
.xc-blog-link-intraction:hover h2 {
  color: #008996;
  background-size: 100% 0.125em;
}

.xcr-search-body:hover .xc-link-intraction {
  color: #ca123f;
  background-size: 100% 0.125em;
}

.xcr-search-url {
  color: rgba(0, 0, 0, 0.7);
  font-family: "RooneySans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-top: 3px;
}

.xcr-search-redirect-icon {
  width: 36px;
  height: 36px;
  background-image: url(../images/xc-search-arrow.svg);
}

.xcr-not-found__Rose__text {
  color: #ca123f;
  text-align: center;
  font-family: "RooneySans", sans-serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 700;
  line-height: 40px;
}

.xcr-not-found-search__small__text {
  color: #000000;
  text-align: center;
  font-family: "RooneySans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.xcr-no-result-behavior {
  margin-bottom: 40px;
}

.search-page-no-result {
  margin-bottom: 50px;
}

.faq-no-result-behavior {
  margin-top: 64px;
}

/* End of XC Search Result */

/* Recent Search */
.vue-search-ui {
  display: none;
}

.recent-stations-list,
.recent-locations-list,
.search-recent-stations-list ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  background: #fff;
  border: 2px solid var(--colour-English-Rose, #ca123f);
  padding: 8px 6px;
  margin: 0;
  width: 100%;
  list-style: none;
  border-radius: 6px;
}

.recent-stations-list {
  display: none;
}

.recent-stations-list li,
.search-recent-stations-list ul li,
.recent-locations-list li {
  display: flex;
  padding: 9px 14px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  color: var(--colour-Black, #000);
  font-family: "rooney-sans";
  font-size: var(--size-Main-Nav-Links, 15px);
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}

.recent-stations-list li:hover,
.search-recent-stations-list ul li:hover,
.recent-locations-list li:hover {
  display: flex;
  padding: 9px 14px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  color: var(--colour-Black, #000);
  font-family: "rooney-sans";
  font-size: var(--size-Main-Nav-Links, 16px);
  font-style: italic;
  font-weight: 700;
  line-height: var(--spacing-3, 24px);
  border-radius: 6px;
  background: var(--colour-Addition-QTT-Highlight, #f5c8d0);
}

.xc-mobile-recent-nearest {
  display: none;
}

.recent-stations-list .xc-recent-search-heading,
.search-recent-stations-list .xc-recent-search-heading,
.recent-locations-list .xc-recent-search-heading {
  pointer-events: none;
  cursor: none;
  color: var(--colour-Shadow-Rose, #9f2843);

  /* Typography/Headings/H6 */
  font-family: "rooney-sans";
  font-size: var(--size-H6, 16px);
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  padding-top: 0;
}

.web-view-heading-container {
  pointer-events: none;
}

.xc-search-nearest-station {
  position: absolute;
  right: 28px;
  top: 10px;
  padding-left: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-left: 2px solid #cdc3ba;
}

.xc-search-black-overlay,
.xc-mobile-search-cancel-button {
  display: none;
}

.xc-search-mobile-input {
  display: none !important;
}

/* scrollbar css */
ul.ui-autocomplete::-webkit-scrollbar,
.search_results::-webkit-scrollbar,
.xc-dropdown-list::-webkit-scrollbar,
.recent-locations-list::-webkit-scrollbar,
.recent-stations-list::-webkit-scrollbar,
.xc-journey-container .autocomplete-list::-webkit-scrollbar {
  -webkit-appearance: none;
}

ul.ui-autocomplete::-webkit-scrollbar:vertical,
.search_results::-webkit-scrollbar:vertical,
.xc-dropdown-list::-webkit-scrollbar:vertical,
.recent-locations-list::-webkit-scrollbar:vertical,
.recent-stations-list::-webkit-scrollbar:vertical,
.xc-journey-container .autocomplete-list::-webkit-scrollbar:vertical {
  width: 10px;
}

ul.ui-autocomplete::-webkit-scrollbar:horizontal,
.search_results::-webkit-scrollbar:horizontal,
.xc-dropdown-list::-webkit-scrollbar:horizontal,
.recent-locations-list::-webkit-scrollbar:horizontal,
.recent-stations-list::-webkit-scrollbar:horizontal,
.xc-journey-container .autocomplete-list::-webkit-scrollbar:horizontal {
  height: 6px;
}

ul.ui-autocomplete::-webkit-scrollbar-thumb,
.search_results::-webkit-scrollbar-thumb,
.xc-dropdown-list::-webkit-scrollbar-thumb,
.recent-locations-list::-webkit-scrollbar-thumb,
.recent-stations-list::-webkit-scrollbar-thumb,
.xc-journey-container .autocomplete-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: 2px solid white;
  /* should match background, can't be transparent */
  background-color: #ca123f;
}

.xc-generic-table-main-container::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 8px;
}

.xc-generic-table-main-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.6);
}

.xc-mobile-search-results-container {
  display: none !important;
}

.local-0-rows {
  display: none;
}

.last-xc-train::before,
.first-xc-train::before {
  content: "";
}

/* Scroll to top button css */

#scrollToTop {
  position: fixed;
  bottom: 20%;
  right: 0;
  display: none;
  border-radius: 6.857px 0 0 6.857px;
  background: rgba(0, 0, 0, 0.60);
  color: white;
  border: none;
  width: 63.996px;
  height: 63.996px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  font-size: 18px;
  cursor: pointer;
  z-index: 1000;
  padding: 11px;
}

#scrollToTop:hover {
  background: rgba(0, 0, 0, 0.40);
}

@media (min-width: 1199px) and (max-width: 1511px) {
  .xcr-search-title-url {
    width: 95%;
  }

  .xcr-search-title {
    font-size: 32px;
  }

  .xcr-search-url {
    font-size: 20px;
  }

  .xcr-not-found__Rose__text {
    font-size: 34px;
  }

  .xcr-not-found-search__small__text {
    font-size: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .xcr-search-title-url {
    width: 95%;
  }

  .xcr-search-title {
    font-size: 28px;
  }

  .xcr-search-url {
    font-size: 16px;
  }

  .xcr-not-found__Rose__text {
    font-size: 36px;
  }

  .xcr-not-found-search__small__text {
    font-size: 24px;
  }

  .xcr-search-fields {
    padding: 0px 16px 32px 16px;
  }

  #scrollToTop {
    width: 48px;
    height: 48px;
    padding: 2px;
  }
}

@media (max-width: 767px) {
  .xcr-search-title-url {
    width: 80%;
  }

  .xcr-search-title {
    font-size: 26px;
  }

  .xcr-search-url {
    font-size: 16px;
  }

  .xcr-not-found__Rose__text {
    font-size: 30px;
  }

  .xcr-not-found-search__small__text {
    font-size: 20px;
  }

  .xc-text-container-1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .xc-search-nearest-station {
    right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .recent-stations-list,
  .search-recent-stations-list ul {
    position: fixed;
    bottom: 0;
    top: auto;
    right: 0;
    left: 0;
    height: 65%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border: none;
    overflow: auto;
    z-index: 51;
    padding: 44px 8px 0px 8px;
  }

  .xc-mobile-recent-nearest {
    display: block;
  }

  .xc-search-black-overlay {
    display: block;
    position: fixed;
    z-index: 50;
    inset: 0;
    background-color: rgb(0, 0, 0, 0.6);
  }

  .xc-mobile-search-cancel-button {
    display: block;
    color: var(--colour-Black, #000);
    font-family: "rooney-sans";
    font-size: var(--size-Secondary-Buttom-Text, 18px);
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    position: fixed;
    z-index: 60;
    top: 36%;
    right: 10px;
  }

  .search_results {
    display: none;
  }

  .xc-search-mobile-input {
    display: block !important;
    padding: 0 !important;
    background-color: white;
    margin-bottom: 20px;
  }

  #station_search-mobile {
    padding: 14px 22px 14px 44px !important;
    border-radius: 6px;
    background: var(--Main-gohan, #fff);
    font-family: "rooney-sans";
    font-size: var(--size-Input-Field-Text, 16px);
    font-style: italic !important;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    background-image: url(../images/location-marker.svg);
    background-repeat: no-repeat;
    background-position: 22px !important;
  }

  #station_search-mobile:focus {
    border: 3px solid var(--colour-English-Rose, #ca123f);
  }

  .xc-mobile-search-results-container {
    display: flex !important;
  }

  .mobile-results-list {
    padding: 0 !important;
    position: unset !important;
    height: 88% !important;
  }

  .xcr-search-fields {
    padding: 0px 16px 24px 0px;
  }

  #scrollToTop {
    width: 48px;
    height: 48px;
    padding: 2px;
  }
}

.xc-text-container-1 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.xc-text-container-0 {
  padding-top: 0;
  padding-bottom: 0;
}

/* header css by vishal */
.xc-header-search-bar .form-item-items-per-page {
  display: none;
}

.xc-search-header-bar .js-form-item label {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}


.xc-header-search-bar .js-form-wrapper.form-wrapper {
  left: 0.625rem;
  right: unset;
}

.site-header .xc-menu-text-label-wrapper {
  color: #FFF;
  font-family: "rooney-sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 109.091% */
  padding-bottom: 1rem;
}

.xc-header-search-bar .js-form-wrapper.form-wrapper>input[value="Search"] {
  min-width: 36px;
  padding: 0;
  height: 27px;
}

.xc-header-container-row>.coh-row {
  width: 100%;
  height: 100%;
}

/* header css by vishal ends */

/* Start of XC text with links and cta */

.text-with-link-and-cta-cpt {
  border-radius: 0px var(--radius-radius-full, 40px) 0px 0px;
  padding: 40px 24px;
  background: var(--colour-White, #fff);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  /* flex-grow: 1; */
  box-sizing: border-box;
  margin-bottom: 24px;
  flex: 1 1 48%;
  min-width: 250px;
  max-width: 49%;
}

.text-with-link-and-cta-cpt-wrapper {
  display: flex;
  flex-direction: row;
  gap: 32px;
}

@media (max-width: 1200px) {
  .text-with-link-and-cta-cpt-wrapper {
    display: flex;
    flex-direction: row;
    gap: 24px;
  }
}

@media (max-width: 768px) {
  .text-with-link-and-cta-cpt-wrapper {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 24px;
    flex-wrap: wrap;
  }
}

@media (max-width: 360px) {
  .text-with-link-and-cta-cpt {
    max-width: none;
  }
}

/* Css added for anchor tag in text with link and cta cpt */
.text-with-link-and-cta-cpt-wrapper a.coh-link.xc-redlink {
  font-family: "RooneySans", sans-serif;
  font-size: 20px;
  color: #ca123f;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;
  text-underline-position: from-font;
  padding-bottom: 10px;
}

.text-with-link-and-cta-cpt-wrapper a.coh-link.xc-redlink:hover {
  color: #008996 !important;
}

/* end of XC text with links and cta */

.current-active .field-content a {
  background-color: rgb(202, 18, 63) !important;
  color: rgb(255, 255, 255) !important;
  border-color: rgb(202, 18, 63) !important;
}

/* Start of FAQ-Contact Us and FAQs */

.faq-tags-view-block a.views-more-link {
  display: block;
  margin-top: 10px;
}

.faq-category-cards {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  flex: 1 0 0;
  border-radius: 6px;
  border: 1px solid #cdc3ba;
  background: var(--colour-White, #fff);
}

.faq-category-name a {
  color: #000 !important;
  font-family: 'rooney-sans', sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}

.faq-category-name {
  padding: 16px 0;
}

.faq-category-name a:hover {
  color: #ca123f !important;
  text-decoration-line: underline;
  text-underline-position: from-font;
}

.faq-category-desc p {
  color: #000;
  font-family: 'rooney-sans', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 32px;
}

.faq-category-image img {
  width: 64px;
  height: 64px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.faq-category-cards .views-field-title .field-content a,
.faq-related-questions .views-field-title .field-content a {
  color: var(--colour-English-Rose, #ca123f);
  font-family: 'rooney-sans', sans-serif !important;
  font-size: 16px;
  font-style: italic;
  font-weight: 700;
  line-height: 24px;
  text-decoration-line: underline;
  text-underline-position: from-font;
}

.faq-related-questions .views-row .views-field .field-content {
  display: flex;
}

.faq-category-cards .views-field-title .field-content a:hover,
.faq-related-questions .views-field-title .field-content a:hover {
  color: #008996;
}

.faq-category-cards .views-row {
  padding-bottom: 16px;
  display: flex;
}

.faq-category-cards .views-row::before {
  content: url(../images/arrow_right_faq.svg);
}

/* ----------- 768px and below ----------- */
@media (max-width: 768px) {
  .faq-category-cards {
    padding: 24px 16px;
  }

  .faq-category-name a {
    font-size: 22px;
  }

  .faq-category-desc {
    padding-bottom: 32px;
  }

  .faq-category-desc p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .faq-category-image img {
    width: 56px;
    height: 56px;
  }

  .faq-category-cards .views-field-title .field-content a {
    font-size: 16px;
    line-height: 24px;
  }
}

/* ----------- 360px and below ----------- */
@media (max-width: 375px) {
  .faq-category-cards {
    padding: 24px 16px;
  }

  .faq-category-name {
    padding: 8px 0;
  }

  .faq-category-name a {
    font-size: 20px;
  }

  .faq-category-desc {
    padding-bottom: 24px;
  }

  .faq-category-desc p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .faq-category-image img {
    width: 48px;
    height: 48px;
  }

  .faq-category-cards .views-field-title .field-content a {
    font-size: 15px;
    line-height: 24px;
  }
}

/* End of FAQ-Contact Us and FAQs */

/* Start of FAQ - category - buying tickets  */

.faq-category-listing {
  /* padding: 43px 96px; */
  background: var(--colour-Clotted-Cream, #f8efe3);
}

.faq-category-list-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  row-gap: 19px;
  align-self: stretch;
  position: relative;
  padding-top: 110px;
  padding-bottom: 19px;
  margin-bottom: 43px;
  border-bottom: 2px solid #cdc3ba;
}

.faq-category-list-desc p {
  color: var(--Black, #000);
  font-size: var(--size-H2, 36px);
  font-style: italic;
  font-weight: 700;
  line-height: var(--spacing-5, 40px);
  font-family: "rooney-sans", sans-serif;
}

.back-to-faqs-link {
  position: absolute;
  top: 0;
  z-index: 1;
  color: #ca123f;
  font-family: "rooney-sans", sans-serif;
  font-size: var(--size-Primary-Button-Text, 24px);
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}

.faq-category-list-image {
  background-image: url(../images/xc-buying-tickets.png) !important;
  height: 72px;
  width: 72px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background-repeat: no-repeat;
  background-size: contain;
}

.faq-category-list-image img {
  display: none;
}

.faq-category-listing .field-content a {
  font-family: "rooney-sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: rgb(0, 0, 0);
  line-height: normal;
  font-style: italic;
  width: 100%;
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  /* animation: fadeIn 0.3s ease; */
  text-transform: none !important;
}

@media (max-width: 1511px) {
  .faq-category-listing .field-content a {
    font-size: 1.375rem;
    line-height: normal;
    text-align: left;
  }
}

@media (max-width: 1199px) {
  .faq-category-listing .field-content a {
    font-size: 1.375rem;
    line-height: normal;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .faq-category-listing .field-content a {
    font-size: 1.125rem;
    line-height: normal;
    text-align: left;
  }
}

/* Accordion part of buying-tickets */

.faq-category-listing .ui-accordion-header,
.xc-faq-accordion-search .ui-accordion-header {
  font-family: "rooney-sans", sans-serif;
  font-size: 1.5rem !important;
  font-weight: 700;
  color: rgb(0, 0, 0) !important;
  line-height: normal;
  font-style: italic;
  padding-top: 2rem;
  padding-right: 1.5rem;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  text-align: left;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 2.25rem;
  width: 100%;
  background-color: rgb(255, 255, 255);
  position: relative;
  cursor: pointer;
  /* animation: fadeIn 0.3s ease; */
  text-transform: none !important;
  border-top: 2px solid rgba(0, 0, 0, 0.35);
  border-left: 2px solid rgba(0, 0, 0, 0.35);
  border-right: 2px solid rgba(0, 0, 0, 0.35);
  border-bottom: 2px solid rgba(0, 0, 0, 0.35);
  margin-top: 1rem;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  height: auto !important;
  margin-top: 16px;
}

.faq-category-listing .ui-accordion-header a,
.xc-faq-accordion-search .ui-accordion-header a {
  color: rgb(0, 0, 0) !important;
  font-family: "rooney-sans", sans-serif;
  font-size: 1.5rem !important;
  font-weight: 700;
  line-height: normal;
  font-style: italic;
  text-decoration-line: none;
}


@media (min-width: 1200px) and (max-width: 1511px) {

  .faq-category-listing .ui-accordion-header a,
  .xc-faq-accordion-search .ui-accordion-header a {
    font-size: 24px !important;
  }

  .faq-category-listing .ui-accordion-content *,
  .xc-faq-accordion-search .ui-accordion-content * {
    font-size: 24px !important;
  }

  .faq-category-listing a.views-more-link,
  .xc-faq-accordion-search a.views-more-link {
    font-size: 20px !important;
  }

  .faq-category-listing .ui-accordion-header,
  .xc-faq-accordion-search .ui-accordion-header {
    line-height: normal;
    font-size: 1.5rem;
    font-size: 24px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {

  .faq-category-listing .ui-accordion-header a,
  .xc-faq-accordion-search .ui-accordion-header a {
    font-size: 22px !important;
  }

  .faq-category-listing .ui-accordion-content *,
  .xc-faq-accordion-search .ui-accordion-content * {
    font-size: 22px !important;
  }

  .faq-category-listing a.views-more-link,
  .xc-faq-accordion-search a.views-more-link {
    font-size: 20px !important;
  }

  .faq-category-listing .ui-accordion-header,
  .xc-faq-accordion-search .ui-accordion-header {
    line-height: normal;
    font-size: 1.375rem;
    font-size: 22px !important;
  }
}

@media (min-width: 360px) and (max-width: 767px) {

  .faq-category-listing .ui-accordion-header a,
  .xc-faq-accordion-search .ui-accordion-header a {
    font-size: 18px !important;
  }

  .faq-category-listing .ui-accordion-content *,
  .xc-faq-accordion-search .ui-accordion-content * {
    font-size: 20px !important;
  }

  .faq-category-listing a.views-more-link,
  .xc-faq-accordion-search a.views-more-link {
    font-size: 16px !important;
  }

  .faq-category-listing .ui-accordion-header,
  .xc-faq-accordion-search .ui-accordion-header {
    line-height: normal;
    font-size: 1.25rem;
    font-size: 20px !important;
  }
}

.faq-category-listing .ui-accordion-content,
.xc-faq-accordion-search .ui-accordion-content {
  padding: 32px 24px;
  padding-top: 0;
  margin-top: -1px !important;
  height: auto !important;
  border-left: 2px solid rgba(0, 0, 0, 0.35);
  border-right: 2px solid rgba(0, 0, 0, 0.35);
  border-bottom: 2px solid rgba(0, 0, 0, 0.35);
  border-radius: 0 0 6px 6px;
  /* animation: fadeIn 0.3s ease; */

}

/* Commenting empty class ---- causing ESLint issues */
/*.faq-category-listing .ui-accordion-content-active,
.xc-faq-accordion-search .ui-accordion-content-active {
  animation: fadeIn 0.3s ease; */

/* } */

.faq-category-listing .ui-accordion-content *,
.xc-faq-accordion-search .ui-accordion-content * {
  font-family: "rooney-sans", sans-serif;
  font-weight: 400;
  color: rgb(0, 0, 0);
  line-height: normal;
  font-size: 1.5rem;

}

.xc-faq-accordion-search .ui-accordion-content a,
.faq-category-listing .ui-accordion-content a {
  font-family: "rooney-sans", sans-serif;
  font-weight: 700;
  color: rgb(202, 18, 63);
  font-size: 1.25rem;
  font-style: italic;
  text-decoration-line: underline;
  text-underline-position: from-font;
  line-height: normal;
}

@media (max-width: 1511px) {
  .xc-faq-accordion-search .ui-accordion-content a {
    line-height: normal;
    font-size: 1.25rem;
  }
}

@media (max-width: 1199px) {
  .xc-faq-accordion-search .ui-accordion-content a {
    line-height: normal;
    font-size: 1.25rem;
  }
}

@media (max-width: 767px) {
  .xc-faq-accordion-search .ui-accordion-content a {
    line-height: normal;
    font-size: 1rem;
  }
}

.faq-category-listing .ui-state-active .field-content span,
.xc-faq-accordion-search .ui-state-active .field-content a {
  font-family: "rooney-sans", sans-serif;
  color: rgb(202, 18, 63);
  font-weight: 700;
  line-height: normal;
  text-align: left;
  font-style: italic;
  color: rgb(202, 18, 63) !important;
}

.xc-faq-accordion-search .ui-accordion-header-active {
  border-bottom: none !important;
}

.faq-category-listing .ui-accordion-header-active {
  border-bottom: none !important;
  color: #CA123F !important;
}

.faq-category-listing .ui-state-default .ui-icon,
.xc-faq-accordion-search .ui-state-default .ui-icon,
.faq-tags-view-block .ui-state-default .ui-icon {
  background-image: url(../images/ArrowDown.svg);
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 0.7571875rem;
  width: 0.7571875rem;
  padding-right: 0.7625rem;
}

.faq-category-listing .ui-state-active .ui-icon,
.xc-faq-accordion-search .ui-state-active .ui-icon {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq-category-listing a.views-more-link,
.xc-faq-accordion-search a.views-more-link {
  color: #ca123f;
  display: block;
  margin-top: 10px;
  font-size: 20px;
}

.js-pager__items {
  display: flex;
  justify-content: center;
  padding: 32px 0;
  margin-top: 49px;
}

.xc-hub-destination-pagination-block .js-pager__items {
  display: flex;
  justify-content: center;
  padding: 0;
  margin-top: 0;
}

.js-pager__items .pager__item {
  margin: 0 !important
}

.js-pager__items .pager__item a.button {
  font-size: 1.5rem;
  line-height: normal;
  font-weight: 700;
  font-family: 'rooney-sans', sans-serif;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
  font-style: italic;
  border-radius: 0.375rem;
  padding-top: 1rem;
  padding-right: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  gap: 10px;
}

/* End of Accordion part of buying-tickets */

/* For See All Questions button on Individual FAQ page */

.link-see-all-questions {
  margin-top: 3em;
}

.link-see-all-questions a {
  width: 100% !important;
  padding-top: 16px;
  padding-right: 35px;
  padding-bottom: 16px;
  padding-left: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgb(255, 255, 255);
  background-color: rgb(202, 18, 63);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 20px;
  font-family: 'rooney-sans', sans-serif;
  font-weight: 700;
  font-style: italic;
}

.link-see-all-questions a:hover {
  text-decoration: underline;
  text-underline-position: from-font;
}

/* 1200px and below*/

@media (min-width: 1200px) and (max-width: 1511px) {

  .faq-category-list-header-wrapper {
    padding-top: 110px;
    margin-bottom: 49px;
    row-gap: 19px;
  }

  .faq-category-list-desc p {
    font-size: 32px;
    line-height: 40px;
  }

  .faq-category-list-image {
    height: 64px;
    width: 64px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

/* 768px and below */

@media (min-width: 768px) and (max-width: 1199px) {

  .faq-category-list-header-wrapper {
    padding-top: 86px;
    margin-bottom: 49px;
  }

  .faq-category-list-desc p {
    font-size: 34px;
    line-height: 40px;
  }

  .faq-category-list-image {
    height: 52px;
    width: 52px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

/* ----------- 360px and below ----------- */
@media (min-width: 360px) and (max-width: 767px) {

  .faq-category-list-header-wrapper {
    padding-top: 86px;
    margin-bottom: 49px;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .faq-category-page-name p {
    font-size: 30px;
    line-height: 40px;
  }

  .faq-category-list-image {
    height: 52px;
    width: 52px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

/* End of FAQ - category - buying tickets  */
/* Faq Individual Questions  */
.faq-related-questions #views-exposed-form-all-faqs-faq-related-questions label {
  font-family: var(--font-family-all, "rooney-sans");
}

.faq-related-questions .views-row:last-child {
  padding-bottom: 0rem;
}

@media (max-width: 767px) {
  .faq-related-questions .views-row {
    padding-bottom: 0.75rem;
  }
}

/* End of Faq Individual Questions */

/* Start of Search Banner CSS*/
.station-banner {
  display: flex;
  flex-direction: row;
  padding: 48px 32px;
  background-color: #f5a706;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  gap: 16px;
}

.search-station-banner {
  margin: 40px 0 0 0;
}

.station-banner-description {
  color: #000;
  font-family: "rooney-sans";
  font-size: 32px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}

.searchresults-buy-tickets {
  color: #000;
  font-family: 'rooney-sans', sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  min-width: 120px;
}

.delay-repay {
  min-width: 202px;
}

.buy-ticket-arrow-icon {
  background-image: url(../images/XC-Icon-down-arrow.svg);
  background-repeat: no-repeat;
  background-position-y: 5px;
  background-position-x: center;
  background-size: 12px 12px;
  display: inline-block;
  width: 12px;
  height: 20px;
}

/* End of Search Banner CSS*/

@media (min-width: 768px) and (max-width: 1199px) {
  .station-banner {
    padding: 48px 16px;
  }

  .station-banner-description {
    font-size: 28px;
    width: 50%;
  }
}

@media (min-width: 360px) and (max-width: 767px) {
  .station-banner {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 48px 16px;
    justify-content: center;
    align-items: center;
  }

  .station-banner-description {
    font-size: 26px;
    text-align: center;
  }

  .buy-tickets {
    width: 100%;
  }

  .delay-repay {
    min-width: 186px;
  }

  .searchresults-buy-tickets {
    font-size: 22px;
  }
}

/* Start of On page poll and report */

.on-page-poll-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 49px;
  max-width: 870px;
  margin-inline: auto;
  margin: 67px auto !important;
}

.on-page-poll-form h2.text-align-center {
  color: #CA123F;
  text-align: center;
  font-family: 'rooney-sans', sans-serif;
  font-size: 32px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 20px;
}

.on-page-poll-form p.text-align-center {
  color: #000;
  text-align: center;
  font-family: 'rooney-sans', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.on-page-poll-form .form-type-radio label {
  color: #000;
  font-family: 'rooney-sans', sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}

.on-page-poll-form :is(#edit-processed-text-additional-useful,
  #edit-processed-text-additional-not-useful)>p.text-align-center {
  color: #000;
  text-align: center;
  font-family: 'rooney-sans', sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}

.on-page-poll-form textarea {
  border-radius: 6px;
  border: 2px solid var(--colour-Shadow-Cream, #CDC3BA);
  width: 640px;
  height: 213px;
  background: white;
}

.on-page-poll-form #edit-processed-text-bottom p.text-align-center {
  color: #000;
  font-family: 'rooney-sans', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* Before selection - disabled state */
.on-page-poll-form #edit-actions-submit[disabled] {
  color: #000;
  background-color: #F5A706 !important;
  cursor: not-allowed;
  opacity: 0.6;
  border-radius: 6px;
  font-size: 24px;
  font-family: 'rooney-sans', sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  padding: 18px 26px;
  align-items: center;
}

/* After selection - enabled state */
.on-page-poll-form #edit-actions-submit:not([disabled]) {
  color: #000;
  background-color: #F5A706 !important;
  cursor: pointer;
  opacity: 1;
  border-radius: 6px;
  font-size: 24px;
  font-family: 'rooney-sans', sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  padding: 18px 26px;
  align-items: center;
}

/*Thank you message */
.on-page-poll-form .webform-confirmation {
  text-align: center;
}

.on-page-poll-form .webform-confirmation__message {
  position: relative;
  padding-top: 110px;
  /* space for icon */
}

.on-page-poll-form .webform-confirmation__message::before {
  content: "";
  background: url('../images/thank-you-img.png') no-repeat center / contain;
  width: 86px;
  height: 86px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}


.on-page-poll-form .webform-confirmation__message strong {
  color: #CA123F;
  text-align: center;
  font-family: 'rooney-sans', sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 8px !important;
  padding-top: 24px;
}

.on-page-poll-form .webform-confirmation__message p {
  color: #000;
  text-align: center;
  font-family: 'rooney-sans', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.on-page-poll-form .webform-confirmation__back {
  display: none !important;
}

/* Base state (unselected) */
.on-page-poll-form .js-form-type-radio .form-radio {
  width: 43px;
  min-width: 43px;
  height: 43px;
  border: 2px solid #ccc;
  /* grey */
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none;
  opacity: 1;
}

/* Selected state outer border */
.on-page-poll-form .js-form-type-radio .form-radio:checked {
  border-color: #ca123f;
}

/* Inner filled circle for selected state */
.on-page-poll-form .js-form-type-radio .form-radio:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  background-color: #ca123f;
  border-radius: 50%;
}

/* Scope to this form only */
.on-page-poll-form .js-form-type-radio label.option::before {
  display: none !important;
}

/* ------------1200 and below -------------- */
@media (max-width: 1200px) {
  .on-page-poll-form {
    max-width: 870px;
    /* padding: 0 165px; */
  }

  .on-page-poll-form .form-type-radio label {
    font-size: 24px;
  }

  .on-page-poll-form textarea {
    max-width: 552px;

  }

}

/* ------------768 and below -------------- */
@media (max-width: 768px) {
  .on-page-poll-form {
    gap: 24px;
    padding: 0 24px;
  }

  .on-page-poll-form .js-form-type-radio .form-radio {
    width: 38px;
    min-width: 38px;
    height: 38px;
  }

  .on-page-poll-form h2.text-align-center {
    font-size: 28px;
  }

  .on-page-poll-form .form-type-radio label {
    font-size: 22px;
  }

  .on-page-poll-form textarea {
    max-width: 530px;

  }

  .xc-page-useful-radio-container .js-webform-radios {
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
  }

}

/* ------------360 and below -------------- */
@media (max-width: 360px) {
  .on-page-poll-form {
    /* max-width: 328px; */
    padding: 0 16px;
  }

  .on-page-poll-form h2.text-align-center {
    font-size: 26px;
  }

  .on-page-poll-form p.text-align-center {
    font-size: 20px;
  }

  .on-page-poll-form #edit-processed-text-bottom p.text-align-center {
    font-size: 14px;
  }

  .on-page-poll-form :is(#edit-processed-text-additional-useful, #edit-processed-text-additional-not-useful)>p.text-align-center {
    font-size: 18px;
  }

  .on-page-poll-form .form-type-radio label {
    font-size: 20px;
  }

  .on-page-poll-form textarea {
    width: 100%;
  }

  .on-page-poll-form #edit-actions {
    width: 100% !important;
  }

  .on-page-poll-form #edit-actions-submit {
    width: 100%;
    display: block;
  }
}

/* End of On page poll and report */

/* Start of Lost Property and Luggage */

.lost-property-form form .form-item-from-station,
.lost-property-form form .form-item-to-station,
.lost-property-form form .form-item-station {
  position: relative;
}

.lost-property-form form label {
  position: absolute;
  z-index: 1;
  top: 18px;
  left: 16px;
  font-family: 'rooney-sans', sans-serif;
  font-weight: 700;
  color: rgb(0, 0, 0);
  font-size: 20px;
  line-height: normal;
  font-style: italic;
  margin-bottom: 0;
}

.lost-property-form form input[name="from_station"] {
  padding-left: 77px;
}

.lost-property-form form input[name="to_station"] {
  padding-left: 52px;
}

.lost-property-form form input[name="station"] {
  padding-left: 95px;
}

.lost-property-form form input.form-text {
  font-weight: 400;
  font-size: 20px;
}

.lost-property-form .section-station-text h2,
.lost-property-form .section-train-text h2 {
  color: #CA123F;
  font-family: 'rooney-sans', sans-serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 24px;
}

.lost-property-form .section-train-text h2 {
  margin-top: 64px;
}

.lost-property-form .section-station-text p,
.lost-property-form .section-train-text p {
  color: #000;
  font-family: 'rooney-sans', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 24px;
}

.lost-property-form .recent-stations-wrapper input {
  display: flex;
  width: 531px;
  height: 64px;
  padding: var(--spacing-2, 16px) var(--spacing-4, 32px) var(--spacing-2, 16px) var(--spacing-2, 16px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  border-radius: 6px;
  border: 2px solid var(--35-black, rgba(0, 0, 0, 0.35));
  background: #FFF;
  margin-bottom: 8px;
  font-family: 'rooney-sans', sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  background-repeat: no-repeat;
}

.lost-property-form [aria-label="route-station-details"]>p,
.lost-property-form [aria-label="station-details"]>p {
  font-weight: 700 !important;
  font-family: 'rooney-sans', sans-serif !important;
  font-style: italic;
  font-size: 20px;
  margin-bottom: 20px;
}

/* .lost-property-form .js-form-item:has(+ .station-error-message) input {
  border: 2px solid #CA123F !important;
} */

.lost-property-form .js-form-item:has(+ .station-error-message:not(:empty):not([hidden]):not(.is-hidden):not([aria-hidden="true"]):not([style*="display:none"])) input {
  border: 2px solid #CA123F !important;
}

.lost-property-form .recent-stations-wrapper input[aria-invalid="true"],
.lost-property-form .recent-stations-wrapper input.error {
  border: 2px solid #CA123F !important;
}

.lost-property-form .station-error-message {
  color: #CA123F;
  font-family: 'rooney-sans', sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 24px;
}

.lost-property-form button.get-station-details,
.lost-property-form button.get-route-station-details {
  display: flex;
  width: auto;
  padding: 20px var(--spacing-8, 46px);
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background: var(--colour-Black, #000);
  color: var(--colour-White, #FFF);
  font-family: 'rooney-sans', sans-serif;
  font-size: var(--size-Primary-Button-Text, 24px);
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 80px;
}

/* .lost-property-form button.get-station-details:hover,
.lost-property-form button.get-route-station-details:hover {
  background: #CA123F;

} */

.lost-property-form button.get-station-details::after,
.lost-property-form button.get-route-station-details::after {
  content: "";
  width: 25px;
  height: 25px;
  margin-left: 8px;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: center;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity .2s ease, transform .2s ease;
  background-image: url(../images/right-arrow.svg);
}

/* Show + slide the arrow on hover/focus */
.lost-property-form button.get-station-details:hover::after,
.lost-property-form button.get-station-details:focus-visible::after,
.lost-property-form button.get-route-station-details:hover::after,
.lost-property-form button.get-route-station-details:focus-visible::after {
  opacity: 1;
  transform: translateX(0);
}

.lost-property-form ul.recent-stations-list {
  width: 531px !important;
  border: 2px solid var(--colour-English-Rose, #CA123F) !important;
  margin-top: -5px;
}

/* When ANY error message is visible, turn ALL inputs red */
form#lost-property-form:has(.station-error:not(:empty):not([hidden]):not(.hidden):not(.d-none):not([aria-hidden="true"]):not([style*="display:none"])) .recent-stations-wrapper input {
  border: 2px solid var(--colour-English-Rose, #CA123F);
}

/* Cross-browser fallback: if ANY input is marked invalid, turn ALL inputs red */
form#lost-property-form:has(input[aria-invalid="true"]) .recent-stations-wrapper input {
  border: 2px solid var(--colour-English-Rose, #CA123F);
}

/* ===== Lost Property: station result card (uses your .station-box markup) ===== */
.lost-property-form .station-box {
  border: 2px solid var(--colour-English-Rose, #CA123F) !important;
  border-radius: 6px !important;
  background: #fff;
  box-shadow:
    0 0 0 1px rgba(202, 18, 63, .10),
    0 10px 24px rgba(0, 0, 0, .08);
  display: flex;
  justify-content: space-between;
  border: 1px solid #d00;
  border-radius: 8px;
  margin-bottom: 16px;
}

.lost-property-form .station-box .station-box-content {
  margin: 36px 40px;
  width: 491px;
}

/* Title */
.lost-property-form .station-box .station-box-content h2 {
  color: var(--colour-English-Rose, #CA123F) !important;
  font-family: 'rooney-sans', sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 36px;
  line-height: 40px;
}

.lost-property-form .station-box .station-details {
  margin-top: 32px;
  gap: 48px;
  display: flex;
  flex-direction: row;
  min-width: 250px;
}

.lost-property-form .station-box .station-notes {
  margin-top: 24px;
}

/* labels/values */
.lost-property-form .station-box p {
  font-size: 20px;
  font-weight: 400 !important;
  font-family: 'rooney-sans', sans-serif !important;
}

.lost-property-form .station-box p strong {
  display: inline-block;
  font-weight: 700;
  font-style: italic;
  font-size: 20px;
  font-family: 'rooney-sans', sans-serif !important;
  margin-bottom: 6px;
}

.lost-property-form .station-box a {
  color: var(--colour-English-Rose, #CA123F);
  text-decoration: none;
  font-family: 'rooney-sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  font-style: italic;
}

.lost-property-form .station-box a:hover {
  color: var(--colour-Shadow-Teal, #008996);
  text-decoration-line: underline;
  text-underline-position: from-font;
}

.lost-property-form .station-box .image-wrapper {
  width: 531px;
  height: 320px;
}

/* image */
.lost-property-form .station-box-img {
  background-image: url(../images/station-box-image.png);
  display: block;
  width: 100%;
  height: 100%;
  min-height: 320px !important;
  background-size: cover !important;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 1200px) {
  .lost-property-form .station-box .station-box-content {
    margin: 36px 40px;
    width: 491px;
  }

  .lost-property-form .station-box .station-box-content h2 {
    font-size: 36px;
  }

  .lost-property-form .station-box .station-details {
    margin-top: 32px;
    gap: 48px;
  }

  .lost-property-form .station-box .station-notes {
    margin-top: 24px;
  }

  .lost-property-form .station-box .image-wrapper {
    width: 459px;
  }

}

/* ===== TABLET (768–1199px)===== */
@media (min-width: 768px) and (max-width: 1199px) {

  .lost-property-form .station-box .station-box-content {
    margin: 36px 32px;
    width: 316px;
  }

  .lost-property-form .station-box .station-box-content h2 {
    font-size: 34px;
  }

  .lost-property-form .station-box .station-details {
    margin-top: 16px;
    gap: 48px;
  }

  .lost-property-form .station-box .station-notes {
    margin-top: 24px;
  }

  .lost-property-form .station-box p strong {
    font-size: 18px;
  }

  .lost-property-form .station-box p {
    font-size: 16px;
  }

  .lost-property-form .station-box .image-wrapper {
    width: 349px;
  }

  .lost-property-form form input.form-text {
    font-size: 18px;
  }

  .lost-property-form form label {
    top: 19px;
    font-size: 18px;
  }

}

/* =========================
   MOBILE (≤767px)
   ========================= */
@media (max-width: 767px) {

  .lost-property-form .station-box {
    flex-direction: column;
  }

  .lost-property-form .station-box .station-box-content {
    margin: 36px 16px;
    width: 296px;
  }

  .lost-property-form .station-box .station-box-content h2 {
    font-size: 34px;
  }

  .lost-property-form .station-box .station-details {
    margin-top: 20px;
    gap: 48px;
  }

  .lost-property-form .station-box .station-notes {
    margin-top: 21px;
  }

  .lost-property-form .station-box p strong {
    font-size: 18px;
  }

  .lost-property-form .station-box p {
    font-size: 16px;
  }


  .lost-property-form .station-box .image-wrapper {
    width: auto !important;
  }
}

/* ===== TABLET (768–1199px)===== */
@media (min-width: 768px) and (max-width: 1199px) {

  .lost-property-form .section-station-text h2,
  .lost-property-form .section-train-text h2 {
    font-size: 34px;
    line-height: 40px;
  }

  .lost-property-form .section-station-text p,
  .lost-property-form .section-train-text p {
    font-size: 22px;
  }
}



/* -------------360px--------------- */
@media (max-width: 767px) {

  .lost-property-form .js-form-wrapper,
  .lost-property-form .js-form-item,
  .lost-property-form .recent-stations-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
  }

  /* Inputs: override desktop fixed width (531px) */
  .lost-property-form .recent-stations-wrapper input {
    width: 100% !important;
    max-width: 100% !important;
    height: 64px;
    /* padding: 12px 16px !important; */
    margin-bottom: 16px;
    box-sizing: border-box;
  }

  /* Error text spacing */
  .lost-property-form .station-error {
    margin-bottom: 16px;
  }

  /* Button full-width */
  .lost-property-form button.get-station-details,
  .lost-property-form button.get-route-station-details {
    width: 100% !important;
    padding: 20px 32px !important;
    margin-bottom: 24px;
    box-sizing: border-box;
    font-size: 22px;
  }

  /* Legend scale on mobile */
  .lost-property-form .section-station-text h2,
  .lost-property-form .section-train-text h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .lost-property-form .section-station-text p,
  .lost-property-form .section-train-text p {
    font-size: 20px;
  }

  .lost-property-form ul.recent-stations-list {
    width: 329px !important;
    border: 2px solid var(--colour-English-Rose, #CA123F) !important;
  }

  .lost-property-form .station-box {
    width: 100%;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .lost-property-form form input[name="from_station"] {
    padding-left: 68px;
  }

  .lost-property-form form input[name="to_station"] {
    padding-left: 45px;
  }

  .lost-property-form form input.form-text {
    font-size: 16px;
  }

  .lost-property-form form label {
    top: 22px;
    font-size: 16px;
  }
}


/*End of Lost Property and Luggage */

/* For Blog Listing (Category Page) heading above Categories: */

.blog-category-search>div {
  display: inline;
  font-size: 44px;
  font-weight: 700;
  font-style: italic;
  color: #CA123F;
}

/* End of Blog Listing (Category Page) heading above Categories: */

/* Start of TOTUM form */

.totum-parent-container .left-column-container {
  padding: 64px 48px !important;

}

.totum-parent-container .right-column-container .fieldset-wrapper {
  display: flex !important;
  flex-direction: column;
}

.totum-parent-container .right-column-container .fieldset-wrapper>.js-webform-radios {
  order: 1;
}

.totum-parent-container .right-column-container {
  padding: 64px 72px !important;
}

.totum-parent-container .right-column-container h2 {
  color: #CA123F;
  text-align: center;
  font-family: 'rooney-sans', sans-serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 24px;
}

.totum-parent-container .right-column-container .xc-form-text-main-container {
  background: var(--White, #fff) !important;
  padding-top: 0px !important;
}

.totum-parent-container .right-column-container .coh-container.totum-below-email-text p.totum-ride-side-sub-text {
  color: var(--colour-Black, #000);
  text-align: center;
  font-family: 'rooney-sans', sans-serif;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 64px !important;
}

.totum-parent-container .right-column-container #edit-email-address {
  height: 64px;
  padding: var(--spacing-2, 16px);
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  border: 2px solid var(--35-black, rgba(0, 0, 0, 0.35));
  background: var(--White, #FFF);
  font-family: 'rooney-sans', sans-serif;
  font-size: var(--size-Input-Field-Text, 20px);
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}

.totum-parent-container .right-column-container #edit-email-address--description {
  color: var(--colour-Black, #000);
  font-family: 'rooney-sans', sans-serif;
  font-size: var(--size-Paragraph--Large, 24px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 24px;
  margin-top: 32px;
}

.totum-parent-container .right-column-container .js-form-item:has(.form-item--error-message) #edit-email-address {
  border: 2px solid var(--colour-English-Rose, #CA123F);
}

.totum-parent-container .right-column-container .form-item--error-message {
  color: #CA123F;
  font-family: 'rooney-sans', sans-serif;
  font-size: 16px;
  font-style: italic;
  /* font-weight: 700; */
  line-height: 24px;
  /* margin-bottom: 32px; */
  margin-top: 6px;
}

.totum-parent-container .right-column-container .fieldset-wrapper>div:first-child {
  order: 2;
  color: #CA123F;
  font-family: 'rooney-sans', sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 32px;
}

.totum-parent-container .right-column-container .option {
  margin-bottom: 24px;
}

.totum-parent-container .right-column-container .js-form-item-totum-confirmation-radios:last-child .option {
  margin-bottom: 0.25rem;
}

.totum-parent-container .right-column-container .js-form-item-totum-confirmation-radios {
  margin-top: 0.25rem;
}

/* .totum-parent-container .right-column-container label[for="edit-totum-confirmation-radios-no"]{
  margin-bottom: 60px;
} */

.totum-parent-container .right-column-container label[data-drupal-selector="edit-terms-and-conditions"] a {
  color: var(--colour-English-Rose, #CA123F);
  font-family: 'rooney-sans', sans-serif;
  font-size: var(--size-H6, 20px);
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 48px !important;
}

.totum-parent-container .right-column-container label[data-drupal-selector="edit-terms-and-conditions"] a:hover {
  text-decoration-line: underline;
  text-underline-position: from-font;
}

.totum-parent-container .right-column-container #edit-actions-submit {
  border-radius: var(--radius-radius-minimal, 6px);
  background: #DF1797;
  padding: var(--spacing-2, 16px);
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  color: #FFF;
  font-family: 'rooney-sans', sans-serif;
  font-size: var(--size-Primary-Button-Text, 24px);
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  width: 532px;
  margin-top: 40px;
  margin-bottom: 24px;
}

.totum-parent-container .right-column-container .xc-form-background [data-ssa-form-type="form-wysiwyg"] p {
  color: var(--colour-Black, #000);
  font-family: 'rooney-sans', sans-serif;
  font-size: 15px !important;
  text-align: left;
  margin-bottom: 0 !important;
}


/* ------------Totum-radio-button------------ */
.totum-parent-container .right-column-container #edit-totum-confirmation-radios .form-radio {
  position: absolute;
  opacity: 0;
  inset: 0;
  width: 28px;
  height: 28px;
  margin: 0;
}

/* Clickable label */
.totum-parent-container .right-column-container #edit-totum-confirmation-radios label.option {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  padding-left: 56px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: 'rooney-sans', sans-serif;
}

/* Outer circle */
.totum-parent-container .right-column-container #edit-totum-confirmation-radios label.option::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border: 2px solid #ccc;
  border-radius: 50%;
  background: #fff;
  transition: border-color .15s ease;
}

/* Inner filled dot (hidden until checked) */
.totum-parent-container .right-column-container #edit-totum-confirmation-radios label.option::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(-50%, -50%) scale(0);
  width: 17.5px;
  height: 17.5px;
  border-radius: 50%;
  background: #CA123F;
  transition: transform .15s ease;
}

/* Checked state */
.totum-parent-container .right-column-container #edit-totum-confirmation-radios .form-radio:checked+label.option::before {
  border-color: #CA123F;
}

.totum-parent-container .right-column-container #edit-totum-confirmation-radios .form-radio:checked+label.option::after {
  transform: translate(-50%, -50%) scale(1);
}

/* Keyboard focus ring */
.totum-parent-container .right-column-container #edit-totum-confirmation-radios .form-radio:focus-visible+label.option::before {
  box-shadow: 0 0 0 3px rgba(202, 18, 63, 0.3);
}

/* ==========Left-column-container========== */

.totum-parent-container .left-column-container {
  width: 548px;
}


.totum-parent-container .left-column-container .coh-container p.coh-paragraph {
  color: var(--colour-Clotted-Cream, #F8EFE3);
  text-align: center;
  font-family: 'rooney-sans', sans-serif;
  font-size: var(--size-Paragraph--Large, 23px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  padding-left: 65px;
  padding-right: 65px;
  margin-bottom: 72px;
  /* margin-top: 24px; */

}

.totum-parent-container .left-column-container h3.coh-heading.totum-left-side-heading2 {
  color: var(--colour-Clotted-Cream, #F8EFE3);
  text-align: left;
  font-family: 'rooney-sans', sans-serif;
  font-size: var(--size-H2, 36px);
  font-style: italic;
  font-weight: 700;
  line-height: var(--spacing-5, 40px);
  width: max-content;
  margin-bottom: 32px;
  padding: 0;
}

/* ====== TOTUM steps (left column) ====== */

/* TOTUM logo in place of the text heading */
.totum-parent-container .left-column-container h2.totum-let-fol-heading {
  position: relative;
  /* display: block; */
  width: 404.485px;
  height: 95.942px;
  /* margin: 0 0 12px; */
  /* flex: 0 0 auto; */
  /* text-indent: -9999px; */
  /* white-space: nowrap; */
  /* overflow: hidden; */
  margin: 0 80px;
  margin-bottom: 24px;
}

.totum-parent-container .left-column-container h2.totum-let-fol-heading::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/xc-Totum-branding-image.svg) no-repeat 0 0;
  background-size: contain;
  /* keep aspect ratio */
}

/* 1200–1511 (same sizing as 1512 spec, kept for clarity) */
@media (min-width:1200px) and (max-width:1511px) {
  .totum-parent-container .left-column-container h2.totum-let-fol-heading {
    width: 404.485px;
    height: 96px;
  }
}

/* 768–1199 */
@media (min-width:768px) and (max-width:1199px) {
  .totum-parent-container .left-column-container h2.totum-let-fol-heading {
    width: 337.03px;
    height: 80px;
  }
}

/* 360–767 (scaled down) */
@media (min-width:360px) and (max-width:767px) {
  .totum-parent-container .left-column-container h2.totum-let-fol-heading {
    height: 62.7px;
    width: 264px;
  }
}


/* container that holds .totum-step-number + .totum-step-text */
.totum-parent-container .left-column-container .coh-container:has(.totum-step-number) {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
  margin-bottom: 24px;
}

/* number */
.totum-parent-container .left-column-container .totum-step-number {
  color: var(--colour-Clotted-Cream, #F8EFE3);
  text-align: center;
  font-family: 'rooney-sans', sans-serif;
  font-size: var(--size-H5, 24px);
  font-style: italic;
  font-weight: 700;
  line-height: normal;

  width: 42px;
  height: 42px;
  min-width: 42px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
}

/* text */
.totum-parent-container .left-column-container .totum-step-text {
  color: var(--colour-Clotted-Cream, #F8EFE3);
  text-align: center;
  font-family: 'rooney-sans', sans-serif;
  font-size: var(--size-Paragraph---Small, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 65px;
  padding-right: 65px;
  margin: 16px 0;
}

/* ====== Tablet + Mobile (768–1199 & 360–767): number and text side-by-side ====== */
@media (min-width: 768px) and (max-width: 1199px),
(min-width: 360px) and (max-width: 767px) {

  /* row layout on tablet/mobile */
  .totum-parent-container .left-column-container .coh-container:has(.totum-step-number) {
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    text-align: left;
  }

  /* size the circular number (NOT the container) */
  .totum-parent-container .left-column-container .totum-step-number {
    width: 36px;
    height: 36px;
    min-width: 36px;
    font-size: 20.571px;
  }

  /* let the text take the remaining width */
  .totum-parent-container .left-column-container .totum-step-text {
    flex: 1;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    text-align: left;
    white-space: normal;
    font-size: 16px;
  }
}

/* -----------------1200px----------------------- */
@media (min-width: 1200px) and (max-width: 1511px) {
  .totum-parent-container .left-column-container {
    padding: 64px 32px !important;

  }

  .totum-parent-container .right-column-container {
    padding: 64px 40px !important;
  }

  .totum-parent-container .left-column-container h3.coh-heading.totum-left-side-heading2 {
    text-align: center;
    width: fit-content;
  }

  .totum-parent-container .left-column-container .coh-container p.coh-paragraph {
    padding-left: 37px;
    padding-right: 37px;
  }

  .totum-parent-container .left-column-container h2.totum-let-fol-heading {
    margin: 0 42px;
    margin-bottom: 24px;
  }
}

/* -----------------768px----------------------- */
@media (min-width: 768px) and (max-width: 1199px) {
  .totum-parent-container .left-column-container {
    padding: 40px 32px !important;

  }

  .totum-parent-container .right-column-container {
    padding: 40px 96px !important;
  }

  .totum-parent-container .left-column-container h2.totum-let-fol-heading {
    margin: 0 118px;
    margin-bottom: 24px;
  }
}

/* -----------------360px----------------------- */
@media (min-width: 360px) and (max-width: 767px) {
  .totum-parent-container .left-column-container {
    padding: 40px 16px !important;

  }

  .totum-parent-container .right-column-container {
    padding: 40px 16px !important;
  }

  .totum-parent-container .left-column-container .coh-container p.coh-paragraph {
    padding: 0;
  }

  .totum-parent-container .left-column-container h3.coh-heading.totum-left-side-heading2 {
    text-align: center;
    font-size: 30px;
    padding: 0;
    width: 100%;

  }

  .totum-parent-container .left-column-container h2.totum-let-fol-heading {
    margin: 0 16px;
    margin-bottom: 24px;
  }

  .totum-parent-container .left-column-container .coh-container p.coh-paragraph {
    margin-bottom: 40px;
  }

  .totum-parent-container .right-column-container h2 {
    font-size: 30px;
  }

  .totum-parent-container .right-column-container .coh-container.totum-below-email-text p.totum-ride-side-sub-text {
    font-size: 20px;
  }

  .totum-parent-container .right-column-container #edit-email-address--description {
    font-size: 20px;
  }

  .totum-parent-container .right-column-container #edit-totum-confirmation-radios label.option {
    font-size: 16px;
  }

  .totum-parent-container .right-column-container label[data-drupal-selector="edit-terms-and-conditions"] {
    font-size: 16px;
  }

  .totum-parent-container .right-column-container .xc-form-background [data-ssa-form-type="form-wysiwyg"] p {
    font-size: 14px;
  }

  .totum-parent-container .right-column-container #edit-actions-submit {
    font-size: 20px;
    width: 100%;
  }
}


/* End of TOTUM form */
.gc-banner.page-node-type-blog div#gc--bg-banner-qtt\ xc-blog-banner-background-container {
  background: url(../images/default_blog_image.png);
  background-repeat: no-repeat;
  background-position: right top;
}

/* Start of Banner CR*/

#block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-row {
  display: none;
}

#block-cohesion-cross-country-views-block-page-banner-list-block-1 .banner-header {
  text-align: center;
  padding: 10px 63px;
  background: #F5A706;
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
  align-items: center;
  color: #000;
  text-align: center;
  font-family: 'rooney-sans', sans-serif !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

#block-cohesion-cross-country-views-block-page-banner-list-block-1 .banner-update-icon {
  background-image: url(../images/XC-banner-travel-update.svg);
  background-position: center;
  background-size: 24px 22.5px;
  background-repeat: no-repeat;
  width: 24px;
  height: 22.5px;
}

#block-cohesion-cross-country-views-block-page-banner-list-block-1 .banner-down-arrow {
  background-image: url(../images/XC-banner-travel-update-down-arrow.svg);
  background-position: center;
  background-size: 22px 12px;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
}

#block-cohesion-cross-country-views-block-page-banner-list-block-1 .banner-up-arrow {
  background-image: url(../images/XC-banner-travel-update-up-arrow.svg);
  background-position: center;
  background-size: 22px 12px;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
}

#block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-row {
  align-items: center;
  justify-content: center;
  padding: 6px 96px;
  gap: 8px;
  align-self: stretch;
  border-bottom: 1px solid #F9D772;
  background: #FBE39E;
  text-align: center;
}

#block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-row>* {
  display: inline;
}

#block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-field-field-banner-title p,
#block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-field-field-banner-title>*,
#block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-field-field-description>* {
  display: inline;
  font-family: 'rooney-sans', sans-serif !important;
  font-size: 16px !important;
  line-height: 26px !important;
}

#block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-field-field-banner-title p * {
  color: #000;
  text-align: center;
  font-family: 'rooney-sans', sans-serif !important;
  font-size: 16px !important;
  line-height: 26px !important;
  background: #FBE39E;
  display: inline;
}

#block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-field-field-description p,
#block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-field-field-description p * {
  color: #000;
  text-align: center;
  font-family: 'rooney-sans', sans-serif !important;
  font-size: 16px !important;
  line-height: 26px !important;
  background: #FBE39E;
  display: inline;
}

#block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-field-field-more-info-link a {
  color: #016E79 !important;
  font-family: 'rooney-sans', sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 700;
  line-height: 26px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  display: inline;
}


@media (min-width: 768px) and (max-width: 1199px) {
  #block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-row {
    padding: 8px 16px;
  }
}

@media (max-width: 767px) {



  #block-cohesion-cross-country-views-block-page-banner-list-block-1 .banner-header {
    font-size: 14px;
    line-height: 20px;
    gap: 16px;
  }

  #block-cohesion-cross-country-views-block-page-banner-list-block-1 .banner-update-icon {
    background-size: 18px 17px;
    width: 18px;
    height: 17px;
  }

  #block-cohesion-cross-country-views-block-page-banner-list-block-1 .banner-down-arrow,
  #block-cohesion-cross-country-views-block-page-banner-list-block-1 .banner-up-arrow {
    background-size: 18px 12px;
    width: 18px;
    height: 17px;
  }

  #block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-row {
    padding: 8px 16px;
    text-align: left;
  }

  #block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-field-field-banner-title p,
  #block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-field-field-banner-title>*,
  #block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-field-field-description>* {
    display: inline;
    font-family: 'rooney-sans', sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  #block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-field-field-banner-title p *,
  #block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-field-field-description p,
  #block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-field-field-description p *,
  #block-cohesion-cross-country-views-block-page-banner-list-block-1 .views-field-field-more-info-link a {
    font-size: 14px !important;
    line-height: 20px !important;
  }



}

/* End of Banner CR*/

/* this is for the to hide the category section from the community new feed page*/
div[data-url*="/community-news-feed"].blog-page-category-parent,
div[data-url*="/community-news-feed"].blog-detail-page-category-parent {
  display: none;
}

.blog-detail-page-other-category div[data-url*="/community-news-feed"].blog-detail-page-category-parent {
  justify-content: end;
}

/* Custom and webforms captcha */

form .captcha-type-challenge--turnstile legend {
  display: none;
}

/* ---------XC-No result behaviour-------- */
.xc-no-result-behavior {
  align-items: center;
  text-align: center;
}

.recent-locations-list li.selected,
.recent-locations-list li.highlighted {
  background-color: #ec9bad;
  border-radius: 5px;
  border: 2px solid #ec9bad;
  color: #000;
}

.mobile-results-list li.selected,
.mobile-results-list li.highlighted {
  background-color: #ec9bad;
  border-radius: 5px;
  border: 2px solid #ec9bad;
  color: #000;
}