.PresetDateRangePicker_panel {
  padding: 0 22px 11px
}
.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer
}
.PresetDateRangePicker_button:active {
  outline: 0
}
.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699
}
.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff
}
.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb
}
.SingleDatePickerInput__rtl {
  direction: rtl
}
.SingleDatePickerInput__disabled {
  background-color: #f2f2f2
}
.SingleDatePickerInput__block {
  display: block
}
.SingleDatePickerInput__showClearDate {
  padding-right: 30px
}
.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.SingleDatePickerInput_clearDate__small {
  padding: 6px
}
.SingleDatePickerInput_clearDate__hide {
  visibility: hidden
}
.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.SingleDatePickerInput_clearDate_svg__small {
  height: 9px
}
.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.SingleDatePicker {
  position: relative;
  display: inline-block
}
.SingleDatePicker__block {
  display: block
}
.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.SingleDatePicker_picker__rtl {
  direction: rtl
}
.SingleDatePicker_picker__directionLeft {
  left: 0
}
.SingleDatePicker_picker__directionRight {
  right: 0
}
.SingleDatePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff
}
.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: darken(#cacccd,10%);
  text-decoration: none
}
.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2
}
.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute
}
.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489
}
.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute
}
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px
}
.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left
}
.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0
}
.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2
}
.DayPickerKeyboardShortcuts_close:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a
}
.CalendarDay {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center
}
.CalendarDay:active {
  outline: 0
}
.CalendarDay__defaultCursor {
  cursor: default
}
.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff
}
.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit
}
.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit
}
.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848
}
.CalendarDay__outside:hover {
  border: 0
}
.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd
}
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd
}
.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848
}
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848
}
.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff
}
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87
}
.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a
}
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd
}
.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee
}
.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7
}
.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0
}
.CalendarMonth_verticalSpacing {
  border-collapse: separate
}
.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial
}
.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px
}
.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0
}
.CalendarMonthGrid__animating {
  z-index: 1
}
.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px
}
.CalendarMonthGrid__vertical,
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto
}
.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%
}
.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none
}
.CalendarMonthGrid_month__hidden {
  visibility: hidden
}
.DayPickerNavigation {
  position: relative;
  z-index: 2
}
.DayPickerNavigation__horizontal {
  height: 0
}
.DayPickerNavigation__verticalScrollable_prevNav {
  z-index: 1
}
.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0
}
.DayPickerNavigation__verticalScrollableDefault {
  position: relative
}
.DayPickerNavigation__bottom {
  height: auto
}
.DayPickerNavigation__bottomDefault {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0
}
.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575
}
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4
}
.DayPickerNavigation_button__default:active {
  background: #f2f2f2
}
.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:active {
  background: 0 0
}
.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: .78;
  border-radius: 3px;
  padding: 6px 9px
}
.DayPickerNavigation_bottomButton__horizontalDefault {
  position: static;
  margin: -10px 22px 30px
}
.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px
}
.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px
}
.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%
}
.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0
}
.DayPickerNavigation_nextButton__verticalScrollableDefault,
.DayPickerNavigation_prevButton__verticalScrollableDefault {
  width: 100%
}
.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block
}
.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848
}
.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2
}
.DayPicker {
  background: #fff;
  position: relative;
  text-align: left
}
.DayPicker__horizontal {
  background: #fff
}
.DayPicker__verticalScrollable {
  height: 100%
}
.DayPicker__hidden {
  visibility: hidden
}
.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);
  border-radius: 3px
}
.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%
}
.DayPicker_portal__vertical {
  position: initial
}
.DayPicker_focusRegion {
  outline: 0
}
.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top
}
.DayPicker_weekHeaders {
  position: relative
}
.DayPicker_weekHeaders__horizontal {
  margin-left: 9px
}
.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left
}
.DayPicker_weekHeader__vertical {
  left: 50%
}
.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center
}
.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px
}
.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center
}
.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px
}
.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height .2s ease-in-out;
  -moz-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out
}
.DayPicker_transitionContainer__vertical {
  width: 100%
}
.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll
}
.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle
}
.DateInput__small {
  width: 97px
}
.DateInput__block {
  width: 100%
}
.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb
}
.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0
}
.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .2px;
  padding: 7px 7px 5px
}
.DateInput_input__regular {
  font-weight: auto
}
.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0
}
.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic
}
.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2
}
.DateInput_fangShape {
  fill: #fff
}
.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent
}
.DateRangePickerInput {
  background-color: #fff;
  display: inline-block
}
.DateRangePickerInput__disabled {
  background: #f2f2f2
}
.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb
}
.DateRangePickerInput__rtl {
  direction: rtl
}
.DateRangePickerInput__block {
  display: block
}
.DateRangePickerInput__showClearDates {
  padding-right: 30px
}
.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848
}
.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px
}
.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.DateRangePickerInput_clearDates__small {
  padding: 6px
}
.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.DateRangePickerInput_clearDates__hide {
  visibility: hidden
}
.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.DateRangePickerInput_clearDates_svg__small {
  height: 9px
}
.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.DateRangePicker {
  position: relative;
  display: inline-block
}
.DateRangePicker__block {
  display: block
}
.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.DateRangePicker_picker__rtl {
  direction: rtl
}
.DateRangePicker_picker__directionLeft {
  left: 0
}
.DateRangePicker_picker__directionRight {
  right: 0
}
.DateRangePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff
}
.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: darken(#cacccd,10%);
  text-decoration: none
}
.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.tooltip-container {
  display: inline-block;
  position: relative; }
  .tooltip-container .tooltip-base {
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    color: #12181c;
    border-radius: 4px;
    padding: 12px;
    position: absolute;
    z-index: 1;
    transition: all 0.5s;
    max-width: 400px;
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1)); }
    .tooltip-container .tooltip-base::after {
      position: absolute;
      left: -31px;
      transform: translate3d(58px, 0px, 0px);
      bottom: 37px;
      background: inherit;
      width: 8px;
      height: 8px;
      rotate: 45deg;
      content: " "; }
    .tooltip-container .tooltip-base.top-left::after {
      left: unset;
      right: 53px; }
  .tooltip-container .top-right {
    top: -8px;
    left: -69%;
    transform: translateY(-100%);
    margin-left: 5px;
    max-width: 250px;
    width: max-content; }
    @media (max-width: 768px) {
      .tooltip-container .top-right {
        max-width: 150px; } }
  .tooltip-container .top-left {
    top: -8px;
    right: -8px;
    transform: translateY(-100%);
    margin-left: 5px;
    max-width: 250px;
    width: max-content; }
    @media (max-width: 768px) {
      .tooltip-container .top-left {
        max-width: 150px; } }
  .tooltip-container:hover .tooltip-base {
    visibility: visible;
    opacity: 1; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

* {
  box-sizing: border-box; }

td {
  border: none; }

.label-destiny {
  font-size: 14px;
  text-transform: none;
  color: black;
  font-family: Arial, sans-serif;
  font-weight: bold; }

@media (max-width: 480px) {
  .DayPicker_weekHeader_ul {
    font-size: 18px;
    padding-top: 10px; } }

.CalendarDay {
  padding: 0;
  background: white;
  border: none; }

.CalendarDay > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative; }

.CalendarDay__selected_span .has-endDate {
  background: rgba(255, 153, 0, 0.1);
  color: black;
  height: 100%; }

.CalendarDay__selected_span:hover {
  background: white; }

.CalendarDay__selected_span:hover > div > div,
.CalendarDay__default:hover > div > div {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 100%;
  border: 1.5px solid #717171;
  position: relative; }

.CalendarDay__hovered_span > div > div {
  color: #ff9900; }

.CalendarDay__selected:hover {
  background: white; }

.CalendarDay__selected_start > div {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%; }

.CalendarDay__selected_end > div {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%; }

.CalendarDay__default:hover {
  border: none; }

.CalendarDay__default:not(.CalendarDay__selected_span, .CalendarDay__selected):hover {
  background-color: white;
  border-color: #717171; }

.CalendarDay__selected_start > div,
.CalendarDay__selected_end > div {
  background: rgba(255, 153, 0, 0.1); }

.CalendarDay__selected_start:not(.CalendarDay__selected_span, .CalendarDay__selected) > div > div,
.CalendarDay__selected_end:not(.CalendarDay__selected_span, .CalendarDay__selected) > div > div {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  background: #ff9900 !important;
  border: 1.5px solid #ff9900;
  border-radius: 50%;
  color: white;
  position: relative; }

.no-endDate {
  border-radius: 50%; }

.CalendarMonth_caption, .DayPicker_weekHeader_ul, .CalendarDay {
  font-family: 'PFBeauSansPro', 'Arial'; }

.arrow {
  text-align: center;
  width: 1px;
  background-color: #dbdbdb;
  color: transparent; }

#budget-form {
  background: #fff;
  box-shadow: 0 20px 80px 0 rgba(0, 0, 0, 0.11);
  font-family: Arial;
  line-height: normal;
  font-size: 14px !important;
  position: relative;
  margin-top: 50px;
  max-width: 830px;
  width: 100%; }
  #budget-form .input-counter {
    border-top: 1px solid #dbdbdb !important;
    border-bottom: 1px solid #dbdbdb !important; }
  #budget-form input {
    height: inherit;
    background: white;
    padding: 5px 7px 3px;
    border: 0;
    color: #333333; }
  #budget-form .satelite-container {
    padding: 10px 5px;
    position: absolute;
    top: -50px;
    display: block;
    box-sizing: border-box;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5); }
    #budget-form .satelite-container .satelite-content {
      display: inline-block;
      height: 25px;
      min-width: 100px; }
      #budget-form .satelite-container .satelite-content span {
        font-size: 15px;
        font-weight: 600; }
      #budget-form .satelite-container .satelite-content .change-travelers {
        padding: 4px;
        border: 1px solid #fff;
        box-sizing: border-box;
        color: #fff;
        border-radius: 4px;
        cursor: pointer;
        display: inline-block;
        width: 24px;
        text-align: center; }
  #budget-form .tooltip-info span {
    font-weight: normal !important;
    font-size: 12px !important; }
  #budget-form .form-container {
    position: relative;
    padding: 0px 14px 14px 14px;
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: 0.6fr 1fr 0.8fr;
    gap: 0px 10px; }
    #budget-form .form-container .error > .react-datepicker-wrapper > .react-datepicker__input-container > input {
      color: red; }
    #budget-form .form-container .date-error-border {
      border-color: red !important; }
    #budget-form .form-container .input-container {
      min-width: 160px;
      height: 45px;
      box-sizing: border-box;
      padding-bottom: 3px;
      vertical-align: top;
      position: relative;
      margin-top: 35px; }
      #budget-form .form-container .input-container .select-label {
        font-size: 12px;
        color: #757575;
        position: absolute;
        top: -3px;
        left: 18px;
        transition: all .2s ease; }
        :lang(de) #budget-form .form-container .input-container .select-label {
          font-size: 10px; }
      #budget-form .form-container .input-container.selector-country .select-label {
        font-size: 12px;
        color: #757575;
        position: absolute;
        top: -3px;
        left: 18px; }
        :lang(de) #budget-form .form-container .input-container.selector-country .select-label {
          font-size: 10px; }
      #budget-form .form-container .input-container .dropdown-label {
        top: -20px;
        left: 0; }
      #budget-form .form-container .input-container.origin-country {
        width: 175px; }
        #budget-form .form-container .input-container.origin-country > .tooltip.selector-info {
          position: absolute;
          right: 0;
          top: 5px; }
      #budget-form .form-container .input-container.big-container {
        min-width: 200px;
        border: 1px solid #dbdbdb;
        padding: 1px 0 2px;
        height: 37px;
        text-align: right;
        position: relative;
        box-sizing: content-box;
        border-radius: 5px;
        margin-top: 35px; }
        #budget-form .form-container .input-container.big-container .react-datepicker__day--selected {
          background: #ff9900 !important; }
        #budget-form .form-container .input-container.big-container .react-datepicker-wrapper {
          width: 43%; }
          #budget-form .form-container .input-container.big-container .react-datepicker-wrapper .react-datepicker__input-container {
            width: 100%; }
        #budget-form .form-container .input-container.big-container .react-datepicker {
          font-size: 1em; }
          #budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__header {
            padding-top: 0.8em; }
          #budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__month {
            margin: 0.4em 1em; }
          #budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__day,
          #budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__day-name {
            width: 1.9em;
            line-height: 1.9em;
            margin: 0.166em; }
            #budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__day.react-datepicker__day--range-start,
            #budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__day-name.react-datepicker__day--range-start {
              background: #ff9900 !important;
              border-radius: 5px;
              color: #fff; }
          #budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__current-month {
            font-size: 1em; }
          #budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__navigation {
            top: 1em;
            line-height: 1.7em;
            border: 0.45em solid transparent; }
          #budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__navigation--previous {
            border-right-color: #ccc;
            left: 1em; }
          #budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__navigation--next {
            border-left-color: #ccc;
            right: 1em; }
          #budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__day--in-range {
            background: #ff9900 !important; }
          #budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__day--keyboard-selected {
            background: rgba(255, 153, 0, 0.8) !important; }
          #budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
            background: rgba(255, 153, 0, 0.5); }
        #budget-form .form-container .input-container.big-container .date-picker {
          width: 100%;
          display: inline-block;
          height: 37px !important;
          border: 0;
          font-family: inherit;
          -webkit-appearance: none;
          border-radius: 0;
          padding: 0;
          cursor: text;
          outline: none;
          text-align: center;
          background: #fff;
          font-size: 14px; }
        #budget-form .form-container .input-container.big-container .date-picker-mobile {
          display: none; }
      #budget-form .form-container .input-container.selector-dropdown {
        border: 1px solid #dbdbdb;
        box-sizing: border-box;
        margin-top: 35px;
        padding: 1px 0 2px;
        min-width: 150px;
        height: 42px;
        display: flex;
        align-items: center; }
        #budget-form .form-container .input-container.selector-dropdown.error {
          border-color: red; }
      #budget-form .form-container .input-container.insurance-select {
        min-width: 171px;
        border-radius: 5px;
        margin-top: 35px; }
        #budget-form .form-container .input-container.insurance-select.insurance-select-plus {
          padding-bottom: 0;
          position: relative; }
          #budget-form .form-container .input-container.insurance-select.insurance-select-plus .insurance-capital-input {
            height: 36px !important;
            border: 0;
            width: 101%;
            box-sizing: border-box;
            padding: 0 11px;
            position: absolute;
            border: 1px solid #dbdbdb;
            border-top: 0;
            left: -1px;
            outline: none; }
          #budget-form .form-container .input-container.insurance-select.insurance-select-plus .insurance-selector:nth-child(2) {
            border-top: 0;
            margin: 0 -1px;
            padding: 0 1px 1px;
            width: 50%;
            border-radius: 0 5px 5px 0; }
            #budget-form .form-container .input-container.insurance-select.insurance-select-plus .insurance-selector:nth-child(2) > div {
              background: transparent; }
      #budget-form .form-container .input-container.insurance-select-type {
        width: 185px;
        border-radius: 5px 5px 5px 5px; }
        @media (max-width: 768px) {
          #budget-form .form-container .input-container.insurance-select-type {
            width: 55% !important; } }
      #budget-form .form-container .input-container.insurance-select-type-mx {
        width: 185px;
        border-radius: 5px 5px 5px 5px; }
        @media (max-width: 768px) {
          #budget-form .form-container .input-container.insurance-select-type-mx {
            width: 100% !important; } }
      #budget-form .form-container .input-container.insurance-select-with-info {
        display: flex; }
        #budget-form .form-container .input-container.insurance-select-with-info .insurance-selector {
          flex-grow: 1;
          width: 50%; }
    #budget-form .form-container .insurance-select-container {
      display: flex;
      justify-content: space-around;
      width: 100%; }
      @media (max-width: 768px) {
        #budget-form .form-container .insurance-select-container {
          justify-content: space-between; } }
    #budget-form .form-container .insurance-select-container-anulation {
      width: 100%; }
    #budget-form .form-container .show-travel-question-container {
      display: flex;
      position: relative;
      flex-direction: column;
      align-items: center;
      margin-top: 12px;
      gap: 8px;
      order: 2;
      min-width: 135px; }
      @media (max-width: 768px) {
        #budget-form .form-container .show-travel-question-container {
          position: relative; } }
    #budget-form .form-container .hide {
      display: none; }
    #budget-form .form-container .traveling-question-es-pt {
      max-width: 105px; }
    @media (min-width: 768px) and (max-width: 818px) {
      #budget-form .form-container .traveling-question-es-pt {
        max-width: 66px; } }
    #budget-form .form-container .traveling-question-en {
      max-width: 86px !important;
      margin-bottom: 14px; }
    #budget-form .form-container .traveling-question-label {
      font-size: 12px;
      margin-top: 15px; }
    #budget-form .form-container .traveling-question-label-valid {
      color: #757575; }
    #budget-form .form-container .traveling-question-label-invalid {
      color: #f00; }
    #budget-form .form-container .input-option-traveling {
      display: flex;
      gap: 10px; }
    #budget-form .form-container .input-option-traveling-es-pt {
      margin-top: 5px; }
    #budget-form .form-container .input-option-traveling-en {
      margin-top: -8px; }
    #budget-form .form-container .personal-info-check {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
    #budget-form .form-container .custom-checkbox {
      position: relative;
      display: inline-block;
      width: 20px;
      height: 20px;
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 50%;
      cursor: pointer;
      margin-right: 10px; }
    #budget-form .form-container .custom-checkbox .checkmark-traveling {
      position: absolute;
      top: 4px;
      left: 4px;
      height: 10px;
      width: 10px;
      border-radius: 50%; }
    #budget-form .form-container .custom-checkbox .checkmark-traveling:after {
      content: "";
      position: absolute;
      display: none; }
    #budget-form .form-container .personal-info-check:checked + .checkmark-traveling {
      background-color: #ffa500;
      /* Color naranja */
      border-radius: 50%; }
    #budget-form .form-container .personal-info-check:checked + .checkmark-traveling:after {
      display: block; }
    #budget-form .form-container .btn-container {
      width: 100%;
      color: #fff;
      vertical-align: top;
      cursor: pointer;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      right: -120px;
      height: 100%;
      top: 0;
      background-image: linear-gradient(90deg, #FF9900 0%, #FFB300 100%);
      background-size: 100% auto;
      transition: .5s;
      box-shadow: 0 1px 5px rgba(255, 153, 0, 0.4);
      border-radius: 5px;
      box-sizing: border-box; }
      #budget-form .form-container .btn-container:hover {
        background-position: right center; }
      #budget-form .form-container .btn-container .budget-form-btn {
        box-sizing: border-box;
        padding: 5px; }
  #budget-form .btn-container .budget-form-btn {
    box-sizing: border-box;
    padding: 10px; }
    :lang(de) #budget-form .btn-container .budget-form-btn {
      font-size: 12px; }
  #budget-form .selector-info {
    position: absolute; }
  #budget-form .tooltip-origin {
    right: 0;
    top: 5px; }
  #budget-form .selector-info-2 {
    margin: -29px -16px 0 0;
    float: right; }
  #budget-form .selector-info-inside-boxed-dropdown {
    z-index: 1;
    margin: 16px 0 0 -8px; }
  #budget-form .selector-info:before,
  #budget-form .selector-info-2:before,
  #budget-form .selector-info-inside-boxed-dropdown:before {
    background-image: url("https://static.iatiseguros.com/common/tunnel/info-orange.svg");
    transform: scale(0.45);
    opacity: 0.75;
    content: " ";
    width: 37px;
    height: 38px;
    margin: -11px 5px 0; }
  #budget-form .selector-info .tooltip-info,
  #budget-form .selector-info-2 .tooltip-info,
  #budget-form .selector-info-inside-boxed-dropdown .tooltip-info {
    min-width: 220px;
    left: -120px;
    font-size: 12px;
    color: #4a4a4a;
    padding: 10px; }
  #budget-form .wrapper-insured-capital-placeholder {
    display: flex;
    align-items: center; }
    #budget-form .wrapper-insured-capital-placeholder .insured-capital-img-placeholder {
      margin-left: 8px;
      color: black;
      filter: grayscale(100%); }

.react-datepicker-popper {
  z-index: 5 !important; }

#budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__navigation {
  line-height: 0;
  border: 0.50rem solid transparent; }

#budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__navigation--next {
  border-left-color: #ccc; }

#budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__navigation--previous {
  border-right-color: #ccc; }

#budget-form .form-container .mobile-date-selector .react-datepicker-wrapper {
  width: 0% !important;
  margin-top: 10px; }

#budget-form .form-container .mobile-date-selector .date-picker-text {
  margin: 0 auto; }

#budget-form .form-container .mobile-date-selector:before {
  position: relative !important; }

#budget-form .form-container .mobile-date-selector {
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 240px !important; }

.mobile-date-selector
.react-datepicker-wrapper
.react-datepicker__input-container {
  width: auto !important; }

.btn-counter {
  all: revert;
  width: 15%;
  background-color: white;
  color: black;
  font-size: 14px;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
  height: 42px; }
  .btn-counter:disabled {
    background-color: #f1f3f6;
    color: #9b9b9b;
    cursor: default; }
  .btn-counter:focus {
    outline: 1px solid white !important; }

.input-counter {
  width: 70%;
  text-align: center;
  font-size: 14px;
  border: 0;
  border-bottom: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  font-family: inherit;
  -webkit-appearance: none;
  border-radius: 0;
  box-sizing: border-box;
  padding: 0;
  height: 42px !important;
  cursor: text;
  vertical-align: top; }
  .input-counter::placeholder {
    color: #9b9b9b; }
  .input-counter:focus {
    outline: 0;
    border-bottom: 1px solid #ff9900;
    border-top: 1px solid #ff9900; }

.delete-border {
  border: none; }

.vertical-form #budget-form {
  display: block;
  border-radius: 10px;
  width: 100%; }
  .vertical-form #budget-form .form-container {
    display: flex;
    width: 100%;
    flex-flow: column;
    padding: 14px 20px 20px;
    align-items: center; }
    .vertical-form #budget-form .form-container .input-container {
      max-width: inherit;
      width: 100% !important;
      max-width: 100% !important;
      margin-bottom: 10px; }
      .vertical-form #budget-form .form-container .input-container.selector-country {
        margin: 25px 0 0;
        order: 2; }
      .vertical-form #budget-form .form-container .input-container.big-container {
        width: 100%; }
        .vertical-form #budget-form .form-container .input-container.big-container:before {
          z-index: 0; }
        .vertical-form #budget-form .form-container .input-container.big-container .date-picker-text {
          display: inline-block;
          width: 40%;
          margin: auto;
          text-align: center;
          line-height: 38px; }
      .vertical-form #budget-form .form-container .input-container.insurance-select {
        min-width: auto; }
      .vertical-form #budget-form .form-container .input-container.selector-dropdown {
        display: block;
        width: 100%;
        margin-bottom: 14px;
        margin-top: 25px; }
        .vertical-form #budget-form .form-container .input-container.selector-dropdown.insurance-select-with-info {
          display: flex; }
        .vertical-form #budget-form .form-container .input-container.selector-dropdown:not(.insurance-select) {
          order: 1; }
        .vertical-form #budget-form .form-container .input-container.selector-dropdown .insurance-select {
          margin-bottom: 0; }
      .vertical-form #budget-form .form-container .input-container.insurance-select-plus {
        display: flex;
        justify-content: space-between; }
        .vertical-form #budget-form .form-container .input-container.insurance-select-plus .insurance-selector-error {
          width: 50%;
          border: 1px solid #dbdbdb !important; }
          .vertical-form #budget-form .form-container .input-container.insurance-select-plus .insurance-selector-error > div:first-child {
            border: 1px #f00 solid !important;
            margin: -1px -1px 0;
            padding: 2px; }
  .vertical-form #budget-form .btn-container {
    display: flex;
    height: 50px;
    width: 100%;
    border-radius: 5px; }
  .vertical-form #budget-form .selector-info-2 {
    margin-top: -25px !important; }

.vertical-form .react-datepicker-wrapper {
  width: 43% !important; }

.orange-bold b {
  color: #ff9900; }

@media only screen and (max-width: 768px) {
  #budget-form {
    max-width: 400px;
    margin-top: 0; }
  #budget-form {
    display: block;
    border-radius: 10px;
    width: 100%; }
    #budget-form .form-container {
      display: flex;
      width: 100%;
      flex-flow: column;
      padding: 14px 20px 20px;
      align-items: center; }
      #budget-form .form-container .input-container {
        max-width: inherit;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 10px; }
        #budget-form .form-container .input-container.selector-country {
          margin: 25px 0 0;
          order: 2; }
        #budget-form .form-container .input-container.big-container {
          width: 100%; }
          #budget-form .form-container .input-container.big-container:before {
            z-index: 0; }
          #budget-form .form-container .input-container.big-container .date-picker-text {
            display: inline-block;
            width: 40%;
            margin: auto;
            text-align: center;
            line-height: 38px; }
        #budget-form .form-container .input-container.insurance-select {
          min-width: auto; }
        #budget-form .form-container .input-container.selector-dropdown {
          display: block;
          width: 100%;
          margin-bottom: 14px;
          margin-top: 25px; }
          #budget-form .form-container .input-container.selector-dropdown.insurance-select-with-info {
            display: flex; }
          #budget-form .form-container .input-container.selector-dropdown:not(.insurance-select) {
            order: 1; }
          #budget-form .form-container .input-container.selector-dropdown .insurance-select {
            margin-bottom: 0; }
        #budget-form .form-container .input-container.insurance-select-plus {
          display: flex;
          justify-content: space-between; }
          #budget-form .form-container .input-container.insurance-select-plus .insurance-selector-error {
            width: 50%;
            border: 1px solid #dbdbdb !important; }
            #budget-form .form-container .input-container.insurance-select-plus .insurance-selector-error > div:first-child {
              border: 1px #f00 solid !important;
              margin: -1px -1px 0;
              padding: 2px; }
    #budget-form .btn-container {
      display: flex;
      height: 50px;
      width: 100%;
      border-radius: 5px; }
    #budget-form .selector-info-2 {
      margin-top: -25px !important; }
  .satelite-container {
    top: -65px !important; }
  .big-container:not(.small-view) .react-datepicker-wrapper {
    width: auto !important; }
    .big-container:not(.small-view) .react-datepicker-wrapper .react-datepicker__input-container {
      width: auto !important; }
  .big-container.small-view .react-datepicker-wrapper {
    width: 43% !important; } }

.origin-container {
  position: absolute;
  top: -24px;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px; }

.DayPicker, .DateRangePicker_picker {
  border-radius: 10px; }

.DateRangePickerInput {
  justify-content: space-evenly !important; }

.DayPickerNavigation_button__default {
  border: none; }

.DayPicker_transitionContainer {
  border-radius: 10px !important; }

.DateRangePickerInput_calendarIcon, .SingleDatePickerInput_calendarIcon {
  padding: 0 !important;
  margin: 0 !important; }

.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 45px; }

.CalendarDay {
  padding: 0;
  background: white;
  border: none; }

.CalendarDay > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative; }

.CalendarDay__selected_span .has-endDate {
  background: rgba(255, 153, 0, 0.1);
  color: black;
  height: 100%; }

.CalendarDay__selected_span:hover {
  background: white; }

.DayPickerNavigation_button__default:focus, .DayPickerNavigation_button__default:hover {
  border: none; }

.CalendarDay__selected_span:hover > div > div,
.CalendarDay__default:hover > div > div {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 100%;
  border: 1.5px solid #717171;
  position: relative; }

.DateInput_input__focused {
  border-bottom: 2px solid #ff9900 !important;
  transition: all 0.05s; }

.CalendarDay__blocked_out_of_range, .CalendarDay__blocked_out_of_range:active, .CalendarDay__blocked_out_of_range:hover {
  cursor: not-allowed; }

.DayPickerNavigation_button__disabled {
  display: none; }

.CalendarDay__hovered_span > div > div {
  color: #ff9900; }

.CalendarDay__selected:hover {
  background: white; }

.CalendarDay__selected_start > div {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%; }

.CalendarDay__selected_end > div {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%; }

.CalendarDay__default:hover {
  border: none; }

.CalendarDay__default:not(.CalendarDay__selected_span, .CalendarDay__selected):hover {
  background-color: white;
  border-color: #717171; }

.CalendarDay__selected_start > div,
.CalendarDay__selected_end > div {
  background: rgba(255, 153, 0, 0.1); }

.CalendarDay__selected, .CalendarDay__selected:hover {
  background: #ff9900;
  border-radius: 50%;
  color: white; }

.CalendarDay__selected_start > div > div,
.CalendarDay__selected_end > div > div {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  background: #ff9900;
  border: 1.5px solid #ff9900;
  border-radius: 50%;
  color: white;
  position: relative; }

.no-endDate {
  border-radius: 50%; }

.CalendarMonth_caption, .DayPicker_weekHeader_ul, .CalendarDay {
  font-family: 'PFBeauSansPro', 'Arial'; }

.DayPicker_weekHeader__verticalScrollable {
  height: 45px;
  padding-top: 13px !important; }

.DayPicker_weekHeader_ul {
  font-size: 14px;
  padding-top: 0; }

.DateRangePickerInput {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.DateRangePicker_picker, .SingleDatePicker, .SingleDatePicker_picker {
  z-index: 99999; }

.DateInput_input__small {
  line-height: 26px;
  font-size: 14px;
  text-align: center;
  cursor: pointer; }

.DateRangePickerInput__withBorder {
  border: none; }

.DateRangePickerInput_arrow {
  text-align: center;
  width: 1px;
  height: 60%;
  background-color: #dbdbdb;
  color: transparent; }

.DateRangePicker {
  width: 100%;
  height: 100%; }

.DateRangePickerInput__withBorder {
  width: 100%;
  height: 100%;
  background: transparent; }

.react-datepicker-popper {
  z-index: 5 !important; }

#budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__navigation {
  line-height: 0;
  border: 0.50rem solid transparent; }

#budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__navigation--next {
  border-left-color: #ccc; }

#budget-form .form-container .input-container.big-container .react-datepicker .react-datepicker__navigation--previous {
  border-right-color: #ccc; }

#budget-form .form-container .mobile-date-selector .react-datepicker-wrapper {
  width: 0% !important;
  margin-top: 10px; }

#budget-form .form-container .mobile-date-selector .date-picker-text {
  margin: 0 auto; }

#budget-form .form-container .mobile-date-selector:before {
  position: relative !important; }

#budget-form .form-container .mobile-date-selector {
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 100% !important; }

.mobile-date-selector
.react-datepicker-wrapper
.react-datepicker__input-container {
  width: auto !important; }

.MenuDropDown {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(13, 22, 38, 0.1);
  margin-top: 8px;
  position: absolute;
  z-index: 2; }

@media (max-width: 768px) {
  .button-arrow-icon {
    height: 24px;
    margin-right: 10px;
    position: absolute;
    right: 0; }
  .MenuDropDown {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 90px 18px 15px;
    margin: 0;
    z-index: 9999999; }
  .header-dropdown {
    list-style: none;
    background: #090b11;
    padding: 20px;
    width: 100vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 9999999999;
    left: 0;
    top: 0;
    margin: 0;
    gap: 0; }
  .blanket-dropdown {
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    position: fixed;
    z-index: 1; }
  .target-dropdown {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px; }
  .disabled-dropdown {
    cursor: default;
    background: #f2f2f2; }
    .disabled-dropdown button {
      color: #999999 !important; }
  .button-target-dropdown {
    color: gray;
    font-size: unset;
    line-height: unset;
    font-weight: unset;
    text-transform: unset;
    border: none;
    background: none;
    height: 100%;
    text-align: left;
    padding: 2px 8px;
    max-width: calc(90% - 8px);
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box; }
  .budget-info-item {
    color: white; } }

.modal-container-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: center;
  align-items: center; }
  .modal-container-popup .modal-content-popup {
    display: block;
    width: 570px;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    z-index: 900;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: white;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: center;
    overflow: auto; }
    .modal-container-popup .modal-content-popup .modal-subcontainer-popup {
      margin: 20px 40px 0 40px; }
      .modal-container-popup .modal-content-popup .modal-subcontainer-popup .modal-image {
        margin-bottom: 20px;
        width: 200px; }
    @media screen and (max-width: 430px) {
      .modal-container-popup .modal-content-popup .modal-subcontainer-popup {
        margin: 20px 16px 0 16px; } }
    .modal-container-popup .modal-content-popup .modal-footer-content-popup {
      padding: 5px 0 30px 0;
      position: sticky;
      bottom: 0;
      background-color: white; }
    .modal-container-popup .modal-content-popup .modal-title-popup {
      font-size: 22px;
      text-align: center;
      font-weight: bold;
      margin: 0;
      padding-bottom: 15px; }
    .modal-container-popup .modal-content-popup .modal-buttons-container-popup {
      display: flex;
      align-items: center;
      column-gap: 40px;
      margin-top: 25px;
      bottom: 0;
      background-color: white; }
      .modal-container-popup .modal-content-popup .modal-buttons-container-popup .modal-buttons-popup {
        color: #fff;
        background: #f19e38;
        border: 1px solid #f19e38;
        box-shadow: none;
        margin: 0;
        padding: 15px;
        font-weight: bold;
        font-size: 15px;
        border-radius: 5px;
        box-sizing: border-box;
        outline: none;
        cursor: pointer;
        width: 100%; }
      .modal-container-popup .modal-content-popup .modal-buttons-container-popup .modal-button-accept-popup {
        color: #fff;
        background: linear-gradient(90deg, #F90 0%, #FFB300 100%);
        border: 1px solid linear-gradient(90deg, #F90 0%, #FFB300 100%); }
      .modal-container-popup .modal-content-popup .modal-buttons-container-popup .modal-button-close-popup {
        background: #fff;
        border: 1px solid #f19e38;
        color: #f19e38; }

#init-form-component .budget-form {
  padding-top: 90px; }

@media screen and (max-width: 768px) {
  #init-form-component .budget-form {
    padding-top: 120px; } }

#init-form-component .remove-budget-form-mobile-padding-top {
  padding-top: 0 !important; }

#init-form-component .budget-form.hide-form {
  display: none; }

@media screen and (min-width: 769px) {
  .init-policy-form, .topbar-wrapper {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #fff; } }

#policies-component {
  margin: 20px auto 40px !important;
  position: relative; }
  #policies-component .main-title {
    margin: 40px auto !important;
    max-width: 800px;
    text-align: center;
    font-size: 27px;
    font-weight: 700; }
  @media screen and (max-width: 768px) {
    #policies-component .main-title {
      margin: 20px 0 !important;
      max-width: unset;
      text-align: left; } }

.budget-view {
  position: relative;
  z-index: 1; }

.budget-form {
  display: flex;
  justify-content: center; }

.topbar-wrapper-sticky {
  position: sticky;
  top: 0;
  z-index: 99; }
  .topbar-wrapper-sticky .budget-info-list {
    position: inherit; }

.topbar-border-bottom {
  border-bottom: 2px solid white; }

.topbar-hide-element {
  display: none !important; }

.topbar-center-logo {
  justify-content: center; }

.topbar-safe-padding {
  padding-bottom: 5px; }

.steps-wrapper {
  display: flex;
  padding-top: 65px;
  gap: 5px; }
  .steps-wrapper .steps-step {
    display: flex;
    flex-grow: 1; }
    .steps-wrapper .steps-step .step-triangle {
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 24.5px 1px 23.5px 6px;
      transform: rotate(0deg); }
      @media screen and (max-width: 768px) {
        .steps-wrapper .steps-step .step-triangle {
          border-width: 24.5px 1px 29px 6px; } }
    .steps-wrapper .steps-step .step-triangle-front-active {
      border-color: transparent transparent transparent #2e3548; }
    .steps-wrapper .steps-step .step-triangle-front-inactive {
      border-color: transparent transparent transparent rgba(46, 53, 72, 0.3); }
    .steps-wrapper .steps-step .step-triangle-back {
      margin-right: -6px;
      border-color: transparent transparent transparent white; }
    .steps-wrapper .steps-step .step-content {
      text-align: center;
      color: white;
      min-width: 110px;
      flex-grow: 1;
      display: flex;
      gap: 7px;
      justify-content: center;
      align-items: center; }
    .steps-wrapper .steps-step .step-active {
      background-color: #2e3548;
      cursor: pointer; }
    .steps-wrapper .steps-step .step-inactive {
      background-color: rgba(46, 53, 72, 0.3);
      cursor: not-allowed; }
    .steps-wrapper .steps-step .step-number {
      border-radius: 50%;
      width: 16.5px;
      height: 16.5px;
      color: #2e3548;
      background-color: white;
      font-size: 10px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .steps-wrapper .steps-step .step-text {
      margin: 0;
      font-style: italic;
      font-size: 13px; }

.budget-info-list-all-info {
  z-index: 4 !important; }

.budget-info-item-border-right {
  padding-right: 13px;
  border-right: 1px solid white; }

.budget-info-item-wrapper {
  display: flex;
  gap: 10px;
  align-items: center; }

.budget-info-list {
  list-style: none;
  background: #090b11;
  padding: 20px;
  width: 100vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 0;
  margin-bottom: 0;
  position: fixed;
  top: 0;
  z-index: 2;
  top: 0;
  justify-content: space-between; }
  @media screen and (min-width: 769px) {
    .budget-info-list {
      padding: 20px 46px; } }
  .budget-info-list .topbar-site-logo {
    height: 100%;
    transform: scale(1.2); }
    @media screen and (min-width: 769px) {
      .budget-info-list .topbar-site-logo {
        transform: scale(1.32);
        margin-top: -3px; } }
  .budget-info-list .budget-info-item {
    color: #fff;
    font-size: 15px; }
    .budget-info-list .budget-info-item.dates {
      font-size: 15px; }
    .budget-info-list .budget-info-item.insurance {
      font-size: 15px; }
      .budget-info-list .budget-info-item.insurance:before {
        content: " ";
        width: 14px;
        height: 15px;
        display: inline-block;
        margin-right: 5px;
        vertical-align: text-bottom;
        background: url("https://static.iatiseguros.com/common/tunnel/shield-check.svg") no-repeat center; }
      .budget-info-list .budget-info-item.insurance .insurance-type {
        padding-right: 13px;
        border-right: 1px solid white; }
      .budget-info-list .budget-info-item.insurance .insurance-travelers {
        padding-left: 13px; }
        .budget-info-list .budget-info-item.insurance .insurance-travelers:before {
          content: " ";
          width: 14px;
          height: 14px;
          display: inline-block;
          vertical-align: middle;
          background: url("https://static.iatiseguros.com/common/tunnel/travel-user.svg") no-repeat center; }
    .budget-info-list .budget-info-item .edit {
      background: #fff;
      cursor: pointer;
      border: none;
      width: 18px;
      height: 18px;
      display: block;
      background: url("https://static.iatiseguros.com/common/tunnel/tunnel-edit-icon.svg") no-repeat center;
      background-size: contain; }
    @media screen and (max-width: 768px) {
      .budget-info-list .budget-info-item.insurance, .budget-info-list .budget-info-item.dates {
        font-size: 13px !important; }
      .budget-info-list .budget-info-item.dates {
        margin: 5px 0; } }
    .budget-info-list .budget-info-item.countries {
      font-size: 10px;
      display: flex;
      align-items: center; }
      .budget-info-list .budget-info-item.countries .country-arrow {
        filter: invert(1);
        height: 17px; }
      .budget-info-list .budget-info-item.countries .country {
        color: #fff;
        max-width: 40vw;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
        font-weight: 600;
        margin: 0 2.5px; }
      @media screen and (max-width: 768px) {
        .budget-info-list .budget-info-item.countries .country {
          font-size: 13px;
          font-weight: 400; } }

.budget-form.hide-form {
  display: none; }

#policies-component {
  margin: 20px auto 40px !important; }

@media screen and (max-width: 351px) {
  .step-content {
    min-width: unset !important; } }

@media screen and (max-width: 768px) {
  .budget-info-list {
    justify-content: initial; }
  .budget-info-item-wrapper {
    display: block; }
  .budget-info-list {
    height: 97px; }
  .steps-wrapper {
    padding-top: 97px; }
  .step-content {
    flex-direction: column;
    padding: 6px 0px; }
  .step-number {
    margin: 0 0 4px 3px; }
  .budget-info-item-border-right {
    padding: 0;
    border: none; }
  .budget-info-item {
    font-size: 13px; }
  .edit {
    position: absolute;
    right: 15px;
    bottom: 20px; }
  .step-text {
    font-size: 12px !important; } }

.supplementSelector-component {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content min-content;
  padding: 15px;
  border: 1px solid #f19e38;
  border-radius: 8px;
  box-sizing: border-box;
  margin-top: 10px; }
  @media screen and (max-width: 575px) {
    .supplementSelector-component {
      margin-top: 10px; } }
  .supplementSelector-component.isSelected {
    background-color: rgba(241, 158, 56, 0.05); }
  .supplementSelector-component a {
    color: #f19e38;
    outline: none;
    text-decoration: none; }
  .supplementSelector-component p {
    margin-bottom: 0; }
  .supplementSelector-component > .supplementSelector-header {
    display: grid;
    grid-template-columns: 35px 1fr max-content;
    align-items: center; }
    .supplementSelector-component > .supplementSelector-header > div > .flex-reverse {
      align-items: center; }
      @media screen and (max-width: 575px) {
        .supplementSelector-component > .supplementSelector-header > div > .flex-reverse {
          flex-direction: column-reverse;
          align-items: flex-start; } }
    .supplementSelector-component > .supplementSelector-header > div > .title {
      display: flex;
      font-weight: 600;
      color: #4a4a4a;
      font-size: 14px;
      font-family: inherit;
      margin: 0;
      cursor: pointer; }
      .supplementSelector-component > .supplementSelector-header > div > .title > span {
        display: flex; }
      .supplementSelector-component > .supplementSelector-header > div > .title .getItNow-desktop {
        margin: 0;
        margin-left: 10px;
        font-size: 22px;
        color: #FBBA00; }
        @media screen and (max-width: 575px) {
          .supplementSelector-component > .supplementSelector-header > div > .title .getItNow-desktop {
            margin-left: 0;
            margin-bottom: 4px; } }
      @media screen and (max-width: 575px) {
        .supplementSelector-component > .supplementSelector-header > div > .title {
          font-size: 15px; } }
    .supplementSelector-component > .supplementSelector-header .supplementSelector-view-more {
      background: none;
      color: #ff9900;
      border: none;
      padding: 0;
      font: inherit;
      cursor: pointer;
      outline: inherit; }
      .supplementSelector-component > .supplementSelector-header .supplementSelector-view-more > .icon {
        background-image: url(https://static.iatiseguros.com/common/icons/airhelp-arrow-down.svg);
        height: 11px;
        width: 19px;
        filter: invert(50%) sepia(99%) saturate(623%) hue-rotate(1deg) brightness(105%) contrast(104%);
        transition: all 0.4s; }
        .supplementSelector-component > .supplementSelector-header .supplementSelector-view-more > .icon.toggle-up {
          transform: rotate(180deg); }
        .supplementSelector-component > .supplementSelector-header .supplementSelector-view-more > .icon.toggle-down {
          transform: rotate(0); }
    @media screen and (max-width: 575px) {
      .supplementSelector-component > .supplementSelector-header {
        grid-template-columns: 30px 1fr max-content; } }
    .supplementSelector-component > .supplementSelector-header .form-control {
      font-family: system-ui, sans-serif;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.1;
      display: grid;
      grid-template-columns: 1em auto;
      gap: 0.5em; }
    .supplementSelector-component > .supplementSelector-header .form-control + .form-control {
      margin-top: 1em; }
    .supplementSelector-component > .supplementSelector-header input[type="checkbox"] {
      /* Add if not using autoprefixer */
      -webkit-appearance: none;
      /* Remove most all native input styles */
      appearance: none;
      /* For iOS < 15 */
      background-color: var(--form-background);
      /* Not removed via appearance */
      margin: 0;
      font: inherit;
      color: currentColor;
      width: 20px;
      height: 20px;
      border: 2px solid #f19e38;
      border-radius: 5px;
      transform: translateY(-0.075em);
      display: grid;
      place-content: center;
      cursor: pointer; }
    .supplementSelector-component > .supplementSelector-header input[type="checkbox"]:checked {
      background-color: #f19e38; }
    .supplementSelector-component > .supplementSelector-header input[type="checkbox"]::before {
      content: "";
      width: 12px;
      height: 12px;
      clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
      transform: scale(0);
      transform-origin: bottom left;
      transition: 120ms transform ease-in-out;
      box-shadow: inset 1em 1em var(--form-control-color);
      /* Windows High Contrast Mode */
      background-color: #fff; }
    .supplementSelector-component > .supplementSelector-header input[type="checkbox"]:checked::before {
      transform: scale(1); }
    .supplementSelector-component > .supplementSelector-header input[type="checkbox"]:focus {
      outline: none; }
    .supplementSelector-component > .supplementSelector-header .form-control + .form-control {
      margin-top: 1em; }
    .supplementSelector-component > .supplementSelector-header > .price {
      font-weight: 600;
      color: #4a4a4a;
      font-size: 16px;
      font-family: inherit;
      margin: 0; }
  .supplementSelector-component > .supplementSelector-description {
    color: #757575;
    font-family: Arial;
    font-weight: normal;
    font-size: 14px; }
    .supplementSelector-component > .supplementSelector-description > p {
      margin: 0 !important; }
    @media screen and (max-width: 575px) {
      .supplementSelector-component > .supplementSelector-description {
        font-size: 13px; } }
  .supplementSelector-component .suplementSelector-align-end {
    align-items: flex-end; }
    @media (max-width: 610px) {
      .supplementSelector-component .suplementSelector-align-end {
        align-items: center; } }
  .supplementSelector-component .suplementSelector-title {
    display: flex; }
    .supplementSelector-component .suplementSelector-title img {
      margin-right: 4px; }
    @media (max-width: 610px) {
      .supplementSelector-component .suplementSelector-title {
        display: block; } }

#policies-component {
  margin: 40px auto;
  padding: 0 10px !important; }
  #policies-component .modal-footer {
    padding: 25px 0 0 0;
    bottom: 0;
    background-color: white; }
  #policies-component .product-name {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.2px; }
  #policies-component .product-name-compare {
    text-align: center; }
  #policies-component .margin-placeholder {
    margin-top: 2px;
    margin-left: 2px; }
  #policies-component .product-pvp-original {
    min-height: 20px;
    max-height: 22px;
    text-decoration: line-through;
    color: #ff1a29; }
  #policies-component .luggage-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 15px;
    color: #4c536b; }
    #policies-component .luggage-section .luggage-wrapper:not(:last-child) {
      border-bottom: 1px solid #dedede; }
    #policies-component .luggage-section .luggage-wrapper {
      padding-bottom: 12px; }
      #policies-component .luggage-section .luggage-wrapper .luggage-wrapper-text-price {
        display: grid;
        grid-template-columns: 70% 30%;
        margin-bottom: 6px;
        justify-content: space-between; }
        #policies-component .luggage-section .luggage-wrapper .luggage-wrapper-text-price .luggage-title {
          font-weight: bold; }
        #policies-component .luggage-section .luggage-wrapper .luggage-wrapper-text-price .luggage-price {
          color: #ff9900;
          font-weight: bold;
          text-align: right;
          font-size: 15px; }
          @media screen and (max-width: 575px) {
            #policies-component .luggage-section .luggage-wrapper .luggage-wrapper-text-price .luggage-price {
              font-size: 14px; } }
      #policies-component .luggage-section .luggage-wrapper .luggage-description {
        font-style: italic; }
        #policies-component .luggage-section .luggage-wrapper .luggage-description p {
          margin-top: 5px;
          color: #4c536b; }
  #policies-component .traveler-container {
    display: flex;
    gap: 2px;
    margin-top: 8px;
    flex-direction: column; }
  #policies-component .close-button {
    position: absolute;
    right: 40px;
    cursor: pointer; }
  #policies-component .title.has-close-button {
    padding-right: 25px; }
  #policies-component .grey-text {
    color: #4a4a4a; }
  #policies-component .btn-continue {
    background-color: #4a4a4a; }
  #policies-component .black-text {
    color: black; }
  #policies-component .modal-content {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: left; }
  #policies-component .airhelp-content h2,
  #policies-component .airhelp-content h3 {
    font-size: 16px !important;
    text-align: center; }
  @media screen and (max-width: 575px) {
    #policies-component .airhelp-content h3 {
      text-align: left; } }
  #policies-component .orange-info {
    font-family: Arial, Helvetica, sans-serif;
    color: #ff9900;
    margin: 15px 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    line-height: 20px;
    font-size: 15px; }
    #policies-component .orange-info > .amount {
      display: grid;
      grid-template-rows: auto auto;
      text-align: right;
      row-gap: 7px; }
      #policies-component .orange-info > .amount > .original-price {
        text-decoration: line-through;
        text-decoration-color: #d0021b;
        color: rgba(255, 100, 0, 0.7);
        font-size: 16px; }
    #policies-component .orange-info > h3 {
      margin: 10px 0 0;
      font-size: 15px; }
    #policies-component .orange-info .price {
      float: right;
      color: #4a4a4a;
      font-size: 22px;
      font-weight: bold;
      margin: 0 0 2px 20px; }
  #policies-component .modal-title {
    text-align: center; }
    #policies-component .modal-title > h2 {
      font-size: 22px; }
      @media screen and (max-width: 575px) {
        #policies-component .modal-title > h2 {
          font-size: 20px; } }
  #policies-component .table-info {
    font-weight: bold;
    font-size: 12px; }
  #policies-component table {
    font-size: 12px;
    border-spacing: 0 1em; }
    #policies-component table th {
      text-align: left;
      color: #ff9900; }
    #policies-component table td img {
      width: 18.33px;
      height: 18.33px; }
    #policies-component table .airhelp-value td:nth-child(2),
    #policies-component table th:nth-child(2) {
      padding: 0 40px; }
  #policies-component .hide-scrollbar-view::-webkit-scrollbar {
    display: none; }
  #policies-component .hide-scrollbar-view {
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0; }
  #policies-component .policies-comparision-container {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    margin: 2px;
    gap: 12px; }
    #policies-component .policies-comparision-container .policy-item .policy-img-wrapper {
      position: sticky;
      top: 116px;
      background-color: #ffffff; }
    #policies-component .policies-comparision-container .policy-item .policy-img-wrapper-compare-divider {
      border-bottom: 1px solid #e3e2e2;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px; }
    #policies-component .policies-comparision-container .policy-item .policy-img-wrapper-edit-mode {
      position: sticky;
      top: 67px; }
    @media only screen and (max-width: 768px) {
      #policies-component .policies-comparision-container .policy-item .policy-img-wrapper {
        top: -80px;
        overflow: hidden; } }
  #policies-component .not-found-products-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; }
    #policies-component .not-found-products-wrapper .not-found-products-title {
      font-size: 22px; }
    #policies-component .not-found-products-wrapper .not-found-products-subtitle {
      font-size: 17px; }
    #policies-component .not-found-products-wrapper a {
      text-decoration: none;
      color: white; }
    @media only screen and (max-width: 768px) {
      #policies-component .not-found-products-wrapper .not-found-products-title {
        font-size: 19px; }
      #policies-component .not-found-products-wrapper .not-found-products-subtitle {
        font-size: 14px; }
      #policies-component .not-found-products-wrapper .not-found-products-img {
        width: -webkit-fill-available; } }
  #policies-component .policies-container {
    display: flex;
    scroll-behavior: smooth;
    width: 100%;
    overflow: auto;
    box-sizing: border-box;
    justify-content: center;
    padding: 20px 2% 60px;
    gap: 20px; }
  @media screen and (max-width: 900px) {
    #policies-component .policies-container {
      justify-content: left; } }
  #policies-component .policies-comparision-container .flag-l,
  #policies-component .policies-comparision-container .flag-r,
  #policies-component .policies-container .flag-l,
  #policies-component .policies-container .flag-r {
    display: none; }
  #policies-component .policies-comparision-container .length-info,
  #policies-component .policies-container .length-info {
    display: none; }
  #policies-component .policies-comparision-container .policy-featured-banner,
  #policies-component .policies-container .policy-featured-banner {
    position: absolute;
    background-color: #ff9900;
    width: 100%;
    text-align: center;
    color: white;
    height: 22px;
    border: 2px solid white;
    transform: rotate(45deg);
    top: 20px;
    right: -45px; }
  #policies-component .policies-comparision-container .policy-featured,
  #policies-component .policies-container .policy-featured {
    box-shadow: 0px 3px 30px 0px #f6a947 !important;
    -webkit-box-shadow: 0px -1px 24px -5px #090b11;
    -moz-box-shadow: 0px -1px 24px -5px #090b11; }
  #policies-component .policies-comparision-container .policy-img-wrapper,
  #policies-component .policies-container .policy-img-wrapper {
    position: relative;
    overflow: hidden; }
    #policies-component .policies-comparision-container .policy-img-wrapper .policy-img-wrapper-no-compare,
    #policies-component .policies-container .policy-img-wrapper .policy-img-wrapper-no-compare {
      height: 160px; }
    #policies-component .policies-comparision-container .policy-img-wrapper .policy-img-wrapper-compare,
    #policies-component .policies-container .policy-img-wrapper .policy-img-wrapper-compare {
      height: 260px; }
  #policies-component .policies-comparision-container .policy-img-wrapper-edit-mode,
  #policies-component .policies-container .policy-img-wrapper-edit-mode {
    position: relative;
    overflow: hidden;
    height: 120px; }
  #policies-component .policies-comparision-container .policy-featured-banner p,
  #policies-component .policies-container .policy-featured-banner p {
    margin: 0;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase; }
  @media screen and (max-width: 768px) {
    #policies-component .policies-comparision-container .policy-item.policy-compared,
    #policies-component .policies-container .policy-item.policy-compared {
      flex: 1;
      min-width: 0; } }
  #policies-component .policies-comparision-container .policy-item,
  #policies-component .policies-container .policy-item {
    justify-content: space-between;
    display: flex;
    box-sizing: border-box;
    min-width: 250px;
    max-width: 250px;
    position: relative;
    flex-direction: column;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    background-color: #ffffff; }
    #policies-component .policies-comparision-container .policy-item.policy-item-ext,
    #policies-component .policies-container .policy-item.policy-item-ext {
      height: auto; }
      #policies-component .policies-comparision-container .policy-item.policy-item-ext .policy-img,
      #policies-component .policies-container .policy-item.policy-item-ext .policy-img {
        max-height: 160px; }
      #policies-component .policies-comparision-container .policy-item.policy-item-ext .expanse-btn,
      #policies-component .policies-container .policy-item.policy-item-ext .expanse-btn {
        text-align: center;
        cursor: pointer; }
    #policies-component .policies-comparision-container .policy-item.policy-selected .policy-info .product-selector,
    #policies-component .policies-container .policy-item.policy-selected .policy-info .product-selector {
      bottom: -29px;
      transform: scale(1.35);
      background: #ff9900;
      cursor: pointer;
      border: 1px solid transparent; }
    #policies-component .policies-comparision-container .policy-item:last-child,
    #policies-component .policies-container .policy-item:last-child {
      margin-right: 0; }
    #policies-component .policies-comparision-container .policy-item .gradiant-blue,
    #policies-component .policies-container .policy-item .gradiant-blue {
      z-index: 1;
      height: 100%; }
    #policies-component .policies-comparision-container .policy-item .policy-img,
    #policies-component .policies-container .policy-item .policy-img {
      width: 100%;
      max-width: 100%;
      object-fit: cover;
      position: relative;
      height: 160px;
      border-radius: 4px; }
      #policies-component .policies-comparision-container .policy-item .policy-img .header-content,
      #policies-component .policies-container .policy-item .policy-img .header-content {
        margin: 12px 15px;
        height: 100%; }
        #policies-component .policies-comparision-container .policy-item .policy-img .header-content .btn-contract-no-compare,
        #policies-component .policies-container .policy-item .policy-img .header-content .btn-contract-no-compare {
          width: 44% !important; }
        #policies-component .policies-comparision-container .policy-item .policy-img .header-content .btn-contract,
        #policies-component .policies-container .policy-item .policy-img .header-content .btn-contract {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 15px;
          margin: 0 auto;
          width: 60%;
          padding: 6px;
          font-size: 14px; }
        #policies-component .policies-comparision-container .policy-item .policy-img .header-content .best-seller,
        #policies-component .policies-container .policy-item .policy-img .header-content .best-seller {
          transform: rotate(45deg);
          right: -62px;
          top: -46px;
          position: absolute;
          width: 118px;
          text-align: center;
          padding: 60px 37px 6px;
          color: white;
          background-color: #37c38d;
          font-size: 10px; }
        @media screen and (max-width: 768px) {
          #policies-component .policies-comparision-container .policy-item .policy-img .header-content .btn-contract,
          #policies-component .policies-container .policy-item .policy-img .header-content .btn-contract {
            width: 50%; } }
    #policies-component .policies-comparision-container .policy-item .policy-info,
    #policies-component .policies-comparision-container .policy-item .policy-info-ext,
    #policies-component .policies-container .policy-item .policy-info,
    #policies-component .policies-container .policy-item .policy-info-ext {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-sizing: border-box;
      font-size: 13px;
      color: #9b9b9b; }
      #policies-component .policies-comparision-container .policy-item .policy-info .product-subtitle,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-subtitle,
      #policies-component .policies-container .policy-item .policy-info .product-subtitle,
      #policies-component .policies-container .policy-item .policy-info-ext .product-subtitle {
        font-weight: bold;
        margin: 10px 0;
        line-height: 1.3;
        color: #4a4a4a; }
      #policies-component .policies-comparision-container .policy-item .policy-info .product-featured-container,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-featured-container,
      #policies-component .policies-container .policy-item .policy-info .product-featured-container,
      #policies-component .policies-container .policy-item .policy-info-ext .product-featured-container {
        min-height: 30px; }
        #policies-component .policies-comparision-container .policy-item .policy-info .product-featured-container .product-featured-content,
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-featured-container .product-featured-content,
        #policies-component .policies-container .policy-item .policy-info .product-featured-container .product-featured-content,
        #policies-component .policies-container .policy-item .policy-info-ext .product-featured-container .product-featured-content {
          display: flex;
          align-items: center;
          gap: 5px;
          color: #4a4a4a; }
      #policies-component .policies-comparision-container .policy-item .policy-info .btn-contract-no-compare,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .btn-contract-no-compare,
      #policies-component .policies-container .policy-item .policy-info .btn-contract-no-compare,
      #policies-component .policies-container .policy-item .policy-info-ext .btn-contract-no-compare {
        width: 100%;
        margin-top: 16px; }
      #policies-component .policies-comparision-container .policy-item .policy-info .product-price-info-no-compare,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-price-info-no-compare,
      #policies-component .policies-container .policy-item .policy-info .product-price-info-no-compare,
      #policies-component .policies-container .policy-item .policy-info-ext .product-price-info-no-compare {
        margin-top: 16px;
        display: block; }
      #policies-component .policies-comparision-container .policy-item .policy-info .product-price-info-compare,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-price-info-compare,
      #policies-component .policies-container .policy-item .policy-info .product-price-info-compare,
      #policies-component .policies-container .policy-item .policy-info-ext .product-price-info-compare {
        display: block;
        text-align: center;
        margin: 10px 0 !important; }
      #policies-component .policies-comparision-container .policy-item .policy-info .product-price-info .price-content,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-price-info .price-content,
      #policies-component .policies-container .policy-item .policy-info .product-price-info .price-content,
      #policies-component .policies-container .policy-item .policy-info-ext .product-price-info .price-content {
        display: flex;
        gap: 5px;
        max-height: 10px; }
      #policies-component .policies-comparision-container .policy-item .policy-info .product-price-info .with-discount,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-price-info .with-discount,
      #policies-component .policies-container .policy-item .policy-info .product-price-info .with-discount,
      #policies-component .policies-container .policy-item .policy-info-ext .product-price-info .with-discount {
        max-height: unset;
        flex-direction: column; }
      #policies-component .policies-comparision-container .policy-item .policy-info .product-price-info .price-content-compare,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-price-info .price-content-compare,
      #policies-component .policies-container .policy-item .policy-info .product-price-info .price-content-compare,
      #policies-component .policies-container .policy-item .policy-info-ext .product-price-info .price-content-compare {
        justify-content: center;
        align-items: center;
        margin-top: 8px; }
      #policies-component .policies-comparision-container .policy-item .policy-info .product-price-info .price-for-traveler,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-price-info .price-for-traveler,
      #policies-component .policies-container .policy-item .policy-info .product-price-info .price-for-traveler,
      #policies-component .policies-container .policy-item .policy-info-ext .product-price-info .price-for-traveler {
        margin-top: 15px;
        font-size: 12px; }
      #policies-component .policies-comparision-container .policy-item .policy-info .product-price-info .price-info-compare,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-price-info .price-info-compare,
      #policies-component .policies-container .policy-item .policy-info .product-price-info .price-info-compare,
      #policies-component .policies-container .policy-item .policy-info-ext .product-price-info .price-info-compare {
        margin-bottom: 16px; }
      #policies-component .policies-comparision-container .policy-item .policy-info .product-featured,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-featured,
      #policies-component .policies-container .policy-item .policy-info .product-featured,
      #policies-component .policies-container .policy-item .policy-info-ext .product-featured {
        margin-top: auto;
        padding: 10px 0 0 0;
        margin-bottom: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 5rem; }
        #policies-component .policies-comparision-container .policy-item .policy-info .product-featured .product-featured-text,
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-featured .product-featured-text,
        #policies-component .policies-container .policy-item .policy-info .product-featured .product-featured-text,
        #policies-component .policies-container .policy-item .policy-info-ext .product-featured .product-featured-text {
          min-height: 20px;
          max-height: 35px;
          overflow: hidden;
          font-weight: bold;
          text-align: center;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          word-break: break-word; }
      #policies-component .policies-comparision-container .policy-item .policy-info .product-pvp-original,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-pvp-original,
      #policies-component .policies-container .policy-item .policy-info .product-pvp-original,
      #policies-component .policies-container .policy-item .policy-info-ext .product-pvp-original {
        text-align: center;
        color: #ff1a28;
        font-size: 14px;
        max-height: 22px;
        max-width: max-content;
        text-decoration: line-through;
        text-decoration-color: #ff1a28;
        margin-top: 4px; }
      #policies-component .policies-comparision-container .policy-item .policy-info .product-pvp,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-pvp,
      #policies-component .policies-container .policy-item .policy-info .product-pvp,
      #policies-component .policies-container .policy-item .policy-info-ext .product-pvp {
        text-align: center;
        color: #ff9900;
        font-size: 14px;
        font-weight: bold; }
      #policies-component .policies-comparision-container .policy-item .policy-info .product-max-cancellation,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-max-cancellation,
      #policies-component .policies-container .policy-item .policy-info .product-max-cancellation,
      #policies-component .policies-container .policy-item .policy-info-ext .product-max-cancellation {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 15px auto;
        min-height: 40px; }
      #policies-component .policies-comparision-container .policy-item .policy-info .max-cancellation-text,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .max-cancellation-text,
      #policies-component .policies-container .policy-item .policy-info .max-cancellation-text,
      #policies-component .policies-container .policy-item .policy-info-ext .max-cancellation-text {
        margin-right: 10px; }
      #policies-component .policies-comparision-container .policy-item .policy-info .product-selector,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-selector,
      #policies-component .policies-container .policy-item .policy-info .product-selector,
      #policies-component .policies-container .policy-item .policy-info-ext .product-selector {
        position: absolute;
        border: 1px solid #979797;
        display: inline-block;
        padding: 5px;
        border-radius: 3px;
        background: #fff;
        bottom: -30px;
        margin: 0 auto;
        align-self: center;
        transform: scale(1.35);
        cursor: pointer; }
      #policies-component .policies-comparision-container .policy-item .policy-info .btn,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .btn,
      #policies-component .policies-container .policy-item .policy-info .btn,
      #policies-component .policies-container .policy-item .policy-info-ext .btn {
        font-size: 13px; }
    #policies-component .policies-comparision-container .policy-item .policy-info-ext,
    #policies-component .policies-container .policy-item .policy-info-ext {
      height: auto; }
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-name,
      #policies-component .policies-container .policy-item .policy-info-ext .product-name {
        margin-bottom: 5px;
        color: #4a4a4a;
        font-size: 18px;
        font-weight: bold; }
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-pvp-original,
      #policies-component .policies-container .policy-item .policy-info-ext .product-pvp-original {
        font-size: 18px; }
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info,
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info-ext,
      #policies-component .policies-container .policy-item .policy-info-ext .policy-info,
      #policies-component .policies-container .policy-item .policy-info-ext .policy-info-ext {
        display: flex;
        height: calc(100% - 100px);
        flex-direction: column;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 15px 20px;
        font-size: 13px;
        color: #9b9b9b; }
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info .product-name,
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info-ext .product-name,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info .product-name,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info-ext .product-name {
          color: #4a4a4a;
          font-size: 16px;
          font-weight: bold;
          height: 38px;
          margin-bottom: 5px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info .product-subtitle,
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info-ext .product-subtitle,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info .product-subtitle,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info-ext .product-subtitle {
          height: 30px;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          font-weight: bold;
          margin-bottom: 10px; }
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info .product-featured,
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info-ext .product-featured,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info .product-featured,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info-ext .product-featured {
          margin-top: auto;
          padding: 10px 0;
          border-top: solid 0.5px #dcdcdc;
          border-bottom: solid 0.5px #dcdcdc;
          margin-bottom: 1px; }
          #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info .product-featured .product-featured-text,
          #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info-ext .product-featured .product-featured-text,
          #policies-component .policies-container .policy-item .policy-info-ext .policy-info .product-featured .product-featured-text,
          #policies-component .policies-container .policy-item .policy-info-ext .policy-info-ext .product-featured .product-featured-text {
            min-height: 20px;
            max-height: 35px;
            overflow: hidden;
            font-weight: bold;
            text-align: center;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info .product-pvp-original,
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info-ext .product-pvp-original,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info .product-pvp-original,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info-ext .product-pvp-original {
          min-height: 20px;
          text-align: center;
          color: #ff9900;
          font-size: 14px;
          max-height: 22px;
          text-decoration: line-through;
          text-decoration-color: #d0021b;
          color: rgba(255, 100, 0, 0.7);
          margin-top: 12px; }
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info .product-pvp,
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info-ext .product-pvp,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info .product-pvp,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info-ext .product-pvp {
          text-align: center;
          color: #ff9900;
          font-size: 14px;
          font-weight: bold;
          display: flex;
          align-items: center;
          justify-content: center; }
          #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info .product-pvp > p:first-child,
          #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info-ext .product-pvp > p:first-child,
          #policies-component .policies-container .policy-item .policy-info-ext .policy-info .product-pvp > p:first-child,
          #policies-component .policies-container .policy-item .policy-info-ext .policy-info-ext .product-pvp > p:first-child {
            margin-right: 5px; }
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info .product-anulation-ok,
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info-ext .product-anulation-ok,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info .product-anulation-ok,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info-ext .product-anulation-ok {
          width: 100%;
          height: 15px;
          font-size: 13px;
          text-align: center;
          margin: 15px auto;
          overflow: hidden;
          white-space: nowrap; }
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info .product-selector,
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info-ext .product-selector,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info .product-selector,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info-ext .product-selector {
          position: absolute;
          border: 1px solid #979797;
          display: inline-block;
          padding: 5px;
          border-radius: 15px;
          background: #fff;
          bottom: -30px;
          margin: 0 auto;
          align-self: center;
          transform: scale(1.35);
          cursor: pointer; }
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info .btn,
        #policies-component .policies-comparision-container .policy-item .policy-info-ext .policy-info-ext .btn,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info .btn,
        #policies-component .policies-container .policy-item .policy-info-ext .policy-info-ext .btn {
          font-size: 13px; }
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-pvp,
      #policies-component .policies-container .policy-item .policy-info-ext .product-pvp {
        font-size: 18px; }
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .product-anulation-ok,
      #policies-component .policies-container .policy-item .policy-info-ext .product-anulation-ok {
        margin: 7px 0; }
      #policies-component .policies-comparision-container .policy-item .policy-info-ext .btn,
      #policies-component .policies-container .policy-item .policy-info-ext .btn {
        height: 50px;
        margin: 20px 0; }
      #policies-component .policies-comparision-container .policy-item .policy-info-ext.coverage-info,
      #policies-component .policies-container .policy-item .policy-info-ext.coverage-info {
        text-align: center;
        font-size: 16px;
        padding: 0 15px; }
        #policies-component .policies-comparision-container .policy-item .policy-info-ext.coverage-info.opacited,
        #policies-component .policies-container .policy-item .policy-info-ext.coverage-info.opacited {
          position: relative; }
          #policies-component .policies-comparision-container .policy-item .policy-info-ext.coverage-info.opacited:before,
          #policies-component .policies-container .policy-item .policy-info-ext.coverage-info.opacited:before {
            content: " ";
            position: absolute;
            width: 100%;
            height: 50%;
            left: 0;
            bottom: -5px;
            background: linear-gradient(to bottom, rgba(137, 255, 241, 0) 0%, white 100%); }
        #policies-component .policies-comparision-container .policy-item .policy-info-ext.coverage-info.collapsed,
        #policies-component .policies-container .policy-item .policy-info-ext.coverage-info.collapsed {
          height: 0 !important;
          overflow: hidden !important;
          padding: 0 !important; }
        #policies-component .policies-comparision-container .policy-item .policy-info-ext.coverage-info h3,
        #policies-component .policies-container .policy-item .policy-info-ext.coverage-info h3 {
          margin: 24px 0 16px;
          font-size: 16px;
          color: #000000;
          font-weight: bold !important; }
        #policies-component .policies-comparision-container .policy-item .policy-info-ext.coverage-info .price,
        #policies-component .policies-container .policy-item .policy-info-ext.coverage-info .price {
          font-size: 23.3px;
          line-height: 1.245;
          color: #4a4a4a;
          margin-bottom: 8px; }
        #policies-component .policies-comparision-container .policy-item .policy-info-ext.coverage-info .cov-info,
        #policies-component .policies-container .policy-item .policy-info-ext.coverage-info .cov-info {
          line-height: 1.4;
          margin-bottom: 20px;
          font-size: 14px; }
      #policies-component .policies-comparision-container .policy-item .policy-info-ext.covegage-info-divider,
      #policies-component .policies-container .policy-item .policy-info-ext.covegage-info-divider {
        border-top: 1px solid #dcdcdc;
        margin: 0 10px; }
  #policies-component .show-coverages {
    padding-top: 20px;
    font-size: 14.4px;
    color: #4a4a4a;
    text-align: center;
    cursor: pointer;
    transition-property: all;
    transition-duration: 100ms; }
  #policies-component .show-coverages:hover {
    font-weight: bold; }
  #policies-component .compare-info {
    font-size: 13px;
    display: block;
    text-align: center;
    color: #757575;
    margin: 20px; }
  #policies-component .btn-compare {
    margin-top: 20px !important;
    width: 216px !important;
    margin: auto;
    text-align: center;
    background: #fff !important;
    color: #ff9900 !important;
    border: solid 1px #ff9900 !important; }
    #policies-component .btn-compare.disabled {
      border: 1px solid #757575 !important;
      box-shadow: none !important;
      color: #757575 !important;
      cursor: not-allowed !important; }
  #policies-component .compare-mobile {
    display: none; }
  #policies-component .policy-coverage {
    color: red;
    font-size: 16px;
    font-family: "Arial"; }
  #policies-component .modal-subTitle > h2 {
    font-size: 18px;
    text-align: left; }
  #policies-component .background-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.15);
    overflow: hidden;
    z-index: 1001; }
    #policies-component .background-modal .modal-container-padding {
      padding: 30px 40px;
      max-height: unset !important; }
    #policies-component .background-modal .supplementSelector-component,
    #policies-component .background-modal .modal-title,
    #policies-component .background-modal .modal-subTitle {
      margin: 24px 40px; }
    #policies-component .background-modal .supplementSelector-component:nth-last-child(2) {
      margin-bottom: 10px !important; }
    #policies-component .background-modal .modal-footer {
      padding: 5px 40px 30px 40px;
      position: sticky;
      bottom: 0;
      background-color: white; }
    @media screen and (max-width: 575px) {
      #policies-component .background-modal {
        overflow: auto;
        max-height: 97%; }
        #policies-component .background-modal .supplementSelector-component,
        #policies-component .background-modal .modal-title,
        #policies-component .background-modal .modal-subTitle {
          margin: 20px; }
        #policies-component .background-modal .modal-footer {
          padding: 5px 20px 10px 20px; } }
    #policies-component .background-modal h2 {
      font-size: 22px; }
      #policies-component .background-modal h2 .title {
        margin: 15px 0 0; }
    #policies-component .background-modal .modal-buttons {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      align-items: center;
      column-gap: 40px;
      margin-top: 25px !important; }
      #policies-component .background-modal .modal-buttons > button {
        padding: 15px;
        font-weight: bold; }
      #policies-component .background-modal .modal-buttons > .btn-cancel {
        background: #fff;
        border: 1px solid #f19e38;
        color: #f19e38;
        box-shadow: none; }
      #policies-component .background-modal .modal-buttons > .btn-continue {
        background: #f19e38 !important;
        border: 1px solid #f19e38 !important;
        color: #fff;
        box-shadow: none !important;
        margin: 0 !important; }
    #policies-component .background-modal .btns-container {
      display: flex;
      justify-content: space-between;
      padding: 20px 0;
      align-items: center; }
      #policies-component .background-modal .btns-container .btn {
        width: 48%;
        box-shadow: 0 10px 10px -10px rgba(255, 153, 0, 0.5);
        border: 1px solid #ff9900; }
        #policies-component .background-modal .btns-container .btn.unselected {
          background: #fff;
          color: #ff9900; }
    #policies-component .background-modal .divider {
      margin-top: 15px;
      border-top: 1px solid #979797;
      opacity: 0.5; }
    #policies-component .background-modal .btn {
      font-size: 15px; }
      #policies-component .background-modal .btn.btn-continue {
        border: solid 1px #4a4a4a;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
        background-color: #272727;
        color: #fff;
        margin: 25px 0; }
        #policies-component .background-modal .btn.btn-continue.disabled {
          border: solid 1px #4a4a4a;
          background: #fff;
          box-shadow: none;
          color: #4a4a4a;
          cursor: default; }
    #policies-component .background-modal .original-price {
      display: block;
      text-align: right;
      margin: 9px 5px -5px;
      text-decoration: line-through;
      text-decoration-color: #000;
      color: rgba(0, 0, 0, 0.5); }
    #policies-component .background-modal .info,
    #policies-component .background-modal .date {
      color: #9b9b9b;
      font-size: 14px; }
    #policies-component .background-modal .amount-label {
      font-size: 14px;
      font-weight: bold; }
    #policies-component .background-modal .amount-selector.invalid > div:first-of-type {
      border: 1px solid #f00; }
      #policies-component .background-modal .amount-selector.invalid > div:first-of-type > div > div:first-child {
        color: rgba(210, 50, 50, 0.5); }
    #policies-component .background-modal .amount-selector > div:first-of-type {
      width: 100%;
      height: 37px;
      font-size: 16px;
      border: 1px solid #dbdbdb;
      font-family: inherit;
      border-radius: 0;
      box-sizing: border-box;
      color: #9b9b9b; }
      #policies-component .background-modal .amount-selector > div:first-of-type:focus {
        outline: 0;
        border: 1px solid #ff9900; }
      #policies-component .background-modal .amount-selector > div:first-of-type div:first-child {
        cursor: text; }
      #policies-component .background-modal .amount-selector > div:first-of-type div:last-child {
        cursor: pointer; }
    #policies-component .background-modal .amount-selector > div:nth-child(3) {
      z-index: 2; }
      #policies-component .background-modal .amount-selector > div:nth-child(3) > div {
        height: 150px; }
    #policies-component .background-modal .react-datepicker-wrapper {
      width: 100%; }
      #policies-component .background-modal .react-datepicker-wrapper .react-datepicker__input-container {
        width: 100%; }
    #policies-component .background-modal .date-picker {
      width: 100%;
      display: inline-block;
      height: 37px;
      font-size: 16px;
      outline: none;
      box-sizing: border-box;
      border: 1px solid #dbdbdb;
      font-family: inherit;
      -webkit-appearance: none;
      border-radius: 0;
      padding: 0 10px;
      cursor: text; }
      #policies-component .background-modal .date-picker.invalid {
        color: rgba(210, 50, 50, 0.5);
        border: 1px solid #f00; }
        #policies-component .background-modal .date-picker.invalid::placeholder {
          color: rgba(210, 50, 50, 0.5); }
      #policies-component .background-modal .date-picker:focus {
        outline: 0;
        border-bottom: 1px solid #ff9900; }
    #policies-component .background-modal .react-datepicker-popper {
      z-index: 2; }
    #policies-component .background-modal .error-box {
      position: absolute;
      z-index: 1;
      font-family: sans-serif;
      font-size: 11px;
      left: 0;
      right: 0;
      font-weight: bold;
      margin: 40px;
      margin-top: 5px;
      border-radius: 3px;
      padding: 6px 10px;
      background-color: #ff2121;
      color: white;
      box-shadow: 0 10px 20px -10px rgba(74, 74, 74, 0.11);
      transition: all 500ms; }
    #policies-component .background-modal .prices-container {
      display: flex;
      flex-direction: column; }
      #policies-component .background-modal .prices-container .price-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px; }
        #policies-component .background-modal .prices-container .price-info .price-tag {
          display: flex;
          align-items: center;
          margin-right: 5px; }
          #policies-component .background-modal .prices-container .price-info .price-tag img {
            margin-right: 8px; }
  @media only screen and (max-width: 900px) {
    #policies-component .main-title-mobile {
      width: 100%;
      font-size: 20px; }
    #policies-component .main-title {
      display: none; }
    #policies-component .policies-container {
      padding-bottom: 20px !important;
      width: 100vw;
      margin-left: -10px;
      padding-left: 24px;
      scroll-snap-type: x mandatory; }
    #policies-component .compare-mobile {
      display: block;
      height: 37vh;
      position: relative;
      z-index: 10; }
      #policies-component .compare-mobile .selector-container {
        width: 48%;
        position: relative;
        z-index: 5;
        display: inline-block;
        box-sizing: border-box;
        margin-bottom: 10px; }
        #policies-component .compare-mobile .selector-container:first-child {
          margin-right: 4%; }
      #policies-component .compare-mobile .btn-compare-2 {
        border: 1px solid #ff9900;
        color: #ff9900;
        background: #fff;
        width: 200px;
        height: 45px;
        margin: 20px auto;
        text-align: center;
        transition: all 0.3s;
        z-index: 0;
        position: relative; }
      #policies-component .compare-mobile .btn-compare-2-disabled {
        opacity: 0.3; }
      #policies-component .compare-mobile .length-info {
        display: inline;
        font-size: 14px;
        color: #757575; }
    @keyframes flag-animate-right {
      0% {
        padding-left: 0; }
      50% {
        padding-left: 5px; }
      100% {
        padding-left: 0; } }
    @keyframes flag-animate-left {
      0% {
        padding-right: 0; }
      50% {
        padding-right: 5px; }
      100% {
        padding-right: 0; } }
    #policies-component .policies-container .flag-l,
    #policies-component .policies-container .flag-r {
      background: #fff;
      user-select: none;
      position: absolute;
      color: #ff9900;
      font-size: 30px;
      z-index: 1;
      border-radius: 50%;
      margin-top: 150px;
      text-align: center;
      width: 35px;
      height: 35px;
      padding-top: 8px;
      box-shadow: 0px 2px 8px rgba(9, 11, 17, 0.3);
      -webkit-box-shadow: 0px 2px 8px rgba(9, 11, 17, 0.3);
      -moz-box-shadow: 0px 2px 8px rgba(9, 11, 17, 0.3); }
    #policies-component .policies-container .flag-l {
      display: none;
      margin-left: -5px;
      animation: linear infinite;
      animation-name: flag-animate-left;
      animation-duration: 1s; }
      #policies-component .policies-container .flag-l img {
        display: initial; }
    #policies-component .policies-container .flag-r {
      display: block;
      right: 0;
      margin-right: 5px;
      animation: linear infinite;
      animation-name: flag-animate-right;
      animation-duration: 1s; }
      #policies-component .policies-container .flag-r img {
        display: initial; }
    #policies-component .policies-container .policy-item {
      scroll-snap-align: center; }
      #policies-component .policies-container .policy-item .product-selector {
        display: none !important; }
    #policies-component .policies-comparision-container .policy-item-ext {
      margin-left: -1%;
      margin-right: 0; }
      #policies-component .policies-comparision-container .policy-item-ext:only-child {
        width: 100%;
        display: block;
        max-width: 100%; }
        #policies-component .policies-comparision-container .policy-item-ext:only-child .policy-info-ext .product-name {
          font-size: 18px; }
      #policies-component .policies-comparision-container .policy-item-ext .policy-info-ext .product-name {
        font-size: 16px; }
      #policies-component .policies-comparision-container .policy-item-ext .policy-info-ext .product-featured {
        padding: 10px; }
      #policies-component .policies-comparision-container .policy-item-ext .coverage-info h3 {
        font-size: 16px; }
      #policies-component .policies-comparision-container .policy-item-ext .coverage-info .price {
        font-size: 16px; }
      #policies-component .policies-comparision-container .policy-item-ext .coverage-info .cov-info {
        margin-top: 5px;
        line-height: 1.3;
        font-size: 14px; }
    #policies-component .btn-compare,
    #policies-component .compare-info {
      display: none; } }

.policy-featured .product-selector {
  position: absolute; }

.mobile-rounded-corners-full {
  border-radius: 8px; }

.mobile-rounded-corners-top {
  border-radius: 4px; }

@media screen and (max-width: 768px) {
  .services-container {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr; }
  .cell-1,
  .cell-2,
  .cell-3,
  .cell-4,
  .cell-5,
  .cell-6 {
    grid-column: auto;
    grid-row: auto; } }

@media screen and (max-width: 410px) {
  .modal-content {
    margin-bottom: 5px; } }

.info-section {
  display: flex;
  justify-content: center;
  align-items: center; }
  .info-section .info-wrapper {
    border: 1px solid #fbba00;
    background-color: #ffe1b2;
    border-radius: 6px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: fit-content;
    max-width: 1190px;
    margin-bottom: 12px; }
    .info-section .info-wrapper .info-icon {
      width: 21px; }

@media (min-width: 769px) {
  .info-wrapper {
    max-width: 600px;
    width: 50%; } }

#main-policy-form-component {
  width: 100%;
  margin: auto; }
  #main-policy-form-component .policy-form {
    margin: 40px auto; }
    #main-policy-form-component .policy-form .main-title {
      font-size: 48px;
      margin: 40px 0; }
    #main-policy-form-component .policy-form .policy-form-container {
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      box-sizing: border-box; }
      #main-policy-form-component .policy-form .policy-form-container:nth-of-type(1n) {
        width: 38%;
        padding-right: 20px; }
      #main-policy-form-component .policy-form .policy-form-container:nth-of-type(2n) {
        width: 40%;
        padding-right: 20px; }
      #main-policy-form-component .policy-form .policy-form-container:nth-of-type(3n) {
        width: 22%; }
      #main-policy-form-component .policy-form .policy-form-container label {
        font-size: 18px;
        font-weight: bold;
        display: block;
        margin-bottom: 20px; }
      #main-policy-form-component .policy-form .policy-form-container .select-box {
        display: inline-block;
        border-radius: 5px;
        border: 1px #dbdbdb solid;
        padding: 10px 25px;
        margin: 0 10px 10px 0;
        cursor: pointer; }
        #main-policy-form-component .policy-form .policy-form-container .select-box.selected {
          color: #fff;
          background: #ff9900;
          border: 1px #ff9900 solid;
          box-shadow: 0 10px 30px -10px rgba(255, 153, 0, 0.5); }
        #main-policy-form-component .policy-form .policy-form-container .select-box:hover:not(.selected) {
          border: 1px #ff9900 solid;
          color: #ff9900; }
  @media only screen and (max-width: 768px) {
    #main-policy-form-component .policy-form .main-title {
      font-size: 36px; }
    #main-policy-form-component .policy-form .policy-form-container {
      display: block;
      width: 100% !important;
      padding-right: 0 !important; }
      #main-policy-form-component .policy-form .policy-form-container label {
        margin: 10px 0; }
      #main-policy-form-component .policy-form .policy-form-container .select-box {
        width: 48%;
        box-sizing: border-box;
        margin: 0 0 10px;
        text-align: center; }
        #main-policy-form-component .policy-form .policy-form-container .select-box:nth-of-type(even) {
          float: right; }
        #main-policy-form-component .policy-form .policy-form-container .select-box:nth-of-type(odd) {
          float: left; } }

.birthDateInput-content {
  display: grid;
  grid-template-columns: 28% 35% 1fr;
  column-gap: 5px;
  justify-content: space-between;
  border-radius: 5px;
  width: 100%; }
  .birthDateInput-content select {
    width: 100%;
    height: 32px !important;
    border: none;
    border-bottom: 1px solid #dbdbdb;
    font-family: inherit;
    border-radius: 0;
    box-sizing: border-box;
    padding: 0 5px;
    margin-top: 5px;
    font-size: 16px;
    background: transparent !important;
    background-color: transparent !important;
    color: #000; }
    .birthDateInput-content select.unselected {
      color: #9b9b9b !important;
      font-size: 14px; }
    .birthDateInput-content select:focus {
      outline: none; }

.birthDateInput-arrows > select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none; }

.birthDateInput-component.error:hover .error-box {
  opacity: 1 !important; }

.birthDateInput-component.error select.unselected {
  color: rgba(210, 50, 50, 0.5) !important;
  border-bottom: 1px solid #f00; }

.birthDateInput-component.error select {
  border-bottom: 1px solid #f00; }

/* Disable arrows in number type inputs Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Disable arrows in number type inputs Firefox */
input[type=number] {
  -moz-appearance: textfield; }

#mini-summary.mini-summary-container {
  margin: 40px auto;
  background: #fff;
  box-shadow: 0 20px 80px 0 rgba(0, 0, 0, 0.11);
  display: flex;
  padding: 10px 20px;
  justify-content: space-between; }
  #mini-summary.mini-summary-container .mini-summary-content {
    background: #fff;
    display: flex;
    height: 60px;
    box-sizing: border-box;
    display: flex;
    flex: 1;
    border-right: 1px solid #dbdbdb; }
    #mini-summary.mini-summary-container .mini-summary-content:last-child {
      text-align: center;
      flex: 0;
      min-width: 100px;
      border-right: 0; }
    #mini-summary.mini-summary-container .mini-summary-content.big {
      flex: 1.5; }
    #mini-summary.mini-summary-container .mini-summary-content .summary-icon {
      mask-size: contain;
      -webkit-mask-size: contain;
      background: #000;
      min-width: 45px;
      height: 45px;
      background: #9b9b9b;
      padding: 0;
      transform: scale(1.2);
      align-self: center;
      margin-right: 5px; }
    #mini-summary.mini-summary-container .mini-summary-content .summary-info {
      width: 100%;
      align-self: center;
      font-size: 15px; }
      #mini-summary.mini-summary-container .mini-summary-content .summary-info span {
        display: block;
        font-weight: bold; }
        #mini-summary.mini-summary-container .mini-summary-content .summary-info span:first-child {
          color: #9b9b9b;
          font-size: 12px; }
      #mini-summary.mini-summary-container .mini-summary-content .summary-info.travel-info span {
        display: inline-block;
        font-size: 14px; }
      #mini-summary.mini-summary-container .mini-summary-content .summary-info .modify-btn {
        display: inline-block;
        font-size: 16px !important;
        cursor: pointer;
        color: #ff9900 !important;
        font-weight: normal; }

#mini-summary-mbl {
  display: none; }

@media only screen and (max-width: 768px) {
  #mini-summary {
    display: none !important; }
  #mini-summary-mbl {
    display: block !important; }
    #mini-summary-mbl.budget-info-list {
      list-style: none;
      background: #323232;
      padding: 20px;
      text-align: center;
      width: 100vw;
      box-sizing: border-box; }
      #mini-summary-mbl.budget-info-list .budget-info-item {
        color: rgba(255, 255, 255, 0.7); }
        #mini-summary-mbl.budget-info-list .budget-info-item.dates {
          font-size: 14px;
          margin: 7px 0 3px; }
        #mini-summary-mbl.budget-info-list .budget-info-item.insurance {
          font-size: 14px; }
          #mini-summary-mbl.budget-info-list .budget-info-item.insurance:before {
            content: ' ';
            width: 15px;
            height: 15px;
            display: inline-block;
            margin-right: 5px;
            vertical-align: top;
            background: url("https://static.iatiseguros.com/common/tunnel/security-2.svg") no-repeat center; }
        #mini-summary-mbl.budget-info-list .budget-info-item.countries {
          font-size: 10px; }
          #mini-summary-mbl.budget-info-list .budget-info-item.countries .country {
            color: rgba(255, 255, 255, 0.85);
            max-width: 40vw;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: inline-block;
            vertical-align: middle;
            font-size: 16px;
            font-weight: bold;
            margin: 0 2.5px; }
        #mini-summary-mbl.budget-info-list .budget-info-item.insurance-selected {
          font-size: 16px;
          font-weight: bold;
          margin-top: 5px;
          color: #ff9900; }
          #mini-summary-mbl.budget-info-list .budget-info-item.insurance-selected .edit {
            float: right;
            background: #fff;
            width: 15px;
            height: 15px;
            background: url("https://static.iatiseguros.com/common/tunnel/pen.svg") no-repeat center;
            background-size: contain; }
          #mini-summary-mbl.budget-info-list .budget-info-item.insurance-selected .go-back {
            display: inline-block;
            color: #fff;
            float: left;
            font-size: 14px;
            width: 15px;
            height: 15px;
            transform: scale(1, 1.5); } }

#personal-info-component {
  max-width: 1400px;
  margin: 0 auto;
  margin-bottom: 100px; }
  @media screen and (max-width: 1500px) {
    #personal-info-component {
      max-width: 1150px; } }
  #personal-info-component .main-title {
    font-weight: bold;
    font-size: 36px;
    margin: 40px 0; }
  @media screen and (max-width: 1200px) {
    #personal-info-component .main-title {
      margin-left: 10px;
      margin-right: 10px; } }
  @media screen and (max-width: 768px) {
    #personal-info-component {
      padding: 0 10px; } }
  #personal-info-component .background-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.15);
    overflow: hidden;
    z-index: 1001; }
    #personal-info-component .background-modal .modal-container::-webkit-scrollbar {
      display: none;
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */ }
    #personal-info-component .background-modal .modal-container {
      display: block;
      width: 866px;
      max-width: 90%;
      max-height: 94%;
      position: fixed;
      z-index: 100;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: white;
      box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.11);
      box-sizing: border-box;
      padding: 30px 40px; }
      #personal-info-component .background-modal .modal-container .close-button {
        margin-top: -50px;
        text-align: right;
        color: #ff9900;
        font-family: Arial;
        cursor: pointer;
        margin-right: -30px; }
      #personal-info-component .background-modal .modal-container .modal-content {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box; }
        #personal-info-component .background-modal .modal-container .modal-content table {
          border-collapse: separate;
          border-spacing: 0 18px; }
        #personal-info-component .background-modal .modal-container .modal-content th {
          font-weight: normal; }
        @media only screen and (max-width: 410px) {
          #personal-info-component .background-modal .modal-container .modal-content th, #personal-info-component .background-modal .modal-container .modal-content td {
            font-size: 12px; }
          #personal-info-component .background-modal .modal-container .modal-content .modal-content {
            overflow-y: scroll; } }
        #personal-info-component .background-modal .modal-container .modal-content td, #personal-info-component .background-modal .modal-container .modal-content th {
          font-family: 'Arial';
          color: #4a4a4a; }
        #personal-info-component .background-modal .modal-container .modal-content .icon-center {
          text-align: center;
          vertical-align: middle; }
        #personal-info-component .background-modal .modal-container .modal-content tr {
          padding-bottom: 18px;
          -webkit-columns: 3;
          /* Chrome, Safari, Opera */
          -moz-columns: 3;
          /* Firefox */
          columns: 3;
          -webkit-column-rule: 1px solid #dbdbdb;
          /* Chrome, Safari, Opera */
          -moz-column-rule: 1px solid #dbdbdb;
          /* Firefox */
          column-rule: 1px solid #dbdbdb; }
        #personal-info-component .background-modal .modal-container .modal-content h2 {
          font-family: Arial;
          font-size: 24px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.04;
          letter-spacing: normal;
          color: #4a4a4a;
          margin-top: 30px; }
        #personal-info-component .background-modal .modal-container .modal-content h3 {
          margin: 21px 40px 13px 0;
          font-family: Arial;
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.25;
          letter-spacing: normal;
          color: #4a4a4a; }
        #personal-info-component .background-modal .modal-container .modal-content p {
          margin: 7px 0 7px;
          font-family: Arial;
          font-size: 15px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.25;
          letter-spacing: normal;
          color: #4a4a4a; }
        #personal-info-component .background-modal .modal-container .modal-content .more-info-button {
          margin: 23px 1px 17.8px 0;
          font-family: Arial;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.26;
          letter-spacing: normal;
          color: #ff9900;
          text-decoration: none; }
  #personal-info-component .personal-info-form .extra-traveler-info-section {
    margin: 30px 0; }
  #personal-info-component .personal-info-form .btn-gender {
    display: inline-block;
    width: 95px;
    height: 42px;
    font-size: 14px;
    margin-top: 6px; }
    #personal-info-component .personal-info-form .btn-gender:first-child {
      margin-right: 26px; }
    #personal-info-component .personal-info-form .btn-gender.unselected {
      background: #fff;
      border: 1px solid #9b9b9b;
      color: #9b9b9b;
      box-shadow: none; }
    #personal-info-component .personal-info-form .btn-gender.invalid {
      color: rgba(210, 50, 50, 0.5);
      border: 1px solid #f00;
      color: rgba(210, 50, 50, 0.5); }
  #personal-info-component .personal-info-form .personal-info-container {
    width: 216px;
    margin-right: 16px;
    display: inline-block;
    vertical-align: top;
    height: 55px;
    margin-bottom: 15px;
    position: relative; }
    #personal-info-component .personal-info-form .personal-info-container .personal-info-phone-input-wrapper {
      display: grid;
      grid-template-columns: 85px auto;
      align-items: end;
      border-bottom: 1px solid #dbdbdb; }
      #personal-info-component .personal-info-form .personal-info-container .personal-info-phone-input-wrapper input {
        border-bottom: none; }
    #personal-info-component .personal-info-form .personal-info-container .info-icon {
      display: inline;
      right: 0;
      bottom: 14px;
      right: 14px;
      position: absolute; }
    #personal-info-component .personal-info-form .personal-info-container .tooltip::before {
      background-image: url(https://static.iatiseguros.com/common/tunnel/info-orange.svg);
      transform: scale(0.45);
      width: 37px;
      height: 38px; }
    #personal-info-component .personal-info-form .personal-info-container .tooltip-info {
      left: unset;
      right: 0; }
      #personal-info-component .personal-info-form .personal-info-container .tooltip-info span {
        font-size: 13px;
        color: #333; }
    #personal-info-component .personal-info-form .personal-info-container .label-container {
      position: relative;
      height: 10px; }
      #personal-info-component .personal-info-form .personal-info-container .label-container .label-hidden {
        position: absolute;
        font-size: 9.6px;
        color: #9b9b9b;
        left: 10px;
        opacity: 0;
        animation-name: showLabelInverse;
        animation-duration: 0.2s;
        animation-timing-function: ease-out; }
      #personal-info-component .personal-info-form .personal-info-container .label-container .label-show {
        opacity: 1;
        vertical-align: top;
        animation-name: showLabel;
        animation-duration: 0.2s;
        animation-timing-function: ease-out; }
    #personal-info-component .personal-info-form .personal-info-container .dropdown-content select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -ms-appearance: none;
      width: 100%;
      height: 32px !important;
      border: none;
      border-bottom: 1px solid #dbdbdb;
      font-family: inherit;
      border-radius: 0;
      box-sizing: border-box;
      padding: 0 5px;
      margin-top: 5px;
      font-size: 16px;
      background-color: transparent !important; }
      #personal-info-component .personal-info-form .personal-info-container .dropdown-content select.unselected {
        color: #9b9b9b !important;
        font-size: 14px; }
      #personal-info-component .personal-info-form .personal-info-container .dropdown-content select:focus {
        outline: none; }

@keyframes showLabel {
  0% {
    opacity: 0;
    top: 23px;
    transform: scale(2);
    left: 25px; }
  100% {
    opacity: 1;
    top: 0;
    transform: scale(1);
    left: 10px; } }

@keyframes showLabelInverse {
  0% {
    opacity: 1;
    top: 0;
    transform: scale(1);
    left: 10px; }
  100% {
    opacity: 0;
    top: 23px;
    transform: scale(2);
    left: 25px; } }
    #personal-info-component .personal-info-form .personal-info-container .personal-info-input {
      color: #000; }
      #personal-info-component .personal-info-form .personal-info-container .personal-info-input.invalid {
        color: rgba(210, 50, 50, 0.5);
        border-bottom: 1px solid #f00; }
        #personal-info-component .personal-info-form .personal-info-container .personal-info-input.invalid::placeholder {
          color: rgba(210, 50, 50, 0.5); }
    #personal-info-component .personal-info-form .personal-info-container .react-datepicker-wrapper {
      width: 100%; }
      #personal-info-component .personal-info-form .personal-info-container .react-datepicker-wrapper .react-datepicker__input-container {
        width: 100%; }
        #personal-info-component .personal-info-form .personal-info-container .react-datepicker-wrapper .react-datepicker__input-container .date-picker {
          width: 100%;
          display: inline-block;
          height: 37px;
          font-size: 16px;
          border: 0;
          font-family: inherit;
          -webkit-appearance: none;
          border-radius: 0;
          padding: 0 10px;
          cursor: text;
          outline: none;
          border-bottom: 1px solid #dbdbdb;
          box-sizing: border-box; }
          #personal-info-component .personal-info-form .personal-info-container .react-datepicker-wrapper .react-datepicker__input-container .date-picker.invalid {
            color: rgba(210, 50, 50, 0.5);
            border-bottom: 1px solid #f00; }
            #personal-info-component .personal-info-form .personal-info-container .react-datepicker-wrapper .react-datepicker__input-container .date-picker.invalid::placeholder {
              color: rgba(210, 50, 50, 0.5); }
          #personal-info-component .personal-info-form .personal-info-container .react-datepicker-wrapper .react-datepicker__input-container .date-picker:focus {
            outline: 0;
            border-bottom: 1px solid #ff9900; }
    #personal-info-component .personal-info-form .personal-info-container .react-datepicker-popper {
      z-index: 5 !important; }
    #personal-info-component .personal-info-form .personal-info-container .react-datepicker .react-datepicker__day--selected {
      background: #ff9900 !important; }
    #personal-info-component .personal-info-form .personal-info-container .react-datepicker .react-datepicker__day--keyboard-selected {
      background: rgba(255, 153, 0, 0.8) !important; }
    #personal-info-component .personal-info-form .personal-info-container .error-box {
      opacity: 0;
      position: absolute;
      z-index: 1;
      font-family: sans-serif;
      font-size: 11px;
      font-weight: bold;
      margin-top: 5px;
      border-radius: 3px;
      padding: 6px 10px;
      background-color: #ff2121;
      color: white;
      box-shadow: 0 10px 20px -10px rgba(74, 74, 74, 0.11);
      transition: all 500ms; }
    #personal-info-component .personal-info-form .personal-info-container .btn-gender:focus ~ .error-box,
    #personal-info-component .personal-info-form .personal-info-container .btn-gender:hover ~ .error-box,
    #personal-info-component .personal-info-form .personal-info-container .react-datepicker-wrapper:hover + .error-box,
    #personal-info-component .personal-info-form .personal-info-container input:focus + .error-box,
    #personal-info-component .personal-info-form .personal-info-container input:hover + .error-box,
    #personal-info-component .personal-info-form .personal-info-container select:focus + .error-box,
    #personal-info-component .personal-info-form .personal-info-container select:hover + .error-box {
      opacity: 1; }
    #personal-info-component .personal-info-form .personal-info-container .react-datepicker-popper + .error-box {
      opacity: 1;
      transform: translate(-185px, 0);
      margin-top: 10px;
      max-width: 150px; }
  #personal-info-component .personal-info-form .import-extra-travelers {
    width: 326px;
    border-radius: 10px;
    background-color: #f3f3f3;
    margin: auto;
    display: flex;
    flex-direction: column;
    padding: 16px;
    position: relative; }
    #personal-info-component .personal-info-form .import-extra-travelers .import-extra-traveler-title {
      font-size: 14px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: -0.44px;
      color: #4a4a4a;
      margin-bottom: 12px; }
    #personal-info-component .personal-info-form .import-extra-travelers .import-extra-traveler-button {
      font-family: Arial;
      font-size: 13px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #ff9900;
      border-radius: 3.6px;
      border: solid 0.7px #ff9900;
      height: 45px;
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 0; }
      #personal-info-component .personal-info-form .import-extra-travelers .import-extra-traveler-button.disabled {
        cursor: not-allowed;
        color: rgba(0, 0, 0, 0.3);
        border-color: rgba(0, 0, 0, 0.3); }
    #personal-info-component .personal-info-form .import-extra-travelers .import-extra-traveler-input {
      display: inline-block;
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 70%;
      top: 0;
      left: 0;
      opacity: 0;
      cursor: pointer; }
      #personal-info-component .personal-info-form .import-extra-travelers .import-extra-traveler-input.disabled {
        cursor: not-allowed; }
    #personal-info-component .personal-info-form .import-extra-travelers .import-extra-traveler-success {
      color: #11c757;
      margin-top: 10px; }
    #personal-info-component .personal-info-form .import-extra-travelers .import-extra-traveler-failure {
      color: #ff4755;
      margin-top: 10px; }
    #personal-info-component .personal-info-form .import-extra-travelers .import-extra-traveler-failure .remove-file,
    #personal-info-component .personal-info-form .import-extra-travelers .import-extra-traveler-success .remove-file {
      float: right;
      color: #000;
      cursor: pointer;
      padding: 2px 4px;
      font-family: Arial;
      font-size: 12px;
      border: 1px solid;
      border-radius: 5px; }
    #personal-info-component .personal-info-form .import-extra-travelers .import-extra-traveler-icon {
      margin-right: 12px; }
  #personal-info-component .personal-info-form .product-addon-banner {
    width: 100%;
    max-width: 500px;
    height: 120px;
    background: #aaa;
    margin: 50px auto;
    position: relative;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer; }
    #personal-info-component .personal-info-form .product-addon-banner:before {
      content: ' ';
      position: absolute;
      background: #000;
      opacity: .3;
      width: 100%;
      height: 100%; }
    #personal-info-component .personal-info-form .product-addon-banner .more-info-modal {
      bottom: 10px;
      right: 60px;
      position: absolute;
      color: #ff9900;
      text-decoration: underline; }
    #personal-info-component .personal-info-form .product-addon-banner .mask {
      position: absolute;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0.1; }
    #personal-info-component .personal-info-form .product-addon-banner .product-addon-name {
      position: absolute;
      top: 25%;
      left: 30px;
      font-size: 17.3px;
      font-weight: bold;
      color: #fff; }
    #personal-info-component .personal-info-form .product-addon-banner .product-addon-name-2 {
      display: block;
      top: 46%;
      font-size: 15px;
      max-width: 265px;
      position: absolute;
      left: 30px;
      font-size: 15px;
      font-weight: bold;
      color: #fff; }
    #personal-info-component .personal-info-form .product-addon-banner .product-addon-btn {
      width: 150px;
      text-align: center;
      padding: 15px;
      background: #ff9900;
      color: #fff;
      position: absolute;
      right: 5%;
      top: 28%;
      border-radius: 5px;
      cursor: pointer; }
      #personal-info-component .personal-info-form .product-addon-banner .product-addon-btn.added {
        background: #fff;
        color: #ff9900; }
  #personal-info-component .personal-info-form .personal-info-check-content {
    color: #9b9b9b;
    padding: 10px 0; }
    #personal-info-component .personal-info-form .personal-info-check-content .personal-info-check {
      position: relative;
      opacity: 0;
      outline: none;
      display: none; }
      #personal-info-component .personal-info-form .personal-info-check-content .personal-info-check + label {
        position: relative;
        cursor: pointer; }
        #personal-info-component .personal-info-form .personal-info-check-content .personal-info-check + label a {
          color: #ff9900; }
      #personal-info-component .personal-info-form .personal-info-check-content .personal-info-check + label:before {
        content: '';
        margin-right: 8px;
        display: inline-block;
        vertical-align: middle;
        width: 21px;
        height: 21px;
        background: white;
        border: 2px solid #9b9b9b;
        box-sizing: border-box;
        border-radius: 0.25rem;
        padding: 0; }
      #personal-info-component .personal-info-form .personal-info-check-content .personal-info-check:checked + label:before {
        content: url("data:image/svg+xml;utf8,<svg width='15' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.5 5.7L4.35714 8.5L10.5 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
        background: #ff9900;
        border: 2px solid #ff9900;
        padding-top: 3px; }
    #personal-info-component .personal-info-form .personal-info-check-content label.invalid:before {
      border: 2px solid red; }
  #personal-info-component .personal-info-form .personal-info-continue {
    width: 30%;
    margin-top: 40px; }
  #personal-info-component .personal-info-form .personal-info-continue-custom {
    width: 100%;
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center; }
    #personal-info-component .personal-info-form .personal-info-continue-custom .btn-custom-payment {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 249px !important;
      height: 40px;
      margin-right: 20px;
      box-shadow: 0 10px 30px -10px rgba(255, 153, 0, 0.5);
      background-color: #ff9900;
      box-sizing: border-box;
      outline: none;
      cursor: pointer;
      padding: 10px;
      border: 0;
      border-radius: 5px;
      position: relative; }
      #personal-info-component .personal-info-form .personal-info-continue-custom .btn-custom-payment .custom-payment-label {
        font-family: Arial;
        font-size: 13px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff; }
      #personal-info-component .personal-info-form .personal-info-continue-custom .btn-custom-payment .custom-payment-icon {
        position: absolute;
        left: 13px; }
  #personal-info-component .personal-info-form .personal-info-formError {
    margin-top: 20px;
    font-family: inherit;
    font-size: 16px;
    color: #f00; }
  @media only screen and (max-width: 768px) {
    #personal-info-component .main-title {
      font-size: 24px;
      margin: 20px 0; }
    #personal-info-component .modal-container {
      overflow-y: scroll; }
    #personal-info-component .personal-info-form {
      width: 100%; }
      #personal-info-component .personal-info-form .personal-info-container {
        width: 100%;
        display: block; }
        #personal-info-component .personal-info-form .personal-info-container .btn-gender {
          width: 48%; }
          #personal-info-component .personal-info-form .personal-info-container .btn-gender:first-child {
            margin-right: 4%; }
        #personal-info-component .personal-info-form .personal-info-container .react-datepicker-popper + .error-box {
          transform: translate(0, -110px); }
      #personal-info-component .personal-info-form .product-addon-banner {
        height: 180px; }
        #personal-info-component .personal-info-form .product-addon-banner .product-addon-name {
          top: 12px; }
        #personal-info-component .personal-info-form .product-addon-banner .product-addon-name-2 {
          top: 40px;
          max-width: 100%; }
        #personal-info-component .personal-info-form .product-addon-banner .product-addon-btn {
          left: 26%;
          top: 108px; }
          #personal-info-component .personal-info-form .product-addon-banner .product-addon-btn.added {
            background: #fff;
            color: #ff9900; }
        #personal-info-component .personal-info-form .product-addon-banner .more-info-modal {
          bottom: 2px;
          right: unset;
          left: 26%;
          text-align: center;
          align-items: center;
          position: absolute;
          width: 180px;
          color: #ff9900;
          text-decoration: underline; }
      #personal-info-component .personal-info-form .personal-info-check-content label {
        display: flex; }
        #personal-info-component .personal-info-form .personal-info-check-content label .text {
          width: calc(100% - 20px);
          text-align: justify; }
      #personal-info-component .personal-info-form .personal-info-continue {
        width: 100%;
        margin-top: 40px; }
      #personal-info-component .personal-info-form .personal-info-continue-custom {
        width: 100%;
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        #personal-info-component .personal-info-form .personal-info-continue-custom .btn-custom-payment {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          width: 343px !important;
          height: 50px;
          margin-right: unset !important;
          margin-bottom: 12px;
          box-shadow: 0 10px 30px -10px rgba(255, 153, 0, 0.5);
          background-color: #ff9900;
          box-sizing: border-box;
          outline: none;
          cursor: pointer;
          padding: 10px;
          border: 0;
          border-radius: 5px;
          position: relative; }
          #personal-info-component .personal-info-form .personal-info-continue-custom .btn-custom-payment .custom-payment-label {
            font-family: Arial;
            font-size: 13px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff; }
          #personal-info-component .personal-info-form .personal-info-continue-custom .btn-custom-payment .custom-payment-icon {
            position: absolute;
            left: 13px; } }

@media (max-width: 1200px) and (min-width: 769px) {
  .personal-info-form {
    margin-left: 10px;
    margin-right: 10px; } }

.error:hover .error-box {
  opacity: 1 !important; }

.error select.unselected {
  color: rgba(210, 50, 50, 0.5) !important;
  border-bottom: 1px solid #f00; }

.error select {
  border-bottom: 1px solid #f00; }

.check-info-receipt {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 20px; }
  @media (max-width: 769px) {
    .check-info-receipt {
      align-items: unset;
      flex-direction: column; } }

.receipt-info-holder {
  padding: 10px 150px 10px 40px;
  border: 1px solid #9b9b9b;
  border-radius: 10px; }
  .receipt-info-holder p {
    margin: revert; }

@media (min-width: 769px) {
  .receipt-info-holder {
    position: relative;
    left: 21px;
    max-width: max-content; } }

.receipt-tooltip-container {
  margin-top: 3px;
  display: inline-block; }
  .receipt-tooltip-container .tooltip-base {
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    color: #12181c;
    border-radius: 4px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    transition: all 0.5s;
    max-width: 400px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 5px 0 rgba(0, 0, 0, 0.02), 0 2px 10px 0 rgba(0, 0, 0, 0.06), 0 0 1px 0 rgba(0, 0, 0, 0.3); }
  .receipt-tooltip-container .tooltip-top {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 5px; }
  .receipt-tooltip-container .tooltip-right {
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    margin-left: 5px;
    max-width: 250px;
    width: max-content; }
  .receipt-tooltip-container:hover .tooltip-base {
    visibility: visible;
    opacity: 1; }

#payment-component .automatic-payment-methods {
  border-top: 1px solid #ddd;
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-left: 2px;
  margin-right: 2px;
  gap: 10px; }

#payment-component .payment-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px; }
  @media screen and (max-width: 1099px) {
    #payment-component .payment-title-wrapper {
      margin-bottom: 20px; } }

#payment-component .payment-wrapper {
  display: flex; }

#payment-component .main-title {
  font-size: 33px;
  margin: 10px 0 22px;
  color: #1E222F;
  font-weight: bold; }

#payment-component .amount-policy-article {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 18px; }
  #payment-component .amount-policy-article .amount {
    display: flex;
    flex-direction: column;
    text-align: right;
    line-height: 1.11;
    color: #4a4a4a; }
    #payment-component .amount-policy-article .amount .original {
      text-decoration: line-through;
      text-decoration-color: #d0021b;
      color: rgba(255, 100, 0, 0.7);
      transform: scale(0.8); }

#payment-component .amount-policy-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 18px;
  box-sizing: border-box;
  line-height: 28px; }
  #payment-component .amount-policy-title .amount {
    display: flex;
    flex-direction: column;
    text-align: right;
    font-size: 30px;
    color: #4a4a4a; }
    #payment-component .amount-policy-title .amount .original {
      text-decoration: line-through;
      text-decoration-color: #d0021b;
      color: rgba(255, 100, 0, 0.7);
      transform: scale(0.8);
      font-size: 27px; }

#payment-component .summary-price-payments {
  margin-bottom: 24px; }
  #payment-component .summary-price-payments .summary-price-payments-title {
    font-size: 27px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 140%;
    letter-spacing: normal;
    color: #2E3548; }

#payment-component .amount-policy-subtitle {
  font-size: 20px;
  padding: 20px 5px;
  box-sizing: border-box;
  line-height: 20px;
  margin: 0 0 20px; }

#payment-component .payment-wrapper {
  flex-direction: column; }

#payment-component .payment-method-container {
  width: 100%;
  height: 68px;
  margin-right: 20px;
  border-radius: 5px;
  border: 2px solid #ccc;
  background-color: #ffffff;
  margin-bottom: 12px;
  vertical-align: top;
  cursor: pointer;
  position: relative; }
  #payment-component .payment-method-container .broken-image {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  #payment-component .payment-method-container input[type="checkbox"] {
    display: none !important;
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: #fff;
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 20px;
    height: 20px;
    border: 2px solid #d8d8d8;
    border-radius: 50%;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    cursor: pointer;
    position: absolute;
    left: 0;
    bottom: -13px;
    z-index: 9;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 22px;
    height: 22px; }
  #payment-component .payment-method-container .payment-method-item {
    display: block;
    margin: auto;
    transform: scale(1);
    margin-top: 1px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px auto; }
    #payment-component .payment-method-container .payment-method-item.card {
      background: url("https://static.iatiseguros.com/common/tunnel/payment/payment-method-card-visa-mastercard.svg") no-repeat center;
      background-size: 50px auto; }
    #payment-component .payment-method-container .payment-method-item.cart-intranet {
      background: url("https://static.iatiseguros.com/common/tunnel/payment/intranet.svg") no-repeat center;
      filter: invert(0) !important; }
    #payment-component .payment-method-container .payment-method-item.paypal {
      background: url("https://static.iatiseguros.com/common/tunnel/Paypal.svg") no-repeat center;
      filter: invert(0) !important; }
    #payment-component .payment-method-container .payment-method-item.transfer {
      background-size: 100px auto !important;
      filter: invert(0) !important; }
    #payment-component .payment-method-container .payment-method-item.transfer-1 {
      background: url("https://static.iatiseguros.com/common/tunnel/payment/payment-method-transfer-wiretransfer-es.svg") no-repeat center; }
    #payment-component .payment-method-container .payment-method-item.transfer-2 {
      background: url("https://static.iatiseguros.com/common/tunnel/payment/payment-method-transfer-wiretransfer-pt.svg") no-repeat center; }
    #payment-component .payment-method-container .payment-method-item.transfer-3, #payment-component .payment-method-container .payment-method-item.transfer-4, #payment-component .payment-method-container .payment-method-item.transfer-5, #payment-component .payment-method-container .payment-method-item.transfer-6 {
      background: url("https://static.iatiseguros.com/common/tunnel/payment/payment-method-transfer-wiretransfer-en.svg") no-repeat center; }
    #payment-component .payment-method-container .payment-method-item.free {
      background: url("https://static.iatiseguros.com/common/tunnel/payment/gift.svg") no-repeat center;
      filter: invert(0) !important; }
    #payment-component .payment-method-container .payment-method-item.cash {
      background: url("https://static.iatiseguros.com/common/tunnel/efectivo.svg") no-repeat center;
      filter: invert(0) !important; }
    #payment-component .payment-method-container .payment-method-item.colaborator {
      background: url("https://static.iatiseguros.com/common/tunnel/payment/colaborador.svg") no-repeat center;
      filter: invert(0) !important; }
    #payment-component .payment-method-container .payment-method-item.Bizum {
      background: url("https://static.iatiseguros.com/common/tunnel/payment/payment-method-bizum.svg") no-repeat center;
      background-size: 83px auto; }
  #payment-component .payment-method-container .payment-method-name {
    font-size: 10px;
    text-align: center;
    display: block;
    margin-top: 14px;
    font-weight: bold;
    color: inherit !important;
    position: absolute;
    top: 5px;
    right: 20px; }

#payment-component .paypal-info {
  color: #9b9b9b;
  font-size: 12px;
  visibility: hidden; }
  #payment-component .paypal-info.visible {
    visibility: visible; }
  #payment-component .paypal-info .paypal-button-tagline {
    min-height: 25px !important; }

#payment-component .payment-btn {
  box-shadow: 0px 4px 6px rgba(255, 153, 0, 0.3);
  background: linear-gradient(90deg, #F90 0%, #FFB300 100%);
  color: #fff;
  font-size: 16px;
  padding: 15px 26px;
  border: 0;
  border-radius: 5px;
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
  margin-top: 24px;
  opacity: 1;
  transition: all 0.3s ease; }

#payment-component .disabled {
  cursor: not-allowed;
  background: #B7BCCC;
  opacity: 0.6;
  box-shadow: none; }

.summary-price-discounts {
  display: inline;
  padding: 24px 0px 23px 0px; }
  .summary-price-discounts .summary-price {
    display: flex;
    align-items: end;
    margin-bottom: 11px; }
    .summary-price-discounts .summary-price:before {
      content: '';
      border-bottom: dotted;
      order: 1;
      flex: 1;
      border-color: #B7BCCC; }
    .summary-price-discounts .summary-price span:last-of-type {
      order: 2; }
    .summary-price-discounts .summary-price span:first-of-type {
      order: 0; }
    .summary-price-discounts .summary-price .summary-price-icon {
      width: 20px;
      height: 20px; }
    .summary-price-discounts .summary-price .summary-price-title {
      font-size: 16px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 0.85;
      letter-spacing: normal;
      color: #2E3548;
      padding-right: 8px; }
      @media screen and (max-width: 575px) {
        .summary-price-discounts .summary-price .summary-price-title {
          font-size: 16px; } }
    .summary-price-discounts .summary-price .summary-price-amount {
      margin-left: auto;
      margin-top: -0.2rem;
      color: #FF9900;
      font-size: 16px;
      margin-top: -5px;
      padding-left: 8px; }
  .summary-price-discounts .supplements {
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 13px;
    color: #4C536B; }
  .summary-price-discounts .summary-price-ruler {
    width: 100%;
    border: solid 0.5px #dbdbdb; }
  .summary-price-discounts .summary-price-total {
    display: flex;
    justify-content: space-between;
    background-color: #FFF7EB;
    border-radius: 0.5rem;
    padding: 9px 10px;
    margin: 2rem 0 0 0;
    align-items: center; }
    .summary-price-discounts .summary-price-total .summary-price-total-title span {
      font-size: 16px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 0.85;
      letter-spacing: normal;
      text-align: right;
      color: #FF9900;
      align-self: flex-end; }
    .summary-price-discounts .summary-price-total .summary-price-total-amount span {
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 0.85;
      letter-spacing: normal;
      text-align: right;
      margin-left: 16px;
      color: #FF9900;
      display: flex;
      flex-flow: column;
      font-size: 16px; }
    .summary-price-discounts .summary-price-total .original {
      text-decoration: line-through;
      text-decoration-color: #d0021b;
      color: rgba(255, 100, 0, 0.7);
      font-size: 18px; }

.btn-payment-section {
  padding-bottom: 30px;
  display: flex;
  justify-content: center; }

.summary-price-total-amount {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.85;
  letter-spacing: normal;
  text-align: right;
  margin-left: 16px;
  color: #FF9900;
  display: flex;
  flex-flow: column;
  font-size: 20px; }
  .summary-price-total-amount .original {
    text-decoration: line-through;
    text-decoration-color: #d0021b;
    color: rgba(255, 100, 0, 0.7);
    font-size: 18px; }

@media screen and (min-width: 1100px) {
  .payment-title-mobile {
    display: none; } }

.payment-methods-container {
  padding-bottom: 20px; }

@media only screen and (max-width: 1099px) {
  .payment-method-container {
    display: block; }
  #payment-component .main-title {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.05;
    letter-spacing: -0.59px;
    color: #000;
    margin-bottom: 15px; }
  #payment-component .amount-policy-subtitle {
    display: none; }
  #payment-component .payment-methods-container {
    display: inline; }
    #payment-component .payment-methods-container .payment-method {
      margin-right: 3px;
      transform: scale(0.9); }
  #payment-component .paypal-info {
    display: none; }
  #payment-component .payment-methods-container-mobile {
    display: inline; }
    #payment-component .payment-methods-container-mobile .payment-method-container-mobile {
      display: inline-block;
      position: relative;
      width: 90px;
      height: 75px;
      margin-right: 20px;
      border-radius: 5px;
      border: 2px solid #ccc;
      box-shadow: 0 10px 39px 0 rgba(0, 0, 0, 0.11);
      background-color: #ffffff;
      box-shadow: 0 5px 20px 0 #d8d8d8; }
      #payment-component .payment-methods-container-mobile .payment-method-container-mobile input[type="checkbox"] {
        display: none !important;
        /* Add if not using autoprefixer */
        -webkit-appearance: none;
        /* Remove most all native input styles */
        appearance: none;
        /* For iOS < 15 */
        background-color: #fff;
        /* Not removed via appearance */
        margin: 0;
        font: inherit;
        color: currentColor;
        width: 20px;
        height: 20px;
        border: 2px solid #d8d8d8;
        border-radius: 50%;
        transform: translateY(-0.075em);
        display: grid;
        place-content: center;
        cursor: pointer;
        position: absolute;
        left: 0;
        bottom: -13px;
        z-index: 9;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 22px;
        height: 22px; }
      #payment-component .payment-methods-container-mobile .payment-method-container-mobile .payment-method-item-mobile {
        width: 100%;
        height: 100%;
        display: block; }
        #payment-component .payment-methods-container-mobile .payment-method-container-mobile .payment-method-item-mobile.card {
          background: url("https://static.iatiseguros.com/common/tunnel/payment/payment-method-card-visa-mastercard.svg") no-repeat center;
          background-size: 65px auto;
          filter: invert(0) !important; }
        #payment-component .payment-methods-container-mobile .payment-method-container-mobile .payment-method-item-mobile.cart-intranet {
          background: url("https://static.iatiseguros.com/common/tunnel/tarjeta-intranet.svg") no-repeat center;
          background-size: contain;
          transform: scale(0.6);
          filter: invert(0) !important; }
        #payment-component .payment-methods-container-mobile .payment-method-container-mobile .payment-method-item-mobile.paypal {
          background: url("https://static.iatiseguros.com/common/tunnel/Paypal.svg") no-repeat center;
          background-size: contain;
          transform: scale(0.9);
          filter: invert(0) !important; }
        #payment-component .payment-methods-container-mobile .payment-method-container-mobile .payment-method-item-mobile.transfer {
          background-size: 70px auto !important;
          filter: invert(0) !important; }
        #payment-component .payment-methods-container-mobile .payment-method-container-mobile .payment-method-item-mobile.transfer-1 {
          background: url("https://static.iatiseguros.com/common/tunnel/payment/payment-method-transfer-wiretransfer-es.svg") no-repeat center; }
        #payment-component .payment-methods-container-mobile .payment-method-container-mobile .payment-method-item-mobile.transfer-2 {
          background: url("https://static.iatiseguros.com/common/tunnel/payment/payment-method-transfer-wiretransfer-pt.svg") no-repeat center; }
        #payment-component .payment-methods-container-mobile .payment-method-container-mobile .payment-method-item-mobile.transfer-3 {
          background: url("https://static.iatiseguros.com/common/tunnel/payment/payment-method-transfer-wiretransfer-en.svg") no-repeat center; }
        #payment-component .payment-methods-container-mobile .payment-method-container-mobile .payment-method-item-mobile.transfer-4 {
          background: url("https://static.iatiseguros.com/common/tunnel/payment/payment-method-transfer-wiretransfer-en.svg") no-repeat center; }
        #payment-component .payment-methods-container-mobile .payment-method-container-mobile .payment-method-item-mobile.free {
          background: url("https://static.iatiseguros.com/common/tunnel/gratuidad.svg") no-repeat center;
          background-size: contain;
          transform: scale(0.5);
          filter: invert(0) !important; }
        #payment-component .payment-methods-container-mobile .payment-method-container-mobile .payment-method-item-mobile.cash {
          background: url("https://static.iatiseguros.com/common/tunnel/efectivo.svg") no-repeat center;
          background-size: contain;
          transform: scale(0.5);
          filter: invert(0) !important; }
        #payment-component .payment-methods-container-mobile .payment-method-container-mobile .payment-method-item-mobile.colaborator {
          background: url("https://static.iatiseguros.com/common/tunnel/pago-del-colaborador.svg") no-repeat center;
          background-size: contain;
          transform: scale(0.6);
          filter: invert(0) !important; }
  #payment-component .payment-amount-container {
    display: inline; }
    #payment-component .payment-amount-container .summary-price-discounts {
      display: inline;
      padding: 24px 0px 23px 0px; }
      #payment-component .payment-amount-container .summary-price-discounts .summary-price {
        display: flex;
        align-items: end;
        margin-bottom: 15px; }
        #payment-component .payment-amount-container .summary-price-discounts .summary-price:before {
          content: '';
          border-bottom: dotted;
          order: 1;
          flex: 1;
          border-color: #B7BCCC; }
        #payment-component .payment-amount-container .summary-price-discounts .summary-price span:last-of-type {
          order: 2; }
        #payment-component .payment-amount-container .summary-price-discounts .summary-price span:first-of-type {
          order: 0; }
        #payment-component .payment-amount-container .summary-price-discounts .summary-price .summary-price-icon {
          width: 20px;
          height: 20px; }
        #payment-component .payment-amount-container .summary-price-discounts .summary-price .summary-price-title {
          font-size: 16px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 0.85;
          letter-spacing: normal;
          color: #2E3548;
          padding-right: 8px; } }
        @media only screen and (max-width: 1099px) and (max-width: 575px) {
          #payment-component .payment-amount-container .summary-price-discounts .summary-price .summary-price-title {
            font-size: 16px; } }

@media only screen and (max-width: 1099px) {
        #payment-component .payment-amount-container .summary-price-discounts .summary-price .summary-price-amount {
          margin-left: auto;
          margin-top: -0.2rem;
          color: #FF9900;
          font-size: 16px;
          margin-top: -5px;
          padding-left: 8px; }
      #payment-component .payment-amount-container .summary-price-discounts .summary-price-ruler {
        width: 100%;
        border: solid 0.5px #dbdbdb; }
      #payment-component .payment-amount-container .summary-price-discounts .summary-price-total {
        display: flex;
        justify-content: space-between;
        background-color: #FFF7EB;
        border-radius: 0.5rem;
        padding: 1rem;
        margin: 2rem 0 0 0; }
        #payment-component .payment-amount-container .summary-price-discounts .summary-price-total .summary-price-total-title {
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 0.85;
          letter-spacing: normal;
          text-align: right;
          color: #FF9900;
          align-self: flex-end; }
    #payment-component .payment-amount-container .summary-price-payments {
      margin-bottom: 24px; }
      #payment-component .payment-amount-container .summary-price-payments .summary-price-payments-title {
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.1;
        letter-spacing: normal;
        color: #2E3548; }
  #payment-component .payment-btn {
    height: 49px;
    font-family: Arial;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    width: 100% !important;
    font-size: 18px !important; }
    #payment-component .payment-btn .payment-btn-amount-mobile {
      display: inline; }
  .payment-title-mobile {
    font-family: PFBeauSansPro;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.05;
    letter-spacing: -0.59px;
    color: #000;
    margin-bottom: 15px; }
  .btn-payment-section {
    padding-top: 30px;
    padding-bottom: 30px;
    display: 'flex';
    justify-content: 'flex-end'; }
  .number-of-travelers {
    display: none; } }

#currency-selector .selected-currency {
  outline: none;
  display: flex;
  border: none;
  align-items: center;
  background-color: transparent;
  padding: 10px 10px;
  border-radius: 10px;
  justify-content: center;
  color: #000;
  font-size: 15px;
  letter-spacing: -.02em;
  gap: 6px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s; }
  @media screen and (max-width: 1099px) {
    #currency-selector .selected-currency {
      background-color: #f5f5f5; } }
  #currency-selector .selected-currency:hover {
    background-color: #f5f5f5; }
  #currency-selector .selected-currency .currency-icon {
    width: 16px; }

#currency-selector .currency-icon {
  width: 24px; }

#currency-selector .currency-option-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px; }
  #currency-selector .currency-option-wrapper .currency-option-selected {
    background-color: #FFF7EC; }
  #currency-selector .currency-option-wrapper .currency-option {
    display: flex;
    padding: 10px 16px;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    transition: all 0.25s; }
    #currency-selector .currency-option-wrapper .currency-option:hover {
      background-color: #FFF7EC; }
    #currency-selector .currency-option-wrapper .currency-option .selected-currency-check-icon {
      width: 24px;
      height: 24px;
      background: #ff9900;
      padding: 4px;
      border-radius: 50%; }
    #currency-selector .currency-option-wrapper .currency-option .currency-info-wrapper {
      display: flex;
      align-items: center;
      gap: 12px; }
      #currency-selector .currency-option-wrapper .currency-option .currency-info-wrapper .currency-title-wrapper {
        display: flex;
        flex-direction: column; }
        #currency-selector .currency-option-wrapper .currency-option .currency-info-wrapper .currency-title-wrapper .currency-title {
          font-weight: bold; }
        #currency-selector .currency-option-wrapper .currency-option .currency-info-wrapper .currency-title-wrapper .currency-code {
          color: #6A6A6A; }

.modal-overlay {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  animation-duration: 0.16s;
  animation-timing-function: ease-out;
  animation-name: fadeIn; }
  .modal-overlay .modal {
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center; }
    .modal-overlay .modal .modal-wrapper {
      border-radius: 24px;
      background-color: #fff;
      padding: 40px;
      position: relative;
      width: 488px; }
      .modal-overlay .modal .modal-wrapper .modal-close {
        background-color: transparent;
        outline: none;
        border: none;
        cursor: pointer;
        width: 100%;
        text-align: right;
        padding: 0; }
        .modal-overlay .modal .modal-wrapper .modal-close img {
          display: inline; }
      .modal-overlay .modal .modal-wrapper .modal-content {
        color: #000;
        font-size: 16px; }
        .modal-overlay .modal .modal-wrapper .modal-content .modal-title {
          font-weight: 600;
          font-size: 24px;
          margin-bottom: 20px;
          margin-top: 0; }
      .modal-overlay .modal .modal-wrapper .modal-footer {
        display: flex;
        gap: 16px;
        margin-top: 40px; }
        .modal-overlay .modal .modal-wrapper .modal-footer .modal-cancel-btn {
          color: #FDA542;
          border: 2px solid #FDA542;
          border-radius: 12px;
          font-weight: 600;
          background-color: #fff;
          width: 100%;
          padding: 18px 0;
          font-size: 16px;
          cursor: pointer; }
        .modal-overlay .modal .modal-wrapper .modal-footer .modal-ok-btn {
          background-color: #FDA542;
          border: 2px solid #FDA542;
          border-radius: 12px;
          font-weight: 600;
          color: #fff;
          width: 100%;
          padding: 18px 0;
          font-size: 16px;
          cursor: pointer; }
      .modal-overlay .modal .modal-wrapper .modal-icon {
        text-align: center;
        margin-bottom: 35px;
        height: 40px; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.mobile-more-info-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100vh;
  width: 100vw;
  z-index: 999999; }
  .mobile-more-info-overlay .mobile-more-info-wrapper {
    background-color: #fff;
    position: fixed;
    width: 100%;
    bottom: -100%;
    left: 0;
    z-index: 999;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 20px;
    animation-duration: 0.25s;
    animation-timing-function: ease-out; }
    .mobile-more-info-overlay .mobile-more-info-wrapper.open {
      bottom: 0;
      animation-name: slideUp; }
    .mobile-more-info-overlay .mobile-more-info-wrapper button {
      background: none;
      color: inherit;
      border: none;
      padding: 0;
      font: inherit;
      cursor: pointer;
      outline: inherit; }
    .mobile-more-info-overlay .mobile-more-info-wrapper .mobile-more-info-title {
      font-size: 20px;
      font-weight: bold;
      margin-top: 0;
      margin-bottom: 20px; }
    .mobile-more-info-overlay .mobile-more-info-wrapper .mobile-more-info-text {
      font-weight: normal;
      line-height: 1.4;
      color: rgba(0, 0, 0, 0.75); }

.mobile-more-info-overlay-closed {
  visibility: hidden;
  height: 0px;
  width: 0; }

.mobile-more-info-button {
  display: inline;
  color: #ff9900;
  text-decoration: underline;
  cursor: pointer; }

@keyframes slideUp {
  0% {
    bottom: -100%; }
  100% {
    bottom: 0; } }

@media (min-width: 769px) {
  .mobile-more-info-wrapper {
    max-width: 60%;
    left: 20% !important;
    right: 20%; } }

.summary-main-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.39;
  color: #4a4a4a; }

#summary-info-component {
  max-width: 1190px;
  margin: 0 auto; }

.page-container {
  padding: 0 20px; }

@media screen and (max-width: 1200px) {
  .summary-main-title {
    margin-left: 10px;
    margin-right: 10px; } }

.policy-traveler-number {
  display: block;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.05;
  color: #F90;
  text-shadow: none;
  margin-left: unset;
  margin-bottom: 1rem; }

.summary-travelers-data-info {
  width: 100%;
  height: 33px;
  font-family: PFBeauSansPro;
  font-size: 33px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.05;
  letter-spacing: -0.59px;
  color: #1E222F;
  padding-bottom: 2rem;
  margin-bottom: 1rem;
  margin-top: 20px;
  display: flex; }

.traveler-data {
  font-size: 16px !important;
  font-weight: bold;
  line-height: 1;
  letter-spacing: normal;
  color: #4a4a4a;
  margin: 24px 0; }

.traveler-data ul {
  margin-left: -20px; }

.traveler-data li {
  margin-bottom: 12px; }

#data-info-font {
  font-weight: normal; }

.traveler-block-data {
  margin-left: 8px; }

.summary-container {
  display: flex;
  position: relative;
  flex-direction: column;
  border-bottom: solid 1px #dbdbdb;
  height: min-content;
  border-radius: 20px;
  box-shadow: 0 5px 20px 0 #d8d8d8;
  background-color: #ffffff;
  padding: 16px 21px 0px 40px;
  margin-bottom: 24px; }
  .summary-container .summary-content {
    display: flex;
    position: relative;
    flex-wrap: wrap; }
    .summary-container .summary-content.img-content {
      height: 145px;
      background-size: cover;
      background-position: center;
      margin-bottom: 30px;
      align-items: center;
      justify-content: left; }
      .summary-container .summary-content.img-content .policy-name {
        color: #fff;
        font-size: 36px;
        text-shadow: 1px 1px #000;
        max-width: 92%;
        margin: 0 4%;
        max-height: 72px;
        overflow: hidden;
        line-height: 1; }
      .summary-container .summary-content.img-content .policy-info {
        color: #fff;
        font-size: 18px;
        text-shadow: 1px 1px #000;
        max-width: 92%;
        margin: 0 4%;
        line-height: 1; }
    .summary-container .summary-content div .policy-icon {
      mask-size: contain;
      -webkit-mask-size: contain;
      background: #000;
      min-width: 45px;
      height: 45px;
      background: #9b9b9b;
      padding: 0;
      align-self: center;
      margin-right: 5px;
      display: inline-block;
      vertical-align: top; }
    .summary-container .summary-content div .summary-info {
      display: inline-block;
      vertical-align: top;
      width: auto; }
      .summary-container .summary-content div .summary-info .policy-info-info,
      .summary-container .summary-content div .summary-info .policy-info-tit {
        display: block; }
      .summary-container .summary-content div .summary-info .policy-info-tit {
        font-size: 13px;
        color: #9b9b9b; }
      .summary-container .summary-content div .summary-info .policy-info-info {
        width: 100%;
        font-size: 19.2px;
        color: #4a4a4a;
        font-weight: bold; }

.summary-payment-container {
  display: flex;
  position: relative;
  flex-direction: column;
  border-bottom: solid 1px #dbdbdb;
  border-radius: 20px;
  box-shadow: 0 5px 20px 0 #d8d8d8;
  background-color: #ffffff;
  padding: 24px 21px 0px 20px;
  margin-bottom: 24px; }
  .summary-payment-container .summary-content {
    display: flex;
    position: relative;
    flex-wrap: wrap; }
    .summary-payment-container .summary-content.img-content {
      height: 145px;
      background-size: cover;
      background-position: center;
      margin-bottom: 30px;
      align-items: center;
      justify-content: left; }
      .summary-payment-container .summary-content.img-content .policy-name {
        color: #fff;
        font-size: 36px;
        text-shadow: 1px 1px #000;
        max-width: 92%;
        margin: 0 4%;
        max-height: 72px;
        overflow: hidden;
        line-height: 1; }
      .summary-payment-container .summary-content.img-content .policy-info {
        color: #fff;
        font-size: 18px;
        text-shadow: 1px 1px #000;
        max-width: 92%;
        margin: 0 4%;
        line-height: 1; }
    .summary-payment-container .summary-content div .policy-icon {
      mask-size: contain;
      -webkit-mask-size: contain;
      background: #000;
      min-width: 45px;
      height: 45px;
      background: #9b9b9b;
      padding: 0;
      align-self: center;
      margin-right: 5px;
      display: inline-block;
      vertical-align: top; }
    .summary-payment-container .summary-content div .summary-info {
      display: inline-block;
      vertical-align: top;
      width: auto;
      margin-bottom: 30px; }
      .summary-payment-container .summary-content div .summary-info .policy-info-info,
      .summary-payment-container .summary-content div .summary-info .policy-info-tit {
        display: block; }
      .summary-payment-container .summary-content div .summary-info .policy-info-tit {
        font-size: 13px;
        color: #9b9b9b; }
      .summary-payment-container .summary-content div .summary-info .policy-info-info {
        width: 100%;
        font-size: 19.2px;
        color: #4a4a4a;
        font-weight: bold; }

@media screen and (min-width: 1100px) {
  .summary-payment-container {
    width: 40%; }
  .policy-traveler-number {
    width: 300px; }
  .summary-container {
    margin-right: 30px;
    width: 60%; }
  .traveler-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 19px; }
  .show-all-travelers {
    color: #F90;
    background: none;
    font-size: 18px;
    padding: 12px 0;
    border-radius: 5px;
    border-style: solid;
    border-color: #F90;
    border-width: 2px;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer; }
  .show-all-travelers #plus-travellers {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff7eb;
    text-align: center;
    line-height: 20px; }
  .show-all-travelers p {
    background: none; }
  .summary-container {
    padding-bottom: 30px; }
  .page-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
  .summary-wrapper {
    display: flex;
    position: relative;
    margin-top: 16px; }
  .go-back-button {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-top: 15px; }
  .go-back-button img {
    margin-right: 5px; } }

.summary-payment {
  width: 40%;
  display: inline-block;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  padding: 25px 28px 30px 40px; }

#payment-component {
  padding: 0px 20px 0px 20px; }

@media only screen and (max-width: 1099px) {
  .go-back-button {
    display: none; }
  #payment-component {
    padding: 0; }
  .traveler-block-data {
    margin-left: 0; }
  .summary-main-title {
    width: 70px;
    height: 20px;
    font-family: PFBeauSansPro;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.05;
    letter-spacing: -0.59px;
    color: #4a4a4a; }
  .summary-travelers-data-info {
    font-size: 19px;
    margin-top: 0; }
  .payment-title-mobile {
    margin-top: 0;
    font-size: 20px;
    margin-bottom: 20px; }
  .line-separator {
    border-bottom: 1px solid #B7BCCC; }
  .policy-traveler-number {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.05;
    color: #F90;
    text-shadow: none;
    margin-left: unset;
    margin-bottom: 16px; }
  .extra-travelers-summary-info {
    margin-top: -1.7rem;
    padding-bottom: 1rem; }
  .show-all-travelers {
    background: none;
    border: none;
    color: #F90;
    font-size: 16px;
    text-align: left;
    text-decoration: underline;
    padding-bottom: 24px;
    padding-top: 24px; }
  .traveler-data {
    font-size: 16px !important;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #4C536B; }
  .traveler-data ul {
    margin-left: -15px; }
  .traveler-data li {
    margin-bottom: 1rem; }
  .summary-container {
    display: flex;
    flex-direction: column;
    border-bottom: solid 1px #dbdbdb;
    width: 100%;
    box-shadow: 0 5px 20px 0 #d8d8d8;
    background-color: #ffffff;
    padding: 24px 21px 0px 20px;
    margin: 16px 0; }
    .summary-container .img-content {
      background-image: none; }
    .summary-container .summary-content {
      align-items: center;
      justify-content: space-between;
      display: flex;
      margin-bottom: -18px; }
      .summary-container .summary-content.img-content {
        height: 60px;
        margin-bottom: 16px !important;
        background-image: none !important; }
        .summary-container .summary-content.img-content .policy-name {
          font-size: 19px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.05;
          color: #F90;
          text-shadow: none;
          margin-left: unset; }
        .summary-container .summary-content.img-content .policy-name::after {
          content: "\A";
          white-space: pre; }
        .summary-container .summary-content.img-content .policy-info {
          font-size: 14px;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          color: #4a4a4a;
          text-shadow: none;
          margin-left: unset; }
      .summary-container .summary-content #num-travelers {
        order: 1; }
      .summary-container .summary-content #country-origin {
        order: 2; }
      .summary-container .summary-content #origin-travelers {
        order: 3; }
      .summary-container .summary-content #destination-travelers {
        order: 4; }
      .summary-container .summary-content #start-date {
        order: 5; }
      .summary-container .summary-content #end-date {
        order: 6; }
      .summary-container .summary-content .policy-selected-name {
        display: none; }
      .summary-container .summary-content .policy-info-info {
        font-size: 14px !important; }
      .summary-container .summary-content div .summary-info .policy-info-info {
        font-size: 16px !important;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #4a4a4a; }
      .summary-container .summary-content div .summary-info .policy-info-tit {
        font-family: Arial;
        font-size: 12.3px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.1;
        letter-spacing: normal;
        color: #757575; }
      .summary-container .summary-content span.policy-icon {
        display: none; }
  .summary-payment {
    display: block;
    width: 100%;
    border: 0;
    float: inherit;
    margin-bottom: 100px;
    padding: 10px 15px; }
    .summary-payment .main-title {
      font-size: 30px; }
    .summary-payment .amount {
      font-size: 28px !important; }
  .summary-container-mobile {
    padding-bottom: 3rem; } }

#finish-budget-component {
  margin: 0 auto;
  text-align: center;
  line-height: unset; }
  #finish-budget-component p {
    margin: revert; }
  #finish-budget-component .iati-logo {
    position: relative; }
    #finish-budget-component .iati-logo img {
      position: absolute;
      left: 40px;
      top: -123px; }
      @media only screen and (max-width: 767px) {
        #finish-budget-component .iati-logo img {
          left: 50%;
          top: -110px;
          transform: translateX(-50%);
          width: 113px; } }
  #finish-budget-component .KO-icon {
    background: url("https://static.iatiseguros.com/common/tunnel/denegado.svg") no-repeat center;
    height: 100px;
    margin: 20px auto; }
  #finish-budget-component .OK-icon {
    background: url("https://static.iatiseguros.com/common/tunnel/correcto.svg") no-repeat center;
    height: 100px;
    margin: 140px auto 0; }
  #finish-budget-component .main-title {
    font-size: 36px;
    margin: 50px 0; }
  #finish-budget-component .payment-finish-email-info,
  #finish-budget-component .payment-finish-review-info {
    text-align: center;
    margin: 0 auto; }
  #finish-budget-component .payment-finish-email-info {
    max-width: 725px;
    color: #000000;
    font-size: 27px;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
      #finish-budget-component .payment-finish-email-info {
        padding: 0 5%;
        font-size: 20px; } }
  #finish-budget-component .payment-finish-review-info {
    font-size: 24px;
    color: #9b9b9b;
    margin-top: 20px; }
    @media only screen and (max-width: 767px) {
      #finish-budget-component .payment-finish-review-info {
        font-size: 20px;
        padding: 0 3%; } }
  #finish-budget-component .return-btn {
    max-width: 200px !important;
    margin: 30px auto;
    margin-bottom: 15px; }
  #finish-budget-component .return-btn-portugal {
    max-width: 280px !important;
    margin: 30px auto;
    margin-bottom: 15px; }
  #finish-budget-component .title-content {
    position: absolute;
    top: -30px;
    left: 0;
    border: 3px solid #f6f6f6;
    z-index: -1;
    padding: 6px 10px;
    border-radius: 10px;
    border-bottom-left-radius: 0; }
    #finish-budget-component .title-content p {
      margin: 0;
      color: #4a4a4a;
      font-weight: normal;
      font-size: 16px; }
  #finish-budget-component .all-summary {
    margin: 0 2%; }
  #finish-budget-component .finished-policy-details-container {
    text-align: left;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
    margin-bottom: 70px;
    display: flex;
    flex-direction: row;
    box-shadow: none;
    border: none;
    background-color: #f6f6f6;
    border-radius: 10px;
    border-top-left-radius: 0;
    position: relative; }
    @media screen and (max-width: 830px) {
      #finish-budget-component .finished-policy-details-container {
        width: 100% !important; } }
    #finish-budget-component .finished-policy-details-container .flex-table {
      display: flex;
      padding: 24px 40px 24px 40px;
      flex-grow: 1;
      justify-content: space-between;
      gap: 93px; }
      @media screen and (max-width: 700px) {
        #finish-budget-component .finished-policy-details-container .flex-table {
          padding: 20px 17px !important;
          flex-direction: column;
          gap: 0 !important; }
          #finish-budget-component .finished-policy-details-container .flex-table ul {
            margin: 0; } }
      @media screen and (min-width: 700px) and (max-width: 1024px) {
        #finish-budget-component .finished-policy-details-container .flex-table {
          gap: 10px !important;
          padding: 21px 19px 24px 21px; } }
      #finish-budget-component .finished-policy-details-container .flex-table .purchase-details-wrapper {
        list-style: none;
        display: flex;
        flex-direction: column;
        padding-left: 0;
        gap: 10px; }
        @media screen and (max-width: 700px) {
          #finish-budget-component .finished-policy-details-container .flex-table .purchase-details-wrapper {
            margin-bottom: 18px; } }
        #finish-budget-component .finished-policy-details-container .flex-table .purchase-details-wrapper .purchase-details-item {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 20px;
          height: min-content;
          justify-content: space-between; }
          @media screen and (max-width: 700px) {
            #finish-budget-component .finished-policy-details-container .flex-table .purchase-details-wrapper .purchase-details-item {
              grid-template-columns: 1.5fr 1fr; } }
          #finish-budget-component .finished-policy-details-container .flex-table .purchase-details-wrapper .purchase-details-item .purchase-details-item-name,
          #finish-budget-component .finished-policy-details-container .flex-table .purchase-details-wrapper .purchase-details-item .item-value-bold {
            font-weight: bold; }
          #finish-budget-component .finished-policy-details-container .flex-table .purchase-details-wrapper .purchase-details-item .purchase-details-item-name, #finish-budget-component .finished-policy-details-container .flex-table .purchase-details-wrapper .purchase-details-item .purchase-details-item-value {
            font-size: calc(min(4vw, 16px)); }
      #finish-budget-component .finished-policy-details-container .flex-table .travel-details-wrapper {
        list-style: none;
        display: flex;
        flex-direction: column;
        padding-left: 0;
        gap: 10px; }
        @media screen and (max-width: 700px) {
          #finish-budget-component .finished-policy-details-container .flex-table .travel-details-wrapper:last-of-type {
            margin-top: 10px; } }
        #finish-budget-component .finished-policy-details-container .flex-table .travel-details-wrapper .travel-details-item {
          display: flex;
          align-items: baseline;
          gap: 5px;
          position: relative; }
          #finish-budget-component .finished-policy-details-container .flex-table .travel-details-wrapper .travel-details-item img {
            position: absolute; }
          @media screen and (max-width: 700px) {
            #finish-budget-component .finished-policy-details-container .flex-table .travel-details-wrapper .travel-details-item {
              display: block; } }
        #finish-budget-component .finished-policy-details-container .flex-table .travel-details-wrapper .item-text-wrapper {
          display: flex;
          flex-direction: column;
          gap: 10px; }
          @media screen and (max-width: 700px) {
            #finish-budget-component .finished-policy-details-container .flex-table .travel-details-wrapper .item-text-wrapper {
              display: grid;
              grid-template-columns: 1.5fr 1fr;
              gap: 20px !important; } }
          #finish-budget-component .finished-policy-details-container .flex-table .travel-details-wrapper .item-text-wrapper .item-text-title {
            font-weight: bold;
            padding-left: 24px;
            font-size: calc(min(4vw, 16px)); }
          #finish-budget-component .finished-policy-details-container .flex-table .travel-details-wrapper .item-text-wrapper .item-text-value {
            padding-left: 24px;
            font-size: calc(min(4vw, 16px)); }
            @media screen and (max-width: 700px) {
              #finish-budget-component .finished-policy-details-container .flex-table .travel-details-wrapper .item-text-wrapper .item-text-value {
                padding-left: 0; } }
    #finish-budget-component .finished-policy-details-container .flex-table {
      display: flex;
      justify-content: space-between;
      gap: 93px; }
      #finish-budget-component .finished-policy-details-container .flex-table .order-name {
        display: block;
        margin-bottom: 15px;
        font-size: 16px; }
      #finish-budget-component .finished-policy-details-container .flex-table .order-name p,
      #finish-budget-component .finished-policy-details-container .flex-table .order-name span {
        margin: 15px;
        margin-left: 0; }
      #finish-budget-component .finished-policy-details-container .flex-table .order-details {
        display: block;
        margin-bottom: 15px;
        font-size: 16px;
        margin-right: 80px; }
        @media only screen and (min-width: 768px) and (max-width: 800px) {
          #finish-budget-component .finished-policy-details-container .flex-table .order-details {
            margin-right: 50px; } }
      #finish-budget-component .finished-policy-details-container .flex-table .order-details p {
        margin: 15px; }
    #finish-budget-component .finished-policy-details-container .travel-details {
      display: flex;
      margin-top: -3px;
      margin-right: 20px; }
      #finish-budget-component .finished-policy-details-container .travel-details .info-block {
        display: block; }
      #finish-budget-component .finished-policy-details-container .travel-details .first-details,
      #finish-budget-component .finished-policy-details-container .travel-details .second-details {
        display: block;
        font-size: 16px; }
        #finish-budget-component .finished-policy-details-container .travel-details .first-details .info-block-title-container,
        #finish-budget-component .finished-policy-details-container .travel-details .second-details .info-block-title-container {
          display: flex;
          position: relative; }
        #finish-budget-component .finished-policy-details-container .travel-details .first-details .info-block-title-container img,
        #finish-budget-component .finished-policy-details-container .travel-details .second-details .info-block-title-container img {
          position: absolute;
          left: -27px; }
      #finish-budget-component .finished-policy-details-container .travel-details .first-details {
        min-width: 180px;
        padding-right: 60px; }
      #finish-budget-component .finished-policy-details-container .travel-details .policy-tit {
        font-weight: bold;
        margin-bottom: 13px; }
    #finish-budget-component .finished-policy-details-container .travel-details-international {
      display: flex;
      margin-top: 14px; }
      #finish-budget-component .finished-policy-details-container .travel-details-international .info-block {
        display: block;
        margin-bottom: 17px; }
      #finish-budget-component .finished-policy-details-container .travel-details-international .first-details,
      #finish-budget-component .finished-policy-details-container .travel-details-international .second-details {
        display: block;
        font-size: 16px; }
        #finish-budget-component .finished-policy-details-container .travel-details-international .first-details .info-block-title-container,
        #finish-budget-component .finished-policy-details-container .travel-details-international .second-details .info-block-title-container {
          display: flex;
          align-items: center; }
        #finish-budget-component .finished-policy-details-container .travel-details-international .first-details .info-block-title-container img,
        #finish-budget-component .finished-policy-details-container .travel-details-international .second-details .info-block-title-container img {
          margin-top: -10px;
          margin-right: 5px; }
      #finish-budget-component .finished-policy-details-container .travel-details-international .first-details {
        min-width: 180px;
        padding-right: 60px; }
      #finish-budget-component .finished-policy-details-container .travel-details-international .policy-tit {
        font-weight: bold;
        margin-bottom: 13px;
        margin-left: 22px; }
  @media only screen and (min-width: 767px) {
    #finish-budget-component .travel-info-mobile {
      display: none; } }
  @media only screen and (max-width: 767px) {
    #finish-budget-component .all-summary {
      width: 100%;
      padding: 0 5%; }
    #finish-budget-component .finished-policy-details-container {
      min-width: 100%; }
      #finish-budget-component .finished-policy-details-container .flex-table {
        justify-content: space-between; }
        #finish-budget-component .finished-policy-details-container .flex-table .order-info {
          margin-right: 0 !important; }
      #finish-budget-component .finished-policy-details-container .travel-info-mobile {
        margin-top: 20px; }
        #finish-budget-component .finished-policy-details-container .travel-info-mobile .order-info {
          margin-bottom: -5px !important; }
      #finish-budget-component .finished-policy-details-container .order-name {
        display: block;
        font-size: 18px; }
        #finish-budget-component .finished-policy-details-container .order-name .info-row {
          display: flex; }
          #finish-budget-component .finished-policy-details-container .order-name .info-row img {
            width: 18px;
            margin-top: -10px;
            margin-right: 10px; }
      #finish-budget-component .finished-policy-details-container .order-name p {
        margin: 0 !important;
        margin-bottom: 10px !important; }
      #finish-budget-component .finished-policy-details-container .order-details {
        margin-top: -15px;
        margin-right: 0 !important; }
        #finish-budget-component .finished-policy-details-container .order-details .policy-info-mobile p {
          margin-bottom: -6px !important; }
      #finish-budget-component .finished-policy-details-container .travel-details {
        display: none;
        margin-left: 25px;
        margin-top: -20px; }
        #finish-budget-component .finished-policy-details-container .travel-details .first-details {
          padding: 0; }
        #finish-budget-component .finished-policy-details-container .travel-details .info-block {
          display: flex;
          align-items: center; }
        #finish-budget-component .finished-policy-details-container .travel-details .policy-tit {
          margin-bottom: 0 !important; }
        #finish-budget-component .finished-policy-details-container .travel-details .policy-info {
          margin-top: 15px !important; }
        #finish-budget-component .finished-policy-details-container .travel-details .info-block-title-container {
          min-width: 77%; } }
      @media only screen and (max-width: 767px) and (max-width: 414px) {
        #finish-budget-component .finished-policy-details-container .travel-details .info-block-title-container {
          min-width: 65%; } }
  #finish-budget-component .documents-container {
    width: 65%;
    background-color: #f6f6f6;
    padding: 25px 3%;
    border-radius: 0 10px 10px 10px;
    margin-bottom: 80px;
    min-width: 38%;
    display: flex;
    justify-content: center;
    position: relative; }
    @media screen and (max-width: 700px) {
      #finish-budget-component .documents-container {
        width: 100%;
        padding: 25px 25px; } }
    #finish-budget-component .documents-container .summary-documents {
      width: 100%;
      font-size: 18px;
      font-weight: bold;
      gap: 20px; }
      #finish-budget-component .documents-container .summary-documents .pdf-content {
        display: flex;
        justify-content: space-between;
        gap: 5px; }
        @media screen and (max-width: 360px) {
          #finish-budget-component .documents-container .summary-documents .pdf-content {
            flex-wrap: wrap; } }
        #finish-budget-component .documents-container .summary-documents .pdf-content a {
          display: flex;
          align-items: center; }
        #finish-budget-component .documents-container .summary-documents .pdf-content .pdf-title {
          font-size: calc(min(13px, 6vw)) !important; }
      #finish-budget-component .documents-container .summary-documents .no-documents {
        font-size: 16px;
        font-weight: normal; }
      #finish-budget-component .documents-container .summary-documents .document-item {
        box-sizing: border-box;
        vertical-align: top;
        text-decoration: inherit;
        height: 55px;
        margin: 5px 0; }
        #finish-budget-component .documents-container .summary-documents .document-item .pdf-icon {
          display: inline-block;
          width: calc(min(40px, 9vw));
          height: 54px;
          background: url("https://static.iatiseguros.com/common/tunnel/pdf.png") no-repeat center;
          background-size: contain;
          box-sizing: border-box;
          margin-right: 10px; }
        #finish-budget-component .documents-container .summary-documents .document-item .pdf-title {
          display: inline-block;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 16px;
          color: #4a4a4a;
          font-weight: normal;
          width: calc(100% - 50px);
          padding: 7px 0;
          text-align: left; }
        #finish-budget-component .documents-container .summary-documents .document-item.small {
          height: 24px; }
          #finish-budget-component .documents-container .summary-documents .document-item.small .pdf-icon {
            width: 24px;
            height: 24px;
            background: url("https://static.iatiseguros.com/common/tunnel/pdf-small.svg") no-repeat center; }
          #finish-budget-component .documents-container .summary-documents .document-item.small .pdf-title {
            width: calc(100% - 34px);
            line-height: 20px;
            font-size: 14px; }
  #finish-budget-component .banner-container {
    background-image: url("https://static.iatiseguros.com/common/imgs/medical-app-chat-banner.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 178px;
    border-radius: 10px;
    margin-bottom: 100px;
    line-height: 1.18; }
    @media only screen and (max-width: 1024px) {
      #finish-budget-component .banner-container {
        padding-bottom: 10px; } }
    @media only screen and (max-width: 660px) {
      #finish-budget-component .banner-container {
        padding-bottom: 10px;
        height: max-content; } }
    @media only screen and (max-width: 414px) {
      #finish-budget-component .banner-container {
        margin-top: 100px; } }
    #finish-budget-component .banner-container .banner-info {
      display: block;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        #finish-budget-component .banner-container .banner-info {
          display: block; } }
      #finish-budget-component .banner-container .banner-info .banner-logo {
        position: absolute;
        width: calc(min(132px, 30vw));
        top: -9px;
        left: 15px; }
        @media only screen and (max-width: 660px) {
          #finish-budget-component .banner-container .banner-info .banner-logo {
            left: -7px; } }
        @media only screen and (max-width: 550px) {
          #finish-budget-component .banner-container .banner-info .banner-logo {
            left: -10px;
            top: -12px; } }
        @media only screen and (max-width: 375px) {
          #finish-budget-component .banner-container .banner-info .banner-logo {
            left: -16px;
            top: -12px; } }
      #finish-budget-component .banner-container .banner-info .info-first-block {
        color: #FFFFFF; }
        #finish-budget-component .banner-container .banner-info .info-first-block .banner-title p {
          font-size: calc(min(24px, 5vw));
          margin-bottom: 20px;
          margin-top: 24px; }
        #finish-budget-component .banner-container .banner-info .info-first-block .banner-title {
          padding: 6px 0 0 126px;
          font-weight: bold;
          text-align: left; }
          @media only screen and (max-width: 660px) {
            #finish-budget-component .banner-container .banner-info .info-first-block .banner-title {
              padding: 6px 0 0 100px; } }
          @media only screen and (max-width: 550px) {
            #finish-budget-component .banner-container .banner-info .info-first-block .banner-title {
              padding: 1px 0 0 80px; } }
          @media only screen and (min-width: 414px) and (max-width: 549px) {
            #finish-budget-component .banner-container .banner-info .info-first-block .banner-title {
              padding: 5px 0 0 96px; } }
          @media only screen and (min-width: 414px) and (max-width: 375px) {
            #finish-budget-component .banner-container .banner-info .info-first-block .banner-title {
              padding: 1px 0 0 72px; } }
        @media (max-width: 550px) {
          #finish-budget-component .banner-container .banner-info .info-first-block .banner-slogan p span {
            font-size: 13px; } }
        #finish-budget-component .banner-container .banner-info .info-first-block .banner-slogan {
          margin: -19px 0 0 126px;
          font-size: 20px;
          text-align: left;
          width: max-content; }
          @media only screen and (max-width: 660px) {
            #finish-budget-component .banner-container .banner-info .info-first-block .banner-slogan {
              margin: -19px 0 0 100px;
              text-align: left; } }
          @media only screen and (max-width: 550px) {
            #finish-budget-component .banner-container .banner-info .info-first-block .banner-slogan {
              margin: -24px 0 0 79px;
              text-align: left; } }
          @media only screen and (min-width: 414px) and (max-width: 549px) {
            #finish-budget-component .banner-container .banner-info .info-first-block .banner-slogan {
              margin: -24px 0 0 95px; } }
          @media only screen and (min-width: 414px) and (max-width: 375px) {
            #finish-budget-component .banner-container .banner-info .info-first-block .banner-slogan {
              margin: -24px 0 0 72px; } }
          #finish-budget-component .banner-container .banner-info .info-first-block .banner-slogan .banner-slogan-title {
            letter-spacing: 0.25px;
            font-size: calc(min(15px, 5vw)) !important; }
            @media only screen and (max-width: 660px) {
              #finish-budget-component .banner-container .banner-info .info-first-block .banner-slogan .banner-slogan-title {
                margin-bottom: 13px; } }
            @media only screen and (max-width: 767px) {
              #finish-budget-component .banner-container .banner-info .info-first-block .banner-slogan .banner-slogan-title {
                letter-spacing: 0px; } }
          #finish-budget-component .banner-container .banner-info .info-first-block .banner-slogan .banner-slogan-subtitle {
            margin-top: -13px;
            font-size: calc(min(11px, 3vw)) !important; }
      #finish-budget-component .banner-container .banner-info .info-second-block {
        display: block; }
        #finish-budget-component .banner-container .banner-info .info-second-block .info-block-advantages {
          display: flex;
          justify-content: start;
          margin-top: -12px;
          margin-left: 47px; }
          @media screen and (max-width: 660px) {
            #finish-budget-component .banner-container .banner-info .info-second-block .info-block-advantages {
              margin-left: 26px;
              margin-top: 17px;
              margin-bottom: -10px; } }
          @media screen and (max-width: 550px) {
            #finish-budget-component .banner-container .banner-info .info-second-block .info-block-advantages {
              padding-right: 10px; } }
          @media screen and (max-width: 414px) {
            #finish-budget-component .banner-container .banner-info .info-second-block .info-block-advantages {
              padding: 0 24px;
              margin-top: -18px;
              margin-left: 0; } }
          @media screen and (max-width: 375px) {
            #finish-budget-component .banner-container .banner-info .info-second-block .info-block-advantages {
              padding: 0 13px;
              margin-top: -10px;
              margin-bottom: -10px;
              margin-left: 0; } }
        #finish-budget-component .banner-container .banner-info .info-second-block .advantages {
          display: flex;
          justify-content: space-between;
          background-color: #FFFFFF;
          border-radius: 10px;
          color: #F18600;
          margin: 20px 5px 20px 5px;
          font-size: calc(min(11px, 3vw));
          padding: 8px;
          box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.2); }
          #finish-budget-component .banner-container .banner-info .info-second-block .advantages p {
            margin: 0;
            text-align: left; }
          #finish-budget-component .banner-container .banner-info .info-second-block .advantages img {
            width: 15px;
            height: 15px;
            margin-right: 8px;
            margin-top: -1px; }
        #finish-budget-component .banner-container .banner-info .info-second-block .banner-button span {
          text-decoration: none;
          color: white;
          border-radius: 4px;
          font-size: 14px;
          font-weight: bold;
          background-color: #F18600;
          padding: 6px 18px; }
  #finish-budget-component img {
    max-width: unset !important; }
  #finish-budget-component .banner-container-mx {
    background-image: url("https://static.iatiseguros.com/common/imgs/johnny-africa-app.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 160px;
    border-radius: 10px;
    margin-bottom: 100px;
    line-height: 1.18; }
    @media only screen and (max-width: 1024px) {
      #finish-budget-component .banner-container-mx {
        height: max-content;
        padding-bottom: 10px; } }
    @media only screen and (max-width: 414px) {
      #finish-budget-component .banner-container-mx {
        margin-top: 100px; } }
    @media only screen and (max-width: 660px) {
      #finish-budget-component .banner-container-mx {
        padding-bottom: 10px;
        height: max-content;
        padding-bottom: 10px; } }
    #finish-budget-component .banner-container-mx .banner-info-mx {
      display: flex;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        #finish-budget-component .banner-container-mx .banner-info-mx {
          display: block; } }
      #finish-budget-component .banner-container-mx .banner-info-mx .banner-logo-mx {
        position: absolute;
        width: calc(min(120px, 30vw));
        top: -9px;
        left: -7px; }
        @media only screen and (max-width: 414px) {
          #finish-budget-component .banner-container-mx .banner-info-mx .banner-logo-mx {
            left: -20px; } }
      #finish-budget-component .banner-container-mx .banner-info-mx .info-first-block-mx {
        color: #FFFFFF; }
        #finish-budget-component .banner-container-mx .banner-info-mx .info-first-block-mx .banner-title-mx p {
          font-size: calc(min(24px, 5vw));
          margin-bottom: 20px;
          margin-top: 24px; }
        #finish-budget-component .banner-container-mx .banner-info-mx .info-first-block-mx .banner-title-mx {
          padding: 26px 0 0 99px;
          font-weight: bold; }
          @media only screen and (min-width: 1024px) {
            #finish-budget-component .banner-container-mx .banner-info-mx .info-first-block-mx .banner-title-mx {
              max-width: 420px;
              text-align: left;
              margin-top: -28px;
              margin-bottom: 30px; } }
          @media only screen and (max-width: 1024px) {
            #finish-budget-component .banner-container-mx .banner-info-mx .info-first-block-mx .banner-title-mx {
              padding: 24px 0 0 0; } }
          @media only screen and (max-width: 414px) {
            #finish-budget-component .banner-container-mx .banner-info-mx .info-first-block-mx .banner-title-mx {
              padding: 33px 0 0 0; } }
        #finish-budget-component .banner-container-mx .banner-info-mx .info-first-block-mx .banner-slogan-mx {
          margin: -13px 0 0 28px;
          font-size: 20px;
          text-align: left;
          width: max-content; }
          @media only screen and (max-width: 1024px) {
            #finish-budget-component .banner-container-mx .banner-info-mx .info-first-block-mx .banner-slogan-mx {
              margin: 0 auto;
              font-weight: bold;
              text-align: center; } }
          @media only screen and (max-width: 414px) {
            #finish-budget-component .banner-container-mx .banner-info-mx .info-first-block-mx .banner-slogan-mx {
              margin: -10px 0 0 15px;
              text-align: left; } }
          #finish-budget-component .banner-container-mx .banner-info-mx .info-first-block-mx .banner-slogan-mx .banner-slogan-title-mx {
            letter-spacing: 0.25px;
            font-size: calc(min(20px, 5vw)) !important; }
            @media only screen and (max-width: 660px) {
              #finish-budget-component .banner-container-mx .banner-info-mx .info-first-block-mx .banner-slogan-mx .banner-slogan-title-mx {
                margin-bottom: 13px;
                font-size: calc(min(15px, 5vw)) !important; } }
            @media only screen and (max-width: 767px) {
              #finish-budget-component .banner-container-mx .banner-info-mx .info-first-block-mx .banner-slogan-mx .banner-slogan-title-mx {
                letter-spacing: 0px; } }
          #finish-budget-component .banner-container-mx .banner-info-mx .info-first-block-mx .banner-slogan-mx .banner-slogan-subtitle-mx {
            margin-top: -13px;
            font-size: calc(min(11px, 3vw)) !important; }
      #finish-budget-component .banner-container-mx .banner-info-mx .info-second-block-mx {
        display: block;
        position: relative;
        right: -85px;
        top: 21px; }
        @media screen and (max-width: 1024px) {
          #finish-budget-component .banner-container-mx .banner-info-mx .info-second-block-mx {
            right: 0px;
            top: -16px; } }
        #finish-budget-component .banner-container-mx .banner-info-mx .info-second-block-mx .info-block-advantages-mx {
          display: flex; }
          @media screen and (max-width: 1024px) {
            #finish-budget-component .banner-container-mx .banner-info-mx .info-second-block-mx .info-block-advantages-mx {
              justify-content: center; } }
          @media screen and (max-width: 414px) {
            #finish-budget-component .banner-container-mx .banner-info-mx .info-second-block-mx .info-block-advantages-mx {
              margin: 0 3%; } }
        #finish-budget-component .banner-container-mx .banner-info-mx .info-second-block-mx .advantages-mx {
          display: block;
          position: relative;
          background-color: #FFFFFF;
          border-radius: 10px;
          color: #F18600;
          margin: 20px 5px 20px 5px;
          font-size: calc(min(11px, 3vw));
          padding: 0px;
          padding-top: 15px; }
          #finish-budget-component .banner-container-mx .banner-info-mx .info-second-block-mx .advantages-mx p {
            margin: 0;
            margin-bottom: 6px; }
          #finish-budget-component .banner-container-mx .banner-info-mx .info-second-block-mx .advantages-mx img {
            width: 11px;
            margin-top: 6px;
            position: absolute;
            left: 0;
            top: 3px;
            right: 0;
            margin: 0 auto; }
        #finish-budget-component .banner-container-mx .banner-info-mx .info-second-block-mx .banner-button-mx span {
          text-decoration: none;
          color: white;
          border-radius: 4px;
          font-size: 14px;
          font-weight: bold;
          background-color: #F18600;
          padding: 6px 18px;
          position: relative;
          right: 11px; }

#transfer-view-component .header-section, #transfer-view-component .client-info-container, #transfer-view-component .btn-container, #transfer-view-component .section {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px; }

#transfer-view-component .header-section .main-title {
  font-size: 30px;
  font-weight: bold;
  margin: 25px 0; }

#transfer-view-component .header-section .payment-info-container {
  list-style: none;
  margin: 0 0 40px;
  padding: 0;
  font-size: 16px; }
  #transfer-view-component .header-section .payment-info-container .reference-container {
    background-color: #F6F6F6;
    margin: 10px 0 25px 0;
    padding: 10px 25px 10px;
    border-radius: 10px;
    width: fit-content;
    gap: 5px; }
    #transfer-view-component .header-section .payment-info-container .reference-container .reference-title {
      font-size: 20px;
      margin: 2px 0 0; }
    #transfer-view-component .header-section .payment-info-container .reference-container .clipboard-help-text {
      text-align: center;
      margin-bottom: 15px;
      font-style: italic;
      font-size: 12px; }
    #transfer-view-component .header-section .payment-info-container .reference-container .clipboard-reference {
      background: white;
      padding: 20px 30px;
      position: relative;
      border-radius: 10px;
      display: flex;
      align-items: center;
      width: fit-content;
      cursor: pointer;
      margin: 20px auto;
      margin-bottom: 5px;
      transition: all 1s; }
      #transfer-view-component .header-section .payment-info-container .reference-container .clipboard-reference:hover svg {
        color: #EF7D00;
        transition: all 200ms ease; }
      #transfer-view-component .header-section .payment-info-container .reference-container .clipboard-reference .clipboard-icon {
        margin-left: 10px;
        display: flex; }
        #transfer-view-component .header-section .payment-info-container .reference-container .clipboard-reference .clipboard-icon:after {
          content: attr(tooltip);
          bottom: -30px;
          left: 0;
          padding: 5px;
          border-radius: 10px;
          font-size: 0.8rem;
          opacity: 0;
          pointer-events: none;
          position: absolute;
          background-color: #000000;
          color: #ffffff;
          transform: translateY(-10px) translateX(60%);
          transition: all 300ms ease;
          text-align: center; }
      #transfer-view-component .header-section .payment-info-container .reference-container .clipboard-reference .clipboard-icon-enabled:after {
        opacity: 1;
        transform: translateY(0) translateX(60%); }
      #transfer-view-component .header-section .payment-info-container .reference-container .clipboard-reference .clipboard-text {
        font-family: monospace;
        font-weight: bold;
        margin: 0; }
  #transfer-view-component .header-section .payment-info-container li {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    gap: 10px; }
    #transfer-view-component .header-section .payment-info-container li .check-info-tit {
      width: 17px;
      min-width: 17px; }

#transfer-view-component .section {
  margin-bottom: 40px; }
  #transfer-view-component .section .label {
    border-radius: 10px 10px 0 0;
    padding: 6px;
    border: 5px solid #F6F6F6; }
  #transfer-view-component .section .container {
    background-color: #F6F6F6;
    margin: 10px 0 10px 0;
    padding: 10px 25px 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-radius: 0 10px 10px 10px;
    row-gap: 22px;
    column-gap: 80px; }
    #transfer-view-component .section .container .transfer-payment-finish-card {
      display: flex;
      flex-direction: column; }
      #transfer-view-component .section .container .transfer-payment-finish-card .card-icon {
        width: 14px;
        margin-right: 10px; }
      #transfer-view-component .section .container .transfer-payment-finish-card .content-card {
        line-height: 1.7em; }
      #transfer-view-component .section .container .transfer-payment-finish-card .visible-icon {
        margin-left: 24px; }
      #transfer-view-component .section .container .transfer-payment-finish-card .bold {
        font-weight: bold; }
      #transfer-view-component .section .container .transfer-payment-finish-card .orange {
        color: #EF7D00; }
  #transfer-view-component .section .two-columns {
    width: fit-content;
    grid-template-columns: repeat(2, 1fr); }
  #transfer-view-component .section .one-column {
    border-radius: 10px;
    width: fit-content;
    grid-template-columns: 1fr; }

#transfer-view-component .client-info-container {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
  padding: 10px 0 20px;
  border-top: solid 1px #d3d3d3;
  border-bottom: solid 1px #d3d3d3; }
  #transfer-view-component .client-info-container .user-info-info,
  #transfer-view-component .client-info-container .user-info-tit {
    display: inline-block;
    width: 49%;
    margin-right: 1%;
    vertical-align: top;
    font-size: 16px; }
  #transfer-view-component .client-info-container .user-main-tit {
    color: #ff9900;
    font-size: 16px; }
  #transfer-view-component .client-info-container .user-info-tit {
    font-size: 16px; }
  #transfer-view-component .client-info-container .user-info-info {
    font-size: 16px;
    color: #4a4a4a;
    font-weight: bold;
    margin: 5px 1% 16px 0;
    overflow: hidden;
    text-overflow: ellipsis; }

#transfer-view-component .btn-container {
  display: flex;
  color: #ff9900;
  margin-top: 15px;
  margin-bottom: 80px;
  gap: 35px; }
  #transfer-view-component .btn-container .import-container {
    margin-left: auto;
    margin-top: 5px;
    font-weight: bold; }
  #transfer-view-component .btn-container .btn-transfer {
    display: flex;
    height: 43px;
    padding: 10px 24px 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 5px;
    background: linear-gradient(90deg, #F90 0%, #FFB200 100%);
    box-shadow: 0 4px 6px 0 rgba(102, 61, 0, 0.3);
    color: #fff;
    font-size: 16px;
    border: 0;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
    font-weight: 600; }

#transfer-view-component .transfer-total-price {
  display: block; }

#transfer-view-component .transfer-total-price-mobile {
  display: none; }

@media only screen and (max-width: 768px) {
  #transfer-view-component .header-section, #transfer-view-component .client-info-container, #transfer-view-component .btn-container, #transfer-view-component .section {
    margin-left: 28px;
    margin-right: 28px; }
  #transfer-view-component .header-section .main-title {
    font-size: 28px;
    text-align: center; }
  #transfer-view-component .transfer-total-price {
    display: none; }
  #transfer-view-component .transfer-total-price-mobile {
    display: block;
    color: #ff9900;
    margin: auto 10px; }
  #transfer-view-component .btn-container {
    gap: 10px;
    margin-bottom: 80px;
    padding: 0 10px; }
  #transfer-view-component .client-info-container {
    display: block; }
  #transfer-view-component .clipboard-reference {
    margin-top: 40px !important; }
  #transfer-view-component .one-line-mobile .container {
    width: auto; }
    #transfer-view-component .one-line-mobile .container .transfer-payment-finish-card {
      display: grid;
      column-gap: 10px;
      grid-template-columns: 0.8fr 1.2fr; }
  #transfer-view-component .one-line-mobile .one-column {
    width: fit-content; }
  #transfer-view-component .section .container {
    grid-template-columns: 1fr; } }

.apple-pay-button {
  display: inline-block;
  -webkit-appearance: -apple-pay-button;
  appearance: -apple-pay-button;
  cursor: pointer;
  width: 100%;
  border-radius: 5px; }

.apple-pay-button-black {
  -apple-pay-button-style: black; }

.apple-pay-button-white-with-line {
  -apple-pay-button-style: white-outline; }

.google-pay-button-container {
  display: inline-block;
  width: 100%; }

#app-component .tooltip-container + .input-text {
  padding-right: 40px; }

#app-component .input-text {
  width: 100%;
  height: 37px !important;
  font-size: 16px;
  border: 0;
  border-bottom: 1px solid #dbdbdb;
  font-family: inherit;
  -webkit-appearance: none;
  border-radius: 0;
  box-sizing: border-box;
  padding: 0 10px;
  cursor: text; }
  #app-component .input-text::placeholder {
    color: #9b9b9b; }
  #app-component .input-text:focus {
    outline: 0;
    border-bottom: 1px solid #ff9900; }

#app-component .btn {
  width: 100%;
  box-shadow: 0px 4px 6px rgba(255, 153, 0, 0.3);
  background: linear-gradient(90deg, #F90 0%, #FFB300 100%);
  color: #fff;
  font-size: 16px;
  padding: 10px;
  border: 0;
  border-radius: 5px;
  box-sizing: border-box;
  outline: none;
  cursor: pointer; }



/*# sourceMappingURL=purchase-tunnel.css.map*/