/* Banner CSS Seperated */
.one-key-banner,
.middle-banner {
  padding: .5rem 0;
  height: 100%;
}

.banner-ads-container {
  padding: .75rem;
  border-radius: 1rem;
  background-color: #191e3b;
  position: relative;
}

.banner-ads-content {
  display: flex;
  align-items: center;
  padding: .75rem;
}

.banner-img {
  height: 44px;
  width: 44px;
}

.signIn-content,
.signIn-btn a {
  color: white;
}

.signIn-btn {
  background-color: #1768e3;
  padding: 6px 12px;
  border-radius: 1rem;
}

.one-key-banner .signIn-content {
  font-size: 16px;
  margin: 0;
}

.one-key-banner .banner-text-button-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: .5rem;
}

.banner-imag-section {
  margin-right: .75rem;
}

.banner-ads-content .custom-contact-section {
  display: flex;
  flex-wrap: wrap;
  margin-top: .5rem;
}

.banner-ads-content .custom-toll-free-number {
  padding-right: 1.5rem;
}

@media (min-width: 36rem) {
  .one-key-banner .banner-imag-section {
    margin-right: 1.5rem;
  }

  .one-key-banner,
  .middle-banner {
    padding: 1rem 0;
  }
}

.middle-banner {
  margin: 0;
}

.middle-banner-container {
  background: white;
  border: 1px solid #dfe0e4;
  border-radius: 1rem;
  font-size: 14px;
  color: #191e3b;
}

.middle-banner a {
  color: #1768e3 !important;
}

.middle-banner .signIn-content {
  margin: 0px;
  font-size: 14px;
  font-weight: 500;
  color: #191e3b;
}

.middle-banner p {
  margin-bottom: 0px;
  margin-top: 0px;
}

.middle-banner .banner-imag-section {
  margin-right: .75rem;
  align-items: center;
  height: 3rem;
  display: inline-flex;
  width: 3rem;
  min-width: 3rem;
  justify-content: center;
  position: relative;
  border-radius: 2rem;
  background: #e0daef;
}

.call-icon {
  background: url('/Site/expedia/images/call.svg');
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
}


/* Advt banner bottom*/

[data-ody-id="CruiseEndEmptyDiv"] {
  margin-bottom: 1.5rem;
}

.package-details-page [data-ody-id="CruiseEndEmptyDiv"] {
  margin: 0 1rem;
}

[data-ody-id="CruiseEndEmptyDiv"] a img {
  width: 100%
}

.page_cruise_category [data-ody-id="CruiseEndEmptyDiv"],
.page_cruise_cabin [data-ody-id="CruiseEndEmptyDiv"] {
  margin: 1.5rem 0;
}

.package-tour-page [data-ody-id="CruiseEndEmptyDiv"] {
  margin: 0 1rem 1.5rem;
}

.page_cruise_farecodes [data-ody-id="CruiseEndEmptyDiv"] {
  Margin-top: 1.5rem;
}

/*hide Banners in Checkout page & Booking details page.*/

.page_booking_checkout[data-ody-user-type='b2b'] [data-ody-id='CruiseResultsStartEmptyDiv'],
.page_booking_checkout[data-ody-user-type='b2b'] [data-ody-id='CruiseResultItemEmptyDiv-1'],
.page_booking_checkout[data-ody-user-type='b2b'] [data-ody-id='CruiseResultsRightSideEmptyDiv'],
.page_booking_checkout[data-ody-user-type='b2b'] [data-ody-id='CruiseEndEmptyDiv'],
.page_booking_checkout[data-ody-user-type='b2c'] [data-ody-id='CruiseResultItemEmptyDiv-1'],
.page_booking_checkout[data-ody-user-type='b2b'] [data-ody-id='CruiseResultItemEmptyDiv-2'],
.page_booking_checkout[data-ody-user-type='b2c'] [data-ody-id='CruiseResultsRightSideEmptyDiv'],
.page_booking_checkout[data-ody-user-type='b2c'] [data-ody-id='CruiseResultsStartEmptyDiv'],
.page_booking_checkout[data-ody-user-type='b2c'] [data-ody-id='CruiseResultItemEmptyDiv-2'],
.page_booking_checkout[data-ody-user-type='b2c'] [data-ody-id='CruiseEndEmptyDiv'],
.page_customer_booking_details[data-ody-user-type='b2b'] [data-ody-id='CruiseResultsStartEmptyDiv'],
.page_customer_booking_details[data-ody-user-type='b2b'] [data-ody-id='CruiseResultItemEmptyDiv-1'],
.page_customer_booking_details[data-ody-user-type='b2b'] [data-ody-id='CruiseResultsRightSideEmptyDiv'],
.page_customer_booking_details[data-ody-user-type='b2b'] [data-ody-id='CruiseResultItemEmptyDiv-2'],
.page_customer_booking_details[data-ody-user-type='b2b'] [data-ody-id='CruiseEndEmptyDiv'],
.page_customer_booking_details[data-ody-user-type='b2c'] [data-ody-id='CruiseResultsStartEmptyDiv'],
.page_customer_booking_details[data-ody-user-type='b2c'] [data-ody-id='CruiseResultItemEmptyDiv-1'],
.page_customer_booking_details[data-ody-user-type='b2c'] [data-ody-id='CruiseResultsRightSideEmptyDiv'],
.page_customer_booking_details[data-ody-user-type='b2c'] [data-ody-id='CruiseResultItemEmptyDiv-2'],
.page_customer_booking_details[data-ody-user-type='b2c'] [data-ody-id='CruiseEndEmptyDiv'] {
  display: none;
}