/* feedback input css */
#webform-submission-contact-us-add-form .select-wrapper:after {
  top: 46%;
}

.select2-container--default .select2-selection--single {
  height: 40px;
  border: 1px solid #d0c8d6;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}

/* i am asking about css */
.select2-container--default .select2-search--dropdown {
  display: none;
}

#select2-edit-type-of-contact-results li:first-child,
.select2-container--open #select2-edit-type-of-contact-results li:first-child {
  display: block;
}

.select2-container--open #select2-edit-type-of-contact-results li:first-child {
  position: absolute;
  top: -38px;
  font-size: 10px;
  z-index: 1;
  left: 0;
  padding: 0 0 0 9px;
  color: var(--primary-text-color);
}

.select2-container--default.select2-container--open .select2-results>.select2-results__options {
  overflow-y: inherit;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
  line-height: 48px;
}

#webform-submission-contact-us-add-form .select2-container--open,
#webform-submission-arrture-register-add-form .select2-container--open {
  z-index: 5;
}
#webform-submission-contact-us-add-form .select-wrapper:after,
#webform-submission-arrture-register-add-form .select-wrapper:after {
  z-index: 6;
}

.select2-container--default .select2-results__option[aria-selected=true] li:first-child:focus,
.select2-container--default .select2-results__option--highlighted li:first-child,
.select2-container--open #select2-edit-type-of-contact-results li:first-child:hover {
  background: none;
  border: 0;
  outline: none;
  background-color: transparent !important;
}

/* Form alignment css */
#edit-name--wrapper .webform-name__title {
  min-width: 13.2% !important;
  flex: 0;
}

#webform-submission-contact-us-add-form #edit-container-email-phone .form-item-email {
  margin-right: 0;
}

#edit-container-email-phone .form-item-phone {
  width: 42.6%;
}

#edit-container-email-phone .form-item-order-reference-no {
  width: 42.5%;
}

#webform-submission-contact-us-add-form #edit-container-location-journey .form-item-location {
  width: 49%;
}

#webform-submission-contact-us-add-form #edit-container-location-journey .form-item-journey-type {
  width: 50%;
}

.js-form-type-datetime #edit-date-and-time .form-type-textfield {
  width: 48.9%;
  margin-right: 10px;
}

.js-form-type-datetime #edit-date-and-time .form-type-webform-time {
  width: 49.8%;
}

#webform-submission-contact-us-add-form .ui-datepicker-trigger {
  top: 12px;
}

#webform-submission-contact-us-add-form #edit-container-location-journey,
#webform-submission-contact-us-add-form #edit-container-email-phone {
  padding-bottom: 0;
}

#webform-submission-contact-us-add-form #edit-container-email-phone .form-item-email {
  margin-bottom: 30px;
}

.region-header {
  display: flex;
  align-items: center;
}

.banner-image img {
  object-fit: cover;
  object-position: center;
}

.menu--header-menu>li.first:first-child {
  margin-left: 25px;
}

.logo img {
  height: auto;
  top: 0;
  width: 184px;
}

.logo img {
  height: 30px;
  width: auto;
}

.container.static-pages .region-content {
  padding: 10px 0 20px 0;
}

.page-node-type-static-pages .footer-region .container {
  padding-right: 15px;
  padding-left: 15px;
}

.container.static-pages,
.article-page .container,
.news-alerts .container,
.travelupdates-page .container {
  width: 815px;
}

/* menu hover issue */
#block-allwaysvip-headermenu .menu--header-menu li:nth-child(1) a:after,
#block-allwaysvip-headermenu .menu--header-menu li.expanded.last .navbar-text:after,
#block-allwaysvip-customlanguageblock .translate #dropdownbutton:after {
  margin-left: 0;
}

#block-allwaysvip-headermenu .menu--header-menu li:nth-child(1) a:after,
#block-allwaysvip-headermenu .menu--header-menu li.expanded.last .navbar-text:after,
#block-allwaysvip-customlanguageblock .translate #dropdownbutton:after {
  min-width: inherit;
  width: 100%;
}

#block-allwaysvip-headermenu .menu--header-menu li.expanded.last .navbar-text:after {
  left: 0;
}

#block-allwaysvip-headermenu .menu--header-menu li.expanded.last.open .navbar-text:after {
  border-bottom: 4px solid var(--primary-btn-bg-color);
  transform: scaleX(1);
  opacity: 1;
}

.region.region-header-right .translate {
  position: relative;
}

#block-allwaysvip-customlanguageblock .translate #dropdownbutton:after {
  right: 0;
  top: 56px;
}

#block-allwaysvip-customlanguageblock .translate.active #dropdownbutton:after {
  border-bottom: 4px solid var(--primary-btn-bg-color);
  transform: scaleX(1);
  opacity: 1;
}

.promoted-content-views .view-content .views-row .views-field-title .field-content a {
  color: var(--secondary-btn-text-color);
}

.travel-updates h1.page-header.header-cls,
.page-node-type-article .article-page h1.page-header.header-cls {
  padding-top: 20px;
  padding-bottom: 0;
  border-bottom: 0;
  color: #573b82 !important;
}

.travelupdates-page h1.header-cls,
.travelupdates-page .view-travel-updates .view-content .views-row,
.path-news-and-alerts .news-alerts .view-news-and-alerts .view-content .views-row,
#block-newsalerttitle h1.node-title.page-header,
.path-our-services h1.header-cls.page-header,
.page-node-type-offer h1.header-cls.page-header,
#block-views-block-services-list-block-2 h2.block-title {
  border-bottom: 2px solid var(--border-color);
}

.travelupdates-page .view-travel-updates .view-content .views-row .views-field-title,
.path-news-and-alerts .news-alerts .view-news-and-alerts .view-content .views-row .views-field-title {
  padding: 15px 0 10px 0;
  font-family: "MetropolisBold";
}

.travelupdates-page .view-travel-updates .view-content .views-field-body .field-content p,
.path-news-and-alerts .news-alerts .view-news-and-alerts .view-content .views-field-body .field-content p {
  font-family: "DINOTRegular";
}

.page-node-type-offer .col-sm-9 .field--name-body strong,
.travelupdates-page .view-travel-updates .view-content .views-field-nothing .field-content div .read-more a,
.path-news-and-alerts .news-alerts .view-news-and-alerts .view-content .views-field-nothing .field-content div .read-more a {
  font-family: "MetropolisBold";
}

.travel-updates .container .region-content,
.article-page .container .region-content,
.travel-updates,
.news-alerts,
.article-page {
  margin-top: 0;
}

.news-alerts .region-content,
.travel-updates .container .region-content,
.article-page .container .region-content {
  margin-bottom: 70px;
}

/* contact us form issue HKIA-956 */
#webform-submission-contact-us-add-form .form-control {
  height: 40px;
}

#webform-submission-contact-us-add-form #edit-container-email-phone #edit-email {
  width: 56%;
}

/* our service issue - HKIA-608 / 600 */
.path-our-services .view-offers-list .view-filters {
  padding-bottom: 0;
  margin-bottom: 0;
}

.path-our-services .offer-card-body .span-title {
  font-size: 16px;
  color: var(--primary-text-color);
}

.offer-card-body {
  padding-top: 5px;
}

.offer-page .block-views-blockoffers-list-block-1 .block-title {
  padding-bottom: 10px;
  margin-bottom: 25px;
  margin-top: 25px;
}

.mm-wrapper--opened .mm-wrapper__blocker {
  background: #573b82 0 0 no-repeat padding-box;
  opacity: 0.5;
}

.article-page,
.travelupdates-page,
.basic-page {
  margin-top: 0;
}

.staticpage-wrapper {
  padding-top: 0;
}

.path-webform .region.region-content {
  padding: 10px 10px 90px 10px;
}

.offer-page .book-service-header,
.service-page .book-service-header {
  padding: 14px;
  line-height: normal;
}

.offer-page .strike-through {
  padding: 0 5px;
}

.block-views-blockbook-offer-block-1 .view-content .views-field-nothing .field-content div {
  padding-right: 20px;
  padding-left: 20px;
}

.book-offer-items {
  padding-top: 12px;
}

.offer-page .border-bottom-line {
  padding-bottom: 12px;
}

#block-allwaysvip-views-block-offers-list-block-2 h2.block-title,
#block-views-block-offers-list-block-4 h2.block-title {
  font-size: 36px;
}

#block-allwaysvip-views-block-offers-list-block-2 .form-group .view-offers-list .view-header,
#block-views-block-offers-list-block-4 .form-group .view-offers-list .view-header {
  font-size: 22px;
}

#webform-submission-contact-us-add-form #edit-date-and-time.container-inline {
  display: flex;
}

.form-item.js-form-item.form-type-select.js-form-type-select.form-item-custom-phonecodes.js-form-item-custom-phonecodes.form-group {
  flex: 0.8;
}

#edit-container-email-phone .form-item-phone,
#edit-container-email-phone .form-item-order-reference-no {
  flex: 3;
}

/* Date Picker start */
#edit-hoursandminutes .form-group {
  margin-bottom: 0;
  margin-right: 25px;
}

/* Contact us form datepicker css end */

#edit-hoursandminutes .form-inline .input-group {
  display: inline-table;
  vertical-align: middle;
  margin-left: 0;
  height: auto;
  width: 38px;
}

#edit-hoursandminutes {
  align-content: center;
  justify-content: flex-start;
  padding: 13px;
}

.js-form-item-service-start-date-and-time,
#edit-hoursandminutes .form-item-date-picker label,
#edit-hoursandminutes .form-item-time-hour label,
#edit-hoursandminutes .form-item-time-min label,
#edit-hoursandminutes .js-form-item-time-pick label,
.webform-submission-contact-us--form .form-type-datetime.js-form-type-datetime {
  display: none;
}

#edit-hoursandminutes,
#edit-hoursandminutes .form-item-date-picker {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.webform-submission-airport-search-form #edit-hoursandminutes .js-form-item-date-picker .form-text,
.webform-submission-airport-services-search-form #edit-hoursandminutes .js-form-item-date-picker .form-text {
  color: transparent;
  font-size: 0;
  background-image: url(../images/Icons/SVG/calendar.svg);
  transform: scale(1.2);
  height: 13px;
  width: 13px;
  background-size: 13px 13px;
  padding: 0;
}

.webform-submission-airport-search-form #edit-hoursandminutes .js-form-item-time-pick .form-text,
.webform-submission-airport-services-search-form #edit-hoursandminutes .js-form-item-time-pick .form-text {
  background-image: url(../images/Icons/SVG/clock.svg);
  background-size: 16px 16px;
  background-position: left;
  padding-left: 22px;
  font-size: 16px;
  font-weight: bold;
  font-family: 'MetropolisBold';
  color: var(--default-text-color);
  width: 140px;
  margin-top: 1px;
  height: 18px;
  padding: 0 12px 0 22px;
}

.webform-submission-airport-search-form #edit-hoursandminutes .js-form-item-date-picker .form-text,
.webform-submission-airport-search-form #edit-hoursandminutes .js-form-item-time-pick .form-text,
.webform-submission-airport-services-search-form #edit-hoursandminutes .js-form-item-date-picker .form-text,
.webform-submission-airport-services-search-form #edit-hoursandminutes .js-form-item-time-pick .form-text {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  background-repeat: no-repeat;
}

#edit-hour-min-popup {
  display: none;
  position: absolute;
  top: 80px;
  background: rgb(255, 255, 255);
  padding: 20px;
  z-index: 9;
  border-bottom: 4px solid var(--secondary-btn-text-color);
  left: 108px;
  box-shadow: 0 6px 4px rgb(63 42 85 / 12%);
  border-right: 1px solid #c5c5c5;
  border-top: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
}

.day-month-year.hasDatepicker {
  float: none;
  margin-left: 7px;
  display: inline-flex;
  flex-direction: row;
  margin-top: -4px;
}

#id-day-month-year .day {
  padding: 0 !important;
  line-height: normal;
}

.day-month-year.hasDatepicker .month-year {
  margin-top: 2px;
  margin-left: 5px;
  text-align: left;
}

#id-day-month-year .day,
.month-year .month,
.month-year .year {
  line-height: normal;
  color: var(--default-text-color);
}

/* Calender */
.ui-datepicker-calendar thead tr:first-child {
  border-bottom: 1px solid #d0c8d6;
}

.ui-datepicker.ui-widget.ui-widget-content {
  width: 18em;
  padding: 10px 5px 0 5px;
  border-bottom: 4px solid var(--secondary-btn-text-color);
  border-radius: 0;
  box-shadow: 0 6px 4px #3f2a551f;
}

.path-frontpage .ui-datepicker.ui-widget.ui-widget-content,
#webform-submission-contact-us-add-form #edit-hoursandminutes .ui-datepicker.ui-widget.ui-widget-content {
  top: 80px !important;
  left: 0 !important;
}

#webform-submission-contact-us-add-form #edit-hoursandminutes .ui-datepicker.ui-widget.ui-widget-content {
  top: 45px !important;
}

#edit-container-02 {
  position: relative;
}

#ui-datepicker-div .ui-widget-header {
  background: transparent;
}

.ui-datepicker-calendar tr span {
  color: #00000080;
  font-size: 14px;
  font-family: "MetropolisRegular";
  font-weight: normal;
}

.ui-datepicker-month,
.ui-datepicker-year {
  border: 1px solid rgba(0, 0, 0, .38);
  border-radius: 4px;
  padding: 2px 5px;
  color: rgba(0, 0, 0, .38);
}

.ui-datepicker .ui-datepicker-title select {
  margin-right: 8px;
  border: 1px solid #d0c8d6;
  border-radius: 0;
  padding: 7px 6px;
  color: var(--primary-text-color);
  font-family: "MetropolisRegular";
  font-size: 14px;
  font-weight: normal;
  background: transparent;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 25px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: transparent;
  text-align: center;
  border: none;
  color: #000;
  font-family: "MetropolisRegular";
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 7px;
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span,
#edit-hoursandminutes .input-group-addon .hour-increase,
#edit-hoursandminutes .input-group-addon .mins-increase,
#edit-hoursandminutes .input-group-addon .hour-decrease,
#edit-hoursandminutes .input-group-addon .mins-decrease {
  border: solid;
  border-width: 2px 0 0;
  bottom: 0;
  content: "";
  left: 0;
  margin: 8px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: none;
  width: 8px;
  height: 8px;
  cursor: pointer;
  color: var(--primary-text-color);
}

.ui-datepicker .ui-datepicker-next span {
  border-right-width: 2px;
  transform: translateX(-2px) rotate(45deg);
}

.ui-datepicker .ui-datepicker-prev span {
  border-left-width: 2px;
  transform: translateX(-2px) rotate(317deg);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: none;
  background: transparent;
  text-align: center;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 0;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  color: #000;
  background: transparent;
  border: 1px solid var(--secondary-btn-text-color);
  border-radius: 12px;
  left: 0;
}

.form-item-time-min:before {
  content: ":";
  display: block;
  color: #000;
  width: 10px;
  float: left;
  position: absolute;
  top: 29%;
  left: -12px;
  font-family: 'MetropolisBold';
}

.ui-datepicker td {
  padding: 5px;
}

/* Time hours */
.form-item-time-hour input::-webkit-outer-spin-button,
.form-item-time-hour input::-webkit-inner-spin-button,
.form-item-time-min input::-webkit-outer-spin-button,
.form-item-time-min input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#edit-hoursandminutes .input-group .form-control {
  float: none;
  padding: 6px;
}

#edit-hoursandminutes .input-group-addon,
#edit-hoursandminutes .input-group-btn,
#edit-hoursandminutes .input-group .form-control {
  display: block;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

.contact-us-picker.form-control[readonly],
#edit-time-pick.form-control[readonly],
#edit-hoursandminutes .input-group .form-control[readonly] {
  background: #fff;
}

#webform-submission-contact-us-add-form .form-control:hover {
  background-color: #f8f7f9;
}

#edit-hoursandminutes .input-group-addon {
  background: transparent;
  border: 0;
}

#edit-hoursandminutes .input-group-addon span {
  cursor: pointer;
}

#edit-hoursandminutes .input-group-addon .hour-increase,
#edit-hoursandminutes .input-group-addon .mins-increase {
  border-right-width: 2px;
  transform: translateX(-2px) rotate(315deg);
  top: -8px;
  left: 32%;
}

#edit-hoursandminutes .input-group-addon .hour-decrease,
#edit-hoursandminutes .input-group-addon .mins-decrease {
  border-right-width: 2px;
  transform: translateX(-2px) rotate(135deg);
  bottom: -8px;
  left: 32%;
  top: inherit;
}

.form-item-time-hour .webform-submission-airport-search-form .form-inline .input-group,
.form-item-time-min .webform-submission-airport-search-form .form-inline .input-group,
.form-item-time-hour .webform-submission-airport-services-search-form .form-inline .input-group,
.form-item-time-min .webform-submission-airport-services-search-form .form-inline .input-group {
  margin-left: 0;
  height: auto;
  width: 130px;
}

#edit-hour-min-popup .form-item-time-hour,
#edit-hour-min-popup .form-item-time-min {
  float: left;
  margin-right: 0;
}

#edit-hour-min-popup .form-item-time-min {
  margin-left: 20px;
  position: relative;
}

#edit-hour-min-popup:after {
  content: "";
  position: absolute;
  top: 97px;
  min-width: 138px;
  z-index: 1;
  right: -1px;
  margin-right: 0;
}

/* Contact us form datepicker css 1 */
#webform-submission-contact-us-add-form #edit-hoursandminutes {
  padding: 5px 0 15px 0;
  justify-content: space-between;
}

#webform-submission-contact-us-add-form #edit-hoursandminutes .form-item-date-picker,
#webform-submission-contact-us-add-form #edit-hoursandminutes .form-item-time-pick {
  width: 49%;
  margin-right: 0;
}

#webform-submission-contact-us-add-form #edit-hoursandminutes .form-item-date-picker input {
  width: 100%;
}

#webform-submission-contact-us-add-form #edit-hoursandminutes {
  position: relative;
}

#webform-submission-contact-us-add-form #edit-hour-min-popup {
  top: 45px;
  left: 51%;
}

#webform-submission-contact-us-add-form #edit-hoursandminutes .js-form-item-date-picker .form-text,
#webform-submission-contact-us-add-form #edit-hoursandminutes .js-form-item-sc-date-picker .form-text,
#webform-submission-contact-us-add-form #edit-hoursandminutes .js-form-item-time-pick .form-text {
  background-image: url(../images/Icons/SVG/calendar.svg);
  background-size: 15px 15px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: 97% center;
}

#webform-submission-contact-us-add-form #edit-hoursandminutes .js-form-item-time-pick .form-text {
  background-image: url(../images/Icons/SVG/clock.svg);
  background-size: 16px 16px;
}

/* Contact us form datepicker css end */

.offer-card,
:focus-visible,
a:focus {
  outline: 0;
}

.offer-card:focus-visible,
.offer-card:focus {
  box-shadow: 0 13px 6px rgb(63 42 85 / 12%);
}

.webform-submission-form input:focus-visible,
.webform-submission-form input:focus,
.webform-submission-form label:focus,
.webform-submission-form label:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

#dropdownbutton .icon.icon-globe {
  height: 15px;
  width: 15px;
  background-size: 15px auto;
  mask-size: 15px auto;
  -webkit-mask-size: 15px auto;
  margin-left: 0;
}

div#dropdownbutton #lang_code,
div#dropdownbutton #curr_code {
  font-family: 'MetropolisBold';
}

.ar .ui-datepicker.ui-widget.ui-widget-content,
.zh-hant .ui-datepicker.ui-widget.ui-widget-content {
  width: 20em;
}

.zh-hans .ui-datepicker.ui-widget.ui-widget-content {
  width: 21em;
}

/* home banner css start */
.block-webform-block,
.views-slideshow-controls-bottom {
  z-index: 5;
}

.views-field.views-field-nothing-2,
.views-slideshow-controls-bottom {
  position: absolute;
  left: 5%;
}

.views-field.views-field-nothing-2 {
  top: 140px;
  width: 45%;
}

.views-slideshow-controls-bottom {
  bottom: 15%;
}

.carousel-header-title p {
  font-size: 50px;
  color: #fff;
  font-family: 'MetropolisBold';
  line-height: 55px;
  padding-bottom: 10px;
}

.carousel-title a {
  color: #fff;
  font-size: 22px;
  font-family: 'NoeDisplayBold';
  padding-top: 10px;
}

.carousel-body p {
  font-size: 14px;
  color: #fff;
  font-family: 'MetropolisRegular';
  margin-top: 10px;
}

.carousel-button a {
  font-size: 16px;
  color: #fff;
  font-family: 'MetropolisBold';
  margin-top: 14px;
  border: 1px solid #fff;
  border-radius: 8px;
  background: var(--secondary-btn-text-color) url(../images/Icons/SVG/Arrow-White.svg) no-repeat;
  background-size: 10px;
  background-position: 93% center;
  width: 160px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  transition: 0.5s;
  padding: 8px 0 8px 12px;
}

.carousel-button a:hover {
  color: var(--secondary-btn-text-color);
  background: #fff url(../images/Icons/SVG/banner-right-arrow-hover.svg) no-repeat;
  background-size: 10px;
  background-position: 93% center;
  transition-timing-function: ease-in;
  transition: 0.5s;
}

.carousel-button span {
  display: none;
}

#views_slideshow_cycle_teaser_section_banner_contents-block_2,
#views_slideshow_cycle_teaser_section_banner_contents-block_3,
#views_slideshow_cycle_div_banner_contents-block_2_0,
#views_slideshow_cycle_div_banner_contents-block_2_1,
#views_slideshow_cycle_teaser_section_banner_contents-block_2 .views_slideshow_cycle_slide.views_slideshow_slide {
  width: 100% !important;
}

.views_slideshow_cycle_slide .field-content img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: auto;
}

/* home banner css end */

/* footer css start */
.view-partners {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}

.view-partners .view-header {
  width: 40%;
  padding-right: 20px;
  border-right: 1px solid #fff;
  display: flex;
  align-items: center;
  padding-bottom: 0;
}

.view-partners .view-header .field-content,
.view-partners .view-content .field-content {
  /* to overwirte old css */
  margin-right: 0 !important;
}

.view-partners .view-content .field-content {
  padding: 0 6px;
}

.view-content .item-list .views-field-edit-node {
  display: none;
}

.view-content .item-list .views-field-field-image {
  width: auto;
  height: auto;
  display: inline-flex;
}

.view-content .item-list .views-field-field-image img {
  width: 90px;
  height: auto;
}

.view-partners .view-content .item-list:nth-child(4) .views-field-field-image img {
  width: 89.5px;
}

.view-partners .view-content .item-list h3 {
  font-size: 12px;
  text-align: left;
  margin-top: 5px;
  padding-left: 15px;
}

.view-partners .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.view-partners .view-content .item-list {
  border-right: 1px solid #fff;
  margin: 0 0 20px 0;
}

.view-partners .view-content .item-list:nth-child(4) {
  margin-bottom: 0;
}

.view-partners .view-content .item-list:nth-child(3),
.view-partners .view-content .item-list:nth-child(5) {
  border-right: none;
}

.footer-container-bottom {
  border-top: 1px solid #fff;
  margin-top: 30px;
  padding-top: 20px;
}

.region-footer-bottom ul.menu--footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.region-footer-bottom ul.menu--footer li a:before {
  content: ".";
  position: absolute;
  top: 8px;
  left: -3px;
}

.region-footer-bottom ul.menu--footer li:nth-child(1) a:before {
  display: none;
}

.maintenance-page .footer-region li,
.page-node-403 .footer-region li,
.page-node-404 .footer-region li {
  display: inline;
}

.maintenance-page .footer-region ul,
.page-node-403 .footer-region ul,
.page-node-404 .footer-region ul {
  text-align: left;
  padding: 0;
}

.region-footer-bottom ul li a:hover {
  color: #fff;
}

.views-field-field-mobile-design-image {
  display: none;
}

.region-footer-bottom ul li a {
  font-family: 'MetropolisBold';
}

/* footer css ends */

/* FAQ css start */
.path-faq .region-content .page-header {
  border-bottom: 1px solid var(--border-color);
}

.path-faq .region-content .views-element-container.form-group {
  float: right;
  width: 80%;
  border-left: 1px solid var(--border-color);
  padding: 20px 0 0 30px;
  position: relative;
  padding-bottom: 16%;
}

.path-faq .region-content .views-element-container .view-filters {
  position: absolute;
  top: -40px;
  right: 0;
}

.path-faq .region-content #block-views-block-faq-category-block-1 {
  float: left;
  width: 20%;
}

.path-faq .region-content #block-views-block-faq-category-block-1 .block-title,
.path-faq .region-content #block-views-block-faq-category-block-1 .view-faq-category .view-header {
  display: none;
}

.path-faq .region-content .views-element-container.form-group .view-header {
  text-align: right;
  color: var(--secondary-btn-text-color);
  cursor: pointer;
  padding: 0 10px 5px 0;
}

#block-views-block-faq-category-block-1 .view-content {
  margin-top: 30px;
}

#block-views-block-faq-category-block-1 .view-content .views-row {
  padding-bottom: 5px;
}

#block-views-block-faq-category-block-1 .view-content .views-row a {
  color: var(--default-text-color);
  padding: 10px 8px;
  width: 95%;
  display: block;
}

#block-views-block-faq-category-block-1 .view-content .views-row a:hover,
#block-views-block-faq-category-block-1 .view-content .views-row a.active {
  color: var(--primary-text-color);
  background: #d0c8d633;
  font-family: 'MetropolisBold';
}

.path-faq .region-content .views-element-container .view-faq .view-content .views-row {
  border-bottom: 1px solid #d0c8d699;
  padding-bottom: 0;
}

.path-faq .region-content .views-element-container .view-faq .view-content .views-row .views-field-field-faq-question {
  position: relative;
  padding: 10px 0;
}

.path-faq .views-field-field-faq-question:after {
  position: absolute;
  top: 3px;
  right: 0;
  cursor: pointer;
  font-size: 38px;
  font-weight: normal;
}

.path-faq .views-field-field-faq-question.active:after {
  font-size: 24px;
  top: 15px;
}

.path-faq .region-content .views-element-container .view-faq .view-content .views-row .faq-question {
  color: var(--primary-text-color);
  font-family: 'MetropolisBold';
  font-size: 14px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.path-faq .region-content .views-element-container .view-faq .view-content .views-row .faq-question .faq-number {
  background: #d0c8d6;
  color: #000;
  width: 22px;
  border-radius: 12px;
  height: 22px;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

.path-faq .region-content .views-element-container .view-faq .view-content .views-row .faq-answer {
  color: var(--default-text-color);
  font-size: 14px;
  background: #f5f5f5;
  padding: 20px;
}

.view-faq .view-filters .form-actions button {
  display: none;
}

/*faq page*/
.view-faq .views-row .views-field-field-faq-question {
  cursor: pointer;
}

.view-faq .views-row .views-field-field-faq-question .faq-question {
  background: url(../images/Icons/PNG/faq-plus.png) no-repeat 98% center;
  background-size: 14px auto;
}

.view-faq .views-row.active .views-field-field-faq-question .faq-question {
  background: url(../images/Icons/PNG/faq-minus.png) no-repeat 98% center;
  background-size: 14px auto;
}

.view-faq .view-content .views-row .views-field-field-answer {
  display: none;
}

.view-faq .view-content .views-row.active .views-field-field-answer {
  display: block;
  transition: 1s ease-out;
}

/* search filter css */
.view-faq .view-filters label {
  display: none;
}

.view-faq .view-filters input {
  border: none;
  box-shadow: none;
  content: "";
  width: 170px;
  position: relative;
  left: -30px;
  top: -5px;
  padding-left: 70px;
  transition: width 0.4s ease-in-out;
  cursor: pointer;
}

.view-faq:hover .view-filters input:hover,
.view-faq .view-filters input:active {
  padding-left: 0;
  border-bottom: 2px solid var(--primary-text-color);
  border-radius: 0;
  padding-right: 20px;
}

.view-faq .view-filters #edit-actions .button {
  background-color: #fff;
  border: none;
}

/* FAQ css end */

#backtotop {
  bottom: 16%;
  right: 1%;
}

.ui-widget.ui-widget-content.ui-autocomplete {
  max-height: 268px;
  overflow-y: auto;
  width: 100% !important;
  position: absolute;
  left: 0 !important;
}

#ui-id-2.ui-menu .ui-menu-item,
#ui-id-3.ui-menu .ui-menu-item {
  padding: 2px 10px;
}

#ui-id-2.ui-menu .ui-menu-item .ui-menu-item-wrapper,
#ui-id-3.ui-menu .ui-menu-item .ui-menu-item-wrapper {
  margin: 0;
  padding: 5px 20px;
  border-radius: 0;
  height: auto;
  border: none;
  font-size: 14px;
  font-family: 'MetropolisRegular';
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#ui-id-2.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover,
#ui-id-2.ui-menu .ui-menu-item .ui-menu-item-wrapper.active,
#ui-id-2.ui-menu .ui-menu-item .ui-menu-item-wrapper:focus,
#ui-id-2.ui-menu .ui-menu-item .ui-menu-item-wrapper:focus-within,
#ui-id-2.ui-menu .ui-menu-item .ui-menu-item-wrapper:focus-visible,
#ui-id-2.ui-menu .ui-menu-item .ui-menu-item-wrapper:visited,
#ui-id-3.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover,
#ui-id-3.ui-menu .ui-menu-item .ui-menu-item-wrapper:focus,
#ui-id-3.ui-menu .ui-menu-item .ui-menu-item-wrapper:focus-within,
#ui-id-3.ui-menu .ui-menu-item .ui-menu-item-wrapper:focus-visible,
#ui-id-3.ui-menu .ui-menu-item .ui-menu-item-wrapper:visited {
  background-color: rgba(208, 200, 214, 0.4);
  font-weight: bold;
  color: #573b82;
}

/* scrollbar */
.ui-widget.ui-widget-content.ui-autocomplete::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background: gray;
}

.ui-widget.ui-widget-content.ui-autocomplete::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.ui-widget.ui-widget-content.ui-autocomplete::-webkit-scrollbar-thumb {
  background: #888;
}

.ui-widget.ui-widget-content.ui-autocomplete::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.ui-widget.ui-widget-content.ui-autocomplete::-webkit-scrollbar-thumb:vertical {
  background: #000;
  border-radius: 10px;
}

/* scrollbar end */

.view-empty {
  text-align: center;
  margin: 30px 0 20px 0;
}

/* play pause button*/
.path-frontpage .views-slideshow-controls-bottom {
  display: flex;
  align-items: center;
}

.path-frontpage .views-slideshow-controls-bottom span#views_slideshow_controls_text_previous_banner_contents-block_2,
span#views_slideshow_controls_text_next_banner_contents-block_2,
.path-frontpage .views-slideshow-controls-bottom span#views_slideshow_controls_text_previous_banner_contents-block_3,
span#views_slideshow_controls_text_next_banner_contents-block_3 {
  display: none;
}

.path-frontpage .views-slideshow-controls-bottom span#views_slideshow_controls_text_pause_banner_contents-block_2,
.path-frontpage .views-slideshow-controls-bottom span#views_slideshow_controls_text_pause_banner_contents-block_3 {
  background: inherit;
  margin: 0;
}

.path-frontpage .views-slideshow-controls-bottom div#views_slideshow_controls_text_banner_contents-block_2,
.path-frontpage .views-slideshow-controls-bottom div#views_slideshow_controls_text_banner_contents-block_3 {
  text-align: left;
  margin: 28px 0 23px 0;
}

.path-frontpage .views-slideshow-controls-bottom div#views_slideshow_controls_text_banner_contents-block_2 .views-slideshow-controls-text-pause-processed a,
.path-frontpage .views-slideshow-controls-bottom div#views_slideshow_controls_text_banner_contents-block_3 .views-slideshow-controls-text-pause-processed a {
  display: inline-block;
  position: relative;
  padding: 4px 11px;
  left: 0;
  font-size: 0;
  color: transparent;
}

.path-frontpage .views-slideshow-controls-bottom div#views_slideshow_controls_text_banner_contents-block_2 .views-slideshow-controls-text-pause-processed a:before,
.path-frontpage .views-slideshow-controls-bottom div#views_slideshow_controls_text_banner_contents-block_3 .views-slideshow-controls-text-pause-processed a:before {
  content: "";
  display: inline-block;
  height: 13px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  position: absolute;
  top: 8.9px;
  left: 0;
  color: #fff;
  line-height: 10px;
}

.path-frontpage .views-slideshow-controls-bottom div#views_slideshow_controls_text_banner_contents-block_2 .views-slideshow-controls-text-status-play a:before,
.path-frontpage .views-slideshow-controls-bottom div#views_slideshow_controls_text_banner_contents-block_3 .views-slideshow-controls-text-status-play a:before {
  background-image: url(../images/Icons/SVG/pause-white.svg);
}

.path-frontpage .views-slideshow-controls-bottom div#views_slideshow_controls_text_banner_contents-block_2 .views-slideshow-controls-text-status-pause a:before,
.path-frontpage .views-slideshow-controls-bottom div#views_slideshow_controls_text_banner_contents-block_3 .views-slideshow-controls-text-status-pause a:before {
  background-image: url(../images/Icons/SVG/play-white.svg);
}

/* play pause button end*/

.block-field-blocknodeofferfield-location {
  padding: 25px 25px 0 25px;
}

.block-field-blocknodeofferfield-location .field--label {
  font-family: "MetropolisBold";
  font-size: 14px;
  margin-bottom: 15px;
}

.block-field-blocknodeofferfield-location .field--items div {
  font-family: "MetropolisRegular";
  font-size: 14px;
  margin-bottom: 5px;
}

/* offer mini form widget css start */
.page-node-type-services .block-webform-block,
.page-node-type-offer .block-webform-block {
  width: auto;
  left: 0;
  position: inherit;
  top: 0;
  background: var(--header-bg-color);
  border-radius: 14px;
}

.page-node-type-services #edit-markup-01,
.page-node-type-offer #edit-markup-01 {
  display: none;
}

.page-node-type-services #edit-container-1,
.page-node-type-services .webform-submission-airport-search-form #edit-custom-services,
.page-node-type-services .webform-submission-airport-services-search-form #edit-custom-services,
.page-node-type-offer #edit-container-1,
.page-node-type-offer .webform-submission-airport-services-search-form #edit-custom-services {
  background: transparent;
}

.page-node-type-services .webform-submission-airport-search-form #edit-custom-services,
.page-node-type-offer .webform-submission-airport-search-form #edit-custom-services {
  border-bottom: 1px solid var(--border-color);
  height: 54px;
}

.page-node-type-services #edit-top-container .form-item-service-location-box,
.page-node-type-services div#edit-airport-location-markup,
.page-node-type-services #edit-top-container .input-group,
.page-node-type-offer #edit-top-container .form-item-service-location-box,
.page-node-type-offer div#edit-airport-location-markup,
.page-node-type-offer #edit-top-container .input-group {
  width: 90%;
  margin: 0 auto 1% auto;
  background: #fff;
  border: 1px solid #3f2a554d;
}

.page-node-type-services .ui-widget.ui-widget-content.ui-autocomplete,
.page-node-type-offer .ui-widget.ui-widget-content.ui-autocomplete {
  width: 90% !important;
  left: 5% !important;
}

.webform-submission-airport-search-form #edit-mode-of-travel .radio .control-label.active,
.webform-submission-airport-services-search-form #edit-mode-of-travel .radio .control-label.active {
  color: var(--primary-text-color);
  background-color: #f5f5f5;
  border: 1px solid #e5e2ea;
}

.webform-submission-airport-search-form #edit-mode-of-travel .radio .control-label,
.webform-submission-airport-services-search-form #edit-mode-of-travel .radio .control-label {
  border: 1px solid #e5e2ea;
}

.webform-submission-airport-search-form #edit-arrordep .radio .control-label,
.webform-submission-airport-search-form #edit-domandint .radio .control-label,
.webform-submission-airport-services-search-form #edit-arrordep .radio .control-label,
.webform-submission-airport-services-search-form #edit-domandint .radio .control-label {
  color: #e5e2ea;
}

.page-node-type-services .btn-primary,
.page-node-type-offer .btn-primary {
  border: 0;
}

/* offer mini form widget css end */

/* login popup css start */
#edit-arrture-header-image {
  margin-bottom: 28px;
}

#edit-arrture-header-image img {
  width: 187px;
  height: auto;
}

#block-webform.arrture-login-popup-xx {
  width: 445px;
  background: #fff;
  left: 50%;
  /* top: 19%; */
  top: 340px;
  transform: translate3d(-50%, -44%, 0);
  padding: 25px 69px 40px 69px;
  box-shadow: 0px 25px 20px #00000012;
  border-radius: 12px;
  position: absolute;
  z-index: 9;
}

#block-webform.arrture-login-popup-xx h2 {
  display: none;
}

#block-webform.arrture-login-popup-xx .webform-submission-add-form {
  text-align: left;
  margin-bottom: 0;
}

#edit-arrture-title {
  font-size: 20px;
  font-family: "MetropolisBold";
  color: var(--primary-text-color);
  position: relative;
  margin-bottom: 20px;
}

#edit-arrture-title::after {
  content: "";
  border-bottom: 4px solid var(--primary-text-color);
  position: absolute;
  top: 28px;
  left: 0;
  width: 27px;
  border-radius: 8px;
}

#edit-login-description-text {
  color: #00000080;
  font-size: 14px;
  font-family: "MetropolisRegular";
  margin-bottom: 1px;
}

#edit-arrture-register {
  margin-bottom: 0;
}

#block-webform.arrture-login-popup-xx .form-control {
  background: #fff;
  color: var(--primary-text-color);
  border-radius: 4px 4px 0 0;
  border: 1px solid var(--border-color);
  height: 45px;
  font-family: "MetropolisRegular";
  padding: 15px 12px 6px 36px;
  box-shadow: none;
}

#block-webform.arrture-login-popup-xx .form-control::placeholder {
  color: var(--primary-text-color);
}

#block-webform.arrture-login-popup-xx .form-control:hover::placeholder {
  color: #000000;
}

#block-webform.arrture-login-popup-xx .form-type-checkbox label {
  font-size: 14px;
  font-family: "MetropolisRegular";
  color: #1d1d1b;
  padding-left: 30px;
}

#block-webform.arrture-login-popup-xx .form-type-checkbox input[type="checkbox"] {
  border: 1px solid #d0c8d6;
  width: 18px;
  height: 18px;
  margin: 0 0 0 -30px;
  accent-color: #d0c8d6;
}

#block-webform.arrture-login-popup-xx .form-actions button {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-text-color);
  font-size: 14px;
  font-family: "MetropolisBold";
  width: 100%;
  border: 0;
  padding: 14px 0;
  margin: 0 auto 0 auto;
  box-shadow: none;
  border-radius: 8px;
}

#edit-forget-password a {
  text-decoration: none;
  color: var(--secondary-btn-text-color);
  /* font-family: "MetropolisMedium"; */
  font-family: "MetropolisRegular";
}

#edit-arrture-register {
  color: #00000080;
  font-family: "MetropolisRegular";
  margin-top: 35px;
  padding-bottom: 0;
}

#edit-arrture-register p a {
  font-family: "MetropolisBold";
  text-decoration: none;
}

#block-webform.arrture-login-popup-xx .form-item.js-form-item.form-type-email.js-form-type-email.form-item-email-address.js-form-item-email-address.form-no-label.form-group:before {
  background: url('../images/Icons/SVG/login-user.svg') no-repeat 15px center;
}

#block-webform.arrture-login-popup-xx .form-item.js-form-item.form-type-password.js-form-type-password.form-item-password.js-form-item-password.form-no-label.form-group:before {
  background: url('../images/Icons/SVG/password_key.svg') no-repeat 15px center;
}

#block-webform.arrture-login-popup-xx .form-item.js-form-item.form-type-password.js-form-type-password.form-item-password.js-form-item-password.form-no-label.form-group:before,
#block-webform.arrture-login-popup-xx .form-item.js-form-item.form-type-email.js-form-type-email.form-item-email-address.js-form-item-email-address.form-no-label.form-group:before {
  content: "";
  position: absolute;
  width: 35px;
  height: 30px;
  top: 8px;
  left: 0px;
  background-size: 16px 16px;
}

#block-webform.arrture-login-popup-xx .form-control#edit-email-address:hover,
#block-webform.arrture-login-popup-xx .form-control#edit-password:hover,
#block-webform.arrture-login-popup-xx .form-control#edit-email-address:focus,
#block-webform.arrture-login-popup-xx .form-control#edit-password:focus {
  background-color: #e6e2eb66;
  border-bottom: 2px solid var(--border-color);
}

.region.region-header-right {
  display: flex;
  flex-direction: row-reverse;
}

#block-allwaysvip-loginregister ul li a {
  background: transparent;
  border-color: transparent;
  color: var(--secondary-btn-text-color);
  font-family: 'MetropolisBold';
  margin-right: 35px;
  font-size: 12px;
}
#block-customuserprofile ul li a {
  background: transparent;
  border-color: transparent;
  color: var(--primary-btn-bg-color);
  font-family: 'MetropolisBold';
  font-size: 12px;
  padding: 11px 10px;
  margin-right: 35px;
}

#block-customuserprofile ul li.show-space ul.show-lis li a {
  color: #000;
  font-family: 'MetropolisRegular';
  padding: 9px 10px;
  margin: 0 5px;
}

#block-customuserprofile ul li.show-space ul.show-lis li a:hover {
  opacity: 1;
  border-radius: 3px;
}

div#dropdownbutton {
  margin-top: 8px;
}

/* login popup css end */

@media screen and (max-width: 390px) {
  .ui-datepicker.ui-widget.ui-widget-content {
    width: 100%;
    padding: 10px 5px 10px 5px;
  }

  .page-node-type-services .webform-submission-add-form,
  .page-node-type-services #edit-container-1,
  .page-node-type-offer .webform-submission-add-form,
  .page-node-type-offer #edit-container-1 {
    margin-bottom: 0;
  }
}

/* offer mini form widget css end */

/* smart traveler registration css start */
.context-form-arrture-register .page-header {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 25px;
}

#webform-submission-arrture-register-add-form {
  border: 1px solid var(--border-color);
  width: 80%;
  border-radius: 12px;
}

#webform-submission-arrture-register-add-form .form-group {
  margin-bottom: 0;
}

#edit-register-description {
  background: #d0c8d633;
  color: var(--default-text-color);
  border-bottom: 1px solid var(--border-color);
  border-radius: 12px 12px 0 0;
}

#edit-register-description {
  padding: 30px 25px;
}

#edit-personal-data.form-group,
#edit-terms-and-conditions.form-group {
  margin: 30px 25px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
}

#webform-submission-arrture-register-add-form #edit-actions,
#webform-submission-arrture-register-add-form .form-type-checkbox {
  padding: 0 25px 30px 25px;
}

#edit-register-form-title {
  padding: 40px 25px 10px 25px;
}

#edit-register-form-title p,
#edit-residence-information--wrapper-legend {
  color: #573b82;
  font-family: 'MetropolisBold';
  font-size: 18px;
}

#edit-register-form-title p:nth-child(2),
#edit-residence-information--wrapper .fieldset-wrapper .description {
  font-family: 'MetropolisRegular';
  font-size: 14px;
  color: var(--default-text-color);
  line-height: 18px;
}

#edit-register-description p {
  width: 80%;
}

#edit-register-description img {
  display: block;
  margin-bottom: 25px;
  width: 149px;
}

#edit-name-container,
#edit-email-container,
#edit-country-container,
#edit-password-container,
#edit-residence-information--wrapper {
  padding: 0 25px;
}

#edit-residence-information--wrapper {
  margin-top: 20px;
}

#edit-residence-information--wrapper .input-group-addon {
  white-space: inherit;
  background: no-repeat;
  border: 0;
  text-align: left;
  padding: 5px 0 20px 0;
}

#edit-name--wrapper legend {
  margin-bottom: 5px;
}
.webform-submission-contact-us__form #edit-name--wrapper legend {
  margin-bottom: 0;
}

#edit-name--wrapper .fieldset-wrapper,
#edit-email-container .form-type-webform-email-confirm,
#edit-country-container,
#edit-confirm-password--wrapper {
  display: flex;
  flex-direction: row;
  gap: 2%;
}

#edit-confirm-password--wrapper .panel-body {
  padding: 0;
}

#edit-confirm-password--wrapper .panel-heading,
#edit-confirm-password--wrapper .panel-body::before,
#edit-confirm-password--wrapper .panel-body::after,
#edit-name-container label,
#edit-name-container legend,
#edit-email-container label,
#edit-country-container label,
#edit-confirm-password--wrapper label {
  display: none;
}

#edit-confirm-password--wrapper.panel-default {
  border: 0;
}

#webform-submission-arrture-register-add-form .form-control {
  height: 40px;
  border-color: #d0c8d6;
  box-shadow: 0 0 0 0.2rem white;
  border-radius: 2px;
  color: var(--primary-text-color);
  margin-bottom: 20px;
  padding-top: 15px;
  font-size: 15px;
}
#webform-submission-arrture-register-add-form .form-control {
  color: var(--default-text-color);
}

#webform-submission-arrture-register-add-form .form-control:hover,
#webform-submission-arrture-register-add-form .form-control:hover::placeholder {
  color: #000000;
}

#webform-submission-arrture-register-add-form .form-control::placeholder {
  color: var(--primary-text-color);
}

#webform-submission-arrture-register-add-form .form-control:hover {
  background-color: #f8f7f9;
}

#webform-submission-arrture-register-add-form .select-wrapper:after {
  top: 35%;
}

#webform-submission-arrture-register-add-form .form-type-checkbox,
#webform-submission-arrture-register-add-form #edit-actions,
#webform-submission-arrture-register-add-form #edit-residence-information {
  display: flex;
  flex-direction: row;
  margin: 0;
}

#webform-submission-arrture-register-add-form #edit-residence-information .form-type-radio {
  margin: 0 20px 0 0;
}

#webform-submission-arrture-register-add-form #edit-actions {
  justify-content: flex-end;
}

#webform-submission-arrture-register-add-form .form-type-checkbox .description {
  color: var(--default-text-color);
  font-size: 14px;
  margin: 2px 0 0 10px;
}
#edit-personal-data.form-group,
#edit-terms-and-conditions.form-group {
  padding-bottom: 0;
}
#edit-personal-data .personal-data-tit p:nth-child(1),
#edit-terms-and-conditions .terms-condition-tit p:nth-child(1) {
  background: #d0c8d666;
  color: var(--primary-text-color);
  font-family: 'MetropolisBold';
  padding: 12px 28px;
  border-bottom: 1px solid var(--border-color);
}

#edit-personal-data .personal-data-desc p,
#edit-terms-and-conditions .terms-condition-desc p {
  padding: 5px 28px 0px 28px;
  color: var(--default-text-color);
}

#edit-personal-data .personal-data-desc,
#edit-terms-and-conditions .terms-condition-desc {
  padding-bottom: 15px;
  padding-top: 15px;
}

#webform-submission-arrture-register-add-form #edit-actions button.webform-button--submit {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-text-color);
}
#webform-submission-arrture-register-add-form #edit-actions button {
  font-size: 16px;
  font-family: 'MetropolisBold';
  border-radius: 8px;
  border: 0;
  padding: 10px 20px;
  margin: 0;
}

#webform-submission-arrture-register-add-form .select-wrapper::after {
  content: "";
  display: inline-block;
  height: 9px;
  width: 14px;
  background-repeat: no-repeat;
  background-size: 14px 9px;
  background-image: url(../../../../themes/custom/allwaysvip/images/Icons/SVG/chevron-down.svg);
  position: absolute;
  top: 35%;
  right: 9px;
}

#webform-submission-arrture-register-add-form .form-item-name-title {
  width: 220px;
}

#webform-submission-arrture-register-add-form .form-item-name-title .select-wrapper::after {
  top: 52%;
}

#edit-country-container .form-item-country,
#edit-group-country-code-and-phone {
  width: 100%;
}

#edit-group-country-code-and-phone .webform-section-wrapper {
  display: flex;
  flex-direction: row;
  gap: 0;
}
#edit-country-container .form-item-country-code {
  width: 34%;
}

#edit-country-container .form-item-phone {
  width: 70%;
}

/* #webform-submission-arrture-register-add-form .form-item label,
#edit-name-title legend {
  display: none;
} */
/* smart traveler registration css end */

@media screen and (max-width: 420px) {

  .offer-card,
  .services-card {
    width: 100%;
  }

  .views-slideshow-controls-bottom {
    bottom: -5px;
  }
}

@media screen and (max-width: 767px) {
  .view-empty {
    margin-bottom: 30px;
  }

  /* FAQ css start */
  .path-faq {
    position: relative;
  }

  .path-faq .region-content .views-element-container.form-group,
  .path-faq .region-content #block-views-block-faq-category-block-1 {
    float: none;
    width: auto;
    padding: 0;
    border-left: 0;
    position: inherit;
  }

  .path-faq .region-content {
    display: flex;
    flex-direction: column;
  }

  .path-faq .region-content .breadcrumb {
    order: 1;
  }

  .path-faq .region-content .page-header {
    order: 2;
    padding-bottom: 45px;
  }

  .path-faq .region-content #block-views-block-faq-category-block-1 {
    order: 3;
    z-index: 4;
  }

  .path-faq .region-content .views-element-container.form-group {
    order: 4;
  }

  .path-faq .region-content .views-element-container.form-group .view-header {
    position: absolute;
    top: 185px;
    left: 15px;
  }

  .path-faq .region-content .views-element-container .view-filters {
    top: 175px;
    z-index: 2;
    right: -12px;
  }

  #block-views-block-faq-category-block-1 .view-content {
    display: flex;
    flex-wrap: no-wrap;
    overflow-x: auto;
    margin: 20px 0 0 0;
  }

  /* scrollbar */
  #block-views-block-faq-category-block-1 .view-content::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background: gray;
  }

  #block-views-block-faq-category-block-1 .view-content::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  #block-views-block-faq-category-block-1 .view-content::-webkit-scrollbar-thumb {
    background: #888;
  }

  #block-views-block-faq-category-block-1 .view-content::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

  #block-views-block-faq-category-block-1 .view-content::-webkit-scrollbar-thumb:horizontal {
    background: #000;
    border-radius: 10px;
  }

  /* scrollbar end */

  #block-views-block-faq-category-block-1 .view-content .views-row {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    margin-right: 10px;
    padding-bottom: 0;
  }

  #block-views-block-faq-category-block-1 .view-content .views-row a {
    width: auto;
  }

  #block-views-block-faq-category-block-1 .view-content .views-row a:hover,
  #block-views-block-faq-category-block-1 .view-content .views-row a.active {
    background: #d0c8d6;
  }

  /* FAQ css end */

  /* Date Picker start */
  .path-frontpage .day-month-year.hasDatepicker,
  .webform-submission-airport-services-search-form .day-month-year.hasDatepicker {
    top: 4px;
    margin-left: 11px;
  }

  .path-frontpage .month-year .year,
  .webform-submission-airport-services-search-form .month-year .year {
    padding-left: 5px;
  }

  .path-frontpage #edit-container-02 {
    height: auto;
  }

  #edit-hoursandminutes {
    padding: 13px 15px;
  }

  #edit-hour-min-popup {
    top: 80px;
    left: 155px;
  }

  .path-frontpage .day-month-year.hasDatepicker .month-year,
  .webform-submission-airport-services-search-form .day-month-year.hasDatepicker .month-year {
    top: -2px;
  }

  .path-frontpage .ui-datepicker.ui-widget.ui-widget-content {
    top: 80px !important;
    width: 20em;
  }

  /* Contact us */
  #webform-submission-contact-us-add-form #edit-hoursandminutes {
    display: block;
  }

  #webform-submission-contact-us-add-form #edit-hoursandminutes .form-item-date-picker,
  #webform-submission-contact-us-add-form #edit-hoursandminutes .form-item-time-pick {
    width: 100%;
  }

  #webform-submission-contact-us-add-form #edit-hoursandminutes {
    padding: 0 0 5px 0;
  }

  #webform-submission-contact-us-add-form #edit-hoursandminutes .form-item-date-picker {
    margin-bottom: 20px;
  }

  #webform-submission-contact-us-add-form #edit-hour-min-popup {
    top: 103px;
    left: 0;
  }

  #webform-submission-contact-us-add-form #edit-hoursandminutes .ui-datepicker.ui-widget.ui-widget-content {
    top: 40px !important;
  }

  /* Date Picker end */

  .slick__arrow button[aria-label=Previous],
  .slick--view button[aria-label=Previous],
  .slick__arrow button[aria-label=Next],
  .slick--view button[aria-label=Next] {
    display: none;
  }

  .offer-image,
  .block-field-blocknodeofferfield-offer-image .field--name-field-offer-image img,
  .service-image,
  .block-field-blocknodeservicesfield-image .field--name-field-image img {
    min-height: 195px;
    object-fit: cover;
  }

  .view-id-offers_list.view-display-id-block_1 .offer-card {
    height: auto;
    min-height: 370px;
  }

  a.mm-navbar__title:after {
    content: '';
    background: url(../images/Icons/SVG/Cross.svg);
    height: 22px;
    width: 18px;
    background-repeat: no-repeat;
    background-size: 20px 22px;
    visibility: visible;
  }

  .menu-name--header-menu.mm-listitem--vertical>.mm-listitem__btn {
    height: auto;
  }

  #mm-1 li.menu-name--header-menu.mm-listitem.mm-listitem--vertical.mm-listitem--opened {
    background-color: var(--primary-text-color);
    padding-left: 0;
  }

  #mm-1 li.menu-name--header-menu.mm-listitem.mm-listitem--vertical.mm-listitem--opened:before {
    content: '';
    border-right: 7px solid var(--secondary-btn-text-color);
    border-radius: 7px;
    margin-left: -3px;
    position: absolute;
    top: 20px;
    bottom: 210px;
  }

  #mm-1 li.menu-name--header-menu.mm-listitem.mm-listitem--vertical.mm-listitem--opened a.mm-listitem__text {
    color: #fff;
  }

  #mm-1 li.menu-name--header-menu.mm-listitem.mm-listitem--vertical.mm-listitem--opened>.mm-panel {
    background: #fff;
    padding: 10px 0 0 10px;
  }

  #mm-1 li.menu-name--header-menu.mm-listitem.mm-listitem--vertical.mm-listitem--opened>.mm-panel a.mm-listitem__text {
    color: #000000b3;
    font-family: "MetropolisRegular";
    font-weight: normal;
    font-size: 15px;
  }

  #mm-1 li.menu-name--header-menu.mm-listitem.mm-listitem--vertical.mm-listitem--opened>div.mm-panel .mm-listview .mm-listitem {
    border-bottom: 2px solid rgb(0 0 0 / 15%);
  }

  #mm-1 li.menu-name--header-menu.mm-listitem.mm-listitem--vertical.mm-listitem--opened>div.mm-panel .mm-listview .mm-listitem:after,
  #mm-1 li.menu-name--header-menu.mm-listitem.mm-listitem--vertical.mm-listitem--opened>div.mm-panel .mm-listview .mm-listitem a.mm-listitem__text:before {
    content: none;
  }

  .select2-container--default .select2-selection--single {
    height: 56px;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 54px;
  }

  #edit-container-email-phone .form-item-phone {
    width: 55%;
    margin-left: 0 !important;
  }

  #webform-submission-contact-us-add-form .form-item-type-of-contact,
  #edit-container-email-phone .form-item-order-reference-no,
  .js-form-type-datetime #edit-date-and-time .form-type-textfield,
  .js-form-type-datetime #edit-date-and-time .form-type-webform-time,
  #webform-submission-contact-us-add-form #edit-container-location-journey .form-item-journey-type,
  #webform-submission-contact-us-add-form #edit-container-location-journey .form-item-location {
    width: 100%;
  }

  .js-form-type-datetime #edit-date-and-time .form-type-textfield {
    margin-right: 0;
  }

  #edit-name--wrapper .webform-name__last {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  fieldset.webform-composite-hidden-title {
    margin-top: 0;
    margin-bottom: 10px;
  }

  #webform-submission-contact-us-add-form .ui-datepicker-trigger {
    top: 19px;
  }

  #webform-submission-contact-us-add-form #edit-container-email-phone .form-item-email {
    margin-bottom: 15px;
  }

  .select2-container--open #select2-edit-type-of-contact-results li:first-child {
    top: -50px;
  }

  .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
    line-height: 62px;
  }

  .breadcrumb {
    padding: 8px 15px 8px 30px;
  }

  /*header size fix*/
  .page-node-type-article .header-region,
  .page-node-type-travelupdates .header-region,
  .page-node-type-services .header-region,
  .path-our-services .header-region,
  .page-node-type-offer .header-region,
  .path-user .header-region {
    padding: 0 !important;
    height: 56px;
  }

  .page-node-type-article .row,
  .page-node-type-travelupdates .row,
  .page-node-type-services .row,
  .path-our-services .row,
  .page-node-type-offer .row,
  .path-user .row {
    margin: 0;
  }

  .page-node-type-article .responsive-menu-toggle,
  .page-node-type-travelupdates .responsive-menu-toggle,
  .page-node-type-services .responsive-menu-toggle,
  .path-our-services .responsive-menu-toggle,
  .page-node-type-offer .responsive-menu-toggle,
  .path-user .responsive-menu-toggle {
    float: left;
    margin-left: -27px;
  }

  .page-node-type-article .container-fluid,
  .page-node-type-travelupdates .container-fluid,
  .page-node-type-services .container-fluid,
  .path-our-services .container-fluid,
  .page-node-type-offer .container-fluid,
  .path-user .container-fluid {
    padding: 0;
  }

  .page-node-type-services article .content .row.bs-1col,
  .page-node-type-offer article .content .row.bs-1col {
    margin-right: -15px;
    margin-left: -15px;
  }

  .logo img {
    top: 12px;
  }

  #webform-submission-contact-us-add-form #edit-container-email-phone {
    display: flex;
    justify-content: space-between;
  }

  .container.static-pages,
  .article-page .container,
  .news-alerts .container,
  .travelupdates-page .container,
  #webform-submission-contact-us-add-form #edit-container-email-phone #edit-email {
    width: 100%;
  }

  .view-offers-list .view-content .views-infinite-scroll-content-wrapper {
    align-items: center;
    flex-direction: column;
  }

  .slick__arrow button {
    display: none;
  }

  .path-frontpage .dropdown_image {
    bottom: 3px;
    right: 10px;
  }

  #block-allwaysvip-views-block-offers-list-block-3 h2.block-title,
  #block-views-block-offers-list-block-5 h2.block-title {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .view-offers-list.view-display-id-block_3 .view-header,
  .view-offers-list.view-display-id-block_5 .view-header {
    font-size: 14px;
    padding-bottom: 25px;
    line-height: 18px;
  }

  .view-offers-list .view-filters input,
  .view-services-list .view-filters input,
  .view-travel-updates .view-filters input,
  .view-news-and-alerts .view-filters input {
    top: -12px;
    left: 0;
    padding-right: 25px;
  }

  a.mm-listitem__text:after,
  span.mm-listitem__text:after {
    margin-left: 0;
    right: 36%;
    transition: transform 0.2s;
    transform-origin: inherit !important;
    -webkit-transform: rotate(135deg) !important;
    -ms-transform: rotate(135deg) !important;
    transform: rotate(135deg) !important;
  }

  .mm-listitem--opened>.mm-listitem__btn:after {
    right: 23px;
    transform-origin: inherit;
    transition: transform 0.2s;
    -webkit-transform: rotate(225deg) !important;
    -ms-transform: rotate(225deg) !important;
    transform: rotate(225deg) !important;
    border: 2px solid #fff;
    border-bottom: none;
    border-right: none;
  }

  .mmenu-translate #dropdownbutton .lang-curr-dropdown,
  #mm-1 li.menu-name--mobile-user-menu .user-profile-dropdown {
    margin-left: 0;
    left: inherit;
    right: 23px;
    background-image: none;
    color: #cfc4c4;
    font-weight: normal;
    font-size: 12px;
    border: 2px solid var(--mm-color-button);
    content: "";
    border-bottom: none;
    border-right: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  .is-active .mmenu-translate #dropdownbutton .lang-curr-dropdown {
    background-image: url(../images/Icons/SVG/lang-chevron-down.svg);
    border: 0;
    height: 15px;
    width: 15px;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  #mm-1 li.menu-name--header-menu.mm-listitem--opened .menu-name--header-menu.mm-listitem.active-li,
  #mm-1 li.menu-name--header-menu.mm-listitem--opened .menu-name--header-menu.mm-listitem.active-li a.is-active.mm-listitem__text {
    background-color: transparent;
  }

  #mm-1 li.menu-name--header-menu.mm-listitem.active-li::before {
    border-right: none;
  }

  #mm-1 li>.mm-listitem__text .menu-text {
    margin-right: 35px;
  }

  #mm-1 li.mm-listitem {
    width: 300px;
  }

  a.mm-listitem__text:after,
  span.mm-listitem__text:after {
    right: 23px;
  }

  #mm-1 .mm-panel li.mm-listitem {
    width: auto;
  }

  .form-item-custom-phonecodes {
    width: 41%;
  }

  .form-item.js-form-item.form-type-select.js-form-type-select.form-item-custom-phonecodes.js-form-item-custom-phonecodes.form-group,
  #edit-container-email-phone .form-item-phone,
  #edit-container-email-phone .form-item-order-reference-no {
    display: block;
    flex: inherit;
  }

  .webform-submission-airport-search-form #edit-hoursandminutes .js-form-item-date-picker .form-text,
  .webform-submission-airport-services-search-form #edit-hoursandminutes .js-form-item-date-picker .form-text {
    height: 18px;
    width: 18px;
    background-size: 18px 18px;
  }

  .webform-submission-airport-search-form #edit-hoursandminutes .js-form-item-time-pick .form-text,
  .webform-submission-airport-services-search-form #edit-hoursandminutes .js-form-item-time-pick .form-text {
    background-size: 21px 21px;
    height: 22px;
    padding: 0 12px 0 30px;
    width: 100px;
    font-size: 14px;
  }

  #edit-hoursandminutes .form-item-date-picker {
    width: 140px;
    margin-right: 0;
  }

  .breadcrumb>li {
    display: inline;
  }

  .breadcrumb>li:first-child {
    margin-left: -30px;
  }

  .region-footer-bottom ul li a {
    padding-left: 0;
    font-family: "MetropolisRegular";
    font-size: 12px;
  }

  #backtotop {
    bottom: 70px;
  }

  .block-field-blocknodeofferfield-location {
    padding: 25px 40px 0 40px;
  }

  .path-frontpage .views-slideshow-controls-bottom div#views_slideshow_controls_text_banner_contents-block_3 {
    margin: 28px 20px 23px 0;
  }

  /* mini widget css start */
  .page-node-type-services .col-sm-5,
  .page-node-type-offer .col-sm-5 {
    padding: 0;
  }

  .page-node-type-services .block-webform-block,
  .page-node-type-offer .block-webform-block {
    border-radius: 0 0 14px 14px;
  }

  .page-node-type-services div#edit-airport-location-markup,
  .page-node-type-services #edit-top-container .form-item-search-box,
  .page-node-type-services #edit-top-container .input-group,
  .page-node-type-offer div#edit-airport-location-markup,
  .page-node-type-offer #edit-top-container .form-item-search-box,
  .page-node-type-offer #edit-top-container .input-group {
    width: 98%;
  }

  .page-node-type-services #edit-container-05,
  .page-node-type-offer #edit-container-05 {
    width: 95%;
    margin: 0 auto;
  }

  .page-node-type-services #edit-container-02,
  .page-node-type-offer #edit-container-02 {
    width: 95%;
    margin: 0 auto;
  }

  .page-node-type-services .webform-submission-airport-search-form #edit-mode-of-travel,
  .page-node-type-offer .webform-submission-airport-search-form #edit-mode-of-travel,
  .page-node-type-services .webform-submission-airport-services-search-form #edit-mode-of-travel {
    margin-left: 0;
    display: flex;
    justify-content: space-around;
  }

  .page-node-type-services #edit-container,
  .page-node-type-offer #edit-container {
    width: 95%;
    margin: 15px auto 0 auto;
  }

  .service-page .bs-2col,
  .page-node-type-services .webform-submission-add-form,
  .page-node-type-services .col-sm-5,
  .page-node-type-services #edit-container-1,
  .offer-page .bs-2col,
  .page-node-type-offer .webform-submission-add-form,
  .page-node-type-offer .col-sm-5,
  .page-node-type-offer #edit-container-1 {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .page-node-type-services .images_and_count,
  .page-node-type-offer .images_and_count {
    font-size: 14px;
  }

  /* login popup css start */
  body #block-webform.arrture-login-popup-xx {
    width: 93% !important;
    left: calc(50%) !important;
    padding: 20px;
  }

  #edit-arrture-register {
    text-align: center;
  }

  #edit-arrture-header-image img {
    width: 120px;
  }

  #edit-arrture-title {
    font-size: 18px;
  }

  #edit-forget-password a,
  #edit-arrture-register {
    font-size: 14px;
  }
  /* login popup css end */

  /* registration css start */
  #webform-submission-arrture-register-add-form,
  #edit-register-description p {
    width: auto;
  }

  #edit-name--wrapper .fieldset-wrapper,
  #edit-email-container .form-type-webform-email-confirm,
  #edit-country-container,
  #edit-confirm-password--wrapper {
    display: block;
  }

  #edit-register-description,
  #edit-register-form-title,
  #edit-name-container,
  #edit-email-container,
  #edit-country-container,
  #edit-password-container,
  #edit-residence-information--wrapper,
  #edit-personal-data p:nth-child(1),
  #edit-terms-and-conditions p:nth-child(1),
  #edit-personal-data p:nth-child(2),
  #edit-terms-and-conditions p:nth-child(2),
  #webform-submission-arrture-register-add-form #edit-actions,
  #webform-submission-arrture-register-add-form .form-type-checkbox {
    padding-left: 15px;
    padding-right: 15px;
  }

  #edit-personal-data.form-group,
  #edit-terms-and-conditions.form-group {
    margin-left: 15px;
    margin-right: 15px;
  }

  #edit-register-form-title p,
  #edit-residence-information--wrapper-legend {
    font-size: 16px;
  }

  #edit-register-description p,
  #edit-register-form-title p:nth-child(2),
  #edit-residence-information--wrapper .fieldset-wrapper .description,
  #edit-personal-data p:nth-child(2),
  #edit-terms-and-conditions p:nth-child(2),
  #webform-submission-arrture-register-add-form .form-type-checkbox .description {
    font-size: 12px;
  }

  #webform-submission-arrture-register-add-form .form-control {
    border-radius: 4px 4px 0 0;
  }

  #edit-name-title .form-type-select {
    width: 50%;
  }

  #edit-country-container {
    display: flex;
    flex-wrap: wrap;
  }

  #edit-country-container .form-item:not(:first-child) {
    flex: 1;
  }

  #edit-country-container .form-item:nth-child(1) {
    width: 100%;
  }

  #edit-country-container .form-item:nth-child(2),
  #edit-country-container .form-item:nth-child(3) {
    width: 50%;
  }
  /* registration css end */
}

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

  .travelupdates-page .view-travel-updates .view-content .views-row:last-child,
  .path-news-and-alerts .news-alerts .view-news-and-alerts .view-content .views-row:last-child {
    border-bottom: 0;
  }

  .container.static-pages,
  .article-page .container,
  .news-alerts .container,
  .travelupdates-page .container {
    width: auto;
  }

  .header-region .container .row .col-md-6[role="heading"] {
    width: 65%;
  }

  .header-region .container .row .col-md-6 {
    width: 35%;
  }

  #dropdownbutton .lang-curr-dropdown {
    position: relative;
    bottom: -2px;
  }

  .slick__arrow button[aria-label=Previous],
  .slick--view button[aria-label=Previous] {
    left: -25px;
  }

  .slick__arrow button[aria-label=Next],
  .slick--view button[aria-label=Next] {
    right: -15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .js-form-type-datetime #edit-date-and-time .form-type-textfield {
    width: 48.5%;
  }

  .js-form-type-datetime #edit-date-and-time .form-type-webform-time {
    width: 49.4%;
  }

  #edit-container-email-phone .form-item-custom-phonecodes {
    width: 12%;
  }

  #edit-container-email-phone .form-item-phone,
  #edit-container-email-phone .form-item-order-reference-no {
    flex: 3;
  }

  .view-offers-list.view-display-id-page_1 .view-content .views-row,
  .view-offers-list.view-display-id-block_1 .view-content .views-row {
    width: 50%;
    padding-bottom: 15px;
  }

  .view-offers-list.view-display-id-page_1 .view-content .views-row .offer-card,
  .view-offers-list.view-display-id-block_1 .view-content .views-row .offer-card {
    width: 350px;
  }

  .header-region .container .row .col-md-6[role="heading"] {
    width: 65%;
  }

  .header-region .container .row .col-md-6 {
    width: 35%;
  }

  #dropdownbutton .lang-curr-dropdown {
    position: relative;
    bottom: -2px;
  }

  .slick__arrow button[aria-label=Previous],
  .slick--view button[aria-label=Previous] {
    left: -25px;
  }

  .slick__arrow button[aria-label=Next],
  .slick--view button[aria-label=Next] {
    right: -15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .js-form-type-datetime #edit-date-and-time .form-type-textfield {
    width: 48.5%;
  }

  .js-form-type-datetime #edit-date-and-time .form-type-webform-time {
    width: 49.4%;
  }

  #edit-container-email-phone .form-item-custom-phonecodes {
    width: 12%;
  }

  #edit-container-email-phone .form-item-phone {
    width: 41.7%;
  }

  #edit-container-email-phone .form-item-order-reference-no {
    width: 42%;
  }

  .view-offers-list.view-display-id-page_1 .view-content .views-row,
  .view-offers-list.view-display-id-block_1 .view-content .views-row {
    width: 50%;
    padding-bottom: 15px;
  }

  .view-offers-list.view-display-id-page_1 .view-content .views-row .offer-card,
  .view-offers-list.view-display-id-block_1 .view-content .views-row .offer-card {
    width: 350px;
  }

  .header-region .container .row .col-md-6[role="heading"] {
    width: 65%;
  }

  .header-region .container .row .col-md-6 {
    width: 35%;
  }

  #dropdownbutton .lang-curr-dropdown {
    position: relative;
    bottom: -2px;
  }

  .slick__arrow button[aria-label=Previous],
  .slick--view button[aria-label=Previous] {
    left: -25px;
  }

  .slick__arrow button[aria-label=Next],
  .slick--view button[aria-label=Next] {
    right: -15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .js-form-type-datetime #edit-date-and-time .form-type-textfield {
    width: 48.5%;
  }

  .js-form-type-datetime #edit-date-and-time .form-type-webform-time {
    width: 49.4%;
  }

  #edit-container-email-phone .form-item-custom-phonecodes {
    width: 12%;
  }

  #edit-container-email-phone .form-item-phone {
    width: 41.7%;
  }

  #edit-container-email-phone .form-item-order-reference-no {
    width: 42%;
  }

  .view-offers-list.view-display-id-page_1 .view-content .views-row,
  .view-offers-list.view-display-id-block_1 .view-content .views-row {
    width: 50%;
    padding-bottom: 15px;
  }

  .view-offers-list.view-display-id-page_1 .view-content .views-row .offer-card,
  .view-offers-list.view-display-id-block_1 .view-content .views-row .offer-card {
    width: 350px;
  }

  .header-region .container .row .col-md-6[role="heading"] {
    width: 65%;
  }

  .header-region .container .row .col-md-6 {
    width: 35%;
  }

  #dropdownbutton .lang-curr-dropdown {
    position: relative;
    bottom: -2px;
  }

  .slick__arrow button[aria-label=Previous],
  .slick--view button[aria-label=Previous] {
    left: -25px;
  }

  .slick__arrow button[aria-label=Next],
  .slick--view button[aria-label=Next] {
    right: -15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .js-form-type-datetime #edit-date-and-time .form-type-textfield {
    width: 48.5%;
  }

  .js-form-type-datetime #edit-date-and-time .form-type-webform-time {
    width: 49.4%;
  }

  #edit-container-email-phone .form-item-custom-phonecodes {
    width: 12%;
  }

  #edit-container-email-phone .form-item-phone {
    width: 41.7%;
  }

  #edit-container-email-phone .form-item-order-reference-no {
    width: 42%;
  }

  .view-offers-list.view-display-id-page_1 .view-content .views-row,
  .view-offers-list.view-display-id-block_1 .view-content .views-row {
    width: 50%;
    padding-bottom: 15px;
  }

  .view-offers-list.view-display-id-page_1 .view-content .views-row .offer-card,
  .view-offers-list.view-display-id-block_1 .view-content .views-row .offer-card {
    width: 350px;
  }

  .header-region .container .row .col-md-6[role="heading"] {
    width: 65%;
  }

  .header-region .container .row .col-md-6 {
    width: 35%;
  }

  #dropdownbutton .lang-curr-dropdown {
    position: relative;
    bottom: -2px;
  }

  .slick__arrow button[aria-label=Previous],
  .slick--view button[aria-label=Previous] {
    left: -30px;
  }

  .slick__arrow button[aria-label=Next],
  .slick--view button[aria-label=Next] {
    right: -28px;
  }

  .active-mac.active-safari .slick__arrow button[aria-label=Next],
  .active-mac.active-safari .slick--view button[aria-label=Next] {
    right: -35px;
  }

  .active-mac.active-safari .path-frontpage .offer-card {
    height: auto;
    width: 230px;
    min-height: 270px;
  }

  .js-form-type-datetime #edit-date-and-time .form-type-textfield {
    width: 48.5%;
  }

  .js-form-type-datetime #edit-date-and-time .form-type-webform-time {
    width: 49.4%;
  }

  #edit-container-email-phone .form-item-custom-phonecodes {
    width: 12%;
  }

  #edit-container-email-phone .form-item-phone {
    width: 41.7%;
  }

  #edit-container-email-phone .form-item-order-reference-no {
    width: 42%;
  }

  .view-offers-list.view-display-id-page_1 .view-content .views-row,
  .view-offers-list.view-display-id-block_1 .view-content .views-row {
    width: 50%;
    padding-bottom: 15px;
  }

  .view-offers-list.view-display-id-page_1 .view-content .views-row .offer-card,
  .view-offers-list.view-display-id-block_1 .view-content .views-row .offer-card {
    width: 350px;
  }
}

@media (max-width: 992px) {

  /* homebanner */
  .views-field.views-field-nothing-2 {
    display: none;
  }

  #edit-tooltipmessage.form-group,
  .page-node-type-services #edit-tooltipmessage.form-group,
  .page-node-type-offer #edit-tooltipmessage.form-group {
    margin-bottom: 15px;
  }

  .page-node-type-services .block-webform-block,
  .page-node-type-offer .block-webform-block {
    margin-bottom: 25px;
  }
  /* .page-node-type-services div#edit-airport-location-markup {
    width: 90%;
  } */

  /* footer css start */
  .view-partners {
    display: block;
    padding-bottom: 10px;
  }

  .view-partners .view-content {
    border-left: none;
    display: block;
  }

  .view-partners .view-content .item-list {
    border-right: none;
    padding: 0;
    width: 340px;
    margin: 0 auto;
  }

  .view-partners .view-content .item-list:nth-child(1) {
    width: 240px;
    margin: 0 auto;
  }

  .view-partners .view-content .item-list h3 {
    text-align: center;
    font-size: 12px;
    margin: 20px 0 15px 0;
  }

  .view-partners .view-content .item-list ul {
    justify-content: center;
    display: initial;
  }

  .view-partners .view-content .item-list ul li img {
    padding: 0;
    margin: 0 5px 10px 5px;
  }

  .view-partners .view-header {
    width: 100%;
    padding-right: 0;
    border-right: none;
    justify-content: center;
  }

  .view-partners .view-header a img {
    text-align: center;
    width: 176px;
    height: auto;
    margin: 0 auto;
  }

  .region-footer-bottom ul.menu--footer {
    display: block;
    text-align: left;
  }

  .region-footer-bottom ul.menu--footer li {
    float: none;
  }

  #block-allwaysvip-copyrights p {
    margin-left: 0;
    text-align: left;
    font-size: 12px;
  }

  .view-partners .view-content .item-list:nth-child(4) .views-field-field-image img,
  .view-partners .view-content .item-list .views-field-field-image img {
    width: 72px;
  }

  .view-partners .view-content .item-list .views-field-field-mobile-design-image img {
    width: 96px;
  }

  .region-footer-bottom ul.menu--footer li a:before {
    display: none;
  }

  .footer-container-bottom {
    margin-top: 0;
    padding-top: 0;
  }

  #block-allwaysvip-copyrights {
    padding-top: 20px;
  }

  .view-content .item-list .views-field-field-image {
    display: none;
  }

  .view-content .item-list .views-field-field-mobile-design-image {
    display: inline-flex;
  }

  .view-partners .view-content .field-content {
    padding: 0;
  }

  /* footer css end */

  .region-footer-bottom ul li a {
    font-family: "MetropolisRegular";
    font-size: 12px;
  }

  /* registration css start */
  #webform-submission-arrture-register-add-form,
  #edit-register-description p {
    width: auto;
  }
  /* registration css end */
}

@media (min-width: 992px) {

  .container.static-pages,
  .article-page .container,
  .news-alerts .container,
  .travelupdates-page .container {
    width: 615px;
  }

  .slick__arrow button[aria-label=Previous],
  .slick--view button[aria-label=Previous] {
    left: -25px;
  }

  .slick__arrow button[aria-label=Next],
  .slick--view button[aria-label=Next] {
    right: -15px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  #webform-submission-contact-us-add-form #edit-container-email-phone .form-item-custom-phonecodes {
    width: 11.2%;
  }

  #edit-container-email-phone .form-item-phone,
  #edit-container-email-phone .form-item-order-reference-no {
    flex: 3;
  }

  .js-form-type-datetime #edit-date-and-time .form-type-textfield {
    margin-right: 15px;
  }

  .js-form-type-datetime #edit-date-and-time .form-type-textfield,
  .js-form-type-datetime #edit-date-and-time .form-type-webform-time {
    width: 49%;
  }

  #webform-submission-contact-us-add-form #edit-date-and-time.container-inline {
    display: flex;
  }

  .view-offers-list.view-display-id-page_1 .view-content .views-row .offer-card,
  .view-offers-list.view-display-id-block_1 .view-content .views-row .offer-card,
  .path-frontpage .offer-card,
  .view-services-list.view-display-id-page_1 .services-card,
  .view-services-list.view-display-id-block_1 .services-card {
    width: 300px;
  }

  .view-offers-list.view-display-id-page_1 .view-content .views-row .offer-card,
  .view-offers-list.view-display-id-block_1 .view-content .views-row .offer-card,
  .view-services-list.view-display-id-page_1 .services-card,
  .view-services-list.view-display-id-block_1 .services-card {
    min-height: 300px;
  }

  .slick__arrow button[aria-label=Previous],
  .slick--view button[aria-label=Previous] {
    left: -40px;
  }

  .slick__arrow button[aria-label=Next],
  .slick--view button[aria-label=Next] {
    right: -35px;
  }
  .slick--view--offers-list--block-2 .slick-slide.card-width {
    width: 320px !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

  .path-webform .context-contact-us .container,
  .path-webform .context-contact-us-bial .container,
  .container.static-pages,
  .article-page .container,
  .news-alerts .container,
  .travelupdates-page .container {
    width: auto;
  }

  .offer-card,
  .services-card {
    width: 225px;
  }

  .slick__arrow button[aria-label=Previous],
  .slick--view button[aria-label=Previous] {
    left: -30px;
  }

  .slick__arrow button[aria-label=Next],
  .slick--view button[aria-label=Next] {
    right: -25px;
  }
}

@media (min-width: 1025px) {
  .path-webform .context-contact-us .container {
    width: 635px;
  }
  .path-webform .context-contact-us-bial .container {
    width: 635px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .path-webform .context-contact-us .container {
    width: auto;
  }
  .path-webform .context-contact-us-bial .container {
    width: auto;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .active-mac .infantcount .staticlable {
    left: 165px;
  }

  .block-webform-block {
    top: 10px;
  }
}

@media only screen and (min-device-width: 799px) and (max-device-width: 1024px) {
  .active-safari .infantcount .staticlable {
    left: 165px;
  }
}

@media only screen and (min-width: 990px) and (max-width: 1024px) {
  .active-mac.active-safari .block-webform-block {
    width: 45%;
    left: 53%;
  }

  .active-mac.active-safari.page-node-type-services .block-webform-block,
  .active-mac.active-safari.page-node-type-offer .block-webform-block {
    width: auto;
    left: 0;
  }

  .block-webform-block {
    top: -5px;
  }

  .page-node-type-services .webform-submission-airport-search-form #edit-mode-of-travel .radio,
  .page-node-type-offer .webform-submission-airport-search-form #edit-mode-of-travel .radio,
  .page-node-type-services .webform-submission-airport-services-search-form #edit-mode-of-travel .radio {
    width: 32%;
    margin-right: 0;
  }

  .page-node-type-services .webform-submission-airport-search-form #edit-mode-of-travel .radio .control-label,
  .page-node-type-offer .webform-submission-airport-search-form #edit-mode-of-travel .radio .control-label,
  .page-node-type-services .webform-submission-airport-services-search-form #edit-mode-of-travel .radio .control-label {
    font-size: 10px;
  }

  .page-node-type-services .adultscount .staticlable,
  .page-node-type-services .infantcount .staticlable,
  .page-node-type-offer .adultscount .staticlable,
  .page-node-type-offer .infantcount .staticlable {
    font-size: 10px;
  }

  .page-node-type-services .webform-submission-airport-search-form #edit-container-04,
  .page-node-type-offer .webform-submission-airport-search-form #edit-container-04,
  .page-node-type-services .webform-submission-airport-services-search-form #edit-container-04 {
    padding: 16px 10px 16px 10px;
  }

  .service-page .content {
    overflow: inherit;
  }

  .page-node-type-services #edit-container-04 .form-type-number .input-group input,
  .page-node-type-offer #edit-container-04 .form-type-number .input-group input {
    margin: 0 10px;
  }

  .page-node-type-services .webform-submission-airport-search-form .form-inline .input-group,
  .page-node-type-offer .webform-submission-airport-search-form .form-inline .input-group,
  .page-node-type-services .webform-submission-airport-services-search-form .form-inline .input-group {
    margin-left: 5%;
  }

  .webform-submission-airport-search-form #edit-custom-services .radio label::after,
  .webform-submission-airport-services-search-form #edit-custom-services .radio label::after {
    top: 34px;
  }
}

@media only screen and (max-width: 990px) {
  .view-id-banner_contents {
    position: relative;
  }

  .block-webform-block {
    top: -28px;
  }

  .views-slideshow-controls-bottom {
    left: 44%;
    bottom: -10px;
  }

  .views-slideshow-controls-text-status-play {
    margin-left: 13.2px;
  }

  .path-frontpage .views-slideshow-controls-bottom div#views_slideshow_controls_text_banner_contents-block_2 .views-slideshow-controls-text-pause-processed a {
    padding: 4px 0;
  }

  .path-frontpage .views-slideshow-controls-bottom span#views_slideshow_controls_text_pause_banner_contents-block_2,
  .path-frontpage .views-slideshow-controls-bottom .views-slideshow-pager-bullets {
    padding: 0;
  }

  .path-frontpage .views-slideshow-controls-bottom div#views_slideshow_controls_text_banner_contents-block_2 .views-slideshow-controls-text-pause-processed a:before {
    position: inherit;
    top: 0;
  }

  .views-slideshow-controls-bottom {
    z-index: 5;
  }

  .views-slideshow-controls-bottom.active {
    z-index: 4;
  }

  .ui-widget.ui-widget-content.ui-autocomplete {
    margin: 0 25px 0 25px;
    width: 94% !important;
    position: inherit;
  }

  .page-node-type-services .col-sm-5,
  .page-node-type-services .col-sm-7,
  .page-node-type-offer .col-sm-5,
  .page-node-type-offer .col-sm-7 {
    float: none;
    width: 100%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .view-content .item-list .views-field-field-image img {
    width: 64px;
  }

  .view-partners .view-content .item-list:nth-child(4) .views-field-field-image img {
    width: 63.5px;
  }

  .view-partners .view-header {
    width: 40%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .active-mac.active-safari .block-webform-block {
    width: 45%;
    left: 53%;
  }

  .active-mac.active-safari.page-node-type-services .block-webform-block,
  .active-mac.active-safari.page-node-type-offer .block-webform-block {
    width: auto;
    left: 0;
  }
}

@media (min-width: 1025px) {
  .path-webform .context-contact-us .container {
    width: 635px;
  }
  .path-webform .context-contact-us-bial .container {
    width: 635px;
  }

}

@media (min-width: 1200px) {

  .container.static-pages,
  .article-page .container,
  .news-alerts .container,
  .travelupdates-page .container {
    width: 712px;
  }

  .slick__arrow button[aria-label=Previous],
  .slick--view button[aria-label=Previous] {
    left: -50px;
  }

  .slick__arrow button[aria-label=Next],
  .slick--view button[aria-label=Next] {
    right: -45px;
  }
  .slick--view button.slick-arrow {
    z-index: 3;
  }

  .path-webform .context-contact-us .container {
    width: 732px;
  }
  .path-webform .context-contact-us-bial .container {
    width: 732px;
  }
}

@media screen and (orientation: landscape) and (min-device-width: 768px) and (max-device-width: 1365px) {
  .offer-card-body .span-title {
    font-size: 16px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .path-frontpage .offer-card {
    width: 370px;
  }

  .view-offers-list.view-display-id-page_1 .offer-card,
  .view-services-list.view-display-id-page_1 .services-card,
  .view-services-list.view-display-id-block_2 .services-card {
    height: 100%;
    min-height: 340px;
    width: 97%;
  }

  .slick--view--offers-list--block-2 .slick-slide.card-width {
    width: 390px !important;
  }
}

@media screen and (min-width: 1366px) {
  .banner-image img {
    height: auto;
  }

}

@media (min-width: 1290px) {
  #block-views-block-banner-contents-block-1-2 {
    left: 76px;
  }

  .offer-card,
  .services-card {
    height: 100%;
    min-height: 340px;
    width: 97%;
  }

  .offer-image,
  .block-field-blocknodeofferfield-offer-image .field--name-field-offer-image img,
  .service-image,
  .block-field-blocknodeservicesfield-image .field--name-field-image img {
    object-fit: fill;
    max-height: initial;
  }
}

@media (min-width: 1400px) {
  #block-views-block-banner-contents-block-1-2 {
    left: 145px;
  }

  .path-frontpage .offer-card {
    width: 360px;
    height: auto;
  }

  .container.static-pages,
  .article-page .container,
  .news-alerts .container,
  .travelupdates-page .container {
    width: 680px;
  }

  .path-webform .context-contact-us .container {
    width: 701px;
  }
  .path-webform .context-contact-us-bial .container {
    width: 701px;
  }
}

/* popup width issue HKIA-1131 */
@media (min-width: 1590px) {
  #spb-block-views-blockoffer-popup-block-1 .spb-popup-main-wrapper,
  #spb-block-views-blockoffer-popup-block-2 .spb-popup-main-wrapper {
    width: 100% !important;
    max-width: 800px;
    margin-left: -392px !important;
  }

  .view-content .item-list .views-field-field-image img {
    width: 76px;
  }

  .view-partners .view-content .item-list:nth-child(4) .views-field-field-image img {
    width: 82.2px;
  }
}

@media (min-width: 1600px) {
  #block-views-block-banner-contents-block-1-2 {
    left: 87px;
  }

  .path-frontpage .offer-card {
    width: 450px;
    height: auto;
  }

  .slick--view--offers-list--block-2 .slick-slide.card-width {
    width: 475px !important;
  }

  .container.static-pages,
  .article-page .container,
  .news-alerts .container,
  .travelupdates-page .container {
    width: 985px;
  }

  .path-webform .context-contact-us .container {
    width: 999px;
  }
  .path-webform .context-contact-us-bial .container {
    width: 999px;
  }

  .view-content .item-list .views-field-field-image img {
    width: 120px;
  }

  .view-partners .view-content .item-list:nth-child(4) .views-field-field-image img {
    width: 119.5px;
  }

  .views-field.views-field-nothing-2,
  .views-slideshow-controls-bottom {
    left: 6%;
  }
}

@media (min-width: 1800px) {
  .path-frontpage .offer-card {
    width: 510px;
    height: auto;
  }

  .slick--view--offers-list--block-2 .slick-slide.card-width {
    width: 535px !important;
  }

  #block-views-block-banner-contents-block-1-2 {
    left: 145px;
  }

  .container.static-pages,
  .article-page .container,
  .news-alerts .container,
  .travelupdates-page .container {
    width: 1180px;
  }

  .path-webform .context-contact-us .container {
    width: 1203px;
  }
  .path-webform .context-contact-us-bial .container {
    width: 1203px;
  }

  .view-content .item-list .views-field-field-image img {
    width: 144px;
  }

  .view-partners .view-content .item-list:nth-child(4) .views-field-field-image img {
    width: 143.5px;
  }

  .view-partners .view-header {
    width: 36%;
  }
}

@media (min-width: 1921px) {

  .views-field.views-field-nothing-2,
  .views-slideshow-controls-bottom {
    left: 5%;
  }
}

@media screen and (max-width: 400px) {
  .view-partners .view-content .item-list {
    width: 290px;
  }
}

@media screen and (max-width: 435px) {

  .page-node-type-services .webform-submission-airport-search-form .fieldset-wrapper,
  .page-node-type-services .webform-submission-airport-services-search-form .fieldset-wrapper,
  .page-node-type-services .images_and_count,
  .page-node-type-offer .webform-submission-airport-search-form .fieldset-wrapper,
  .page-node-type-offer .images_and_count {
    font-size: 12px;
  }
}

@media screen and (max-width: 390px) {
  .ui-datepicker.ui-widget.ui-widget-content {
    width: 100%;
    padding: 10px 5px 10px 5px;
  }

  .ui-datepicker-calendar .ui-state-active,
  .ui-datepicker-calendar .ui-widget-content .ui-state-active {
    left: 0;
    margin: 0 auto;
  }

  .page-node-type-services .webform-submission-airport-search-form .fieldset-wrapper,
  .page-node-type-services .webform-submission-airport-services-search-form .fieldset-wrapper,
  .page-node-type-services .images_and_count,
  .page-node-type-offer .webform-submission-airport-search-form .fieldset-wrapper,
  .page-node-type-offer .images_and_count {
    font-size: 10px;
  }

  .offer-image,
  .block-field-blocknodeofferfield-offer-image .field--name-field-offer-image img,
  .service-image,
  .block-field-blocknodeservicesfield-image .field--name-field-image img {
    min-height: 170px;
  }
}

@media screen and (max-width: 767px) {
  .ui-widget.ui-widget-content.ui-autocomplete {
    margin: 0 1% 0 1%;
    width: 98% !important;
    position: absolute !important;
  }
}

/*new change for offer detail page Hkia-1141*/
.page-node-type-offer .offer-page .breadcrumb li.active,
.page-node-type-services .service-page .breadcrumb li.active {
  display: none;
}

.page-node-type-offer .offer-page .page-sub-title,
.page-node-type-services .service-page .page-sub-title {
  margin-top: 10px;
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d0c8d699;
}

.page-node-type-offer .offer-page .sub-title-active h1.header-cls.page-header,
.page-node-type-services .service-page .sub-title-active h1.header-cls.page-header {
  border-bottom: none;
  padding-bottom: 0;
}

.page-node-type-offer .offer-page h1.header-cls.page-header .backtolist-link .backtolist,
.page-node-type-services .service-page h1.header-cls.page-header .backtolist-link .backtolist {
  display: none;
}

/*maintenance mode page*/
.maintenance-page .responsive-menu-toggle-wrapper.responsive-menu-toggle {
  display: none;
}

.maintenance-page .navbar {
  border: 0;
}

.maintenance-page main {
  text-align: center;
  margin-top: 70px;
  display: block;
  margin-bottom: 25px;
}

.maintenance-page main h1 {
  font-family: 'MetropolisBold';
}

.maintenance-page main .main-content {
  font-family: 'MetropolisRegular';
  width: 680px;
  margin: 0 auto;
  margin-top: 35px;
}

.maintenance-page main .main-content p {
  margin: 0 0 5px;
  color: #3f2a5599;
  opacity: 0.5;
  font-weight: 600;
  font-size: 13px;
}

.maintenance-page main .main-content span.maintance-bottom {
  display: block;
  margin-top: 20px;
}

.maintenance-page main.main-container section .main-img img {
  width: 130px;
}

.maintenance-page #block-allwaysvip-copyrights p {
  margin-top: 0;
  margin-left: 0;
}

/*404 and 403 page*/
.page-node-403.page-node-type-page .basic-page .region-content .breadcrumb,
.page-node-403.page-node-type-page .basic-page .region-content h1.page-header.header-cls,
.page-node-404.page-node-type-page .basic-page .region-content .breadcrumb,
.page-node-404.page-node-type-page .basic-page .region-content h1.page-header.header-cls {
  display: none;
}

.page-node-403.page-node-type-page .basic-page .region-content .error-page,
.page-node-404.page-node-type-page .basic-page .region-content .error-page {
  margin-top: 30px;
  margin-bottom: 80px;
}

.error-page .container {
  width: 750px;
}

.error-page-content {
  margin-top: 25px;
}

span.error-type-no {
  color: #3f2a5580;
  font-size: 35px;
  margin-top: 32px;
  font-family: 'MetropolisBold';
}

.error-page .container .error-page-content h1 {
  font-family: 'MetropolisBold';
  color: var(--primary-text-color);
  margin-top: 10px;
}

.error-page .container .error-page-content .error-page-text {
  margin-top: 30px;
  margin-bottom: 30px;
}

.error-page .container .error-page-content .error-page-text p {
  margin: 0 0 5px;
  color: #3f2a5599;
  opacity: 0.5;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}

.error-page .container .error-page-content .page-btn {
  background: var(--secondary-btn-text-color) 0% 0% no-repeat padding-box;
  border: 1px solid var(--secondary-btn-text-color);
  border-radius: 5px;
  width: 65%;
  color: #fff;
  text-align: center;
  margin-top: 91px;
  padding: 4px;
}

.error-page .container .error-page-content .page-btn a {
  color: #fff;
}

.page-node-404.page-node-type-page .basic-page .region-content .error-page .container .error-page-content .page-btn {
  margin-top: 50px;
}

.error-page .container .error-page-img img {
  padding-top: 25px;
  width: 230px;
}


.views-slideshow-cycle-main-frame {
  width: 100% !important;
}

.views-slideshow-cycle-main-frame-row {
  position: relative !important;
}

/* HKIA-1422 */
.carousel-button,
.webform-select-other .webform-select-other-input {
  display: none;
}

.video-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}

.video-wrapper .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.views-field-field-address h5:nth-child(1) {
  margin-top: 0;
}

.views-field-field-address h5 {
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 8px;
}

.views-field-field-address p,
.views-field-field-address h5 {
  color: #000;
  font-family: "MetropolisRegular";
}

.views-field-field-address p {
  color: var(--default-text-color);
  margin-bottom: 15px;
}

.form-item-iatacode {
  display: none;
}

.row.highlighted-region,
.header-region {
  z-index: 8;
}

.view-faq-category .view-content a {
  pointer-events: none;
}

/* tooltip */
.ui-menu-item-wrapper[title]:hover {
  position: relative;
}

.ui-menu-item-wrapper[title]:hover:before {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99999;
  content: attr(title);
  margin-top: 0.5em;
  padding: 0.5em;
  width: autox;
  overflow: hidden;
  word-wrap: break-word;
  font-size: inherit;
  color: #fff;
  text-align: center;
  background-color: #000;
  box-sizing: border-box;
  box-shadow: none;
}

.ui-menu-item-wrapper[title]:hover:after {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 99999;
  content: '';
  margin-left: -0.125em;
  width: 0;
  height: 0;
  border: 0.25em dashed transparent;
  border-bottom: 0.25em solid #222;
  font-size: inherit;
}

.block-field-blocknodeofferfield-location {
  margin-left: 25px;
}

.arrture-login-popup-xx {
  display: none;
}
.password-strength {
  display: none;
}

#webform-submission-arrture-login-add-form .popup-close {
  background: url('../images/Icons/PNG/Cross.png') no-repeat 0 center;
  font-size: 0;
  color: transparent;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.webform-submission-arrture-login-form #edit-error-message {
  margin-bottom: 10px;
}
.errt-login-err,
.user-not-active {
  display: none;
  color: #f65370;
  font-size: 12px;
  margin-top: 2px;
}
.webform-submission-arrture-login-form #edit-error-message-not-active {
  margin-top: -15px;
}
.eye-open {
  background: url("../images/eye-open.svg") no-repeat;
  display: block;
  height: 22px;
  width: 28px;
  margin-top: 2px;
  background-size: 18px;
}

.eye-close {
  background: url("../images/eye-close.svg") no-repeat;
  display: block;
  height: 22px;
  width: 28px;
  margin-top: 2px;
  background-size: 18px;
}

.shwpd {
  float: right;
  margin-left: -35px;
  margin-top: -30px;
  position: relative;
  z-index: 2;
}
.day-month-year.hasDatepicker .day.no-date,
.webform-submission-airport-search-form #edit-hoursandminutes .js-form-item-time-pick .form-text.no-time,
.webform-submission-airport-services-search-form #edit-hoursandminutes .js-form-item-time-pick .form-text.no-time {
  font-size: 14px;
}
.webform-submission-airport-search-form #edit-hoursandminutes .js-form-item-time-pick .form-text.no-time,
.webform-submission-airport-services-search-form #edit-hoursandminutes .js-form-item-time-pick .form-text.no-time {
  width: 130px;
}

/* registration form */
.webform-submission-arrture-register-add-form .form-item-name-first {
  margin-left: 14px;
}
.webform-submission-arrture-register-add-form .form-item-name-first {
  margin-left: 0px;
}
body #webform-submission-arrture-register-add-form .select2-container--default .select2-selection--single .select2-selection__placeholder,
body #webform-submission-arrture-register-add-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
}
#webform-submission-arrture-register-add-form .form-item-name-title .select-wrapper .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}
.webform-submission-arrture-register-add-form #edit-name-title-select {
  width: 72px;
}
.webform-submission-arrture-register-add-form .form-item-residence-information label input {
  opacity: 1 !important;
}
.webform-submission-arrture-register-add-form .form-item-residence-information label.isactive input::before {
  background: url(../images/Icons/PNG/blue-check-circle@2x.png);
  display: inline-block;
  height: 15px;
  background-size: 100%;
  margin-right: 5px;
  border: none;
  border-radius: initial;
}
#webform-submission-arrture-register-add-form .checkbox.form-item-terms-conditions label input {
  height: 0.5px;
  margin-top: 14px;
  width: 15px;
}
.webform-submission-arrture-register-add-form .form-item-residence-information label input::before {
  background: url(../images/Icons/SVG/circle-Disabled.svg);
  display: inline-block;
  height: 15px;
  background-size: 100%;
  margin-right: 5px;
  border: none;
  border-radius: initial;
}
#webform-submission-arrture-register-add-form .checkbox.form-item-terms-conditions label input::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: -10px;
}
#webform-submission-arrture-register-add-form .checkbox.form-item-terms-conditions label input::before {
  background-image: url(../images/Icons/SVG/Check-Box-Disabled.svg);
}
#webform-submission-arrture-register-add-form .checkbox.form-item-terms-conditions label input.form-checkbox:checked::before {
  background-image: url(../images/Icons/SVG/check-square.svg);
}
.webform-submission-arrture-register-add-form .form-item-residence-information label input::after {
  border: none !important;
  border-radius: initial !important;
}
.webform-submission-arrture-register-add-form .form-control {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.webform-submission-arrture-register-add-form.webform-submission-form input:focus-visible,
.webform-submission-arrture-register-add-form.webform-submission-form input:focus,
.webform-submission-arrture-register-add-form.webform-submission-form label:focus,
.webform-submission-arrture-register-add-form.webform-submission-form label:focus-visible {
  outline: none;
  border-bottom: 2px solid #3f51b5 !important;
}
.webform-submission-arrture-register-add-form .cred-err input,
.webform-submission-arrture-register-add-form .form-item-name-title.cred-err .select-wrapper,
.webform-submission-arrture-register-add-form .cred-err input:focus-visible,
.webform-submission-arrture-register-add-form .cred-err input:focus,
.webform-submission-arrture-register-add-form .cred-err label:focus,
.webform-submission-arrture-register-add-form .cred-err label:focus-visible {
  border-bottom: 2px solid #f65370 !important;
}

.webform-submission-arrture-register-add-form .form-item-name-title .select2-container--default .select2-selection--single {
  border-radius: 2px;
}
#webform-submission-arrture-register-add-form #edit-actions button.webform-button--reset {
  background: var(--secondary-btn-bg-color);
  color: var(--secondary-btn-text-color);
  border: 1px solid var(--border-color);
}
#webform-submission-arrture-register-add-form #edit-actions button.webform-button--reset span {
  display: none;
}
#webform-submission-arrture-register-add-form #edit-actions {
  justify-content: end;
  flex-direction: row-reverse;
}
#webform-submission-arrture-register-add-form #edit-actions button.webform-button--reset {
  margin-right: 10px;
}
#block-allwaysvip-loginregister {
  display: none;
}
.logout-popup-close::after {
  background: url(../images/Icons/SVG/Cross-Disabled.svg);
  content: "";
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  background-size: 20px 15px;
  float: right;
  cursor: pointer;
  visibility: visible;
}
#edit-register-form-title p,
#edit-residence-information--wrapper-legend {
  color: var(--primary-text-color);
}
/* maintanance mobile and ipad begin */
@media (max-width: 992px) {
  .spb-popup-main-wrapper {
    margin-left: 0 !important;
    width: auto !important;
  }

  #spb-plan_maintanance_block_big .spb_center {
    top: 15% !important;
    left: 2% !important;
    right: 2%;
    width: auto !important;
    margin-top: -70px;
  }

  #spb-plan_maintanance_block_small .spb_center {
    top: 22% !important;
    left: 2% !important;
    right: 2% !important;
}


  .simple-popup-blocks-global .spb-popup-main-wrapper #block-plannedmaintenanceblockbig {
    padding-top: 23px;
  }

}

/* maintanance mobile and ipad end */

/* contact us box UI fix begins */
.webform-submission-contact-us-form .form-item-name-last input {
  padding-top: 6px;
}

.webform-submission-contact-us-form #edit-name--wrapper legend {
  margin-bottom: 0;
}

/* contact us box UI fix end */
/*fix TECO-2007 */
#language .select-items .same-as-selected {
  display: none;
}

.server-dwn-icon {
  height: 91px;
  width: 89px;
}
#block-plannedmaintananceblocksmall .field {
  padding: 20px 0;
}

/* #spb-plan_maintanance_block_big .spb_center {
  top: 17%;
  left: 68%;
  width: 520px !important;
} */
#spb-plan_maintanance_block_big  .field--type-text-with-summary {
  padding-top: 12px;
}

/* #spb-plan_maintanance_block_small .spb_center{
  top: 15% !important;
  width: 520px !important;
  left: 45%;
} */
.plan_maintanance_block_small {
  display: none;
}
.plan_maintanance_block_big {
  display: none;
}
@media (min-width: 992px) {
  #spb-plan_maintanance_block_big .spb_center {
    top: 17%;
    left: 68%;
    width: 520px !important;
  }
  #spb-plan_maintanance_block_small .spb_center {
    top: 17% !important;
    width: 520px !important;
    left: 45%;
  }
}
/* id change of offer popup */
.block-views-blockoffer-popup-block-1 {
  display: none;
}

.years-25-ppg img {
  object-fit: cover;
  object-position: center;
  max-height: 70px;
  max-width: 450px;
}
#block-25yearsofppg .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
  background-color: #d1c7b9;
}
/* css for new date field for sc/tc begins */
body.zh-hans .webform-submission-contact-us--form #edit-hoursandminutes .form-item-date-picker,
body.zh-hant .webform-submission-contact-us--form #edit-hoursandminutes .form-item-date-picker {
  display: none;
}
.webform-submission-contact-us--form .form-item-sc-date-picker {
  display: none;
}
body.zh-hans .webform-submission-contact-us--form .form-item-sc-date-picker,
body.zh-hant .webform-submission-contact-us--form .form-item-sc-date-picker {
  display: block;
  width: 49%;
}
body.zh-hans .webform-submission-contact-us--form .form-item-sc-date-picker .form-text,
body.zh-hant .webform-submission-contact-us--form .form-item-sc-date-picker .form-text {
  width: 100%;
}

body.en .webform-submission-contact-us--form .form-item-sc-date-picker {
  display: none;
}
/* css for new date field for sc/tc ends */

.sticky {
  position: fixed;
  width: 100%;
}
.path-formarrture-register .highlighted-region.sticky {
  top: 80px;
  z-index: 999;
}
.path-formarrture-register .row.highlighted-region {
  margin-left: 0;
  margin-right: 0;
}
#spb-plan_maintanance_block_small .head-line,
#spb-plan_maintanance_block_big .top-title {
  font: normal normal bold 22px/26px MetropolisBold;
  letter-spacing: 0px;
  color: var(--primary-text-color);
  opacity: 1;
  margin-top: 20px;
  margin-bottom: 20px;
}

#spb-plan_maintanance_block_small .date-time,
#spb-plan_maintanance_block_small .text-data {
  text-align: center;
  font: normal normal normal 16px/22px MetropolisRegular;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  margin-top: 12px;
}

#spb-plan_maintanance_block_small .head-line,
#spb-plan_maintanance_block_big .top-title {
  font: normal normal bold 22px/26px MetropolisBold;
  letter-spacing: 0px;
  color: var(--primary-text-color);
  opacity: 1;
  margin-top: 20px;
  margin-bottom: 20px;
}
#spb-plan_maintanance_block_big .date-time {
  text-align: center;
  font: normal normal bold 20px/28px MetropolisBold;
  letter-spacing: 0px;
  color: var(--primary-text-color);
  margin-top: 20px;
}

#spb-plan_maintanance_block_big .date-time-text {
  text-align: center;
  font: normal normal normal 16px/28px MetropolisRegular;
  letter-spacing: 0px;
  color: var(--primary-text-color);
  margin-bottom: 20px;
}

#spb-plan_maintanance_block_big .text-data {
  text-align: center;
  font: normal normal normal 16px/28px MetropolisRegular;
  letter-spacing: 0px;
  color: #000000;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 20px;
}
#edit-processed-text-promocode {
  text-align: center;
  color: var(--primary-btn-text-color);
}
.promocode-cont {
  padding: 5px 140px;
}
.webform-submission-airport-services-search-form .promocode-cont {
  padding: 5px 100px;
}
.promocode-cont .icon {
  background-size: 18px 18px;
  transform: scale(1);
  margin-right: 8px;
  cursor: pointer;
}
.icon-plus-circle {
  background: url(../images/Icons/SVG/plus-circle-Disabled.svg);
}
.icon-minus-circle {
  background: url(../images/Icons/SVG/minus-circle-Disabled.svg);
}
.promocode-text {
  cursor: pointer;
  font-family: "MetropolisBold";
}
.form-item-promocode {
  display: none;
}
.form-item-promocode.active {
  display: block;
}

/* promocode begins */

.form-item-promocode.active {
  background: #fff 0 0 no-repeat padding-box;
  border-radius: 14px;
  height: 81px;
  width: 90%;
  margin-left: 5%;
  margin-bottom: 15px;
}
.webform-submission-airport-search-form .control-label.promocode-label,
.webform-submission-airport-services-search-form .control-label.promocode-label {
  margin-top: 10px;
  margin-left: 15px;
  color: var(--primary-text-color);
  font-weight: normal;
}
.webform-submission-airport-search-form .form-actions,
.webform-submission-airport-services-search-form .form-actions {
  padding-top: 0;
}
.form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-promocode.js-form-item-promocode.form-group.active:before {
  content: "";
  position: absolute;
  width: 35px;
  height: 30px;
  left: 27px;
  margin-top: 35px;
  background: url(../images/Icons/PNG/promo.png) no-repeat 15px center;
  background-size: 20px 15px;
}
.webform-submission-airport-services-search-form .form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-promocode.js-form-item-promocode.form-group.active:before {
  margin-top: 40px;
}
.webform-submission-airport-search-form #edit-container-06,
.webform-submission-airport-search-form #edit-processed-text-promocode,
.webform-submission-airport-services-search-form #edit-container-06,
.webform-submission-airport-services-search-form #edit-processed-text-promocode {
  margin-bottom: 0;
}

input#edit-promocode::placeholder {
  color: #d0c8d6;
}
#edit-promocode {
  border: none;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
  padding-left: 45px;
  box-shadow: none;
  font-family: 'MetropolisBold';
  background-color: #fff;
  color: var(--default-text-color);
}

#edit-container-06 {
  position: relative;
}
.promo-error-custom {
  background: #333;
  left: 25%;
  top: -15px;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 13px;
  position: absolute;
  z-index: 98;
  width: 54%;
  line-height: 1;
}
.promo-error-custom::after {
  content: "";
  position: absolute;
  border-radius: 10px;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-bottom: 1px dotted black;
}

@media (max-width: 767px) {
  .form-item-promocode.active {
    width: 94% !important;
    margin-left: 3% !important;
  }
  .promocode-cont {
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 20px;
    padding: 0px;
  }
  .form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-promocode.js-form-item-promocode.form-group.active:before {
    left: 15px;
  }
  .promo-error-custom {
    top: -5px;
  }
}
/* promocode ends */

/*mozila firefox issue*/
.webform-submission-airport-search-form input[type="radio"],
.webform-submission-airport-search-form input[type="checkbox"],
.webform-submission-airport-services-search-form input[type="radio"],
.webform-submission-airport-services-search-form input[type="checkbox"],
.webform-submission-arrture-register-form input[type="radio"],
.webform-submission-arrture-register-form input[type="checkbox"] {
  -moz-appearance: initial;
}
#block-loginlinktooltip,
.block-views-blockoffer-popup-block-2,
#spb-block-views-blockoffer-popup-block-2,
nav#block-customuserprofile,
body.partner-login .logo img {
  display: none;
}
body.maintenance-page.partner-login .logo img {
  display: block;
}
/* autocomplete location dropdown change TECO-4459 start */
.ui-location-autocomplete .ui-state-highlight {
  background: transparent;
  font-weight: bold;
  color: initial;
}
/* autocomplete location dropdown change TECO-4459 end */

.mm-menu .menu-name--mobile-user-menu,
#edit-processed-exp-text {
  display: none;
}

.StMember-partner .mm-menu .menu-name--mobile-user-menu,
.StMember-partner #block-customuserprofile,
.StMember-partner #block-loginlinktooltip {
  display: block;
}
.view-partners .view-content .item-list:nth-child(3)
{
        border-right: 1px solid #fff;
        margin-bottom: 0px;
}
@media screen and (min-width: 767px) and (max-width: 990px) {
    .webform-submission-airport-search-form #edit-top-container, .webform-submission-airport-services-search-form #edit-top-container {
        display: block;
        width: 100%;
        height: 110px;
        padding: 25px !important;
    }
}

@media screen and (max-width: 767px) {
    .webform-submission-airport-search-form #edit-top-container, .webform-submission-airport-services-search-form #edit-top-container {
        display: block;
        padding: 10px;
    }
}