/* Text area background css fixes */
.general-enqiry-visibility .xc-form-text-main-container {
    background: var(--colour-Clotted-Cream, #F8EFE3);
    padding: 48px 0;
}

.general-enqiry-visibility .xc-form-background ul {
    padding-bottom: 3rem;
}

/* Station search styles */
.station-wrapper {
  position: relative;
  width: 100%;
}

.station-suggestions {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #fff;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: auto;
  z-index: 100;
  display: none;
}

.station-suggestions li {
  padding: 8px;
  cursor: pointer;
}

.station-suggestions li:hover {
  background-color: #f0f0f0;
}

.station-suggestions li:hover {
  background-color: #f0f0f0;
}

/* Style for the recent stations heading within the suggestions list. */
.station-suggestions .station-heading {
  font-weight: bold;
  background-color: #f8d7da;
  padding: 8px;
  cursor: default;
}

/* Manual address entry link styles */
.enter-address-manually {
  cursor: pointer;
  text-decoration: underline;
}
.enter-address-manually:hover {
  text-decoration: none;
}

/* vishal */

.xc-general-enquires-form fieldset.webform-composite-hidden-title {
    margin-top: 0;
    margin-bottom: 0;
}

.xc-general-enquires-form, .xc-bacs-container  {
    font-family: var(--font-family-all, "rooney-sans");
    background: var(--colour-Clotted-Cream, #F8EFE3);
    padding: 3rem 0 5rem 0;
}

.xc-general-enquires-form {
    padding-top: 0;
}

.xc-general-enquires-form .js-webform-flexbox.form-wrapper {
    flex-direction: column;
}
.xc-general-enquires-form .xc-general-enquries-block .webform-flex.webform-flex--1 .webform-flex--container {
    margin: 0 0;
}
.xc-general-enquries-heading-container {
    padding-bottom: 2rem;
    border-bottom: 2px solid var(--colour-Shadow-Cream, rgba(205, 195, 186, 1));
}
.xc-enquiry-section-heading {
    color: #CA123F;
    /* Typography/Headings/H2 */
    font-size: var(--size-H2, 36px);
    font-style: italic;
    font-weight: 700;
    line-height: var(--spacing-5, 40px); /* 111.111% */
}
 
.xc-enquiry-section-container {
    padding-top: 3rem;
    width: 40.25rem;
}
 
.xc-enquiry-section-container .webform-section-wrapper {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.journey-details-container .xc-enquiry-section-container .webform-section-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
}
 
.xc-enquiry-section-container .webform-section-wrapper .js-form-item input,
.xc-enquiry-section-container .webform-section-wrapper .js-form-item select,
.xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown .selected  {
    height: 57px;
    padding: var(--spacing-2, 16px);
    border-radius: 6px;
    border: 2px solid var(--35-black, rgba(0, 0, 0, 0.35));
    background: var(--White, #FFF);
    font-size: var(--size-Input-Field-Text, 20px);
    font-style: italic;
    font-weight: 700;
    line-height: normal;
}
 
.xc-enquiry-section-container .webform-section-wrapper .js-form-item select.form-item-title {
    width: 19.125rem;
}

.xc-general-enquires-form .personal-details-container .js-form-item-postcode {
    flex-direction: row;
    gap: 2rem;
    align-items: center;
    position: relative;
    display: flex;
    width: 100%;
}

.xc-general-enquires-form .personal-details-container .js-form-item-postcode .error-message-container {
    position: absolute;
    bottom: -24px;
}

.xc-general-enquires-form .personal-details-container .manual-address-entry-fields .error-message-container {
    position: relative;
    bottom: unset;
}

.xc-general-enquires-form .personal-details-container .manual-address-entry-fields {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
}
.xc-general-enquires-form .personal-details-container .js-form-item-postcode .enter-address-manually {
    text-decoration: none;
    color: var(--colour-English-Rose, #CA123F);
    /* Typography/Headings/H5 */
    font-size: var(--size-H5, 24px);
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
}
.xc-general-enquires-form .personal-details-container .manual-address-entry-fields .address-fields-wrapper {
    display: flex;
    gap: 1.25rem;
    width: 100%;
    flex-direction: column;
}

.xc-general-enquires-form .personal-details-container .manual-address-entry-fields #edit-postcode {
    max-width: 19.125rem;
}
 
.xc-general-enquires-form  .journey-details-container, .xc-general-enquires-form .enquiry-details-container {
    margin: 0;
    padding-top: 3rem;
}
 
.xc-general-enquires-form .personal-details-container {
    margin: 0;
}
 
.xc-general-enquires-form  .journey-details-container {
    gap: 24px;
}

.xc-general-enquires-form .journey-details-container .webform-flex--1.webform-flex .webform-flex--container .js-form-item {
    width: 100%;
}

.xc-general-enquires-form .journey-details-container .webform-flex--1.webform-flex .webform-flex--container .js-form-item-departing-time-hours,
.xc-general-enquires-form .journey-details-container .webform-flex--1.webform-flex .webform-flex--container .js-form-item-departing-time-minutes {
    width: 12rem;
}
 
.journey-details-container .webform-flex--1 .webform-flex--container .xc-enquiry-section-container {
    padding-top: 0;
}
 
.xc-general-enquires-form  .enquiry-details-container {
    gap: 20px;
}
 
.xc-general-enquires-form  .enquiry-details-container .enquiry-type-radios .js-webform-radios {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
 
.xc-general-enquires-form  .enquiry-details-container .enquiry-type-radios .js-webform-radios .js-form-item {
    flex: 0 0 30%;
    width: 30%;
}
 
.xc-general-enquires-form .enquiry-details-container .js-form-type-radio:hover,
.xc-general-enquires-form .enquiry-details-container .js-form-type-radio .form-radio:hover {
    cursor: pointer;
}
 
.xc-general-enquires-form .enquiry-details-container .js-form-type-radio label::before {
    background: #ffffff;
    border: 2px solid #CDC3BA;
}
 
.xc-general-enquires-form .enquiry-details-container .js-form-type-radio label::after {
    content: url("./../images/radioItemSelected.svg");
    border-radius: 50%;
}
 
.xc-general-enquires-form .enquiry-details-container .webform-flex--1.webform-flex,
.xc-general-enquires-form .journey-details-container .webform-flex--1.webform-flex .webform-flex--container {
    width: 40.25rem;
}

.xc-general-enquires-form .enquiry-details-container .webform-flex--1.webform-flex:first-child {
    width: 100%;
}
 
.xc-general-enquires-form .enquiry-details-container .js-form-item textarea {
    border-radius: 6px;
    border: 2px solid var(--35-black, rgba(0, 0, 0, 0.35));
    background: var(--White, #FFF);
    height: 286px;
    padding: var(--spacing-2, 16px) var(--spacing-4, 32px) var(--spacing-2, 16px) var(--spacing-2, 16px);
    color: var(--colour-Black, #000);
/* Typography/Navigation/Forms/Label Text */
    font-family: var(--font-family-all, "rooney-sans");
    font-size: var(--size-Input-Field-Text, 20px);
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}
 
.xc-general-enquires-form .enquiry-details-container .text-count-wrapper {
    display: flex;
    width: 100%;
    text-align: right;
    justify-content: flex-end;
}
.xc-general-enquires-form .enquiry-details-container .text-count-wrapper .text-count-message {
    color: var(--colour-Shadow-Teal, #008996);
    /* Typography/Navigation/Main Nav Links */
    font-family: var(--font-family-all, "rooney-sans");
    font-size: var(--size-Main-Nav-Links, 16px);
    font-style: italic;
    font-weight: 700;
    line-height: var(--spacing-3, 24px); /* 150% */
}
 
.xc-general-enquires-form .enquiry-details-container .choose-file-text {
    align-self: stretch;
    color: var(--colour-Black, #000);
    /* Typography/Body Text/Paragraph-Sm */
    font-family: var(--font-family-all, "rooney-sans");
    font-size: var(--size-Paragraph---Small, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
 
.xc-general-enquires-form .enquiry-details-container .js-form-managed-file {
    border-radius: 6px;
    border: 2px solid var(--35-black, rgba(0, 0, 0, 0.35));
    background: var(--White, #FFF);
    display: flex;
    height: 86px;
    padding: var(--spacing-2, 16px);
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

/* .xc-general-enquires-form .enquiry-details-container .js-form-managed-file #edit-choose-file-upload::file-selector-button {
    display: none;
} */

.xc-general-enquires-form .enquiry-details-container .form-type-managed-file {
    position: relative;
}

.xc-general-enquires-form .enquiry-details-container .form-type-managed-file > label {
    padding: var(--spacing-2, 16px) var(--spacing-4, 32px);
    align-items: center;
    position: absolute;
    border-radius: 6px;
    width: 11.438rem;
    background: var(--colour-Black, #000);
    color: var(--colour-White, #FFF);
    font-size: var(--size-Primary-Button-Text, 24px);
    font-style: italic;
    font-weight: 700;
    left: 1rem;
    top: .75rem;
    cursor: pointer;
    margin-right: 1.5rem;
}

.xc-general-enquires-form .enquiry-details-container .xc-file-name {
    color: var(--colour-Black, #000);
    display: inline-block;
    /* Typography/Body Text/Paragraph-Sm */
    font-family: var(--font-family-all, "rooney-sans");
    font-size: var(--size-Paragraph---Small, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

input#edit-postcode::placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;     /* Needed for ellipsis */
}


/* Ellipsis when placeholder is visible (empty input) */
input#edit-postcode:placeholder-shown {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.placeholder-text-label {
    position: absolute;
    top: 16px;
    left: 16px;
    font-family: var(--font-family-all, "rooney-sans");
    font-size: var(--size-Input-Field-Text, 20px);
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    color: var(--70-black, rgba(0, 0, 0, 0.70));
}
.placeholder-text-label span {
    font-weight: 700;
}

.station-input-label.placeholder-text-label {
    z-index: 1;
}

.xc-bacs-container .arriva-bacs-form form .js-form-item input {
    height: 57px;
    padding: var(--spacing-2, 16px);
    border-radius: 6px;
    border: 2px solid var(--35-black, rgba(0, 0, 0, 0.35));
    background: var(--White, #FFF);
}

.postcode-wrapper .placeholder-text-label {
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;   
    max-width: 290px;
}

.xc-general-enquires-form .enquiry-details-container .file-name-label-padding {
    padding-left: 12.938rem;
}

.xc-general-enquires-form .enquiry-details-container .after-choose-file-text {
    color: #000;
    /* Typography/Headings/H6 */
    font-size: var(--size-H6, 20px);
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    display: flex;
    padding-top: 1.25rem;
}

.xc-general-enquires-form .enquiry-details-container #edit-send-email-radios {
    flex-direction: column;
    display: flex;
    gap: 24px;
}
.xc-general-enquires-form .enquiry-details-container #edit-send-email-radios .form-type-radio:last-child {
    margin-top: 0;
}

.xc-general-enquires-form .enquiry-details-container #edit-concluding-text {
    padding-top: 1.75rem;
    font-size: var(--size-Paragraph---Small, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.xc-general-enquires-form .enquiry-details-container #edit-concluding-text a {
    color: var(--colour-English-Rose, #CA123F);
    /* Typography/Headings/H6 */
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}

.xc-general-enquries-block .webform-submission-general-enquiries-form .form-actions {
    position: relative;
    margin-top: 3rem;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    width: max-content;
}
 
.xc-general-enquries-block .webform-submission-general-enquiries-form .form-actions .general-enquiries-submit {
    border-radius: var(--radius-radius-minimal, 6px);
    background: var(--colour-Black, #000);
    font-size: var(--size-Primary-Button-Text, 24px);
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    color: #FFF;
    display: flex;
    padding: var(--spacing-2, 16px);
    justify-content: center;
    align-items: center;
}

.xc-general-enquries-block .error-message-container,
.xc-bacs-container .arriva-bacs-form .form-item--error-message {
    display: none;
    color: var(--colour-English-Rose, #CA123F);
    /* Typography/Navigation/Main Nav Links */
    font-size: var(--size-Main-Nav-Links, 16px);
    font-style: italic;
    font-weight: 700;
    line-height: var(--spacing-3, 24px); /* 150% */
}

.xc-enquiry-section-container .webform-section-wrapper .js-form-item .error-border-field,
.xc-bacs-container .arriva-bacs-form form .js-form-item input.error-border-field,
.xc-general-enquires-form .enquiry-details-container .js-form-item textarea.error-border-field {
    border: 2px solid #CA123F;
}

.xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown {
    position: relative;
    width: 19.125rem;
}

.journey-details-container .xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown {
    width: 100%;
}

.xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown .selected {
    cursor: pointer;
}
.xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown .selected .default-option {
    color: #666666;
}

.xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown .selected .default-option > span,
.xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown ul li:first-child {
    color: var(--70-black, rgba(0, 0, 0, 0.70));
    font-weight: 400;
    background-color: transparent;
    font-style: normal;
}

.xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown ul {
    list-style: none;
    left: 0;
    margin: 0;
    padding: 0;
    border-top: none;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 100;
    padding: var(--spacing-3, 24px) var(--spacing-2, 16px);
    border-radius: 6px;
    border: 2px solid var(--colour-English-Rose, #CA123F);
    background: var(--Neutral-White, #FFF);
    max-height: 30rem;
    width: 19.25rem;
    overflow-y: auto;
}

.xc-enquiry-section-container .webform-section-wrapper .js-form-item-postcode input {
    width: 100%;
}

.xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown li {
    cursor: pointer;
    padding: 9px 14px;
    color: var(--Neutral-Black, #000);
    font-size: var(--size-Paragraph---Small, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.xc-enquiry-section-container .webform-section-wrapper .js-form-item-postcode .xc-general-select-dropdown {
    position: absolute;
    bottom: 0;
}

.xc-enquiry-section-container .webform-section-wrapper .js-form-item-postcode .xc-general-select-dropdown li {
    white-space: nowrap;        /* force text to stay in one line */
    overflow: hidden;           /* hide the overflow */
    text-overflow: ellipsis;    /* add "..." at the end */
    display: block;             /* or inline-block/flex item */
    max-width: 15.975rem;
}

.xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown li:hover,
.xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown li.active {
    border-radius: 6px;
    background: var(--colour-Light-Rose, #EC9BAD);
    font-style: italic;
    font-weight: 700;   
}

.xc-general-optional-label {
    font-style: italic;
    padding-bottom: 0.5rem;
    font-size: 1.25rem;
    display: flex;
}

.xc-enquiry-section-container .webform-section-wrapper .js-form-item input:focus,
.xc-bacs-container .xc-bacs-form .js-form-item input:focus,
.xc-enquiry-section-container .webform-section-wrapper .js-form-item textarea:focus,
.xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown .selected:focus {
    border: 1px solid #ec9bad;
}

.xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown  .selected::after {
    content: url("./../images/ArrowDown.svg");
    position: absolute;
    right: 32px;
    top: 16px;
    width: 14px;
    height: 14px;
}

.ui-datepicker.ui-widget,
.ui-datepicker .ui-datepicker-header  {
    background: #fff;
}

.ui-datepicker.ui-widget select.ui-datepicker-month, .ui-datepicker.ui-widget select.ui-datepicker-year {
    width: 45%;
    padding: 4px 8px;
    border: 1px solid #ccc;
    margin-left: 5px;
    color: var(--70-black, rgba(0, 0, 0, 0.70));
}

.ui-datepicker.ui-widget th {
    font-weight: 400;
    background-color: #CA123F;
    color: #FFF;
    font-style: italic;
}

.ui-datepicker.ui-widget .ui-state-default,
.ui-datepicker.ui-widget .ui-widget-content .ui-state-default,
.ui-datepicker.ui-widget .ui-widget-header .ui-state-default,
.ui-datepicker.ui-widget .ui-button,
 html .ui-datepicker.ui-widget .ui-button.ui-state-disabled:hover,
 html .ui-datepicker.ui-widget .ui-button.ui-state-disabled:active {
    border: none /*{borderColorDefault}*/;
    background: none /*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
    font-weight: normal /*{fwDefault}*/;
    color: var(--70-black, rgba(0, 0, 0, 0.70));
    padding: .5rem .4rem;
    text-align: center;
    border-radius: 50%;
}

.ui-datepicker.ui-widget .ui-state-highlight,
.ui-datepicker.ui-widget .ui-widget-content .ui-state-highlight,
.ui-datepicker.ui-widget .ui-widget-header .ui-state-highlight {
    border: none /*{borderColorHighlight}*/;
    background: #EC9BAD /*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
    color: #000 /*{fcHighlight}*/;
}

.ui-datepicker.ui-widget .ui-state-active,
.ui-datepicker.ui-widget .ui-widget-content .ui-state-active,
.ui-datepicker.ui-widget .ui-widget-header .ui-state-active,
.ui-datepicker.ui-widget a.ui-button:active,
.ui-datepicker.ui-widget .ui-button:active,
.ui-datepicker.ui-widget .ui-button.ui-state-active:hover {
    background: #CA123F /*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
    font-weight: normal /*{fwDefault}*/;
    color: #ffffff /*{fcActive}*/;
}

.ui-datepicker.ui-widget .ui-state-active,
.ui-datepicker.ui-widget .ui-widget-content .ui-state-active {
    color: #ffffff;
}

/* Bacs form Css */
.xc-bacs-container .arriva-bacs-form {
    width: 40.25rem;
}

.xc-bacs-container .arriva-bacs-form form {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.xc-bacs-container .arriva-bacs-form form p {
    padding: 1.5rem 0 1rem 12rem;
}

.xc-bacs-container .arriva-bacs-form form .js-form-item {
    flex-direction: row;
    gap: 32px;
    align-items: center;
    position: relative;
}

.xc-bacs-container .arriva-bacs-form form .sort-code-wrapper {
    display: flex;
    align-items: center;
}

.xc-bacs-container .arriva-bacs-form form .js-form-item label {
    min-width: 10rem;
}

.xc-bacs-container .xc-bacs-form .link-expired-message {
    padding: 1.5rem 0;
    font-style: italic;
    color: #CA123F;
    line-height: normal;
    font-weight: 700;
}

.enquiry-details-container .js-form-type-textarea .textarea-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.xc-general-enquires-form .js-form-type-radio label {
    font-size: 1.25rem;
}

.placeholder-feild-wrapper {  
    position: relative;
}

.enquiry-details-container .js-form-type-textarea .textarea-wrapper .error-message-container {
    width: 50%;
}

.xc-bacs-container .arriva-bacs-form .form-item--error-message {
    position: absolute;
    left: 192px;
    bottom: -24px;
    display: block;
}

.xc-bacs-container .arriva-bacs-form .form-item--error-message strong {
    font-weight: 700;
}

.xc-bacs-container .arriva-bacs-form .js-form-item-sort-code-part2 .form-item--error-message,
.xc-bacs-container .arriva-bacs-form .js-form-item-sort-code-part3 .form-item--error-message {
    display: none;
}

.xc-bacs-container .arriva-bacs-form .js-form-item-sort-code-part1 .form-item--error-message {
    width: 350px;
}

.xc-bacs-container .arriva-bacs-form form .sort-code-wrapper .js-form-item input {
    width: 5rem;
    margin: 0 0.25rem;
}
.xc-bacs-container .arriva-bacs-form form .sort-code-wrapper .js-form-item:first-child input {
    margin-left: 0;
}
.xc-bacs-container .arriva-bacs-form form .sort-code-wrapper .js-form-item:last-child input {
    margin-right: 0;
}

.xc-bacs-container .arriva-bacs-form form .form-actions.form-wrapper {
    padding-left: 12rem;
    padding-top: 2rem;
}

.xc-bacs-container .arriva-bacs-form form .form-wrapper .form-submit {
    border-radius: var(--radius-radius-minimal, 6px);
    background: var(--colour-Black, #CA123F);
    font-size: var(--size-Primary-Button-Text, 24px);
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    color: #FFF;
    display: flex;
    padding: var(--spacing-2, 16px);
    justify-content: center;
    align-items: center;
}

/* Bacs form Web css ends */

@media (min-width: 1200px) and (max-width:1511px) {
    .xc-enquiry-section-container,
    .xc-general-enquires-form .enquiry-details-container .webform-flex--1.webform-flex,
    .xc-general-enquires-form .journey-details-container .webform-flex--1.webform-flex .webform-flex--container {
        width: 40.813rem;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .xc-general-enquires-form .js-webform-flexbox.form-wrapper .xc-enquiry-section-heading {
        font-size: var(--size-H2, 34px);
    }
    .xc-general-enquires-form .personal-details-container .manual-address-entry-fields #edit-postcode {
        max-width: 16.625rem;
    }
    .xc-enquiry-section-container .webform-section-wrapper .js-form-item input,
    .xc-enquiry-section-container .webform-section-wrapper .js-form-item select,
    .xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown .selected,
    .xc-general-enquires-form .enquiry-details-container .js-form-item textarea,
    .xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown li,
    .xc-general-enquires-form .xc-general-optional-label {
        font-size: 1.125rem;
    }   
    .xc-general-enquires-form .enquiry-details-container .choose-file-text,
    .xc-general-enquires-form .enquiry-details-container .after-choose-file-text,
    .xc-general-enquires-form .enquiry-details-container #edit-concluding-text {
        font-size: 1rem;
    }

    .general-enqiry-visibility .xc-form-background ul {
        padding-bottom: 2.5rem;
    }

    .xc-enquiry-section-container .js-form-type-radio label {
        font-size: 1rem;
    }
}

@media (min-width: 360px) and (max-width: 767px) {
    .xc-enquiry-section-container,
    .xc-general-enquires-form .enquiry-details-container .webform-flex--1.webform-flex,
    .xc-general-enquires-form .journey-details-container .webform-flex--1.webform-flex .webform-flex--container {
        width: 100%;
    }
    .xc-general-enquires-form .js-webform-flexbox.form-wrapper .xc-enquiry-section-heading {
        font-size: var(--size-H2, 30px);
    }

    .xc-general-enquires-form .personal-details-container .js-form-item-postcode .error-message-container {
        position: relative;
        bottom: unset;
    }

    .xc-enquiry-section-container .js-form-type-radio label {
        font-size: 1rem;
    }

    .xc-general-enquires-form, .xc-bacs-container {
        font-family: var(--font-family-all, "rooney-sans");
        background: var(--colour-Clotted-Cream, #F8EFE3);
        padding: 1.5rem 0 5rem 0;
    }

    .xc-general-enquires-form .enquiry-details-container .enquiry-type-radios .js-webform-radios .js-form-item {
        flex: 0 0 45%;
        width: 45%;
    }

    .xc-enquiry-section-container .webform-section-wrapper .js-form-item input,
    .xc-enquiry-section-container .webform-section-wrapper .js-form-item select,
    .xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown .selected,
    .xc-general-enquires-form .enquiry-details-container .js-form-item textarea,
    .xc-enquiry-section-container .webform-section-wrapper .js-form-item .xc-general-select-dropdown li,
    .xc-general-enquires-form .xc-general-optional-label,
    .xc-general-enquires-form .enquiry-details-container .choose-file-text,
    .xc-general-enquires-form .enquiry-details-container .after-choose-file-text,
    .xc-general-enquires-form .enquiry-details-container #edit-concluding-text {
        font-size: 1rem;
    }
    .xc-general-enquires-form .personal-details-container .js-form-item-postcode {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
    .xc-general-enquries-heading-container {
        padding-bottom: 1rem;
    }
    .xc-enquiry-section-container {
        padding-top: 2.5rem;
    }
    .xc-general-enquires-form .journey-details-container,
    .xc-general-enquires-form .enquiry-details-container {
        gap: 1rem;
        display: flex;
    }
    .xc-general-optional-label {
        padding-bottom: 1.5rem;
    }

    .general-enqiry-visibility .xc-form-background ul {
        padding-bottom: 2.5rem;
    }

    .xc-general-enquires-form .journey-details-container .webform-flex--1.webform-flex .webform-flex--container .js-form-item-departing-time-hours,
    .xc-general-enquires-form .journey-details-container .webform-flex--1.webform-flex .webform-flex--container .js-form-item-departing-time-minutes {
        width: 100%;
        flex: 1;
    }

    .xc-general-enquries-block .webform-submission-general-enquiries-form .form-actions {
        width: 100%;
    }

    /* Bacs form Mobile css starts */

    .xc-bacs-container .arriva-bacs-form form .js-form-item {
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
    }

    .xc-bacs-container .arriva-bacs-form form p {
        padding: 1.5rem 0;
    }

    .xc-bacs-container .arriva-bacs-form {
        width: 100%;
    }

    .xc-bacs-container .arriva-bacs-form form .sort-code-wrapper {
        display: flex;
        align-items: flex-end;
    }

    .xc-bacs-container .arriva-bacs-form form .js-form-item label {
        min-width: unset;
    }

    .xc-bacs-container .arriva-bacs-form form .form-actions.form-wrapper {
        padding-left: 0;
        padding-top: 0rem;
        display: flex;
    }

    .xc-bacs-container .arriva-bacs-form form .form-wrapper #edit-submit {
        width: 100%;
    }

    .xc-bacs-container .arriva-bacs-form form p {
        padding: 1.5rem 0 0;
    }

    .xc-bacs-container .arriva-bacs-form .js-form-item-sort-code-part1 .form-item--error-message {
        width: 100%;
    }

    .xc-bacs-container .arriva-bacs-form .form-item--error-message {
        position: absolute;
        left: unset;
        bottom: -23px;
        white-space: nowrap;
    }

    .xc-general-enquires-form .enquiry-details-container .js-form-managed-file #edit-choose-file-upload::file-selector-button {
        padding: var(--spacing-2, 16px);
        font-size: var(--size-Primary-Button-Text, 22px);
    }
    /* Bacs form Mobile css */
}