ul {
  margin: 0;
}
ul.list-unstyled {
  margin: 0;
}

strong {
  font-weight: 600;
}

h1 {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 2rem 0 1rem;
}
h1 a {
  display: inline-flex;
  font-size: 0.6875rem;
  color: #4D7294;
  background-color: rgb(255, 255, 255);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  align-items: center;
  text-decoration: none;
}
h1 a .svg-icon {
  width: 1rem;
  height: 1rem;
  margin-left: 0.25rem;
}
h1 a .svg-icon path {
  stroke: #4D7294;
}
h1 a:hover {
  color: rgb(255, 255, 255);
  background-color: #1679D5;
}
h1 a:hover .svg-icon path {
  stroke: rgb(255, 255, 255);
}
h1 span {
  display: block;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #4D7294;
}

h2 {
  font-size: 1.125rem;
  font-weight: 600;
}

h5 {
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-weight: 600;
}

.svg-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
  transition: 0.1s ease;
}

.btn {
  border-radius: 0.25rem;
  font-size: 0.6875rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  border: none;
  padding: 0.75rem 1rem;
  line-height: 1.5;
  transition: 0.2s ease;
}
.btn span {
  display: block;
}
.btn .svg-icon + span, .btn span + .svg-icon, .btn .svg-icon + strong, .btn strong + .svg-icon {
  margin-left: 0.5rem;
}
.btn.btn-main {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
}
.btn.btn-main strong {
  color: rgb(255, 255, 255);
}
.btn.btn-main .svg-icon path {
  stroke: rgb(255, 255, 255);
}
.btn.btn-main:hover {
  background-color: #003566;
  color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
}
.btn.btn-sec {
  background-color: #F0573B;
  color: rgb(255, 255, 255);
}
.btn.btn-sec path {
  stroke: rgb(255, 255, 255);
}
.btn.btn-sec:hover, .btn.btn-sec:focus {
  background-color: #F0573B;
  color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.6);
  -o-box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.6);
  box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.6);
}
.btn.btn-line {
  background-color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0 0 1px #73AFE6;
  -o-box-shadow: 0 0 0 1px #73AFE6;
  box-shadow: 0 0 0 1px #73AFE6;
  color: #1679D5;
}
.btn.btn-line:hover {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.btn.btn-facebook {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 132, 255);
  -ms-box-shadow: 0 0 0 1px rgb(0, 132, 255);
  -o-box-shadow: 0 0 0 1px rgb(0, 132, 255);
  box-shadow: 0 0 0 1px rgb(0, 132, 255);
}
.btn.btn-facebook:hover {
  background-color: rgb(0, 132, 255);
  color: rgb(255, 255, 255);
}
.btn.btn-link {
  background-color: transparent;
  color: #1A4975;
  text-decoration: none;
  background-color: rgb(240, 243, 245);
}
.btn.btn-link .svg-icon path {
  stroke: #4D7294;
}
.btn.btn-link:hover {
  background-color: #E6EBF0;
}
.btn.btn-red {
  background-color: rgb(214, 40, 40);
  color: rgb(255, 255, 255);
}
.btn.btn-red .svg-icon path {
  stroke: rgb(255, 255, 255);
}
.btn.btn-red:hover, .btn.btn-red:focus {
  background-color: rgb(214, 40, 40);
  -ms-box-shadow: 0 0.5rem 1rem rgba(214, 40, 40, 0.6);
  -o-box-shadow: 0 0.5rem 1rem rgba(214, 40, 40, 0.6);
  box-shadow: 0 0.5rem 1rem rgba(214, 40, 40, 0.6);
}
.btn.btn-redline {
  -ms-box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.1);
  -o-box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.1);
  box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.1);
  color: rgb(214, 40, 40);
}
.btn.btn-redline strong {
  color: rgb(214, 40, 40);
}
.btn.btn-redline:hover {
  -ms-box-shadow: 0 0 0 1px rgb(214, 40, 40);
  -o-box-shadow: 0 0 0 1px rgb(214, 40, 40);
  box-shadow: 0 0 0 1px rgb(214, 40, 40);
}
.btn.phone-btn {
  background-color: rgb(139, 195, 74);
  color: rgb(255, 255, 255);
  padding: 0.5rem;
  position: relative;
  animation: bgPulse 1s linear infinite;
}
.btn.phone-btn .svg-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.btn.phone-btn .svg-icon path {
  fill: rgb(255, 255, 255);
  stroke: none;
}
.btn.btn-change-direction {
  background-color: #1679D5;
  width: 2rem;
  height: 2rem;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.btn.btn-change-direction path {
  stroke: rgb(255, 255, 255);
}
.btn.mobile-nav-btn {
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  background-color: #1679D5;
}
.btn.mobile-nav-btn .svg-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.btn.mobile-nav-btn .svg-icon path {
  stroke: rgb(255, 255, 255);
}
.btn.btn-white {
  background-color: rgb(255, 255, 255);
  color: #4D7294;
  padding: 0.5rem;
}
.btn.btn-white:hover {
  -ms-box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.1);
}
.btn.btn-green {
  background-color: rgb(139, 195, 74);
  color: rgb(255, 255, 255);
  padding: 0.75rem 1.5rem;
}
.btn.btn-green span {
  text-transform: uppercase;
}
.btn.btn-green:hover {
  -ms-box-shadow: 0 0.5rem 1rem rgba(139, 195, 74, 0.6);
  -o-box-shadow: 0 0.5rem 1rem rgba(139, 195, 74, 0.6);
  box-shadow: 0 0.5rem 1rem rgba(139, 195, 74, 0.6);
}
.btn.btn-orange {
  background-color: rgb(255, 193, 7);
  color: rgb(255, 255, 255);
  padding: 0.75rem 1.5rem;
}
.btn.btn-orange span {
  text-transform: uppercase;
}
.btn.btn-orange:hover {
  -ms-box-shadow: 0 0.5rem 1rem rgba(255, 193, 7, 0.6);
  -o-box-shadow: 0 0.5rem 1rem rgba(255, 193, 7, 0.6);
  box-shadow: 0 0.5rem 1rem rgba(255, 193, 7, 0.6);
}
.btn.btn-light {
  color: #1A4975;
}
.btn.btn-light:hover {
  background-color: #E6EBF0;
}
.btn.btn-circle {
  padding: 0.5rem;
  border-radius: 50%;
}
.btn.btn-circle img {
  margin: 0;
}
.btn.btn-pulse {
  animation: pulse-white 1s infinite;
}
.btn.btn-outline-primary {
  border: 1px solid #0d6efd;
}
.btn.btn-outline-main {
  -ms-box-shadow: inset 0 0 0 1px rgba(22, 121, 213, 0.7);
  -o-box-shadow: inset 0 0 0 1px rgba(22, 121, 213, 0.7);
  box-shadow: inset 0 0 0 1px rgba(22, 121, 213, 0.7);
}
.btn.btn-shadow:hover {
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.25);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.25);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.25);
}

.mb-45 {
  margin-bottom: 2rem !important;
}

.form-control, .form-select {
  font-size: 0.8125rem;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  border: none;
  color: #1A4975;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  border-radius: 0.25rem;
}
.form-control::-moz-placeholder, .form-select::-moz-placeholder {
  color: #809AB2;
  font-weight: 400;
}
.form-control::placeholder, .form-select::placeholder {
  color: #809AB2;
  font-weight: 400;
}
.form-control:focus, .form-select:focus {
  color: #1A4975;
}

.form-select {
  padding-right: 2.25rem;
}

.form-label {
  color: #1A4975;
  font-size: 0.8125rem;
  margin-bottom: 0.25rem;
}

.form-floating .form-select {
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  border: none;
  color: #1A4975;
  font-weight: 600;
}
.form-floating .invalid-feedback {
  position: absolute;
  bottom: -1.25rem;
  margin: 0;
  left: 0;
}

.form-check .form-check-label {
  cursor: pointer;
  color: #4D7294;
  font-weight: 600;
}
.form-check .form-check-label:hover {
  color: #1A4975;
}
.form-check .form-check-input:checked ~ .form-check-label {
  color: #1A4975;
}
.form-check .form-check-input:checked {
  background-color: #1679D5;
}

.form-check-input {
  margin-top: 0.125rem;
}

.error {
  position: relative;
}
.error .form-select, .error .form-control, .error .selected-option, .error.login-number-container {
  -ms-box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.6);
  -o-box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.6);
  box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.6);
}
.error .error-text {
  display: block;
}
.error.custom-verification .form-control {
  -ms-box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.6);
  -o-box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.6);
  box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.6);
}

.error-text {
  color: rgb(214, 40, 40);
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0 0.25rem;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}

.seperate {
  text-align: center;
  display: block;
}
.seperate span {
  font-size: 0.6875rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  position: relative;
}
.seperate span:before, .seperate span:after {
  content: "";
  display: block;
  height: 1px;
  width: 100px;
  background-color: rgba(0, 0, 0, 0.1);
  top: 50%;
  position: absolute;
}
.seperate span:before {
  left: 125%;
}
.seperate span:after {
  right: 125%;
}

.custom-verification {
  position: relative;
}
.custom-verification .form-control {
  font-size: 1.125rem;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background-color: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
}

@keyframes bgPulse {
  from {
    -ms-box-shadow: 0 0 0 0.125rem rgb(139, 195, 74);
    -o-box-shadow: 0 0 0 0.125rem rgb(139, 195, 74);
    box-shadow: 0 0 0 0.125rem rgb(139, 195, 74);
  }
  to {
    -ms-box-shadow: 0 0 0 0.5rem transparent;
    -o-box-shadow: 0 0 0 0.5rem transparent;
    box-shadow: 0 0 0 0.5rem transparent;
  }
}
@keyframes loader {
  0% {
    transform: translateX(0rem);
    background-color: #1679D5;
  }
  20% {
    transform: translateX(-3rem);
    background-color: #F0573B;
  }
  40% {
    transform: translateX(-6rem);
    background-color: rgb(139, 195, 74);
  }
  60% {
    transform: translateX(-9rem);
    background-color: rgb(214, 40, 40);
  }
  80% {
    transform: translateX(-12rem);
    background-color: rgb(255, 193, 7);
  }
  100% {
    transform: translateX(-15rem);
    background-color: #1679D5;
  }
}
.swiper-button-next, .swiper-button-prev {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0.25rem;
  border-radius: 50%;
  width: auto;
  height: auto;
  margin: auto;
  top: 50%;
  -ms-box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.1);
  transform: translateY(-50%);
  transition: 0.2s ease;
}
.swiper-button-next .svg-icon, .swiper-button-prev .svg-icon {
  width: 2rem;
  height: 2rem;
}
.swiper-button-next:after, .swiper-button-prev:after {
  display: none;
}
.swiper-button-next:hover .svg-icon path, .swiper-button-prev:hover .svg-icon path {
  stroke: #1679D5;
}

.swiper-button-prev {
  left: 0;
}

.swiper-button-next {
  right: 0;
}

.table-responsive {
  padding: 1px;
}

.table {
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
}
.table td, .table th, .table tbody > tr:nth-of-type(odd) > * {
  color: #1A4975;
}
.table.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.5rem;
}
.table tbody {
  border-top: 2px solid #B3C2D1 !important;
}

.modal h5.modal-title {
  font-size: 1.125rem;
}
.modal .warning-block {
  padding: 0;
  border: none;
  background-color: rgb(255, 255, 255);
  margin: 0;
}
.modal .single + .single {
  border-top: 1px dotted #E6EBF0;
  padding-top: 1rem;
}
.modal .modal-action {
  padding: 1rem;
  border: 1px dashed #E6EBF0;
  background-color: rgb(240, 243, 245);
  border-radius: 0.25rem;
}
.modal .modal-action .form-check {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.modal .modal-action .form-check .form-check-input {
  margin-top: 0;
}
.modal .modal-action .form-check .form-check-label {
  padding: 0.5rem;
}

@keyframes planeFloat {
  0% {
    width: 40%;
  }
  50% {
    width: 45%;
  }
  100% {
    width: 40%;
  }
}
@keyframes chevronIndicator {
  0% {
    transform: translateY(-50%);
  }
  25% {
    transform: translateY(-25%);
  }
  100% {
    transform: translateY(-50%);
  }
}
@keyframes chevronIndicator1 {
  0% {
    transform: translateY(-50%) rotate(180deg);
  }
  75% {
    transform: translateY(-25%) rotate(180deg);
  }
  100% {
    transform: translateY(-50%) rotate(180deg);
  }
}
@keyframes cloud1 {
  from {
    bottom: 100%;
  }
  to {
    bottom: -20%;
  }
}
@keyframes globe {
  0% {
    left: 20%;
  }
  50% {
    left: -80%;
  }
  100% {
    left: 20%;
  }
}
@keyframes search {
  0% {
    transform: rotate(0deg);
    left: 10%;
    top: 10%;
  }
  25% {
    transform: rotate(50deg);
    left: 60%;
    top: 30%;
  }
  50% {
    transform: rotate(20deg);
    left: 20%;
    top: 60%;
  }
  75% {
    transform: rotate(50deg);
    left: 50%;
    top: 20%;
  }
  100% {
    transform: trotate(0deg);
    left: 10%;
    top: 10%;
  }
}
@keyframes number {
  0% {
    top: 20%;
  }
  50% {
    top: 50%;
  }
  100% {
    top: 20%;
  }
}
.svg-icon.warning path {
  fill: rgb(214, 40, 40);
}

.alert {
  border-radius: 0.5rem;
}
.alert .btn-close {
  width: 0.75rem;
  height: 0.75rem;
  background-size: 25% 25%;
}
.alert.alert-warning {
  background-color: rgba(255, 193, 7, 0.1);
  border: 1px dashed rgba(255, 193, 7, 0.3);
  color: #003566;
}
.alert.alert-danger {
  background-color: rgba(214, 40, 40, 0.1);
  border: 1px dashed rgba(214, 40, 40, 0.3);
  color: rgb(214, 40, 40);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
}

.offcanvas .offcanvas-header h5 {
  margin: 0;
  font-size: 1.125rem;
}
.offcanvas .offcanvas-body .person {
  display: flex;
  align-items: center;
}
.offcanvas .offcanvas-body .person h5 {
  color: #1679D5;
}
.offcanvas .offcanvas-body .person p, .offcanvas .offcanvas-body .person h5 {
  margin: 0;
}
.offcanvas .offcanvas-body .person p {
  font-size: 0.8125rem;
  color: #4D7294;
  margin-left: 0.5rem;
}
.offcanvas .offcanvas-body .input-group {
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  border-radius: 0.25rem;
}
.offcanvas .offcanvas-body .input-group .form-control {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.offcanvas .offcanvas-body .input-group .btn-light .svg-icon {
  width: 1rem;
  height: 1rem;
}
.offcanvas .offcanvas-body .input-group .btn-light .svg-icon path {
  fill: #4D7294;
}
.offcanvas .offcanvas-body .input-group.is-invalid {
  -ms-box-shadow: 0 0 0 1px #dc3545;
  -o-box-shadow: 0 0 0 1px #dc3545;
  box-shadow: 0 0 0 1px #dc3545;
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

.font24 {
  font-size: 1.5rem;
}

.font14 {
  font-size: 0.8125rem;
}

input.new-form-control, textarea.new-form-control, select.new-form-control {
  -ms-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
  background-color: #E8F2FB;
  border: none;
  padding: 0.75rem;
  border-radius: 0.25rem;
  outline: none;
  font-size: 0.8125rem;
}
input.new-form-control:focus, textarea.new-form-control:focus, select.new-form-control:focus {
  color: #1A4975;
  background-color: #E8F2FB;
}
input.new-form-control::-moz-placeholder, textarea.new-form-control::-moz-placeholder, select.new-form-control::-moz-placeholder {
  color: #809AB2;
  font-weight: 400;
}
input.new-form-control::placeholder, textarea.new-form-control::placeholder, select.new-form-control::placeholder {
  color: #809AB2;
  font-weight: 400;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 0.25rem;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgb(240, 243, 245);
  cursor: pointer;
  border-radius: 0.25rem;
}

.text-red {
  color: rgb(214, 40, 40);
}

.fw-medium, .fw-semibold {
  font-weight: 600;
}

.fs-10 {
  font-size: 0.625rem !important;
}

.fs-12 {
  font-size: 0.75rem !important;
}

.fs-13 {
  font-size: 0.8125rem !important;
}

.fs-14 {
  font-size: 0.875rem !important;
}

.fc-main {
  color: #1679D5 !important;
}

.fc-sec {
  color: #F0573B !important;
}

.fc-dark {
  color: #003566 !important;
}

.fc-green {
  color: rgb(139, 195, 74) !important;
}

.fc-gray {
  color: #4D7294 !important;
}

.fc-white {
  color: white !important;
}

.fc-darkcyan {
  color: darkcyan;
}

.fc-lightseagreen {
  color: lightseagreen;
}

.bg-main {
  background-color: #1679D5 !important;
}

.bg-background {
  background-color: rgb(240, 243, 245) !important;
}

.bg-lightmain {
  background-color: rgba(22, 121, 213, 0.1) !important;
}

.bg-gray {
  background-color: rgba(0, 53, 102, 0.7) !important;
}

.bg-lightgray {
  background-color: rgba(0, 53, 102, 0.05) !important;
}

.btn-dark {
  background-color: #003566 !important;
}

.bg-sec {
  background-color: #F0573B !important;
}

.bg-green {
  background-color: rgb(139, 195, 74) !important;
}

.bg-lightyellow {
  background-color: lightyellow !important;
}

.bg-main-1 {
  background-color: rgba(22, 121, 213, 0.1);
}

.bg-alice {
  background-color: aliceblue;
}

.bg-darkGreen {
  background-color: lightseagreen;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-help {
  cursor: help !important;
}

.h-8 {
  height: 0.5rem !important;
}

.h-12 {
  height: 0.75rem !important;
}

.h-16 {
  height: 1rem !important;
}

.h-20 {
  height: 1.25rem !important;
}

.h-24 {
  height: 1.5rem !important;
}

.h-32 {
  height: 2rem !important;
}

.h-36 {
  height: 2.25rem !important;
}

.h-40 {
  height: 2.5rem !important;
}

.h-44 {
  height: 2.75rem !important;
}

.h-48 {
  height: 3rem !important;
}

.h-56 {
  height: 3.5rem !important;
}

.h-64 {
  height: 4rem !important;
}

.h-128 {
  height: 8rem !important;
}

.h-256 {
  height: 16rem !important;
}

.wh-1 {
  width: 1rem !important;
  height: 1rem !important;
}

.wh-2 {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.wh-3 {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.wh-4 {
  width: 2rem !important;
  height: 2rem !important;
}

.wh-5rem {
  width: 5rem !important;
  height: 5rem !important;
}

.mx-n3 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.w-lg-100 {
  width: 100% !important;
}

.border-main {
  border-color: rgba(22, 121, 213, 0.25) !important;
}

.white-space-nowrap {
  white-space: nowrap;
}

.zindex-1 {
  z-index: 1;
}

.zindex-0 {
  z-index: 0;
}

.w-16 {
  width: 1rem !important;
}

.w-32 {
  width: 2rem !important;
}

.w-48 {
  width: 3rem !important;
}

.w-64 {
  width: 4rem !important;
}

.w-80 {
  width: 5rem !important;
}

.w-128 {
  width: 8rem !important;
}

.w-256 {
  width: 16rem !important;
}

.ratio11 {
  aspect-ratio: 1/1;
}

.ratio143 {
  aspect-ratio: 4/3;
}

.ratio169 {
  aspect-ratio: 16/9;
}

.objectContain {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.objectCover {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.maxw-50 {
  max-width: 50% !important;
}

.maxw-100 {
  max-width: 100% !important;
}

.noArrowSelect {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-size: 0.5rem 0.5rem;
  background-position: right 0.5rem center;
}

.mb-n-1 {
  margin-bottom: -0.25rem;
}

.mb-n-2 {
  margin-bottom: -0.5rem;
}

.mb-n-3 {
  margin-bottom: -0.75rem;
}

.mb-n-4 {
  margin-bottom: -1rem;
}

.mt-n-1 {
  margin-top: -0.25rem;
}

.mt-n-2 {
  margin-top: -0.5rem;
}

.mt-n-3 {
  margin-top: -0.75rem;
}

.mt-n-4 {
  margin-top: -1rem;
}

.ms-n-1 {
  margin-left: -0.25rem;
}

.ms-n-2 {
  margin-left: -0.5rem;
}

.ms-n-3 {
  margin-left: -0.75rem;
}

.ms-n-4 {
  margin-left: -1rem;
}

.me-n-1 {
  margin-right: -0.25rem;
}

.me-n-2 {
  margin-right: -0.5rem;
}

.me-n-3 {
  margin-right: -0.75rem;
}

.me-n-4 {
  margin-right: -1rem;
}

.fc-tapapoint {
  color: #5c0099 !important;
}

.bg-tapapoint {
  background-color: #5c0099 !important;
}

.text-truncate-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: wrap !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

body {
  font-family: var(--ff-main);
  font-size: 0.8125rem;
  color: #003566;
  background-color: rgb(240, 243, 245);
  line-height: 1.3;
}

header {
  position: sticky;
  top: 0;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  background-color: rgb(255, 255, 255);
  z-index: 3;
}
header .web-call {
  position: absolute;
  top: calc(100% + 0.75rem);
  right: 0;
  padding: 0.5rem 0;
}
header .web-call .btn {
  padding: 0.5rem 0.75rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
header .web-call .btn .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-bottom: 0.0625rem;
}
header .web-call .btn p {
  margin: 0 0 0 0.25rem;
}
header .phone-number a {
  font-size: 0.8125rem;
  text-decoration: none;
  color: #1A4975;
  font-weight: 700;
  padding: 0.75rem 0;
  border-radius: 0.25rem;
  font-size: 1.125rem;
  transition: 0.2s ease;
}
header .phone-number a .svg-icon {
  margin-bottom: 0.125rem;
}
header .phone-number a .svg-icon path {
  fill: #1A4975;
  stroke: transparent;
}
header .phone-number a strong {
  white-space: nowrap;
}
header .phone-number a:hover {
  color: #1679D5;
}
header .phone-number a:hover .svg-icon path {
  fill: #1679D5;
}
header .header-action {
  position: relative;
}
header .header-action > li + li {
  margin-left: 1rem;
}
header .header-action li {
  position: relative;
  z-index: 2;
}
header .header-action .user-menu {
  position: relative;
}
header .header-action .user-menu .user-btn {
  background-color: rgb(240, 243, 245);
  padding: 0.5rem 1rem;
}
header .header-action .user-menu .user-btn .image {
  width: 2rem;
  height: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 50%;
}
header .header-action .user-menu .user-btn strong {
  margin: 0 0.5rem;
  font-size: 0.8125rem;
  color: #1A4975;
}
header .header-action .user-menu .user-btn .svg-icon path {
  stroke: #809AB2;
}
header .header-action .user-menu:hover .user-btn {
  background-color: rgb(255, 255, 255);
}
header .header-action .user-menu:hover .user-btn strong {
  color: #1679D5;
}
header .header-action .user-menu:hover .user-btn .svg-icon {
  transform: rotate(180deg);
}
header .header-action .user-menu:hover .user-btn .svg-icon path {
  stroke: #1679D5;
}
header .header-action .user-menu:hover .user-drop {
  visibility: visible;
  opacity: 1;
  height: auto;
}
header .header-action .user-menu .user-drop {
  background-color: rgb(255, 255, 255);
  padding: 0 1rem;
  position: absolute;
  right: 0;
  top: 100%;
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  min-width: 15rem;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s ease;
  height: 0;
  max-height: 25rem;
  overflow: hidden;
}
header .header-action .user-menu .user-drop li {
  margin: 0.25rem 0;
}
header .header-action .user-menu .user-drop li:first-child {
  margin-top: 1rem;
}
header .header-action .user-menu .user-drop li:last-child {
  margin-bottom: 1rem;
}
header .header-action .user-menu .user-drop li.leave .btn {
  color: rgb(214, 40, 40);
}
header .header-action .user-menu .user-drop li.leave:hover .btn {
  background-color: rgba(214, 40, 40, 0.1);
  color: rgb(214, 40, 40);
}
header .header-action .user-menu .user-drop li:hover .btn {
  background-color: rgb(240, 243, 245);
}
header .header-action .user-menu .user-drop li.active .btn {
  color: #1679D5;
  background-color: rgb(240, 243, 245);
}
header .header-action .user-menu .user-drop .btn {
  font-size: 0.8125rem;
  white-space: nowrap;
  width: 100%;
  color: #1A4975;
}
header .header-action .phone-action {
  position: relative;
}
header .header-action .phone-action.active .call-drop {
  display: flex;
}
header .header-action .phone-action .call-drop {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  min-width: 20rem;
  background-color: rgb(255, 255, 255);
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), 0 0 0 1px #F2F5F7;
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), 0 0 0 1px #F2F5F7;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), 0 0 0 1px #F2F5F7;
  transition: 0.2s ease;
  display: none;
}
header .header-action .phone-action .call-drop p {
  font-size: 0.8125rem;
  color: #4D7294;
  margin: 0 0 0.5rem;
  text-align: center;
}
header .header-action .phone-action .call-drop .btn-sec {
  background-color: #F0573B;
  padding: 0.5rem;
}
header .header-action .phone-action .call-drop .login-number-drop {
  min-width: 50%;
  top: 100%;
}
header .header-action .phone-action .call-drop .btn-call {
  justify-content: center;
  background-color: #F3F8FD;
  padding: 0.5rem;
}
header .header-action .phone-action .call-drop .btn-call:hover {
  background-color: rgb(139, 195, 74);
}
header .header-action .phone-action .call-drop .btn-call:hover strong {
  color: rgb(255, 255, 255);
}
header .header-action .phone-action .call-drop .btn-call:hover .svg-icon path {
  stroke: none;
  fill: rgb(255, 255, 255);
}
header .header-action .phone-action .call-drop .btn-call strong {
  color: #1A4975;
  font-size: 0.8125rem;
  font-weight: 400;
  display: block;
}
header .header-action .phone-action .call-drop .btn-call .svg-icon {
  flex-shrink: 0;
}
header .header-action .phone-action .call-drop .btn-call .svg-icon path {
  stroke: none;
  fill: rgb(139, 195, 74);
}
header .left-side .logo {
  display: block;
}
header .left-side ul {
  margin-left: 3rem;
  position: relative;
  padding-left: 2.5rem;
}
header .left-side ul:before {
  content: "";
  width: 1px;
  height: 2rem;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #E6EBF0;
}
header .left-side ul a {
  font-size: 0.8125rem;
  text-decoration: none;
  color: #4D7294;
  padding: 1.5rem 0.5rem;
  position: relative;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
}
header .left-side ul a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0.125rem;
  background-color: #1679D5;
  left: 50%;
  transition: 0.2s ease;
  opacity: 0;
}
header .left-side ul .active a, header .left-side ul li:hover a {
  color: #1679D5;
}
header .left-side ul .active a:before, header .left-side ul li:hover a:before {
  opacity: 1;
  width: 100%;
  left: 0;
}

.header-drop {
  border-radius: 0.25rem;
  position: relative;
}
.header-drop .image {
  height: 1rem;
  border-radius: 0.125rem;
}
.header-drop .selected {
  cursor: pointer;
  margin: 0;
  padding: 0.75rem 0.25rem;
  position: relative;
}
.header-drop ul {
  position: absolute;
  top: 50%;
  background-color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.5rem 1rem #E6EBF0;
  -o-box-shadow: 0 0.5rem 1rem #E6EBF0;
  box-shadow: 0 0.5rem 1rem #E6EBF0;
  border-radius: 0.25rem;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  left: -0.75rem;
  transition: 0.2s ease;
}
.header-drop ul .svg-icon {
  opacity: 0;
  margin-left: 0.5rem;
}
.header-drop ul strong {
  width: 2rem;
  text-align: center;
}
.header-drop ul .active .btn {
  background-color: rgb(240, 243, 245);
}
.header-drop ul .active .svg-icon {
  opacity: 1;
}
.header-drop ul .active .svg-icon path {
  stroke: rgb(139, 195, 74);
}
.header-drop ul li:hover {
  background-color: rgb(240, 243, 245);
}
.header-drop:hover ul {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.login-container {
  padding: 3.5rem 0;
}
.login-container .login-text {
  color: #4D7294;
  font-weight: 400;
  font-size: 0.8125rem;
}
.login-container .login-text a {
  color: #1A4975;
}
.login-container .login-text a:hover {
  color: #1679D5;
}
.login-container .login-side-banner {
  display: block;
  overflow: hidden;
  border-radius: 0.25rem;
}
.login-container .login-side-banner img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
}
.login-container .login-form-container {
  background-color: rgb(255, 255, 255);
  padding: 2rem;
  border-radius: 0.5rem;
}
.login-container .login-form-container .top-tab {
  margin-bottom: 2.5rem;
  border-bottom: 2px solid #E6EBF0;
}
.login-container .login-form-container .top-tab li {
  width: 50%;
}
.login-container .login-form-container .top-tab li:hover .btn {
  background-color: rgb(240, 243, 245);
}
.login-container .login-form-container .top-tab .btn {
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
  color: #4D7294;
  justify-content: center;
  margin-bottom: -2px;
}
.login-container .login-form-container .top-tab .active .btn {
  border-radius: 0;
  color: #1679D5;
  border-bottom: 2px solid #1679D5;
}
.login-container .login-form-container .verification-text {
  font-size: 0.8125rem;
  color: #4D7294;
  margin: 0;
}
.login-container .login-form-container .timer-and-code {
  background-color: rgb(240, 243, 245);
  border-radius: 0.5rem;
  padding: 1rem 1rem 2rem;
}
.login-container .login-form-container .timer-and-code h5 {
  font-size: 1.125rem;
  color: #809AB2;
}

.slide-wrap {
  position: relative;
  min-height: 15rem;
}
.slide-wrap.list-header-image {
  padding: 3rem 0 0 0;
  margin-bottom: 1rem;
}
.slide-wrap.list-header-image .main-search-form {
  position: relative;
  bottom: -1rem;
}
.slide-wrap.list-header-image .list-header-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.main-slide {
  z-index: 1;
  position: relative;
}
.main-slide .swiper-slide img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.main-slide .swiper-slide:before {
  content: "";
  display: block;
  padding-bottom: 22.5%;
}
.main-slide .swiper-slide .mobile {
  display: none;
}
.main-slide .swiper-slide .desktop {
  display: block;
}
.main-slide .main-slide-pagination {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: flex;
  width: auto;
  justify-content: center;
}
.main-slide .main-slide-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0;
  display: block;
  border-radius: 0.25rem;
  transition: 0.1s ease;
  flex-shrink: 0;
  opacity: 1;
  background-color: rgb(255, 255, 255);
  -ms-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.main-slide .main-slide-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 0.25rem;
}
.main-slide .main-slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 1.25rem;
  background-color: #1679D5;
}

.main-search-form {
  position: absolute;
  bottom: 2rem;
  z-index: 2;
  width: 100%;
  display: flex;
}
.main-search-form .tab-content {
  background-color: rgb(255, 255, 255);
  border-radius: 0.5rem;
}
.main-search-form .tab-content .custom-float {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background-color: rgb(240, 243, 245);
}
.main-search-form .tab-content .custom-float > span {
  display: none;
}
.main-search-form .tab-content .custom-float > strong {
  font-size: 0.8125rem;
}
.main-search-form .nav {
  display: inline-flex;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.9);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.main-search-form .nav .nav-link {
  border: none;
  background-color: transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  color: #4D7294;
  padding: 0.5rem 1rem;
  display: inline-flex;
  align-items: center;
}
.main-search-form .nav .nav-link strong {
  display: block;
  margin-left: 0.5rem;
  font-size: 0.8125rem;
}
.main-search-form .nav .nav-link .svg-icon {
  width: 1.75rem;
  height: 1.75rem;
}
.main-search-form .nav .nav-link .svg-icon path {
  fill: #809AB2;
}
.main-search-form .nav .nav-link.active {
  color: #003566;
  background-color: rgb(255, 255, 255);
}
.main-search-form .nav .nav-link.active .svg-icon path {
  fill: #1679D5;
}
.main-search-form .tab-pane {
  padding: 1rem;
  background-color: rgb(255, 255, 255);
  border-radius: 0.5rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.main-search-form .tab-pane .main-search-btn {
  height: 100%;
}
.main-search-form .tab-pane .main-search-btn .btn {
  border-radius: 0.5rem;
  width: 100%;
  height: 100%;
  display: block;
  padding: 0;
  position: relative;
}
.main-search-form .tab-pane .main-search-btn .btn .svg-icon {
  width: 2rem;
  position: absolute;
  height: 2rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-search-form .tab-pane .main-search-btn .btn strong {
  display: none;
}

.custom-float {
  padding: 0.25rem 3rem 0.25rem 0.75rem;
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 0.8125rem;
}
.custom-float strong {
  display: block;
  font-size: 0.8125rem;
}
.custom-float span {
  display: block;
  font-size: 0.8125rem;
  color: #4D7294;
  font-weight: 600;
}
.custom-float i {
  font-style: normal;
}
.custom-float .avatar {
  display: none;
}
.custom-float .chevron {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s ease;
}
.custom-float .chevron path {
  stroke: #809AB2;
}

.custom-float-drop {
  position: relative;
  font-size: 0.8125rem;
}
.custom-float-drop.active .custom-float .chevron {
  transform: rotate(180deg) translateY(50%);
}
.custom-float-drop.active .float-drop {
  display: block;
}
.custom-float-drop ul li button {
  text-transform: none;
  padding-right: 3rem;
  color: #1A4975;
  position: relative;
  border-radius: 0.25rem;
  transition: 0.1s ease;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 0.8125rem;
}
.custom-float-drop ul li strong {
  flex-shrink: 0;
}
.custom-float-drop ul li .svg-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.custom-float-drop ul li .svg-icon path {
  stroke: rgb(139, 195, 74);
}
.custom-float-drop ul li.active button {
  background-color: rgb(240, 243, 245);
}
.custom-float-drop ul li.active .svg-icon {
  display: block;
}
.custom-float-drop ul li:hover button {
  background-color: rgb(240, 243, 245);
  color: #003566;
}
.custom-float-drop .float-drop {
  position: absolute;
  top: 100%;
  padding: 0.5rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  background-color: rgb(255, 255, 255);
  display: none;
  z-index: 2;
}
.custom-float-drop .float-drop .single {
  position: relative;
  padding: 0.5rem;
}
.custom-float-drop .float-drop .single .error-message {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 15rem;
  background-color: rgb(255, 255, 255);
  padding: 0.5rem 1rem;
  color: #1A4975;
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.custom-float-drop .float-drop .single .error-message strong {
  color: rgb(214, 40, 40);
  display: inline-flex;
  height: auto;
  width: auto;
}
.custom-float-drop .float-drop .single p {
  display: block;
  width: 8rem;
  margin: 0;
  font-weight: 600;
}
.custom-float-drop .float-drop .single p span {
  display: block;
  font-size: 0.6875rem;
  color: rgba(0, 0, 0, 0.5);
}
.custom-float-drop .float-drop .single button {
  border: none;
  background-color: rgb(240, 243, 245);
  padding: 0.25rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  transition: 0.2s ease;
  font-size: 0.6875rem;
}
.custom-float-drop .float-drop .single button .svg-icon path {
  fill: #809AB2;
}
.custom-float-drop .float-drop .single button:hover {
  background-color: #1679D5;
}
.custom-float-drop .float-drop .single button:hover .svg-icon path {
  fill: rgb(255, 255, 255);
}
.custom-float-drop .float-drop .single button:disabled {
  opacity: 0.3;
}
.custom-float-drop .float-drop .single strong {
  height: 2rem;
  border-radius: 0.25rem;
  margin: 0 0.25rem;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-float-drop .float-drop .child-age {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 0.5rem;
  display: none;
}
.custom-float-drop .float-drop .child-age p {
  padding-left: 0.5rem;
  font-weight: 600;
  margin: 0 0 0.25rem 0;
}
.custom-float-drop .float-drop .child-age ul {
  padding-left: 0.5rem;
}
.custom-float-drop .float-drop .child-age .form-select {
  font-size: 0.6875rem;
  padding: 0.5rem;
  font-weight: 600;
  width: 4rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  -ms-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.custom-float-drop .float-drop.active .child-age {
  display: block;
}

.direction-select {
  position: relative;
  -ms-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  padding: 0.25rem 0.75rem;
  display: flex;
  justify-content: space-between;
}
.direction-select label {
  font-size: 0.8125rem;
  color: #4D7294;
  margin: 0;
  font-weight: 600;
}
.direction-select .form-control {
  border: none;
  padding: 0;
  outline: none !important;
  font-weight: 600;
  color: #003566;
  -ms-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
  cursor: pointer;
  font-size: 0.8125rem;
}
.direction-select .form-control::-moz-placeholder {
  color: #003566;
}
.direction-select .form-control::placeholder {
  color: #003566;
}
.direction-select .from-input, .direction-select .to-input {
  cursor: pointer;
  position: relative;
  display: flex;
  width: calc(50% - 1rem);
}
.direction-select .from-input .mobile-form-control, .direction-select .to-input .mobile-form-control {
  width: 100%;
}
.direction-select .from-input.activate-grid .direction-drop, .direction-select .to-input.activate-grid .direction-drop {
  display: block;
}
.direction-select .from-input.activate-list .direction-list-drop, .direction-select .to-input.activate-list .direction-list-drop {
  display: block;
}
.direction-select .from-input .error-message-drop, .direction-select .to-input .error-message-drop {
  position: absolute;
  top: 100%;
  right: 0;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.1), 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.1), 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.1), 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  background-color: rgb(255, 255, 255);
  display: none;
  align-items: center;
  z-index: 1;
}
.direction-select .from-input .error-message-drop p, .direction-select .to-input .error-message-drop p {
  color: rgb(214, 40, 40);
  margin: 0;
  text-align: left;
}
.direction-select .from-input .error-message-drop .svg-icon, .direction-select .to-input .error-message-drop .svg-icon {
  margin-right: 0.25rem;
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.direction-select .from-input .error-message-drop .svg-icon path, .direction-select .to-input .error-message-drop .svg-icon path {
  fill: rgb(255, 193, 7);
}
.direction-select .from-input.error-message .error-message-drop, .direction-select .to-input.error-message .error-message-drop {
  display: flex;
}
.direction-select .to-input {
  text-align: right;
  justify-content: flex-end;
}
.direction-select .to-input input {
  text-align: right;
}
.direction-select .mobile-direction-select-header {
  position: relative;
  width: 100%;
}
.direction-select .mobile-direction-select-header .invisible-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.direction-select .direction-drop {
  position: absolute;
  top: 100%;
  left: 0;
  width: 200%;
  background-color: rgb(255, 255, 255);
  z-index: 1;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  overflow: hidden;
  display: none;
  max-height: 20rem;
  overflow-y: auto;
}
.direction-select .direction-drop .single .title {
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  background-color: rgb(240, 243, 245);
  font-size: 0.6875rem;
  font-weight: 600;
  margin: 0;
}
.direction-select .direction-drop .single ul {
  padding: 0.5rem 0 0 0.5rem;
}
.direction-select .direction-drop .single li {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  min-width: calc(25% - 0.5rem);
  max-width: 50%;
}
.direction-select .direction-drop .single li:hover .btn {
  background-color: rgb(240, 243, 245);
}
.direction-select .direction-drop .single .btn {
  text-transform: none;
  font-size: 0.8125rem;
  -ms-box-shadow: 0 0 0 1px #F2F5F7;
  -o-box-shadow: 0 0 0 1px #F2F5F7;
  box-shadow: 0 0 0 1px #F2F5F7;
  padding: 0.25rem 0.5rem;
  width: 100%;
  transition: 0s ease;
  color: #1A4975;
}
.direction-select .direction-drop .single .btn .svg-icon {
  margin-right: 0.25rem;
}
.direction-select .direction-drop .single .btn .svg-icon path {
  fill: #F0573B;
}
.direction-select .direction-list-drop {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  overflow: hidden;
  width: 150%;
  text-align: left;
  max-height: 20rem;
  overflow-y: auto;
  z-index: 1;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  display: none;
}
.direction-select .direction-list-drop ul {
  padding: 0.5rem 0;
}
.direction-select .direction-list-drop ul ul {
  background-color: rgb(240, 243, 245);
  padding: 0 0 0 1.25rem;
}
.direction-select .direction-list-drop ul ul .btn .svg-icon {
  flex-shrink: 0;
}
.direction-select .direction-list-drop ul ul .btn .svg-icon path {
  fill: none;
  stroke: #809AB2;
}
.direction-select .direction-list-drop li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.direction-select .direction-list-drop .btn {
  align-items: flex-start;
  font-size: 0.8125rem;
  text-transform: none;
  padding: 0.25rem 0.75rem;
  width: 100%;
}
.direction-select .direction-list-drop .btn .svg-icon {
  flex-shrink: 0;
  margin-right: 0.25rem;
}
.direction-select .direction-list-drop .btn .svg-icon path {
  fill: #1679D5;
}
.direction-select .direction-list-drop .btn .svg-icon + strong {
  margin-left: 0;
}
.direction-select .direction-list-drop .btn p {
  text-align: left;
  margin: 0;
  color: #4D7294;
}
.direction-select .direction-list-drop .btn p i {
  font-style: normal;
  color: #1679D5;
}
.direction-select .direction-list-drop .btn strong {
  text-align: left;
  display: block;
  color: #1A4975;
}
.direction-select .direction-list-drop .btn span {
  margin-top: -0.25rem;
  font-size: 0.6875rem;
  color: #4D7294;
}
.direction-select.date-select .center-icon {
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
  z-index: 1;
  top: 50%;
  justify-content: center;
  border-radius: 50%;
  -ms-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: rgb(255, 255, 255);
}
.direction-select.date-select .center-icon .svg-icon path {
  fill: #809AB2;
}
.direction-select.date-select .from-date, .direction-select.date-select .to-date {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.direction-select.date-select .to-date {
  text-align: right;
}
.direction-select.date-select .to-date .form-control {
  text-align: right;
}

.one-direction .to-input, .one-direction .to-date, .one-direction .btn-change-direction, .one-direction .center-icon {
  display: none !important;
}
.one-direction .from-input, .one-direction .from-date {
  width: 100%;
}
.one-direction .direction-drop {
  width: 100%;
}

.tapa-tabs {
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}
.tapa-tabs ul {
  display: inline-flex;
  border-radius: 0.25rem;
  background-color: rgba(255, 255, 255, 0.5);
  overflow-x: auto;
  max-width: 100%;
}
.tapa-tabs .btn {
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  font-weight: 600;
  color: #4D7294;
  white-space: nowrap;
  text-transform: uppercase;
}
.tapa-tabs li + li {
  margin-left: 0.5rem;
}
.tapa-tabs li:hover .btn {
  background-color: rgb(255, 255, 255);
  color: #1679D5;
}
.tapa-tabs li.active .btn {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
}

.front-banner-container {
  padding: 2rem 0;
}
.front-banner-container .swiper-slide {
  padding: 1px;
}

.front-flight-container {
  padding: 0.25rem 0;
  position: relative;
}
.front-flight-container .flight-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}
.front-flight-container .flight-bg img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
}

.app-download {
  overflow-x: hidden;
}
.app-download .phone-img {
  z-index: 2;
  position: relative;
  padding: 3rem;
}
.app-download .download-content {
  position: relative;
  z-index: 1;
}
.app-download .download-content .content {
  z-index: 1;
  position: relative;
  padding: 2rem 0;
}
.app-download .download-content .content .logo {
  height: 3rem;
}
.app-download .download-content .content p {
  margin: 0 0 2rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
}
.app-download .download-content .content h5 {
  color: rgb(255, 255, 255);
  margin-bottom: 0.75rem;
}
.app-download .download-content .content ul li {
  margin: 0 1rem 1rem 0;
}
.app-download .download-content .content ul img {
  height: 2rem;
}
.app-download .download-content .bg-color {
  position: absolute;
  background-color: #1679D5;
  display: block;
  left: 50%;
  top: 0;
  width: 500%;
  transform: translateX(-50%);
  height: 100%;
  z-index: 0;
}
.app-download .download-content .bg-color img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}

.front-subscribe {
  background-color: rgb(255, 255, 255);
  padding: 2rem 0;
  font-size: 0.8125rem;
}
.front-subscribe img {
  width: 100%;
}
.front-subscribe .content {
  margin-bottom: 1rem;
  border-radius: 0.25rem;
}
.front-subscribe h2 {
  color: #1679D5;
  font-weight: 600;
  width: 80%;
}
.front-subscribe p {
  color: #4D7294;
  font-weight: 600;
  margin: 0;
}
.front-subscribe .subscribe-form {
  position: relative;
}
.front-subscribe .subscribe-form .form-control {
  display: flex;
  padding: 0.25rem 1rem;
  font-size: 0.8125rem;
  color: #1A4975;
}
.front-subscribe .subscribe-form .form-control::-moz-placeholder {
  color: #4D7294;
}
.front-subscribe .subscribe-form .form-control::placeholder {
  color: #4D7294;
}

.front-destination-container {
  padding: 0.25rem 0 2rem;
}

.mobile-front-forms {
  background-color: rgb(255, 255, 255);
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  padding: 0 1rem 2rem;
  margin: 0 0 1rem;
}
.mobile-front-forms.flight-active .date .left-side {
  width: 50%;
}
.mobile-front-forms.flight-active .date .right-side {
  display: inline-flex;
}
.mobile-front-forms.hotel-active .date .left-side {
  width: 50%;
}
.mobile-front-forms.hotel-active .date .right-side {
  display: inline-flex;
}
.mobile-front-forms.hotel-active .passenger.btn {
  width: 100%;
  align-items: flex-start;
}
.mobile-front-forms .side-select {
  position: relative;
  margin-bottom: 0.5rem;
}
.mobile-front-forms .side-select:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.125rem;
  background-color: #E6EBF0;
}
.mobile-front-forms .side-select .btn {
  padding: 0.75rem;
  font-size: 0.8125rem;
  color: #4D7294;
  position: relative;
  text-transform: none;
  flex-direction: column;
  margin: 0 0.25rem;
}
.mobile-front-forms .side-select .btn:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.125rem;
  background-color: #1679D5;
  opacity: 0;
}
.mobile-front-forms .side-select .active .btn {
  color: #1679D5;
}
.mobile-front-forms .side-select .active .btn:before {
  opacity: 1;
}
.mobile-front-forms .location {
  position: relative;
  border-bottom: 1px dotted #E6EBF0;
}
.mobile-front-forms .location .location-change {
  position: absolute;
  background-color: #1679D5;
  padding: 0.5rem;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.mobile-front-forms .location .location-change .svg-icon path {
  stroke: rgb(255, 255, 255);
}
.mobile-front-forms .left-side, .mobile-front-forms .right-side {
  width: 50%;
  flex-shrink: 0;
}
.mobile-front-forms .left-side.btn, .mobile-front-forms .right-side.btn {
  text-transform: none;
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem 0;
}
.mobile-front-forms .left-side span, .mobile-front-forms .left-side strong, .mobile-front-forms .right-side span, .mobile-front-forms .right-side strong {
  display: block;
}
.mobile-front-forms .left-side span, .mobile-front-forms .right-side span {
  font-size: 0.6875rem;
  color: #4D7294;
}
.mobile-front-forms .left-side strong, .mobile-front-forms .right-side strong {
  font-size: 0.8125rem;
  color: #003566;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mobile-front-forms .right-side.btn {
  align-items: flex-end;
}
.mobile-front-forms .flight-class {
  width: 40%;
}
.mobile-front-forms .passenger {
  width: 60%;
}
.mobile-front-forms .date {
  border-bottom: 1px dotted #E6EBF0;
}
.mobile-front-forms .date .left-side {
  width: 100%;
}
.mobile-front-forms .date .right-side {
  display: none;
}

.mobile-page-jump {
  position: absolute;
  bottom: 2rem;
  left: 1rem;
  width: calc(100% - 2rem);
  z-index: 1;
}
.mobile-page-jump .btn {
  width: 100%;
  font-size: 0.8125rem;
  justify-content: center;
  border-radius: 0.5rem;
  color: #1A4975;
}
.mobile-page-jump .btn .svg-icon {
  flex-shrink: 0;
}
.mobile-page-jump li:nth-child(1), .mobile-page-jump li:nth-child(2), .mobile-page-jump li:nth-child(3) {
  width: 33.3333333333%;
}
.mobile-page-jump li:nth-child(1) .btn, .mobile-page-jump li:nth-child(2) .btn, .mobile-page-jump li:nth-child(3) .btn {
  flex-direction: column;
  background-color: #1679D5;
  color: rgb(255, 255, 255);
  padding: 0.75rem 0.25rem;
  -ms-box-shadow: 0 0.5rem 1rem #73AFE6;
  -o-box-shadow: 0 0.5rem 1rem #73AFE6;
  box-shadow: 0 0.5rem 1rem #73AFE6;
}
.mobile-page-jump li:nth-child(1) .btn strong, .mobile-page-jump li:nth-child(2) .btn strong, .mobile-page-jump li:nth-child(3) .btn strong {
  margin: 0;
}
.mobile-page-jump li:nth-child(1) .btn .svg-icon, .mobile-page-jump li:nth-child(2) .btn .svg-icon, .mobile-page-jump li:nth-child(3) .btn .svg-icon {
  width: 2.5rem;
  height: 2.5rem;
}
.mobile-page-jump li:nth-child(1) .btn .svg-icon path, .mobile-page-jump li:nth-child(2) .btn .svg-icon path, .mobile-page-jump li:nth-child(3) .btn .svg-icon path {
  fill: rgb(255, 255, 255);
}
.mobile-page-jump li {
  width: 50%;
  padding: 0.25rem;
}
.mobile-page-jump li .btn {
  background-color: rgb(240, 243, 245);
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.mobile-page-jump li .svg-icon {
  width: 2rem;
  height: 2rem;
}

.mobile-header-image {
  position: relative;
}
.mobile-header-image .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.mobile-header-image:before {
  content: "";
  display: block;
  padding-bottom: 30%;
}

.wave-bg {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  z-index: 1;
}
.wave-bg .svg-icon {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 0;
     object-position: 50% 0;
  width: 100% !important;
  height: auto !important;
  margin-bottom: -2px;
}

.login-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.login-bg img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.web-loader {
  position: fixed;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 10;
}
.web-loader .loader-container {
  position: relative;
  background-color: transparent;
  -ms-box-shadow: 0 0.5rem 1rem #B9D7F2;
  -o-box-shadow: 0 0.5rem 1rem #B9D7F2;
  box-shadow: 0 0.5rem 1rem #B9D7F2;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
}
.web-loader ul {
  padding: 0.5rem 0;
  position: absolute;
  animation: loader 3s infinite;
}
.web-loader li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
}
.web-loader li img {
  width: 2rem;
  height: 2rem;
}

.left-filter-container {
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  transition: 0.2s ease;
}
.left-filter-container h5 {
  font-size: 0.8125rem;
  color: #1A4975;
}
.left-filter-container .map-link-btn {
  display: block;
  margin-bottom: 1rem;
  max-width: 20rem;
  position: relative;
}
.left-filter-container .map-link-btn .map-bg {
  width: 100%;
  border-radius: 0.25rem;
  transition: 0.2s ease;
}
.left-filter-container .map-link-btn .map-info {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  left: 0;
  top: 0;
}
.left-filter-container .map-link-btn .map-info .map-pin {
  width: 4rem;
  margin-bottom: 0.5rem;
}
.left-filter-container .map-link-btn .map-info p {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
  text-decoration: none;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0.5rem 1rem #B9D7F2;
  -o-box-shadow: 0 0.5rem 1rem #B9D7F2;
  box-shadow: 0 0.5rem 1rem #B9D7F2;
}
.left-filter-container .map-link-btn:hover .map-bg {
  opacity: 0.5;
}
.left-filter-container .single-filter {
  padding: 1rem 0.5rem;
}
.left-filter-container .single-filter + .single-filter {
  border-top: 1px dotted #E6EBF0;
}
.left-filter-container .single-filter .form-check {
  position: relative;
  padding: 0;
  margin: 0;
}
.left-filter-container .single-filter .form-check .form-check-input {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
.left-filter-container .single-filter .form-check .form-check-label {
  padding: 0.5rem 0.25rem 0.5rem 1.5rem;
  display: block;
}
.left-filter-container .star-rating .svg-icon {
  width: 1rem;
  height: 1rem;
}
.left-filter-container .star-rating .svg-icon path {
  fill: rgb(255, 193, 7);
}

.active-filters {
  padding: 0 0 0.25rem;
  overflow-x: auto;
  border-bottom: 1px solid #E6EBF0;
  margin-bottom: 1rem !important;
}
.active-filters li:first-child {
  background-color: transparent;
  padding: 0;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.active-filters li:first-child p {
  color: #4D7294;
  margin: 0;
  font-size: 0.8125rem;
}
.active-filters li {
  display: inline-flex;
  background-color: #E8F2FB;
  align-items: center;
  padding: 0.25rem 0.5rem 0.25rem 0.75rem;
  border-radius: 0.25rem;
  margin: 0 0.5rem 0.5rem 0;
}
.active-filters li strong {
  white-space: nowrap;
  color: #1679D5;
  font-size: 0.8125rem;
  margin-right: 0.5rem;
}
.active-filters li .btn-close {
  width: 0.75rem;
  height: 0.75rem;
  padding: 0;
}

.flight-list-header, .hotel-list-header {
  background-color: rgb(255, 255, 255);
  margin: 2rem 0 1rem;
  border-radius: 0.25rem;
  padding: 1rem 1rem 0.5rem;
}
.flight-list-header h1, .hotel-list-header h1 {
  margin: 0;
  color: #1679D5;
  display: flex;
  align-items: center;
}
.flight-list-header h1 strong, .hotel-list-header h1 strong {
  margin-right: 0.5rem;
}
.flight-list-header h1 span, .hotel-list-header h1 span {
  font-size: 0.8125rem;
  color: #4D7294;
  display: block;
}

.login-number-container {
  position: relative;
  width: 100%;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.login-number-container .login-number-flag {
  border-right: 1px solid #E6EBF0;
}
.login-number-container .login-number-flag.active .login-number-drop {
  display: block;
}
.login-number-container .btn {
  font-size: 0.8125rem;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background-color: rgb(255, 255, 255);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0.5rem 0.25rem 0.5rem 0.5rem;
}
.login-number-container .image {
  height: 1.25rem;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
}
.login-number-container .login-number-drop {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  min-width: 10rem;
  z-index: 1;
  padding: 0.5rem;
  max-height: 15rem;
  overflow-y: auto;
  display: none;
}
.login-number-container .login-number-drop .btn {
  padding: 0.5rem;
  width: 100%;
  position: relative;
  color: #4D7294;
}
.login-number-container .login-number-drop .btn .svg-icon {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  display: none;
}
.login-number-container .login-number-drop .btn .svg-icon path {
  stroke: rgb(139, 195, 74);
}
.login-number-container .login-number-drop li:hover .btn {
  background-color: rgb(240, 243, 245);
}
.login-number-container .login-number-drop li + li {
  border-top: 1px dotted #E6EBF0;
}
.login-number-container .login-number-drop li.active .btn {
  color: #1A4975;
  background-color: rgb(240, 243, 245);
}
.login-number-container .login-number-drop li.active .btn .svg-icon {
  display: block;
}
.login-number-container .number-input {
  flex-grow: 1;
}
.login-number-container .number-input .form-control {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  height: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.searching-result {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.searching-result.error-404 {
  margin: 5rem 0;
}
.searching-result p {
  text-align: center;
  color: #809AB2;
  font-size: 0.8125rem;
  font-weight: 600;
}
.searching-result .btn-main .svg-icon path {
  stroke: none;
  fill: rgb(255, 255, 255);
}
.searching-result h5 {
  font-size: 1.125rem;
  color: rgb(255, 255, 255);
}
.searching-result .please-wait {
  color: rgb(255, 255, 255);
  font-weight: 400;
}
.searching-result .svg-icon {
  margin: 0 0.5rem;
}
.searching-result .svg-icon path {
  fill: rgb(255, 255, 255);
}
.searching-result .animated-content {
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
  background: radial-gradient(#E6EBF0, transparent, transparent);
  border-radius: 50%;
  -ms-box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0.5rem 1rem rgba(255, 255, 255, 0.5);
  -o-box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0.5rem 1rem rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0.5rem 1rem rgba(255, 255, 255, 0.5);
  width: 50%;
  max-width: 15rem;
  background-color: rgb(240, 243, 245);
}
.searching-result .animated-content:before {
  content: "";
  padding-bottom: 100%;
  display: block;
}
.searching-result .animated-content img {
  position: absolute;
}
.searching-result .animated-content .plane {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
  z-index: 2;
  animation: planeFloat 5s linear infinite;
  transition: 0.2s ease;
}
.searching-result .animated-content .cloud-1 {
  left: 10%;
  width: 25%;
  z-index: 1;
  animation: cloud1 5s linear infinite;
}
.searching-result .animated-content .cloud-2 {
  left: 50%;
  width: 25%;
  z-index: 3;
  animation: cloud1 7s 2s linear infinite;
}
.searching-result .animated-content .cloud-3 {
  left: 70%;
  width: 25%;
  z-index: 1;
  animation: cloud1 6s 1s linear infinite;
}
.searching-result .animated-content .globe {
  height: 80%;
  top: 10%;
  z-index: 1;
  animation: globe 6s linear infinite;
}
.searching-result .animated-content .search {
  width: 30%;
  height: 30%;
  z-index: 2;
  animation: search 5s linear infinite;
}
.searching-result .animated-content .four1 {
  left: 10%;
  top: 30%;
  width: 30%;
  animation: number 5s linear infinite;
}
.searching-result .animated-content .zero {
  left: 35%;
  top: 35%;
  width: 30%;
  animation: number 3s linear infinite;
}
.searching-result .animated-content .four2 {
  left: 60%;
  top: 40%;
  width: 30%;
  animation: number 4s linear infinite;
}

.error-page {
  margin: 3rem 0;
}
.error-page p {
  text-align: center;
  font-size: 1.125rem;
  color: #809AB2;
}
.error-page .svg-icon path {
  fill: rgb(255, 255, 255);
  stroke: transparent;
}
.error-page .animated-content {
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
}
.error-page .animated-content:before {
  content: "";
  padding-bottom: 100%;
  display: block;
}
.error-page .animated-content img {
  position: absolute;
}
.error-page .animated-content .four1 {
  left: 10%;
  top: 30%;
  width: 30%;
  animation: number 5s linear infinite;
}
.error-page .animated-content .zero {
  left: 35%;
  top: 35%;
  width: 30%;
  animation: number 3s linear infinite;
}
.error-page .animated-content .four2 {
  left: 60%;
  top: 40%;
  width: 30%;
  animation: number 4s linear infinite;
}

.inner-page .wave-bg .svg-icon path {
  fill: rgb(255, 255, 255) !important;
}
.inner-page .guest-names-warning {
  background-color: rgb(255, 255, 255);
  padding: 1rem;
  border-radius: 0.5rem;
  position: relative;
  margin-bottom: 1rem;
  z-index: 5;
}
.inner-page .guest-names-warning:hover .warning-drop {
  display: block;
}
.inner-page .guest-names-warning .the-msg {
  margin: 0;
  cursor: help;
}
.inner-page .guest-names-warning .the-msg .svg-icon {
  width: 1rem;
  height: 1rem;
}
.inner-page .guest-names-warning .the-msg .svg-icon path {
  stroke: rgb(214, 40, 40);
}
.inner-page .guest-names-warning .the-msg span {
  margin-right: 0.25rem;
}
.inner-page .guest-names-warning .the-msg strong {
  color: rgb(214, 40, 40);
  margin-right: 0.25rem;
}
.inner-page .guest-names-warning .warning-drop {
  display: none;
  position: absolute;
  top: 100%;
  padding: 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.6875rem;
  max-width: 25rem;
  background-color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  right: 0;
}
.inner-page .guest-names-warning .warning-drop ol {
  padding-left: 1rem;
  margin: 0;
}
.inner-page .guest-names-warning .warning-drop ol li {
  margin-bottom: 0.25rem;
}

.payment-steps {
  padding: 2rem 0 1rem;
}
.payment-steps li {
  display: block;
  position: relative;
  color: #4D7294;
}
.payment-steps li + li {
  margin-left: 1rem;
}
.payment-steps li + li:before {
  content: "";
  height: 1px;
  width: 1rem;
  display: block;
  background-color: rgb(255, 255, 255);
  right: 100%;
  top: 50%;
  position: absolute;
  z-index: 0;
}
.payment-steps li.done:before {
  background-color: rgb(139, 195, 74);
}
.payment-steps li.done strong {
  -ms-box-shadow: 0 0 0 1px rgb(139, 195, 74);
  -o-box-shadow: 0 0 0 1px rgb(139, 195, 74);
  box-shadow: 0 0 0 1px rgb(139, 195, 74);
  color: rgb(139, 195, 74);
}
.payment-steps li.active:before {
  background-color: rgb(139, 195, 74);
}
.payment-steps li.active strong {
  color: rgb(255, 255, 255);
  background-color: #1679D5;
  -ms-box-shadow: 0 0.5rem 1rem #73AFE6;
  -o-box-shadow: 0 0.5rem 1rem #73AFE6;
  box-shadow: 0 0.5rem 1rem #73AFE6;
}
.payment-steps strong {
  text-align: center;
  line-height: 1.25;
  display: block;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  background-color: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
}
.payment-steps strong small {
  line-height: 1;
  display: block;
}

.flight-passenger-detail, .hotel-guests-detail {
  padding: 1rem;
  border-radius: 0.25rem;
  margin: 2rem 0 1rem;
}
.flight-passenger-detail h2, .hotel-guests-detail h2 {
  padding: 1rem 0.5rem 0.5rem;
}
.flight-passenger-detail > ul, .hotel-guests-detail > ul {
  margin-bottom: 1rem;
}
.flight-passenger-detail > ul > li, .hotel-guests-detail > ul > li {
  padding: 0.5rem;
}
.flight-passenger-detail > ul > li .single, .hotel-guests-detail > ul > li .single {
  margin: 0;
  flex-shrink: 0;
  width: 100%;
  position: relative;
}
.flight-passenger-detail > ul > li .single strong, .hotel-guests-detail > ul > li .single strong {
  font-size: 0.8125rem;
  color: #1679D5;
  padding-left: 0.5rem;
}
.flight-passenger-detail > ul > li .single strong small, .hotel-guests-detail > ul > li .single strong small {
  color: #1679D5;
}
.flight-passenger-detail > ul > li .single small, .hotel-guests-detail > ul > li .single small {
  color: #4D7294;
  text-align: right;
}
.flight-passenger-detail > ul > li .single i, .hotel-guests-detail > ul > li .single i {
  font-style: normal;
  font-size: 0.8125rem;
  font-weight: 700;
  background-color: rgb(240, 243, 245);
  padding: 0.125rem 0.25rem 0;
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  margin-left: 0.25rem;
  width: 1.5rem;
  justify-content: center;
  color: #4D7294;
}
.flight-passenger-detail > ul > li .single .tax-drop:hover, .hotel-guests-detail > ul > li .single .tax-drop:hover {
  cursor: help;
}
.flight-passenger-detail > ul > li .single .tax-drop:hover ul, .hotel-guests-detail > ul > li .single .tax-drop:hover ul {
  display: block;
}
.flight-passenger-detail > ul > li .single .tax-drop ul, .hotel-guests-detail > ul > li .single .tax-drop ul {
  position: absolute;
  background-color: rgb(255, 255, 255);
  padding: 0.5rem;
  right: 0;
  top: 100%;
  font-size: 0.6875rem;
  -ms-box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  text-align: right;
  display: none;
  z-index: 1;
}
.flight-passenger-detail > ul > li .single .tax-drop ul strong, .hotel-guests-detail > ul > li .single .tax-drop ul strong {
  font-size: 0.8125rem;
}
.flight-passenger-detail > ul > li .single .tax-drop .svg-icon, .hotel-guests-detail > ul > li .single .tax-drop .svg-icon {
  width: 1rem;
  margin-left: 0.25rem;
  height: 1rem;
  margin-bottom: 0.125rem;
}
.flight-passenger-detail > ul > li .single .tax-drop .svg-icon path, .hotel-guests-detail > ul > li .single .tax-drop .svg-icon path {
  stroke: #4D7294;
}
.flight-passenger-detail > ul > li + li, .hotel-guests-detail > ul > li + li {
  border-top: 1px dotted #E6EBF0;
}
.flight-passenger-detail > ul > li span, .hotel-guests-detail > ul > li span {
  color: #4D7294;
  max-width: 50%;
}
.flight-passenger-detail > ul > li strong, .hotel-guests-detail > ul > li strong {
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}
.flight-passenger-detail > ul > li.total span, .flight-passenger-detail > ul > li.total strong, .hotel-guests-detail > ul > li.total span, .hotel-guests-detail > ul > li.total strong {
  font-size: 0.8125rem;
  color: #003566;
  font-weight: 700;
}
.flight-passenger-detail > ul > li.total strong, .hotel-guests-detail > ul > li.total strong {
  color: #1679D5;
  font-size: 1.125rem;
}
.flight-passenger-detail > ul > li.total .currency strong, .hotel-guests-detail > ul > li.total .currency strong {
  font-size: 0.8125rem;
  color: #4D7294;
}
.flight-passenger-detail > ul .currency, .hotel-guests-detail > ul .currency {
  font-size: 0.8125rem;
  color: #4D7294;
}

.chosen-flight {
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: rgb(255, 255, 255);
  margin: 2rem 0 1rem;
}
.chosen-flight .chosen-flight-header span, .chosen-flight .chosen-flight-header strong {
  display: block;
}
.chosen-flight .chosen-flight-header span {
  font-size: 0.8125rem;
  color: #4D7294;
}
.chosen-flight .chosen-flight-header .detail {
  text-align: center;
}
.chosen-flight .chosen-flight-header .title {
  margin: 1rem 0;
  color: #1679D5;
  font-size: 1.125rem;
}
.chosen-flight .chosen-flight-header .flight-time {
  position: relative;
}
.chosen-flight .chosen-flight-header .flight-time p {
  margin: 0;
  justify-content: center;
}
.chosen-flight .chosen-flight-header .flight-time p .svg-icon {
  margin: 0 0.25rem;
}
.chosen-flight .chosen-flight-header .flight-time strong {
  font-size: 1.125rem;
  color: #1679D5;
  text-align: center;
}
.chosen-flight .chosen-flight-header .flight-time span {
  text-align: center;
}
.chosen-flight .chosen-flight-header .flight-time ul {
  position: relative;
  margin-bottom: 0.25rem;
  width: 80%;
  left: 10%;
}
.chosen-flight .chosen-flight-header .flight-time ul li {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #F0573B;
  position: relative;
  z-index: 1;
  border-radius: 0.25rem;
}
.chosen-flight .chosen-flight-header .flight-time ul li:first-child, .chosen-flight .chosen-flight-header .flight-time ul li:last-child {
  background-color: #1679D5;
  width: 0.5rem;
  height: 0.5rem;
}
.chosen-flight .chosen-flight-header .flight-time ul:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background-color: #B9D7F2;
  left: 0.25rem;
  right: 0.25rem;
}
.chosen-flight .single-flight {
  padding: 0;
  margin: 0;
}
.chosen-flight .single-flight:hover {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.chosen-flight .single-flight .content {
  padding: 0;
  margin: 0;
}

.warning-block {
  margin-top: 1rem;
  border-radius: 0.25rem;
  padding: 2rem 2rem 0.5rem;
  background-color: rgba(214, 40, 40, 0.05);
  color: #1A4975;
}
.warning-block h5 {
  display: inline-flex;
  align-items: center;
  text-transform: none;
}
.warning-block h5 strong {
  font-weight: 700;
}
.warning-block h5 span {
  font-size: 0.8125rem;
  color: #4D7294;
  font-weight: 400;
  margin-left: 0.25rem;
}
.warning-block h5 .svg-icon + strong {
  margin-left: 0.25rem;
}
.warning-block p, .warning-block li {
  color: #4D7294;
  font-size: 0.8125rem;
}
.warning-block .single {
  margin-bottom: 2rem;
}
.warning-block .single .title {
  margin: 0;
  font-weight: 600;
}
.warning-block .single.refund li strong {
  color: #1A4975;
}
.warning-block .warning-text {
  color: rgb(214, 40, 40);
  font-size: 0.8125rem;
}
.warning-block .package-allowance span {
  color: #1A4975;
  font-weight: 600;
}
.warning-block .package-allowance span small {
  font-weight: 400;
  color: #4D7294;
}

.main-payment-container {
  padding: 1rem 2rem 2rem;
  border-radius: 0.25rem;
  background-color: rgb(255, 255, 255);
  margin: 2rem 0 1rem;
}
.main-payment-container h2 {
  padding: 1rem 0 0.5rem;
}
.main-payment-container h5 {
  margin: 2rem 0 1rem;
}
.main-payment-container .select-bank .form-check {
  margin: 0 0 1rem;
  padding: 0;
}
.main-payment-container .select-bank .form-check .form-check-input {
  opacity: 0;
  display: none;
}
.main-payment-container .select-bank .form-check .form-check-input:checked ~ .form-check-label {
  background-color: rgb(240, 243, 245);
  -ms-box-shadow: 0 0 0 1px #1679D5;
  -o-box-shadow: 0 0 0 1px #1679D5;
  box-shadow: 0 0 0 1px #1679D5;
  color: #003566;
}
.main-payment-container .select-bank .form-check .form-check-input:checked ~ .form-check-label:after {
  opacity: 1;
  transform: scale(1);
}
.main-payment-container .select-bank .form-check .form-check-label {
  width: 100%;
  display: flex;
  font-size: 0.8125rem;
  color: #4D7294;
  padding: 0.5rem 2rem 0.5rem 0.5rem;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  border-radius: 0.25rem;
  position: relative;
  transition: 0.2s ease;
  align-items: center;
}
.main-payment-container .select-bank .form-check .form-check-label span {
  display: flex;
}
.main-payment-container .select-bank .form-check .form-check-label:before, .main-payment-container .select-bank .form-check .form-check-label:after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  top: 0.5rem;
  right: 0.5rem;
}
.main-payment-container .select-bank .form-check .form-check-label:after {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #1679D5;
  top: 0.75rem;
  right: 0.75rem;
  opacity: 0;
  transform: scale(0);
  transition: 0.2s ease;
}
.main-payment-container .select-bank .form-check .form-check-label:hover {
  -ms-box-shadow: 0 0 0 1px #73AFE6;
  -o-box-shadow: 0 0 0 1px #73AFE6;
  box-shadow: 0 0 0 1px #73AFE6;
}
.main-payment-container .select-bank .form-check img {
  width: 3rem;
  margin-right: 0.5rem;
  height: 3rem;
  -ms-box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  flex-shrink: 0;
}
.main-payment-container .company-or-person {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px dotted #E6EBF0;
}
.main-payment-container .company-or-person li {
  display: flex;
  align-items: center;
}
.main-payment-container .company-or-person li .btn {
  text-transform: uppercase;
  background-color: rgb(240, 243, 245);
  color: #4D7294;
  justify-content: center;
}
.main-payment-container .company-or-person li .form-control {
  margin-left: 1rem;
  display: none;
}
.main-payment-container .company-or-person li:hover .btn {
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  color: #1A4975;
}
.main-payment-container .company-or-person li.active .btn {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.5rem 1rem #73AFE6;
  -o-box-shadow: 0 0.5rem 1rem #73AFE6;
  box-shadow: 0 0.5rem 1rem #73AFE6;
}
.main-payment-container .company-or-person li.active .form-control {
  display: block;
}
.main-payment-container .company-or-person .company-register {
  margin-top: 0.5rem;
  background-color: #F3F8FD;
  padding: 1rem;
  border-radius: 0.25rem;
  width: 20rem;
}
.main-payment-container .company-or-person .company-register p {
  color: #4D7294;
  margin: 0;
  margin-bottom: 0.25rem;
}
.main-payment-container .select-payment img {
  width: 2rem;
  margin-right: 0.5rem;
  height: 2rem;
  -ms-box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
}
.main-payment-container .select-payment p {
  margin: 0;
  color: #4D7294;
}
.main-payment-container .select-payment .form-check {
  padding: 0;
}
.main-payment-container .select-payment .form-check .form-check-input {
  display: none;
}
.main-payment-container .select-payment .form-check .form-check-input:checked ~ .form-check-label {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.5rem 1rem #73AFE6;
  -o-box-shadow: 0 0.5rem 1rem #73AFE6;
  box-shadow: 0 0.5rem 1rem #73AFE6;
}
.main-payment-container .select-payment .form-check .form-check-label {
  padding: 0.5rem 0.75rem;
  margin: 0;
  background-color: rgb(240, 243, 245);
  transition: 0.2s ease;
}
.main-payment-container .select-payment .form-check .form-check-label:hover {
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.main-payment-container .select-payment .form-check:first-child .form-check-label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.main-payment-container .select-payment .form-check:last-child .form-check-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.main-payment-container .select-payment .single {
  padding: 0.5rem;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
.main-payment-container .select-payment .selected-payment {
  background-color: rgb(240, 243, 245);
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-radius: 0.25rem;
}
.main-payment-container .select-payment .selected-payment li + li {
  margin-top: 0.25rem;
  padding-top: 0.25rem;
  border-top: 1px dotted #E6EBF0;
}
.main-payment-container .select-payment .selected-payment p {
  display: flex;
  align-items: center;
}
.main-payment-container .select-payment .selected-payment p .form-control {
  text-align: right;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  padding-right: 0;
}
.main-payment-container .select-payment .selected-payment p .form-control:disabled {
  cursor: text;
}
.main-payment-container .select-payment .selected-payment p small {
  font-weight: 600;
  color: #1A4975;
  margin: 0.125rem 0 0 0.125rem;
}
.main-payment-container .select-payment .selected-payment .btn-white {
  margin-left: 0.5rem;
  position: relative;
}
.main-payment-container .select-payment .selected-payment .btn-white span {
  position: absolute;
  bottom: 70%;
  background-color: rgba(0, 0, 0, 0.7);
  color: rgb(255, 255, 255);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  font-weight: 400;
  font-size: 0.6875rem;
  opacity: 0;
  visibility: visible;
  z-index: 0;
  transition: 0.2s ease;
}
.main-payment-container .select-payment .selected-payment .btn-white .svg-icon path {
  stroke: #1679D5;
}
.main-payment-container .select-payment .selected-payment .btn-white.copied span {
  opacity: 1;
  bottom: 110%;
}
.main-payment-container .select-payment .selected-payment .name {
  color: #4D7294;
}
.main-payment-container .select-payment .selected-payment strong {
  color: #1A4975;
}

.front-soonFly-container {
  padding: 0.25rem 0;
}

.timer {
  padding: 1rem;
  border-radius: 0.5rem;
  -ms-box-shadow: 0 0 0 1px rgba(255, 193, 7, 0.6);
  -o-box-shadow: 0 0 0 1px rgba(255, 193, 7, 0.6);
  box-shadow: 0 0 0 1px rgba(255, 193, 7, 0.6);
}
.timer p {
  margin: 0;
}
.timer strong {
  background-color: rgb(255, 193, 7);
  color: rgb(255, 255, 255);
  font-size: 1.125rem;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(255, 193, 7, 0.6);
  -o-box-shadow: 0 0.5rem 1rem rgba(255, 193, 7, 0.6);
  box-shadow: 0 0.5rem 1rem rgba(255, 193, 7, 0.6);
  margin-right: 1rem;
}
.timer span {
  font-style: 1rem;
  color: #4D7294;
}

.qpay-code {
  padding: 1rem;
  background-color: rgb(240, 243, 245);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.qpay-code img {
  max-width: 50%;
  margin: auto;
  border-radius: 0.25rem;
}
.qpay-code p {
  margin-left: 1rem;
}
.qpay-code p span {
  font-size: 0.8125rem;
  display: block;
  color: #4D7294;
}
.qpay-code p .price {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1679D5;
  margin-bottom: 1rem;
  display: block;
}

.qpay-mobile-modal li {
  width: 100%;
}
.qpay-mobile-modal li p {
  margin: 0;
}
.qpay-mobile-modal li .btn {
  width: 100%;
  display: flex;
}
.qpay-mobile-modal li .btn:hover strong {
  color: rgb(255, 255, 255);
}
.qpay-mobile-modal li .btn:hover .svg-icon path {
  stroke: rgb(255, 255, 255);
}
.qpay-mobile-modal li strong {
  font-size: 0.8125rem;
  color: #4D7294;
}
.qpay-mobile-modal li .image {
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
}
.qpay-mobile-modal li + li {
  margin-top: 1rem;
}
.qpay-mobile-modal .qpay-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 2rem;
}
.qpay-mobile-modal .qpay-content .to-pay {
  text-align: center;
  color: #4D7294;
  margin: 0;
  font-size: 0.8125rem;
}
.qpay-mobile-modal .qpay-content .to-pay strong {
  display: block;
  color: #1679D5;
  font-weight: 700;
  font-size: 1.125rem;
}
.qpay-mobile-modal .qpay-content img {
  display: block;
  margin: auto;
  width: 15rem;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.qpay-mobile-modal .qpay-content .btn-line {
  font-size: 0.8125rem;
}
.qpay-mobile-modal .qpay-content .btn-line .svg-icon path {
  fill: #1679D5;
}

.user-profile-container {
  padding: 2rem;
  border-radius: 0.25rem;
  background-color: rgb(255, 255, 255);
  margin: 2rem 0;
}
.user-profile-container .order-btn-divider {
  padding-bottom: 0.5rem;
  border-bottom: 1px dashed #E6EBF0;
  margin-bottom: 1rem;
}
.user-profile-container .no-active-order {
  background-color: bg;
  padding: 3rem 1rem;
  text-align: center;
  background-color: rgb(240, 243, 245);
  margin: 2rem 0;
  border-radius: 0.5rem;
}
.user-profile-container .no-active-order p {
  margin: 0;
  font-weight: 700;
  font-size: 1.125rem;
  color: rgba(0, 0, 0, 0.2);
}
.user-profile-container h5 {
  margin-bottom: 1rem;
}
.user-profile-container .swiper-slide {
  padding: 1px;
}
.user-profile-container .form-floating, .user-profile-container .login-form-container {
  margin-bottom: 2rem;
}
.user-profile-container .single + .single {
  border-top: 1px dotted #E6EBF0;
  margin-top: 2rem;
  padding-top: 2rem;
}
.user-profile-container .single .chosen-flight {
  padding: 0;
  margin: 0 0 2rem;
}
.user-profile-container .nav-link {
  color: #4D7294;
}
.user-profile-container .nav-link.active {
  background-color: #1679D5;
}

.user-left-menu {
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: rgb(255, 255, 255);
  margin: 2rem 0 !important;
  font-size: 0.8125rem;
}
.user-left-menu .link-item {
  border: none;
  background-color: rgb(255, 255, 255);
  width: 100%;
  display: block;
  text-align: left;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  text-decoration: none;
  color: #4D7294;
  transition: 0.2s ease;
}
.user-left-menu li:hover .link-item {
  background-color: rgb(240, 243, 245);
  color: #003566;
}
.user-left-menu .active .link-item {
  color: #1679D5;
  background-color: rgb(240, 243, 245);
}
.user-left-menu .leave {
  border-top: 1px dotted #E6EBF0;
}
.user-left-menu .leave .link-item {
  color: rgb(214, 40, 40);
}
.user-left-menu .leave:hover .link-item {
  background-color: rgba(214, 40, 40, 0.1);
  color: rgb(214, 40, 40);
}

.nationality-form {
  position: relative;
  z-index: 1;
}
.nationality-form.active-drop .nationality-drop {
  display: block;
}
.nationality-form .nationality-drop {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 20rem;
  background-color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  display: none;
}
.nationality-form .nationality-drop .form-bg {
  position: sticky;
  top: 0;
  background-color: rgb(255, 255, 255);
  padding: 0.5rem;
  z-index: 1;
}
.nationality-form .nationality-drop .form-control {
  font-size: 0.8125rem;
  color: #003566;
  padding: 0.5rem 1rem;
}
.nationality-form .nationality-drop .btn {
  width: 100%;
  position: relative;
  padding-right: 2.5rem;
  font-size: 0.8125rem;
  color: #4D7294;
}
.nationality-form .nationality-drop ul {
  padding: 0.5rem;
}
.nationality-form .nationality-drop li {
  position: relative;
}
.nationality-form .nationality-drop li .svg-icon {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.nationality-form .nationality-drop li .svg-icon path {
  stroke: rgb(139, 195, 74);
}
.nationality-form .nationality-drop li:hover .btn {
  background-color: rgb(240, 243, 245);
  color: #003566;
}
.nationality-form .nationality-drop .active .btn {
  color: rgb(139, 195, 74);
  background-color: rgb(240, 243, 245);
}
.nationality-form .nationality-drop .active .svg-icon {
  display: block;
}
.nationality-form .chevron {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.nationality-form .selected-option {
  background-color: rgb(255, 255, 255);
  border: none;
  padding: 0;
  color: #1A4975;
  padding: 1.625rem 2.25rem 0.625rem 0.75rem;
  width: 100%;
  text-align: left;
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  height: calc(3.5rem + 2px);
}
.nationality-form .selected-option strong {
  display: block;
  line-height: 1.25;
  font-size: 0.8125rem;
}
.nationality-form .selected-option span {
  position: absolute;
  padding: 1rem 0.75rem;
  top: 0;
  left: 0;
  height: 100%;
  white-space: nowrap;
  display: block;
  transform: scale(0.85) translateY(-0.75rem) translateX(-0.35rem);
  opacity: 0.65;
}

.please-refresh {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 15;
}
.please-refresh .content {
  padding: 3rem 2rem 2rem;
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
  width: 80%;
  max-width: 20rem;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  display: block;
}
.please-refresh .content .image {
  width: 5rem;
  height: 5rem;
  padding: 0.5rem 0.5rem 0.75rem;
  -ms-box-shadow: 0 0 0 0.125rem rgb(255, 193, 7), 0 0 0 0.75rem rgb(255, 255, 255);
  -o-box-shadow: 0 0 0 0.125rem rgb(255, 193, 7), 0 0 0 0.75rem rgb(255, 255, 255);
  box-shadow: 0 0 0 0.125rem rgb(255, 193, 7), 0 0 0 0.75rem rgb(255, 255, 255);
  border-radius: 50%;
  margin-bottom: -2rem;
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
}
.please-refresh .content .image img {
  width: 100%;
  height: 100%;
}
.please-refresh .content .text {
  margin-bottom: 1rem;
}
.please-refresh .content .text strong {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 1rem;
}
.please-refresh .content .btn {
  font-size: 0.8125rem;
}
.please-refresh .content .btn img {
  width: 1.25rem;
  height: 1.25rem;
}

.sorry-no-flight {
  background-color: #E8F2FB;
  padding: 2rem 1rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.sorry-no-flight img {
  width: 30%;
  max-width: 5rem;
  margin-bottom: 1rem;
}
.sorry-no-flight p {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #809AB2;
  text-align: center;
}

.flight-date-search-slide {
  padding: 0.5rem 4rem;
}
.flight-date-search-slide .today .date {
  background-color: rgba(255, 193, 7, 0.3);
}
.flight-date-search-slide .active .date {
  background-color: #E8F2FB;
  color: #1679D5;
}
.flight-date-search-slide .active .date span {
  color: #1679D5;
}
.flight-date-search-slide .swiper-slide:hover .date {
  background-color: #E8F2FB;
}
.flight-date-search-slide .date {
  text-align: center;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background-color: rgb(255, 255, 255);
  transition: 0.2s ease;
  border: none;
  display: block;
  width: 100%;
  color: #003566;
}
.flight-date-search-slide .date span {
  color: #809AB2;
  display: block;
  font-size: 0.8125rem;
}

.flight-passenger-confirm-modal .modal-verify {
  padding: 1rem;
  border-radius: 0.25rem;
  margin: -1rem -1rem 2rem;
  background-color: rgb(240, 243, 245);
  position: sticky;
  top: 0;
  -ms-box-shadow: 0 0.5rem 1rem #E6EBF0;
  -o-box-shadow: 0 0.5rem 1rem #E6EBF0;
  box-shadow: 0 0.5rem 1rem #E6EBF0;
}
.flight-passenger-confirm-modal .modal-verify p {
  text-align: center;
}
.flight-passenger-confirm-modal .modal-verify .timer-and-code {
  width: 15rem;
  max-width: 100%;
  margin: auto;
}
.flight-passenger-confirm-modal .modal-verify .timer-and-code .error-text {
  position: relative;
  padding-top: 0.25rem;
}
.flight-passenger-confirm-modal .single {
  margin-bottom: 1rem;
}
.flight-passenger-confirm-modal .single + .single {
  padding-top: 2rem;
}
.flight-passenger-confirm-modal .info {
  margin-bottom: 1rem;
}
.flight-passenger-confirm-modal .info span {
  color: #4D7294;
  font-size: 0.8125rem;
}
.flight-passenger-confirm-modal .info strong {
  display: block;
}
.flight-passenger-confirm-modal .title {
  text-transform: none;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}
.flight-passenger-confirm-modal .title span, .flight-passenger-confirm-modal .title strong {
  display: block;
}
.flight-passenger-confirm-modal .title strong {
  color: #1A4975;
}
.flight-passenger-confirm-modal .title span {
  margin-right: 0.5rem;
  margin-left: -1rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  background-color: rgb(240, 243, 245);
  color: #809AB2;
  font-weight: 700;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.flight-passenger-confirm-modal .title small {
  margin-left: 0.25rem;
  font-size: 0.8125rem;
  color: #809AB2;
}
.flight-passenger-confirm-modal .policy {
  padding: 1rem;
  background-color: rgba(255, 193, 7, 0.1);
  margin-top: 1rem;
  text-align: center;
  border-radius: 0.25rem;
}

.radio-sort {
  padding-top: 0.75rem;
  border-top: 1px dotted #E6EBF0;
  margin-top: 0.5rem !important;
}
.radio-sort li {
  margin-right: 0.25rem;
}
.radio-sort .form-check {
  position: relative;
  padding: 0;
  margin: 0;
}
.radio-sort .form-check-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  margin: 0;
}
.radio-sort .form-check-input:checked ~ .form-check-label {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0 0 1px transparent;
  -o-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
}
.radio-sort .form-check-input:hover ~ .form-check-label {
  background-color: rgb(240, 243, 245);
}
.radio-sort .form-check-input:checked:hover ~ .form-check-label {
  background-color: #1679D5;
  -ms-box-shadow: 0 0.5rem 1rem #73AFE6;
  -o-box-shadow: 0 0.5rem 1rem #73AFE6;
  box-shadow: 0 0.5rem 1rem #73AFE6;
}
.radio-sort .form-check-label {
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: 0.2s ease;
  font-size: 0.6875rem;
  background-color: #E8F2FB;
}
.radio-sort .form-check-label:hover {
  background-color: rgb(240, 243, 245);
}

.hotel-detail-container p {
  margin: 0;
}
.hotel-detail-container a {
  text-decoration: none;
}
.hotel-detail-container .hotel-detail-header {
  margin: 2rem 0;
  padding: 1rem;
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
}
.hotel-detail-container .hotel-detail-header .detail {
  margin-bottom: 0.5rem;
}
.hotel-detail-container .hotel-detail-header .detail .name {
  font-size: 1.125rem;
  color: #1679D5;
  font-weight: 700;
  display: block;
}
.hotel-detail-container .hotel-detail-header .detail .location {
  border: none;
  background-color: transparent;
  padding: 0;
  color: #4D7294;
  margin-top: 0.25rem;
}
.hotel-detail-container .hotel-detail-header .detail .location:hover {
  color: #1679D5;
  text-decoration: underline;
}
.hotel-detail-container .hotel-detail-header .detail .location:hover .svg-icon path {
  fill: #1679D5;
}
.hotel-detail-container .hotel-detail-header .detail .location .svg-icon {
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.25rem;
}
.hotel-detail-container .hotel-detail-header .detail .location .svg-icon path {
  fill: #809AB2;
}
.hotel-detail-container .hotel-detail-header .rating {
  background-color: rgb(240, 243, 245);
  border-radius: 0.25rem;
  text-align: right;
  color: #1679D5;
  padding: 0.5rem 1rem 0.25rem;
  margin-bottom: 0.5rem;
  flex-shrink: 0;
  border: none;
}
.hotel-detail-container .hotel-detail-header .rating p {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5rem;
}
.hotel-detail-container .hotel-detail-header .rating .svg-icon {
  margin-bottom: 0.25rem;
}
.hotel-detail-container .hotel-detail-header .rating .svg-icon path {
  fill: rgb(255, 193, 7);
}
.hotel-detail-container .hotel-detail-header .rating strong {
  font-size: 1.125rem;
}
.hotel-detail-container .hotel-detail-header .rating span {
  line-height: 0.875rem;
  color: #4D7294;
  font-size: 0.8125rem;
}
.hotel-detail-container .hotel-detail-header .short-info {
  padding: 0.5rem;
  margin: 0.5rem 0;
  border-top: 1px solid #E6EBF0;
  border-bottom: 1px solid #E6EBF0;
}
.hotel-detail-container .hotel-detail-header .short-info p {
  color: #4D7294;
  margin-bottom: 0.5rem;
}
.hotel-detail-container .hotel-detail-image-wrap {
  width: 100%;
}
.hotel-detail-container .hotel-detail-image-wrap .swiper-slide {
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
}
.hotel-detail-container .hotel-detail-image-wrap .swiper-slide:before {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.hotel-detail-container .hotel-detail-image-wrap .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.hotel-detail-container .hotel-detail-image-wrap .swiper-slide {
  opacity: 0.5;
  transition: 0.2s ease;
}
.hotel-detail-container .hotel-detail-image-wrap .big-slide .swiper-slide {
  background-color: rgb(240, 243, 245);
}
.hotel-detail-container .hotel-detail-image-wrap .big-slide .swiper-slide img {
  -o-object-fit: contain;
     object-fit: contain;
}
.hotel-detail-container .hotel-detail-image-wrap .big-slide .swiper-slide-active {
  opacity: 1;
}
.hotel-detail-container .hotel-detail-image-wrap .thumb-slide {
  padding-top: 0.5rem;
  margin-bottom: 1rem;
}
.hotel-detail-container .hotel-detail-image-wrap .thumb-slide .swiper-slide {
  cursor: pointer;
}
.hotel-detail-container .hotel-detail-image-wrap .thumb-slide .swiper-slide-thumb-active {
  opacity: 1;
}
.hotel-detail-container .amenities li {
  width: calc(33.3333% - 0.5rem);
  display: flex;
  align-items: center;
  margin: 0 0.5rem 0.5rem 0;
}
.hotel-detail-container .amenities li .svg-icon {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.hotel-detail-container .amenities li .svg-icon path {
  fill: #4D7294;
}
.hotel-detail-container .amenities li strong {
  font-weight: 400;
  color: #4D7294;
  font-size: 0.8125rem;
  padding: 0 0.5rem;
}

.hotel-room-container {
  margin-bottom: 2rem;
}

.room-list-header {
  background-color: rgb(255, 255, 255);
  padding: 1rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.single-hotel-room {
  margin-bottom: 1rem;
}
.single-hotel-room .header .image {
  position: relative;
}
.single-hotel-room .header .image span {
  position: absolute;
  z-index: 1;
  background-color: #4D7294;
  bottom: 0.25rem;
  right: 0.25rem;
  font-weight: 700;
  font-size: 0.6875rem;
  padding: 0 0.25rem;
  border-radius: 0.25rem;
  color: rgb(255, 255, 255);
}

.hotel-rooms .room {
  padding: 1rem 1rem 0.5rem;
  -ms-box-shadow: inset 0 0 0 0.125rem #E6EBF0;
  -o-box-shadow: inset 0 0 0 0.125rem #E6EBF0;
  box-shadow: inset 0 0 0 0.125rem #E6EBF0;
  margin-top: 1rem;
  border-radius: 0.25rem;
  transition: 0.2s ease;
}
.hotel-rooms .room:hover, .hotel-rooms .room.active {
  -ms-box-shadow: inset 0 0 0 0.125rem #B9D7F2;
  -o-box-shadow: inset 0 0 0 0.125rem #B9D7F2;
  box-shadow: inset 0 0 0 0.125rem #B9D7F2;
}
.hotel-rooms .room p {
  margin: 0 0 0.5rem;
  color: #1A4975;
  font-weight: 600;
}
.hotel-rooms .room .svg-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.hotel-rooms .room .beds-features {
  padding: 0 1rem;
  margin: 0 1rem;
  border-left: 1px dashed #E6EBF0;
  border-right: 1px dashed #E6EBF0;
}
.hotel-rooms .room .info {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.hotel-rooms .room .info .cancellation {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.hotel-rooms .room .info .cancellation ul {
  padding-left: 0.25rem;
  color: #4D7294;
}
.hotel-rooms .room .info .cancellation ul .free {
  color: rgb(139, 195, 74);
}
.hotel-rooms .room .info .cancellation ul strong {
  color: #1679D5;
}
.hotel-rooms .room .info .cancellation .svg-icon {
  flex-shrink: 0;
}
.hotel-rooms .room .info .cancellation .svg-icon path {
  fill: #1A4975;
}
.hotel-rooms .room .info .svg-icon path, .hotel-rooms .room .beds-features .svg-icon path {
  fill: #1A4975;
}
.hotel-rooms .room .beds-features {
  display: flex;
  width: 30%;
  flex-direction: column;
}
.hotel-rooms .room .action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.hotel-rooms .room .action .price {
  padding-right: 1rem;
  text-align: right;
}
.hotel-rooms .room .action .price span {
  font-size: 0.8125rem;
  color: #4D7294;
}
.hotel-rooms .room .action .price strong {
  font-size: 1.125rem;
  color: #1679D5;
  display: block;
}
.hotel-rooms .room .action .price del {
  color: #4D7294;
}
.hotel-rooms button[aria-expanded=true] {
  background-color: #F0573B;
  color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.5rem 1rem #F7AB9D;
  -o-box-shadow: 0 0.5rem 1rem #F7AB9D;
  box-shadow: 0 0.5rem 1rem #F7AB9D;
}
.hotel-rooms button[aria-expanded=true] .svg-icon {
  transform: rotate(180deg);
}
.hotel-rooms button[aria-expanded=true] .svg-icon path {
  stroke: rgb(255, 255, 255);
}
.hotel-rooms button[aria-expanded=true]:hover {
  background-color: #F0573B;
}

.room-images-modal .swiper-slide .ratio-image {
  border-radius: 0.25rem;
}
.room-images-modal .swiper-slide {
  opacity: 0.5;
  transition: 0.2s ease;
}
.room-images-modal .big-slide1 .swiper-slide {
  background-color: rgb(240, 243, 245);
}
.room-images-modal .big-slide1 .swiper-slide .ratio-image img {
  -o-object-fit: contain;
     object-fit: contain;
}
.room-images-modal .big-slide1 .swiper-slide-active {
  opacity: 1;
}
.room-images-modal .thumb-slide1 {
  padding-top: 0.5rem;
}
.room-images-modal .thumb-slide1 .swiper-slide {
  cursor: pointer;
}
.room-images-modal .thumb-slide1 .swiper-slide-thumb-active {
  opacity: 1;
}
.room-images-modal .amenities {
  margin: 0.5rem -0.25rem 0;
}
.room-images-modal .amenities .col {
  align-items: center;
}
.room-images-modal .amenities img {
  margin-right: 0.25rem;
}
.room-images-modal .slide-filter {
  overflow-x: auto;
}
.room-images-modal .slide-filter .btn {
  padding: 0.5rem 1rem;
  color: #1A4975;
  white-space: nowrap;
}
.room-images-modal .slide-filter .btn:hover {
  background-color: #E8F2FB;
}
.room-images-modal .slide-filter .active {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
}

.hotel-stay-date {
  color: #1A4975;
}
.hotel-stay-date p {
  margin: 0;
}
.hotel-stay-date li {
  padding: 0.5rem;
  margin: 0 0.5rem 0.5rem 0;
}
.hotel-stay-date li span {
  font-size: 0.8125rem;
  color: #4D7294;
  display: block;
}
.hotel-stay-date .svg-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.hotel-stay-date .nights {
  background-color: rgb(240, 243, 245);
  padding: 0.25rem 1rem;
  border-radius: 0.25rem;
}
.hotel-stay-date .hotel-name {
  font-size: 1.125rem;
  color: #1679D5;
}
.hotel-stay-date .room-name {
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 0.8125rem;
}

.success-image-modal .modal-content {
  background-color: transparent;
  border: none;
}
.success-image-modal .modal-content .image {
  background-color: rgb(255, 255, 255);
  padding: 2.5rem;
  width: 20rem;
  border-radius: 50%;
  margin: 0 auto -2rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.success-image-modal .modal-content .image img {
  margin: 0%;
}
.success-image-modal .modal-content p {
  text-align: center;
  background-color: rgb(255, 255, 255);
  padding: 2rem;
  border-radius: 1rem;
  font-size: 1.125rem;
}

.travel-container .travel-program {
  background-color: rgb(255, 255, 255);
  padding: 4rem 0 2rem;
}
.travel-container .call-to-action {
  margin: 2rem 0 1rem;
}
.travel-container .call-to-action p {
  color: #1A4975;
  text-align: center;
}
.travel-container .call-to-action li {
  margin: 0.5rem;
}
.travel-container .call-to-action .btn-line {
  font-size: 1.125rem;
}
.travel-container .call-to-action .btn-line .svg-icon path {
  fill: #1679D5;
}
.travel-container .call-to-action .btn-line:hover .svg-icon path {
  fill: rgb(255, 255, 255);
}
.travel-container .header-image {
  position: relative;
}
.travel-container .header-image img {
  max-width: 100%;
}
.travel-container h3 {
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2rem;
}
.travel-container .ratio-image {
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0.5rem 1.5rem #B3C2D1;
  -o-box-shadow: 0 0.5rem 1.5rem #B3C2D1;
  box-shadow: 0 0.5rem 1.5rem #B3C2D1;
  transition: 0.2s ease;
}
.travel-container .ratio-image:hover {
  transform: rotate(1.5deg);
}
.travel-container .ratio-image:before {
  content: "";
  padding-bottom: 100%;
  display: block;
}
.travel-container .ratio-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.travel-expense {
  margin: 4rem 0;
}
.travel-expense li {
  padding: 0.5rem;
  width: 50%;
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  transition: 0.2s ease;
}
.travel-expense li:hover {
  background-color: rgb(255, 255, 255);
}
.travel-expense li img {
  margin-right: 1rem;
  width: 3rem;
  height: 3rem;
}
.travel-expense li span {
  display: inline-block;
}

.travel-warning {
  border-top: 2px dashed rgba(214, 40, 40, 0.1);
  background-color: rgb(255, 255, 255);
  padding: 4rem 0 2rem;
}
.travel-warning h3 {
  color: rgb(214, 40, 40);
}
.travel-warning .ratio-image:before {
  padding-bottom: 50%;
}

.user-profile.static-page .user-profile-container p {
  color: #1A4975;
}
.user-profile.static-page .user-profile-container p.warning {
  color: rgba(214, 40, 40, 0.7);
}
.user-profile.static-page .user-profile-container strong {
  font-weight: 700;
}
.user-profile.static-page .user-profile-container ol {
  padding-left: 1rem;
}
.user-profile.static-page .user-profile-container img {
  max-width: 100%;
  margin: 1rem auto;
  border-radius: 0.25rem;
  display: block;
}
.user-profile.static-page .user-profile-container a {
  color: #1679D5;
}
.user-profile.static-page .user-profile-container ul, .user-profile.static-page .user-profile-container ol {
  margin-bottom: 1.5rem;
}
.user-profile.static-page .user-profile-container ul li p:first-child, .user-profile.static-page .user-profile-container ol li p:first-child {
  margin-bottom: 0.5rem;
}
.user-profile.static-page .user-profile-container ul ul, .user-profile.static-page .user-profile-container ol ul {
  margin-bottom: 1.5rem;
}
.user-profile.static-page .user-profile-container ul ul p, .user-profile.static-page .user-profile-container ol ul p {
  margin-bottom: 0.5rem;
}

.hotel-location-modal .modal-body .map-wrap {
  position: relative;
}
.hotel-location-modal .modal-body .map-wrap:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.hotel-location-modal .modal-body .example-map {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  position: absolute;
}
.hotel-location-modal .modal-body .grid-card {
  max-width: 15rem;
  min-width: 10rem;
  width: 100%;
  background-color: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
}
.hotel-location-modal .modal-body .grid-card .media-wrapper {
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
}
.hotel-location-modal .modal-body .grid-card .media-wrapper:before {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.hotel-location-modal .modal-body .grid-card .media-wrapper img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  position: absolute;
}
.hotel-location-modal .modal-body .grid-card .content-wrapper {
  padding: 0.5rem 0 0;
}
.hotel-location-modal .modal-body .grid-card .content-wrapper .title {
  color: #1679D5;
}
.hotel-location-modal .modal-body .grid-card .content-wrapper .location {
  font-size: 0.8125rem;
  color: #4D7294;
}
.hotel-location-modal .modal-body .grid-card .content-wrapper .location .svg-icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-top: -0.25rem;
}
.hotel-location-modal .modal-body .grid-card .content-wrapper .location .svg-icon path {
  fill: #4D7294;
}
.hotel-location-modal .modal-body .grid-card .content-wrapper .rating .svg-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.hotel-location-modal .modal-body .grid-card .content-wrapper .rating .svg-icon path {
  fill: rgb(255, 193, 7);
}
.hotel-location-modal .modal-body .grid-card .content-wrapper .price {
  color: #1679D5;
  font-weight: 700;
  margin: 0;
}
.hotel-location-modal .modal-body .grid-card .content-wrapper .btn-main {
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
}

.train-cominsoon {
  position: relative;
}
.train-cominsoon:before {
  content: "";
  display: block;
  padding-bottom: 30%;
}
.train-cominsoon p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  z-index: 1;
  padding: 1rem;
  font-size: 1.125rem;
  color: #1A4975;
  border-radius: 0.25rem;
  background-color: rgba(255, 255, 255, 0.3);
  -ms-box-shadow: 0 0 1rem rgba(255, 255, 255, 0.7);
  -o-box-shadow: 0 0 1rem rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 1rem rgba(255, 255, 255, 0.7);
}
.train-cominsoon img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.hotel-full-map {
  height: 100vh !important;
  position: relative;
  width: 100%;
  background-color: rgb(255, 255, 255);
}
.hotel-full-map .map-left {
  height: 100%;
}
.hotel-full-map .map-header {
  position: sticky;
  z-index: 1;
  padding: 0.5rem;
  top: 0;
  background-color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.5rem 1rem #E6EBF0;
  -o-box-shadow: 0 0.5rem 1rem #E6EBF0;
  box-shadow: 0 0.5rem 1rem #E6EBF0;
}
.hotel-full-map .map-header img {
  height: 2rem;
}
.hotel-full-map .map-header .btn {
  padding: 0.5rem;
}
.hotel-full-map .map-header .btn .svg-icon {
  width: 1rem;
  height: 1rem;
}
.hotel-full-map .map-header .btn .svg-icon path {
  stroke: #4D7294;
}
.hotel-full-map .google-map {
  position: relative;
  height: 100%;
  width: 100%;
}
.hotel-full-map .google-map .mobile-hotel-container {
  margin-top: 3rem;
}
.hotel-full-map .google-map .map-wrap {
  position: relative;
}
.hotel-full-map .google-map .map-wrap:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.hotel-full-map .google-map .new-main-search {
  position: absolute;
  width: 100%;
  background: none;
}
.hotel-full-map .google-map .example-map {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  position: absolute;
}
.hotel-full-map .google-map .grid-card {
  max-width: 15rem;
  min-width: 10rem;
  width: 100%;
  background-color: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
}
.hotel-full-map .google-map .grid-card .media-wrapper {
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
}
.hotel-full-map .google-map .grid-card .media-wrapper:before {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.hotel-full-map .google-map .grid-card .media-wrapper img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  position: absolute;
}
.hotel-full-map .google-map .grid-card .content-wrapper {
  padding: 0.5rem 0 0;
}
.hotel-full-map .google-map .grid-card .content-wrapper .title {
  color: #1679D5;
}
.hotel-full-map .google-map .grid-card .content-wrapper .location {
  font-size: 0.8125rem;
  color: #4D7294;
}
.hotel-full-map .google-map .grid-card .content-wrapper .location .svg-icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-top: -0.25rem;
}
.hotel-full-map .google-map .grid-card .content-wrapper .location .svg-icon path {
  fill: #4D7294;
}
.hotel-full-map .google-map .grid-card .content-wrapper .rating .svg-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.hotel-full-map .google-map .grid-card .content-wrapper .rating .svg-icon path {
  fill: rgb(255, 193, 7);
}
.hotel-full-map .google-map .grid-card .content-wrapper .price {
  color: #1679D5;
  font-weight: 700;
  margin: 0;
}
.hotel-full-map .google-map .grid-card .content-wrapper .btn-main {
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
}
.hotel-full-map .main-search-form {
  bottom: auto;
}
.hotel-full-map .left-filter-container {
  height: calc(100% - 3rem);
  overflow-y: auto;
  padding-top: 0;
  border-right: 1px solid #E6EBF0;
  margin: 0 !important;
}
.hotel-full-map .left-filter-container .single-filter {
  padding-left: 0;
  padding-right: 0;
}
.hotel-full-map .left-filter-container .single-filter .form-check-label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.unsubscribe {
  background-color: rgb(255, 255, 255);
  padding: 2rem;
  border-radius: 1rem;
  margin: 3rem 0;
}
.unsubscribe img {
  width: 100%;
  margin-bottom: 2rem;
}
.unsubscribe h5 {
  font-size: 1.125rem;
}
.unsubscribe p {
  margin-bottom: 1.5rem;
  color: #4D7294;
}

.trip-date-select {
  height: 100%;
}
.trip-date-select .form-select {
  height: 100%;
}

.sorry-no-flight-new {
  margin: 2rem auto;
}
.sorry-no-flight-new .message {
  color: #4D7294;
  font-weight: 600;
  text-align: center;
  padding: 1rem;
  background-color: rgb(255, 255, 255);
  margin: 1rem auto;
  border-radius: 0.5rem;
}
.sorry-no-flight-new .phone-sub {
  padding: 1rem;
  background-color: rgb(255, 255, 255);
  margin: 1rem auto;
  border-radius: 0.5rem;
}
.sorry-no-flight-new .phone-sub .btn-sec {
  background-color: #F0573B;
  padding: 0.5rem 1rem 0.5rem 0.5rem !important;
}
.sorry-no-flight-new .phone-sub .login-number-container {
  border-radius: 0.25rem;
  overflow: hidden;
  width: 100%;
  max-width: 30rem;
  margin: 0 auto 0 !important;
}
.sorry-no-flight-new .phone-sub .login-number-container .btn-login-number strong {
  color: #1A4975;
}
.sorry-no-flight-new .phone-sub p {
  font-size: 0.825rem;
  color: #1679D5;
  font-weight: 600;
}

.login-page {
  position: relative;
}

.trip-slide .swiper-slide, .trip-slide-thumb .swiper-slide, .trip-slide2 .swiper-slide, .trip-slide-thumb2 .swiper-slide {
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
}
.trip-slide .swiper-slide:after, .trip-slide-thumb .swiper-slide:after, .trip-slide2 .swiper-slide:after, .trip-slide-thumb2 .swiper-slide:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.trip-slide .swiper-slide img, .trip-slide-thumb .swiper-slide img, .trip-slide2 .swiper-slide img, .trip-slide-thumb2 .swiper-slide img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.trip-slide-thumb .swiper-slide, .trip-slide-thumb2 .swiper-slide {
  opacity: 0.5;
  transition: 0.1s ease;
  cursor: pointer;
}
.trip-slide-thumb .swiper-slide:hover, .trip-slide-thumb2 .swiper-slide:hover {
  opacity: 1;
}
.trip-slide-thumb .swiper-slide-thumb-active, .trip-slide-thumb2 .swiper-slide-thumb-active {
  opacity: 1;
}

.trip-info-list {
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: rgb(255, 255, 255);
}
.trip-info-list .nav-link {
  color: #4D7294;
  padding: 0.75rem 2rem;
  font-size: 0.8125rem;
}
.trip-info-list .nav-link.active {
  background-color: rgb(240, 243, 245);
  color: #1A4975;
}

.trip-info-detail {
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: rgb(255, 255, 255);
  margin: 1rem 0;
}
.trip-info-detail h1 {
  margin: 0 0 1rem;
  padding: 0 0.25rem;
}
.trip-info-detail .short-info li {
  display: flex;
  padding: 0.25rem;
  align-items: center;
}
.trip-info-detail .short-info li .text {
  padding-left: 1rem;
  margin: 0;
  flex-direction: column;
  display: flex;
  color: #1A4975;
}
.trip-info-detail .short-info li small {
  display: block;
  width: 100%;
  font-weight: 400;
  color: #4D7294;
}
.trip-info-detail .short-info li small p {
  padding: 0 !important;
  display: inline !important;
  margin: 0 0.25rem 0.25rem 0;
}
.trip-info-detail .short-info li .svg-icon {
  flex-shrink: 0;
}
.trip-info-detail .short-info li .svg-icon path {
  fill: #1A4975;
}
.trip-info-detail .short-info li span {
  font-size: 0.8125rem;
  color: #4D7294;
}
.trip-info-detail .single {
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: #F3F8FD;
  margin: 0 -0.5rem 0.5rem;
}
.trip-info-detail .single.empty {
  text-align: center;
}
.trip-info-detail .single.empty .svg-icon {
  width: 5rem;
  height: 5rem;
}
.trip-info-detail .single.empty .svg-icon path {
  fill: #E6EBF0;
}
.trip-info-detail .single.empty p {
  margin-bottom: 1rem;
  color: #809AB2;
}
.trip-info-detail .single .title {
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #F2F5F7;
  padding-bottom: 0.5rem;
}
.trip-info-detail .single .title h5 {
  margin: 0;
  font-size: 0.8125rem;
  color: #4D7294;
  text-transform: none;
}
.trip-info-detail .single .title .btn-close {
  padding: 0.25rem;
  width: 0.75rem;
  height: 0.75rem;
  background-size: 50%;
}
.trip-info-detail .single p {
  margin: 0;
  min-width: 33.3333333333%;
}
.trip-info-detail .single p span {
  display: flex;
  color: #4D7294;
  font-size: 0.8125rem;
}
.trip-info-detail .single p span i {
  font-style: normal;
  font-weight: 600;
  color: #003566;
  margin-left: 0.25rem;
}
.trip-info-detail .single p strong {
  display: block;
  color: #1A4975;
}
.trip-info-detail .single p .price {
  color: #1679D5;
}
.trip-info-detail .total-price {
  margin-top: 1rem;
  padding: 0.5rem;
  text-align: right;
}
.trip-info-detail .total-price .price {
  color: #1679D5;
  font-size: 1.125rem;
}
.trip-info-detail .total-price span {
  color: #1A4975;
}
.trip-info-detail .total-price i {
  display: block;
  font-size: 0.6875rem;
  font-weight: 400;
  color: #809AB2;
}
.trip-info-detail .download-invoice {
  border-top: 1px solid rgb(240, 243, 245);
  padding-top: 0.5rem;
}
.trip-info-detail .download-invoice .btn {
  font-weight: 400;
  color: #4D7294;
  font-size: 0.8125rem;
}
.trip-info-detail .download-invoice .btn:hover {
  background-color: rgb(240, 243, 245);
}

.trip-detail-container h5 {
  font-size: 1.125rem;
  color: #1A4975;
  margin: 1.5rem 0 0.5rem;
}
.trip-detail-container ul li {
  margin-bottom: 0.5rem;
}
.trip-detail-container ul ul {
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
}
.trip-detail-container .warning {
  background-color: rgba(255, 193, 7, 0.1);
  padding: 1rem;
  margin-top: 1.5rem;
  border-radius: 0.25rem;
}
.trip-detail-container .warning h5 {
  margin-top: 0;
  color: rgb(255, 193, 7);
  display: flex;
  align-items: center;
}
.trip-detail-container .warning h5 .svg-icon {
  margin-right: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
}
.trip-detail-container .warning h5 .svg-icon path {
  fill: rgb(255, 193, 7);
}
.trip-detail-container .warning ol {
  padding-left: 1.25rem;
}
.trip-detail-container .warning ol li {
  margin: 0.5rem 0;
  color: #1A4975;
  font-weight: 500;
}
.trip-detail-container .general-info small {
  color: #4D7294;
}
.trip-detail-container .general-info .details {
  padding-left: 0;
}
.trip-detail-container .general-info .details > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.25rem 0;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.trip-detail-container .general-info .details > li:nth-child(odd) {
  background-color: #F3F8FD;
}
.trip-detail-container .general-info .details > li span {
  margin-right: 1rem;
  color: #4D7294;
  font-weight: 500;
}
.trip-detail-container .general-info .details > li div, .trip-detail-container .general-info .details > li strong, .trip-detail-container .general-info .details > li ul, .trip-detail-container .general-info .details > li p {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 1;
  flex-wrap: wrap;
  text-align: right;
  max-width: 30rem;
  align-items: baseline;
  align-items: flex-end;
  margin: 0;
}
.trip-detail-container .general-info .details > li p strong {
  color: #1679D5;
  font-size: 1.125rem;
  margin-left: 0.25rem;
}
.trip-detail-container .general-info .details > li p strong small {
  color: #1679D5;
}
.trip-detail-container .general-info .details > li div {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.trip-detail-container .general-info .details > li ul li {
  background-color: rgb(255, 255, 255);
  margin: 0.25rem;
  padding: 0 0.25rem;
  border-radius: 0.25rem;
  font-weight: 500;
  -ms-box-shadow: 0 0 0 1px #F3F8FD;
  -o-box-shadow: 0 0 0 1px #F3F8FD;
  box-shadow: 0 0 0 1px #F3F8FD;
}
.trip-detail-container .tab-content ul {
  padding-left: 1.25rem;
}
.trip-detail-container .tab-content .trip-program {
  padding-left: 0;
}
.trip-detail-container .tab-content .trip-program .btn-collapse {
  font-size: 0.8125rem;
  color: #1A4975;
  background-color: #F3F8FD;
  display: flex;
  width: 100%;
  transition: 0.1s ease;
}
.trip-detail-container .tab-content .trip-program .btn-collapse[aria-expanded=true], .trip-detail-container .tab-content .trip-program .btn-collapse:hover {
  background-color: #E8F2FB;
  color: #003566;
  -ms-box-shadow: 0 0 0 1px #D0E4F7;
  -o-box-shadow: 0 0 0 1px #D0E4F7;
  box-shadow: 0 0 0 1px #D0E4F7;
}
.trip-detail-container .tab-content .trip-program .single {
  padding: 1rem;
}
.trip-detail-container .tab-content .trip-program .single p {
  margin-bottom: 0.5rem;
}
.trip-detail-container .tab-content .trip-program .single p span {
  color: #4D7294;
}
.trip-detail-container .tab-content .trip-program .single p strong {
  color: #003566;
}

.corp-form h1 {
  margin: 3rem 0 2rem;
}
.corp-form .single-info {
  margin-bottom: 1.5rem;
}
.corp-form .single-info img {
  width: 4rem;
  height: 4rem;
  display: block;
}
.corp-form .single-info p {
  margin: 0;
  padding-left: 1rem;
}
.corp-form .single-info p strong {
  font-size: 1.125rem;
  display: block;
  color: #1679D5;
}
.corp-form form {
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  padding: 1rem;
  margin-top: 2rem;
}
.corp-form form h1 {
  margin: 0 0 1rem;
  font-size: 1.125rem;
}
.corp-form form h1 strong {
  margin-bottom: 0.5rem;
  display: block;
}

.trip-invoice header {
  margin: 0 0 1rem;
  padding: 1rem 2rem;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  position: relative;
}
.trip-invoice header img {
  height: 3rem;
}
.trip-invoice header h1 {
  margin: 1rem 0 0;
  border-top: 1px solid #E6EBF0;
  padding-top: 1rem;
}
.trip-invoice .trip-info-detail {
  padding: 2rem;
}
.trip-invoice .trip-info-detail .single {
  margin: 0 0 1rem;
}
.trip-invoice .trip-info-detail .short-trip-info {
  background-color: #F3F8FD;
  padding: 1rem 1rem 0;
  border-radius: 0.25rem;
}
.trip-invoice .trip-info-detail .short-trip-info li {
  margin-bottom: 0.25rem !important;
}
.trip-invoice .trip-info-detail .short-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.trip-invoice .trip-info-detail .short-info li {
  width: 50%;
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
}
.trip-invoice .trip-info-detail .short-info li span {
  color: #1A4975;
  font-size: 0.8125rem;
}
.trip-invoice .trip-info-detail .short-info li strong {
  display: block;
  width: 100%;
}
.trip-invoice .total-price {
  position: relative;
}
.trip-invoice .total-price span {
  position: relative;
  z-index: 1;
}
.trip-invoice .total-price .stamp {
  position: absolute;
  bottom: -2rem;
  left: 45%;
  z-index: 0;
  width: 10rem;
  height: 10rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.news-detail img {
  max-width: 100%;
  border-radius: 0.25rem;
  margin: 0 auto 1rem;
}
.news-detail .news-content {
  padding: 2rem;
  background-color: rgb(255, 255, 255);
  margin: 1rem 0;
  border-radius: 0.25rem;
}
.news-detail .news-content p {
  font-size: 1.125rem;
  line-height: 1.4;
  color: #1A4975;
}
.news-detail .news-content ul, .news-detail .news-content ol {
  margin-bottom: 1rem;
}
.news-detail .news-content ul li, .news-detail .news-content ol li {
  font-size: 1.125rem;
  line-height: 1.4;
  color: #1A4975;
}
.news-detail .news-content .socials {
  border-top: 1px solid #E6EBF0;
  padding-top: 1rem;
  margin-top: 2rem;
}
.news-detail .news-content .socials li + li {
  margin-left: 0.5rem;
}
.news-detail .news-content .socials a {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
  background-color: #F2F5F7;
  text-decoration: none;
  border-radius: 0.25rem;
  color: #809AB2;
  font-size: 0.8125rem;
  transition: 0.2s ease;
}
.news-detail .news-content .socials a:hover {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
}
.news-detail .news-content .socials a img {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0.5rem 0 0;
}

.new-header {
  background: linear-gradient(90deg, #1679D5, #003566);
  padding: 0.75rem 0;
  position: sticky;
  top: 0;
  z-index: 10;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.new-header .logo {
  display: flex;
  height: 2.5rem;
  margin-right: 2rem;
  flex-shrink: 0;
}
.new-header .logo img {
  height: 100%;
}
.new-header .btn-offcanvas {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
}
.new-header .btn-offcanvas img {
  width: 1.5rem;
  height: 1.5rem;
}
.new-header li.active > a {
  background-color: rgba(255, 255, 255, 0.1);
}
.new-header .btn {
  color: rgb(255, 255, 255);
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1rem;
  padding: 0.75rem;
}
.new-header .btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
}
.new-header .btn-phone,
.new-header .btn-user {
  padding: 0.5rem 0.75rem 0.5rem 0.5rem;
}
.new-header .btn-phone span,
.new-header .btn-user span {
  padding-left: 0.5rem;
  margin-left: 0.25rem;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
}
.new-header .btn-phone img,
.new-header .btn-user img {
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.new-header .language img,
.new-header .currency img,
.new-header .call-now img,
.new-header .ticket-check img {
  height: 1rem;
  border-radius: 0.125rem;
}
.new-header .language .dropdown-item img,
.new-header .currency .dropdown-item img,
.new-header .call-now .dropdown-item img,
.new-header .ticket-check .dropdown-item img {
  height: 0.75rem;
}
.new-header .main-nav .dropdown-menu {
  min-width: 15rem;
}
.new-header .main-nav .dropdown-item img {
  height: 1.25rem;
}
.new-header .user .btn {
  -ms-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
  -o-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.new-header .user .userID {
  max-width: 7.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.new-header .user .user-menu {
  font-size: 0.8125rem;
  min-width: 15rem;
}
.new-header .user .user-menu img {
  display: block;
}
.new-header .user .user-menu ul strong {
  opacity: 0.5;
  transition: 0.2s ease;
}
.new-header .user .user-menu .chevron {
  opacity: 0;
  transform: translateX(-0.5rem);
  transition: 0.2s ease;
}
.new-header .user .user-menu a {
  padding: 0.5rem 0 0.5rem 0.75rem;
}
.new-header .user .user-menu a:hover,
.new-header .user .user-menu li.active a {
  background-color: rgba(22, 121, 213, 0.1);
  border-radius: 0.25rem;
}
.new-header .user .user-menu a:hover span,
.new-header .user .user-menu a:hover strong,
.new-header .user .user-menu li.active a span,
.new-header .user .user-menu li.active a strong {
  color: #1679D5 !important;
}
.new-header .user .user-menu a:hover .chevron,
.new-header .user .user-menu li.active a .chevron {
  opacity: 1;
  transform: translateX(0rem);
}
.new-header .user .user-menu a:hover strong,
.new-header .user .user-menu li.active a strong {
  opacity: 1;
}
.new-header .ticket-check .spinner-border {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  flex-shrink: 0;
}
.new-header .ticket-check .dropdown-menu {
  padding: 1rem;
}
.new-header .ticket-check .dropdown-menu .text {
  font-size: 0.6875rem;
  color: #4D7294;
  max-width: 15rem;
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px dashed #E6EBF0;
}
.new-header .ticket-check .dropdown-menu .btn-main:hover {
  background-color: #1679D5;
}

.new-sub-menu {
  background-color: rgb(255, 255, 255);
  position: relative;
  z-index: 9;
}
.new-sub-menu .main-nav a {
  text-decoration: none;
  color: #1A4975;
  font-weight: 600;
  display: block;
  padding: 0.75rem 1rem;
  line-height: 1.25rem;
  position: relative;
  transition: 0.2s ease;
}
.new-sub-menu .main-nav a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 0.125rem;
  width: 0;
  background-color: #1679D5;
  transition: 0.2s ease;
}
.new-sub-menu .main-nav li:hover a, .new-sub-menu .main-nav li.active a {
  color: #1679D5;
}
.new-sub-menu .main-nav li:hover a:before, .new-sub-menu .main-nav li.active a:before {
  width: 100%;
  left: 0;
}
.new-sub-menu .main-nav li.active a {
  font-size: 1rem;
}
.new-sub-menu .ticket-check-btn {
  position: relative;
}
.new-sub-menu .ticket-check-btn strong {
  font-size: 0.8125rem;
  color: #1A4975;
}
.new-sub-menu .ticket-check-btn:hover:before {
  width: 100%;
  left: 0;
}
.new-sub-menu .ticket-check-btn:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 0.125rem;
  width: 0;
  background-color: #1679D5;
  transition: 0.2s ease;
}
.new-sub-menu .dropdown-menu {
  padding: 1rem;
  max-width: 100%;
  width: 15rem;
}
.new-sub-menu .dropdown-menu .info-text {
  font-size: 0.6875rem;
  color: #F0573B;
  margin-bottom: 0.5rem;
}
.new-sub-menu .dropdown-menu .form-label {
  color: #1A4975;
  font-size: 0.8125rem;
}
.new-sub-menu .dropdown-menu strong {
  font-size: 0.8125rem;
}

.dropdown-toggle:after {
  margin-left: 0.5rem;
}

.dropdown-menu {
  border-radius: 0.125rem;
  border: none;
  padding: 0;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
}
.dropdown-menu .dropdown-item {
  border-radius: 0.25rem;
  font-size: 0.8125rem;
  color: #003566;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
}
.dropdown-menu .dropdown-item img {
  margin-right: 0.5rem;
}
.dropdown-menu .dropdown-item .active {
  display: none;
}
.dropdown-menu .dropdown-item .default {
  display: block;
}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:hover {
  background-color: #E8F2FB;
}
.dropdown-menu .dropdown-item.active .active, .dropdown-menu .dropdown-item:active .active, .dropdown-menu .dropdown-item:hover .active {
  display: block;
}
.dropdown-menu .dropdown-item.active .default, .dropdown-menu .dropdown-item:active .default, .dropdown-menu .dropdown-item:hover .default {
  display: none;
}

.new-main-search {
  height: 25rem;
  position: relative;
}
.new-main-search.inner-search {
  height: 25rem;
  margin-bottom: 1rem;
}
.new-main-search.inner-search h2 {
  font-size: 1.75rem;
  color: rgb(255, 255, 255);
  font-weight: 700;
}
.new-main-search .bg-images {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  height: 100%;
}
.new-main-search .bg-images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.new-main-search .bg-images .image {
  height: 100%;
  padding-bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.new-main-search .bg-images .mobile-mask {
  display: none;
}
.new-main-search .trip-featured-slide {
  top: 100%;
}
.new-main-search .trip-featured-slide .swiper-wrapper {
  align-items: flex-end;
}
.new-main-search .trip-featured-slide .swiper-slide {
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  padding: 1rem;
}
.new-main-search .trip-featured-slide .swiper-slide h1 {
  margin: 0 0 1rem;
}
.new-main-search .trip-featured-slide .swiper-slide .intro {
  height: 3.125rem;
  overflow: hidden;
  display: block;
}
.new-main-search .trip-featured-slide .swiper-slide .date {
  background-color: #E8F2FB;
  padding-left: 1rem;
  border-radius: 0.25rem;
}
.new-main-search .trip-featured-slide .swiper-slide .date p {
  margin: 0;
}
.new-main-search .trip-featured-slide .swiper-slide .image {
  display: block;
}
.new-main-search .trip-featured-slide .swiper-slide .image img {
  border-radius: 0.25rem;
  height: 10rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.new-main-search .search-container {
  position: relative;
  z-index: 6;
  top: -40%;
  display: flex;
  align-items: flex-end;
  transform: translateY(1rem);
}
.new-main-search .search-wrap {
  top: 100%;
}
.new-main-search .search-wrap form {
  padding: 1rem;
  background-color: rgb(255, 255, 255);
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  -ms-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
.new-main-search .search-wrap .btn-swap {
  background-color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
  border-radius: 50%;
  padding: 0.5rem;
  margin: 0 -0.5rem;
  z-index: 1;
  flex-shrink: 0;
}
.new-main-search .search-wrap .btn-swap img {
  width: 1.5rem;
  height: 1.5rem;
}
.new-main-search .search-wrap .btn-swap:hover {
  -ms-box-shadow: 0 0.75rem 1rem rgba(22, 121, 213, 0.5);
  -o-box-shadow: 0 0.75rem 1rem rgba(22, 121, 213, 0.5);
  box-shadow: 0 0.75rem 1rem rgba(22, 121, 213, 0.5);
}
.new-main-search .search-wrap .btn-swap:disabled {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.new-main-search .search-wrap .main-tabs {
  display: flex;
  width: 100%;
}
.new-main-search .search-wrap .main-tabs .search-tab {
  padding: 0.75rem 1rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-weight: 600;
  position: relative;
  border: none;
  background-color: rgba(255, 255, 255, 0.1);
  width: 100%;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  transition: 0.2s ease;
}
.new-main-search .search-wrap .main-tabs .search-tab span {
  white-space: nowrap;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  -ms-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  -o-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.new-main-search .search-wrap .main-tabs .search-tab:hover {
  color: #1679D5;
  background-color: rgb(255, 255, 255);
}
.new-main-search .search-wrap .main-tabs .search-tab:hover span {
  -webkit-text-shadow: 0 1px 2px rgba(22, 121, 213, 0.1);
  -moz-text-shadow: 0 1px 2px rgba(22, 121, 213, 0.1);
  -ms-text-shadow: 0 1px 2px rgba(22, 121, 213, 0.1);
  -o-text-shadow: 0 1px 2px rgba(22, 121, 213, 0.1);
  text-shadow: 0 1px 2px rgba(22, 121, 213, 0.1);
}
.new-main-search .search-wrap .main-tabs .search-tab:hover .default {
  display: none;
}
.new-main-search .search-wrap .main-tabs .search-tab:hover .active {
  display: block;
}
.new-main-search .search-wrap .main-tabs .search-tab:hover:before {
  background-color: #1679D5;
}
.new-main-search .search-wrap .main-tabs .search-tab img {
  margin-right: 0.25rem;
}
.new-main-search .search-wrap .main-tabs .search-tab .default {
  display: block;
}
.new-main-search .search-wrap .main-tabs .search-tab .active {
  display: none;
}
.new-main-search .search-wrap .main-tabs .active .search-tab {
  color: #1679D5;
  background-color: rgb(255, 255, 255);
}
.new-main-search .search-wrap .main-tabs .active .search-tab span {
  -webkit-text-shadow: 0 1px 2px rgba(22, 121, 213, 0.1);
  -moz-text-shadow: 0 1px 2px rgba(22, 121, 213, 0.1);
  -ms-text-shadow: 0 1px 2px rgba(22, 121, 213, 0.1);
  -o-text-shadow: 0 1px 2px rgba(22, 121, 213, 0.1);
  text-shadow: 0 1px 2px rgba(22, 121, 213, 0.1);
}
.new-main-search .search-wrap .main-tabs .active .search-tab .default {
  display: none;
}
.new-main-search .search-wrap .main-tabs .active .search-tab .active {
  display: block;
}
.new-main-search .search-wrap .radio-tab {
  background-color: #E8F2FB;
  border-radius: 0.25rem;
}
.new-main-search .search-wrap .radio-tab .form-check {
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.new-main-search .search-wrap .radio-tab .form-check-input {
  display: none;
}
.new-main-search .search-wrap .radio-tab .form-check-label {
  padding: 0.75rem 0.5rem;
  width: 100%;
  border-radius: 0.25rem;
  line-height: 1rem;
  transition: 0.2s ease;
  font-size: 0.8125rem;
}
.new-main-search .search-wrap .radio-tab .form-check-label:hover {
  background-color: #E8F2FB;
}
.new-main-search .search-wrap .radio-tab .form-check-input:checked ~ .form-check-label {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
}
.new-main-search .search-wrap .dropdown {
  background-color: #E8F2FB;
  border-radius: 0.25rem;
  font-size: 0.8125rem;
  line-height: 1rem;
  transition: 0.2s ease;
}
.new-main-search .search-wrap .dropdown:hover {
  background-color: #D0E4F7;
}
.new-main-search .search-wrap .dropdown .spinner-border {
  position: absolute;
  z-index: 1;
  top: 0.75rem;
  right: 1rem;
  opacity: 0.3;
}
.new-main-search .search-wrap .dropdown .no-result {
  width: 100%;
  background-color: rgb(240, 243, 245);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 1rem;
  border-radius: 0.25rem;
}
.new-main-search .search-wrap .dropdown .no-result p {
  text-align: center;
  font-weight: 600;
  color: #809AB2;
  font-size: 0.8125rem;
}
.new-main-search .search-wrap .dropdown .no-result img {
  width: 2rem;
  height: 2rem;
  opacity: 0.3;
}
.new-main-search .search-wrap .dropdown .btn-result {
  position: absolute;
  top: 0.125rem;
  bottom: 0.125rem;
  left: 2.5rem;
  right: 0.125rem;
  padding: 0 0.5rem;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #e7f1fb;
}
.new-main-search .search-wrap .dropdown .btn-result strong {
  font-size: 0.8125rem;
  color: #003566;
  line-height: 1rem;
}
.new-main-search .search-wrap .dropdown .btn-result span {
  color: #4D7294;
}
.new-main-search .search-wrap .dropdown .dropdown-toggle {
  padding: 0.75rem 0.75rem 0.75rem 0;
  font-size: 0.8125rem;
  font-weight: 400;
  width: 100%;
  line-height: 1rem;
}
.new-main-search .search-wrap .dropdown .dropdown-toggle:after {
  margin-left: auto;
}
.new-main-search .search-wrap .dropdown span {
  color: #003566;
}
.new-main-search .search-wrap .dropdown .form-control {
  background-color: transparent;
  padding: 0.75rem;
  font-size: 0.8125rem;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  line-height: 1rem;
}
.new-main-search .search-wrap .dropdown .form-control::-moz-placeholder {
  color: #1A4975;
}
.new-main-search .search-wrap .dropdown .form-control::placeholder {
  color: #1A4975;
}
.new-main-search .search-wrap .dropdown .input-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
}
.new-main-search .search-wrap .dropdown .child-dropdown-menu {
  border-bottom: 1px dashed #E6EBF0;
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
}
.new-main-search .search-wrap .dropdown .child-dropdown-item {
  padding: 0.25rem 0.5rem;
  width: 100%;
  text-align: left;
}
.new-main-search .search-wrap .dropdown .child-dropdown-item img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.new-main-search .search-wrap .dropdown .child-dropdown-item .default {
  display: block;
}
.new-main-search .search-wrap .dropdown .child-dropdown-item .active {
  display: none;
}
.new-main-search .search-wrap .dropdown .child-dropdown-item .arrow {
  width: 2.5rem;
  opacity: 0.5;
  height: 1.25rem;
}
.new-main-search .search-wrap .dropdown .child-dropdown-item:hover {
  background-color: #E8F2FB;
}
.new-main-search .search-wrap .dropdown .child-dropdown-item:hover .default {
  display: none;
}
.new-main-search .search-wrap .dropdown .child-dropdown-item:hover .active {
  display: block;
}
.new-main-search .search-wrap .dropdown .child-dropdown-item:hover .arrow {
  opacity: 1;
}
.new-main-search .search-wrap .dropdown .child-dropdown-item img {
  margin-right: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.new-main-search .search-wrap .dropdown .child-dropdown-item p {
  margin: 0;
  font-size: 0.8125rem;
  color: #003566;
}
.new-main-search .search-wrap .dropdown .child-dropdown-item p strong {
  font-weight: 700;
  color: #1679D5;
}
.new-main-search .search-wrap .dropdown .child-dropdown-item span {
  color: #4D7294;
}
.new-main-search .search-wrap .dropdown-menu {
  padding: 1rem;
}
.new-main-search .search-wrap .search-result {
  flex-direction: column;
  flex-wrap: nowrap !important;
}
.new-main-search .search-wrap .search-result li {
  width: 100%;
}
.new-main-search .search-wrap .passenger-count .placeholder-text {
  font-weight: 400;
}
.new-main-search .search-wrap .passenger-count li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new-main-search .search-wrap .passenger-count li.error-this {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.new-main-search .search-wrap .passenger-count li.error-this .error-message {
  left: auto;
  right: 0;
}
.new-main-search .search-wrap .passenger-count li + li {
  margin-top: 0.5rem;
}
.new-main-search .search-wrap .passenger-count li .text {
  width: 50%;
  flex-shrink: 0;
  font-size: 0.8125rem;
}
.new-main-search .search-wrap .passenger-count li .text strong {
  display: block;
  color: #003566;
}
.new-main-search .search-wrap .passenger-count li .text span {
  font-size: 0.6875rem;
  color: #4D7294;
}
.new-main-search .search-wrap .passenger-count li .form-control {
  border: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  font-size: 0.8125rem;
}
.new-main-search .search-wrap .passenger-count li .btn {
  padding: 0.5rem;
}
.new-main-search .search-wrap .passenger-count li .btn img {
  width: 1rem;
  height: 1rem;
}
.new-main-search .search-wrap hr {
  border-top: 1px dashed #E8F2FB;
  width: 100%;
}
.new-main-search .search-wrap .title {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #003566;
  margin-bottom: 0.25rem;
}
.new-main-search .search-wrap .divider {
  border-top: 1px dashed #E6EBF0;
  margin: 1rem 0 !important;
}
.new-main-search .search-wrap .select-class .radio-tab {
  width: 100%;
}
.new-main-search .search-wrap .select-class .form-check-label {
  text-align: left;
}
.new-main-search .search-wrap .select-age {
  display: block !important;
}
.new-main-search .search-wrap .select-age select {
  width: 100%;
}
.new-main-search .search-wrap .destination-select .dropdown-menu {
  padding-top: 0.5rem;
  max-height: 25rem;
  overflow-y: auto;
  width: 150%;
}
.new-main-search .search-wrap .destination-select .dropdown-menu.show {
  display: flex;
}
.new-main-search .search-wrap .destination-select .title {
  margin-top: 1rem;
  padding-left: 0.5rem;
}
.new-main-search .search-wrap .destination-select .main-title {
  border-bottom: 1px dashed #E6EBF0;
}
.new-main-search .search-wrap .destination-select .main-title h5 {
  font-size: 1rem;
  color: #8ABCEA;
  font-weight: 700;
  margin: 0;
  padding: 0.5rem 0 0.5rem 0.25rem;
  text-transform: none;
}
.new-main-search .search-wrap .hotel-select .dropdown-menu {
  width: 100%;
}
.new-main-search .search-wrap .date-select .dropdown .DateInput input {
  padding: 0.75rem 0 !important;
}
.new-main-search .search-wrap .date-select .dropdown-menu {
  width: 100%;
}
.new-main-search .search-wrap .btn-main {
  padding: 0.5rem 1.5rem 0.5rem 1rem;
  flex-shrink: 0;
}
.new-main-search .search-wrap .btn-main img {
  width: 1.5rem;
  height: 1.5rem;
}
.new-main-search .search-wrap .btn-main span {
  margin-left: 0.25rem;
}

footer {
  font-size: 0.8125rem;
}
footer p span {
  width: 4rem;
}

.user-left-menu {
  font-size: 0.8125rem;
}
.user-left-menu .child-menu {
  padding: 0.5rem;
}
.user-left-menu .child-menu a {
  display: block;
  color: #4D7294;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  text-decoration: none;
}
.user-left-menu .child-menu li.active a,
.user-left-menu .child-menu li:hover a {
  background-color: rgb(240, 243, 245);
  color: #1679D5;
}

.error-message {
  display: none;
}

.error-this {
  -ms-box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.3);
  -o-box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.3);
  box-shadow: 0 0 0 1px rgba(214, 40, 40, 0.3);
  position: relative;
}
.error-this .error-message {
  position: absolute;
  top: calc(100% + 0.25rem);
  z-index: 5;
  padding: 0.25rem 0.5rem;
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  max-width: 100%;
  display: block;
  font-size: 0.6875rem;
  -ms-box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.1);
}
.error-this .error-message p {
  font-weight: 600;
  color: rgb(214, 40, 40);
  margin: 0;
}

.hotel-full-map .search-container {
  position: absolute;
  left: 0;
  top: 2rem !important;
  height: auto;
  width: 100%;
}
.hotel-full-map .search-container .search-wrap {
  padding: 1rem 1rem 0.75rem;
}

.tech-form {
  position: relative;
  z-index: 1;
  margin-bottom: 2rem;
}

.tech-form-content {
  margin-top: -5rem;
  padding: 2rem;
  border-radius: 1rem;
  background-color: rgb(255, 255, 255);
}
.tech-form-content .header-image {
  margin: -2rem -2rem 2rem -2rem;
  width: calc(100% + 4rem);
  border-radius: 1rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
}
.tech-form-content hr {
  border-top: 1px dashed #E6EBF0;
  border-bottom: none;
}
.tech-form-content h5 {
  font-weight: 700;
  color: #003566;
  margin: 2rem 0 1rem;
  font-size: 1rem;
}
.tech-form-content p {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}
.tech-form-content .btn-main {
  width: 100%;
  justify-content: center;
  font-size: 1rem;
}
.tech-form-content .form-check {
  padding-left: 0.5rem;
}
.tech-form-content .form-check .form-check-input {
  display: none;
}
.tech-form-content .form-check .form-check-label {
  padding: 1rem;
  transition: 0.2s ease;
  border-radius: 0.5rem;
  -ms-box-shadow: 0 0 0 1px transparent;
  -o-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
}
.tech-form-content .form-check .form-check-label img {
  margin-bottom: 1rem;
  width: 100%;
  border-radius: 0.5rem;
}
.tech-form-content .form-check .form-check-input:checked ~ .form-check-label {
  -ms-box-shadow: 0 0 0 1px #1679D5;
  -o-box-shadow: 0 0 0 1px #1679D5;
  box-shadow: 0 0 0 1px #1679D5;
  background-color: #E8F2FB;
}
.tech-form-content input.form-control {
  font-size: 1rem;
  padding: 1rem;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background-color: #E8F2FB;
}

.single-hotel .price-detail .price .sale,
.hotel-rooms .room .action .sale {
  margin-top: 0.5em;
  margin-bottom: 0;
}
.single-hotel .price-detail .price .sale strong,
.hotel-rooms .room .action .sale strong {
  display: block;
  font-size: 0.8125rem;
  font-weight: 700;
  color: rgb(255, 255, 255);
  background-color: #F0573B;
  padding: 0 0.25rem;
  border-radius: 0.25rem;
  margin-right: 0.25rem;
}

.single-block.hotel-block .detail .price {
  margin-top: 0.25rem;
}
.single-block.hotel-block .detail .price strong {
  display: block;
  font-size: 0.8125rem;
  font-weight: 700;
  color: rgb(255, 255, 255);
  background-color: #F0573B;
  padding: 0 0.25rem;
  border-radius: 0.25rem;
  margin-right: 0.25rem;
}
.single-block.hotel-block .detail .price del {
  font-size: 0.6875rem;
  margin-left: 0.25rem;
  color: #4D7294;
}

.new-login-form h5 {
  font-weight: 700;
  color: #1679D5;
  font-size: 1.25rem;
  text-transform: none;
}
.new-login-form .form-check-inline {
  padding: 0;
  position: relative;
  margin: 0 0.5rem 0.5rem 0;
}
.new-login-form .form-check-inline .form-check-input {
  display: none;
}
.new-login-form .form-check-inline .form-check-input:checked ~ .form-check-label {
  color: #003566;
}
.new-login-form .form-check-inline .form-check-input:checked ~ .form-check-label:before {
  -ms-box-shadow: inset 0 0 0 1px #1679D5;
  -o-box-shadow: inset 0 0 0 1px #1679D5;
  box-shadow: inset 0 0 0 1px #1679D5;
}
.new-login-form .form-check-inline .form-check-input:checked ~ .form-check-label:after {
  opacity: 1;
}
.new-login-form .form-check-inline .form-check-label {
  padding: 0.75rem 0.5rem 0.75rem 1.5rem;
  color: #4D7294;
}
.new-login-form .form-check-inline .form-check-label:before, .new-login-form .form-check-inline .form-check-label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 50%;
  background-color: transparent;
  transition: 0.2s ease;
}
.new-login-form .form-check-inline .form-check-label:before {
  width: 1rem;
  height: 1rem;
  -ms-box-shadow: inset 0 0 0 1px #E6EBF0;
  -o-box-shadow: inset 0 0 0 1px #E6EBF0;
  box-shadow: inset 0 0 0 1px #E6EBF0;
}
.new-login-form .form-check-inline .form-check-label:after {
  transform: translate(0.25rem, -50%);
  background-color: #1679D5;
  width: 0.5rem;
  height: 0.5rem;
  opacity: 0;
}
.new-login-form .login-register-text {
  display: block;
  color: #1A4975;
  text-decoration: none;
  transition: 0.2s ease;
}
.new-login-form .login-register-text strong {
  text-decoration: underline;
  color: #1679D5;
  display: inline-block;
}
.new-login-form .login-register-text:hover {
  color: #1679D5;
  text-decoration: underline;
}
.new-login-form form {
  background-color: rgb(255, 255, 255);
  padding: 2rem;
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
}
.new-login-form .divider {
  display: block;
  margin: 2rem 0;
  position: relative;
  color: #809AB2;
}
.new-login-form .divider:after, .new-login-form .divider:before {
  content: "";
  height: 1px;
  width: 25%;
  position: absolute;
  top: 50%;
  background-color: #E6EBF0;
}
.new-login-form .divider:after {
  right: 10%;
}
.new-login-form .divider:before {
  left: 10%;
}
.new-login-form .btn {
  font-size: 0.8125rem;
}
.new-login-form .btn.btn-facebook-light {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  width: 100%;
  justify-content: center;
}
.new-login-form .btn.btn-facebook-light img {
  width: 1.25rem;
  margin-right: 0.5rem;
}
.new-login-form .btn.btn-facebook-light span {
  color: rgb(0, 132, 255);
}
.new-login-form .btn.btn-small {
  font-size: 0.6875rem;
  color: #4D7294;
}
.new-login-form .form-control,
.new-login-form .form-select {
  background-color: #E8F2FB;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0.75rem 1rem;
}
.new-login-form .form-label {
  color: #4D7294;
}
.new-login-form .counter strong {
  color: #809AB2;
}
.new-login-form .counter img {
  width: 1.25rem;
  height: 1.25rem;
  opacity: 0.5;
}
.new-login-form .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.new-login-form .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-radius: 0.25rem;
}

.error-msg {
  display: none;
}

.new-error-this .form-control,
.new-error-this .form-select {
  -ms-box-shadow: 0 0 0 1px rgb(214, 40, 40) !important;
  -o-box-shadow: 0 0 0 1px rgb(214, 40, 40) !important;
  box-shadow: 0 0 0 1px rgb(214, 40, 40) !important;
}
.new-error-this.mobile-number-drop .input-group {
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0 0 1px rgb(214, 40, 40) !important;
  -o-box-shadow: 0 0 0 1px rgb(214, 40, 40) !important;
  box-shadow: 0 0 0 1px rgb(214, 40, 40) !important;
}
.new-error-this.mobile-number-drop .form-control {
  -ms-box-shadow: 0 0 0 1px transparent !important;
  -o-box-shadow: 0 0 0 1px transparent !important;
  box-shadow: 0 0 0 1px transparent !important;
}
.new-error-this .error-msg {
  font-size: 0.6875rem;
  padding: 0.25rem 0;
  color: rgba(214, 40, 40, 0.9);
  display: block;
}
.new-error-this .error-msg ul {
  list-style: none;
  padding: 0 0.25rem 0 0;
}
.new-error-this .error-msg ul li:before {
  content: "- ";
}

.mobile-number-drop {
  border-radius: 0.25rem !important;
}
.mobile-number-drop img {
  margin-right: 0.5rem;
  border-radius: 0.125rem;
}
.mobile-number-drop .dropdown-toggle {
  background-color: #E8F2FB;
}
.mobile-number-drop .dropdown-toggle img {
  height: 1rem;
}
.mobile-number-drop .dropdown-menu {
  background-color: rgb(255, 255, 255);
  max-height: 20rem;
  overflow-y: auto;
}
.mobile-number-drop .dropdown-menu img {
  height: 0.75rem;
}
.mobile-number-drop .dropdown-menu li {
  transition: 0.2s ease;
  padding: 0;
  position: relative;
  z-index: 1;
}
.mobile-number-drop .dropdown-menu li .btn {
  width: 100%;
}
.mobile-number-drop .dropdown-menu li span {
  color: #4D7294;
}
.mobile-number-drop .dropdown-menu .active,
.mobile-number-drop .dropdown-menu li:hover {
  background-color: #E8F2FB;
}
.mobile-number-drop .dropdown-menu .active span,
.mobile-number-drop .dropdown-menu li:hover span {
  color: #1A4975;
}
.mobile-number-drop .dropdown-menu .search {
  padding: 0.5rem;
  border-bottom: 1px solid #E6EBF0;
  margin-bottom: 0.5rem;
  background-color: rgb(255, 255, 255);
  position: sticky;
  top: 0;
  z-index: 2;
}
.mobile-number-drop .dropdown-menu .search:hover {
  background-color: rgb(255, 255, 255);
}
.mobile-number-drop .dropdown-menu .search .form-control {
  padding: 0.5rem 0.75rem;
}

.flight-calculate .bg-sec {
  position: relative;
  overflow: hidden;
  background-image: url(../images/cheap-flight-bg.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 10% 100%;
}
.flight-calculate .bg-sec.cheapday {
  background-color: rgb(139, 195, 74) !important;
}
.flight-calculate .th-split {
  overflow: hidden;
  position: relative;
}
.flight-calculate .th-split:before {
  content: "";
  width: 200%;
  height: 1px;
  background-color: rgba(128, 128, 128, 0.3);
  position: absolute;
  top: 50%;
  left: -50%;
  transform: rotate(14.5deg);
}
.flight-calculate .th-split span {
  position: absolute;
}
.flight-calculate .th-split .return {
  left: 1rem;
  bottom: 0.5rem;
}
.flight-calculate .th-split .depart {
  right: 1rem;
  top: 0.5rem;
}
.flight-calculate .table-responsive {
  overflow-y: hidden;
}
.flight-calculate .table {
  background-color: rgb(255, 255, 255);
  border: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-radius: 0.25rem;
  overflow: hidden;
}
.flight-calculate .table tbody,
.flight-calculate .table td,
.flight-calculate .table th,
.flight-calculate .table tr {
  border-color: #E6EBF0 !important;
}
.flight-calculate .table tbody {
  border-top: none !important;
}
.flight-calculate .table tbody tr:last-child td,
.flight-calculate .table tbody tr:last-child th {
  border-bottom: none !important;
}
.flight-calculate .table .today .btn {
  background-color: #003566;
}
.flight-calculate .table .today .btn span,
.flight-calculate .table .today .btn strong {
  color: rgb(255, 255, 255);
}
.flight-calculate .table .go-date {
  background-color: #E8F2FB;
}
.flight-calculate .table .back-date {
  background-color: #E8F2FB;
}
.flight-calculate .table .cheap .btn {
  background-color: rgb(139, 195, 74);
}
.flight-calculate .table .cheap .btn span,
.flight-calculate .table .cheap .btn strong {
  color: rgb(255, 255, 255);
}
.flight-calculate .table td,
.flight-calculate .table th {
  width: 12.5%;
  position: relative;
  padding: 0;
  transition: 0.1s ease;
}
.flight-calculate .table td .btn,
.flight-calculate .table th .btn {
  border-radius: 0;
  border: none;
}
.flight-calculate .table th {
  min-width: 5rem;
}
.flight-calculate .table td {
  min-width: 7.5rem;
}
.flight-calculate .table td:after,
.flight-calculate .table td:before {
  content: "";
  position: absolute;
}
.flight-calculate .table td:hover {
  background-color: transparent !important;
}
.flight-calculate .table td:hover:before {
  background-color: rgba(0, 53, 102, 0.05);
  height: 100%;
  left: -5000px;
  top: 0;
  width: 10000px;
  z-index: 1;
}
.flight-calculate .table td:hover:after {
  background-color: rgba(0, 53, 102, 0.05);
  height: 10000px;
  left: 0;
  top: -5000px;
  width: 100%;
  z-index: 0;
}
.flight-calculate .table .btn {
  position: relative;
  z-index: 2;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  height: 2.5rem;
  align-items: center;
  display: flex;
  flex: 1 0 auto;
  background-color: transparent;
}
.flight-calculate .table .btn span {
  color: #4D7294;
}
.flight-calculate .table .btn strong {
  font-size: 0.8125rem;
  height: 1rem;
  display: flex;
  width: 100%;
  color: #1A4975;
  font-weight: 700;
  justify-content: center;
  align-items: baseline;
}
.flight-calculate .table .btn small {
  font-size: 0.625rem;
  margin-left: 0.125rem;
}

@keyframes pulse-white {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.flight-date-search-slide .swiper-slide.today .date {
  background-color: #E8F2FB;
  color: #1A4975;
}
.flight-date-search-slide .swiper-slide .date {
  color: #4D7294;
}
.flight-date-search-slide .swiper-slide strong {
  font-size: 0.8125rem;
  font-weight: 700;
  height: 1rem;
  display: block;
}
.flight-date-search-slide .swiper-slide span {
  font-size: 0.6875rem;
}
.flight-date-search-slide .swiper-slide p {
  padding-top: 0.125rem;
  font-weight: 700;
  margin-top: 0.125rem;
  border-top: 1px solid #E6EBF0;
}
.flight-date-search-slide .swiper-slide p small {
  font-size: 0.625rem;
  margin-left: 0.125rem;
}

.new-list-single-flight {
  position: relative;
  background-color: rgb(255, 255, 255);
}
.new-list-single-flight .starting-price-container[aria-expanded=true] .starting-price {
  opacity: 0;
  transform: translateY(-10%);
  max-height: 0;
}
.new-list-single-flight .starting-price-container[aria-expanded=true] .btn {
  background-color: #809AB2;
  margin: 0 !important;
}
.new-list-single-flight .starting-price-container[aria-expanded=true] .btn img {
  transform: rotate(270deg);
}
.new-list-single-flight .starting-price-container[aria-expanded=true] .saveSeat {
  top: -0.25rem;
  opacity: 0;
}
.new-list-single-flight .starting-price-container .starting-price {
  transition: 0.2s ease;
  max-height: 10rem;
}
.new-list-single-flight .starting-price-container .btn img {
  transform: rotate(90deg);
  transition: 0.2s ease;
}
.new-list-single-flight .starting-price-container .saveSeat {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  background-color: rgb(139, 195, 74);
  color: white;
  transition: 0.2s ease;
}
.new-list-single-flight .flight-stops {
  position: relative;
}
.new-list-single-flight .flight-stops:before {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 2px dashed #E6EBF0;
  top: calc(50% - 1px);
  position: absolute;
  left: 0;
  z-index: 0;
}
.new-list-single-flight .flight-stops li {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  background-color: #1679D5;
  margin-right: 0.5rem;
}
.new-list-single-flight .flight-stops li:first-child,
.new-list-single-flight .flight-stops li:last-child {
  width: 0.25rem;
  height: 0.25rem;
  background-color: #003566;
}
.new-list-single-flight .flight-stops li:last-child {
  margin-right: 0;
}
.new-list-single-flight .single-choice {
  background-color: #F3F8FD;
  transition: 0.2s ease;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
}
.new-list-single-flight .single-choice .luggage-info li {
  width: 30%;
}

.hotel-detail-container .hotel-detail-header {
  margin-top: 0;
}

.hotel-detail-container {
  padding: 1.5rem 0;
}

.new-hotel-tab {
  margin: 0 0 1rem !important;
  position: sticky;
  top: 4rem;
  z-index: 5;
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  padding: 0.5rem;
}
.new-hotel-tab .btn {
  font-size: 0.8125rem;
  color: #4D7294;
}
.new-hotel-tab li {
  margin-right: 0.5rem;
}
.new-hotel-tab li:hover .btn {
  background-color: rgb(240, 243, 245);
}
.new-hotel-tab .active .btn,
.new-hotel-tab .active:hover .btn {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
}

#roomList,
#policyText {
  visibility: hidden;
  position: relative;
  top: -10rem;
}

.single-hotel-room .header .text h4 {
  font-size: 1.125rem;
}

.hotel-policy-container {
  background-color: rgb(255, 255, 255);
  padding: 1rem;
  border-radius: 0.25rem;
}
.hotel-policy-container h1 {
  margin: 0.5rem 0 1.5rem;
  font-weight: 600;
}
.hotel-policy-container p {
  margin-bottom: 0.25rem;
}
.hotel-policy-container .policy-list .title {
  width: 20%;
}
.hotel-policy-container .policy-list .list-item {
  color: #1A4975;
}
.hotel-policy-container .policy-list .list-item + .list-item {
  border-top: 1px solid #E6EBF0;
  padding-top: 0.5rem;
  margin-top: 0.5rem;
}
.hotel-policy-container .policy-list .list-item strong {
  font-weight: 700;
}
.hotel-policy-container .policy-list ul {
  padding-left: 1.25rem;
}
.hotel-policy-container .policy-list ul li {
  margin-bottom: 0.5rem;
}

.new-footer {
  background-color: #003566;
  padding: 3rem 0 2rem;
}
.new-footer .single {
  margin-bottom: 2rem;
}
.new-footer .single strong,
.new-footer .single a {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  padding: 0.25rem 0;
}
.new-footer .single .title,
.new-footer .single span {
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
  display: block;
}
.new-footer .single .title {
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.new-footer .single a:hover {
  color: rgb(255, 255, 255);
}
.new-footer .single span {
  padding: 0.25rem 0;
  flex-shrink: 0;
}
.new-footer .socials {
  padding-top: 1rem;
}
.new-footer .socials img {
  width: 1.25rem;
  height: 1.25rem;
  opacity: 0.5;
  transition: 0.2s ease;
}
.new-footer .socials a {
  margin-right: 0.5rem;
}
.new-footer .socials a:hover img {
  opacity: 1;
}

.footer-logos img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  width: 45%;
  height: 2.5rem;
  display: block;
  margin: 0.5rem 0;
  opacity: 0.5;
  transition: 0.2s ease;
}
.footer-logos img:nth-child(even) {
  margin-left: 5%;
}
.footer-logos img:hover {
  opacity: 1;
}

.payment-list {
  border-top: 1px dashed rgba(255, 255, 255, 0.1);
  padding-top: 2rem;
}
.payment-list li {
  display: block;
  margin: 0 1rem 0.5rem 0;
  opacity: 0.5;
}
.payment-list p {
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.75rem;
}

.email-download {
  padding: 2rem 0;
  background-color: rgb(255, 255, 255);
}
.email-download .single {
  padding: 1rem;
}
.email-download .single .main-image {
  height: 10rem;
}
.email-download .single .info {
  padding: 1rem 0 0 1rem;
}
.email-download .single h5 {
  font-weight: 700;
  font-size: 1rem;
}
.email-download .single ul img {
  height: 2rem;
  margin-right: 0.25rem;
}
.email-download .single ul a {
  background-color: #003566;
  padding: 0.125rem 0.5rem 0.25rem;
  border-radius: 0.25rem;
  margin: 0 0.25rem 0.25rem 0;
  color: rgb(255, 255, 255);
  text-decoration: none;
  line-height: 1.2;
  transition: 0.2s ease;
}
.email-download .single ul a span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.625rem;
}
.email-download .single ul a strong {
  font-size: 0.75rem;
}
.email-download .single ul a:hover {
  background-color: #1A4975;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
}
.email-download .single .text {
  padding: 0 0.25rem;
}
.email-download .single .download-logo {
  width: 1.25rem;
  height: 1.25rem;
}
.email-download .new-error-this {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.email-download .new-error-this .form-control {
  -ms-box-shadow: 0 0 0 1px rgb(214, 40, 40);
  -o-box-shadow: 0 0 0 1px rgb(214, 40, 40);
  box-shadow: 0 0 0 1px rgb(214, 40, 40);
}

.train-directions {
  padding-top: 2rem;
}
.train-directions .single {
  margin-bottom: 1rem;
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
}
.train-directions .single a {
  display: block;
  text-decoration: none;
  color: #1A4975;
}
.train-directions .single a:hover {
  text-decoration: none;
}
.train-directions .single img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 0.25rem;
}
.train-directions .single .text {
  padding: 0.75rem;
}
.train-directions .single p {
  font-size: 0.8125rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px dashed #E6EBF0;
}
.train-directions .single ul img {
  width: 1rem;
  height: 1rem;
  opacity: 0.7;
  margin-right: 0.25rem;
}
.train-directions .single ul span {
  display: block;
  color: #4D7294;
}
.train-directions .single ul li {
  display: flex;
  align-items: center;
}
.train-directions .single ul li:last-child {
  margin-top: 0.25rem;
}
.train-directions .single ul li:last-child strong {
  color: #F0573B;
  font-weight: 700;
}

.last-searched {
  padding-top: 2rem;
}
.last-searched .single {
  border: none;
  background-color: rgb(255, 255, 255);
  width: 100%;
  border-radius: 0.25rem;
  padding: 0.75rem;
  color: #1A4975;
  font-weight: 600;
  transition: 0.2s ease;
}
.last-searched .single:hover {
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
}
.last-searched .single p {
  margin: 0;
  text-align: right;
  font-size: 0.6875rem;
  color: #4D7294;
  margin-top: 0.25rem;
}
.last-searched .single img {
  opacity: 0.5;
  width: 1rem;
  height: 1rem;
}

.ratio-image {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.ratio-image:before {
  content: "";
  display: block;
}
.ratio-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.ratio-image.ratio-11:before {
  padding-bottom: 100%;
}
.ratio-image.ratio-43:before {
  padding-bottom: 75%;
}
.ratio-image.ratio-169:before {
  padding-bottom: 56.25%;
}
.ratio-image .text {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  font-size: 0.875rem;
  color: white;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  padding: 2rem 1rem 1rem;
  font-weight: 600;
}

hr:not([size]) {
  opacity: 1;
  height: 0;
  border-top: 1px dashed #E6EBF0;
  background-color: transparent;
  margin: 1rem 0;
}

.train-result {
  padding: 2rem 0;
}
.train-result .single {
  border-radius: 0.25rem;
  transition: 0.2s ease;
  background-color: rgb(255, 255, 255);
}
.train-result .single:hover {
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
}
.train-result p {
  margin: 0;
  font-weight: 600;
}
.train-result .train-info {
  margin-right: 1rem;
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: rgb(255, 255, 255);
}
.train-result .train-info h1 {
  margin: 0;
  font-size: 1rem;
}
.train-result .train-info .train-name {
  border-bottom: 1px solid #E6EBF0;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.train-result .train-info .destination {
  text-align: center;
}
.train-result .train-info .destination p {
  border-bottom: 2px solid #E6EBF0;
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
}
.train-result .train-info .destination small {
  color: #1679D5;
  font-weight: 600;
}
.train-result .flag {
  width: 2, 5rem;
  height: 1.25rem;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
  margin-top: 0.25rem;
}
.train-result .seat-types {
  padding: 0.5rem;
}
.train-result .seat-types .title {
  font-weight: 600;
  font-size: 0.875rem;
}
.train-result .seat-types .title small {
  color: #4D7294;
}
.train-result .seat-types span {
  color: #4D7294;
}
.train-result .seat-types .type {
  border-right: 1px solid #E6EBF0;
  margin-right: 1rem;
  padding-right: 1rem;
}
.train-result .seat-types .seat {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  transition: 0.2s ease;
  border-radius: 0.25rem;
  background-color: #E8F2FB;
}
.train-result .seat-types .seat + .seat {
  margin-top: 0.5rem;
}
.train-result .seat-types .seat.no-seat {
  cursor: not-allowed;
  opacity: 0.3;
}
.train-result .seat-types .seat:hover {
  -ms-box-shadow: 0 0 0 1px #8ABCEA;
  -o-box-shadow: 0 0 0 1px #8ABCEA;
  box-shadow: 0 0 0 1px #8ABCEA;
  color: #1679D5;
}
.train-result .seat-types .seat .btn-light {
  font-size: 0.875rem;
  font-weight: 700;
  color: #1A4975;
  background-color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
}
.train-result .seat-types .seat .btn-light:hover {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
  -o-box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
  box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
}

.not-found {
  background-color: rgb(255, 255, 255);
  padding: 1rem;
  max-width: 100%;
  width: 50rem;
  margin: 3rem auto;
  border-radius: 1rem;
}
.not-found img {
  max-width: 10rem;
}
.not-found h3 {
  font-size: 0.8125rem;
  color: #4D7294;
  margin: 0;
}
.not-found h3 strong {
  font-size: 1.125rem;
  margin-top: 0.5rem;
}

.train-route-modal .table-responsive .table {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.train-route-modal .table-responsive .table tbody {
  border-top: none !important;
}

.select-seat {
  padding: 1rem 0;
}
.select-seat .select-train,
.select-seat .room-seats,
.select-seat .total-seats {
  background-color: rgb(255, 255, 255);
  padding: 1.5rem 1rem;
  border-radius: 1rem;
  margin-bottom: 2rem;
}
.select-seat .select-train h1 {
  margin: 0 0 0.5rem;
  color: #1679D5;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding: 0 0 0.5rem;
  border-bottom: 1px dashed #E6EBF0;
}
.select-seat .select-train h1 img {
  margin-right: 0.25rem;
}
.select-seat .select-train li {
  margin-bottom: 0.5rem;
}
.select-seat .select-train .btn {
  font-size: 0.8125rem;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
}
.select-seat .select-train .btn:hover {
  background-color: #E8F2FB;
}
.select-seat .select-train .btn .avail-seat {
  font-size: 0.6875rem;
}
.select-seat .select-train .active {
  background-color: #1A4975;
  color: rgb(255, 255, 255);
}
.select-seat .select-train .active:hover {
  background-color: #1679D5;
  -ms-box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
  -o-box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
  box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
}
.select-seat .room-seats .room-text {
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  padding: 0.75rem 2rem;
  display: inline-flex;
  border-radius: 0.25rem;
  font-weight: 600;
  color: #4D7294;
}
.select-seat .room-seats .single-room {
  background-color: #E8F2FB;
  border-radius: 0.5rem;
}
.select-seat .room-seats .single-room + .single-room {
  margin-top: 1rem;
}
.select-seat .room-seats .single-room.four-seat .left-side {
  width: 25%;
}
.select-seat .room-seats .single-room.four-seat .right-side {
  width: 75%;
}
.select-seat .room-seats .single-room.two-seat .left-side {
  width: 15%;
}
.select-seat .room-seats .single-room.two-seat .right-side {
  width: 85%;
}
.select-seat .room-seats .single-room .btn {
  background-color: rgb(255, 255, 255);
  align-items: baseline;
  width: 100%;
  padding: 0.75rem 0.5rem;
  justify-content: center;
  -ms-box-shadow: 0 0.5rem 1rem #E6EBF0;
  -o-box-shadow: 0 0.5rem 1rem #E6EBF0;
  box-shadow: 0 0.5rem 1rem #E6EBF0;
}
.select-seat .room-seats .single-room .btn.active {
  background-color: #1A4975;
}
.select-seat .room-seats .single-room .btn.active strong,
.select-seat .room-seats .single-room .btn.active span {
  color: rgb(255, 255, 255);
}
.select-seat .room-seats .single-room .btn.active:hover {
  background-color: #1679D5;
  -ms-box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
  -o-box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
  box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
}
.select-seat .room-seats .single-room .btn:hover {
  -ms-box-shadow: 0 0 0 1px #8ABCEA;
  -o-box-shadow: 0 0 0 1px #8ABCEA;
  box-shadow: 0 0 0 1px #8ABCEA;
}
.select-seat .room-seats .single-room .btn:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.select-seat .room-seats .single-room .btn strong {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #1679D5;
}
.select-seat .room-seats .single-room .btn span {
  margin-left: 0.25rem;
  font-size: 0.6875rem;
  color: #4D7294;
}
.select-seat .room-seats .single-room .table-text {
  padding: 0.75rem 2rem;
  background-color: #E6EBF0;
  font-size: 0.8125rem;
  line-height: 1.5;
}
.select-seat .room-seats .single-room .wall {
  width: 1rem;
  background-color: rgb(255, 255, 255);
  margin-right: 1rem;
  flex-shrink: 0;
}
.select-seat .room-seats .single-room .wall.top-wall {
  margin-top: -1rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.select-seat .room-seats .single-room .wall.bottom-wall {
  margin-bottom: -1rem;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}
.select-seat .room-seats .single-room .left-side {
  padding: 1rem;
  width: 33%;
  flex-shrink: 0;
}
.select-seat .room-seats .single-room .left-side .btn + .btn,
.select-seat .room-seats .single-room .left-side .btn + .table-text,
.select-seat .room-seats .single-room .left-side .table-text + .btn {
  margin-top: 0.5rem;
}
.select-seat .room-seats .single-room .left-side .table-text {
  margin-left: -1rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.select-seat .room-seats .single-room .right-side {
  width: 100%;
  padding: 1rem 1rem 1rem 0;
}
.select-seat .room-seats .single-room .right-side .btn + .btn {
  margin-left: 0.5rem;
}
.select-seat .room-seats .single-room .right-side .table-text {
  margin-right: -1rem;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.select-seat .room-seats.bus-seats .bus-body {
  position: relative;
  width: 80%;
  left: 10%;
}
.select-seat .room-seats.bus-seats .bus-body .bus-header .room-text {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.5rem;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0.5rem 1rem;
}
.select-seat .room-seats.bus-seats .single-room {
  padding: 2rem 1rem;
  position: relative;
  z-index: 1;
  border-radius: 2rem;
}
.select-seat .room-seats.bus-seats .single-row {
  margin: 0.5rem 0;
}
.select-seat .room-seats.bus-seats .blank,
.select-seat .room-seats.bus-seats .btn {
  width: calc(20% - 0.25rem);
}
.select-seat .room-seats.bus-seats .tires {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.select-seat .room-seats.bus-seats .tires li {
  padding: 0.25rem 1rem;
  border-radius: 0.25rem;
  transform: rotate(-90deg);
  background-color: rgb(240, 243, 245);
  display: inline-flex;
  position: absolute;
  font-weight: 700;
  color: #809AB2;
  font-size: 0.6875rem;
  text-transform: uppercase;
}
.select-seat .room-seats.bus-seats .tires li:nth-child(1),
.select-seat .room-seats.bus-seats .tires li:nth-child(2) {
  top: 25%;
}
.select-seat .room-seats.bus-seats .tires li:nth-child(3),
.select-seat .room-seats.bus-seats .tires li:nth-child(4) {
  top: auto;
  bottom: 20%;
}
.select-seat .room-seats.bus-seats .tires li:nth-child(odd) {
  left: 0.25rem;
  transform: rotate(-90deg) translateY(-200%);
}
.select-seat .room-seats.bus-seats .tires li:nth-child(even) {
  right: 0.25rem;
  transform: rotate(90deg) translateY(-200%);
}
.select-seat .total-seats .location {
  width: 50%;
  border-bottom: 1px dashed #E6EBF0;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
.select-seat .total-seats .location h1 {
  margin: 0 0 0.25rem;
  color: #1679D5;
}
.select-seat .total-seats .location strong {
  font-size: 0.8125rem;
}
.select-seat .total-seats .single-selected {
  padding: 0.5rem 0.75rem;
  background-color: #E8F2FB;
  border-radius: 0.25rem;
}
.select-seat .total-seats .single-selected.selected-taken {
  background-color: rgba(214, 40, 40, 0.1);
}
.select-seat .total-seats .single-selected.selected-taken .taken-text {
  color: rgb(214, 40, 40);
  padding: 0.25rem;
  font-weight: 600;
}
.select-seat .total-seats .single-selected + .single-selected {
  margin-top: 0.5rem;
}
.select-seat .total-seats .single-selected.selected-taken {
  background-color: rgba(214, 40, 40, 0.1);
}
.select-seat .total-seats .single-selected.selected-taken .taken-text {
  color: rgb(214, 40, 40);
  padding: 0.25rem;
  font-weight: 600;
}
.select-seat .total-seats .single-selected .name {
  color: #1679D5;
  font-size: 0.8125rem;
  font-weight: 700;
}
.select-seat .total-seats .single-selected .btn-white {
  padding: 0.25rem;
}
.select-seat .total-seats .single-selected .btn-white img {
  width: 1.25rem;
  height: 1.25rem;
}
.select-seat .total-seats .single-selected .seat {
  background-color: rgba(255, 255, 255, 0.5);
  display: inline-flex;
  margin: 0 0.5rem 0.5rem 0;
  align-items: center;
  padding: 0 0 0 0.75rem;
  border-radius: 0.25rem;
}
.select-seat .total-seats .single-selected .seat span {
  font-weight: 600;
  color: #4D7294;
}
.select-seat .total-seats .single-selected .seat strong {
  width: 2rem;
  margin-left: 0.75rem;
  text-align: center;
  padding: 0.25rem 0;
  background-color: rgb(255, 255, 255);
  color: #1679D5;
  font-size: 0.8125rem;
  font-weight: 700;
  border-radius: 0.25rem;
}
.select-seat .total-seats .btn-main strong {
  font-size: 0.8125rem;
}

.new-passengers {
  padding: 1rem 0;
}
.new-passengers .location-wrap {
  border-bottom: 1px dashed #E6EBF0;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.new-passengers .location-wrap h1 {
  margin: 0 0 0.25rem;
  color: #1679D5;
}
.new-passengers .location-wrap strong {
  font-size: 0.8125rem;
}
.new-passengers .location-wrap .day-duration {
  background-color: rgb(240, 243, 245);
  padding: 0.25rem;
  border-radius: 0.25rem;
  text-align: center;
  line-height: 1;
}
.new-passengers .location-wrap .day-duration small {
  display: block;
}
.new-passengers .location-wrap.hotel-name {
  width: 100%;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0.5rem;
}
.new-passengers .location-wrap.hotel-name span {
  font-weight: 600;
}
.new-passengers .hotel-info-message {
  border-bottom: 1px dashed #E6EBF0;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.new-passengers .hotel-info-message li + li {
  margin-top: 0.25rem;
}
.new-passengers .price-container li + li {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #F2F5F7;
}
.new-passengers .price-container .room strong {
  display: block;
  color: #1679D5;
}
.new-passengers .price-container .room span {
  font-size: 0.6875rem;
  color: #4D7294;
}
.new-passengers .price-container .price .tax,
.new-passengers .price-container .price .main {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0.25rem;
}
.new-passengers .price-container .price span {
  font-size: 0.6875rem;
  color: #4D7294;
}
.new-passengers .price-container .price strong {
  color: #4D7294;
}
.new-passengers .price-container .price .single-price {
  font-size: 1rem;
}
.new-passengers .price-container .price .single-price strong {
  font-weight: 700;
  color: #1679D5;
}
.new-passengers .price-container .total-price {
  font-size: 1.125rem;
  border: none;
}
.new-passengers .price-container .total-price .room {
  font-size: 1rem;
}
.new-passengers .price-container .total-price strong {
  color: #1679D5;
  font-weight: 700;
}
.new-passengers .main-form {
  background-color: rgb(255, 255, 255);
  padding: 1.5rem 1rem;
  border-radius: 1rem;
}
.new-passengers .main-form .btn {
  font-size: 0.8125rem;
  padding: 0.75rem;
}
.new-passengers .main-form .form-control,
.new-passengers .main-form .form-select {
  background-color: #E8F2FB;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0.75rem;
  font-size: 0.8125rem;
}
.new-passengers .main-form .form-select {
  cursor: pointer;
}
.new-passengers .main-form .disabled {
  opacity: 0.3;
}
.new-passengers .main-form .warning-text {
  padding: 0;
}
.new-passengers .main-form .register-drop .btn {
  color: #1A4975;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.new-passengers .main-form .register-drop .btn-group .btn {
  background-color: #E8F2FB;
}
.new-passengers .main-form .register-drop .dropdown-menu {
  flex-wrap: wrap;
  padding: 0.5rem;
  border-radius: 0.25rem;
  min-width: 15rem;
}
.new-passengers .main-form .register-drop .dropdown-menu.show {
  display: flex;
}
.new-passengers .main-form .register-drop .dropdown-menu li {
  width: 20%;
}
.new-passengers .main-form .register-drop .dropdown-menu .dropdown-item {
  justify-content: center;
  padding: 0.75rem;
  width: 100%;
}
.new-passengers h5 {
  display: flex;
  align-items: center;
}
.new-passengers h5 small {
  background-color: rgb(240, 243, 245);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  margin-left: 0.5rem;
  color: #4D7294;
  font-size: 0.6875rem;
  font-weight: 600;
}
.new-passengers .doc-choice .form-check {
  position: relative;
  padding: 0;
  width: 50%;
}
.new-passengers .doc-choice .form-check-label {
  padding: 0.75rem 0.5rem 0.75rem 1.5rem;
  color: #809AB2;
  width: 100%;
}
.new-passengers .doc-choice .form-check-label:after, .new-passengers .doc-choice .form-check-label:before {
  content: "";
  left: 0;
  top: 50%;
  position: absolute;
  width: 1rem;
  height: 1rem;
  transform: translateY(-50%);
  border-radius: 50%;
  transition: 0.2s ease;
}
.new-passengers .doc-choice .form-check-label:before {
  background-color: rgb(240, 243, 245);
}
.new-passengers .doc-choice .form-check-label:after {
  background-color: rgb(255, 255, 255);
  -ms-box-shadow: inset 0 0 0 0.25rem #1679D5;
  -o-box-shadow: inset 0 0 0 0.25rem #1679D5;
  box-shadow: inset 0 0 0 0.25rem #1679D5;
  opacity: 0;
}
.new-passengers .doc-choice .form-check-input {
  display: none;
}
.new-passengers .doc-choice .form-check-input:checked ~ .form-check-label {
  color: #003566;
}
.new-passengers .doc-choice .form-check-input:checked ~ .form-check-label:after {
  opacity: 1;
}

.warning-text {
  background-color: rgb(255, 255, 255);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.warning-text p {
  color: #F0573B;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.warning-text .warning-icon-small {
  width: 1.5rem !important;
  height: 1.5rem !important;
  margin: 0 0.25rem 0 0;
}
.warning-text img {
  width: 7.5rem;
  height: 7.5rem;
  margin: -1rem 0 -1rem -1rem;
}
.warning-text h5 {
  color: #1A4975;
  margin: 0;
  text-transform: none;
}
.warning-text ul {
  padding-left: 1.25rem;
}
.warning-text .btn {
  font-size: 0.8125rem;
  padding: 0.75rem;
}
.warning-text.important {
  -ms-box-shadow: 0 0 0 1px #F0573B;
  -o-box-shadow: 0 0 0 1px #F0573B;
  box-shadow: 0 0 0 1px #F0573B;
}
.warning-text.small {
  padding: 0 1rem;
}
.warning-text.small img {
  width: 5rem;
  height: 5rem;
}
.warning-text .btn-small {
  padding: 0.25rem 0.5rem;
  color: #1A4975;
}
.warning-text .btn-small strong {
  font-size: 0.6875rem;
}

.bus-result {
  padding: 2rem 0;
}
.bus-result .single {
  border-radius: 0.25rem;
  transition: 0.2s ease;
  background-color: rgb(255, 255, 255);
  padding: 1rem;
}
.bus-result .single:hover {
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
}
.bus-result p {
  margin: 0;
  font-weight: 600;
}
.bus-result .bus-stops {
  margin-top: 0.5rem;
  border-top: 1px dashed #E6EBF0;
  padding: 0.5rem 0 0;
  color: #4D7294;
}
.bus-result .bus-stops li:nth-child(2) img {
  width: 1.25rem;
  opacity: 0.5;
  height: 1.25rem;
}
.bus-result .bus-stops li:nth-child(2) strong {
  color: #1679D5;
  font-weight: 600;
}
.bus-result .bus-stops li:last-child {
  text-align: right;
}
.bus-result .bus-info {
  border-radius: 0.25rem;
  background-color: rgb(255, 255, 255);
}
.bus-result .bus-info h1 {
  margin: 0;
  font-size: 1rem;
}
.bus-result .bus-info .destination {
  text-align: center;
}
.bus-result .bus-info .destination p {
  border-bottom: 2px solid #E6EBF0;
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
}
.bus-result .bus-info .destination small {
  color: #1679D5;
  font-weight: 600;
}
.bus-result .seat {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  transition: 0.2s ease;
  border-radius: 0.25rem;
  background-color: #E8F2FB;
}
.bus-result .seat:hover {
  -ms-box-shadow: 0 0 0 1px #8ABCEA;
  -o-box-shadow: 0 0 0 1px #8ABCEA;
  box-shadow: 0 0 0 1px #8ABCEA;
  color: #1679D5;
}
.bus-result .seat .price span {
  color: #4D7294;
}
.bus-result .seat .btn-light {
  font-size: 0.875rem;
  font-weight: 700;
  color: #1A4975;
  background-color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
}
.bus-result .seat .btn-light:hover {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
  -o-box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
  box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
}

.new-news-container {
  background-color: #003566;
  padding: 3rem 0;
  position: relative;
}
.new-news-container .container {
  position: relative;
  z-index: 1;
}
.new-news-container .header-news {
  text-decoration: none;
  color: #1A4975;
  padding: 1rem;
}
.new-news-container .header-news .image {
  border-radius: 0.25rem;
  overflow: hidden;
}
.new-news-container .header-news .text {
  padding: 1rem 1rem 1rem 2rem;
  color: rgb(255, 255, 255);
  font-size: 1rem;
}
.new-news-container .header-news .text h1 {
  font-weight: 700;
  font-size: 1.75rem;
  margin: 0 0 1rem;
}
.new-news-container .date {
  font-size: 0.6875rem;
  margin-bottom: 0.25rem;
}
.new-news-container hr {
  border-top: 1px dashed rgba(255, 255, 255, 0.1);
}
.new-news-container h5 {
  color: rgb(255, 255, 255);
}
.new-news-container .bg-news-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  z-index: 0;
  -moz-filter: blur(1rem);
  -ms-filter: blur(1rem);
  -o-filter: blur(1rem);
  filter: blur(1rem);
  opacity: 0.5;
}

.new-news-swiper {
  padding: 0 0 2rem;
}
.new-news-swiper .date {
  font-size: 0.6875rem;
  margin-bottom: 0.25rem;
}
.new-news-swiper .swiper-slide {
  padding: 1px;
}
.new-news-swiper .new-single-news {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0.5rem;
  border-radius: 0.25rem;
  text-decoration: none;
  color: rgb(255, 255, 255);
  transition: 0.2s ease;
}
.new-news-swiper .new-single-news:hover {
  -ms-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
  -o-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.new-news-swiper .new-single-news h1 {
  font-size: 1rem;
  font-weight: 600;
}
.new-news-swiper .new-single-news .image {
  border-radius: 0.25rem;
  overflow: hidden;
}

.news-detail {
  padding: 1rem 0;
}
.news-detail h1 {
  font-size: 1.125rem;
  font-weight: 700;
  margin: 1rem 0;
}
.news-detail h5 {
  text-transform: none;
  font-size: 1.125rem;
  font-weight: 600;
}
.news-detail .news-content .header-image {
  margin: -2rem -2rem 1rem -2rem;
  width: calc(100% + 4rem) !important;
  max-width: calc(100% + 4rem) !important;
}
.news-detail .news-content p,
.news-detail .news-content ol li,
.news-detail .news-content ul li {
  font-size: 0.8125rem;
}
.news-detail .news-content img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  height: auto !important;
  width: 100% !important;
}
.news-detail .new-news-swiper {
  margin-bottom: 1.5rem;
}
.news-detail .new-news-swiper .new-single-news {
  color: #1A4975;
  background-color: rgb(255, 255, 255);
}

.the-payment-steps {
  padding: 1rem 0 0;
  margin-bottom: 1rem;
}
.the-payment-steps li {
  position: relative;
  font-weight: 700;
  color: #B3C2D1;
  padding: 0.5rem 0.5rem;
}
.the-payment-steps li:after {
  content: "";
  height: 0.125rem;
  background-color: #E6EBF0;
  width: 100%;
  left: 0;
  display: block;
  bottom: 0;
  position: absolute;
}
.the-payment-steps li.done {
  color: #809AB2;
}
.the-payment-steps li.done:after {
  background-color: rgb(139, 195, 74);
}
.the-payment-steps li.active {
  color: #1A4975;
}
.the-payment-steps li.active:after {
  background-color: rgb(139, 195, 74);
}

.order-total-info {
  position: sticky;
  top: 4.5rem;
  background-color: rgb(255, 255, 255);
  padding: 1.5rem 1rem;
  border-radius: 1rem;
}
.order-total-info .single-selected {
  background-color: #E8F2FB;
  padding: 0.5rem;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
.order-total-info .single-selected.selected-taken {
  background-color: rgba(214, 40, 40, 0.1);
}
.order-total-info .single-selected.selected-taken .taken-text {
  color: rgb(214, 40, 40);
  padding-top: 0.5rem;
  font-weight: 600;
}
.order-total-info .single-selected .tea-coffee strong {
  color: rgb(139, 195, 74);
}
.order-total-info .single-selected .tea-coffee.no-order strong {
  color: #F0573B;
}
.order-total-info .single-selected .name {
  color: #1679D5;
  font-weight: 700;
}
.order-total-info .single-selected .seat {
  background-color: rgba(255, 255, 255, 0.5);
  display: inline-flex;
  margin: 0.5rem 0.5rem 0 0;
  align-items: center;
  padding: 0 0 0 0.75rem;
  border-radius: 0.25rem;
}
.order-total-info .single-selected .seat span {
  font-weight: 600;
  color: #4D7294;
}
.order-total-info .single-selected .seat strong {
  width: 2rem;
  margin-left: 0.75rem;
  text-align: center;
  padding: 0.25rem 0;
  background-color: rgb(255, 255, 255);
  color: #1679D5;
  font-size: 0.8125rem;
  font-weight: 700;
  border-radius: 0.25rem;
}
.order-total-info .btn {
  font-size: 0.8125rem;
}
.order-total-info .new-user-menu a {
  text-decoration: none;
  color: #1A4975;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
}
.order-total-info .new-user-menu a strong {
  font-weight: 600;
}
.order-total-info .new-user-menu a .chevron {
  opacity: 0.5;
}
.order-total-info .new-user-menu a .check {
  display: none;
}
.order-total-info .new-user-menu a.active {
  color: #1679D5;
  background-color: #E8F2FB;
}
.order-total-info .new-user-menu a.active .check {
  display: block;
}
.order-total-info .new-user-menu a.active .chevron {
  display: none;
}
.order-total-info .new-user-menu a:hover {
  background-color: #E8F2FB;
}
.order-total-info .new-user-menu li ul {
  padding: 0.25rem 0;
}
.order-total-info .new-user-menu li ul a {
  color: #4D7294;
  padding-left: 2rem;
  position: relative;
}
.order-total-info .new-user-menu li ul a:after {
  content: "-";
  position: absolute;
  left: 0;
  top: 25%;
  left: 1.25rem;
}
.order-total-info .warning-text {
  padding: 0;
}

.confirmation-option-select {
  padding: 1rem 0 0;
  border-bottom: 1px solid rgba(22, 121, 213, 0.25);
}
.confirmation-option-select .radio-group {
  border-radius: 0.25rem;
  justify-content: flex-start !important;
}
.confirmation-option-select .radio-group .form-check {
  display: flex;
  margin: 0;
  width: 50%;
  padding: 0;
  position: relative;
}
.confirmation-option-select .radio-group .form-check-input {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
  margin: 0;
  float: none;
}
.confirmation-option-select .radio-group .form-check-label {
  display: flex;
  margin: 0;
  padding: 0.75rem 0.75rem 0.75rem 2rem;
  width: 100%;
  transition: 0.2s ease;
  color: #4D7294;
  border-radius: 0.25rem;
  font-weight: 600;
  border: 1px solid transparent;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  justify-content: center;
  margin-bottom: -1px;
}
.confirmation-option-select .radio-group .form-check-input:checked ~ .form-check-label {
  color: #1679D5;
  border: 1px solid rgba(22, 121, 213, 0.25);
  border-bottom: none;
  background-color: white;
}
.confirmation-option-select .radio-group img {
  display: none;
}

.new-timer {
  display: inline-flex;
  flex-direction: column;
  padding: 1rem;
  background-color: rgb(255, 255, 255);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  max-width: 17.5rem;
  width: 100%;
}
.new-timer strong {
  font-size: 1.75rem;
  font-weight: 700;
  color: #809AB2;
  width: 2.5rem;
  display: block;
  text-align: center;
}
.new-timer p {
  font-size: 0.6875rem;
  font-weight: 700;
  color: #F0573B;
}

.new-main-payment {
  background-color: rgb(255, 255, 255);
  padding: 1.5rem 1rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
.new-main-payment .form-check {
  padding: 0;
}
.new-main-payment .form-check img {
  width: 4rem;
  height: 2rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  flex-shrink: 0;
}
.new-main-payment .form-check .text {
  padding: 0 0 0 1rem;
}
.new-main-payment .form-check .text strong {
  font-weight: 700;
  display: block;
}
.new-main-payment .form-check .text span {
  font-size: 0.6875rem;
  color: #4D7294;
}
.new-main-payment .form-check .form-check-label {
  padding: 1rem;
  -ms-box-shadow: 0 0 0 1px #E8F2FB;
  -o-box-shadow: 0 0 0 1px #E8F2FB;
  box-shadow: 0 0 0 1px #E8F2FB;
  border-radius: 0.25rem;
}
.new-main-payment .form-check .form-check-label:hover {
  -ms-box-shadow: 0 0 0 1px #B9D7F2;
  -o-box-shadow: 0 0 0 1px #B9D7F2;
  box-shadow: 0 0 0 1px #B9D7F2;
}
.new-main-payment .form-check .form-check-input {
  display: none;
}
.new-main-payment .form-check .form-check-input:checked ~ .form-check-label {
  background-color: #E8F2FB;
}
.new-main-payment .single-pick .btn {
  width: 100%;
  padding: 0.5rem;
  -ms-box-shadow: 0 0 0 1px #E8F2FB;
  -o-box-shadow: 0 0 0 1px #E8F2FB;
  box-shadow: 0 0 0 1px #E8F2FB;
  border-radius: 0.25rem;
}
.new-main-payment .single-pick .btn:hover {
  -ms-box-shadow: 0 0 0 1px #B9D7F2;
  -o-box-shadow: 0 0 0 1px #B9D7F2;
  box-shadow: 0 0 0 1px #B9D7F2;
}
.new-main-payment .single-pick .btn.active {
  background-color: #E8F2FB;
}
.new-main-payment .single-pick img {
  width: 2rem;
  height: 2rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  flex-shrink: 0;
}
.new-main-payment .single-pick strong {
  text-align: left;
  padding-left: 1rem;
  font-size: 0.8125rem;
}
.new-main-payment .single-pick strong span {
  font-size: 0.6875rem;
  color: #4D7294;
}

.payment-total-info li {
  padding: 0.5rem 0;
}
.payment-total-info li strong {
  display: flex;
  align-items: baseline;
  font-weight: 700;
}
.payment-total-info li i {
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
  background-color: #E8F2FB;
  display: block;
  font-style: normal;
}
.payment-total-info .passengers strong,
.payment-total-info .single-price strong {
  color: #1679D5;
  font-size: 1rem;
  font-weight: 700;
}
.payment-total-info .total-price {
  color: #1679D5;
  font-size: 1.125rem;
  font-weight: 700;
  border-top: 1px solid #F2F5F7;
  padding-top: 1rem;
}
.payment-total-info .total-price strong {
  font-weight: 700;
}
.payment-total-info .coupon {
  border-top: 1px solid #F2F5F7;
  margin-top: 1rem;
  padding-top: 0.5rem;
}
.payment-total-info .coupon .form-control {
  background-color: rgba(22, 121, 213, 0.1);
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0.75rem;
  font-size: 0.8125rem;
}

.transfer-info {
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.transfer-info hr {
  margin: 0.5rem 0;
}
.transfer-info .form-check {
  width: 50%;
  border-radius: 0.25rem;
}
.transfer-info .form-check .form-check-label {
  width: 100%;
  text-align: center;
  padding: 0.5rem;
  -ms-box-shadow: 0 0 0 1px transparent;
  -o-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
  position: relative;
}
.transfer-info .form-check .form-check-label img {
  height: 1rem;
  width: 1rem;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: 0.2s ease;
}
.transfer-info .form-check .form-check-input:checked ~ .form-check-label {
  background-color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0 0 1px transparent;
  -o-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
}
.transfer-info .form-check .form-check-input:checked ~ .form-check-label img {
  opacity: 1;
}
.transfer-info .text input {
  background-color: transparent;
  border: none;
  color: #003566;
  font-weight: 600;
}
.transfer-info .btn {
  padding: 0.75rem 0.5rem;
}
.transfer-info .warning {
  color: rgb(214, 40, 40);
  font-weight: 700;
}

.new-user-profile-main {
  padding: 3rem 0;
}

.new-user-profile-content {
  background-color: rgb(255, 255, 255);
  border-radius: 1rem;
  padding: 1.5rem 1rem;
}
.new-user-profile-content .no-search-result {
  max-width: 15rem;
}
.new-user-profile-content .single {
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  transition: 0.2s ease;
  overflow: hidden;
}
.new-user-profile-content .single:hover {
  -ms-box-shadow: 0 0 0 1px #B9D7F2;
  -o-box-shadow: 0 0 0 1px #B9D7F2;
  box-shadow: 0 0 0 1px #B9D7F2;
}
.new-user-profile-content .single .btn-collapse[aria-expanded=true] {
  background-color: #E8F2FB;
}
.new-user-profile-content .single .btn-collapse {
  border: none;
  background-color: rgb(255, 255, 255);
  width: 100%;
  color: #1A4975;
  text-decoration: none;
  text-align: left;
  padding: 0;
}
.new-user-profile-content .single .btn-collapse .name {
  padding: 0.25rem 1rem 0.25rem;
  flex-shrink: 0;
}
.new-user-profile-content .single .btn-collapse .name strong {
  color: #1679D5;
  font-weight: 600;
}
.new-user-profile-content .single .btn-collapse .name .chevron {
  width: 1rem;
  height: 1rem;
}
.new-user-profile-content .single .btn-collapse .name .icon {
  margin-right: 0.5rem;
}
.new-user-profile-content .single .btn-collapse .price {
  padding: 0 1rem 0.5rem;
}
.new-user-profile-content .single .btn-collapse .status {
  padding: 0 1.5rem 0.5rem 1rem;
  position: relative;
}
.new-user-profile-content .single .btn-collapse .status:after {
  content: "";
  position: absolute;
  top: 0.25rem;
  bottom: 0.5rem;
  background-color: #E8F2FB;
  display: block;
  width: 0.125rem;
  right: 1rem;
}
.new-user-profile-content .single .btn-collapse .status.waiting:after {
  background-color: #F0573B;
}
.new-user-profile-content .single .btn-collapse .status.payed:after {
  background-color: rgb(139, 195, 74);
}
.new-user-profile-content .single .order-btn-divider {
  padding: 0.5rem;
  background-color: rgb(240, 243, 245);
}
.new-user-profile-content .single .order-btn-divider .btn-light {
  background-color: rgb(255, 255, 255);
}
.new-user-profile-content .single .order-btn-divider .btn-light,
.new-user-profile-content .single .order-btn-divider .btn-main {
  padding: 0.25rem 0.5rem;
}
.new-user-profile-content .single-content {
  padding: 0rem 1rem 0.5rem;
  transition: 0.2s ease;
}
.new-user-profile-content .single-content strong {
  color: #1679D5;
}
.new-user-profile-content .single-content h5 {
  padding-top: 1rem;
  border-top: 1px dashed #E6EBF0;
}
.new-user-profile-content .single-content li {
  border-radius: 0.25rem;
}
.new-user-profile-content .single-content li span {
  font-weight: 600;
  color: #4D7294;
  font-size: 0.6875rem;
}
.new-user-profile-content .single-content .username {
  margin: 0 -1rem -1rem;
  padding: 1rem;
  background-color: #E8F2FB;
}
.new-user-profile-content .single-content .passengers strong {
  color: #1A4975;
}

.ticket-modal .no-result img {
  display: block;
  max-width: 15rem;
  margin: 1rem auto;
}
.ticket-modal .no-result p {
  margin-bottom: 2rem;
}
.ticket-modal .location {
  width: 50%;
  border-bottom: 1px dashed #E6EBF0;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.ticket-modal .location h1 {
  margin: 0 0 0.25rem;
  color: #1679D5;
}
.ticket-modal .location strong {
  font-size: 0.8125rem;
}
.ticket-modal .single-selected {
  padding: 0.5rem 0.75rem;
  background-color: #E8F2FB;
  border-radius: 0.25rem;
}
.ticket-modal .single-selected.selected-taken {
  background-color: rgba(214, 40, 40, 0.1);
}
.ticket-modal .single-selected.selected-taken .taken-text {
  color: rgb(214, 40, 40);
  padding: 0.25rem;
  font-weight: 600;
}
.ticket-modal .single-selected + .single-selected {
  margin-top: 0.5rem;
}
.ticket-modal .single-selected.selected-taken {
  background-color: rgba(214, 40, 40, 0.1);
}
.ticket-modal .single-selected.selected-taken .taken-text {
  color: rgb(214, 40, 40);
  padding: 0.25rem;
  font-weight: 600;
}
.ticket-modal .single-selected .name {
  font-size: 0.8125rem;
}
.ticket-modal .single-selected .name strong {
  font-weight: 700;
  color: #1679D5;
}
.ticket-modal .single-selected .tea-coffee {
  margin-top: 0.25rem;
  font-size: 0.6875rem;
}
.ticket-modal .single-selected .btn-white {
  padding: 0.25rem;
}
.ticket-modal .single-selected .btn-white img {
  width: 1.25rem;
  height: 1.25rem;
}
.ticket-modal .single-selected .cargo {
  display: inline-flex;
  align-items: center;
  margin-top: 0.25rem;
  font-size: 0.6875rem;
}
.ticket-modal .single-selected .cargo strong {
  width: 2rem;
  margin-left: 0.75rem;
  text-align: center;
  padding: 0.25rem 0;
  background-color: rgba(255, 255, 255, 0.5);
  color: #1A4975;
  font-weight: 700;
  border-radius: 0.25rem;
}
.ticket-modal .single-selected .seat {
  background-color: rgba(255, 255, 255, 0.5);
  display: inline-flex;
  align-items: center;
  padding: 0 0 0 0.75rem;
  border-radius: 0.25rem;
}
.ticket-modal .single-selected .seat span {
  font-weight: 600;
  color: #4D7294;
}
.ticket-modal .single-selected .seat strong {
  width: 2rem;
  margin-left: 0.75rem;
  text-align: center;
  padding: 0.25rem 0;
  background-color: rgb(255, 255, 255);
  color: #1679D5;
  font-size: 0.8125rem;
  font-weight: 700;
  border-radius: 0.25rem;
}
.ticket-modal .modal-footer .btn-main {
  font-size: 0.8125rem;
}
.ticket-modal .payment-detail {
  padding: 1rem 0;
  border-top: 1px dashed #E6EBF0;
  margin-top: 1rem;
}
.ticket-modal .payment-detail .price strong {
  font-size: 1rem;
  color: #1679D5;
  font-weight: 700;
}
.ticket-modal .payment-detail .status {
  padding: 0 0.75rem 0.5rem 1rem;
  position: relative;
}
.ticket-modal .payment-detail .status:after {
  content: "";
  position: absolute;
  top: 0.25rem;
  bottom: 0.75rem;
  background-color: #E8F2FB;
  display: block;
  width: 0.125rem;
  right: 0;
}
.ticket-modal .payment-detail .status.waiting strong {
  color: #F0573B;
}
.ticket-modal .payment-detail .status.waiting:after {
  background-color: #F0573B;
}
.ticket-modal .payment-detail .status.payed strong {
  color: rgb(139, 195, 74);
}
.ticket-modal .payment-detail .status.payed:after {
  background-color: rgb(139, 195, 74);
}

.bus-ticket-container {
  background-color: rgb(255, 255, 255);
  padding: 1rem;
  margin: 2rem 0;
  border-radius: 0.25rem;
}
.bus-ticket-container .title {
  font-size: 1rem;
  color: #1679D5;
  font-weight: 600;
}
.bus-ticket-container li {
  margin-bottom: 0.5rem;
}
.bus-ticket-container li.border-top {
  padding-top: 0.5rem;
}
.bus-ticket-container li span {
  color: #4D7294;
  font-weight: 600;
}
.bus-ticket-container .logo {
  width: 10rem;
  height: 3rem;
  max-width: 100%;
}
.bus-ticket-container .logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.bus-ticket-container ul.row {
  margin: 0 -0.75rem;
}
.bus-ticket-container .single {
  background-color: #E8F2FB;
  padding: 0.5rem;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
.bus-ticket-container .single strong {
  color: #1679D5;
  font-weight: 700;
}
.bus-ticket-container .single span {
  font-size: 0.6875rem;
  font-weight: 600;
}
.bus-ticket-container .single .passenger span {
  font-weight: 700;
  color: #003566;
  background-color: rgb(255, 255, 255);
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
}
.bus-ticket-container .single .seat {
  padding: 0.25rem 0.5rem;
}
.bus-ticket-container .qr-code {
  position: relative;
  display: block;
  margin: 1rem auto;
  text-align: center;
}
.bus-ticket-container .lottery strong {
  color: #1679D5;
  font-weight: 700;
}

.new-single-hotel {
  padding: 0;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  border-radius: 0.25rem;
  text-align: left;
  margin-bottom: 1rem;
  -ms-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
  transition: 0.2s ease;
}
.new-single-hotel:hover {
  -ms-box-shadow: 0 0 0 1px #1679D5;
  -o-box-shadow: 0 0 0 1px #1679D5;
  box-shadow: 0 0 0 1px #1679D5;
}
.new-single-hotel:hover .detail .name-location .name {
  color: #1679D5;
}
.new-single-hotel.map-version {
  max-width: 15rem;
}
.new-single-hotel.map-version:hover {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.new-single-hotel.map-version .detail {
  padding: 0.5rem;
}
.new-single-hotel.map-version .detail .name-location .name,
.new-single-hotel.map-version .detail .price-detail .price {
  font-size: 0.8125rem;
}
.new-single-hotel.map-version .detail .text strong {
  font-size: 0.6875rem;
}
.new-single-hotel a {
  display: block;
  text-decoration: none;
}
.new-single-hotel .image {
  width: 30%;
  flex-shrink: 0;
  display: flex;
  align-self: stretch;
  border-radius: 0.25rem;
  overflow: hidden;
  position: relative;
}
.new-single-hotel .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.new-single-hotel .image .hotel-image {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.new-single-hotel .image .hotel-logo {
  position: absolute;
  z-index: 1;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  bottom: 0.5rem;
  right: 0.5rem;
  background-color: rgb(255, 255, 255);
  transition: 0.2s ease;
}
.new-single-hotel .image .hotel-logo:hover {
  background-color: rgb(255, 255, 255);
}
.new-single-hotel .image .hotel-logo:hover img {
  width: 4.5rem;
  height: 3rem;
}
.new-single-hotel .image .hotel-logo img {
  transition: 0.2s ease;
  -o-object-fit: contain;
     object-fit: contain;
  width: 3rem;
  height: 2rem;
}
.new-single-hotel .detail {
  display: block;
  padding: 1rem;
  width: 70%;
}
.new-single-hotel .detail .name-location {
  width: 100%;
  border-bottom: 1px dashed #E6EBF0;
  padding-bottom: 0.25rem;
  margin-bottom: 0.5rem;
}
.new-single-hotel .detail .name-location .name {
  width: 100%;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  color: #003566;
}
.new-single-hotel .detail .name-location ul {
  margin-right: 0.5rem;
}
.new-single-hotel .detail .name-location ul img {
  width: 1rem;
  height: 1rem;
}
.new-single-hotel .detail .name-location .text span {
  font-size: 0.6875rem;
  margin-right: 0.25rem;
  color: #003566;
  font-weight: 600;
}
.new-single-hotel .detail .name-location .text strong {
  display: block;
  text-align: center;
  padding: 0.25rem;
  width: 2.5rem;
  border-radius: 0.25rem;
  background-color: #003566;
  color: rgb(255, 255, 255);
}
.new-single-hotel .detail .name-location .location {
  padding: 0;
  color: #4D7294;
  margin-top: 0.25rem;
}
.new-single-hotel .detail .name-location .location span {
  margin-left: 0.25rem;
}
.new-single-hotel .detail .room-status li {
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: #1A4975;
}
.new-single-hotel .detail .room-status .cancel-free {
  color: #6a994e;
}
.new-single-hotel .detail .room-status .low-room {
  color: #F0573B;
}
.new-single-hotel .detail .room-status .bed-icon {
  margin-right: 0.25rem;
}
.new-single-hotel .detail .hotel-descpription {
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: none !important;
}
.new-single-hotel .detail .price-detail {
  color: #1A4975;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px dashed rgba(0, 53, 102, 0.1);
}
.new-single-hotel .detail .price-detail span {
  font-size: 0.6875rem;
}
.new-single-hotel .detail .price-detail .sale {
  color: #6a994e;
  margin-top: 0.25rem;
}
.new-single-hotel .detail .price-detail .sale strong {
  padding: 0 0.25rem;
  background-color: #6a994e;
  color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  margin-right: 0.25rem;
}
.new-single-hotel .detail .price-detail .price {
  color: #1679D5;
  font-size: 1rem;
  font-weight: 700;
  margin: 0.25rem 0 0.5rem;
}

.new-left-filter {
  padding: 0;
  background-color: transparent;
}
.new-left-filter .map-link-btn {
  max-width: 100%;
}
.new-left-filter .single-filter {
  background-color: rgb(255, 255, 255);
  margin-bottom: 0.5rem;
  padding: 1rem;
  border-radius: 0.25rem;
}
.new-left-filter .single-filter + .single-filter {
  border-top: none;
}
.new-left-filter .single-filter.color-filter {
  background-color: #003566;
}
.new-left-filter .single-filter.color-filter h5,
.new-left-filter .single-filter.color-filter .form-check-label {
  color: rgb(255, 255, 255);
}
.new-left-filter .single-filter .btn-light:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: rgb(255, 255, 255);
}
.new-left-filter .single-filter .form-check .form-check-label {
  padding: 0.25rem 0.25rem 0.25rem 1.25rem;
}
.new-left-filter .sort-container .form-check-label {
  color: rgba(255, 255, 255, 0.7);
}
.new-left-filter .sort-container .form-check-input[type=radio] {
  border: none;
  background-color: rgba(255, 255, 255, 0.1);
  transition: 0.2s ease;
}
.new-left-filter .sort-container .form-check-input[type=radio]:checked {
  background-color: white;
  -ms-box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.5);
  -o-box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.5);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.5);
}
.new-left-filter .sort-container .form-check-input[type=radio]:checked ~ .form-check-label {
  color: white;
}

.single-hotel-room .new-action {
  text-align: right;
}
.single-hotel-room .new-action .prepay-online {
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 0.6875rem;
  color: #003566;
}
.single-hotel-room .new-price .before-tax {
  font-size: 1.125rem;
}
.single-hotel-room .new-price .before-tax strong {
  color: #1679D5;
}
.single-hotel-room .new-price .after-tax {
  font-size: 0.8125rem;
  color: #4D7294;
  margin-bottom: 0.5rem;
}
.single-hotel-room .new-price .after-tax span {
  font-size: 0.6875rem;
}

.hotel-detail-container .hotel-detail-header button {
  border: none;
  background-color: transparent;
  padding: 0;
}
.hotel-detail-container .new-hotel-top-detail a {
  color: #003566;
}
.hotel-detail-container .new-hotel-top-detail .name {
  font-size: 1.125rem;
  font-weight: 700;
}
.hotel-detail-container .new-hotel-top-detail .location {
  border: none;
  background-color: transparent;
  padding: 0;
  border-radius: 0.25rem;
  align-items: center;
  display: inline-flex;
  color: #4D7294;
}
.hotel-detail-container .new-hotel-top-detail .new-rating {
  padding: 0.5rem 0;
}
.hotel-detail-container .new-hotel-top-detail .new-rating li img {
  width: 1.25rem;
  height: 1.25rem;
}
.hotel-detail-container .new-hotel-top-detail .new-rating .text {
  margin-top: 0.25rem;
}
.hotel-detail-container .new-hotel-top-detail .new-rating .text strong {
  display: block;
  text-align: center;
  padding: 0.25rem;
  width: 2.5rem;
  border-radius: 0.25rem;
  background-color: #003566;
  color: white;
  margin-left: 0.25rem;
}
.hotel-detail-container .new-hotel-top-detail .new-rating .text span {
  font-size: 0.6875rem;
  font-weight: 600;
}
.hotel-detail-container .new-short-info {
  padding: 0.5rem;
  border-radius: 0.25rem;
  background-color: #E8F2FB;
  margin-bottom: 1rem;
}
.hotel-detail-container .new-short-info p {
  font-weight: 600;
  color: #1A4975;
}
.hotel-detail-container .new-short-info .socials {
  border-top: 1px solid rgb(255, 255, 255);
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  font-size: 0.6875rem;
}
.hotel-detail-container .new-short-info .socials .facebook button {
  background-color: rgb(0, 132, 255);
}
.hotel-detail-container .new-short-info .socials .facebook button rect {
  fill: rgb(0, 132, 255);
}
.hotel-detail-container .new-short-info .socials .twitter button {
  background-color: rgb(0, 132, 255);
}
.hotel-detail-container .new-short-info .socials .twitter button rect {
  fill: rgb(85, 172, 238);
}
.hotel-detail-container .new-short-info .socials button {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
  margin-left: 0.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hotel-detail-container .new-short-info .socials button svg {
  width: 100%;
  height: 100%;
}

.new-travel-slide {
  padding: 1.5rem 0 0;
}
.new-travel-slide .new-single-travel {
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  overflow: hidden;
  text-decoration: none;
  color: #003566;
}
.new-travel-slide .new-single-travel.international .image {
  width: 100%;
}
.new-travel-slide .new-single-travel.soon .image .text {
  background: linear-gradient(225deg, #F0573B, rgb(255, 193, 7), transparent);
}
.new-travel-slide .new-single-travel .image {
  width: 50%;
  border-radius: 0.25rem;
}
.new-travel-slide .new-single-travel .image .text {
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  max-width: calc(100% - 0.5rem);
  z-index: 1;
  text-align: right;
  background: linear-gradient(225deg, #003566, #1679D5, transparent);
  padding: 0.125rem 0.5rem 0.25rem;
  border-radius: 0.25rem;
  flex-direction: column;
  align-items: flex-end;
}
.new-travel-slide .new-single-travel .image .text small {
  color: rgb(255, 255, 255);
  font-weight: 600;
}
.new-travel-slide .new-single-travel .image .text strong {
  color: rgb(255, 255, 255);
  display: block;
  font-weight: 700;
}
.new-travel-slide .new-single-travel .duration-rating {
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #E6EBF0;
  padding-bottom: 0.5rem;
}
.new-travel-slide .new-single-travel .price-arrow img {
  width: 2rem;
  height: 2rem;
  padding: 0.25rem;
  background-color: #E8F2FB;
  border-radius: 50%;
}
.new-travel-slide .new-single-travel .price-arrow p {
  margin: 0 1rem 0 0;
  font-weight: 600;
  color: #1679D5;
}
.new-travel-slide .new-single-travel .detail {
  padding: 1rem;
  width: 100%;
}
.new-travel-slide .new-single-travel .detail .name {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  height: 2.75rem;
  overflow: hidden;
}
.new-travel-slide .new-single-travel .detail .name .flags {
  height: 0.9375rem;
  width: 1.25rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 0.125rem;
  margin-right: 0.5rem;
}
.new-travel-slide .new-single-travel .detail .price {
  font-size: 1rem;
  font-weight: 700;
  color: #1679D5;
}
.new-travel-slide .new-single-travel .detail .price small {
  font-size: 0.6875rem;
}
.new-travel-slide .new-single-travel .detail .price i {
  color: #809AB2;
  font-size: 0.6875rem;
  display: block;
  font-style: normal;
}
.new-travel-slide .new-single-travel .detail .price del {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #809AB2;
}
.new-travel-slide .new-single-travel .detail .time {
  color: #4D7294;
  font-weight: 600;
}
.new-travel-slide .new-single-travel .detail ul li img {
  width: 1rem;
  height: 1rem;
}

.new-travel-swiper,
.new-domestic-swiper,
.new-travel-order-swiper {
  padding-bottom: 1.5rem;
}

.swiper-pagination {
  bottom: 0 !important;
  width: 100%;
}
.swiper-pagination.pagination-white .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.3);
}
.swiper-pagination.pagination-white .swiper-pagination-bullet-active {
  background-color: rgb(255, 255, 255);
}
.swiper-pagination .swiper-pagination-bullet {
  transform: scale(0.5);
  transition: 0.2s ease;
  margin: 0 0.125rem !important;
  background-color: #E6EBF0;
  opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active {
  transform: scale(1);
  background-color: #1679D5;
}

.new-domestic-swiper .new-single-travel .image {
  width: 45% !important;
  flex-shrink: 0;
}
.new-domestic-swiper .new-single-travel .detail .name {
  font-size: 0.8125rem;
  height: 3.125rem;
}

.custom-travel {
  margin-bottom: 1.5rem;
}
.custom-travel .new-single-travel .detail {
  padding: 0.5rem;
}
.custom-travel .new-single-travel .detail .name {
  height: 2.125rem;
  font-size: 0.8125rem;
}

.travel-front-nav {
  background-color: rgb(255, 255, 255);
  margin-bottom: 2rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  position: sticky;
  top: 4rem;
  z-index: 5;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  overflow-x: auto;
}
.travel-front-nav .list-unstyled {
  margin: 0;
}
.travel-front-nav a {
  display: flex;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  text-decoration: none;
  color: #4D7294;
  transition: 0.2s ease;
  font-weight: 600;
  white-space: nowrap;
}
.travel-front-nav li:hover a {
  background-color: #F2F5F7;
}
.travel-front-nav .active a {
  background-color: #E8F2FB;
  color: #1679D5;
}

.travel-order-info {
  position: relative;
  margin-top: 1rem;
}
.travel-order-info .container {
  position: relative;
  z-index: 1;
}
.travel-order-info .btn {
  font-size: 0.8125rem;
}
.travel-order-info .btn.btn-light {
  padding: 0.5rem 0.75rem;
  font-size: 0.6875rem;
}
.travel-order-info .btn.btn-light img {
  width: 1rem;
  height: 1rem;
  opacity: 0.5;
}
.travel-order-info .bg-image {
  position: absolute;
  top: 15%;
  left: 0;
  width: 100%;
  height: 70%;
  overflow: hidden;
  z-index: 0;
  clip: rect(0, auto, auto, 0);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.travel-order-info .bg-image .gradient-filter {
  background: linear-gradient(90deg, #F0573B, rgba(255, 193, 7, 0.5), transparent);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.travel-order-info .custom-travel-form {
  border-radius: 0.5rem;
  position: relative;
  z-index: 1;
  background-color: rgb(255, 255, 255);
  padding: 2rem 1rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
}
.travel-order-info .custom-travel-text {
  color: rgb(255, 255, 255);
}

.new-travel-list {
  padding: 2rem 0 1rem;
}

.new-left-panel {
  position: sticky;
  top: 4.5rem;
  transition: 0.2s ease;
}
.new-left-panel .single {
  padding: 1.5rem 1rem;
  background-color: rgb(255, 255, 255);
  margin-bottom: 1rem;
  border-radius: 0.25rem;
}
.new-left-panel .single.highlight-this {
  background-color: #003566;
  color: rgb(255, 255, 255);
}
.new-left-panel .single.highlight-this h5 {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
}
.new-left-panel .single.highlight-this .form-check-label {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
}
.new-left-panel .single.highlight-this .form-check-label:hover {
  color: rgb(255, 255, 255);
}
.new-left-panel .single.highlight-this .form-check-input {
  background-color: rgba(255, 255, 255, 0.3);
}
.new-left-panel .single.highlight-this .form-check-input:checked {
  background-color: #1679D5;
}
.new-left-panel .single.highlight-this .form-check-input:checked ~ .form-check-label {
  color: rgb(255, 255, 255);
}
.new-left-panel .title {
  margin-top: 1rem;
}
.new-left-panel .title p {
  font-weight: 600;
}
.new-left-panel h5 {
  border-bottom: 1px dashed #E6EBF0;
  padding-bottom: 0.75rem;
  margin-bottom: 0.5rem;
}
.new-left-panel ul {
  max-height: 20rem;
  overflow-y: auto;
}
.new-left-panel p {
  margin-bottom: 0.5rem;
}
.new-left-panel li {
  width: 100%;
}
.new-left-panel .form-check-input {
  background-color: #E8F2FB;
  border: none;
  width: 1rem;
  height: 1rem;
  background-size: 75% 75%;
}
.new-left-panel .form-check-input:checked {
  background-color: #1679D5;
}
.new-left-panel .form-check-input:checked ~ .form-check-label {
  color: #003566;
}
.new-left-panel .form-check-label {
  color: #809AB2;
  transition: 0.2s ease;
  padding: 0.375rem 0.5rem 0.25rem;
}
.new-left-panel .form-check {
  display: flex;
  align-items: center;
}

.new-travel-list-single {
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  transition: 0.2s ease;
}
.new-travel-list-single:hover {
  -ms-box-shadow: 0 0 0 1px #1679D5;
  -o-box-shadow: 0 0 0 1px #1679D5;
  box-shadow: 0 0 0 1px #1679D5;
}
.new-travel-list-single:hover .detail h4 {
  color: #1679D5;
}
.new-travel-list-single hr {
  margin: 0.5rem 0;
}
.new-travel-list-single a {
  text-decoration: none;
  color: #4D7294;
}
.new-travel-list-single .image {
  width: 30%;
  border-radius: 0.25rem;
  position: relative;
  display: flex;
  align-self: stretch;
  flex: 1 0 auto;
  overflow: hidden;
}
.new-travel-list-single .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.new-travel-list-single .detail {
  padding: 1rem;
  width: 70%;
}
.new-travel-list-single .detail .category a {
  font-size: 0.6875rem;
  font-weight: 600;
}
.new-travel-list-single .detail .category a:hover {
  color: #1679D5;
  text-decoration: underline;
}
.new-travel-list-single .detail .category .option {
  color: #1679D5;
  font-weight: 600;
}
.new-travel-list-single .detail h4 {
  color: #003566;
  font-weight: 700;
  font-size: 1.125rem;
  margin: 0;
}
.new-travel-list-single .detail .rating img {
  width: 1rem;
  height: 1rem;
}
.new-travel-list-single .detail .some-info span {
  font-size: 0.6875rem;
  color: #4D7294;
}
.new-travel-list-single .detail .price .person {
  padding: 0.25rem 0.5rem;
}
.new-travel-list-single .detail .price span {
  font-weight: 600;
  margin-right: 0.25rem;
  font-size: 0.6875rem;
}
.new-travel-list-single .detail .price strong {
  font-weight: 700;
  color: #1679D5;
}
.new-travel-list-single .detail .price del {
  font-size: 0.6875rem;
}
.new-travel-list-single .detail .price .sale {
  color: rgb(139, 195, 74);
}
.new-travel-list-single .detail .price .sale strong {
  color: rgb(139, 195, 74) !important;
}
.new-travel-list-single .detail .btn {
  background-color: #F0573B;
}
.new-travel-list-single .detail .btn.btn-circle {
  background-color: #f4f1de;
}

.pagination {
  justify-content: center;
  margin-bottom: 1.5rem;
}
.pagination .page-link {
  font-size: 0.6875rem;
  font-weight: 600;
  border: none;
  color: #4D7294;
  padding: 0.5rem 0.25rem;
  width: 2.5rem;
  text-align: center;
}
.pagination .active .page-link {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
}

.new-travel-detail {
  padding: 1.5rem 0;
}
.new-travel-detail .travel-front-nav {
  margin-bottom: 0.5rem;
}

.new-travel-content {
  padding: 1.5rem 1rem;
  background-color: rgb(255, 255, 255);
  border-radius: 1rem;
  overflow: hidden;
}
.new-travel-content #image,
.new-travel-content #info,
.new-travel-content #program,
.new-travel-content #included {
  visibility: hidden;
  position: relative;
  top: -10rem;
}
.new-travel-content .travelSwiper {
  margin: -1.5rem -1rem 0.5rem -1rem;
}
.new-travel-content .travelThumbSwiper {
  margin: 0 -0.5rem;
}
.new-travel-content .travelThumbSwiper .ratio-image {
  border-radius: 0.25rem;
}
.new-travel-content .travelThumbSwiper .swiper-slide {
  opacity: 0.5;
  cursor: pointer;
  transition: 0.2s ease;
}
.new-travel-content .travelThumbSwiper .swiper-slide-thumb-active,
.new-travel-content .travelThumbSwiper .swiper-slide:hover {
  opacity: 1;
}
.new-travel-content .socials {
  font-size: 0.6875rem;
}
.new-travel-content .socials .facebook button {
  background-color: rgb(0, 132, 255);
}
.new-travel-content .socials .facebook button rect {
  fill: rgb(0, 132, 255);
}
.new-travel-content .socials .twitter button {
  background-color: rgb(0, 132, 255);
}
.new-travel-content .socials .twitter button rect {
  fill: rgb(85, 172, 238);
}
.new-travel-content .socials button {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
  margin-left: 0.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.new-travel-content .socials button svg {
  width: 100%;
  height: 100%;
}
.new-travel-content .warning-text {
  -ms-box-shadow: inset 0 0 0 1px #FBCDC4;
  -o-box-shadow: inset 0 0 0 1px #FBCDC4;
  box-shadow: inset 0 0 0 1px #FBCDC4;
  padding: 0.5rem 1rem 1rem;
}
.new-travel-content .warning-text img {
  margin: 0;
}
.new-travel-content .accordion-button {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1A4975;
  background-color: transparent;
  padding: 1rem;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.new-travel-content .accordion-button:after {
  width: 0.75rem;
  height: 0.75rem;
  background-size: contain;
}
.new-travel-content .accordion-body {
  color: #1A4975;
  padding: 0.75rem 1rem;
  border-top: 1px dashed #E6EBF0;
}
.new-travel-content .accordion-body img {
  max-width: 100%;
  margin: 1rem auto;
  display: block;
}

.new-right-panel {
  height: 100%;
}
.new-right-panel .new-travel-content.mobile-content {
  position: sticky;
  top: 4.5rem;
}
.new-right-panel .new-travel-content.dark-content {
  background-color: #003566;
  color: rgba(255, 255, 255, 0.7);
}
.new-right-panel .new-travel-content.dark-content li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0;
}
.new-right-panel .new-travel-content.dark-content h5 {
  color: rgb(255, 255, 255);
}
.new-right-panel .new-travel-content.dark-content hr {
  border-color: rgba(255, 255, 255, 0.1);
}
.new-right-panel .new-travel-content.dark-content strong {
  color: rgb(255, 255, 255);
  text-align: right;
  max-width: 80%;
}
.new-right-panel .new-travel-content.dark-content .form-label {
  color: rgba(255, 255, 255, 0.7);
}
.new-right-panel .new-travel-content .btn-main {
  font-size: 0.8125rem;
}
.new-right-panel .new-travel-content .btn-main:hover {
  background-color: #1679D5;
  -ms-box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
  -o-box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
  box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
}
.new-right-panel .new-travel-content .form-check {
  padding: 0;
  margin-bottom: 0.5rem;
  width: 100%;
}
.new-right-panel .new-travel-content .form-check .form-check-input {
  display: none;
}
.new-right-panel .new-travel-content .form-check .form-check-label {
  border-radius: 0.25rem;
  background-color: #E8F2FB;
  transition: 0.2s ease;
  position: relative;
}
.new-right-panel .new-travel-content .form-check .form-check-label .ratio-image {
  width: 30%;
  border-radius: 0.25rem;
  flex-shrink: 0;
}
.new-right-panel .new-travel-content .form-check .form-check-label strong {
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
}
.new-right-panel .new-travel-content .form-check .form-check-label .check {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  transition: 0.2s ease;
}
.new-right-panel .new-travel-content .form-check .form-check-input:checked ~ .form-check-label {
  background-color: #1679D5;
  color: rgb(255, 255, 255);
  -ms-box-shadow: 0 0.25rem 0.5rem rgba(22, 121, 213, 0.3);
  -o-box-shadow: 0 0.25rem 0.5rem rgba(22, 121, 213, 0.3);
  box-shadow: 0 0.25rem 0.5rem rgba(22, 121, 213, 0.3);
}
.new-right-panel .new-travel-content .form-check .form-check-input:checked ~ .form-check-label .check {
  opacity: 1;
}
.new-right-panel .traveler-count .price strong {
  display: block;
  font-weight: 700;
  color: #1679D5;
  font-size: 1rem;
}
.new-right-panel .traveler-count .input-group {
  width: auto;
}
.new-right-panel .traveler-count .form-control {
  width: 3rem;
  flex: 0 1 auto;
  margin-left: 0 !important;
}
.new-right-panel .traveler-count .btn-light {
  margin-left: 0 !important;
}
.new-right-panel .traveler-count .btn-light img {
  width: 1rem;
  height: 1rem;
}
.new-right-panel .total-price {
  padding: 1rem 0 0;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  border-top: 1px dashed #E6EBF0;
}
.new-right-panel .total-price span {
  color: #1A4975;
  font-weight: 600;
}
.new-right-panel .total-price strong {
  font-size: 1rem;
  font-weight: 700;
  color: #1679D5;
}

.warning-modal .warning-icon-small {
  width: 2rem;
  height: 2rem;
}
.warning-modal .modal-title {
  color: rgb(214, 40, 40);
  font-weight: 700;
}
.warning-modal .row {
  margin-bottom: 0;
}
.warning-modal .btn strong {
  font-size: 0.8125rem;
}

.swiper:hover .new-swiper-button.swiper-button-prev, .swiper:hover .new-swiper-button.swiper-button-next {
  transform: translateX(0%);
}

.new-swiper-button.swiper-button-prev {
  left: 0.5rem;
  transform: translateX(-200%);
}
.new-swiper-button.swiper-button-next {
  right: 0.5rem;
  transform: translateX(200%);
}

.smartryde-page .search-container {
  height: auto;
  top: 0%;
  transform: translateY(-90%);
}
.smartryde-page .new-main-search .bg-images .image {
  opacity: 1;
}
.smartryde-page .new-main-search h2 {
  font-size: 1.75rem;
}

.travel-page .search-container {
  height: auto;
  top: 0%;
  transform: translateY(-90%);
}
.travel-page .new-main-search {
  height: 30rem;
}
.travel-page .new-main-search .bg-images .image {
  opacity: 1;
}
.travel-page .new-main-search h2 {
  font-size: 1.75rem;
}
.travel-page .new-right-panel .new-travel-content.dark-content {
  background-color: #F0573B;
}
.travel-page .flight-list-header h1,
.travel-page .hotel-list-header h1 {
  color: #1A4975;
}
.travel-page .flight-list-header .radio-sort .form-check-input:checked:hover ~ .form-check-label,
.travel-page .hotel-list-header .radio-sort .form-check-input:checked:hover ~ .form-check-label {
  -ms-box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.5);
  -o-box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.5);
  box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.5);
}
.travel-page .flight-list-header .radio-sort .form-check-input:checked ~ .form-check-label,
.travel-page .hotel-list-header .radio-sort .form-check-input:checked ~ .form-check-label {
  background-color: #F0573B;
}
.travel-page .new-right-panel .new-travel-content .form-check .form-check-input:checked ~ .form-check-label {
  background-color: #F0573B;
  -ms-box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.5);
  -o-box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.5);
  box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.5);
}
.travel-page .new-right-panel .new-travel-content .form-check .form-check-label,
.travel-page .new-right-panel .new-travel-content .new-form-control {
  background-color: #f4f1de;
}
.travel-page .new-right-panel .traveler-count .price strong,
.travel-page .new-right-panel .total-price strong {
  color: #F0573B;
}
.travel-page .pagination .active .page-link {
  background-color: #F0573B;
}
.travel-page .new-travel-list-single:hover {
  -ms-box-shadow: 0 0 0 1px #F0573B;
  -o-box-shadow: 0 0 0 1px #F0573B;
  box-shadow: 0 0 0 1px #F0573B;
}
.travel-page .new-travel-list-single:hover .detail h4 {
  color: #F0573B;
}
.travel-page .new-travel-list-single .detail .category .option {
  color: #F0573B;
}
.travel-page .new-travel-list-single .detail .price strong {
  color: #F0573B;
}
.travel-page .new-left-panel .single.highlight-this {
  background-color: #f4f1de;
}
.travel-page .new-left-panel .single.highlight-this h5 {
  color: #F0573B;
}
.travel-page .new-left-panel .single.highlight-this .form-check-input {
  background-color: rgb(255, 255, 255);
}
.travel-page .new-left-panel .single.highlight-this .form-check-input:checked {
  background-color: #F0573B;
}
.travel-page .new-left-panel .single.highlight-this .form-check-input:checked ~ .form-check-label {
  color: #003566;
}
.travel-page .new-left-panel .single.highlight-this .form-check-label {
  color: #4D7294;
}
.travel-page .new-left-panel .title {
  color: #003566;
}
.travel-page .new-left-panel .single .form-check-input {
  background-color: #f4f1de;
}
.travel-page .new-left-panel .single .form-check-input:checked {
  background-color: #F0573B;
}
.travel-page .new-left-panel .single .form-check-input:checked ~ .form-check-label {
  color: #003566;
}
.travel-page .new-left-panel .single .form-check-label {
  color: #4D7294;
}
.travel-page h5 {
  color: #F0573B;
}
.travel-page .btn-sm {
  padding: 0.25rem 0.5rem 0.25rem 0.75rem;
  background-color: #f4f1de;
}
.travel-page .btn-sm img {
  width: 1rem;
  height: 1rem;
}
.travel-page .travel-page .travel-order-info .bg-image .gradient-filter {
  background: linear-gradient(90deg, #5CA1E2, #4D7294, #F58976, #f4f1de);
}
.travel-page .btn-main {
  background-color: #F0573B;
}
.travel-page .btn-main:hover {
  background-color: #F0573B !important;
  -ms-box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.5) !important;
  -o-box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.5) !important;
  box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.5) !important;
}
.travel-page .new-main-search .search-wrap .dropdown,
.travel-page .new-travel-slide .new-single-travel .price-arrow img,
.travel-page .new-main-search .search-wrap .btn-result {
  background-color: #f4f1de;
}
.travel-page .travel-front-nav .active a {
  background-color: #f4f1de;
  color: #F0573B;
}
.travel-page .new-travel-slide .new-single-travel .detail .price,
.travel-page .new-travel-slide .new-single-travel .price-arrow p {
  color: #F0573B;
}
.travel-page input.new-form-control,
.travel-page textarea.new-form-control {
  background-color: #f4f1de;
}
.travel-page .custom-travel-text h5 {
  color: rgb(255, 255, 255);
}
.travel-page .email-download .single ul a {
  background-color: #F0573B;
}
.travel-page .email-download .single ul a:hover {
  -ms-box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.5);
  -o-box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.5);
  box-shadow: 0 0.5rem 1rem rgba(240, 87, 59, 0.5);
}
.travel-page .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #F0573B;
}
.travel-page .new-sub-menu .main-nav li:hover a,
.travel-page .new-sub-menu .main-nav li.active a,
.travel-page .new-sub-menu .ticket-check-btn {
  color: #F0573B;
}
.travel-page .new-sub-menu .main-nav li:hover a:before,
.travel-page .new-sub-menu .main-nav li.active a:before,
.travel-page .new-sub-menu .ticket-check-btn:before {
  background-color: #F0573B;
}

.new-hotel-map-page {
  height: 100vh;
}
.new-hotel-map-page .google-map {
  position: relative;
  height: 100%;
  width: 100%;
}
.new-hotel-map-page .google-map .grid-card {
  max-width: 15rem;
  min-width: 10rem;
  width: 100%;
  background-color: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
}
.new-hotel-map-page .google-map .grid-card .media-wrapper {
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
}
.new-hotel-map-page .google-map .grid-card .media-wrapper:before {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.new-hotel-map-page .google-map .grid-card .media-wrapper img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  position: absolute;
}
.new-hotel-map-page .google-map .grid-card .content-wrapper {
  padding: 0.5rem 0 0;
}
.new-hotel-map-page .google-map .grid-card .content-wrapper .title {
  color: #1679D5;
}
.new-hotel-map-page .google-map .grid-card .content-wrapper .location {
  font-size: 0.8125rem;
  color: #4D7294;
}
.new-hotel-map-page .google-map .grid-card .content-wrapper .rating img {
  width: 0.75rem;
  height: 0.75rem;
}
.new-hotel-map-page .google-map .grid-card .content-wrapper .price {
  color: #1679D5;
  font-weight: 700;
  margin: 0;
}
.new-hotel-map-page .google-map .grid-card .content-wrapper .btn-main {
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
}
.new-hotel-map-page .container-fluid,
.new-hotel-map-page .row,
.new-hotel-map-page .container-fluid .row > div {
  height: 100%;
}
.new-hotel-map-page .hotel-map-left-panel {
  height: 100%;
  overflow-y: auto;
}
.new-hotel-map-page .hotel-map-left-panel .new-main-search {
  height: auto;
  background: none;
}
.new-hotel-map-page .hotel-map-left-panel .new-main-search form {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.new-hotel-map-page .hotel-map-left-panel .map-header {
  padding: 0.5rem;
}
.new-hotel-map-page .hotel-map-left-panel .map-header .logo {
  height: 2rem;
}
.new-hotel-map-page .hotel-map-left-panel .map-header .logo img {
  height: 100%;
}
.new-hotel-map-page .hotel-map-left-panel .map-header .btn {
  padding: 0.5rem;
}
.new-hotel-map-page .hotel-map-left-panel .new-left-filter {
  margin: 0;
  padding: 1rem;
}

.corporate-header {
  position: relative;
}
.corporate-header .bg-image {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.corporate-header .content {
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 2rem 0 0;
  color: rgb(255, 255, 255);
}
.corporate-header .content h1 {
  font-size: 2rem;
}
.corporate-header .content h4 {
  font-size: 1rem;
}
.corporate-header .content .btn {
  padding: 0.75rem 1.5rem;
  font-size: 0.8125rem;
}
.corporate-header .content .btn.btn-outline {
  -ms-box-shadow: inset 0 0 0 1px rgb(255, 255, 255);
  -o-box-shadow: inset 0 0 0 1px rgb(255, 255, 255);
  box-shadow: inset 0 0 0 1px rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}

.corporate-success .single {
  background-color: #003566;
  color: rgb(255, 255, 255);
  padding: 1rem;
  text-align: center;
  border-radius: 0.25rem;
  transition: 0.2s ease;
}
.corporate-success .single:hover {
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
  box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
}
.corporate-success .single.highlight {
  background-color: #1679D5;
}
.corporate-success .single.highlight:hover {
  -ms-box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
  -o-box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
  box-shadow: 0 0.5rem 1rem rgba(22, 121, 213, 0.3);
}
.corporate-success .single h1 {
  font-size: 2rem;
  font-weight: 700;
}

.corporateLogos .swiper-wrapper {
  flex-direction: row;
}
.corporateLogos .swiper-wrapper .swiper-slide {
  display: flex;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
}

.corporate-options .single {
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: rgb(255, 255, 255);
}
.corporate-options .single strong {
  color: #1679D5;
  font-size: 0.8125rem;
  font-weight: 700;
}

.corporate-testimonials .person {
  position: relative;
  z-index: 1;
  padding: 2rem;
}
.corporate-testimonials .person img {
  width: 10rem;
  height: 10rem;
  border-radius: 0.25rem;
}
.corporate-testimonials .person strong {
  font-weight: 700;
  font-size: 1rem;
}
.corporate-testimonials .testimonial {
  position: relative;
  padding: 2rem 2rem 1rem;
  z-index: 0;
}
.corporate-testimonials .testimonial p {
  position: relative;
  z-index: 1;
}
.corporate-testimonials .testimonial:before {
  content: "";
  position: absolute;
  z-index: 0;
  background-color: rgb(255, 255, 255);
  height: 100%;
  width: 500%;
  left: -200%;
  bottom: 0;
  overflow-x: visible;
  display: block;
}
.corporate-testimonials .testimonial:after {
  content: ' " ';
  position: absolute;
  font-size: 5rem;
  left: -1rem;
  top: 0;
  opacity: 0.3;
  color: #1679D5;
}

.segment {
  margin-bottom: 1rem;
}
.segment span {
  color: #1679D5;
  font-weight: 600;
  font-size: 0.75rem;
}
.segment strong {
  font-weight: 700;
}
.segment .title {
  background-color: #F3F8FD;
}

.swiper:hover .swb-prev {
  transform: translate(25%, -50%);
}
.swiper:hover .swb-next {
  transform: translate(-25%, -50%);
}

.sw-btn {
  position: absolute;
  top: 50%;
  transform: translate(-50%, 100%);
  padding: 0.5rem;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  z-index: 1;
  -ms-box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.3);
  -o-box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.3);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.3);
  transition: 0.2s ease;
  cursor: pointer;
}
.sw-btn:hover {
  background-color: #f4f1de;
}
.sw-btn.swb-prev {
  left: 0;
  transform: translate(-150%, -50%);
}
.sw-btn.swb-next {
  right: 0;
  transform: translate(150%, -50%);
}

.single-help {
  -ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  -o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  border-radius: 0.25rem;
  display: block;
  padding: 1rem 0.5rem;
  height: 100%;
  transition: 0.2s ease;
}
.single-help:hover {
  background-color: rgba(255, 255, 255, 0.1);
  -ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  -o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.single-help img {
  width: 2.5rem;
  height: 2.5rem;
}

.help-container .help-pack {
  background-color: rgb(255, 255, 255);
  padding: 1rem;
}
.help-container .help-pack ul {
  transition: 0.2s ease;
}
.help-container .help-pack .mobileMoreButton {
  background: linear-gradient(0deg, white 50%, transparent);
  padding: 5rem 0 0;
  margin-top: -4rem;
  position: relative;
  z-index: 1;
}
.help-container .help-pack .mobileMoreButton .view {
  display: flex;
}
.help-container .help-pack .mobileMoreButton .close {
  display: none;
}
.help-container .help-pack li a {
  display: block;
  color: rgba(0, 53, 102, 0.7);
  padding: 0.5rem 1.5rem 0.5rem 0;
  position: relative;
  text-decoration: none;
}
.help-container .help-pack li a:hover, .help-container .help-pack li a.active {
  color: #1679D5;
}
.help-container .help-pack li a:hover:before, .help-container .help-pack li a.active:before {
  right: 0;
  opacity: 1;
}
.help-container .help-pack li a:hover .active, .help-container .help-pack li a.active .active {
  display: block;
}
.help-container .help-pack li a:hover .default, .help-container .help-pack li a.active .default {
  display: none;
}
.help-container .help-pack li a .active {
  display: none;
}
.help-container .help-pack li a:before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  display: block;
  background-image: url(../images/icons/chevron-right.svg);
  background-size: contain;
  transition: 0.2s ease;
  opacity: 0;
}
.help-container .help-pack.viewItems ul {
  max-height: 50rem;
}
.help-container .help-pack.viewItems .mobileMoreButton {
  margin: 0;
  padding: 0.5rem 0 0;
}
.help-container .help-pack.viewItems .mobileMoreButton .view {
  display: none;
}
.help-container .help-pack.viewItems .mobileMoreButton .close {
  display: flex;
}

.popover {
  max-width: 20rem;
}
.popover .popover-body {
  padding: 0.5rem;
  border-radius: 0.25rem;
}

.tax-drop li.border-bottom {
  border-bottom: 1px dashed #E6EBF0 !important;
}

.btn-tog {
  -ms-box-shadow: inset 0 0 0 1px #E6EBF0;
  -o-box-shadow: inset 0 0 0 1px #E6EBF0;
  box-shadow: inset 0 0 0 1px #E6EBF0;
  justify-content: center;
  font-size: 0.8125rem;
}
.btn-tog img.active {
  display: none;
}
.btn-tog img.default {
  display: block;
}
.btn-tog.active {
  background-color: #003566;
  color: rgb(255, 255, 255);
}
.btn-tog.active:hover {
  color: #003566;
}
.btn-tog.active:hover img.active {
  display: none;
}
.btn-tog.active:hover img.default {
  display: block;
}
.btn-tog.active img.active {
  display: block;
}
.btn-tog.active img.default {
  display: none;
}
.btn-tog:hover {
  background-color: #E6EBF0;
  color: #003566;
}
.btn-tog:disabled {
  opacity: 0.3;
}

.stop-drops li {
  position: relative;
  padding: 0.25rem 0.25rem 0.25rem 1rem;
}
.stop-drops li:before {
  content: "";
  position: absolute;
  height: 0.25rem;
  width: 0.25rem;
  border-radius: 50%;
  background-color: #003566;
  left: 0.125rem;
  top: 50%;
  transform: translateY(-50%);
}
.stop-drops li.transfer:before {
  background-color: #1679D5;
  width: 0.5rem;
  height: 0.5rem;
  left: 0;
}
.stop-drops li.wait {
  padding-left: 0;
  background-color: #FEF7F5;
  color: #F0573B;
  padding: 0.25rem;
  margin: 0.25rem auto;
}
.stop-drops li.wait:before {
  display: none;
}

.filter-toggle-container {
  position: fixed;
  width: 100%;
  height: auto;
  left: 0;
  padding: 0.5rem 15% 1rem;
  bottom: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.1);
}

.form-check.custom-check {
  position: relative;
  padding: 0;
  max-width: 50%;
  flex-grow: 1;
}
.form-check.custom-check:hover .form-check-label {
  -ms-box-shadow: inset 0 0 0 1px rgba(0, 53, 102, 0.3);
  -o-box-shadow: inset 0 0 0 1px rgba(0, 53, 102, 0.3);
  box-shadow: inset 0 0 0 1px rgba(0, 53, 102, 0.3);
}
.form-check.custom-check .form-check-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.form-check.custom-check .form-check-label {
  min-width: 5rem;
  padding: 0.5rem;
  background-color: rgba(22, 121, 213, 0.1);
  text-align: center;
  border-radius: 0.25rem;
  width: 100%;
  cursor: pointer;
  transition: 0.2s ease;
}
.form-check.custom-check .form-check-label .default {
  display: block;
}
.form-check.custom-check .form-check-label .active {
  display: none;
}
.form-check.custom-check .form-check-input:checked ~ .form-check-label {
  background-color: #1679d5;
  color: rgb(255, 255, 255);
}
.form-check.custom-check .form-check-input:checked ~ .form-check-label .default {
  display: none;
}
.form-check.custom-check .form-check-input:checked ~ .form-check-label .active {
  display: block;
}

.new-flight-detail .flight-stops {
  position: relative;
}
.new-flight-detail .flight-stops:before {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 2px dashed #E6EBF0;
  top: calc(50% - 1px);
  position: absolute;
  left: 0;
  z-index: 0;
}
.new-flight-detail .flight-stops li {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  background-color: #1679D5;
  margin-right: 0.5rem;
}
.new-flight-detail .flight-stops li:first-child,
.new-flight-detail .flight-stops li:last-child {
  width: 0.25rem;
  height: 0.25rem;
  background-color: #003566;
}
.new-flight-detail .flight-stops li:last-child {
  margin-right: 0;
}
.new-flight-detail .flight-transfer {
  background-color: lightyellow;
}
.new-flight-detail .destination {
  position: relative;
  padding-left: 1.5rem;
}
.new-flight-detail .destination:before {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
  background-color: #003566;
  border-radius: 50%;
  z-index: 1;
}
.new-flight-detail .destination:after {
  content: "";
  position: absolute;
  left: 10px;
  height: 150%;
  width: 1px;
  background-color: #B3C2D1;
  z-index: 0;
}
.new-flight-detail .destination.top-dest:after {
  top: 50%;
}
.new-flight-detail .destination.bottom-dest:after {
  bottom: 50%;
}
.new-flight-detail .collapse {
  position: relative;
}
.new-flight-detail .collapse.show ~ .flight-transfer {
  display: none !important;
}
.new-flight-detail .collapse-shadow {
  -ms-box-shadow: inset 0 1rem 1rem -1rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: inset 0 1rem 1rem -1rem rgba(0, 53, 102, 0.1);
  box-shadow: inset 0 1rem 1rem -1rem rgba(0, 53, 102, 0.1);
}
.new-flight-detail .luggage-info {
  border-top: 1px dotted #E6EBF0;
}

.new-main-search.landing-page {
  background: linear-gradient(45deg, #003566, #1679D5);
  height: auto;
}
.new-main-search.landing-page .search-container {
  flex-direction: column;
  justify-content: space-between;
}
.new-main-search.landing-page .bg-images {
  height: 100%;
}
.new-main-search.landing-page .bg-images .image {
  opacity: 0.3;
}

.timedFlight-container {
  background-image: url(../images/sale-bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: transparent;
}

.timedFlight {
  padding: 0 0.5rem;
}
.timedFlight .swiper-slide {
  padding: 0 0.5rem;
}
.timedFlight .timedFlightSingle .destination .city {
  min-width: 5rem;
}
.timedFlight .timedFlightSingle .destination ul {
  margin: 0 0.5rem;
  position: relative;
}
.timedFlight .timedFlightSingle .destination ul:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 1px dashed #E6EBF0;
  width: 100%;
  margin-top: -1px;
}
.timedFlight .timedFlightSingle .destination ul li {
  width: 7px;
  height: 7px;
  background-color: #1679D5;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.timedFlight .timedFlightSingle .destination ul li:last-child,
.timedFlight .timedFlightSingle .destination ul li:first-child {
  width: 5px;
  height: 5px;
  background-color: #809AB2;
}
.timedFlight .timedFlightSingle .lowPrice {
  -ms-box-shadow: 0 0 1rem rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0 1rem rgba(0, 53, 102, 0.1);
  box-shadow: 0 0 1rem rgba(0, 53, 102, 0.1);
  position: relative;
  z-index: 1;
}
.timedFlight .timedFlightSingle .lowPrice .dot,
.timedFlight .timedFlightSingle .lowPrice .icon {
  width: 1.5rem;
  height: 1rem;
  position: relative;
}
.timedFlight .timedFlightSingle .lowPrice .dot:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #809AB2;
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translateX(-50%);
  z-index: 1;
}
.timedFlight .timedFlightSingle .lowPrice .dot:after {
  content: "";
  top: 50%;
  left: 50%;
  height: 100%;
  width: 1px;
  border-left: 1px dashed #E6EBF0;
  position: absolute;
  z-index: 0;
  transform: translateX(-50%);
}
.timedFlight .timedFlightSingle .lowPrice .dot.to:after {
  top: auto;
  bottom: 50%;
}
.timedFlight .timedFlightSingle .lowPrice .dot.to:before {
  top: auto;
  bottom: 25%;
}
.timedFlight .timedFlightSingle .lowPrice .icon {
  text-align: center;
}

.new-hotel-block .name {
  height: 2.25rem;
  overflow: hidden;
}

.landing-content .rating img {
  width: 1rem;
  height: 1rem;
}
.landing-content .hotelDescription {
  display: -webkit-box;
  overflow: hidden;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.newModalDesign input::-webkit-outer-spin-button,
.newModalDesign input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.newModalDesign .numberFlag {
  width: 1.5rem;
  left: 0.75rem;
  top: 1.75rem;
  border-radius: 0.125rem;
}

.newUserOrder .user-menu {
  position: sticky;
  top: 5rem;
}
.newUserOrder .user-menu ul strong {
  opacity: 0.5;
  transition: 0.2s ease;
}
.newUserOrder .user-menu img.default {
  display: block;
}
.newUserOrder .user-menu img.active {
  display: none;
}
.newUserOrder .user-menu .chevron {
  opacity: 0;
  transform: translateX(-0.5rem);
  transition: 0.2s ease;
}
.newUserOrder .user-menu a,
.newUserOrder .user-menu button {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-radius: 0.25rem;
}
.newUserOrder .user-menu a:hover,
.newUserOrder .user-menu li.active a,
.newUserOrder .user-menu a.active {
  background-color: rgba(22, 121, 213, 0.1);
}
.newUserOrder .user-menu a:hover .chevron,
.newUserOrder .user-menu li.active a .chevron,
.newUserOrder .user-menu a.active .chevron {
  opacity: 1;
  transform: translateX(0rem);
}
.newUserOrder .user-menu a:hover span,
.newUserOrder .user-menu li.active a span,
.newUserOrder .user-menu a.active span {
  color: #1679D5 !important;
}
.newUserOrder .user-menu a:hover strong,
.newUserOrder .user-menu li.active a strong,
.newUserOrder .user-menu a.active strong {
  opacity: 1;
  color: #1679D5 !important;
}
.newUserOrder .user-menu a:hover img.default,
.newUserOrder .user-menu li.active a img.default,
.newUserOrder .user-menu a.active img.default {
  display: none;
}
.newUserOrder .user-menu a:hover img.active,
.newUserOrder .user-menu li.active a img.active,
.newUserOrder .user-menu a.active img.active {
  display: block;
}
.newUserOrder .singleOrder {
  -ms-box-shadow: 0 0 0 1px aliceblue;
  -o-box-shadow: 0 0 0 1px aliceblue;
  box-shadow: 0 0 0 1px aliceblue;
  transition: 0.2s ease;
}
.newUserOrder .singleOrder:hover {
  -ms-box-shadow: 0 0 0 1px rgba(22, 121, 213, 0.3);
  -o-box-shadow: 0 0 0 1px rgba(22, 121, 213, 0.3);
  box-shadow: 0 0 0 1px rgba(22, 121, 213, 0.3);
}
.newUserOrder .singleOrder + .singleOrder {
  margin-top: 1rem;
}
.newUserOrder .hotel-rooms .room {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.bonusTTC {
  background-color: honeydew;
  border: 1px dashed lightgreen;
}

.prePayButton {
  color: #003566;
  background-color: honeydew;
  border: 1px dashed rgba(139, 195, 74, 0.25);
}
.prePayButton:hover, .prePayButton:focus {
  border: 1px solid rgba(139, 195, 74, 0.5);
  background-color: honeydew;
}

.helpSlide .swiper-slide span, .helpSlide .swiper-slide strong {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.helpContent img {
  width: 100%;
  margin: 0 auto;
}
.helpContent h1 {
  font-size: 1.5rem;
  font-weight: 600;
}
.helpContent p, .helpContent h1, .helpContent h2, .helpContent h3, .helpContent h4, .helpContent h5 {
  margin: 0;
}
.helpContent p {
  font-size: 0.875rem;
}
.helpContent iframe {
  margin: 0 auto;
  width: 100% !important;
  aspect-ratio: 16/9;
}

.customAccordion .accordion-button {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.customAccordion .accordion-button span {
  color: #003566;
}
.customAccordion .accordion-button:not(.collapsed) {
  background-color: white;
}
.customAccordion .accordion-button:not(.collapsed) span {
  color: #1679D5;
}
.customAccordion .accordion-button:not(.collapsed) .chevron {
  transform: rotate(180deg);
}
.customAccordion .accordion-button:after {
  display: none;
}
.customAccordion .accordion-button .chevron {
  transition: 0.2s ease;
}

#hotelDescriptionCollapse span {
  max-height: 1rem;
  overflow: hidden;
  transition: 0.5s ease;
}
#hotelDescriptionCollapse.active span {
  max-height: 15rem;
  overflow: hidden;
}

.new-loader {
  position: fixed;
  z-index: 101;
  background-color: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.new-loader .animate {
  position: absolute;
  transition: 0.2s ease;
  animation: loadFlight 3.75s infinite linear;
  left: 0;
  transform: translateY(100%);
  opacity: 0;
}
.new-loader .animate.trip {
  animation-delay: 0;
}
.new-loader .animate.flight {
  animation-delay: 0.75s;
}
.new-loader .animate.hotel {
  animation-delay: 1.5s;
}
.new-loader .animate.train {
  animation-delay: 2.25s;
}
.new-loader .animate.bus {
  animation-delay: 3s;
}

@keyframes loadFlight {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  10% {
    transform: translateY(0%);
    opacity: 1;
  }
  20% {
    transform: translateY(0%);
    opacity: 1;
  }
  25% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}
.customNav .nav-link {
  background-color: rgba(0, 53, 102, 0.1);
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.customNav .nav-link:hover {
  -ms-box-shadow: inset 0 0 0 1px rgba(236, 49, 85, 0.25);
  -o-box-shadow: inset 0 0 0 1px rgba(236, 49, 85, 0.25);
  box-shadow: inset 0 0 0 1px rgba(236, 49, 85, 0.25);
  background-color: rgba(236, 49, 85, 0.1);
}
.customNav button[aria-selected=true] .nav-link {
  background-color: #ec3155;
}
.customNav button[aria-selected=true] .nav-link span {
  color: white;
}

.pocketStep {
  list-style: none;
  padding: 0;
}
.pocketStep li {
  position: relative;
  padding: 0.25rem 0 0.25rem 1rem;
}
.pocketStep li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.25rem;
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #ec3155;
  transform: translateY(-50%);
  z-index: 1;
}
.pocketStep li + li:after {
  content: "";
  position: absolute;
  top: -50%;
  left: calc(0.25rem + 1px);
  height: 100%;
  width: 2px;
  z-index: 0;
  background-color: rgba(0, 53, 102, 0.1);
}

.bnplCheck {
  padding: 0;
  height: 100%;
}
.bnplCheck .form-check-input:checked ~ .form-check-label {
  background-color: rgba(22, 121, 213, 0.1);
  color: #1679D5;
  -ms-box-shadow: inset 0 0 0 1px #1679D5;
  -o-box-shadow: inset 0 0 0 1px #1679D5;
  box-shadow: inset 0 0 0 1px #1679D5;
}
.bnplCheck .form-check-label {
  padding: 0.5rem;
  border-radius: 0.25rem;
  height: 100%;
  transition: 0.2s ease;
  background-color: rgba(0, 53, 102, 0.05);
}
.bnplCheck .form-check-label:hover {
  -ms-box-shadow: inset 0 0 0 1px rgba(22, 121, 213, 0.1);
  -o-box-shadow: inset 0 0 0 1px rgba(22, 121, 213, 0.1);
  box-shadow: inset 0 0 0 1px rgba(22, 121, 213, 0.1);
  background-color: rgba(22, 121, 213, 0.05);
}

input[type=datetime-local]::-webkit-calendar-picker-indicator, input[type=date]::-webkit-calendar-picker-indicator, input[type=time]::-webkit-calendar-picker-indicator {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.favouriteHotel button > .default {
  background-color: rgba(0, 53, 102, 0.75);
  color: white;
  padding-right: 0.5rem !important;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  transition: 0.2s ease;
}
.favouriteHotel button > .default img.default {
  display: block;
}
.favouriteHotel button > .default img.active {
  display: none;
}
.favouriteHotel button > .default:hover {
  background-color: white;
  color: #F0573B;
  -ms-box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.25);
  -o-box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.25);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 53, 102, 0.25);
}
.favouriteHotel button > .default:hover img.default {
  display: none;
}
.favouriteHotel button > .default:hover img.active {
  display: block;
}
.favouriteHotel button > .active {
  background-color: white;
  -ms-box-shadow: 0 0 0 1px rgba(0, 53, 102, 0.25);
  -o-box-shadow: 0 0 0 1px rgba(0, 53, 102, 0.25);
  box-shadow: 0 0 0 1px rgba(0, 53, 102, 0.25);
}
.favouriteHotel button > .active span {
  max-width: 0;
  overflow: hidden;
  transition: 0.2s ease;
}
.favouriteHotel button > .active img.default {
  display: none;
}
.favouriteHotel button > .active img.active {
  display: block;
}
.favouriteHotel button > .active:hover {
  background-color: #003566;
  color: white;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  padding-right: 0.5rem !important;
}
.favouriteHotel button > .active:hover span {
  max-width: 3rem;
}
.favouriteHotel button > .active:hover img.default {
  display: block;
}
.favouriteHotel button > .active:hover img.active {
  display: none;
}

.esim-page .search-container {
  top: -15%;
}

.lendNav {
  -ms-box-shadow: 0 0 0 1px rgba(0, 53, 102, 0.1);
  -o-box-shadow: 0 0 0 1px rgba(0, 53, 102, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 53, 102, 0.1);
  border-radius: 2rem;
  padding: 0.125rem;
}
.lendNav .nav-link {
  border-radius: 2rem;
  background-color: rgba(0, 53, 102, 0.05);
}
.lendNav .nav-link img.white {
  display: none;
}
.lendNav .nav-link img.default {
  display: block;
}
.lendNav .nav-link.active {
  background-color: #F47421;
  -ms-box-shadow: 0 0.25rem 0.5rem rgba(244, 116, 33, 0.5);
  -o-box-shadow: 0 0.25rem 0.5rem rgba(244, 116, 33, 0.5);
  box-shadow: 0 0.25rem 0.5rem rgba(244, 116, 33, 0.5);
}
.lendNav .nav-link.active img.default {
  display: none;
}
.lendNav .nav-link.active img.white {
  display: block;
}

.bg-glass {
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-backdrop-filter: blur(0.25rem);
  -moz-backdrop-filter: blur(0.25rem);
  -o-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
  transition: 0.2s ease;
}
.bg-glass:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.tapaPointLabel {
  color: #5c0099;
}
.tapaPointLabel strong {
  background-color: #5c0099;
  color: white;
}

body.activate-main-menu {
  overflow: hidden;
}
body.activate-main-menu .mobile-main-menu-container {
  top: 0;
}
body.activate-flight-search {
  overflow: hidden;
}
body.activate-flight-search .mobile-flight-search-container {
  top: 0;
}
body.activate-flight-class {
  overflow: hidden;
}
body.activate-flight-class .the-dark-fade {
  top: 0;
  opacity: 1;
}
body.activate-flight-class .mobile-flight-class-container {
  transform: translateY(0);
}
body.activate-detail-action {
  overflow: hidden;
}
body.activate-detail-action .the-dark-fade {
  top: 0;
  opacity: 1;
}
body.activate-detail-action .flight-passenger-detail {
  transform: translateY(0);
}
body.activate-language {
  overflow: hidden;
}
body.activate-language .the-dark-fade {
  z-index: 11;
  top: 0;
  opacity: 1;
}
body.activate-language .mobile-language-container {
  transform: translateY(0);
}
body.activate-currency {
  overflow: hidden;
}
body.activate-currency .the-dark-fade {
  z-index: 11;
  top: 0;
  opacity: 1;
}
body.activate-currency .mobile-currency-container {
  transform: translateY(0);
}
body.activate-passenger-container {
  overflow: hidden;
}
body.activate-passenger-container .the-dark-fade {
  top: 0;
  opacity: 1;
}
body.activate-passenger-container .mobile-passenger-container {
  transform: translateY(0);
}
body.activate-amenities-container {
  overflow: hidden;
}
body.activate-amenities-container .the-dark-fade {
  top: 0;
  opacity: 1;
}
body.activate-amenities-container .hotel-detail-header {
  position: fixed;
  left: 0;
  top: 3.5rem;
  width: 100%;
  bottom: 0;
  background-color: rgb(255, 255, 255);
  padding: 1rem 1rem 3rem;
  z-index: 5;
  overflow-y: auto;
  margin: 0;
}
body.activate-amenities-container .hotel-detail-header .new-short-info p {
  max-height: 100%;
}
body.activate-amenities-container .hotel-detail-header .amenities {
  display: flex;
  margin-top: 1rem;
}
body.activate-amenities-container .mobile-filter-container .btn-amenities .close {
  display: block;
}
body.activate-amenities-container .mobile-filter-container .btn-amenities .text {
  display: none;
}
body.activate-amenities-container .mobile-filter-container .btn-sort {
  display: none;
}
body.activate-filter-container {
  overflow: hidden;
}
body.activate-filter-container .left-filter-container, body.activate-filter-container .new-left-panel, body.activate-filter-container .new-travel-content.mobile-content {
  transform: translateY(0);
}
body.activate-filter-container .mobile-filter-container .btn-filter .close {
  display: block;
}
body.activate-filter-container .mobile-filter-container .btn-filter .text {
  display: none;
}
body.activate-filter-container .mobile-filter-container .btn-sort, body.activate-filter-container .mobile-filter-container .btn-search {
  display: none;
}
body.activate-filter-container .mobile-filter-container.travel-mobile-menu .btn-filter {
  background-color: rgb(240, 243, 245);
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
body.activate-filter-container .mobile-filter-container.travel-mobile-menu .btn-filter .close {
  color: #4D7294;
}
body.activate-search-container {
  overflow: hidden;
}
body.activate-search-container .new-hotel-map-page .new-main-search {
  transform: translateY(0);
}
body.activate-search-container .mobile-filter-container .btn-search .close {
  display: block;
}
body.activate-search-container .mobile-filter-container .btn-search .text {
  display: none !important;
}
body.activate-search-container .mobile-filter-container .btn-filter {
  display: none;
}
body.activate-sort-container {
  overflow: hidden;
}
body.activate-sort-container .the-dark-fade {
  top: 0;
  opacity: 1;
}
body.activate-sort-container .mobile-sort-container {
  transform: translateY(0);
}
body.activate-sort-container .mobile-filter-container .btn-sort .close {
  display: block;
}
body.activate-sort-container .mobile-filter-container .btn-sort .text {
  display: none;
}
body.activate-sort-container .mobile-filter-container .btn-filter, body.activate-sort-container .mobile-filter-container .btn-amenities {
  display: none;
}
body.activate-seat-drop {
  overflow: hidden;
}
body.activate-seat-drop .mobile-filter-container {
  display: none !important;
}
body.activate-seat-drop .seat-drop .inner-dark-overlay {
  top: 0;
  opacity: 1;
  z-index: 2;
}
body.activate-seat-drop .seat-drop {
  z-index: 5;
}
body.activate-seat-drop .seat-drop .float-drop {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  transform: translateY(0);
}
body.activate-guest-drop {
  overflow: hidden;
}
body.activate-guest-drop .mobile-filter-container {
  display: none !important;
}
body.activate-guest-drop .guest-drop .inner-dark-overlay {
  top: 0;
  opacity: 1;
  z-index: 2;
}
body.activate-guest-drop .guest-drop {
  z-index: 5;
}
body.activate-guest-drop .guest-drop .float-drop {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  transform: translateY(0);
}

body.activate-from-input {
  overflow: hidden;
}
body.activate-from-input .mobile-filter-container {
  display: none !important;
}
body.activate-from-input .direction-select .from-input {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem;
  background-color: rgb(255, 255, 255);
  z-index: 11;
}
body.activate-from-input .direction-select .from-input .invisible-btn {
  display: none;
}
body.activate-from-input .direction-select .from-input .mobile-direction-select-header {
  width: 100%;
  border-bottom: 2px solid #E6EBF0;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
body.activate-from-input .direction-select .from-input .mobile-direction-select-header .the-close-btn {
  display: inline-flex;
  background-color: rgb(240, 243, 245);
  margin-right: 0.5rem;
}
body.activate-from-input .direction-select .from-input .mobile-direction-select-header .mobile-form-control {
  width: 100%;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  border-radius: 0.25rem;
  padding: 0.25rem 1rem;
}
body.activate-from-input .direction-select .from-input.activate-list .direction-drop {
  display: none;
}
body.activate-from-input .direction-select .from-input.activate-list .direction-list-drop {
  display: block;
}
body.activate-from-input .direction-select .direction-drop {
  position: relative;
  display: block;
  width: 100%;
  top: 0;
  max-height: 100%;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
body.activate-from-input .direction-select .direction-list-drop {
  top: 0;
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 100%;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
body.activate-from-input .direction-select .direction-list-drop .btn {
  padding: 0.5rem 0.75rem;
}
body.activate-to-input {
  overflow: hidden;
}
body.activate-to-input .mobile-filter-container {
  display: none !important;
}
body.activate-to-input .direction-select .to-input {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem;
  background-color: rgb(255, 255, 255);
  z-index: 11;
  text-align: left;
}
body.activate-to-input .direction-select .to-input .form-control {
  text-align: left;
}
body.activate-to-input .direction-select .to-input .invisible-btn {
  display: none;
}
body.activate-to-input .direction-select .to-input .mobile-direction-select-header {
  width: 100%;
  border-bottom: 2px solid #E6EBF0;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
body.activate-to-input .direction-select .to-input .mobile-direction-select-header .the-close-btn {
  display: inline-flex;
  background-color: rgb(240, 243, 245);
  margin-right: 0.5rem;
}
body.activate-to-input .direction-select .to-input .mobile-direction-select-header .mobile-form-control {
  width: 100%;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  border-radius: 0.25rem;
  padding: 0.25rem 1rem;
}
body.activate-to-input .direction-select .to-input.activate-list .direction-drop {
  display: none;
}
body.activate-to-input .direction-select .to-input.activate-list .direction-list-drop {
  display: block;
}
body.activate-to-input .direction-select .direction-drop {
  position: relative;
  display: block;
  width: 100%;
  top: 0;
  max-height: 100%;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
body.activate-to-input .direction-select .direction-list-drop {
  top: 0;
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 100%;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  display: none;
}
body.activate-to-input .direction-select .direction-list-drop .btn {
  padding: 0.5rem 0.75rem;
}

.the-close-btn .svg-icon path {
  stroke: #4D7294;
}

.the-dark-fade, .inner-dark-overlay {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 4;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.mobile-title {
  padding: 0.5rem 0 0.5rem 0.5rem;
  border-bottom: 2px solid #E6EBF0;
}

.mobile-flight-search-container {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 5;
  padding: 0 1rem 3.5rem;
  overflow-y: auto;
  transition: 0.2s ease;
}
.mobile-flight-search-container.activate-list .grid-content {
  display: none;
}
.mobile-flight-search-container.activate-list .list-content {
  display: block;
}
.mobile-flight-search-container .grid-content {
  display: block;
}
.mobile-flight-search-container .list-content {
  display: none;
}
.mobile-flight-search-container .search {
  position: sticky;
  top: 0;
  background-color: rgb(255, 255, 255);
  margin: 0 -1rem;
  padding: 0.5rem 1rem;
  border-bottom: 2px solid #E6EBF0;
}
.mobile-flight-search-container .last-searched {
  padding-top: 0.5rem;
}
.mobile-flight-search-container .last-searched .btn {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #4D7294;
  background-color: rgb(240, 243, 245);
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  margin: 0 0.5rem 0.5rem 0;
}
.mobile-flight-search-container .single {
  margin-bottom: 1rem;
}
.mobile-flight-search-container .single h5 {
  border-top: 1px solid #E6EBF0;
  padding: 0.75rem 0.75rem 0.25rem 0.25rem;
  color: #4D7294;
}
.mobile-flight-search-container .single li {
  width: calc(33.3333333333% - 0.5rem);
  text-align: center;
  margin: 0 0.25rem 0.5rem 0.25rem;
}
.mobile-flight-search-container .single li .btn {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1A4975;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  width: 100%;
  padding: 0.75rem 0.25rem;
  justify-content: center;
}
.mobile-flight-search-container .direction-list-drop {
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  overflow: hidden;
  text-align: left;
  height: 100%;
  overflow-y: auto;
  z-index: 1;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.mobile-flight-search-container .direction-list-drop ul {
  padding: 0.5rem 0;
}
.mobile-flight-search-container .direction-list-drop ul ul {
  background-color: rgb(240, 243, 245);
  padding: 0 0 0 1.25rem;
}
.mobile-flight-search-container .direction-list-drop ul ul .btn .svg-icon {
  flex-shrink: 0;
}
.mobile-flight-search-container .direction-list-drop ul ul .btn .svg-icon path {
  fill: none;
  stroke: #809AB2;
}
.mobile-flight-search-container .direction-list-drop li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.mobile-flight-search-container .direction-list-drop .btn {
  align-items: flex-start;
  font-size: 0.8125rem;
  text-transform: none;
  padding: 0.5rem 0.75rem;
  width: 100%;
}
.mobile-flight-search-container .direction-list-drop .btn .svg-icon {
  flex-shrink: 0;
  margin-right: 0.25rem;
}
.mobile-flight-search-container .direction-list-drop .btn .svg-icon path {
  fill: #1679D5;
}
.mobile-flight-search-container .direction-list-drop .btn .svg-icon + strong {
  margin-left: 0;
}
.mobile-flight-search-container .direction-list-drop .btn p {
  text-align: left;
  margin: 0;
  color: #4D7294;
}
.mobile-flight-search-container .direction-list-drop .btn p i {
  font-style: normal;
  color: #1679D5;
}
.mobile-flight-search-container .direction-list-drop .btn strong {
  text-align: left;
  display: block;
  color: #1A4975;
}
.mobile-flight-search-container .direction-list-drop .btn span {
  margin-top: -0.25rem;
  font-size: 0.6875rem;
  color: #4D7294;
}

.mobile-flight-class-container, .mobile-language-container, .mobile-currency-container, .mobile-sort-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 5;
  padding: 0.5rem 1rem 4rem;
  overflow-y: auto;
  transition: 0.2s ease;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  transform: translateY(100%);
}
.mobile-flight-class-container li .btn, .mobile-language-container li .btn, .mobile-currency-container li .btn, .mobile-sort-container li .btn {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #809AB2;
  position: relative;
  width: 100%;
  padding: 1rem;
}
.mobile-flight-class-container li .btn .svg-icon, .mobile-language-container li .btn .svg-icon, .mobile-currency-container li .btn .svg-icon, .mobile-sort-container li .btn .svg-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  opacity: 0;
}
.mobile-flight-class-container li .btn .svg-icon path, .mobile-language-container li .btn .svg-icon path, .mobile-currency-container li .btn .svg-icon path, .mobile-sort-container li .btn .svg-icon path {
  stroke: rgb(139, 195, 74);
}
.mobile-flight-class-container li + li, .mobile-language-container li + li, .mobile-currency-container li + li, .mobile-sort-container li + li {
  border-top: 1px dotted #E6EBF0;
}
.mobile-flight-class-container li.active .btn, .mobile-language-container li.active .btn, .mobile-currency-container li.active .btn, .mobile-sort-container li.active .btn {
  color: #003566;
}
.mobile-flight-class-container li.active .btn .svg-icon, .mobile-language-container li.active .btn .svg-icon, .mobile-currency-container li.active .btn .svg-icon, .mobile-sort-container li.active .btn .svg-icon {
  opacity: 1;
}

.mobile-language-container, .mobile-currency-container {
  z-index: 12;
}
.mobile-language-container li .image, .mobile-currency-container li .image {
  height: 1.5rem;
  border-radius: 0.125rem;
  margin-right: 0.5rem;
}

.mobile-main-menu-container {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 11;
  padding: 0.5rem 1rem 1rem;
  overflow-y: auto;
  transition: 0.2s ease;
}
.mobile-main-menu-container li {
  position: relative;
}
.mobile-main-menu-container li .check-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  margin-right: 0 !important;
  width: 1.75rem !important;
  height: 1.75rem !important;
  padding: 0.25rem;
}
.mobile-main-menu-container li .check-icon path {
  stroke: rgb(139, 195, 74);
  fill: transparent !important;
}
.mobile-main-menu-container li.active {
  background-color: rgb(240, 243, 245);
  border-radius: 0.25rem;
}
.mobile-main-menu-container li.active .btn {
  color: #003566;
}
.mobile-main-menu-container li.active .btn .svg-icon path {
  fill: #1679D5;
}
.mobile-main-menu-container li.active .check-icon {
  opacity: 1;
}
.mobile-main-menu-container .nav-list .btn .svg-icon {
  width: 2rem;
  height: 2rem;
  padding: 0;
}
.mobile-main-menu-container .user-link p {
  text-align: left;
  margin: 0;
}
.mobile-main-menu-container .user-link p span {
  font-size: 0.8125rem;
  color: #4D7294;
}
.mobile-main-menu-container li .btn .svg-icon {
  width: 2rem;
  height: 2rem;
  padding: 0.25rem;
  margin-right: 0.5rem;
}
.mobile-main-menu-container li .btn .svg-icon path {
  fill: #4D7294;
}
.mobile-main-menu-container li .btn .image {
  height: 1.25rem;
  border-radius: 0.125rem;
}
.mobile-main-menu-container li .btn .user-image {
  height: 2rem;
  width: 2rem;
  -o-object-position: center center;
     object-position: center center;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-right: 1rem;
}
.mobile-main-menu-container .single {
  padding: 0.5rem 0;
}
.mobile-main-menu-container .single + .single {
  border-top: 1px solid #E6EBF0;
}
.mobile-main-menu-container .single .btn {
  padding: 0.75rem 0.5rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1A4975;
  width: 100%;
}
.mobile-main-menu-container .single .leave .btn {
  color: rgb(214, 40, 40);
}
.mobile-main-menu-container .single .leave .btn .svg-icon path {
  stroke: rgb(214, 40, 40);
}

.mobile-passenger-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 5;
  padding: 1rem;
  overflow-y: auto;
  transition: 0.2s ease;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  transform: translateY(100%);
}
.mobile-passenger-container .single {
  position: relative;
  padding: 0.5rem;
}
.mobile-passenger-container .single .error-message {
  position: fixed;
  left: 10%;
  bottom: 10%;
  transform: translateY(-50%);
  width: 80%;
  background-color: #1A4975;
  padding: 0.5rem 1rem;
  color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.mobile-passenger-container .single .error-message strong {
  color: rgb(214, 40, 40);
  display: inline-flex;
  height: auto;
  width: auto;
}
.mobile-passenger-container .single p {
  display: block;
  width: 8rem;
  margin: 0;
  font-weight: 600;
}
.mobile-passenger-container .single p span {
  display: block;
  font-size: 0.6875rem;
  color: rgba(0, 0, 0, 0.5);
}
.mobile-passenger-container .single button {
  border: none;
  background-color: rgb(240, 243, 245);
  padding: 0.25rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  transition: 0.2s ease;
  font-size: 0.6875rem;
}
.mobile-passenger-container .single button .svg-icon path {
  fill: #809AB2;
}
.mobile-passenger-container .single button:hover {
  background-color: #1679D5;
}
.mobile-passenger-container .single button:hover .svg-icon path {
  fill: rgb(255, 255, 255);
}
.mobile-passenger-container .single button:disabled {
  opacity: 0.3;
}
.mobile-passenger-container .single strong {
  height: 2rem;
  border-radius: 0.25rem;
  margin: 0 0.25rem;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-passenger-container .child-age {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 0.5rem;
  display: none;
}
.mobile-passenger-container .child-age p {
  padding-left: 0.5rem;
  font-weight: 600;
  margin: 0 0 0.25rem 0;
}
.mobile-passenger-container .child-age ul {
  padding-left: 0.5rem;
}
.mobile-passenger-container .child-age .form-select {
  font-size: 0.6875rem;
  padding: 0.5rem;
  font-weight: 600;
  width: 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: none;
  -ms-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.mobile-passenger-container.active .child-age {
  display: block;
}

.mobile-filter-container, .mobile-detail-action {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -ms-box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.1);
  z-index: 10;
  background-color: rgb(255, 255, 255);
  align-items: center;
  justify-content: center;
  display: none;
}
.mobile-filter-container .btn, .mobile-detail-action .btn {
  width: 100%;
  justify-content: center;
  line-height: 1rem;
}
.mobile-filter-container .btn .close, .mobile-detail-action .btn .close {
  display: none;
}
.mobile-filter-container .btn .text, .mobile-detail-action .btn .text {
  display: block;
}
.mobile-filter-container .btn + .btn, .mobile-detail-action .btn + .btn {
  margin-left: 0.5rem;
}
.mobile-filter-container .btn .svg-icon, .mobile-detail-action .btn .svg-icon {
  margin-bottom: 1px;
}
.mobile-filter-container .btn-search, .mobile-detail-action .btn-search {
  padding: 0.625rem 1rem;
  -ms-box-shadow: 0 0 0 1px #1679D5;
  -o-box-shadow: 0 0 0 1px #1679D5;
  box-shadow: 0 0 0 1px #1679D5;
  line-height: 1.25rem;
}

.single-block {
  border-radius: 0.25rem;
  overflow: hidden;
  margin-bottom: 1rem;
  transition: 0.2s ease;
}
.single-block p {
  margin: 0;
}
.single-block a {
  display: block;
  text-decoration: none;
  color: #1A4975;
}
.single-block .image {
  overflow: hidden;
  border-radius: 0.25rem;
  position: relative;
}
.single-block .image img {
  transition: 0.2s ease;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single-block .image:before {
  content: "";
  padding-bottom: 100%;
  display: block;
}
.single-block .detail {
  padding: 0.5rem;
  background-color: rgb(255, 255, 255);
}
.single-block .detail .svg-icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-bottom: 0.125rem;
}
.single-block .detail .svg-icon path {
  fill: #F0573B;
}
.single-block .detail .name, .single-block .detail .price {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}
.single-block .detail .price {
  font-size: 0.8125rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.single-block .detail strong {
  display: block;
}
.single-block:hover {
  -ms-box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}
.single-block:hover .image img {
  transform: scale(1.05);
}
.single-block.trip-block .image span {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  background-color: #1679D5;
  color: rgb(255, 255, 255);
  font-size: 0.8125rem;
  padding: 0.25rem 0.75rem;
  border-top-left-radius: 0.5rem;
}

.single-block.hotel-block .image:before {
  padding-bottom: 75%;
}
.single-block.hotel-block .detail .rating {
  font-size: 0.8125rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-left: 1rem;
}
.single-block.hotel-block .detail .rating strong {
  vertical-align: bottom;
}
.single-block.hotel-block .detail .rating .svg-icon {
  margin-right: 0.125rem;
  margin-bottom: 0.125rem;
}

.single-city {
  margin-bottom: 1rem;
}
.single-city a {
  display: block;
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
}
.single-city a .bg-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  transition: 0.2s ease;
}
.single-city a:before {
  content: "";
  padding-bottom: 100%;
  display: block;
}
.single-city a .content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.single-city a .content p {
  display: block;
  color: rgb(255, 255, 255);
  margin: 0 0 0.25rem;
  font-weight: 600;
}
.single-city a .content img {
  width: 2rem;
  position: absolute;
  bottom: 0.75rem;
  left: 50%;
  border-radius: 0.125rem;
  transform: translateX(-50%);
}
.single-city:hover .bg-image {
  opacity: 0.3;
}

.single-banner {
  display: block;
  position: relative;
  border-radius: 0.25rem;
}
.single-banner:before {
  content: "";
  padding-bottom: 56.25%;
  display: block;
}
.single-banner img {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  -o-object-position: center center;
     object-position: center center;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
}

.single-flight {
  background-color: rgb(255, 255, 255);
  position: relative;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  transition: 0.2s ease;
}
.single-flight:hover {
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.single-flight p, .single-flight h4, .single-flight span, .single-flight strong {
  margin: 0;
  display: block;
}
.single-flight strong {
  font-size: 0.8125rem;
  color: #1A4975;
}
.single-flight span {
  font-size: 0.8125rem;
  color: #4D7294;
}
.single-flight .more-btn {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  border-radius: 0.25rem;
  transition: 0.2s ease;
}
.single-flight .more-btn strong {
  font-size: 0.8125rem;
  color: #4D7294;
}
.single-flight .more-btn .svg-icon {
  transition: 0.2s ease;
}
.single-flight .more-btn .svg-icon path {
  stroke: #809AB2;
}
.single-flight .more-btn:hover {
  background-color: rgb(240, 243, 245);
}
.single-flight .btn-collapse {
  width: 100%;
  font-weight: 400;
  padding: 0.5rem 0.5rem 0;
  -ms-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}
.single-flight .btn-collapse:hover {
  background-color: #F3F8FD;
}
.single-flight .btn-collapse .chevron-indicator {
  transition: 0.2s ease;
  animation: chevronIndicator 1s linear infinite;
}
.single-flight .btn-collapse .chevron-indicator path {
  stroke: #1679D5;
}
.single-flight .btn-collapse[aria-expanded=true] .chevron-indicator {
  animation: chevronIndicator1 1s linear infinite;
}
.single-flight .btn-collapse .flight-border + .flight-border {
  padding-top: 1rem;
}
.single-flight .logo-name {
  text-align: left;
  color: #4D7294;
  margin-right: 0.5rem;
}
.single-flight .logo-name img {
  margin-right: 0.5rem;
}
.single-flight .logo-name span {
  margin-top: -0.25rem;
}
.single-flight .flight-time {
  position: relative;
}
.single-flight .flight-time strong {
  font-size: 1.125rem;
  color: #1679D5;
}
.single-flight .flight-time ul {
  position: relative;
  margin-bottom: 0.25rem;
  width: 80%;
  left: 10%;
}
.single-flight .flight-time ul li {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #F0573B;
  position: relative;
  z-index: 1;
  border-radius: 0.25rem;
}
.single-flight .flight-time ul li:first-child, .single-flight .flight-time ul li:last-child {
  background-color: #1679D5;
  width: 0.5rem;
  height: 0.5rem;
}
.single-flight .flight-time ul:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background-color: #B9D7F2;
  left: 0.25rem;
  right: 0.25rem;
}
.single-flight .time-stop {
  padding: 0 0.5rem;
}
.single-flight .time-stop span {
  margin-top: -0.25rem;
}
.single-flight .time-stop.direct-flight strong {
  color: #1679D5;
}
.single-flight .price-and-action {
  border-top: 1px dashed #E6EBF0;
  padding: 0.5rem;
}
.single-flight .flight-price {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1679D5;
  text-align: right;
}
.single-flight .flight-price strong {
  font-size: 1.125rem;
  color: #1679D5;
}
.single-flight .flight-price span {
  color: #4D7294;
  font-size: 0.8125rem;
  font-weight: 400;
}
.single-flight .flight-price.low > span {
  color: rgb(214, 40, 40);
  font-weight: 600;
}
.single-flight .content {
  margin-top: 1rem;
  padding: 0 0.5rem 0.5rem;
}
.single-flight .content .warning-text {
  font-size: 0.8125rem;
  margin: 0.5rem 0 1rem;
  color: rgb(214, 40, 40);
  font-weight: 600;
}
.single-flight .content h5 {
  margin: 0 0 1rem;
  background-color: #E8F2FB;
  padding: 0.5rem 1rem;
  color: #1679D5;
}
.single-flight .content .warning-block {
  border-radius: 0.5rem;
  padding: 1rem;
  font-size: 0.8125rem;
}
.single-flight .content .warning-block h5 {
  margin: 0;
  display: inline-flex;
  align-items: center;
  background-color: transparent;
  padding: 0;
}
.single-flight .content .warning-block h5 .svg-icon {
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.25rem;
}
.single-flight .content .warning-block h5 .svg-icon path {
  fill: rgb(214, 40, 40);
}
.single-flight .content .warning-block p {
  margin-right: 1rem;
}
.single-flight .content .small-block-container {
  margin-bottom: 1rem;
}
.single-flight .content .small-block-container .logo-name span {
  margin-left: 0;
}
.single-flight .content .small-block-container .logo-name strong {
  font-size: 0.8125rem;
}
.single-flight .content .small-block-container .logo-name, .single-flight .content .small-block-container .flight, .single-flight .content .small-block-container .depart, .single-flight .content .small-block-container .land {
  margin-bottom: 1rem;
}
.single-flight .content .small-block-container span + strong, .single-flight .content .small-block-container strong + span {
  margin-left: 0.25rem;
}
.single-flight .content .small-block-container .depart .time strong, .single-flight .content .small-block-container .land .time strong {
  color: #1679D5;
  font-size: 1.125rem;
}
.single-flight .content .small-block-container .land .terminal, .single-flight .content .small-block-container .depart .terminal {
  font-size: 0.8125rem;
  color: #4D7294;
  margin-top: 0.5rem;
}
.single-flight .content .small-block-container .land .terminal strong, .single-flight .content .small-block-container .depart .terminal strong {
  display: inline-flex;
  margin-right: 0.25rem;
}
.single-flight .content .small-block-container .flight .time, .single-flight .content .small-block-container .flight .length {
  justify-content: center;
  padding: 0.25rem;
}
.single-flight .content .small-block-container .flight .time {
  border-bottom: 2px solid #E6EBF0;
  position: relative;
}
.single-flight .content .small-block-container .flight .time:before {
  content: "";
  border: 0.5rem solid #CCD7E0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  right: 0;
  top: 100%;
  display: block;
  transform: translate(60%, -45%) rotateX(45deg);
}
.single-flight .content .small-block-container .user-order-style {
  margin-bottom: 1rem;
  padding: 0 0.5rem;
}
.single-flight .content .small-block-container .user-order-style + .user-order-style {
  border-top: 1px solid #E6EBF0;
  padding-top: 1rem;
}
.single-flight .content .small-block-container .user-order-style h4 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1679D5;
}
.single-flight .content .small-block-container .user-order-style .time, .single-flight .content .small-block-container .user-order-style .flight-name {
  padding: 0.5rem 0;
}
.single-flight .content .small-block-container .user-order-style strong {
  margin: 0;
  color: #1A4975;
}
.single-flight .content .small-block-container .user-order-style .passengers-list li {
  margin-right: 0.25rem;
}
.single-flight .content .small-block-container .user-order-style .passengers-list li strong:after {
  content: ",";
}
.single-flight .content .small-block-container .user-order-style .passengers-list li:last-child strong:after {
  display: none;
}

.single-passenger-info {
  padding: 1rem 1rem 0;
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.single-passenger-info h2 {
  padding: 1rem 0.5rem 0.5rem 0;
}
.single-passenger-info h5 {
  text-transform: none;
  margin-bottom: 1rem;
}
.single-passenger-info h5 span, .single-passenger-info h5 strong, .single-passenger-info h5 small {
  display: block;
}
.single-passenger-info h5 strong {
  color: #1A4975;
}
.single-passenger-info h5 span {
  margin-right: 0.5rem;
  margin-left: -1rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  background-color: rgb(240, 243, 245);
  color: #809AB2;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.single-passenger-info h5 small {
  margin-left: 0.25rem;
  font-size: 0.8125rem;
  color: #809AB2;
}
.single-passenger-info .form-floating, .single-passenger-info .login-form-container, .single-passenger-info .nationality-form {
  margin-bottom: 2rem;
}
.single-passenger-info .room {
  padding: 1rem 1rem 0.5rem;
  background-color: #F3F8FD;
  border-radius: 0.25rem;
  transition: 0.2s ease;
}
.single-passenger-info .room p {
  margin: 0 0 0.5rem;
  color: #1A4975;
  font-weight: 600;
}
.single-passenger-info .room .svg-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.single-passenger-info .room .beds-features {
  padding: 0 1rem;
}
.single-passenger-info .room .info {
  display: flex;
  flex-direction: column;
  width: 60%;
}
.single-passenger-info .room .info .svg-icon path, .single-passenger-info .room .beds-features .svg-icon path {
  fill: #1A4975;
}
.single-passenger-info .room .beds-features {
  display: flex;
  width: calc(40% - 2rem);
  flex-direction: column;
}

.single-soonFly {
  padding: 1rem 0.5rem 0.5rem;
  -ms-box-shadow: inset 0 0 0 1px #E6EBF0;
  -o-box-shadow: inset 0 0 0 1px #E6EBF0;
  box-shadow: inset 0 0 0 1px #E6EBF0;
  border-radius: 0.5rem;
  overflow: hidden;
  text-align: center;
  transition: 0.2s ease;
  position: relative;
  margin: 1px;
  background-color: rgb(255, 255, 255);
}
.single-soonFly a {
  display: block;
  color: #1A4975;
  text-decoration: none;
}
.single-soonFly h1 {
  margin: 0;
  font-size: 0.8125rem;
}
.single-soonFly .btn-line {
  position: absolute;
  bottom: 50%;
  left: 20%;
  transform: translateY(0%);
  width: 60%;
  visibility: hidden;
  opacity: 0;
}
.single-soonFly .flight-time {
  position: relative;
  padding: 0 0 1rem;
}
.single-soonFly .flight-time p {
  justify-content: center;
  margin: 0;
}
.single-soonFly .flight-time strong {
  font-size: 1.125rem;
  color: #1679D5;
}
.single-soonFly .flight-time .svg-icon {
  margin: 0 0.25rem;
}
.single-soonFly .flight-time ul {
  position: relative;
  margin-bottom: 0.25rem;
  width: 80%;
  left: 10%;
}
.single-soonFly .flight-time ul li {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #F0573B;
  position: relative;
  z-index: 1;
  border-radius: 0.25rem;
}
.single-soonFly .flight-time ul li:first-child, .single-soonFly .flight-time ul li:last-child {
  background-color: #1679D5;
  width: 0.5rem;
  height: 0.5rem;
}
.single-soonFly .flight-time ul:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background-color: #B9D7F2;
  left: 0.25rem;
  right: 0.25rem;
}
.single-soonFly .flight-duration {
  color: #4D7294;
}
.single-soonFly .flight-duration strong {
  display: block;
  line-height: 1;
}
.single-soonFly .flight-duration span {
  font-size: 0.8125rem;
  display: block;
  line-height: 1;
  color: #809AB2;
}
.single-soonFly .flight-price {
  margin: 1rem 0;
  border-top: 1px dashed #E6EBF0;
  padding-top: 1rem;
  font-size: 1.125rem;
  position: relative;
  text-align: center;
  padding-bottom: 1rem;
}
.single-soonFly .flight-price span {
  font-size: 0.8125rem;
  display: block;
  color: #4D7294;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.single-soonFly .flight-price:before, .single-soonFly .flight-price:after {
  content: "";
  border: 1px solid #E6EBF0;
  width: 2rem;
  height: 2rem;
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  transition: 0.2s ease;
}
.single-soonFly .flight-price:before {
  left: -1.5rem;
}
.single-soonFly .flight-price:after {
  right: -1.5rem;
}
.single-soonFly .flight-price.low .remaining-seat {
  color: rgb(214, 40, 40);
  font-weight: 600;
}
.single-soonFly:hover {
  -ms-box-shadow: inset 0 0 0 1px #1679D5;
  -o-box-shadow: inset 0 0 0 1px #1679D5;
  box-shadow: inset 0 0 0 1px #1679D5;
}
.single-soonFly:hover .flight-price {
  border-top: 1px dashed #1679D5;
}
.single-soonFly:hover .flight-price:before, .single-soonFly:hover .flight-price:after {
  border: 1px solid #1679D5;
}
.single-soonFly:hover .btn-line {
  transform: translateY(40%);
  opacity: 1;
  visibility: visible;
}

.single-last-viewed {
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  overflow: hidden;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  margin-bottom: 0.5rem;
  transition: 0.2s ease;
}
.single-last-viewed:hover {
  -ms-box-shadow: 0 0 0 1px #1679D5;
  -o-box-shadow: 0 0 0 1px #1679D5;
  box-shadow: 0 0 0 1px #1679D5;
}
.single-last-viewed h2 {
  color: #003566;
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #E6EBF0;
  padding: 0.25rem 0 0.5rem;
}
.single-last-viewed h2 .svg-icon {
  margin: 0 0.25rem;
}
.single-last-viewed h2 .svg-icon path {
  stroke: #1679D5;
}
.single-last-viewed a {
  display: block;
  padding: 0.5rem;
  text-decoration: none;
}
.single-last-viewed p {
  margin: 0;
}
.single-last-viewed .price {
  font-size: 1.125rem;
  color: #1679D5;
}
.single-last-viewed .date {
  color: #4D7294;
}
.single-last-viewed .date .image {
  width: 2rem;
  height: 2rem;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  -o-object-position: center center;
     object-position: center center;
  margin-right: 0.5rem;
}

.single-order {
  padding: 0.5rem;
  -ms-box-shadow: inset 0 0 0 1px #E6EBF0;
  -o-box-shadow: inset 0 0 0 1px #E6EBF0;
  box-shadow: inset 0 0 0 1px #E6EBF0;
  border-radius: 0.5rem;
  overflow: hidden;
  text-align: center;
  transition: 0.2s ease;
  position: relative;
  margin: 1px;
  background-color: rgb(255, 255, 255);
}
.single-order a {
  display: block;
  color: #1A4975;
  text-decoration: none;
}
.single-order .order-detail {
  border-bottom: 1px dashed #E6EBF0;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  position: relative;
}
.single-order .order-detail:before, .single-order .order-detail:after {
  content: "";
  border: 1px solid #E6EBF0;
  width: 2rem;
  height: 2rem;
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  transform: translateY(50%);
  transition: 0.2s ease;
}
.single-order .order-detail:before {
  left: -1.5rem;
}
.single-order .order-detail:after {
  right: -1.5rem;
}
.single-order .order-detail li {
  width: 100%;
  margin-bottom: 0.25rem;
}
.single-order .order-detail li span {
  font-size: 0.8125rem;
  color: #4D7294;
}
.single-order .order-detail .status strong {
  color: rgb(255, 255, 255);
  font-size: 0.6875rem;
  padding: 0.25rem 0.5rem 0.125rem;
  background-color: rgb(240, 243, 245);
  border-radius: 0.25rem;
  background-color: #809AB2;
  text-transform: uppercase;
}
.single-order .order-detail .status.status-waiting strong {
  background-color: rgb(255, 193, 7);
}
.single-order .order-detail .status.status-cancelled strong {
  background-color: rgb(214, 40, 40);
}
.single-order .order-detail .status.status-success strong {
  background-color: rgb(139, 195, 74);
}
.single-order .flight-detail {
  font-size: 1.125rem;
  text-align: center;
  margin-top: 0rem;
}
.single-order .flight-detail strong {
  display: block;
}
.single-order .flight-detail strong.price {
  color: #1679D5;
}
.single-order .flight-time {
  position: relative;
  background-color: #F3F8FD;
  border-radius: 0.25rem;
  margin: 0.5rem 0 1rem;
  padding: 0.5rem 1rem 1.75rem;
}
.single-order .flight-time strong {
  font-size: 1.125rem;
  color: #1679D5;
}
.single-order .flight-time li + li {
  margin-left: 0.5rem;
}
.single-order .flight-time .date {
  position: absolute;
  left: 1rem;
  right: 1rem;
  text-align: center;
  bottom: 0;
  margin: 0;
  border-top: 1px dotted #E6EBF0;
}
.single-order .flight-time .date span {
  font-weight: 700;
  color: #1A4975;
  font-size: 0.8125rem;
}
.single-order:hover {
  -ms-box-shadow: inset 0 0 0 1px #1679D5;
  -o-box-shadow: inset 0 0 0 1px #1679D5;
  box-shadow: inset 0 0 0 1px #1679D5;
}
.single-order:hover .order-detail {
  border-bottom: 1px dashed #1679D5;
}
.single-order:hover .order-detail:before, .single-order:hover .order-detail:after {
  border: 1px solid #1679D5;
}
.single-order.hotel-order .image {
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
}
.single-order.hotel-order .image:before {
  content: "";
  padding-bottom: 75%;
  display: block;
}
.single-order.hotel-order .image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.single-order.hotel-order .image .name {
  position: absolute;
  left: 0;
  bottom: 1rem;
  width: 90%;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5rem 1rem;
  color: rgb(255, 255, 255);
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.single-order.hotel-order .image .name p {
  margin: 0;
}
.single-order.hotel-order .image .name strong {
  display: block;
}
.single-order.hotel-order .image .name .price {
  font-size: 1.125rem;
}
.single-order.hotel-order .image .name .price .svg-icon {
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.25rem;
}
.single-order.hotel-order .image .name .price .svg-icon path {
  fill: #F0573B;
}
.single-order.hotel-order .image .name .rating {
  font-size: 0.8125rem;
  border-radius: 0.25rem;
  display: inline-flex;
  align-items: center;
  margin-left: 0.5rem;
}
.single-order.hotel-order .hotel-time {
  margin: 0.5rem 0;
  background-color: #F3F8FD;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
}
.single-order.hotel-order .hotel-time span {
  font-size: 0.8125rem;
  color: #4D7294;
}

.single-order-new {
  padding: 0.5rem;
  -ms-box-shadow: inset 0 0 0 1px #E6EBF0;
  -o-box-shadow: inset 0 0 0 1px #E6EBF0;
  box-shadow: inset 0 0 0 1px #E6EBF0;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
  display: block;
  text-decoration: none;
  color: #4D7294;
  border: none;
  background-color: rgb(255, 255, 255);
  width: 100%;
  transition: 0.2s ease;
}
.single-order-new:hover {
  color: #1A4975;
  -ms-box-shadow: inset 0 0 0 1px #1679D5;
  -o-box-shadow: inset 0 0 0 1px #1679D5;
  box-shadow: inset 0 0 0 1px #1679D5;
}
.single-order-new.single-hotel-order .flight-detail {
  background-color: #E8F2FB;
  border-radius: 0.25rem;
  padding: 0.5rem 0.5rem 0;
}
.single-order-new.single-hotel-order .flight-detail .destination strong .svg-icon path {
  stroke: transparent;
}
.single-order-new span {
  font-size: 0.8125rem;
}
.single-order-new p {
  margin: 0;
}
.single-order-new .order-detail {
  margin-bottom: 0.5rem;
}
.single-order-new .order-detail strong {
  color: #1A4975;
  margin-left: 0.25rem;
}
.single-order-new .order-detail .status {
  font-size: 0.8125rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  color: rgb(255, 255, 255);
}
.single-order-new .order-detail .status.status-waiting {
  background-color: rgb(255, 193, 7);
}
.single-order-new .order-detail .status.status-success {
  background-color: rgb(139, 195, 74);
}
.single-order-new .order-detail .status.status-cancelled {
  background-color: rgb(214, 40, 40);
}
.single-order-new .flight-detail {
  background-color: #E8F2FB;
  border-radius: 0.25rem;
  padding: 0.5rem 0.5rem 0;
}
.single-order-new .flight-detail .destination strong {
  font-size: 1.125rem;
  color: #1679D5;
  display: flex;
  align-items: center;
}
.single-order-new .flight-detail .destination strong .svg-icon path {
  stroke: #1679D5;
}
.single-order-new .flight-detail .destination .svg-icon {
  margin: 0 0.25rem;
  display: block;
}
.single-order-new .flight-detail .destination .price {
  margin-left: 0.5rem;
  font-size: 1.125rem;
  color: #1A4975;
}
.single-order-new .flight-detail .destination .price small {
  margin-top: 0.125rem;
  margin-left: 0.125rem;
}
.single-order-new .flight-detail .time {
  color: #1A4975;
  border-top: 1px dashed rgb(255, 255, 255);
  margin-top: 0.5rem;
}
.single-order-new .flight-detail .time .from-to {
  color: #1679D5;
}
.single-order-new .flight-detail .time strong {
  display: block;
  padding: 0.5rem 0.25rem;
}

.single-hotel {
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  padding: 1rem;
  margin-bottom: 1rem;
  transition: 0.2s ease;
}
.single-hotel:hover {
  -ms-box-shadow: 0 0.5rem 1rem #E6EBF0;
  -o-box-shadow: 0 0.5rem 1rem #E6EBF0;
  box-shadow: 0 0.5rem 1rem #E6EBF0;
}
.single-hotel a {
  display: block;
  text-decoration: none;
  color: #4D7294;
  transition: 0.2s ease;
}
.single-hotel p {
  margin: 0;
}
.single-hotel .image {
  position: relative;
  overflow: hidden;
  width: 12rem;
  border-radius: 0.25rem;
  flex-shrink: 0;
}
.single-hotel .image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
}
.single-hotel .image:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.single-hotel .detail {
  padding-left: 1rem;
  margin-bottom: 0.5rem;
}
.single-hotel .detail .name {
  font-size: 1.125rem;
  color: #1679D5;
  font-weight: 700;
}
.single-hotel .detail .location {
  border: none;
  background-color: transparent;
  padding: 0;
  color: #4D7294;
}
.single-hotel .detail .location:hover {
  color: #1679D5;
  text-decoration: underline;
}
.single-hotel .detail .location:hover .svg-icon path {
  fill: #1679D5;
}
.single-hotel .detail .location .svg-icon {
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.25rem;
}
.single-hotel .detail .location .svg-icon path {
  fill: #809AB2;
}
.single-hotel .rating {
  background-color: rgb(240, 243, 245);
  border-radius: 0.25rem;
  text-align: right;
  color: #1679D5;
  padding: 0.25rem 0.5rem 0;
  margin-bottom: 0.5rem;
  flex-shrink: 0;
  border: none;
}
.single-hotel .rating p {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5rem;
}
.single-hotel .rating .svg-icon {
  margin-bottom: 0.25rem;
}
.single-hotel .rating .svg-icon path {
  fill: rgb(255, 193, 7);
}
.single-hotel .rating strong {
  font-size: 1.125rem;
}
.single-hotel .rating span {
  line-height: 0.875rem;
  color: #4D7294;
  font-size: 0.8125rem;
}
.single-hotel .room-status {
  padding: 0.5rem 1rem;
}
.single-hotel .room-status li {
  font-size: 0.8125rem;
  padding: 0.125rem 0.5rem;
  color: #4D7294;
  margin-bottom: 0.125rem;
  border-left: 1px solid rgb(240, 243, 245);
  cursor: default;
}
.single-hotel .room-status .cancel-free {
  padding: 0.25rem 0.5rem 0.125rem;
  color: rgb(139, 195, 74);
  font-weight: 600;
  border-left: 1px solid rgb(139, 195, 74);
}
.single-hotel .room-status .low-room {
  color: rgb(214, 40, 40);
  border-left: 1px solid rgb(214, 40, 40);
}
.single-hotel .price-detail {
  text-align: right;
}
.single-hotel .price-detail .price {
  margin-bottom: 0.5rem;
}
.single-hotel .price-detail .price .night-person {
  padding: 0.25rem 0;
  margin-bottom: 0.25rem;
  border-bottom: 1px dotted #E6EBF0;
  display: block;
  font-size: 0.8125rem;
  color: #1A4975;
}
.single-hotel .price-detail .price span {
  font-size: 0.8125rem;
  color: #4D7294;
}
.single-hotel .price-detail .price strong {
  color: #1679D5;
  display: block;
  font-size: 1.125rem;
}

.single-room-filter:hover button {
  background-color: #E8F2FB;
}
.single-room-filter button {
  transition: 0.2s ease;
  display: flex;
  width: 100%;
  flex-direction: column;
  border: none;
  background-color: rgb(240, 243, 245);
  padding: 1rem;
  border-radius: 0.25rem;
  text-align: left;
}
.single-room-filter h1 {
  font-size: 1.125rem;
  margin: 0 0 0.5rem;
  height: 3rem;
  color: #1A4975;
}
.single-room-filter h1 span {
  margin-right: 0.5rem;
}
.single-room-filter h1 strong {
  color: #1679D5;
}
.single-room-filter .price {
  margin: 0;
}
.single-room-filter .price span, .single-room-filter .price del {
  font-size: 0.8125rem;
  color: #4D7294;
}
.single-room-filter .price span {
  display: block;
}
.single-room-filter .price strong {
  font-size: 1.125rem;
  color: #1679D5;
}

.single-hotel-room {
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: rgb(255, 255, 255);
}
.single-hotel-room .header {
  border-bottom: 1px dashed #E6EBF0;
  padding-bottom: 1rem;
}
.single-hotel-room .header .image {
  border: 0;
  background-color: rgb(255, 255, 255);
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  max-width: 10rem;
}
.single-hotel-room .header .image:before {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.single-hotel-room .header .image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.single-hotel-room .header .text {
  padding-left: 1rem;
}
.single-hotel-room .header .text h4 {
  color: #1679D5;
  font-weight: 600;
}
.single-hotel-room .header .text .amenities li {
  color: #4D7294;
  margin: 0 0.5rem 0.5rem 0;
}
.single-hotel-room .header .text .amenities .svg-icon path {
  fill: #F0573B;
}
.single-hotel-room .header .trip-badge {
  margin-bottom: auto;
  color: #4D7294;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  -ms-box-shadow: 0 0 0 1px #E6EBF0;
  -o-box-shadow: 0 0 0 1px #E6EBF0;
  box-shadow: 0 0 0 1px #E6EBF0;
  font-size: 0.6875rem;
}
.single-hotel-room .header .trip-badge strong {
  color: #3264ff;
  font-weight: 700;
  font-size: 0.8125rem;
}
.single-hotel-room .header .trip-badge strong i {
  color: #ff9500;
}

.single-news {
  background-color: rgb(255, 255, 255);
  border-radius: 0.25rem;
  transition: 0.2s ease;
  height: 100%;
}
.single-news:hover {
  -ms-box-shadow: 0 0.5rem 1rem #E6EBF0;
  -o-box-shadow: 0 0.5rem 1rem #E6EBF0;
  box-shadow: 0 0.5rem 1rem #E6EBF0;
}
.single-news:hover h5 {
  color: #1679D5;
}
.single-news:hover .image img {
  transform: scale(1.05);
}
.single-news a {
  color: #1A4975;
  text-decoration: none;
  display: block;
}
.single-news .image {
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
  width: 100%;
}
.single-news .image:after {
  content: "";
  padding-bottom: 56.25%;
  display: block;
}
.single-news .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  transition: 0.2s ease;
}
.single-news .detail {
  padding: 1.5rem 1.5rem 1rem;
}
.single-news .detail h5 {
  transition: 0.2s ease;
  height: 2.25rem;
  overflow: hidden;
}
.single-news .detail p {
  color: #4D7294;
  margin-bottom: 0.5rem;
  height: 4rem;
  overflow: hidden;
}
.single-news .detail .info {
  border-top: 1px solid #E6EBF0;
  padding-top: 0.5rem;
}
.single-news .detail .date {
  color: #809AB2;
  font-size: 0.8125rem;
}
.single-news .detail .btn strong {
  font-weight: 500;
  font-size: 0.8125rem;
}
.single-news.featured {
  height: auto;
}
.single-news.featured .image {
  width: 40%;
}
.single-news.featured .detail {
  width: 60%;
}
.single-news.featured .detail h5 {
  font-size: 1.125rem;
  height: auto;
}
.single-news.featured .detail p {
  height: auto;
}

.btn.btnV3 {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}
.btn.btnV3 img.active {
  display: none;
}
.btn.btnV3 img.default {
  display: block;
}
.btn.btnV3.active, .btn.btnV3:hover, .btn.btnV3:focus {
  color: #1B37BC;
}
.btn.btnV3.active img.active, .btn.btnV3:hover img.active, .btn.btnV3:focus img.active {
  display: block;
}
.btn.btnV3.active img.default, .btn.btnV3:hover img.default, .btn.btnV3:focus img.default {
  display: none;
}
.btn.btnV3.btn-main {
  background-color: #1B37BC !important;
}
.btn.btnV3.btn-main.active, .btn.btnV3.btn-main:hover, .btn.btnV3.btn-main:focus {
  color: white;
}
.btn.btnV3.btn-main.shadow {
  -ms-box-shadow: 0 0.5rem 1rem rgba(27, 55, 188, 0.5) !important;
  -o-box-shadow: 0 0.5rem 1rem rgba(27, 55, 188, 0.5) !important;
  box-shadow: 0 0.5rem 1rem rgba(27, 55, 188, 0.5) !important;
}
.btn.btnV3.btn-second {
  background-color: #FF4500 !important;
  color: white;
}
.btn.btnV3.btn-second.active, .btn.btnV3.btn-second:hover, .btn.btnV3.btn-second:focus {
  color: white;
  background-color: #FF4500 !important;
  -ms-box-shadow: 0 0.5rem 1rem rgba(255, 69, 0, 0.5) !important;
  -o-box-shadow: 0 0.5rem 1rem rgba(255, 69, 0, 0.5) !important;
  box-shadow: 0 0.5rem 1rem rgba(255, 69, 0, 0.5) !important;
}
.btn.btnV3.btn-second.shadow {
  -ms-box-shadow: 0 0.5rem 1rem rgba(27, 55, 188, 0.5) !important;
  -o-box-shadow: 0 0.5rem 1rem rgba(27, 55, 188, 0.5) !important;
  box-shadow: 0 0.5rem 1rem rgba(27, 55, 188, 0.5) !important;
}
.btn.btnV3.btn-main-outline {
  -ms-box-shadow: 0 0 0 1px #1B37BC !important;
  -o-box-shadow: 0 0 0 1px #1B37BC !important;
  box-shadow: 0 0 0 1px #1B37BC !important;
  color: #1B37BC !important;
}
.btn.btnV3.btn-main-outline.active, .btn.btnV3.btn-main-outline:hover, .btn.btnV3.btn-main-outline:focus {
  -ms-box-shadow: 0 0.5rem 1rem rgba(27, 55, 188, 0.5) !important;
  -o-box-shadow: 0 0.5rem 1rem rgba(27, 55, 188, 0.5) !important;
  box-shadow: 0 0.5rem 1rem rgba(27, 55, 188, 0.5) !important;
  background-color: #1B37BC !important;
  color: white !important;
}
.btn.btnV3.btn-light {
  background-color: #F4F5FC;
  color: #14213d !important;
}
.btn.btnV3.btn-light:hover, .btn.btnV3.btn-light:focus {
  background-color: #E8EBF8;
  color: #14213d !important;
}
.btn.btnV3.btn-light.active {
  background-color: rgba(27, 55, 188, 0.1);
  color: #1B37BC !important;
  -ms-box-shadow: inset 0 0 0 1px rgba(27, 55, 188, 0.2);
  -o-box-shadow: inset 0 0 0 1px rgba(27, 55, 188, 0.2);
  box-shadow: inset 0 0 0 1px rgba(27, 55, 188, 0.2);
}
.btn.btnV3.btn-dark {
  background-color: #14213d !important;
  color: white;
}
.btn.btnV3.btn-dark:hover, .btn.btnV3.btn-dark:focus {
  background-color: #14213d !important;
  color: white;
  -ms-box-shadow: 0 0.5rem 1rem rgba(20, 33, 61, 0.25);
  -o-box-shadow: 0 0.5rem 1rem rgba(20, 33, 61, 0.25);
  box-shadow: 0 0.5rem 1rem rgba(20, 33, 61, 0.25);
}
.btn.btnV3.btn-white {
  color: #14213d;
}
.btn.btnV3.btn-white.active, .btn.btnV3.btn-white:hover, .btn.btnV3.btn-white:focus {
  background-color: #1B37BC !important;
  color: white;
  z-index: 1;
}
.btn.btnV3.btn-green {
  background-color: #31cb00;
}
.btn.btnV3.btn-green:hover, .btn.btnV3.btn-green:focus {
  color: white !important;
  background-color: #31cb00;
  -ms-box-shadow: 0 0.5rem 1rem rgba(49, 203, 0, 0.5);
  -o-box-shadow: 0 0.5rem 1rem rgba(49, 203, 0, 0.5);
  box-shadow: 0 0.5rem 1rem rgba(49, 203, 0, 0.5);
}
.btn.btnV3.btn-green span {
  text-transform: none;
}
.btn.btnV3.btnScooter .qrNumber {
  z-index: 0;
  -ms-box-shadow: 0 0 0 2px white, 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 0 2px white, 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 2px white, 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  position: relative;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  transition: 0.2s ease;
  visibility: hidden;
}
.btn.btnV3.btnScooter.active .qrNumber {
  padding: 0 0.25rem 0 1rem;
  transform: translateX(-0.75rem);
  width: 4.5rem;
  visibility: visible;
}
.btn.btnV3.btn-scooterPause strong.default {
  display: block;
}
.btn.btnV3.btn-scooterPause strong.active {
  display: none;
}
.btn.btnV3.btn-scooterPause.active {
  background-color: #31cb00;
}
.btn.btnV3.btn-scooterPause.active strong.default {
  display: none;
}
.btn.btnV3.btn-scooterPause.active strong.active {
  display: block;
}
.btn.btnV3.btn-help:hover, .btn.btnV3.btn-help:focus {
  color: #1B37BC;
  border-color: rgba(27, 55, 188, 0.5) !important;
}
.btn.btnV3.btn-help.active {
  background-color: #1B37BC;
  color: white;
  border-color: rgba(27, 55, 188, 0.1) !important;
}
.btn.btnV3.btn-red {
  background-color: #D00000;
  color: white;
}
.btn.btnV3.btn-red:hover, .btn.btnV3.btn-red:focus {
  background-color: #D00000;
  color: white;
  -ms-box-shadow: 0 0.5rem 1rem rgba(208, 0, 0, 0.25);
  -o-box-shadow: 0 0.5rem 1rem rgba(208, 0, 0, 0.25);
  box-shadow: 0 0.5rem 1rem rgba(208, 0, 0, 0.25);
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-extra {
  font-weight: 800 !important;
}

.fc-mainColor {
  color: #1B37BC !important;
}

.fc-secondColor {
  color: #FF4500 !important;
}

.fc-redColor {
  color: #D00000 !important;
}

.fc-orangeColor {
  color: #FFB703 !important;
}

.fc-greenColor {
  color: #31cb00 !important;
}

.fc-darkColor05 {
  color: rgba(20, 33, 61, 0.05) !important;
}

.fc-darkColor10 {
  color: rgba(20, 33, 61, 0.1) !important;
}

.fc-darkColor25 {
  color: rgba(20, 33, 61, 0.25) !important;
}

.fc-darkColor50 {
  color: rgba(20, 33, 61, 0.5) !important;
}

.fc-darkColor75 {
  color: rgba(20, 33, 61, 0.75) !important;
}

.fc-darkColor90 {
  color: rgba(20, 33, 61, 0.9) !important;
}

.fc-darkColor {
  color: #14213d !important;
}

.fc-darkSolid05 {
  color: #F3F4F5 !important;
}

.fc-darkSolid10 {
  color: #E8E9EC !important;
}

.fc-darkSolid25 {
  color: #C4C7CE !important;
}

.fc-darkSolid50 {
  color: #89909E !important;
}

.fc-darkSolid75 {
  color: #4F586D !important;
}

.bg-redColor {
  background-color: #D00000 !important;
}

.bg-orangeSolid05 {
  background-color: #FFFBF2 !important;
}

.bg-orangeSolid10 {
  background-color: #FFF8E6 !important;
}

.bg-orangeColor {
  background-color: #FFB703 !important;
}

.bg-greenColor05 {
  background-color: rgba(49, 203, 0, 0.05);
}

.bg-greenColor {
  background-color: #31cb00 !important;
}

.bg-whiteColor05 {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.bg-whiteColor10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.bg-whiteColor25 {
  background-color: rgba(255, 255, 255, 0.25) !important;
}

.bg-whiteColor50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.bg-whiteColor75 {
  background-color: rgba(255, 255, 255, 0.75) !important;
}

.bg-whiteColor {
  background-color: white !important;
}

.bg-mainColor05 {
  background-color: rgba(27, 55, 188, 0.05) !important;
}

.bg-mainColor10 {
  background-color: rgba(27, 55, 188, 0.1) !important;
}

.bg-mainColor25 {
  background-color: rgba(27, 55, 188, 0.25) !important;
}

.bg-mainColor50 {
  background-color: rgba(27, 55, 188, 0.5) !important;
}

.bg-mainColor75 {
  background-color: rgba(27, 55, 188, 0.75) !important;
}

.bg-mainColor {
  background-color: #1B37BC !important;
}

.bg-secondColor05 {
  background-color: rgba(255, 69, 0, 0.05) !important;
}

.bg-secondColor10 {
  background-color: rgba(255, 69, 0, 0.1) !important;
}

.bg-secondColor25 {
  background-color: rgba(255, 69, 0, 0.25) !important;
}

.bg-secondColor50 {
  background-color: rgba(255, 69, 0, 0.5) !important;
}

.bg-secondColor75 {
  background-color: rgba(255, 69, 0, 0.75) !important;
}

.bg-secondColor {
  background-color: #FF4500 !important;
}

.bg-mainSolid05 {
  background-color: #F4F5FC !important;
}

.bg-mainSolid10 {
  background-color: #E8EBF8 !important;
}

.bg-mainSolid25 {
  background-color: #C6CDEE !important;
}

.bg-mainSolid50 {
  background-color: #8D9BDD !important;
}

.bg-mainSolid75 {
  background-color: #5469CD !important;
}

.bg-secondSolid05 {
  background-color: #FFF6F2 !important;
}

.bg-secondSolid10 {
  background-color: #FFECE6 !important;
}

.bg-secondSolid25 {
  background-color: #FFD0BF !important;
}

.bg-secondSolid50 {
  background-color: #FFA280 !important;
}

.bg-secondSolid75 {
  background-color: #FF7340 !important;
}

.bg-darkColor05 {
  background-color: rgba(20, 33, 61, 0.05) !important;
}

.bg-darkColor10 {
  background-color: rgba(20, 33, 61, 0.1) !important;
}

.bg-darkColor25 {
  background-color: rgba(20, 33, 61, 0.25) !important;
}

.bg-darkColor50 {
  background-color: rgba(20, 33, 61, 0.5) !important;
}

.bg-darkColor75 {
  background-color: rgba(20, 33, 61, 0.75) !important;
}

.bg-darkColor90 {
  background-color: rgba(20, 33, 61, 0.9) !important;
}

.bg-darkColor {
  background-color: #14213d !important;
}

.bg-darkSolid05 {
  background-color: #F3F4F5 !important;
}

.bg-darkSolid10 {
  background-color: #E8E9EC !important;
}

.bg-darkSolid25 {
  background-color: #C4C7CE !important;
}

.bg-darkSolid50 {
  background-color: #89909E !important;
}

.bg-darkSolid75 {
  background-color: #4F586D !important;
}

.border-mainColor05 {
  border-color: rgba(27, 55, 188, 0.05) !important;
}

.border-mainColor10 {
  border-color: rgba(27, 55, 188, 0.1) !important;
}

.border-mainColor25 {
  border-color: rgba(27, 55, 188, 0.25) !important;
}

.border-mainColor50 {
  border-color: rgba(27, 55, 188, 0.5) !important;
}

.border-mainColor75 {
  border-color: rgba(27, 55, 188, 0.75) !important;
}

.border-mainColor {
  border-color: #1B37BC !important;
}

.border-white {
  border-color: white !important;
}

.lh-8px {
  line-height: 0.5rem !important;
}

.lh-12px {
  line-height: 0.75rem !important;
}

.lh-16px {
  line-height: 1rem !important;
}

.lh-20px {
  line-height: 1.25rem !important;
}

.lh-24px {
  line-height: 1.5rem !important;
}

.lh-28px {
  line-height: 1.75rem !important;
}

.lh-32px {
  line-height: 2rem !important;
}

.minw-20 {
  min-width: 20% !important;
}

.minw-25 {
  min-width: 25% !important;
}

.minw-30 {
  min-width: 30% !important;
}

.minw-33 {
  min-width: 33.3% !important;
}

.minw-50 {
  min-width: 50% !important;
}

.minw-75 {
  min-width: 75% !important;
}

.minw-100 {
  min-width: 100% !important;
}

.minw-80 {
  min-width: 5rem !important;
}

.minw-160 {
  min-width: 10rem !important;
}

.minw-240 {
  min-width: 15rem !important;
}

.minw-320 {
  min-width: 20rem !important;
}

.minw-480 {
  min-width: 30rem !important;
}

.maxw-25 {
  max-width: 25% !important;
}

.maxw-30 {
  max-width: 30% !important;
}

.maxw-50 {
  max-width: 50% !important;
}

.maxw-75 {
  max-width: 75% !important;
}

.maxw-100 {
  max-width: 100% !important;
}

.maxw-32 {
  max-width: 2rem !important;
}

.maxw-48 {
  max-width: 3rem !important;
}

.maxw-64 {
  max-width: 4rem !important;
}

.maxw-80 {
  max-width: 5rem !important;
}

.maxw-96 {
  max-width: 6rem !important;
}

.maxw-112 {
  max-width: 7rem !important;
}

.maxw-128 {
  max-width: 8rem !important;
}

.maxw-144 {
  max-width: 9rem !important;
}

.maxw-160 {
  max-width: 10rem !important;
}

.maxw-200 {
  max-width: 12.5rem !important;
}

.maxw-240 {
  max-width: 15rem !important;
}

.maxw-320 {
  max-width: 20rem !important;
}

.maxw-400 {
  max-width: 25rem !important;
}

.maxw-480 {
  max-width: 30rem !important;
}

.w-8 {
  width: 0.5rem !important;
}

.w-12 {
  width: 0.75rem !important;
}

.w-16 {
  width: 1rem !important;
}

.w-20 {
  width: 1.25rem !important;
}

.w-24 {
  width: 1.5rem !important;
}

.w-28 {
  width: 1.75rem !important;
}

.w-32 {
  width: 2rem !important;
}

.w-36 {
  width: 2.25rem !important;
}

.w-40 {
  width: 2.5rem !important;
}

.w-44 {
  width: 2.75rem !important;
}

.w-48 {
  width: 3rem !important;
}

.w-64 {
  width: 4rem !important;
}

.w-80 {
  width: 5rem !important;
}

.w-96 {
  width: 6rem !important;
}

.w-112 {
  width: 7rem !important;
}

.w-128 {
  width: 8rem !important;
}

.w-144 {
  width: 9rem !important;
}

.w-160 {
  width: 10rem !important;
}

.w-176 {
  width: 11rem !important;
}

.w-192 {
  width: 12rem !important;
}

.w-208 {
  width: 13rem !important;
}

.w-224 {
  width: 14rem !important;
}

.w-240 {
  width: 15rem !important;
}

.w-200 {
  width: 17.5rem !important;
}

.w-320 {
  width: 20rem !important;
}

.minh-50 {
  min-height: 50% !important;
}

.minh-75 {
  min-height: 75% !important;
}

.minh-100 {
  min-height: 100% !important;
}

.maxh-50 {
  max-height: 50% !important;
}

.maxh-75 {
  max-height: 75% !important;
}

.maxh-100 {
  max-height: 100% !important;
}

.maxh-160 {
  max-height: 10rem !important;
}

.maxh-240 {
  max-height: 15rem !important;
}

.maxh-320 {
  max-height: 20rem !important;
}

.maxh-480 {
  max-height: 30rem !important;
}

.maxh-640 {
  max-height: 40rem !important;
}

.maxh-800 {
  max-height: 50rem !important;
}

.minh-50 {
  min-height: 50%;
}

.minh-75 {
  min-height: 75%;
}

.minh-100 {
  min-height: 100%;
}

.minh-50vh {
  min-height: 50vh;
}

.h-8 {
  height: 0.5rem;
}

.h-12 {
  height: 0.75rem;
}

.h-16 {
  height: 1rem;
}

.h-20 {
  height: 1.25rem;
}

.h-24 {
  height: 1.5rem;
}

.h-28 {
  height: 1.75rem;
}

.h-32 {
  height: 2rem;
}

.h-480 {
  height: 30rem !important;
}

.h-640 {
  height: 40rem !important;
}

.h-720 {
  height: 45rem !important;
}

.h-800 {
  height: 50rem !important;
}

.ratio169 {
  aspect-ratio: 16/9 !important;
}

.ratio43 {
  aspect-ratio: 4/3 !important;
}

.ratio31 {
  aspect-ratio: 3/1 !important;
}

.ratio34 {
  aspect-ratio: 3/4 !important;
}

.ratio21 {
  aspect-ratio: 2/1 !important;
}

.ratio11 {
  aspect-ratio: 1/1 !important;
}

.ratio12 {
  aspect-ratio: 1/2 !important;
}

.objectCover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.objectContain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.zindex-1 {
  z-index: 1 !important;
}

.zindex-2 {
  z-index: 2 !important;
}

.zindex-3 {
  z-index: 3 !important;
}

.zindex-4 {
  z-index: 4 !important;
}

.zindex-5 {
  z-index: 5 !important;
}

.zindex-6 {
  z-index: 6 !important;
}

.zindex-7 {
  z-index: 7 !important;
}

.zindex-8 {
  z-index: 8 !important;
}

.zindex-9 {
  z-index: 9 !important;
}

.zindex-10 {
  z-index: 10 !important;
}

.zindex-11 {
  z-index: 11 !important;
}

.bg-blur {
  -webkit-backdrop-filter: blur(0.25rem);
  -moz-backdrop-filter: blur(0.25rem);
  -o-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
}

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

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

.border.borderMain10 {
  border: 1px solid #E8EBF8 !important;
}

.shadow-soft {
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05) !important;
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05) !important;
}

.form-check .form-check-input:checked {
  background-color: #1B37BC !important;
  border-color: #1B37BC !important;
}

.form-check-input:focus {
  border-color: #1B37BC !important;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #1B37BC;
}

.whitePulse {
  position: relative;
}
.whitePulse:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  left: 0;
  top: 0;
  border-radius: 50%;
  transition: 0.2s ease;
  animation: pulse 1s infinite;
  z-index: 0;
}

.lineEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@keyframes pulse {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  50% {
    transform: scale(1.25);
    opacity: 0.25;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.v3hr {
  border-top: 1px solid #E8E9EC !important;
}

.validationAlert .form-control, .validationAlert .form-select {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(208, 0, 0, 0.25);
}

.form-control, .form-select {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: 1px solid #E8E9EC;
}
.form-control.shadow-none, .form-select.shadow-none {
  border: none;
}

.translate-none {
  transform: translate(0, 0) !important;
}

.text-transform-none {
  text-transform: none !important;
}

.v3wrap {
  background-color: white;
  font-size: 0.875rem !important;
}
.v3wrap.v3hotelDetail .v3mainSearch, .v3wrap.v3attractionDetail .v3mainSearch {
  position: relative;
}

.v3navContainer .v3navItem {
  border-radius: 0;
  color: rgba(255, 255, 255, 0.75);
  position: relative;
  background-color: transparent;
}
.v3navContainer .v3navItem span {
  position: relative;
  z-index: 1;
}
.v3navContainer .v3navItem:before, .v3navContainer .v3navItem:after {
  content: "";
  transition: 0.2s ease;
  position: absolute;
}
.v3navContainer .v3navItem:after {
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0.125rem;
  background-color: white;
}
.v3navContainer .v3navItem.active, .v3navContainer .v3navItem:hover, .v3navContainer .v3navItem:focus {
  color: white;
}
.v3navContainer .v3navItem.active:after, .v3navContainer .v3navItem:hover:after, .v3navContainer .v3navItem:focus:after {
  width: 2rem;
  left: calc(50% - 1rem);
}

.v3mainSearch {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(0.25rem);
  -moz-backdrop-filter: blur(0.25rem);
  -o-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
  -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  position: sticky;
}

.v3defaultRadio .form-check {
  padding: 0;
  margin: 0;
  min-height: auto;
  gap: 0.25rem;
}
.v3defaultRadio .form-check-input {
  width: 0.75rem;
  height: 0.75rem;
  margin-bottom: 0.25rem;
  margin-left: 0;
}
.v3defaultRadio .form-check-input:checked {
  background-color: #1B37BC;
  border: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.v3defaultRadio .form-check-input:checked ~ .form-check-label {
  color: #1B37BC;
}
.v3defaultRadio .form-check-label {
  color: #89909E;
}

.v3customRadio .form-check {
  padding: 0;
  margin: 0;
  min-height: auto;
}
.v3customRadio .form-check-input {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v3customRadio .form-check-input:checked ~ .form-check-label, .v3customRadio .form-check-input:hover ~ .form-check-label {
  background-color: #1B37BC;
  color: white !important;
}
.v3customRadio .form-check-label {
  color: #14213d;
  transition: 0.2s ease;
}

.v3progress {
  padding: 0.25rem;
  position: relative;
  z-index: 1;
}
.v3progress.greenProgress {
  background: conic-gradient(#F4F5FC var(--progress), #31cb00 0deg);
}
.v3progress.orangeProgress {
  background: conic-gradient(#F4F5FC var(--progress), #FFB703 0deg);
}
.v3progress.redProgress {
  background: conic-gradient(#F4F5FC var(--progress), #D00000 0deg);
}
.v3progress.v3bicycle {
  padding: 0.125rem;
  background: #F4F5FC;
}

.v3mobileMainMenu .v3navItem.active {
  background-color: #1B37BC;
  color: white;
}

.scooterMapContainer {
  height: 50rem;
}

.validationAlert {
  position: relative;
}
.validationAlert .validationIndicator {
  border: 1px solid #F3BFBF !important;
}
.validationAlert .validationText {
  display: block;
}

.validationText {
  display: none;
}

.v3accordion .accordion-button {
  color: #14213d;
}
.v3accordion .accordion-button .accordionChevron {
  transform: rotate(180deg);
  transition: 0.2s ease;
}
.v3accordion .accordion-button:after {
  display: none;
}
.v3accordion .accordion-button:hover {
  background-color: rgba(27, 55, 188, 0.1);
}
.v3accordion .accordion-button:not(.collapsed) {
  background-color: rgba(27, 55, 188, 0.1);
  color: #1B37BC;
}
.v3accordion .accordion-button:not(.collapsed) .accordionChevron {
  transform: rotate(0deg);
}
.v3accordion.v3accordionNav .accordionLink .linkChevron {
  transform: rotate(90deg) translateY(0.5rem);
  transition: 0.2s ease;
  opacity: 0;
}
.v3accordion.v3accordionNav .accordionLink:hover a, .v3accordion.v3accordionNav .accordionLink.active a {
  color: #1B37BC !important;
}
.v3accordion.v3accordionNav .accordionLink:hover .linkChevron, .v3accordion.v3accordionNav .accordionLink.active .linkChevron {
  transform: rotate(90deg) translateY(0rem);
  opacity: 1;
}
.v3accordion.v3accordionNav .accordion-button:hover {
  background-color: transparent;
}
.v3accordion.v3accordionNav .accordion-button:not(.collapsed) {
  background-color: transparent;
}
.v3accordion.v3accordionNav .accordion-button:not(.collapsed) .accordionChevron {
  transform: rotate(0deg);
}
.v3accordion.v3accordionNav .accordion-button:not(.collapsed) .accordionLink a {
  color: #1B37BC !important;
}

footer .v3footerImage {
  opacity: 0.5;
  transition: 0.2s ease;
}
footer .v3footerImage:hover {
  opacity: 1;
}

.v3userSubMenu {
  position: relative;
}
.v3userSubMenu:before {
  content: "";
  width: 1px;
  left: 1rem;
  top: 0;
  height: 100%;
  border-left: 1px dashed rgba(20, 33, 61, 0.1);
  position: absolute;
}

.v3customNavtabs .nav-link {
  color: #89909E;
}
.v3customNavtabs .nav-link:hover {
  background-color: #F3F4F5;
}
.v3customNavtabs .nav-link.active {
  color: #1B37BC;
  background-color: white;
}

.v3buttonGroup .btn {
  background-color: #F3F4F5;
}
.v3buttonGroup .btn.active {
  background-color: #1B37BC;
  color: white;
}

.v3activeButtonTimes .btnV3 img {
  display: none;
}
.v3activeButtonTimes .btnV3.active img {
  display: block;
}

.v3formCustomCheck {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.v3formCustomCheck .form-check-label {
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: 0.2s ease;
  border: 1px solid rgba(27, 55, 188, 0.1);
}
.v3formCustomCheck .form-check-input {
  position: absolute;
  right: 1rem;
  top: 1rem;
  border-color: rgba(27, 55, 188, 0.1);
}
.v3formCustomCheck .form-check-input:checked {
  background-color: #1B37BC;
  border-color: #1B37BC;
}
.v3formCustomCheck:hover .form-check-label, .v3formCustomCheck .form-check-input:checked ~ .form-check-label {
  background-color: rgba(27, 55, 188, 0.05);
  border: 1px solid rgba(27, 55, 188, 0.5);
}

.helpNavCollapse {
  display: block !important;
}

.collapsing ~ .btn .extend {
  display: none;
}
.collapsing ~ .btn .reduce {
  display: block;
}

.collapse.show ~ .btn .extend {
  display: none;
}
.collapse.show ~ .btn .reduce {
  display: block;
}
.collapse ~ .btn .extend {
  display: block;
}
.collapse ~ .btn .reduce {
  display: none;
}

#wholeHelpCollpase {
  height: 20rem;
  display: block;
  overflow: hidden;
  position: relative;
}
#wholeHelpCollpase.show {
  height: auto;
}
#wholeHelpCollpase.show:before {
  visibility: hidden;
  opacity: 0;
}
#wholeHelpCollpase:before {
  content: "";
  opacity: 1;
  visibility: visible;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  background: linear-gradient(0deg, white, transparent);
  z-index: 1;
}

.flightCollapse {
  height: 11rem;
  display: block;
  overflow: hidden;
}
.flightCollapse:before {
  content: "";
  width: 100%;
  height: 2rem;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg, transparent, white);
  position: absolute;
}
.flightCollapse ~ .btn-light img {
  transform: rotate(180deg);
}
.flightCollapse.show {
  height: auto;
}
.flightCollapse.show:before {
  opacity: 0;
  visibility: hidden;
}
.flightCollapse.show ~ .btn-light img {
  transform: rotate(0deg);
}

.v3singleNews {
  transition: 0.2s ease;
}
.v3singleNews .objectCover {
  transition: 0.2s ease;
}
.v3singleNews:hover {
  -ms-box-shadow: 0 0.5rem 1rem rgba(20, 33, 61, 0.25);
  -o-box-shadow: 0 0.5rem 1rem rgba(20, 33, 61, 0.25);
  box-shadow: 0 0.5rem 1rem rgba(20, 33, 61, 0.25);
  transform: translateY(-0.25rem);
}
.v3singleNews:hover .objectCover {
  opacity: 0.5;
  transform: scale(1.02);
}

.v3staticContent {
  color: #14213d;
}
.v3staticContent p {
  font-size: 1rem;
  text-wrap: pretty;
  font-weight: 500;
}
.v3staticContent a {
  color: #1B37BC;
  font-size: 1rem;
  margin-bottom: 1rem;
  display: inline-block !important;
  max-width: 100%;
  text-wrap: pretty;
  white-space: normal;
  font-weight: 500;
  word-wrap: break-word;
}
.v3staticContent img {
  max-width: 100%;
  border-radius: 0.5rem;
  margin: 1rem auto;
  display: block;
}
.v3staticContent ul, .v3staticContent ol {
  margin-bottom: 1rem;
}
.v3staticContent ul li, .v3staticContent ol li {
  font-weight: 500;
  font-size: 1rem;
  text-wrap: pretty;
}

.v3breadcrumb a + a:before, .v3breadcrumb a + span:before {
  content: "/ ";
}
.v3breadcrumb a, .v3breadcrumb span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 10rem;
  display: block;
}

.v3BnplCheckbox .form-check-label {
  transition: 0.2s ease;
  cursor: pointer;
}
.v3BnplCheckbox .form-check-label img.position-absolute {
  opacity: 0;
}
.v3BnplCheckbox .form-check-input {
  cursor: pointer;
}
.v3BnplCheckbox .form-check-input:checked ~ .form-check-label {
  border-color: #1B37BC !important;
}
.v3BnplCheckbox .form-check-input:checked ~ .form-check-label img.position-absolute {
  opacity: 1;
}

.v3singleEsimOrder .eSimAction {
  max-width: 20rem;
}

.imgPulse {
  animation: image-pulse-animation 1s infinite;
}

@keyframes image-pulse-animation {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
.v3singleFlight .flightAirlines {
  max-width: calc(100% - 2rem);
}
.v3singleFlight .overallPrice {
  opacity: 1;
  transition: 0.2s ease;
}
.v3singleFlight .chooseButton .default {
  display: block;
}
.v3singleFlight .chooseButton .active {
  display: none;
}
.v3singleFlight .chooseButton img {
  transition: 0.2s ease;
}
.v3singleFlight button[aria-expanded=true] .overallPrice {
  opacity: 0;
  transform: translateY(-50%);
}
.v3singleFlight button[aria-expanded=true] img {
  transform: rotate(0deg) !important;
}
.v3singleFlight button[aria-expanded=true] .default {
  display: none;
}
.v3singleFlight button[aria-expanded=true] .active {
  display: block;
}
.v3singleFlight .flightLine {
  border-bottom: 1px solid #E8E9EC;
}
.v3singleFlight .flightLine:before, .v3singleFlight .flightLine:after {
  content: "";
  position: absolute;
  width: 0.25rem;
  height: 0.25rem;
  display: block;
  border-radius: 1rem;
  background-color: #C4C7CE;
  bottom: 0;
  transform: translateY(50%);
}
.v3singleFlight .flightLine:before {
  left: 0;
}
.v3singleFlight .flightLine:after {
  right: 0;
}
.v3singleFlight .flightLine .stopDot {
  position: relative;
}
.v3singleFlight .flightLine .stopDot:before {
  content: "";
  position: absolute;
  width: 0.25rem;
  height: 0.25rem;
  display: block;
  border-radius: 1rem;
  background-color: #14213d;
  bottom: -0.75rem;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-box-shadow: 0 0 0 1px rgba(20, 33, 61, 0.5);
  -o-box-shadow: 0 0 0 1px rgba(20, 33, 61, 0.5);
  box-shadow: 0 0 0 1px rgba(20, 33, 61, 0.5);
}

.tooltip-inner {
  width: 20rem !important;
  max-width: 20rem !important;
  padding: 0.5rem 0.75rem;
}

.cheapFlightSelect table, .cheapFlightSelect tbody {
  border: none !important;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 767.98px) {
  #hotelDescriptionCollapse span {
    max-height: 3.25rem;
  }
  #hotelDescriptionCollapse.active span {
    max-height: 35rem;
  }
  .mobileOnlyButton {
    padding: 0.75rem;
    background-color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    -ms-box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.3);
  }
  .flight-calculate .bg-sec.cheapday {
    width: 100%;
  }
  .single-hotel-room .new-action {
    width: 100%;
    border-top: 1px dashed #E6EBF0;
    margin-top: 1rem;
    padding-top: 1rem;
  }
  .new-single-hotel .detail .hotel-descpription {
    padding: 0;
  }
  .train-cominsoon:before {
    padding-bottom: 100%;
  }
  .travel-expense ul {
    margin-top: 2rem;
  }
  .travel-container .ratio-image {
    margin-bottom: 1rem;
  }
  .hotel-rooms .room:hover, .hotel-rooms .room.active {
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 1rem;
    margin: 1rem -1rem 0;
    background-color: #E8F2FB;
  }
  .hotel-rooms .room:hover .info, .hotel-rooms .room.active .info {
    padding-top: 0 !important;
    border-top: none !important;
  }
  .hotel-detail-container .hotel-detail-header .hotel-main-info {
    position: relative;
  }
  .hotel-detail-container .hotel-detail-header .detail {
    width: 100%;
    margin-bottom: 0;
  }
  .hotel-detail-container .hotel-detail-header .detail .name {
    display: block;
    width: calc(100% - 5rem);
  }
  .hotel-detail-container .hotel-detail-header .rating {
    padding: 0.25rem 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
  }
  .hotel-detail-container .hotel-detail-header .detail .name, .hotel-detail-container .hotel-detail-header .rating strong {
    font-size: 1.125rem;
  }
  .short-info-amenities {
    position: fixed;
    left: 0;
    bottom: 0;
    overflow-y: auto;
    background-color: rgb(255, 255, 255);
    padding: 0.5rem 1rem 5rem;
    width: 100%;
    max-height: 80%;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
    -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
    box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.3);
    z-index: 5;
    transform: translateY(100%);
    transition: 0.2s ease;
  }
  .short-info-amenities .short-info {
    border-top: 0 !important;
    padding: 1rem 0 !important;
  }
  .room-list-header {
    display: none;
  }
  .hotel-rooms .room {
    padding: 0;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  .hotel-rooms .room .feature {
    display: none;
  }
  .hotel-rooms .room .info, .hotel-rooms .room .beds-features, .hotel-rooms .room .action {
    width: 100% !important;
    border-top: none !important;
    padding: 0;
  }
  .hotel-rooms .room .info {
    border-top: 1px solid #E6EBF0 !important;
    padding-top: 1rem;
  }
  .hotel-rooms .room .beds-features {
    border-left: 0;
    flex-direction: row;
  }
  .hotel-rooms .room .beds-features p {
    width: 50%;
  }
  .hotel-rooms .room .action {
    justify-content: space-between;
    padding-top: 0 !important;
  }
  .hotel-rooms .room .action .price {
    text-align: left;
    margin-bottom: 0;
  }
  .single-hotel-room .header {
    border-bottom: none;
    padding-bottom: 0;
  }
  .single-hotel-room .header .amenities {
    display: none !important;
  }
  .hotel-detail-header .detail .location {
    display: flex;
    align-items: center;
    margin-top: 0.5rem !important;
    padding-top: 0.5rem !important;
    border-top: 1px solid #E6EBF0 !important;
    width: 100%;
  }
  .hotel-detail-header .detail .svg-icon {
    flex-shrink: 0;
  }
  .hotel-detail-header .detail strong {
    padding-left: 0.5rem;
    display: block;
    text-align: left;
  }
  .hotel-detail-header .amenities li {
    width: calc(50% - 0.5rem);
  }
  .mobile-hotel-container .direction-select {
    border-top: none !important;
  }
  .mobile-hotel-container .guest-drop {
    border-top: 1px solid #E6EBF0;
  }
  .mobile-trip-container .direction-select {
    border-top: none !important;
  }
  .mobile-trip-container .direction-select .mobile-form-control {
    padding-left: 1rem;
  }
  .mobile-trip-container .trip-date-select .form-select {
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 0.5rem 1rem;
    font-weight: 600;
    color: #003566;
  }
  .single-hotel {
    padding: 0.5rem;
  }
  .single-hotel .image {
    flex-shrink: 0;
    width: 30%;
  }
  .single-hotel .image:before {
    padding-bottom: 125%;
  }
  .single-hotel .detail {
    padding: 0 1rem;
  }
  .single-hotel .detail .name {
    font-size: 1.125rem;
    word-break: break-all;
  }
  .single-hotel .rating strong {
    font-size: 1.125rem;
  }
  .single-hotel .rating .svg-icon {
    width: 1rem;
    height: 1rem;
  }
  .single-hotel .room-status {
    display: none;
  }
  .single-hotel .price-detail {
    width: 100%;
    padding: 1rem 0 0 0.5rem;
  }
  .single-hotel .price-detail .btn-main {
    display: none;
  }
  .flight-date-search-slide {
    padding: 0.5rem 0;
  }
  .flight-date-search-slide .flight-date-search-next, .flight-date-search-slide .flight-date-search-prev {
    display: none;
  }
  .warning-block {
    padding: 1rem;
    margin: 0 -0.75rem -0.75rem -0.75rem;
  }
  .user-profile-container {
    padding: 1rem;
  }
  .chosen-flight-header .title {
    width: 100%;
    text-align: center;
  }
  .chosen-flight-header .title strong {
    font-size: 1.125rem;
  }
  .chosen-flight-header .title + .title {
    text-align: right;
  }
  .chosen-flight-header .flight-time {
    width: 100%;
  }
  .chosen-flight-header .detail {
    padding-top: 1rem;
    width: 50%;
    margin-bottom: 0.5rem;
    text-align: center;
  }
  .single-flight {
    padding: 0.5rem;
  }
  .single-flight .logo-name {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .single-flight .airline-and-time {
    border-bottom: 1px dotted #E6EBF0;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .single-flight .more-btn {
    padding: 0.75rem;
  }
  .single-flight .more-btn .svg-icon {
    margin-left: 0;
  }
  .single-flight .more-btn strong {
    display: none;
  }
  .single-flight .content h5 {
    margin: 1rem -1rem;
  }
  .single-flight .content .warning-text {
    text-align: center;
    background-color: rgba(214, 40, 40, 0.1);
    padding: 0.5rem;
  }
  .single-flight .content .warning-block p {
    margin-right: 0;
    padding: 0;
    margin-bottom: 0.5rem;
  }
  .qpay-code img {
    max-width: 80%;
    margin: 0 auto 1rem;
  }
  .qpay-code p {
    margin: 0;
    text-align: center;
  }
  .main-payment-container {
    padding: 0 1rem 1rem;
  }
  .inner-page .main-search-form {
    position: relative;
  }
  .empty-result .text {
    font-size: 1.125rem;
  }
  .empty-result .status {
    font-size: 1.75rem;
  }
  .flight-list-header, .hotel-list-header {
    padding: 1rem;
    margin: 1rem -0.75rem;
  }
  .flight-list-header h1, .hotel-list-header h1 {
    padding: 0.5rem 0 0.25rem;
  }
  .front-banner-slide {
    margin: 0 -0.75rem;
  }
  .slide-wrap {
    margin-bottom: 1rem;
  }
  .slide-wrap .wave-bg .svg-icon path {
    fill: rgb(240, 243, 245);
  }
  .slide-wrap.list-header-image {
    padding: 0 !important;
    margin-bottom: 0;
  }
  footer {
    padding: 2rem 1rem 0;
  }
  .app-download .phone-img {
    padding: 1rem 3rem 0 !important;
  }
  .slide-wrap .main-slide-pagination {
    display: none;
  }
  .front-subscribe img {
    width: 60%;
    margin: 0 20% 1rem;
  }
  .front-subscribe .subscribe-form, .front-subscribe .content {
    width: 90%;
    margin: 0 5% 1rem;
  }
  .app-download .download-content .bg-color {
    top: -50%;
    height: 150%;
  }
  .app-download .download-content .content .logo {
    height: 4rem;
  }
  .main-search-form {
    bottom: 0 !important;
    z-index: 3;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  .main-search-form .container {
    padding: 0;
  }
  .main-search-form .tab-pane, .main-search-form .tab-content {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .main-search-form .tab-pane {
    padding: 0.5rem 1rem 0.5rem;
  }
  .main-search-form .custom-float {
    padding: 0.5rem 0;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: transparent !important;
  }
  .main-search-form .custom-float span {
    display: block !important;
  }
  .main-search-form .custom-float .chevron {
    display: none;
  }
  .main-search-form .custom-float.click-guest {
    text-align: right;
  }
  .main-search-form .custom-float.click-guest i {
    display: none;
  }
  .main-search-form .its-hotel .custom-float {
    text-align: left;
  }
  .main-search-form .its-hotel .custom-float strong {
    font-size: 0.8125rem;
    color: #1A4975;
    justify-content: flex-start !important;
  }
  .main-search-form .its-hotel .custom-float strong .svg-icon {
    margin-bottom: 0.125rem;
    margin-right: 0.125rem;
  }
  .main-search-form .its-hotel .custom-float i {
    margin-left: 0.25rem;
    display: block !important;
  }
  .main-search-form .direction-select {
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 0.5rem 0;
    border-top: 1px solid #E6EBF0;
    border-bottom: 1px solid #E6EBF0;
  }
  .main-search-form .direction-select .btn-change-direction, .main-search-form .direction-select .center-icon {
    z-index: 0;
  }
  .main-search-form .direction-select.date-select {
    border: none;
  }
  .main-search-form .direction-select .to-input {
    justify-content: flex-end;
  }
  .main-search-form .direction-select .to-input .error-message-drop {
    z-index: 2;
    padding: 0.5rem;
  }
  .main-search-form .direction-select .to-input .error-message-drop p {
    padding-left: 0.5rem;
    text-align: left;
    line-height: 1.25;
  }
  .main-search-form .direction-select .to-input .error-message-drop .svg-icon {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
  }
  .main-search-form .direction-select .mobile-direction-select-header .invisible-btn {
    display: inline-flex;
  }
  .main-search-form .direction-select .mobile-direction-select-header .the-close-btn {
    display: none;
  }
  .main-search-form .flight-drop .custom-float {
    display: none;
  }
  .main-search-form .flight-drop .float-drop {
    position: relative;
    top: 0;
    display: block;
    padding: 0;
    width: 100% !important;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #E6EBF0;
    border-radius: 0;
  }
  .main-search-form .flight-drop .float-drop ul {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main-search-form .flight-drop .float-drop ul .active .btn {
    background-color: rgb(255, 255, 255);
    color: #1679D5;
    border-bottom: 2px solid #1679D5;
  }
  .main-search-form .flight-drop .float-drop ul .btn {
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    border-radius: 0;
    margin-bottom: -2px;
    border-bottom: 2px solid transparent;
  }
  .main-search-form .flight-drop .float-drop ul .btn .svg-icon {
    display: none;
  }
  .main-search-form .seat-drop .float-drop {
    position: fixed;
    display: block;
    top: auto;
    bottom: 0;
    z-index: 4;
    width: 100% !important;
    padding: 1rem 1rem 2rem;
    transition: 0.2s ease;
    transform: translateY(100%);
  }
  .main-search-form .seat-drop .float-drop .btn strong {
    font-size: 0.8125rem;
  }
  .main-search-form .guest-drop .click-guest strong {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
  .main-search-form .guest-drop .avatar {
    display: block;
  }
  .main-search-form .guest-drop .avatar path {
    fill: #809AB2;
  }
  .main-search-form .guest-drop .float-drop {
    position: fixed;
    display: block;
    top: auto;
    bottom: 0;
    z-index: 4;
    width: 100% !important;
    padding: 1rem 1rem 2rem;
    transition: 0.2s ease;
    transform: translateY(100%);
    left: 0;
  }
  .main-search-form .guest-drop .float-drop .single {
    font-size: 0.8125rem;
  }
  .main-search-form .guest-drop .float-drop .single p {
    font-size: 0.8125rem;
    margin-right: auto;
  }
  .main-search-form .guest-drop .float-drop .single p span {
    font-size: 0.8125rem;
  }
  .main-search-form .guest-drop .float-drop .error-message {
    position: fixed;
    bottom: 5rem;
    left: 20%;
    width: 60%;
    top: auto;
    z-index: 5;
    background-color: rgba(214, 40, 40, 0.6);
    color: rgb(255, 255, 255);
  }
  .main-search-form .guest-drop .float-drop .error-message strong {
    color: rgb(255, 255, 255);
    font-weight: 700;
  }
  .main-search-form .guest-drop .float-drop .btn strong {
    font-size: 0.8125rem;
  }
  .front-banner-container {
    padding: 1rem 0;
  }
}
@media (max-width: 991.98px) {
  .prePayButton {
    width: 100%;
    justify-content: center;
    padding: 0.5rem !important;
    margin-bottom: 1rem !important;
  }
  .help-container .help-pack ul {
    max-height: 7.5rem;
    overflow: hidden;
  }
  .help-container .help-pack li a {
    font-size: 0.875rem !important;
  }
  .bg-images {
    position: absolute;
  }
  .travel-page .search-container, .smartryde-page .search-container {
    top: 0;
    transform: translateY(0);
  }
  .newUserOrder .singleOrder .dropdown-menu {
    width: 100%;
  }
  .w-lg-auto {
    width: 100% !important;
  }
  .w-lg-100 {
    width: 50% !important;
  }
  .timedFlight-container {
    background-size: auto 100%;
  }
  .timedFlight {
    margin: 0 -0.75rem;
  }
  .new-main-search.landing-page {
    background: none;
    margin: 0;
  }
  .new-main-search.landing-page .search-container .text {
    text-align: center;
  }
  .new-main-search.landing-page .search-container .text .fs-1 {
    font-size: 1.5rem !important;
  }
  .new-main-search.landing-page .search-container .text .fs-4 {
    font-size: 1rem !important;
  }
  .w-lg-50 {
    width: 100% !important;
  }
  .new-flight-detail .flight-title {
    width: 100%;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(0, 53, 102, 0.1);
  }
  .new-list-single-flight .starting-price-container .btn {
    width: 50%;
    justify-content: center;
  }
  .corporate-testimonials .testimonial {
    padding-top: 0;
  }
  .corporate-testimonials .testimonial:before {
    height: 150%;
  }
  .corporate-header {
    padding: 3rem 0;
  }
  .new-hotel-map-page .container-fluid .row > .col-lg-3 {
    height: auto;
    z-index: 1;
  }
  .new-hotel-map-page .container-fluid {
    height: calc(100% - 3.25rem);
  }
  .new-hotel-map-page .hotel-map-left-panel {
    height: auto;
  }
  .new-hotel-map-page .hotel-map-left-panel .map-header .logo {
    padding: 0;
    height: 2.5rem;
  }
  .new-hotel-map-page .new-main-search {
    position: fixed;
    left: 0;
    top: 0;
    padding: 1rem 1rem 1rem;
    -ms-box-shadow: 0 -0.5rem 1rem rgba(0, 53, 102, 0.3);
    -o-box-shadow: 0 -0.5rem 1rem rgba(0, 53, 102, 0.3);
    box-shadow: 0 -0.5rem 1rem rgba(0, 53, 102, 0.3);
    width: 100%;
    height: auto;
    transform: translateY(-100%);
    background-color: rgb(255, 255, 255) !important;
    transition: 0.2s ease;
  }
  .new-single-hotel .detail .price-detail {
    text-align: left !important;
    position: relative;
  }
  .new-single-hotel .detail .price-detail .sale {
    justify-content: flex-start !important;
  }
  .new-single-hotel .detail .price-detail:before {
    content: "";
    background-image: url(../images/icons/chevron-right.svg);
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #E8F2FB;
    width: 2.25rem;
    height: 2.25rem;
    right: 0;
    bottom: 0;
    border-radius: 50%;
  }
  .room-images-modal h5.modal-title {
    font-size: 1rem;
    font-weight: 700;
  }
  .room-images-modal .big-slide1 {
    margin: -1rem -1rem 0 -1rem;
  }
  .room-images-modal .thumb-slide1 {
    margin-bottom: 1rem;
  }
  .new-news-container {
    padding: 1rem 0;
  }
  .new-news-container .header-news {
    padding: 0;
  }
  .new-news-container .header-news .image {
    margin-bottom: 1rem;
  }
  .new-news-container .header-news .text {
    padding: 0;
  }
  .new-news-container .header-news .text h1 {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
  }
  .new-news-container .header-news .text p {
    font-size: 0.8125rem;
  }
  .new-news-container .new-single-news .image {
    margin-bottom: 0.5rem;
  }
  .new-news-container .new-single-news h1 {
    font-size: 0.8125rem;
  }
  .new-travel-content .accordion {
    margin: 0 -1rem -1.5rem;
    border-radius: 0;
  }
  .new-travel-content .accordion .accordion-item {
    border: none;
    border-top: 1px solid #E6EBF0;
  }
  .new-right-panel {
    z-index: 5;
  }
  .new-right-panel .new-travel-content.mobile-content {
    position: fixed;
    top: 3.5rem;
    border-radius: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 3.5rem);
    z-index: 9;
    transform: translateY(-100%);
    transition: 0.2s ease;
    padding-bottom: 5rem;
    overflow-y: auto;
  }
  .new-travel-list {
    padding: 0 0 1rem;
  }
  .new-left-panel {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 1rem 1rem 3rem;
    background-color: rgb(255, 255, 255);
    transform: translateY(100%);
  }
  .new-travel-list-single .detail {
    padding: 0.5rem 0.5rem 0.5rem 1rem;
  }
  .new-travel-list-single .detail h4 {
    text-align: left;
    width: 100%;
    font-size: 1rem;
  }
  .new-travel-list-single .detail .category .option {
    margin-top: 0.25rem;
  }
  .new-travel-list-single .detail hr {
    margin: 0.5rem 0;
  }
  .new-travel-list-single .detail .price {
    margin: 0;
  }
  .new-travel-list-single .detail .price strong {
    font-size: 1rem;
  }
  .new-travel-list-single .detail .price .person {
    padding: 0.25rem 0 0 0;
    width: 100%;
  }
  .travel-order-info .bg-image {
    top: 0;
  }
  .travel-order-info .bg-image .gradient-filter {
    background: linear-gradient(180deg, #003566, transparent);
  }
  .travel-order-info .custom-travel-text {
    padding: 3rem 1rem 1rem;
  }
  .travel-front-nav {
    margin: 0 -0.75rem 1.5rem;
    top: 3.5rem;
  }
  .new-travel-slide {
    padding: 0 0 1rem;
  }
  .new-travel-slide .new-single-travel .image {
    width: 100% !important;
  }
  .hotel-detail-container .swiper-button-next, .hotel-detail-container .swiper-button-prev {
    width: 2rem;
    height: 2rem;
  }
  .hotel-detail-container .swiper-button-next {
    right: 0.25rem;
  }
  .hotel-detail-container .swiper-button-prev {
    left: 0.25rem;
  }
  .hotel-detail-container .hotel-detail-image-wrap .big-slide .swiper-slide img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .hotel-detail-container .hotel-detail-header {
    margin: 0 -0.75rem 1rem;
  }
  .hotel-detail-container .new-short-info {
    background-color: transparent;
    padding: 0.5rem 0 0;
    margin: 0.25rem 0 0;
    border-top: 1px dashed #E6EBF0;
  }
  .hotel-detail-container .new-short-info p {
    max-height: 5.25rem;
    overflow: hidden;
  }
  .hotel-detail-container .new-short-info .socials {
    border-top: 1px dashed #E6EBF0;
  }
  .hotel-detail-container .amenities {
    display: none;
  }
  .new-main-search .search-container {
    z-index: 4;
  }
  .search-container {
    top: 30%;
  }
  .new-single-hotel .detail {
    padding: 0.5rem;
  }
  .new-single-hotel .detail .name-location {
    margin-bottom: 0.25rem;
  }
  .new-single-hotel .detail .room-status {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
  }
  .new-single-hotel .detail .room-status li {
    margin: 0;
    font-size: 0.6875rem;
  }
  .new-single-hotel .detail .room-status li.else {
    display: none;
  }
  .new-single-hotel .detail .hotel-descpription {
    border-right: none;
    border-bottom: 1px dashed #E6EBF0;
    padding-bottom: 0.25rem;
    margin-bottom: 0.5rem;
    padding-right: 0;
    margin-right: 0;
    font-size: 0.6875rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
  .new-single-hotel .detail .price-detail {
    padding-left: 0;
    border-left: none;
    margin-left: 0;
    border-top: 1px dashed rgba(0, 53, 102, 0.1);
    margin-top: 0.25rem;
    padding-top: 0.25rem;
  }
  .new-single-hotel .detail .price-detail .price {
    margin-bottom: 0;
  }
  .bus-ticket-container .logo {
    padding: 0;
  }
  .bus-ticket-container .lottery {
    text-align: center;
  }
  .bus-ticket-container .lottery strong {
    font-size: 1rem;
  }
  .select-seat .room-seats.bus-seats .bus-body {
    width: 90%;
    left: 5%;
  }
  .new-user-profile-content .single-content li {
    width: 100%;
  }
  .new-user-profile-main {
    padding: 1rem 0;
  }
  .new-user-profile-content {
    margin-bottom: 1rem;
  }
  .new-user-profile-content .single .name, .new-user-profile-content .single .status, .new-user-profile-content .single .location {
    width: 100%;
    padding: 0.25rem 0.5rem;
  }
  .new-user-profile-content .single .status {
    padding-left: 1.5rem;
  }
  .new-user-profile-content .single .status:after {
    right: auto;
    left: 0.5rem;
  }
  .new-passengers .warning-text img {
    width: 7.5rem;
    height: 7.5rem;
  }
  .new-passengers {
    padding: 1rem 0 3rem;
  }
  .new-passengers .main-form {
    margin-bottom: 1rem;
  }
  .payment-list ul {
    width: 100%;
    justify-content: center;
  }
  .payment-list p {
    margin: 1rem 0 2rem !important;
    text-align: center;
  }
  .bus-result .bus-info h1 {
    font-size: 0.875rem;
    font-weight: 700;
  }
  .bus-result .seat {
    margin-top: 1rem;
  }
  .bus-result .seat .price {
    margin: 0 0 0.75rem !important;
    width: 50%;
  }
  .bus-result .destination {
    width: 100%;
    margin: 0.5rem 0 0;
  }
  .bus-result .btn-light {
    width: 100%;
    justify-content: center;
  }
  .train-result {
    padding: 0 0 2rem;
  }
  .train-result .train-info {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
  .train-result .train-info .number-type h1 {
    font-size: 1.125rem;
  }
  .train-result .train-info .destination {
    width: 100%;
    margin: 0.5rem 0 0;
  }
  .train-result .train-info h1 {
    font-size: 0.875rem;
    font-weight: 700;
  }
  .train-result .seat-types p + p {
    margin-top: 0.25rem;
  }
  .train-result .seat-types .seat {
    padding: 0.5rem;
  }
  .train-result .seat-types .type {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .train-result .seat-types .title {
    margin-bottom: 1rem;
  }
  .train-result .seat-types .btn-light {
    width: 100%;
    justify-content: center;
  }
  .email-download .single .info {
    padding: 0.75rem 0 0 0;
    text-align: center;
  }
  .email-download .single .main-image {
    margin: auto;
  }
  .single-hotel-room .header .image {
    max-width: 100%;
  }
  .single-hotel-room .header .text {
    padding: 0.75rem 0 0.25rem;
  }
  .single-hotel-room .header .text .btn-link {
    display: none;
  }
  #roomList, #policyText {
    top: -7.5rem;
  }
  .new-hotel-tab {
    padding: 0.25rem 0.75rem;
    top: 3.5rem;
    overflow-x: auto;
    margin: 0 -0.75rem 0.5rem !important;
  }
  .new-hotel-tab .btn {
    padding: 0.5rem 0.5rem;
    white-space: nowrap;
  }
  .new-hotel-tab .active .btn, .new-hotel-tab .active:hover .btn {
    background-color: #E8F2FB;
    color: #1679D5;
  }
  .hotel-policy-container .policy-list .title {
    width: 100%;
  }
  .new-list-single-flight .single-choice .title {
    padding: 0.25rem 1rem;
  }
  .new-list-single-flight .single-choice .luggage-info li {
    width: 100%;
  }
  .new-list-single-flight .name-logo .name-number {
    flex-wrap: wrap;
  }
  .new-list-single-flight .name-logo .name-number .duration {
    margin-left: 1rem;
  }
  .new-list-single-flight .name-logo .name {
    width: 100% !important;
    flex-shrink: 0;
  }
  .new-list-single-flight {
    width: 100%;
  }
  .new-list-single-flight .btn-collapse {
    padding: 0.5rem;
  }
  .new-list-single-flight .going-flight, .new-list-single-flight .return-flight {
    padding: 0.5rem;
    margin-bottom: 1rem !important;
  }
  .new-list-single-flight .return-flight {
    border-top: 1px solid #E6EBF0;
  }
  .new-list-single-flight .flight-indicator {
    width: 80%;
    padding: 0.5rem 0;
  }
  .new-list-single-flight .flight-indicator .flight-date {
    justify-content: space-around;
  }
  .new-list-single-flight .starting-price {
    width: 100%;
  }
  .tech-form .tech-form-content {
    margin: 2rem 0;
    padding: 2rem 1rem;
  }
  .tech-form .tech-form-content .header-image {
    margin: -2rem -1rem 2rem -1rem;
    width: calc(100% + 2rem);
  }
  .tech-form .tech-form-content .form-check .form-check-label {
    padding: 0.25rem;
  }
  .tech-form .tech-form-content .form-check .form-check-label p {
    text-align: center;
  }
  .new-header {
    padding: 0.5rem 0;
  }
  .new-header .offcanvas {
    max-width: 75%;
    overflow-y: auto;
  }
  .new-header .offcanvas .offcanvas-header {
    padding: 1rem 1.5rem;
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid #E6EBF0;
  }
  .new-header .offcanvas .offcanvas-header .offcanvas-title {
    font-size: 0.8125rem;
    font-weight: 600;
  }
  .new-header .offcanvas .user-menu {
    position: relative;
    display: block;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  .new-header .offcanvas .btn:hover {
    color: #003566;
  }
  .new-header .logo {
    padding: 0;
    margin-right: 0;
    align-items: center;
  }
  .new-header .logo img {
    height: 2.25rem;
  }
  .new-header .btn-offcanvas {
    padding: 0.5rem 0.75rem;
  }
  .new-header nav .btn, .new-header nav .dropdown-item {
    color: #003566;
    width: 100%;
    padding: 0.75rem;
  }
  .new-header nav .btn:hover, .new-header nav .dropdown-item:hover {
    background-color: #F3F8FD;
  }
  .new-header nav .user {
    width: 100%;
    background-color: #F3F8FD;
    text-align: center;
    margin-top: 0.5rem;
    border-radius: 0.25rem;
  }
  .new-header nav .user span {
    color: #003566;
  }
  .new-header nav .user img {
    display: none;
  }
  .new-header nav .user .dropdown-menu {
    width: 100%;
  }
  .new-header nav .action > li:nth-child(even) {
    margin-right: 5%;
  }
  .new-header nav .action > li:last-child {
    margin: 0.5rem 0 0;
  }
  .new-header nav .language, .new-header nav .currency, .new-header nav .ticket-check {
    width: 47.5%;
  }
  .new-header nav .language .btn, .new-header nav .currency .btn, .new-header nav .ticket-check .btn {
    background-color: #F3F8FD;
    margin-bottom: 0.5rem;
  }
  .new-header nav .language .btn:after, .new-header nav .currency .btn:after, .new-header nav .ticket-check .btn:after {
    margin-left: auto;
  }
  .new-header nav ul {
    width: 100%;
  }
  .new-header nav ul.menu-pack {
    padding: 1rem;
    border-top: 1px solid #E6EBF0;
  }
  .new-header nav .main-nav .dropdown {
    z-index: 1;
  }
  .new-header nav .main-nav .dropdown-toggle {
    display: none;
  }
  .new-header nav .main-nav .dropdown-menu {
    position: relative;
    display: block;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px dashed #E6EBF0;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .new-main-search {
    margin-bottom: 2rem;
    background: none;
    height: auto !important;
  }
  .new-main-search .search-wrap {
    background-color: transparent;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 0;
  }
  .new-main-search .search-wrap form {
    padding: 0;
    border-radius: 0.25rem;
    background-color: transparent;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  .new-main-search .search-wrap .main-tabs {
    background-color: transparent;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .new-main-search .search-wrap .main-tabs li {
    width: calc(33.3333333333% - 0.25rem);
    margin-bottom: 0.5rem;
  }
  .new-main-search .search-wrap .main-tabs .search-tab {
    flex-direction: column;
    background-color: rgb(255, 255, 255);
    border-radius: 0.25rem;
    color: #1679D5;
    -ms-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
    -o-box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
    box-shadow: 0 0.5rem 1rem rgba(0, 53, 102, 0.1);
  }
  .new-main-search .search-wrap .main-tabs .search-tab:before {
    display: none !important;
  }
  .new-main-search .search-wrap .main-tabs .search-tab .default {
    display: none;
  }
  .new-main-search .search-wrap .main-tabs .search-tab .active {
    display: block;
  }
  .new-main-search.inner-search {
    height: auto;
    margin-bottom: 2rem;
  }
  .new-main-search.inner-search form {
    background-color: rgb(255, 255, 255);
    -ms-box-shadow: 0 1rem 2rem rgba(0, 53, 102, 0.1);
    -o-box-shadow: 0 1rem 2rem rgba(0, 53, 102, 0.1);
    box-shadow: 0 1rem 2rem rgba(0, 53, 102, 0.1);
    padding: 1rem;
  }
  .new-main-search.inner-search h2 {
    margin: 2.5rem 0 1rem;
    font-weight: 600;
  }
  .new-main-search.inner-search .destination-select {
    flex-direction: column;
    position: relative;
  }
  .new-main-search.inner-search .destination-select .btn-swap {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .new-main-search.inner-search .destination-select .btn-swap img {
    transform: rotate(90deg);
  }
  .new-main-search.inner-search .destination-select .dropdown-menu {
    width: 100%;
  }
  .new-main-search.inner-search .passenger-count .dropdown-toggle {
    flex-wrap: wrap;
    display: flex;
  }
  .new-main-search.inner-search .passenger-count .text {
    flex-direction: column;
  }
  .new-main-search.inner-search .passenger-count span {
    width: 100%;
    display: block;
    text-align: left;
    margin-left: auto;
  }
  .new-main-search.inner-search .passenger-count span + span {
    color: #4D7294;
  }
  .new-main-search.inner-search .btn-main {
    width: 100%;
    justify-content: center;
    margin: 1rem 0 0 !important;
  }
  .new-main-search .trip-featured-slide {
    padding: 1rem 0;
  }
  .new-main-search .trip-featured-slide .swiper-slide .image {
    margin-bottom: 1rem;
  }
  .new-main-search .trip-featured-slide .swiper-slide h1 {
    margin-bottom: 0.5rem;
  }
  .new-main-search .bg-images .image, .new-main-search .bg-images .mask {
    display: none;
  }
  .new-main-search .bg-images .mobile-mask {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center bottom;
       object-position: center bottom;
    height: 100%;
  }
  .news-detail .news-content {
    padding: 1rem;
  }
  .single-news.featured a {
    flex-direction: column !important;
  }
  .single-news.featured .image {
    width: 100%;
  }
  .single-news.featured .detail {
    width: 100%;
  }
  .single-news.featured .detail h5 {
    font-size: 1.125rem;
  }
  .hotel-full-map .container-fluid {
    height: auto;
  }
  .hotel-full-map .google-map {
    height: calc(100vh - 3rem);
  }
  header .header-action {
    position: static;
  }
  header .header-action .phone-action {
    position: static;
  }
  header .header-action .phone-action .call-drop {
    top: 100%;
    left: 0;
    right: 0;
    max-width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  header .header-action .phone-action .call-drop .btn-sec {
    padding: 0.5rem 0.75rem;
  }
  header .header-action .phone-action .call-drop .error-text {
    top: calc(100% + 0.25rem);
  }
  .main-slide .swiper-slide:before {
    padding-bottom: 100% !important;
  }
  .main-slide .swiper-slide .mobile {
    display: block;
  }
  .main-slide .swiper-slide .desktop {
    display: none;
  }
  .hotel-rooms .room .info {
    width: 70%;
  }
  .hotel-rooms .room .beds-features {
    width: 30%;
    margin: 0;
    border-right: 0;
  }
  .hotel-rooms .room .action {
    width: 100%;
    border-top: 1px dashed #E6EBF0;
    padding-top: 0.5rem;
  }
  .single-room-filter {
    margin-bottom: 1rem;
  }
  .chosen-flight {
    margin: 1rem 0;
    padding-top: 0;
  }
  .flight-passenger-detail {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 1rem 1rem 3.5rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    transform: translateY(100%);
    transition: 0.2s ease;
    z-index: 5;
  }
  .main-search-form .tab-pane .main-search-btn .btn {
    border-radius: 0.25rem;
    display: flex;
    width: 100%;
    padding: 0.5rem;
  }
  .main-search-form .tab-pane .main-search-btn .btn:before {
    display: none;
  }
  .main-search-form .tab-pane .main-search-btn .btn .svg-icon {
    position: relative;
    left: auto;
    width: 1.75rem;
    height: 1.75rem;
    top: auto;
    transform: translate(0%, 0%);
  }
  .main-search-form .tab-pane .main-search-btn .btn strong {
    font-size: 0.8125rem;
    font-weight: 400;
    display: block;
  }
  .left-filter-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    margin: 0;
    transform: translateY(100%);
    padding: 0 1rem 4rem;
    overflow-y: auto;
    background-color: rgb(255, 255, 255);
  }
  .left-filter-container .mobile-title {
    padding-top: 1rem;
    position: sticky;
    top: 0;
    background-color: rgb(255, 255, 255);
    z-index: 1;
  }
  .left-filter-container .single-filter {
    padding: 1rem;
  }
  .left-filter-container .form-check {
    position: relative;
  }
  .left-filter-container .form-check .form-check-label {
    padding: 0.5rem 0;
    display: block;
  }
  .left-filter-container .form-check .form-check-input {
    position: absolute;
    margin: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .active-filters {
    margin-top: 0.5rem !important;
    padding-top: 0.5rem;
  }
  .active-filters li {
    font-size: 0.8125rem;
  }
  footer .footer-socials {
    margin-top: 0;
    padding-bottom: 1rem;
  }
  .app-download .phone-img {
    padding: 0 0 2rem;
  }
  .app-download .download-content .content {
    text-align: center;
  }
  header {
    position: relative;
  }
  header .web-call {
    right: 0.75rem;
    top: 100%;
  }
  h1 {
    font-size: 1.125rem;
  }
  .custom-float-drop.flight-drop .float-drop {
    width: 150%;
  }
  .custom-float-drop.seat-drop .float-drop {
    left: auto;
    right: 0;
    width: 150%;
  }
  header .left-side {
    width: 100%;
  }
  header .left-side ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
    position: relative;
    width: 100%;
    overflow-x: auto;
  }
  header .left-side ul:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0.125rem;
    background-color: #E6EBF0;
  }
  header .left-side ul:before {
    display: none !important;
  }
  header .left-side ul a {
    padding: 0.75rem !important;
    text-transform: none;
    white-space: nowrap;
  }
  header .left-side ul a:before {
    bottom: auto;
    top: 0;
    height: 0.125rem;
  }
  .mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .logo {
    padding: 0.5rem 0;
  }
  footer {
    padding-bottom: 0;
  }
  footer .single {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .new-header .offcanvas {
    visibility: visible;
    position: relative;
    background-color: transparent;
    border: none;
    transform: translateX(0);
    flex-grow: 1;
  }
  .new-header .offcanvas .offcanvas-header {
    display: none;
  }
  .w-lg-50 {
    width: 50% !important;
  }
}
@media (max-width: 1199px) {
  .new-main-search {
    height: 17.5rem;
  }
  .single-flight .price-and-action {
    padding-top: 0.5rem;
    margin-top: 0.5rem;
    border-top: 1px dotted #E6EBF0;
  }
  .main-slide .swiper-slide:before {
    padding-bottom: 25%;
  }
  .logo img {
    height: 2.5rem;
  }
  header .left-side ul {
    margin-left: 1rem;
    padding-left: 1rem;
  }
  header .left-side ul a {
    padding: 1.5rem 0.25rem;
  }
}
@media (max-width: 767.98px) {
  .v3navContainer {
    margin: 0 -0.75rem;
    padding: 0 0.5rem;
  }
  .v3mainSearch {
    position: relative;
  }
  .v3mainSearch .v3flightRounds, .v3mainSearch .v3flightClass, .v3mainSearch .v3flightPassengers {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
  }
  .v3mainSearch .v3flightChangeButton {
    left: 100% !important;
    transform: translate(-125%, -50%) !important;
  }
  .scooterMapContainer {
    height: calc(100vh - 6.5rem);
  }
  .v3mainHomeSlide {
    margin: 0 -0.75rem;
    border-radius: 0 !important;
  }
  .v3mainHomeSlide .swiper-button-prev, .v3mainHomeSlide .swiper-button-next {
    display: none;
  }
  .v3singleEsimOrder .eSimAction {
    max-width: 100%;
  }
}
@media (max-width: 991.98px) {
  .v3navigation {
    position: relative;
  }
  .helpNavCollapse {
    height: 2rem;
    overflow: hidden;
  }
  .helpNavCollapse.show {
    height: auto;
  }
  .flightCollapse {
    height: 19rem;
  }
  .v3singleFlightOrder .fs-6 {
    font-size: 0.875rem !important;
  }
}/*# sourceMappingURL=wrap.css.map */