* {
  -webkit-tap-highlight-color: transparent;
}

.exotic-trip-checkout-content-outer {
  margin: auto;
  padding: 40px 0;
  font-size: 14px;
  line-height: 1.5;
}

.exotic-trip-checkout-content-outer .exotic-trip-checkout-title {
  margin-top: 0;
  margin-bottom: 25px;
  font-family: Roboto;
  font-weight: 600;
  font-size: 39px;
}

.exotic-trip-checkout-content-outer .exotic-trip-checkout-order-block {
  margin-top: 20px;
}

.exotic-trip-checkout-content-outer .order-block-marker {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.exotic-trip-checkout-content-outer .order-block-marker-circle {
  width: 44px;
  height: 44px;
  background: #37a27a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 25px;
}

.exotic-trip-checkout-content-outer .order-block-items {
  padding-left: 35px;
  margin-left: 22px;
  margin-top: 10px;
  border-left: 1px solid #8f8f8f;
}

.exotic-trip-checkout-content-outer
  .exotic-trip-checkout-order-block:last-child
  .order-block-items {
  border-left: none;
}

.exotic-trip-checkout-content-outer .order-block-items.order-block-main-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 20px;
  align-items: center;
}

.exotic-trip-checkout-content-outer .order-block-label {
  display: block;
  margin-top: 5px;
  margin-bottom: 6px;
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
  color: #000;
}

.exotic-trip-checkout-content-outer .order-block-input {
  width: 100%;
  height: 45px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

.exotic-trip-checkout-content-outer .order-block-items-travelers {
  margin-bottom: 10px;
}

.exotic-trip-checkout-content-outer .order-block-items-travelers-title {
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
  font-family: Roboto;
  font-weight: 600;
  font-size: 24px;
}

.exotic-trip-checkout-content-outer .order-block-items-travelers-item-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 20px;
  align-items: center;
}

.exotic-trip-checkout-content-outer .order-block-items-travelers-item {
  display: flex;
  flex-direction: column;
}

.exotic-trip-checkout-content-outer
  .order-block-items-note-for-single-travelers {
  color: #787878;
  margin-top: 35px;
  margin-bottom: 25px;
  font-size: 14px;
}

.exotic-trip-checkout-content-outer .order-block-items-travelers-add-block,
.exotic-trip-checkout-content-outer .order-block-items-payment-type-block {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
}

.exotic-trip-checkout-content-outer .order-block-items-travelers-add,
.exotic-trip-checkout-content-outer .order-block-items-expander {
  background-color: #37a27a;
  color: white;
  padding: 2px;
  border: 2px solid #37a27a;
  border-radius: 8px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.exotic-trip-checkout-content-outer .order-block-items-travelers-add-icon,
.exotic-trip-checkout-content-outer .order-block-items-expander-open,
.exotic-trip-checkout-content-outer .order-block-items-expander-close {
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.exotic-trip-checkout-content-outer .order-block-items-travelers-add-text,
.exotic-trip-checkout-content-outer .order-block-items-expander-text {
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
  color: #000;
  cursor: pointer;
}

.exotic-trip-checkout-content-outer .order-block-items-expander-text {
  font-size: 24px;
}

.exotic-trip-checkout-content-outer .order-block-items-expander-open.d-none,
.exotic-trip-checkout-content-outer .order-block-items-expander-close.d-none {
  display:none;
}


.exotic-trip-checkout-content-outer .order-block-marker-title {
  margin-left: 15px;
  font-weight: 700;
  font-family: Roboto;
  font-weight: 600;
  font-size: 30px;
}

.exotic-trip-checkout-content-outer .order-block-marker-subtitle {
  margin-left: 15px;
  font-size: 14px;
  color: #555;
  font-family: Roboto;
  font-weight: 300;
  font-size: 14px;
  position: relative;
  bottom: 5px;
}

.exotic-trip-checkout-content-outer .order-block-item-include-ticket-label {
  display: flex;
  align-items: center;
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
  color: #000;
}

.exotic-trip-checkout-content-outer .order-block-item-include-ticket-checkbox {
  margin-right: 10px;
  width: 26px;
  height: 26px;
}

.exotic-trip-checkout-content-outer .order-block-item-totals-block {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.exotic-trip-checkout-content-outer .order-block-item-totals-block-individual,
.exotic-trip-checkout-content-outer .order-block-item-totals-block-total,
.exotic-trip-checkout-content-outer .order-block-item-partial-totals-block-individual,
.exotic-trip-checkout-content-outer .order-block-item-partial-totals-block-total  {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
}

.exotic-trip-checkout-content-outer .order-block-item-totals-block-total,
.exotic-trip-checkout-content-outer .order-block-item-partial-totals-block-total {
  margin-bottom: 30px;
}

.exotic-trip-checkout-content-outer .order-block-item-totals-block-individual-text,
.exotic-trip-checkout-content-outer .order-block-item-totals-block-total-text,
.exotic-trip-checkout-content-outer .order-block-item-partial-totals-block-individual-text,
.exotic-trip-checkout-content-outer .order-block-item-partial-totals-block-total-text {
  color: #37a27a;
  margin-bottom: 2px;
  font-family: Roboto;
  font-weight: 700;
  font-size: 20px;
}

.exotic-trip-checkout-content-outer .order-block-item-totals-block-individual-price,
.exotic-trip-checkout-content-outer .order-block-item-totals-block-total-price, 
.exotic-trip-checkout-content-outer .order-block-item-totals-block-individual-ticket-price,
.exotic-trip-checkout-content-outer .order-block-item-partial-totals-block-individual-price,
.exotic-trip-checkout-content-outer .order-block-item-partial-totals-block-total-price, 
.exotic-trip-checkout-content-outer .order-block-item-partial-totals-block-individual-ticket-price  {
  font-family: Roboto;
  font-weight: 400;
  font-size: 20px;
}

/* Coupon Section */
.exotic-trip-checkout-content-outer .order-block-item-coupon-label {
  display: block;
  margin-top: 10px;
  font-family: Roboto;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}

.exotic-trip-checkout-content-outer .order-block-item-coupon-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  align-items: center;
}

.exotic-trip-checkout-content-outer .order-block-item-coupon-block {
  width: 100%;
}

.exotic-trip-checkout-content-outer .order-block-item-coupon-block-input {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  font-size: 14px;
}

.exotic-trip-checkout-content-outer .order-block-item-coupon-block-button {
  background-color: #37a27a;
  color: white;
  border: 2px solid #37a27a;
  border-radius: 6px;
  padding: 0px 13px;
  cursor: pointer;
  /* max-width: 140px; */
  font-size: 18px;
}

.exotic-trip-checkout-content-outer
  .order-block-item-ticket-price-explanation-block,
.exotic-trip-checkout-content-outer
  .order-block-item-partial-payment-explanation-block {
  color: #787878;
  font-weight: 300;
  font-size: 14px;
  text-align: justify;
  margin-top: 10px;
}

.exotic-trip-checkout-content-outer
  .order-block-item-partial-payment-explanation-block {
  font-size: 16px;
}

.exotic-trip-checkout-content-outer .order-block-item-pay-amount-block {
  margin-top: 20px;
  text-align: center;
}

.exotic-trip-checkout-content-outer .order-block-item-pay-amount-block-title {
  margin: 0;
  color: #37a27a;
  font-family: Roboto;
  font-weight: 700;
  font-size: 34px;
}

.exotic-trip-checkout-content-outer .order-block-item-pay-amount-block-price,
.exotic-trip-checkout-content-outer .order-block-item-partial-pay-amount-block-price {
  margin: 0;
  font-family: Roboto;
  font-weight: 700;
  font-size: 34px;
  line-height: 1.1;
}

.exotic-trip-checkout-content-outer .order-block-item-terms-agreement-label {
  margin-top: 25px;
  display: flex;
  align-items: center;
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
}

.exotic-trip-checkout-content-outer .order-block-item-terms-agreement-checkbox {
  margin-right: 10px;
  width: 26px;
  height: 26px;
}

.exotic-trip-checkout-content-outer
  .order-block-item-terms-agreement-label-link {
  text-decoration: underline;
  color: #000;
}

.exotic-trip-checkout-content-outer
  .order-block-item-terms-agreement-label-link:hover {
  color: #37a27a;
}

.exotic-trip-checkout-content-outer .order-block-item-payment-button-block {
  width: 100%;
  text-align: center;
}

.exotic-trip-checkout-content-outer
  .order-block-item-payment-button-block-button {
  background: #37a27a;
  color: #fff;
  border-radius: 10px;
  font-family: Roboto;
  font-weight: 600;
  font-size: 32px;
  border: 2px solid #37a27a;
  padding: 0 28px;
  margin-top: 35px;
  margin-bottom: 10px;
}


.exotic-trip-checkout-content-outer input.order-block-input.invalid {
  outline: none !important;
  border: 1px solid #FF0000 !important;
  box-shadow: -1px 2px 2px 0px #FF0000 !important;
  transition: all 0.3s ease-in-out !important;
  color: #FF0000;
}
.exotic-trip-checkout-content-outer input.order-block-input.valid {
  outline: none !important;
  border: 1px solid #37A27A !important;
  box-shadow: -1px 2px 2px 0px #37A27A !important;
  transition: all 0.3s ease-in-out !important;
}

.exotic-trip-checkout-content-outer .order-block-item-remove-item {
    height: 28px;
    width: 28px;
    text-align: center;
    padding: 0;
    margin: 0;
    position: relative;
    bottom: 1px;
    margin-left: 20px;
    border-radius: 8px;
    background-color: #37a27a;
    border: 2px solid #37a27a;
    color: #fff;
    font-size:18px;
}

.exotic-trip-checkout-content-outer .order-block-item-remove-item.d-none,
.exotic-trip-checkout-content-outer .order-coupon-message .order-coupon-success.d-none,
.exotic-trip-checkout-content-outer .order-coupon-message .order-coupon-partial-success.d-none,
.exotic-trip-checkout-content-outer .order-coupon-message .order-coupon-error.d-none,
.exotic-trip-checkout-content-outer .order-coupon-message .order-coupon-partial-error.d-none {
  display:none;
}

.exotic-trip-checkout-content-outer .order-block-item-coupon-submition {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

.exotic-trip-checkout-content-outer .order-block-item-coupon-block-message.order-coupon-message {
  text-align: center!important;
  width: 100%;
  display: flex;
  flex-direction: column;
}


.exotic-trip-checkout-content-outer .order-coupon-message {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    margin-left: 10px;
}
.exotic-trip-checkout-content-outer .order-coupon-message .order-coupon-error,
.exotic-trip-checkout-content-outer .order-coupon-message .order-coupon-partial-error {
  color: red;
}


.exotic-trip-checkout-content-outer .order-block-item-pay-amount-final-block {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
}

.exotic-trip-checkout-content-outer .order-block-item-price-before-amount-block-price,
.exotic-trip-checkout-content-outer .order-block-item-partial-price-before-amount-block-price {
    font-family: Roboto;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    text-decoration: line-through;
    color: #ff0000;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
}

.exotic-trip-checkout-content-outer .order-block-item-price-before-amount-block-price.d-none,
.exotic-trip-checkout-content-outer .order-block-item-partial-price-before-amount-block-price.d-none {
  display:none;
}

/* RESPONSIVE */

@media (max-width: 768px) {
  .exotic-trip-checkout-content-outer {
    padding: 10px 0;
  }
}

@media (max-width: 520px) {
  .exotic-trip-checkout-detail-content-outer .order-details-block-title.order-details-block-title-mid {
      font-size: 24px;
  }
  .exotic-trip-checkout-detail-content-outer .order-details-item-title {
    font-size: 18px;
  }
  .exotic-trip-checkout-detail-content-outer .order-details-item-title {
    font-size: 18px;
  }
  .exotic-trip-checkout-detail-content-outer .order-details-item-content {
    font-size: 16px;
  }
  .exotic-trip-checkout-content-outer .exotic-trip-checkout-title {
    font-size: 26px;
    text-align: center;
  }
  .exotic-trip-checkout-content-outer .order-block-marker-title {
    font-size: 22px;
  }
  .exotic-trip-checkout-content-outer .order-block-marker-subtitle {
    font-size: 11px;
  }
  .exotic-trip-checkout-content-outer .order-block-items-travelers-title {
    font-size: 22px;
  }
  .exotic-trip-checkout-content-outer .order-block-label {
    font-size: 16px;
  }
  .exotic-trip-checkout-content-outer .order-block-items-travelers-add-text {
    font-size: 16px;
  }
  .exotic-trip-checkout-content-outer .order-block-item-coupon-items {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 20px;
  }
  .exotic-trip-checkout-content-outer .order-block-items.order-block-main-info {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 20px;
  }
  .exotic-trip-checkout-content-outer .order-block-items-travelers-item-block {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 20px;
  }
  .exotic-trip-checkout-content-outer .order-block-item-coupon-block-button {
    max-width: 70%;
    width: 70%;
  }
  .exotic-trip-checkout-content-outer .order-block-item-totals-block-total,
  .exotic-trip-checkout-content-outer .order-block-item-partial-totals-block-total {
    margin-bottom: 10px;
  }
  .exotic-trip-checkout-content-outer .order-block-marker-circle {
    width: 35px;
    height: 35px;
    font-size: 20px;
  }
  .exotic-trip-checkout-content-outer .order-block-marker-title {
    margin-left: 10px;
  }
  .exotic-trip-checkout-content-outer .order-block-marker-subtitle {
    margin-left: 10px;
  }
  .exotic-trip-checkout-content-outer .order-block-items {
    padding-left: 27px;
    margin-left: 17px;
  }
  .exotic-trip-checkout-content-outer {
    padding: 10px 0;
  }
  .exotic-trip-checkout-content-outer .order-block-item-coupon-submition {
    flex-direction: column;
  }
}

/* RESPONSIVE END */
/* NEW */

.exotic-trip-checkout-content-outer .order-block-item-terms-agreement-label.invalid {
  color: #ff0000;
}

.exotic-trip-checkout-content-outer .invalid .order-block-item-terms-agreement-label-link {
  color: #ff0000;
}

.exotic-trip-checkout-content-outer .invalid .order-block-item-terms-agreement-label-link:hover {
  color: #ff0000;
}

.exotic-trip-checkout-content-outer .order-block-item-include-ticket-block .order-block-ticket-notice {
    font-size: 16px;
    color: #000;
}

.exotic-trip-checkout-content-outer .order-block-item-payment-button-block-button:hover,
.exotic-trip-checkout-content-outer .order-block-item-coupon-block-button:hover,
.exotic-trip-checkout-content-outer .order-block-item-remove-item:hover,
.exotic-trip-checkout-content-outer .order-block-items-travelers-add-block:hover .order-block-items-travelers-add,
.exotic-trip-checkout-content-outer .order-block-items-payment-type-block:hover .order-block-items-expander {
  background: #fff;
  color: #37a27a;
  border: 2px solid #37a27a;
}

.order-block-items-note-for-single-travelers-link.trip-date-inquiry {
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.order-block-items-note-for-single-travelers-link.trip-date-inquiry:hover {
  font-weight: 600;
  color:#37a27a;
  text-decoration: underline;
  cursor: pointer;
}

.order-block-payment-method-block.collapsed {
  display:none;
}

/* NEW END */



/* DETAILS */


.exotic-trip-checkout-detail-content-outer .order-details-block-title {
  font-family: Roboto;
  font-weight: 600;
  font-size: 36px;
  color: #000;
}

.exotic-trip-checkout-detail-content-outer .order-details-block-title.order-details-block-title-mid {
  font-family: Roboto;
  font-weight: 600;
  font-size: 32px;
  color: #000;
}

.exotic-trip-checkout-detail-content-outer .order-details-block-title.order-details-block-title-long {
  font-family: Roboto;
  font-weight: 600;
  font-size: 28px;
  color: #000;
}

.exotic-trip-checkout-detail-content-outer .order-details-block-title.order-details-block-title-very-long {
  font-family: Roboto;
  font-weight: 600;
  font-size: 24px;
  color: #000;
}

.exotic-trip-checkout-detail-content-outer .order-details-block-items {
  display: flex;
  gap: 20px 0;
  flex-direction: column;
  flex-wrap: nowrap;
}

.exotic-trip-checkout-detail-content-outer .order-details-item-title {
  font-family: Roboto;
  font-weight: 700;
  font-size: 22px;
  color: #37A27A;
  line-height: 1.2;
}

.exotic-trip-checkout-detail-content-outer .order-details-item-content {
  font-family: Roboto;
  font-weight: 400;
  font-size: 20px;
  margin: 0;
  color: #000;
}

/* DETAILS END */

/* CALENDAR */
.drp-calendar .calendar-table table td, 
.drp-calendar .calendar-table table th {
    padding: 0;
}

.drp-calendar .month {
  justify-content: center;
  align-items: center;
  gap: 10px;
    min-width: 200px;
}

.drp-calendar select.monthselect,
.drp-calendar select.yearselect {
  display: inline-block;
  padding: 4px 8px!important;
  font-size: 14px!important;
  border: 1px solid #ccc!important;
  border-radius: 4px!important;
}
.drp-calendar .calendar-table {
    min-width: 288px;
}
.drp-calendar {
    min-width:300px;
}
.drp-calendar .calendar-table table tr th{
    border-top:none!important;
}
/* CALENDAR */







/* Button click animation */
.exotic-trip-checkout-content-outer .order-block-items-payment-type-block {
    transition: all 0.2s ease;
    cursor: pointer;
}

.exotic-trip-checkout-content-outer .icon-rotate-out {
    animation: rotateOut 0.15s ease-in;
}

.exotic-trip-checkout-content-outer .icon-rotate-in {
    animation: rotateIn 0.15s ease-out;
}

@keyframes rotateOut {
    0% { transform: rotate(0deg); opacity: 1; }
    100% { transform: rotate(180deg); opacity: 0; }
}

@keyframes rotateIn {
    0% { transform: rotate(-180deg); opacity: 0; }
    100% { transform: rotate(0deg); opacity: 1; }
}

.exotic-trip-checkout-content-outer .exotic-trip-checkout-order-block .order-block-payment-method-block {
  padding: 30px 0;
}

.exotic-trip-checkout-content-outer .order-block-items-payment-type-block {
  margin-left:-35px;
}

.exotic-trip-checkout-content-outer .order-block-expander-partial-price-per-person {
    color: #8F8F8F;
    font-size: 18px;
    margin-top: 3px;
}