@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");
.m-r-0 {
  margin-right: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

* {
  margin: 0;
  padding: 0;
  outline: 0 !important;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  -webkit-text-size-adjust: none;
}

body {
  font-weight: 400;
  background: #fff;
  -webkit-tap-highlight-color: transparent;
  font-family: "Roboto", sans-serif;
}
body.overflow-hidden {
  overflow: hidden;
  margin-right: 17px;
}
body::before {
  position: fixed;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  height: 100vh;
  background: #000;
  transition: all 0.5s ease-in 0.2s;
  z-index: 100;
  pointer-events: none;
}
body.overlay-added::before {
  opacity: 0.5;
}

i {
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Roboto", sans-serif;
}

button {
  font-family: "Roboto", sans-serif !important;
  border: 0;
}

::-moz-selection {
  background: #d32f2f;
  color: #fff;
}

::selection {
  background: #d32f2f;
  color: #fff;
}

::-webkit-selection {
  background: #d32f2f;
  color: #fff;
}

.mobile-tab {
  display: none;
}

.container {
  width: 100%;
  max-width: 1230px;
  padding: 0 15px;
  margin: 0 auto;
}

ul {
  list-style-type: none;
}

a,
button,
a:hover,
button:hover,
a:focus,
button:focus {
  text-decoration: none;
  transition: all 0.5s ease;
  cursor: pointer;
}

.sendquery-btn-details {
  display: none;
}

.modal-trigger {
  cursor: pointer;
}

.modal.modal-style-one {
  background: #fff;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2);
  padding: 40px;
  border-radius: 15px;
  width: 100%;
  max-width: 548px;
}
.modal.modal-style-one .modal-content {
  padding: 0;
  position: relative;
}
.modal.modal-style-one .modal-content .close {
  position: absolute;
  color: #000;
  right: 0;
  top: -15px;
  opacity: 0.5;
  transition: all 0.4s ease;
  cursor: pointer;
  transform: scale(0.8);
  -moz-transform: scale(0.8);
}
.modal.modal-style-one .modal-content .close:hover {
  opacity: 1;
  transform: scale(1);
  -moz-transform: scale(1);
}
.modal.modal-style-one .modal-content h2 {
  font-size: 27px;
  text-align: center;
  font-weight: 700;
  color: #d32f2f;
  margin: 0 0 20px;
}
.modal.modal-style-one .modal-content .full-width-btn {
  font-size: 18px;
  font-weight: 700;
  height: 55px;
  width: 100%;
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
}
.modal.book-an-appointment-modal {
  background: #fff;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  max-height: 85%;
}
.modal.book-an-appointment-modal #appointment-content {
  display: flex;
}
.modal.book-an-appointment-modal #appointment-footer {
  display: flex;
}
.modal.book-an-appointment-modal #enquiry-content {
  display: none;
  padding: 15px 20px 5px;
}
.modal.book-an-appointment-modal #enquiry-content .heading {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.modal.book-an-appointment-modal #enquiry-footer {
  display: none;
}
.modal.book-an-appointment-modal .modal-content {
  padding: 0px;
  display: flex;
  flex-direction: column;
}
.modal.book-an-appointment-modal .modal-content .top-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px 24px;
}
.modal.book-an-appointment-modal .modal-content .top-section h3 {
  font-size: 18px;
  font-weight: 700;
}
.modal.book-an-appointment-modal .modal-content .top-section .close {
  font-size: 13px;
}
.modal.book-an-appointment-modal .modal-content .middle-section ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #f5f6f8;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 10px 20px;
}
.modal.book-an-appointment-modal .modal-content .middle-section ul li {
  margin-right: 20px;
}
.modal.book-an-appointment-modal .modal-content .middle-section ul li .radio {
  margin: 0px;
}
.modal.book-an-appointment-modal .modal-content .middle-section ul li .radio label {
  font-size: 16px;
  font-weight: 400;
}
.modal.book-an-appointment-modal .modal-content .middle-section ul li .radio label::before {
  background: white;
}
.modal.book-an-appointment-modal .modal-content .bottom-section {
  display: flex;
  flex-direction: row;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-left-section {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-right: 1px solid #ebebeb;
  flex: 1;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-left-section .heading {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-left-section .branch-details-wrapper {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-left-section .branch-details-wrapper .map-icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 25px;
  transform: translateY(2px);
  margin-right: 10px;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-left-section .branch-details-wrapper .branch-details {
  display: flex;
  flex-direction: column;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-left-section .branch-details-wrapper .branch-details h3 {
  font-size: 17px;
  font-weight: 700;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-left-section .branch-details-wrapper .branch-details p {
  font-size: 15px;
  font-weight: 400;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-left-section .branch-details-wrapper .branch-details .contact-details {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-left-section .branch-details-wrapper .branch-details .contact-details p {
  font-size: 12px;
  color: #525255;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-left-section .branch-details-wrapper .branch-details .contact-details h3 {
  font-size: 14px;
  font-weight: 700;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-left-section .details-form {
  display: flex;
  flex-direction: column;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-left-section .details-form .input-feild.outline {
  border: 1x solid #6d6c6c;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .heading {
  font-size: 16px;
  font-weight: 700;
  padding: 10px 20px 0px;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter {
  margin-bottom: 10px;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer {
  cursor: pointer;
  position: relative;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .nav {
  font-weight: 700;
  cursor: pointer;
  position: absolute;
  top: 25px;
  z-index: 10;
  color: grey;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .nav.prev {
  left: 15px;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .nav.next {
  right: 15px;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month {
  padding: 10px 15px;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month h3 {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #d32f2f;
  text-transform: uppercase;
  padding: 15px 0;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .day-name li {
  float: left;
  height: 38px;
  width: 14.2857142857%;
  padding: 0;
  margin: 0;
  text-align: center;
  font-weight: 700;
  line-height: 41px;
  color: #000;
  font-size: 13px;
  text-transform: capitalize;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .weeks li {
  float: left;
  height: 41px;
  width: 14.2857142857% !important;
  position: relative;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .weeks li p {
  display: block;
  position: absolute;
  top: 48%;
  width: 100%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  text-align: center;
  font-size: 14px;
  color: #000;
  font-weight: 500;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .weeks li p span {
  display: block;
  font-size: 10px;
  color: #a8a8a8;
  font-weight: 400;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .weeks li p span.lowestfare {
  color: #307d01;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .weeks li:hover {
  background: rgba(25, 71, 138, 0.18);
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .weeks li.inactive-date p {
  color: #bbb;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .weeks li.inactive-date:hover {
  background: none;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .weeks li.disabled-date p {
  color: #fff;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .weeks li.disabled-date p span {
  color: #fff;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .weeks li.disabled-date:hover {
  background: none;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .weeks li.selected-date {
  background: #19478a;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .weeks li.selected-date p {
  color: #fff;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .weeks li.selected-date p span {
  color: #fff;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calendarOuter .outer .month .weeks li.selected-date:hover {
  background: #19478a;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .time-details {
  padding: 0px 20px 15px;
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section #time-selection-wrapper .select-wrapper ul {
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}
.modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section #time-selection-wrapper .select-wrapper ul::before {
  display: none !important;
}
.modal.book-an-appointment-modal .modal-content .actions {
  border-top: 1px solid #ebebeb;
  padding: 8px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.modal.book-an-appointment-modal .modal-content .actions a {
  padding: 10px 15px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
  background: #d32f2f;
  border-radius: 15px;
}
.modal.book-an-appointment-modal .modal-footer {
  padding: 10px 24px;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.modal.book-an-appointment-modal .modal-footer .primary {
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
}
.modal.book-an-appointment-modal .modal-footer .mobile-no {
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
.modal.book-an-appointment-modal .modal-footer .mobile-no .icon {
  color: #d32f2f;
  font-size: 15px;
  margin-right: 7px;
}
.modal.book-an-appointment-modal .modal-footer .mobile-no a {
  color: #000;
}
.modal.book-an-appointment-modal .modal-footer .mobile-no .smalltext {
  font-size: 14px;
  color: #525252;
}

.mobile-link {
  text-align: center;
  margin: 10px 0 0;
  display: none;
}
.mobile-link a {
  font-size: 15px;
  color: #d32f2f;
  text-decoration: underline;
  font-weight: 500;
  display: inline-block;
  padding: 10px 0;
}

.scroll-up {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) scale(0);
  -moz-transform: translateX(-50%) scale(0);
  opacity: 0;
  transition: all 0.3s ease;
  color: #fff;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.scroll-up.visible {
  transform: translateX(-50%) scale(1);
  -moz-transform: translateX(-50%) scale(1);
  opacity: 1;
}

.dropdown-content {
  background: transparent;
  box-shadow: none;
  width: auto !important;
  overflow: visible;
  position: fixed;
  transform: none !important;
  -moz-transform: none !important;
}
.dropdown-content::before {
  content: "";
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  position: fixed;
  opacity: 0.5;
  background: #000;
  z-index: -1;
}
.dropdown-content .currencylist {
  background: #fff;
  border-radius: 15px;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  width: 400px;
  padding: 8px 0;
  margin-top: 37px;
}
.dropdown-content .currencylist ul {
  width: 33.333%;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.dropdown-content .currencylist ul:last-child {
  border: 0;
}
.dropdown-content .currencylist ul li {
  min-height: 0;
}
.dropdown-content .currencylist ul li a {
  position: relative;
  height: 35px;
  line-height: 35px;
  flex-direction: row;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  font-weight: 400;
  color: #363636;
  font-size: 12px;
}
.dropdown-content .currencylist ul li a .icon {
  margin-right: 8px;
  font-size: 15px;
}
.dropdown-content .currencylist ul li a::before {
  content: "";
  opacity: 0;
  transition: all 0.5s ease;
  left: 0;
  top: 50%;
  width: 4px;
  height: 0%;
  background: #d32f2f;
  position: absolute;
  z-index: 11;
  opacity: 0;
  border-radius: 0 999px 999px 0;
}
.dropdown-content .currencylist ul li a:hover {
  background: rgba(0, 0, 0, 0.08);
}
.dropdown-content .currencylist ul li a:hover::before {
  height: 100%;
  opacity: 1;
  top: 0;
}
.dropdown-content .currencylist ul li a .flag-icon {
  width: 16px;
  height: 12px;
}
.dropdown-content .currencylist.moremenulist {
  width: 186px;
}
.dropdown-content .currencylist.moremenulist ul {
  width: 100%;
}
.dropdown-content .currencylist.moremenulist ul li {
  margin: 10px 0;
}
.dropdown-content .currencylist.moremenulist ul li a {
  color: #000;
  width: 100%;
  line-height: 34px;
  height: 100%;
  padding: 0 23px 0 55px;
  display: block;
  position: relative;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
}
.dropdown-content .currencylist.moremenulist ul li a div {
  color: #5f5f5f;
  font-size: 18px;
  position: absolute;
  left: 23px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.dropdown-content .currencylist.moremenulist ul li:hover a {
  padding-left: 48px;
}
.dropdown-content .currencylist.countrylist {
  width: 280px;
}
.dropdown-content .currencylist.countrylist ul {
  width: 50%;
}
.dropdown-content .currencylist.countrylist ul li a {
  justify-content: flex-start;
}
.dropdown-content .currencylist.countrylist ul li a div {
  line-height: 10px;
}
.dropdown-content .currencylist.countrylist ul li a .flag-icon {
  border-radius: 2px;
  overflow: hidden;
  margin-right: 8px;
}
.dropdown-content .currencylist.loginlist {
  width: 265px;
  margin-right: 15px;
}
.dropdown-content .currencylist.loginlist ul {
  width: 100%;
}
.dropdown-content .currencylist.loginlist ul li a {
  justify-content: flex-start;
}
.dropdown-content .currencylist.loginlist ul li a div {
  line-height: 10px;
  font-size: 13px;
  text-transform: capitalize;
}
.dropdown-content .currencylist.loginlist ul li a .icon {
  transition: all 0.5s ease;
  color: #525252;
  font-size: 15px;
  width: 27px;
  text-align: left;
}

.notfloating-label {
  color: #000;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}

.input-field {
  margin: 0;
}
.input-field.outline {
  position: relative;
  border: 1px solid #777;
  border-radius: 4px;
  padding: 4px 10px;
  margin: 0 0 20px;
}
.input-field.outline .error {
  color: #fff;
  font-size: 12px;
  background: #d32f2f;
  padding: 3px 7px;
  border-radius: 4px;
  display: inline-block;
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 0;
  line-height: 15px;
  opacity: 0;
  white-space: nowrap;
  transition: all 0.5s ease;
}
.input-field.outline .error::before {
  content: "";
  left: 5px;
  top: -5px;
  width: 0;
  height: 0;
  border-top: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #d32f2f;
  position: absolute;
  z-index: 10;
}
.input-field.outline input,
.input-field.outline select {
  height: 32px;
  line-height: 42px;
  border: 0 !important;
  font-size: 14px;
  color: #6d6c6c;
  box-shadow: none !important;
  margin: 0 !important;
  display: block;
}
.input-field.outline textarea {
  height: 104px;
  padding: 10px 0;
  line-height: 20px;
  border: 0;
  font-size: 14px;
  color: #6d6c6c;
  box-shadow: none !important;
  margin: 0;
  resize: none;
  display: block;
}
.input-field.outline label {
  left: 5px;
  color: #6d6c6c !important;
  background: #fafafa;
  padding: 0 7px;
  font-size: 14px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transform: translateY(11px);
  -moz-transform: translateY(11px);
}
.input-field.outline label .star {
  color: #d32f2f;
}
.input-field.outline label.active {
  transform: translateY(-8px) scale(0.75);
  -moz-transform: translateY(-8px) scale(0.75);
}
.input-field.outline.validate-style {
  border-color: #d32f2f;
}
.input-field.outline.validate-style .error {
  top: 100%;
  opacity: 1;
}
.input-field.outline.validate-style label {
  color: #d32f2f;
}
.input-field.outline.small input,
.input-field.outline.small select {
  height: 32px;
  line-height: 32px;
}
.input-field.outline.small label.active {
  transform: translateY(-8px) scale(0.75);
  -moz-transform: translateY(-8px) scale(0.75);
}
.input-field.outline.not-floating label {
  background: transparent;
}
.input-field.outline.not-floating label.active {
  font-size: 0;
}
.input-field.applied {
  border: 1px solid #0ac10a;
  margin-bottom: 10px !important;
}
.input-field.applied input {
  font-weight: 600;
  color: black !important;
}

.select-field .select-wrapper {
  border: 1px solid #777;
  border-radius: 4px;
}
.select-field .select-wrapper input.select-dropdown {
  border-radius: 4px;
  font-size: 14px;
  height: 34px;
  border: 0;
  margin: 0;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  color: #6d6c6c;
  box-sizing: border-box;
  width: calc(100% - 5px);
}
.select-field .select-wrapper .caret {
  fill: rgba(0, 0, 0, 0.54);
}
.select-field .dropdown-content {
  background: #fff;
  border-radius: 4px;
  margin: 0;
  min-width: 100px;
  overflow: hidden;
  max-height: 300px;
  overflow-y: auto;
}
.select-field .dropdown-content li {
  background: #fff !important;
}
.select-field .dropdown-content li > span {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
}
.select-field .dropdown-content li.selected > span {
  color: #d32f2f;
  background: rgba(0, 0, 0, 0.04);
}
.select-field .dropdown-content li:hover > span {
  background: rgba(0, 0, 0, 0.04);
}

.carousel-wrapper {
  overflow: hidden;
  padding: 0 3px;
}
.carousel-wrapper .carousel {
  margin: 0 -15px;
  width: auto;
  height: auto;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.carousel-wrapper .carousel > li {
  width: 25%;
  min-width: 300px;
  padding: 0 15px 3px;
  display: block;
  position: relative;
}
.carousel-wrapper .carousel > li .box {
  border-radius: 15px;
  overflow: hidden;
  height: 100%;
  background: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.carousel-wrapper .carousel > li .box .img-wrapper {
  height: 175px;
  overflow: hidden;
}
.carousel-wrapper .carousel > li .box .img-wrapper img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.carousel-wrapper .carousel > li .box .contentarea {
  padding: 20px;
}
.carousel-wrapper .carousel > li .box .contentarea h2 {
  color: #000;
  font-size: 19px;
  font-weight: 500;
}
.carousel-wrapper .carousel > li .box .contentarea h2 span {
  display: block;
  font-size: 13px;
  color: #525252;
  margin-top: 2px;
}
.carousel-wrapper .carousel > li .box .contentarea .list {
  text-align: left;
}
.carousel-wrapper .carousel > li .box .contentarea .list li {
  display: inline-block;
  margin: 7px 7px 7px 0;
  height: 23px;
  line-height: 23px;
  text-align: center;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid #e5e5e5;
  color: #525252;
  font-size: 12px;
}
.carousel-wrapper .carousel > li .box .contentarea .footer {
  border-top: 1px solid #ebebeb;
  padding: 15px 15px 0;
  margin: 15px -20px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.carousel-wrapper .carousel > li .box .contentarea .footer h3 {
  color: #525252;
  font-size: 13px;
  font-weight: 400;
}
.carousel-wrapper .carousel > li .box .contentarea .footer h3 span {
  display: block;
  color: #000;
  font-size: 20px;
  font-weight: 700;
}
.carousel-wrapper .carousel > li .box .contentarea .footer a {
  color: #d32f2f;
  font-size: 17px;
  font-weight: 700;
}
.carousel-wrapper .carousel > li .box .contentarea .footer.slashed-price h3 {
  line-height: 17px;
}
.carousel-wrapper .carousel > li .box .contentarea .footer.slashed-price h3 span {
  margin: 0;
}
.carousel-wrapper .carousel > li .box .contentarea .footer.slashed-price h3 span.slashed {
  color: #d6332d;
  text-decoration: line-through;
  font-size: 13px;
  margin-top: 5px;
}

.utilitymenu {
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.utilitymenu > li > a {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 0 10px;
  border-radius: 15px;
  background: #22364c;
  cursor: pointer;
  margin: 0 5px 0 0;
  border: 1px solid #314a64;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 36px;
  text-transform: uppercase;
}
.utilitymenu > li > a .icon {
  display: inline-block;
  font-size: 9px;
  margin-left: 3px;
  vertical-align: middle;
}
.utilitymenu > li > a .flag-icon {
  border-radius: 15px;
  width: 17px;
  height: 15px;
  overflow: hidden;
  margin-right: 7px;
}
.utilitymenu > li > a .ak-phone-receiver {
  margin: 0 3px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.utilitymenu > li.login a {
  background-image: linear-gradient(to right, #d32f2f, #7f0101);
  border: 1px solid #bf3535;
}
.utilitymenu > li.login a .text {
  display: inline-block;
  width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.utilitymenu > li.login a .ak-user {
  display: inline-block;
  vertical-align: middle;
  margin: -1px 3px 0 0;
}
.utilitymenu > li.login a.afterlogin {
  border: 1px solid #99be35;
  background: #99be35;
  text-transform: none;
}

.mobile-common-header {
  display: none;
}

.search-container {
  padding: 33px 10px 10px;
  background: #fff;
  border-radius: 15px;
  position: relative;
  margin-top: -16px;
  z-index: 40;
  min-height: 230px;
}
.search-container form {
  width: 100%;
}
.search-container .fullwidth {
  width: 100%;
  position: relative;
}
.search-container .fullwidth .calendarOuter {
  background: #fff;
  position: absolute;
  right: -185px;
  top: 35px;
  width: 661px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.23);
  display: none;
  z-index: 15;
}
.search-container .fullwidth .calendarOuter.open {
  display: block;
}
.search-container .fullwidth .calendarOuter .tab-style {
  border-bottom: 1px solid #d4d4d4;
}
.search-container .fullwidth .calendarOuter .tab-style li {
  padding: 0 15px;
  min-height: 45px;
  position: relative;
  display: block;
  text-align: center;
}
.search-container .fullwidth .calendarOuter .tab-style li:first-child {
  border-right: 1px solid #d4d4d4;
}
.search-container .fullwidth .calendarOuter .tab-style li.close {
  padding: 0;
}
.search-container .fullwidth .calendarOuter .tab-style li.active::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #d32f2f;
}
.search-container .fullwidth .calendarOuter .tab-style li h3 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px;
  color: #5b5b5b;
  margin: 1em 0;
}
.search-container .fullwidth .calendarOuter .tab-style li h3 span {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #000;
}
.search-container .fullwidth .calendarOuter .tab-style li .ak-close {
  position: absolute;
  left: 50%;
  opacity: 0.4;
  font-size: 15px;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.search-container .fullwidth .calendarOuter .tab-style li .btn-style {
  font-size: 14px;
  font-weight: 500;
  color: #010101;
  background: #ebebeb;
  line-height: 30px;
  height: 30px;
  padding: 0 15px;
  border-radius: 999px;
  display: inline-block;
  margin-top: 15px;
}
.search-container .fullwidth .calendarOuter .outer {
  position: relative;
}
.search-container .fullwidth .calendarOuter .outer .nav {
  font-weight: 700;
  cursor: pointer;
  position: absolute;
  top: 25px;
  z-index: 10;
  color: grey;
}
.search-container .fullwidth .calendarOuter .outer .nav.prev {
  left: 15px;
}
.search-container .fullwidth .calendarOuter .outer .nav.next {
  right: 15px;
}
.search-container .fullwidth .calendarOuter .outer .month {
  width: 50%;
  float: left;
  padding: 10px 15px;
}
.search-container .fullwidth .calendarOuter .outer .month:first-child {
  border-right: 1px solid #c3c3c3;
}
.search-container .fullwidth .calendarOuter .outer .month h3 {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #d32f2f;
  text-transform: uppercase;
  padding: 15px 0;
}
.search-container .fullwidth .calendarOuter .outer .month .day-name li {
  float: left;
  height: 38px;
  width: 14.2857142857%;
  padding: 0;
  margin: 0;
  text-align: center;
  font-weight: 700;
  line-height: 41px;
  color: #000;
  font-size: 13px;
  text-transform: capitalize;
}
.search-container .fullwidth .calendarOuter .outer .month .weeks li {
  float: left;
  height: 41px;
  width: 14.2857142857%;
  position: relative;
}
.search-container .fullwidth .calendarOuter .outer .month .weeks li p {
  display: block;
  position: absolute;
  top: 48%;
  width: 100%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  text-align: center;
  font-size: 14px;
  color: #000;
  font-weight: 500;
}
.search-container .fullwidth .calendarOuter .outer .month .weeks li p span {
  display: block;
  font-size: 10px;
  color: #a8a8a8;
  font-weight: 400;
}
.search-container .fullwidth .calendarOuter .outer .month .weeks li p span.lowestfare {
  color: #307d01;
}
.search-container .fullwidth .calendarOuter .outer .month .weeks li:hover {
  background: rgba(25, 71, 138, 0.18);
}
.search-container .fullwidth .calendarOuter .outer .month .weeks li.inactive-date p {
  color: #bbb;
}
.search-container .fullwidth .calendarOuter .outer .month .weeks li.inactive-date:hover {
  background: none;
}
.search-container .fullwidth .calendarOuter .outer .month .weeks li.disabled-date p {
  color: #fff;
}
.search-container .fullwidth .calendarOuter .outer .month .weeks li.disabled-date p span {
  color: #fff;
}
.search-container .fullwidth .calendarOuter .outer .month .weeks li.disabled-date:hover {
  background: none;
}
.search-container .fullwidth .calendarOuter .outer .month .weeks li.selected-date {
  background: #19478a;
}
.search-container .fullwidth .calendarOuter .outer .month .weeks li.selected-date p {
  color: #fff;
}
.search-container .fullwidth .calendarOuter .outer .month .weeks li.selected-date p span {
  color: #fff;
}
.search-container .fullwidth .calendarOuter .outer .month .weeks li.selected-date:hover {
  background: #19478a;
}
.search-container .fullwidth .month-popup {
  background: #fff;
  position: absolute;
  left: calc(100% - 410px);
  top: 35px;
  z-index: 10;
  width: 336px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.23);
  display: none;
  z-index: 10;
}
.search-container .fullwidth .month-popup.open {
  display: block;
}
.search-container .fullwidth .month-popup h4 {
  padding: 20px 15px;
  color: #002543;
  border-bottom: 1px solid #ebebeb;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
}
.search-container .fullwidth .month-popup ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  align-items: start;
}
.search-container .fullwidth .month-popup ul li {
  width: 25%;
  padding: 0;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.search-container .fullwidth .month-popup ul li:nth-child(4), .search-container .fullwidth .month-popup ul li:nth-child(8), .search-container .fullwidth .month-popup ul li:nth-child(12) {
  border-right: 0;
}
.search-container .fullwidth .month-popup ul li a {
  padding: 15px;
  transition: all 0.3s ease;
  display: block;
}
.search-container .fullwidth .month-popup ul li h5 {
  color: #000;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.search-container .fullwidth .month-popup ul li h5 span {
  display: block;
  margin-top: 3px;
  color: #525252;
}
.search-container .fullwidth .month-popup ul li:hover a {
  background: #f1f7ff;
}
.search-container .fullwidth .month-popup ul li:hover h5 {
  color: #d32f2f;
}
.search-container .fullwidth .month-popup ul li:hover h5 span {
  color: #000;
}
.search-container .fullwidth .sector-outer {
  background: #fff;
  position: absolute;
  left: 15px;
  top: 35px;
  z-index: 10;
  width: 336px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.23);
  display: none;
  z-index: 10;
}
.search-container .fullwidth .sector-outer.open {
  display: block;
}
.search-container .fullwidth .sector-outer .searchinput {
  padding: 0 15px;
  height: 60px;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-container .fullwidth .sector-outer .searchinput .ak-search {
  font-size: 14px;
  color: #000;
}
.search-container .fullwidth .sector-outer .searchinput .input-field.outline {
  border: 0;
  padding: 0;
  margin: 0;
  width: calc(100% - 21px);
}
.search-container .fullwidth .sector-outer .searchinput .input-field.outline label {
  left: 0;
  padding: 0;
}
.search-container .fullwidth .sector-outer .search-list {
  max-height: 330px;
  overflow: hidden;
  overflow-y: auto;
}
.search-container .fullwidth .sector-outer .search-list ul li {
  padding: 10px 0;
  background: #fff;
  transition: all 0.3s ease-in;
}
.search-container .fullwidth .sector-outer .search-list ul li.list-highlight a {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-container .fullwidth .sector-outer .search-list ul li p {
  background: #f1f7ff;
  padding: 5px 15px;
  color: #002543;
  font-size: 13px;
  font-weight: 700;
  margin: 0;
  width: 100%;
}
.search-container .fullwidth .sector-outer .search-list ul li h5 {
  padding: 5px 15px;
  color: #000;
  font-size: 13px;
  font-weight: 500;
}
.search-container .fullwidth .sector-outer .search-list ul li h5 .icon {
  color: #d32f2f;
  font-size: 21px;
  margin-right: 5px;
  vertical-align: middle;
}
.search-container .fullwidth .sector-outer .search-list ul li a {
  padding: 0 15px;
  display: block;
}
.search-container .fullwidth .sector-outer .search-list ul li a h3 {
  font-size: 14px;
  color: #010101;
  margin: 0;
  font-weight: 400;
  width: calc(100% - 55px);
  transition: all 0.3s ease;
  position: relative;
}
.search-container .fullwidth .sector-outer .search-list ul li a h3 .icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.8);
  font-size: 17px;
  position: absolute;
  left: 0;
  top: 50%;
  transition: all 0.3s ease;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.search-container .fullwidth .sector-outer .search-list ul li a h3 .br {
  display: block;
  margin-top: 4px;
  color: #898989;
  font-size: 12px;
}
.search-container .fullwidth .sector-outer .search-list ul li a h3 .br .ellipsis {
  width: calc(100% - 90px);
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.search-container .fullwidth .sector-outer .search-list ul li a h3 .citytype {
  display: inline-block;
  font-style: normal;
  height: 15px;
  padding: 0 5px;
  line-height: 14px;
  margin-right: 5px;
  vertical-align: middle;
  text-transform: capitalize;
  color: #5186b1;
  font-weight: 400;
  font-size: 11px;
  background: #f1f7ff;
  border: 1px solid #d4e4f9;
}
.search-container .fullwidth .sector-outer .search-list ul li a h4 {
  color: #6b6b6b;
  font-size: 12px;
  font-weight: 400;
  width: 45px;
  text-align: right;
}
.search-container .fullwidth .sector-outer .search-list ul li a h4 span {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0px;
  min-width: 17px;
  width: 17px;
  height: 15px;
  overflow: hidden;
  margin-left: 6px;
}
.search-container .fullwidth .sector-outer .search-list ul li:first-child {
  padding: 0;
}
.search-container .fullwidth .sector-outer .search-list ul li:hover {
  background: #f1f7ff;
}
.search-container .fullwidth .sector-outer .search-list ul li:hover a h3 {
  color: #000;
}
.search-container .fullwidth .sector-outer .search-list ul li:hover a h3 .icon {
  color: #002543;
}
.search-container .fullwidth .sector-outer .search-list ul li:focus {
  background: #f1f7ff;
}
.search-container .fullwidth .sector-outer .search-list ul li:focus a h3 {
  color: #000;
}
.search-container .fullwidth .sector-outer .search-list ul li:focus a h3 .icon {
  color: #002543;
}
.search-container .fullwidth .sector-outer .search-list ul li.active {
  background: #f1f7ff;
}
.search-container .fullwidth .sector-outer .search-list ul li.active a h3 {
  color: #000;
}
.search-container .fullwidth .sector-outer .search-list ul li.active a h3 .icon {
  color: #002543;
}
.search-container .fullwidth .price-popup {
  background: #fff;
  position: absolute;
  left: 15px;
  top: 35px;
  z-index: 10;
  width: 336px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.23);
  display: none;
  z-index: 10;
}
.search-container .fullwidth .price-popup.open {
  display: block;
}
.search-container .fullwidth .price-popup ul {
  max-height: 330px;
  overflow: hidden;
  overflow-y: auto;
}
.search-container .fullwidth .price-popup ul li {
  padding: 0;
  border-bottom: 1px solid #ebebeb;
  transition: all 0.3s ease;
}
.search-container .fullwidth .price-popup ul li a {
  display: block;
  padding: 10px 15px;
  font-size: 14px;
  color: #000;
  margin: 0;
  font-weight: 400;
}
.search-container .fullwidth .price-popup ul li:last-child {
  border: 0;
}
.search-container .fullwidth .price-popup ul li:hover {
  background: #f1f7ff;
}
.search-container .fullwidth .guest-popup {
  background: #fff;
  position: absolute;
  left: 15px;
  top: 35px;
  z-index: 10;
  width: 336px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.23);
  display: none;
  z-index: 10;
}
.search-container .fullwidth .guest-popup .scrolling {
  max-height: 270px;
  overflow: hidden;
  overflow-y: auto;
}
.search-container .fullwidth .guest-popup.open {
  display: block;
}
.search-container .fullwidth .guest-popup .room-collapsed {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  border-bottom: 1px dashed #ebebeb;
  background: #f1f7ff;
  padding: 15px;
  width: 100%;
}
.search-container .fullwidth .guest-popup .room-collapsed h4 {
  font-size: 15px;
  font-weight: 700;
  color: #000;
  margin: 0 0 5px;
}
.search-container .fullwidth .guest-popup .room-collapsed h4 span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}
.search-container .fullwidth .guest-popup .room-collapsed h4 span strong {
  color: #000;
}
.search-container .fullwidth .guest-popup .room-collapsed .icons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.search-container .fullwidth .guest-popup .room-collapsed .icons .icon {
  opacity: 0.5;
  transition: all 0.5s ease;
  cursor: pointer;
  font-size: 16px;
  margin-left: 10px;
}
.search-container .fullwidth .guest-popup .room-collapsed .icons .icon.ak-cancel {
  font-size: 14px;
}
.search-container .fullwidth .guest-popup .room-collapsed .icons .icon:hover {
  opacity: 1;
}
.search-container .fullwidth .guest-popup .groups h2 {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  padding: 11px 15px 5px;
}
.search-container .fullwidth .guest-popup .groups ul li {
  padding: 10px 15px;
  border-bottom: 1px dotted #ebebeb;
  transition: all 0.5s ease;
}
.search-container .fullwidth .guest-popup .groups ul li h3 {
  margin: 15px 0;
  text-transform: uppercase;
  color: #000;
  font-size: 13px;
}
.search-container .fullwidth .guest-popup .groups ul li .row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
}
.search-container .fullwidth .guest-popup .groups ul li .row .select-field {
  width: 23%;
  margin: 10px 0 20px;
}
.search-container .fullwidth .guest-popup .groups ul li .row .select-field label {
  background: #fff;
  top: -19px;
  left: 7px;
  padding: 0 3px;
  font-size: 10px;
}
.search-container .fullwidth .guest-popup .groups ul li .row .select-field .select-dropdown {
  font-size: 12px;
}
.search-container .fullwidth .guest-popup .groups ul li p {
  font-size: 15px;
  color: #000;
  width: calc(100% - 130px);
  padding-right: 10px;
}
.search-container .fullwidth .guest-popup .groups ul li p span {
  font-size: 12px;
  color: #6b6b6b;
}
.search-container .fullwidth .guest-popup .groups ul li p .checkbox {
  display: block;
  margin: 0;
}
.search-container .fullwidth .guest-popup .groups ul li p .checkbox label {
  font-size: 12px;
  color: #525252;
  text-transform: none !important;
  padding-top: 2px;
}
.search-container .fullwidth .guest-popup .groups ul li h6 {
  font-size: 16px;
  color: #363636;
  width: 40px;
}
.search-container .fullwidth .guest-popup .groups ul li .btnouter {
  border: 1px solid #d4d4d4;
  border-radius: 7px;
  height: 28px;
  overflow: hidden;
  background: #fff;
  width: 70px;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.search-container .fullwidth .guest-popup .groups ul li .btnouter a {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #363636;
  font-size: 20px;
  width: 50%;
  font-weight: 700;
  transition: all 0.5s ease;
}
.search-container .fullwidth .guest-popup .groups ul li .btnouter a:first-child {
  border-right: 1px solid #d4d4d4;
}
.search-container .fullwidth .guest-popup .groups ul li .btnouter a:hover {
  color: #fff;
  background: #d32f2f;
}
.search-container .fullwidth .guest-popup .groups ul li:hover {
  background: #f1f7ff;
}
.search-container .fullwidth .guest-popup .groups ul li:hover .row .select-field label {
  background: #f1f7ff;
}
.search-container .fullwidth .guest-popup .groups ul li:hover p {
  color: #d32f2f;
}
.search-container .fullwidth .guest-popup .groups ul li:hover p span {
  color: #6b6b6b;
}
.search-container .fullwidth .guest-popup footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  width: 100%;
}
.search-container .fullwidth .guest-popup footer .link {
  font-size: 15px;
  font-weight: 700;
  color: #d32f2f;
  text-transform: capitalize;
}
.search-container .fullwidth .guest-popup footer .link span {
  margin-right: 10px;
  transition: all 0.5s ease;
}
.search-container .fullwidth .guest-popup footer .link:hover span {
  margin-right: 5px;
}
.search-container .fullwidth .guest-popup footer .btns {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  width: 65px;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}
.search-container .firstbox {
  border-bottom: 1px solid #ebebeb;
  padding: 0 15px 15px;
  width: 100%;
}
.search-container .firstbox h1 {
  font-size: 24px;
  font-weight: 400;
  margin: 0;
  text-align: center;
}
.search-container .firstbox .modify-search-heading {
  display: none;
}
.search-container .ow-row {
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  max-width: 1180px;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.search-container .ow-row > li {
  padding: 15px;
  position: relative;
  transition: background-color 0.5s linear;
}
.search-container .ow-row > li .icon {
  font-size: 80%;
  transition: all 0.2s linear;
  display: inline-block;
}
.search-container .ow-row > li .icon.up {
  transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
}
.search-container .ow-row > li label {
  font-size: 13px;
  font-weight: 500;
  color: #363636;
  text-transform: uppercase;
  display: block;
  white-space: nowrap;
}
.search-container .ow-row > li h6 {
  font-size: 30px;
  font-weight: 700;
  margin: 0;
  color: #000;
}
.search-container .ow-row > li h6 span {
  font-weight: 400;
  font-size: 18px;
  color: #525252;
}
.search-container .ow-row > li p {
  font-size: 13px;
  color: #000;
  margin: 0;
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-container .ow-row > li .errormsg-outer {
  position: absolute;
  left: 0;
  top: 90%;
  z-index: 10;
  width: 100%;
  animation: loading 0.5s ease 0s 1 normal forwards;
  -webkit-animation: loading 0.5s ease 0s 1 normal forwards;
}
.search-container .ow-row > li .errormsg-outer .error-style {
  background: #ffe9e9;
}
.search-container .ow-row > li .errormsg-outer .error-style p {
  white-space: normal;
  overflow: visible;
  color: #d32f2f;
}
.search-container .ow-row > li .errormsg-outer .error-style .icon {
  font-size: 30px;
}
.search-container .ow-row > li.destination {
  width: calc(100% - 410px);
  cursor: pointer;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
}
.search-container .ow-row > li.destination > div {
  width: calc(100% - 32px);
}
.search-container .ow-row > li.destination .current-location {
  position: absolute;
  right: 17px;
  top: 50%;
  z-index: 5;
  transform: scale(0.8) translateY(-50%);
  -moz-transform: scale(0.8) translateY(-50%);
}
.search-container .ow-row > li.destination .current-location .icon {
  font-size: 23px;
  color: #d2d2d2;
  display: inline-block;
}
.search-container .ow-row > li.destination .current-location:hover {
  transform: scale(1) translateY(-50%);
  -moz-transform: scale(1) translateY(-50%);
}
.search-container .ow-row > li.destination h6 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.search-container .ow-row > li.destination::after {
  content: "";
  width: 1px;
  height: 70%;
  background: #ebebeb;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.search-container .ow-row > li.month {
  width: 200px;
  cursor: pointer;
  position: relative;
}
.search-container .ow-row > li.btnarea {
  width: 210px;
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.search-container .ow-row > li.btnarea .search-btn {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  padding: 12px 15px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
}
.search-container .ow-row > li:hover {
  background-color: #f1f7ff;
}
.search-container .ow-row > li.error {
  background: rgba(255, 0, 0, 0.1);
}
.search-container .ow-row > li:last-child {
  background: transparent;
  min-width: 190px;
}
.search-container .ow-row > li:last-child::after {
  display: none;
}
.search-container .ow-row > li.openPopup {
  background: #f1f7ff;
}
.search-container .ow-row > li.openPopup label {
  color: #055290;
  font-weight: 700;
}
.search-container .ow-row.details > li {
  position: relative;
}
.search-container .ow-row.details > li::after {
  content: "";
  width: 1px;
  height: 70%;
  background: #ebebeb;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.search-container .ow-row.details > li .price-popup {
  width: 336px;
}
.search-container .ow-row.details > li .month-popup {
  left: 15px;
}
.search-container .ow-row.details > li h6 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.search-container .ow-row.details > li.destination {
  width: calc((100% - 215px) / 4 + 30px);
}
.search-container .ow-row.details > li.destination > div:not(.price-popup) {
  width: 100%;
}
.search-container .ow-row.details > li.price {
  width: calc((100% - 215px) / 4);
}
.search-container .ow-row.details > li.rooms-guests {
  width: calc((100% - 215px) / 4);
}
.search-container .ow-row.details > li.month {
  width: calc((100% - 215px) / 4);
}
.search-container .ow-row.details > li.month::after {
  display: none;
}
.search-container .ow-row.details > li.btnarea {
  width: 185px;
}
.search-container .ow-row.details > li.btnarea::after {
  display: none;
}
.search-container .ow-row.details > li.btnarea .search-btn {
  padding: 10px 15px;
  font-size: 16px;
  border-radius: 20px;
}
@media screen and (max-width: 800px) {
  .search-container .ow-row.details > li.btnarea .search-btn {
    border-radius: 30px;
  }
}
.search-container .ow-row.details > li:last-child {
  min-width: 185px;
}
.search-container .thirdsection {
  padding-bottom: 10px;
  width: 100%;
}
.search-container .thirdsection .links {
  padding: 15px 15px 0;
  width: 100%;
}
.search-container .thirdsection .links li a {
  padding: 0 0 0 22px;
  font-size: 13px;
  color: #000;
  position: relative;
}
.search-container .thirdsection .links li a::before {
  content: "\e914";
  position: absolute;
  left: 0;
  top: -4px;
  font-family: "holidays" !important;
  color: #1e398f;
  font-size: 16px;
  transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transition: all 0.5s ease;
}
.search-container .thirdsection .links li a span {
  font-weight: 500;
}
.search-container .thirdsection .links li a.active::before {
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}
.search-container .thirdsection .recent-searches {
  width: 100%;
  padding: 8px 15px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.search-container .thirdsection .recent-searches li {
  display: block;
  margin: 7px 20px 7px 0;
  position: relative;
}
.search-container .thirdsection .recent-searches li .box {
  display: block;
  border-radius: 5px;
  padding: 5px 15px;
  border: 1px solid #ebebeb;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  color: #363636;
  font-size: 12px;
  font-weight: 400;
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
}
.search-container .thirdsection .recent-searches li .box span {
  display: block;
  color: #525252;
  font-size: 11px;
  font-weight: 400;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.search-container .thirdsection .recent-searches li .ak-close {
  font-size: 17px;
  color: #919191;
  margin-left: 5px;
  position: absolute;
  right: -7px;
  top: -7px;
  opacity: 0;
}
.search-container .thirdsection .recent-searches li .clear {
  font-size: 13px;
  color: #19478a;
  font-weight: 400;
  display: inline-block;
  position: relative;
}
.search-container .thirdsection .recent-searches li .clear::before {
  content: "";
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  position: absolute;
  background: #9aa7c2;
}
.search-container .thirdsection .recent-searches li .clear::after {
  content: "";
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  position: absolute;
  background: #d32f2f;
  transition: all 0.5s ease;
}
.search-container .thirdsection .recent-searches li .clear:hover {
  color: #d32f2f;
}
.search-container .thirdsection .recent-searches li .clear:hover::after {
  width: 100%;
}
.search-container .thirdsection .recent-searches li:hover .ak-close {
  opacity: 1;
}
.search-container .thirdsection .recent-searches li:last-child {
  margin: 0;
}
.search-container.weekend .firstbox {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.search-container.weekend .firstbox h1 {
  font-size: 20px;
  text-align: right;
}
.search-container.weekend .firstbox ul {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
}
.search-container.weekend .firstbox ul li {
  margin-right: 15px;
}
.search-container.weekend .firstbox ul li .radio {
  margin: 0;
}
.search-container.weekend .firstbox ul li .radio label {
  font-weight: 500;
  font-size: 15px;
}
.search-container.weekend .ow-row > li.destination {
  width: calc(100% - 210px);
}
.search-container #modifysearch-close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  display: none;
  opacity: 0.5;
  transition: all 0.4s ease;
  transform: scale(0.8);
}
.search-container #modifysearch-close:hover {
  transform: scale(1);
  opacity: 1;
}
@media screen and (min-width: 801px) {
  .search-container #modifysearch-close {
    display: block;
  }
}
.search-container #modifysearch-close1 {
  cursor: pointer;
}

.radio {
  position: relative;
  margin-bottom: 15px;
}
.radio label {
  display: block;
  font-size: 14px;
  color: #000;
  padding-left: 25px;
  cursor: pointer;
}
.radio label::before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  border: 1px solid #D92727;
  border-radius: 50%;
}
.radio label::after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 50%;
  background: #D92727;
  transition: all 0.3s ease;
  transform: translateY(-50%) scale(0);
  -moz-transform: translateY(-50%) scale(0);
}
.radio input {
  opacity: 0;
}
.radio input:checked ~ label::after {
  transform: translateY(-50%) scale(0.6);
  -moz-transform: translateY(-50%) scale(0.6);
}

.checkbox {
  position: relative;
  margin-bottom: 15px;
}
.checkbox label {
  display: block;
  font-size: 13px;
  color: #000;
  padding-left: 25px;
  cursor: pointer;
}
.checkbox label::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 2px;
  border: 1px solid #8297a6;
  border-radius: 4px;
  background: #fff;
}
.checkbox label::after {
  content: "\e9ae";
  font-family: "holidays" !important;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 3px;
  top: 3px;
  color: #fff;
  font-size: 10px;
  transition: all 0.3s ease;
  opacity: 0;
}
.checkbox input {
  opacity: 0;
}
.checkbox input:checked ~ label:before {
  background: #d32f2f;
  border-color: #d32f2f;
}
.checkbox input:checked ~ label::after {
  opacity: 1;
}

.range-field {
  margin-top: 22px;
}

p.range-value {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-weight: 500;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -8px;
}

.common-header {
  background: #002543;
  transition: all 0.5s ease;
  width: 100%;
}
.common-header .container {
  padding: 10px 15px;
  position: relative;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.common-header .container .top-header {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.common-header .container .logo {
  cursor: pointer;
  min-width: 300px;
  width: 300px;
  height: 56px;
  background: url(../images/home-logo.svg) no-repeat;
  background-size: contain;
  z-index: 10;
  position: relative;
  display: inline-block;
  transition: none;
  margin-right: 35px;
}
.common-header .container .subpagemenu {
  position: relative;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.common-header .container .subpagemenu li a {
  margin-right: 30px;
  height: 100%;
  position: relative;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.common-header .container .subpagemenu li a::before {
  content: "";
  left: 50%;
  bottom: -10px;
  width: 0%;
  height: 3px;
  position: absolute;
  background: #d32f2f;
  opacity: 0;
  transition: all 0.5s ease;
}
.common-header .container .subpagemenu li a .icon {
  font-size: 18px;
  color: #fff;
  transition: all 0.5s ease;
  margin-bottom: 5px;
  height: 20px;
  line-height: 20px;
}
.common-header .container .subpagemenu li a .icon.ak-cruise {
  font-size: 24px;
}
.common-header .container .subpagemenu li a h3 {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  text-align: center;
}
.common-header .container .subpagemenu li a:hover::before {
  left: 0;
  opacity: 1;
  width: 100%;
}
.common-header .container .subpagemenu li a:hover .icon {
  color: #d32f2f;
}
.common-header .container .subpagemenu li:last-child a {
  margin: 0;
}
.common-header .container .subpagemenu li.active a .icon {
  color: #d32f2f;
}
.common-header .container .subpagemenu li.active a::before {
  left: 0;
  opacity: 1;
  width: 100%;
}
.common-header .container .payment-header {
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.common-header .container .payment-header li {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.common-header .container .payment-header li .icon {
  color: #cad7e2;
  font-size: 40px;
  opacity: 0.7;
  margin-right: 10px;
}
.common-header .container .payment-header li p {
  color: #cad7e2;
  font-size: 13px;
  font-weight: 400;
}
.common-header .container .payment-header li p span {
  display: block;
}
.common-header .container .payment-header li.border {
  width: 1px;
  height: 30px;
  background: #fff;
  opacity: 0.2;
  margin: 0 15px;
}

.common-modal.modal {
  max-height: 80%;
  width: calc(100% - 20px);
  max-width: 800px;
  border-radius: 15px;
}
.common-modal.modal .modal-header {
  padding: 20px 24px 0;
  position: relative;
}
.common-modal.modal .modal-header h2 {
  font-size: 27px;
  font-weight: 700;
  color: #d32f2f;
  text-align: center;
}
.common-modal.modal .modal-header .ak-cancel {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  opacity: 0.5;
  color: #000;
  transform: scale(0.8);
  -moz-transform: scale(0.8);
  transition: all 0.4s ease;
  font-size: 13px;
  position: absolute;
  right: 15px;
  top: 15px;
}
.common-modal.modal .modal-header .ak-cancel:hover {
  transform: scale(1);
  -moz-transform: scale(1);
}
.common-modal.modal .modal-content {
  padding-top: 0;
  padding-bottom: 0;
}
.common-modal.modal .modal-content h3 {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 15px;
}
.common-modal.modal .modal-footer {
  padding: 0 24px 24px;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.common-modal.modal .modal-footer .primary {
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border-radius: 41px;
}
.common-modal.modal .modal-footer .mobile-no {
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
.common-modal.modal .modal-footer .mobile-no .icon {
  color: #d32f2f;
  font-size: 15px;
  margin-right: 7px;
}
.common-modal.modal .modal-footer .mobile-no a {
  color: #000;
}
.common-modal.modal .modal-footer .mobile-no .smalltext {
  font-size: 14px;
  color: #525252;
}

.sticky-header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  height: 0;
}
.sticky-header .common-header {
  transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  transition: all 0.4s linear;
}
.sticky-header.show .common-header {
  transform: translateY(0px);
  -moz-transform: translateY(0px);
}

.scroll-to-bottom {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 50px;
  margin: 0 auto;
  border-radius: 10px;
  background: rgba(0, 32, 90, 0.7);
  padding: 7px 15px;
  z-index: 99;
  cursor: pointer;
  width: 140px;
  animation: mouseMove 1.5s linear 0s infinite normal forwards;
  -webkit-animation: mouseMove 1.5s linear 0s infinite normal forwards;
  visibility: visible;
}
.scroll-to-bottom .mouse {
  width: 23px;
  height: 39px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #002543;
  position: relative;
  margin-right: 15px;
}
.scroll-to-bottom .mouse::before {
  content: "";
  left: 50%;
  height: 12px;
  width: 2px;
  background: #d32f2f;
  top: 7px;
  margin-left: -1px;
  position: absolute;
  z-index: 10;
}
.scroll-to-bottom p {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: left;
}
@keyframes mouseMove {
  0% {
    bottom: 35px;
  }
  50% {
    bottom: 20px;
  }
  100% {
    bottom: 35px;
  }
}
.floatinigbtnouter {
  position: fixed;
  right: 15px;
  bottom: 96px;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  width: 205px;
  padding-top: 10px;
  pointer-events: none;
  z-index: 100;
}
.floatinigbtnouter .floatingbtn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #1e398f;
  pointer-events: all;
  padding: 10px;
  cursor: pointer;
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  transform: scale(1);
  -moz-transform: scale(1);
  transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.floatinigbtnouter .floatingbtn::after {
  content: "Customer Support";
  position: absolute;
  right: 75px;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 600;
  padding: 3px 10px;
  background: #1e398f;
  color: #fff;
  border-radius: 999px;
  top: 50%;
  transition: all 0.5s ease;
  opacity: 0;
  text-align: center;
  line-height: 18px;
  display: flex;
  place-content: center;
  white-space: nowrap;
}
.floatinigbtnouter .floatingbtn span {
  color: #fff;
  font-size: 24px;
}
.floatinigbtnouter .floatingbtn:hover::after {
  opacity: 1;
}
.floatinigbtnouter .floatingbtn.labelshow::after {
  opacity: 1;
}
.floatinigbtnouter .floatingbtn.hidden {
  transform: scale(0);
  -moz-transform: scale(0);
}
.floatinigbtnouter .expandingbtns {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 10px;
  transform: scale(0);
  margin: 0 10px 10px;
  background: #d22f32;
  display: flex;
  place-content: center center;
  transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  position: relative;
}
.floatinigbtnouter .expandingbtns span {
  color: #fff;
  display: inline-block;
  font-size: 24px;
  z-index: 9;
}
.floatinigbtnouter .expandingbtns span.ak-phone-receiver {
  font-size: 17px;
  margin-top: 2px;
}
.floatinigbtnouter .expandingbtns span.ak-printer1 {
  font-size: 19px;
}
.floatinigbtnouter .expandingbtns:nth-child(2) {
  transition-delay: 0.4s;
}
.floatinigbtnouter .expandingbtns:nth-child(2)::after {
  content: "FAQ";
}
.floatinigbtnouter .expandingbtns:nth-child(3) {
  transition-delay: 0.3s;
}
.floatinigbtnouter .expandingbtns:nth-child(3)::after {
  content: "Contact Us";
}
.floatinigbtnouter .expandingbtns:nth-child(4) {
  transition-delay: 0.2s;
}
.floatinigbtnouter .expandingbtns:nth-child(4)::after {
  content: "Print e ticket";
}
.floatinigbtnouter .expandingbtns:nth-child(5) {
  transition-delay: 0.1s;
}
.floatinigbtnouter .expandingbtns:nth-child(5)::after {
  content: "Print eTicket";
}
.floatinigbtnouter .expandingbtns.active {
  transform: scale(1);
}
.floatinigbtnouter .expandingbtns.active:nth-child(2) {
  transition-delay: 0.1s;
}
.floatinigbtnouter .expandingbtns.active:nth-child(3) {
  transition-delay: 0.2s;
}
.floatinigbtnouter .expandingbtns.active:nth-child(4) {
  transition-delay: 0.3s;
}
.floatinigbtnouter .expandingbtns.active:nth-child(5) {
  transition-delay: 0.4s;
}
.floatinigbtnouter .expandingbtns::before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  background: #1e398f;
  z-index: 2;
  transform: scale(0);
  transition: all 0.4s ease;
  border-radius: 50%;
}
.floatinigbtnouter .expandingbtns::after {
  content: "";
  top: 50%;
  right: 65px;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  transition: all 0.4s ease;
  white-space: nowrap;
  text-align: center;
  line-height: 18px;
}
.floatinigbtnouter .expandingbtns:hover {
  cursor: pointer;
  color: #d22f32;
}
.floatinigbtnouter .expandingbtns:hover::before {
  transform: scale(1.2);
  opacity: 1;
}
.floatinigbtnouter .expandingbtns:hover::after {
  color: #1e398f;
  right: 55px;
}

#feedback {
  position: fixed;
  right: -65px;
  top: 50%;
  z-index: 50;
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
#feedback a {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0;
  border-radius: 18px 18px 0 0;
  transform: rotate(-90deg) translateY(-50%);
  -moz-transform: rotate(-90deg) translateY(-50%);
  width: 130px;
  text-align: center;
  background-image: linear-gradient(to right, #0e3c7e, #144ea3);
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
#feedback a i {
  font-size: 24px;
  margin-right: 5px;
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}

.slide-panel {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 150;
  opacity: 0;
  pointer-events: none;
}
.slide-panel .overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  background: #000;
  pointer-events: none;
  transition: all 0.3s ease;
}
.slide-panel .contentarea {
  width: 100%;
  max-width: 800px;
  height: 100%;
  position: fixed;
  pointer-events: none;
  right: -100%;
  top: 0;
  background: #fff;
  overflow: hidden;
  overflow-y: auto;
  transition: all 0.3s ease;
}
.slide-panel .contentarea header {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px;
  border-bottom: 1px solid #e3e3e3;
  background: #fff;
}
.slide-panel .contentarea header h2 {
  color: #002543;
  font-size: 20px;
  font-weight: 500;
}
.slide-panel .contentarea header .close {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background: #eee;
  color: #000;
  font-size: 16px;
  border-radius: 5px;
  transition: all 0.5s ease;
}
.slide-panel .contentarea header .close:hover {
  background: #d32f2f;
  color: #fff;
}
.slide-panel .contentarea .slidepanel-content {
  padding: 30px;
}
.slide-panel .contentarea .slidepanel-content .feedback-successmsg {
  padding: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.slide-panel .contentarea .slidepanel-content .feedback-successmsg .icon {
  font-size: 95px;
  color: #307d01;
}
.slide-panel .contentarea .slidepanel-content .feedback-successmsg h6 {
  color: #000;
  font-size: 33px;
  font-weight: 700;
  margin: 20px 0 10px;
}
.slide-panel .contentarea .slidepanel-content .feedback-successmsg p {
  color: #676767;
  font-size: 24px;
  font-weight: 400;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .firstrows {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .second-row {
  flex-flow: row wrap;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .third-row {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .radio-list {
  flex-flow: row wrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .radio-list li {
  margin-right: 15px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .radio-list li .radio label {
  font-size: 12px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .radio-list li:last-child {
  margin-right: 0;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .block .country-code {
  width: 109px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .block .phone-number {
  width: calc(100% - 120px);
}
.slide-panel .contentarea .slidepanel-content .feedback-section .half-width {
  width: calc(50% - 10px);
}
.slide-panel .contentarea .slidepanel-content .feedback-section .half-width.contact-no-outer {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .greybg {
  background: #f4f6f8;
  padding: 20px;
  border: 1px solid #eceff3;
  margin: 0 0 15px;
  border-radius: 7px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .input-field.outline textarea {
  height: 78px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .refresh {
  color: #19478a;
  cursor: pointer;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .btn-wrapper {
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .btn-wrapper a {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .border {
  border: 1px dashed #b8b8b8;
  border-radius: 7px;
  padding: 10px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .border ul {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .border ul li {
  margin-right: 15px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .border ul li:nth-child(2) {
  width: calc(100% - 150px);
}
.slide-panel .contentarea .slidepanel-content .feedback-section .border ul li:last-child {
  margin: 0;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .border ul li .input-field.outline {
  margin: 0;
}
.slide-panel .contentarea .slidepanel-content .feedback-section h3 {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 15px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section h3 span {
  color: #525252;
  font-size: 13px;
  font-weight: 400;
  display: block;
  margin-top: 5px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section h4 {
  color: #19478a;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 15px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section h5 {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 10px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .m-b-7 {
  margin-bottom: 7px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .uploadfilecontainer {
  height: 153px;
  width: 100%;
  margin: 0;
  background: #fff !important;
  border: 1px dashed #b8b8b8;
  border-radius: 7px;
  position: relative;
  cursor: pointer;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .uploadfilecontainer input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .uploadfilecontainer .absdiv {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: 7px;
  overflow: hidden;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .uploadfilecontainer .absdiv .left {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fafafa;
  width: 140px;
  border-right: 1px dashed #b8b8b8;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .uploadfilecontainer .absdiv .left span {
  color: #595959;
  font-size: 65px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .uploadfilecontainer .absdiv .right {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 140px);
  padding: 15px;
  text-align: center;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .uploadfilecontainer .absdiv .right p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin: 0 0 5px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .uploadfilecontainer .absdiv .right h6 {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .uploadfilecontainer .absdiv .right button {
  height: 39px;
  width: 145px;
  border-radius: 5px;
  background: #19478a;
  line-height: 39px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  border: 0;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .files-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 10px auto;
  background: #ffffff;
  border: 1px dashed #b8b8b8;
  border-radius: 5px;
  padding: 5px 10px;
  color: #333;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .files-list p {
  margin: 0;
  color: #333;
  font-weight: 500;
  width: calc(100% - 40px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .files-list .delete-file {
  background: transparent;
  border: none;
  cursor: pointer;
  height: 15px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .files-list .delete-file span {
  color: #d32f2f;
  font-size: 15px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .errormsg {
  border: 1px solid #d32f2f;
  padding: 15px;
  margin: 20px 0;
  border-radius: 5px;
  background: #f8ecec;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .errormsg span {
  color: #d32f2f;
  font-size: 32px;
}
.slide-panel .contentarea .slidepanel-content .feedback-section .errormsg p {
  color: #000;
  font-size: 16px;
  padding-left: 15px;
}
.slide-panel .contentarea .slidepanel-content .review-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.slide-panel .contentarea .slidepanel-content .review-header .main-header {
  font-size: 19px;
  font-weight: 500;
  color: #000;
}
.slide-panel .contentarea .slidepanel-content .review-header .sub-text {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 10px;
}
.slide-panel .contentarea .slidepanel-content .review-header .sub-text.sub-detail {
  font-weight: 500;
}
.slide-panel .contentarea .slidepanel-content .review-header .main-header-banner {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 10px 30px;
  margin: 0px -30px;
  background: #f4f6f8;
}
.slide-panel .contentarea .slidepanel-content .review-header .main-header-banner .item {
  width: 100%;
  margin-right: 15px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #ebebeb;
}
.slide-panel .contentarea .slidepanel-content .review-header .main-header-banner .item:last-child {
  margin-right: 0px;
  border-right: 0px;
}
.slide-panel .contentarea .slidepanel-content .review-header .main-header-banner .item p {
  font-size: 13px;
  font-weight: 400;
}
.slide-panel .contentarea .slidepanel-content .review-header .main-header-banner .item h3 {
  font-size: 18px;
  font-weight: 500;
}
.slide-panel .contentarea .slidepanel-content .review-header .main-header-banner .item h3 span {
  font-size: 14px;
  font-weight: 400;
}
.slide-panel .contentarea .slidepanel-content .details-tabs {
  width: 100%;
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 0px 10px;
  margin: 0 0 15px 0;
  position: relative;
  display: flex;
  flex-direction: row;
  overflow-x: auto;
   z-index: 49;


}
@media screen and (min-width: 801px) {
          .slide-panel .contentarea .slidepanel-content .details-tabs{
          position: sticky;
          top: 0;
        }
        }


.slide-panel .contentarea .slidepanel-content .details-tabs li {
  margin-right: 35px;
  text-transform: uppercase;
  padding: 15px 10px 10px;
  border-bottom: 4px solid #fff;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  transition: 0.1s ease;
  cursor: pointer;
}
.slide-panel .contentarea .slidepanel-content .details-tabs li a {
  color: #000;
}
.slide-panel .contentarea .slidepanel-content .details-tabs li:hover {
  color: #d32f2f;
  border-bottom: 4px solid #d32f2f;
}
.slide-panel .contentarea .slidepanel-content .details-tabs li.active {
  color: #d32f2f;
  border-bottom: 4px solid #d32f2f;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content {
  margin-bottom: 15px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card {
  width: 100%;
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-header {
  height: 139px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-header picture {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  height: 139px;
  overflow: hidden;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-header picture img {
  filter: brightness(0.6);
  transform: translateY(-10px);
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-header h1 {
  z-index: 2;
  text-transform: uppercase;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-header p {
  z-index: 2;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-body {
  width: 100%;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-body .day {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid rgba(156, 170, 179, 0.28);
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-body .day:last-child {
  border-bottom: 0px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-body .day li {
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-body .day .day-count {
  min-width: 100px;
  max-width: 100px;
  width: 100px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-body .day .day-count h3 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-body .day .day-itinerary {
  width: 100%;
  border-left: 1px solid rgba(156, 170, 179, 0.28);
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-body .day .day-itinerary h3 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-body .day .day-itinerary p {
  font-size: 13px;
  color: #525252;
  font-weight: 400;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-divider {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-divider span {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
  margin-right: 10px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-divider h4 {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-list-card {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  margin: 0 0 15px 0;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-list-card .heading-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-list-card .heading-row p {
  margin-left: 5px;
  font-size: 13px;
  font-weight: 400;
  color: #525252;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-list-card .details-row {
  display: flex;
  flex-direction: row;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-list-card .details-row img {
  width: 171px;
  height: 185px;
  border-radius: 15px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-list-card .details-row p {
  font-size: 13px;
  color: #525252;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .accomodation-details {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  margin: 0 0 15px 0;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .accomodation-details .room-category {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .accomodation-details .room-category p {
  font-weight: 700;
  color: #000;
  font-size: 16px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .accomodation-details .room-category .star-icon {
  transform: translateY(-1px);
  margin-left: 5px;
  color: #efb400;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .accomodation-details .accomodation-itinerary {
  display: flex;
  flex-direction: column;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .accomodation-details .accomodation-itinerary li {
  margin: 5px 0px 0px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .accomodation-details .accomodation-itinerary li p {
  font-weight: 400;
  color: #525252;
  font-size: 13px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  margin: 0 0 15px 0;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .card-heading {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .card-list {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .card-list li {
  margin: 5px 0px;
  display: flex;
  flex-direction: row;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .card-list li span {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 8px 5px 0;
  border-color: transparent #525252 transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  transform: translateY(5px) rotate(180deg);
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .card-list li p {
  font-size: 13px;
  color: #525252;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .policy-table-wrapper {
  overflow: hidden;
  border: 1px solid rgba(156, 170, 179, 0.28);
  border-radius: 4px;
  margin-bottom: 10px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .policy-table-wrapper .policy-table tr.bg-row {
  background: #f7f7f7;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .policy-table-wrapper .policy-table tr:last-child {
  border-bottom: 0px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .policy-table-wrapper .policy-table tr th,
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .policy-table-wrapper .policy-table tr td {
  padding: 10px;
  border-left: 1px solid rgba(156, 170, 179, 0.28);
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .policy-table-wrapper .policy-table tr th.no-border,
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .policy-table-wrapper .policy-table tr td.no-border {
  border-left: 0px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .policy-table-wrapper .policy-table tr th:first-child,
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .policy-table-wrapper .policy-table tr td:first-child {
  border-left: 0px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .moredetails-card .policy-table-wrapper .policy-table tr td {
  font-size: 13px;
  color: #525252;
  font-weight: 400;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .apply-promo {
  display: none;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .actions-row {
  display: none;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .support-outer {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  margin: 0 0 15px 0;
  position: relative;
  padding: 5px 15px;
  display: none;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .support-outer ul {
  width: 100%;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .support-outer ul li {
  justify-content: start;
  display: flex;
  border-bottom: 1px solid #ebebeb;
  padding: 9px 0;
  align-items: center;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .support-outer ul li:last-child {
  border-bottom: none;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .support-outer ul li .icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #525252;
  font-size: 25px;
  text-align: left;
  display: block;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .support-outer ul li h3 {
  color: #222;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 13px;
  padding-bottom: 0px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .support-outer ul li h3 span {
  font-weight: 500;
  color: #000;
  font-size: 16px;
  display: block;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .support-outer ul li h3 span strong {
  color: #000;
  font-size: 16px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .support-outer ul li h3 span .whatsapp-icon {
  background: url(images/whatsapp.png);
  width: 30px;
  height: 30px;
  display: block;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .about-tour {
  margin: 15px 0px;
  display: flex;
  flex-direction: column;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .about-tour h2 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 5px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .about-tour p {
  font-size: 13px;
  font-weight: 400;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts {
  margin: 15px 0px 0px;
  display: flex;
  flex-direction: column;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts h2 {
  font-size: 22px;
  font-weight: 700;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts .cards-row {
  margin: 15px 0px 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts .cards-row .expert-card {
  width: 100%;
  max-width: 50%;
  margin-right: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 15px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts .cards-row .expert-card:last-child {
  margin-right: 0px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts .cards-row .expert-card .expert-details {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts .cards-row .expert-card .expert-details h2 {
  font-size: 16px;
  font-weight: 500;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts .cards-row .expert-card .expert-details p {
  font-size: 13px;
  font-weight: 400;
  color: #525252;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts .cards-row .expert-card .expert-details .badges {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts .cards-row .expert-card .expert-details .badges li {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts .cards-row .expert-card .expert-details .badges li span {
  margin-right: 5px;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts .cards-row .expert-card .expert-details .badges li.phone {
  background: #e6edf2;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts .cards-row .expert-card .expert-details .badges li.whatsapp {
  background: #4caf50;
  color: #fff;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content .product-review {
  border-bottom: 0px;
  background: transparent;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content #overview-tabs-content {
  display: initial;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content #itinerary-tab-content {
  display: none;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content #accomodation-tab-content {
  display: none;
}
.slide-panel .contentarea .slidepanel-content .details-tab-content #inclusion-tab-content {
  display: none;
}
.slide-panel .contentarea .slidepanel-content .toggle-content {
  margin: 0px -30px;
  box-shadow: none;
  border: 0px;
}
.slide-panel .contentarea .slidepanel-content .toggle-content li.active .collapsible-header span {
  transform: rotate(90deg);
}
.slide-panel .contentarea .slidepanel-content .toggle-content li .collapsible-header {
  border-top: 1px solid #ebebeb;
  border-bottom: 0px;
  background: #f4f6f8;
  padding: 10px 30px;
  font-size: 15px;
  font-weight: 500;
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slide-panel .contentarea .slidepanel-content .toggle-content li .collapsible-header span {
  color: #525252;
  transition: all 0.3s ease;
  font-size: 13px;
}
.slide-panel .contentarea .slidepanel-content .toggle-content li .collapsible-body {
  padding: 10px 30px;
  border: 0px;
}
.slide-panel .contentarea .slidepanel-content .toggle-content li .collapsible-body .badge {
  display: inline;
  padding: 2px 10px;
  background: #f4f6f8;
  border: 1px solid #ebebeb;
  border-radius: 50px;
  font-size: 13px;
  color: #000;
  font-weight: 700;
  margin-right: 12px;
}
.slide-panel .contentarea .slidepanel-content .toggle-content li .collapsible-body .badge span {
  color: #00205a;
}
.slide-panel .contentarea .slidepanel-content .toggle-content li .collapsible-body p {
  font-size: 13px;
  font-weight: 400;
}
.slide-panel .contentarea .slidepanel-content .toggle-content li .collapsible-body.fare-summary-body {
  padding: 0px;
}
.slide-panel .contentarea .slidepanel-content .toggle-content li .collapsible-body .fare-summary {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px;
}
.slide-panel .contentarea .slidepanel-content .toggle-content li .collapsible-body .fare-summary li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 30px;
  border-bottom: 1px solid #ebebeb;
}
.slide-panel .contentarea .slidepanel-content .toggle-content li .collapsible-body .fare-summary li.total {
  justify-content: flex-end;
  border-bottom: 0px;
}
.slide-panel .contentarea .slidepanel-content .toggle-content li .collapsible-body .fare-summary li.total h2 {
  font-size: 22px;
  font-weight: 700;
  color: #000;
}
.slide-panel.open {
  opacity: 1;
}
.slide-panel.open .overlay {
  opacity: 0.5;
  pointer-events: all;
}
.slide-panel.open .contentarea {
  right: 0;
  pointer-events: all;
}

.home-header {
  background: #07162d;
  padding: 5px 0 15px;
}
.home-header .home-top-header {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
}
.home-header .home-top-header .mobile-header-left {
  display: none;
}
.home-header .home-top-header .menu {
  display: none;
}
.home-header .home-top-header .main-logo {
  cursor: pointer;
}
.home-header .home-top-header .main-logo h1 {
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  position: absolute;
}
.home-header .home-top-header .main-logo .logo {
  cursor: pointer;
  width: 300px;
  height: 100%;
  z-index: 10;
  display: inline-block;
  transition: none;
}
.home-header .home-top-header .main-logo .logo .logo-image {
  width: 100%;
}
.home-header .mainmenu {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  position: relative;
  z-index: 50;
}
.home-header .mainmenu > li {
  margin-right: 12px;
}
.home-header .mainmenu > li:last-child {
  margin-right: 0;
}
.home-header .mainmenu > li > a {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  width: 90px;
  border-radius: 7px;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.3);
}
.home-header .mainmenu > li > a .icon {
  font-size: 29px;
  color: #5f5f5f;
  margin-bottom: 5px;
}
.home-header .mainmenu > li > a .icon.ak-cruise {
  font-size: 34px;
  margin-bottom: -3px !important;
}
.home-header .mainmenu > li > a h3 {
  color: #000;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  text-align: center;
}
.home-header .mainmenu > li > a:hover {
  box-shadow: 0 13px 21px -1px rgba(0, 0, 0, 0.3);
  transform: translateY(-7%);
  -moz-transform: translateY(-7%);
}
.home-header .mainmenu > li > a[aria-expanded=true] {
  z-index: 1010;
  position: relative;
}
.home-header .mainmenu > li.active a {
  background: #d32f2f;
  border-color: #d32f2f;
}
.home-header .mainmenu > li.active a .icon {
  color: #fff;
}
.home-header .mainmenu > li.active a h3 {
  color: #fff;
}

.offer-banner-timer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 25px 15px 0;
  margin-bottom: -25px;
}
.offer-banner-timer .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.offer-banner-timer .wrapper .timer_row {
  width: 80%;
  background: rgb(52, 163, 86);
  background: linear-gradient(0deg, rgb(52, 163, 86) 0%, rgb(228, 219, 205) 54%, rgb(228, 219, 205) 60%, rgb(241, 160, 71) 100%);
  padding: 5px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.offer-banner-timer .wrapper .timer_row img {
  max-width: 100%;
  height: auto;
}
.offer-banner-timer .wrapper .timer_row .banner-left {
  display: flex;
  justify-content: center;
  align-items: center;
}
.offer-banner-timer .wrapper .timer_row .banner-left .flagicon {
  display: flex;
}
.offer-banner-timer .wrapper .timer_row .banner-right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.offer-banner-timer .wrapper .timer_row .banner-right .timer {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  display: flex;
  align-items: flex-end;
}
.offer-banner-timer .wrapper .timer_row .banner-right .timer p {
  text-transform: uppercase;
  border: 2px solid #373332;
  border-radius: 6px;
  background-color: #fff;
  width: 60px;
  padding-bottom: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.offer-banner-timer .wrapper .timer_row .banner-right .timer p span {
  font-size: 30px;
  font-weight: bold;
  color: #212121;
  height: 100%;
  display: block;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.offer-banner-timer .wrapper .timer_row .banner-right .timer p cite {
  font-size: 16px;
  text-transform: uppercase;
  font-style: normal;
  background-color: #ee3135;
  color: #fff;
  width: 100%;
  text-align: center;
  line-height: 19px;
  padding: 3px 0;
}

@media screen and (max-width: 1000px) {
  .offer-banner-timer .wrapper .timer_row {
    width: 100%;
  }
  .offer-banner-timer .wrapper .timer_row .banner-right .timer p span {
    font-size: 20px;
  }
  .offer-banner-timer .wrapper .timer_row .banner-right .timer p cite {
    font-size: 11px;
  }
}
@media screen and (max-width: 800px) {
  .offer-banner-timer {
    padding: 0;
    margin-bottom: 20px;
  }
  .offer-banner-timer .wrapper .timer_row .banner-right .timer p {
    width: 40px;
  }
}
@media screen and (max-width: 500px) {
  .offer-banner-timer .wrapper .timer_row {
    padding: 10px;
    height: auto;
    -moz-column-gap: 10px;
         column-gap: 10px;
    flex-direction: column;
  }
  .offer-banner-timer .wrapper .timer_row .banner-right .timer {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
  .offer-banner-timer .wrapper .timer_row .banner-right .timer p {
    font-size: 20px;
    width: 70px;
  }
}
@media screen and (max-width: 400px) {
  .banner-right .timer {
    -moz-column-gap: 2px;
         column-gap: 2px;
    padding-top: 4px;
  }
  .banner-right .timer p {
    font-size: 18px;
    width: 33px;
  }
  .banner-right .timer p cite {
    font-size: 10px;
  }
}
.home-common-heading {
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.home-common-heading .left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.home-common-heading .left h2 {
  font-size: 36px;
  font-weight: 300;
  color: #000;
}
.home-common-heading .left h2 span {
  font-size: 18px;
  font-weight: 400;
}
.home-common-heading .left h2 span.block {
  display: block;
  font-size: 15px;
}
.home-common-heading .left ul {
  text-align: left;
}
.home-common-heading .left ul li {
  margin: 7px 15px;
  display: inline-block;
}
.home-common-heading .left ul li a {
  padding: 4px 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  font-size: 15px;
  border-bottom: 2px solid transparent;
}
.home-common-heading .left ul li:hover a, .home-common-heading .left ul li.active a {
  color: #d32f2f;
  border-bottom-color: #d32f2f;
}
.home-common-heading .right {
  text-align: right;
}
.home-common-heading .right li {
  display: inline-block;
}
.home-common-heading .right li .link {
  font-size: 15px;
  color: #d32f2f;
  text-decoration: underline;
  font-weight: 500;
  white-space: nowrap;
  margin-right: 15px;
}
.home-common-heading .right li .nav {
  margin-left: 3px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 50%;
  background: #e0dcdc;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
}
.home-common-heading .right li .nav.active {
  background-color: #002543;
}
.home-common-heading .right li .nav .ak-right {
  margin-right: -3px;
}
.home-common-heading .right li .nav .ak-left {
  margin-left: -3px;
}

.exclusive-deals {
  padding: 40px 0;
}
.exclusive-deals .slider {
  overflow: hidden;
  height: auto;
}
.exclusive-deals .slider ul {
  margin: 0 -15px;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.exclusive-deals .slider ul li {
  width: 33.333%;
  min-width: 380px;
  padding: 0 15px;
  display: block;
  position: relative;
}
.exclusive-deals .slider ul li .box {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
  height: 100%;
  transition: all 0.5s ease-in;
  width: calc(100% - 45px);
  margin-left: 45px;
  border: 1px solid rgba(156, 170, 179, 0.28);
}
.exclusive-deals .slider ul li .box .fullheight {
  height: 100%;
}
.exclusive-deals .slider ul li .box .imgsection {
  height: calc(100% - 50px);
  width: 125px;
  min-width: 125px;
  overflow: hidden;
  pointer-events: all !important;
  margin: 25px 0 0 -45px;
  border-radius: 7px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  border: 1px solid #d6dfe4;
}
.exclusive-deals .slider ul li .box .imgsection img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1);
  -moz-transform: scale(1);
  transition: all 0.5s linear;
  background: #ddd;
  display: block;
}
.exclusive-deals .slider ul li .box .imgsection picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.5s linear;
  transform: scale(1);
  -moz-transform: scale(1);
  background: #ddd;
  display: block;
}
.exclusive-deals .slider ul li .box .imgsection picture source {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.exclusive-deals .slider ul li .box .content {
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  padding: 25px 15px;
  width: calc(100% - 80px);
}
.exclusive-deals .slider ul li .box .content .height {
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  max-width: 100%;
  height: calc(100% - 40px);
}
.exclusive-deals .slider ul li .box .content .height .itemDesc {
  min-height: 90px;
}
.exclusive-deals .slider ul li .box .content .label {
  margin-bottom: 20px;
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.exclusive-deals .slider ul li .box .content .label p {
  color: #6d6c6c;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  background: #f5f6f8;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
}
.exclusive-deals .slider ul li .box .content h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 5px;
  color: #000;
  width: 100%;
}
.exclusive-deals .slider ul li .box .content p {
  font-size: 13px;
  color: #525252;
  font-weight: 500;
  line-height: 20px;
}
.exclusive-deals .slider ul li .box .content .bookingsection {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0 0;
  pointer-events: all !important;
}
.exclusive-deals .slider ul li .box .content .bookingsection h6 {
  font-size: 15px;
  font-weight: 700;
  color: #525252;
}
.exclusive-deals .slider ul li .box .content .bookingsection p {
  pointer-events: all !important;
  border: 1px dashed #ebebeb;
  border-radius: 5px;
  line-height: 30px;
  color: #525252;
  font-size: 12px;
  padding: 0 0 0 10px;
  position: relative;
}
.exclusive-deals .slider ul li .box .content .bookingsection p a {
  pointer-events: all;
  border-left: 1px dashed #d5d5d5;
  display: inline-block;
  padding: 0 10px;
  margin-left: 10px;
  cursor: pointer;
}
.exclusive-deals .slider ul li .box .content .bookingsection p a i {
  vertical-align: middle;
  display: inline-block;
  font-size: 15px;
  color: #525252;
  transition: all 0.5s ease;
}
.exclusive-deals .slider ul li .box .content .bookingsection p a:hover i {
  color: #d32f2f;
}
.exclusive-deals .slider ul li .box .content .bookingsection p span {
  position: absolute;
  left: 5px;
  top: -7px;
  line-height: 12px;
  background: #fff;
  font-size: 10px;
  color: #525252;
  padding: 0 3px;
}
.exclusive-deals .slider ul li .box .content .bookingsection a {
  padding: 0;
  background: none;
  border: none;
  color: #d32f2f;
  font-size: 15px;
  font-weight: 700;
}
.exclusive-deals .slider ul li .box .content .tool-tip-container {
  position: absolute;
  background: #000;
  border: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 128px;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
}
.exclusive-deals .slider ul li .box .content .tool-tip-container p {
  color: #fff;
  display: inline-block;
  padding: 5px;
}
.exclusive-deals .slider ul li .box:hover .imgsection img,
.exclusive-deals .slider ul li .box:hover .imgsection picture {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.populardestination-wrapper {
  background: #f5f6f8;
  margin-top: 75px;
  border-top: 1px solid #e5e5e6;
}
.populardestination-wrapper .main-wrapper {
  background: #fff;
  max-width: 100%;
  border-radius: 7px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  height: 100%;
  padding: 20px;
  border: 1px solid rgba(156, 170, 179, 0.28);
  position: relative;
  margin-top: -55px;
}
.populardestination-wrapper .mainblock {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.populardestination-wrapper .mainblock .whitebox {
  background: #fff;
  padding: 20px;
  border-radius: 7px;
  height: 530px;
  border: 1px solid #dadada;
  width: calc((100% - 15px) / 2);
}
.populardestination-wrapper .mainblock .whitebox .destinationlist {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-color: #747474 #dcdcdc;
  scrollbar-width: thin;
  padding: 0;
  position: relative;
}
.populardestination-wrapper .mainblock .whitebox .destinationlist::before {
  content: "starts from";
  position: absolute;
  right: 8px;
  top: 8px;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.populardestination-wrapper .mainblock .whitebox .destinationlist .destination {
  padding: 10px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.populardestination-wrapper .mainblock .whitebox .destinationlist .destination .imgdiv {
  background: #ddd;
  height: 70px;
  border-radius: 7px;
  width: 70px;
  transition: all 0.5s ease;
  position: relative;
  overflow: hidden;
  margin-right: 10px;
  z-index: 10;
}
.populardestination-wrapper .mainblock .whitebox .destinationlist .destination .imgdiv::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 51px;
  height: 56px;
  background: url(../images/home-sprite.png) no-repeat;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  background-position: -222px -166px;
}
.populardestination-wrapper .mainblock .whitebox .destinationlist .destination .imgdiv picture {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  display: block;
}
.populardestination-wrapper .mainblock .whitebox .destinationlist .destination .imgdiv picture img {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  display: block;
}
.populardestination-wrapper .mainblock .whitebox .destinationlist .destination .textblock {
  width: calc(100% - 80px);
  position: relative;
  z-index: 10;
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.populardestination-wrapper .mainblock .whitebox .destinationlist .destination .textblock h4 {
  font-size: 19px;
  color: #000;
  font-weight: 500;
  margin: 0;
  transition: all 0.5s ease;
  z-index: 10;
}
.populardestination-wrapper .mainblock .whitebox .destinationlist .destination .textblock h4 span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #363636;
  margin-top: 3px;
}
.populardestination-wrapper .mainblock .whitebox .destinationlist .destination .textblock h3 {
  font-size: 14px;
  font-weight: 400;
  color: #525252;
  height: 25px;
  line-height: 25px;
  border-radius: 999px;
  border: 1px solid #ebebeb;
  padding: 0 10px;
  white-space: nowrap;
  background: #fff;
}
.populardestination-wrapper .mainblock .whitebox .destinationlist .destination:last-child {
  margin-bottom: 0;
}
.populardestination-wrapper .mainblock .whitebox .destinationlist .destination::after {
  content: "";
  width: 0;
  right: 0;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
  background: linear-gradient(to right, #fff, rgba(0, 0, 0, 0.1));
}
.populardestination-wrapper .mainblock .whitebox .destinationlist .destination:hover .imgdiv {
  border-radius: 50%;
}
.populardestination-wrapper .mainblock .whitebox .destinationlist .destination:hover .imgdiv::before {
  animation: scaling 0.3s linear 0s 1 alternate forwards;
  -webkit-animation: scaling 0.3s linear 0s 1 alternate forwards;
}
.populardestination-wrapper .mainblock .whitebox .destinationlist .destination:hover::after {
  animation: fullwidthanimation 0.3s linear 0s 1 alternate forwards;
  -webkit-animation: fullwidthanimation 0.3s linear 0s 1 alternate forwards;
}
.populardestination-wrapper .mainblock .populardestinations {
  width: calc((100% - 15px) / 2);
  flex-flow: row wrap;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.populardestination-wrapper .mainblock .populardestinations .box {
  padding: 0 15px;
  height: 255px;
  width: 50%;
}
.populardestination-wrapper .mainblock .populardestinations .box .fullheight {
  height: 100%;
}
.populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container {
  border-radius: 7px;
  margin-bottom: 30px;
  padding: 20px 30px;
  position: relative;
  height: 100%;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container picture {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.5s linear;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
  background: #ddd;
  display: block;
}
.populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container picture img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.5s linear;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
  background: #ddd;
  display: block;
}
.populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container::before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  background: #010c1e;
  opacity: 0.3;
  transition: all 0.5s ease-in;
  z-index: 1;
}
.populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container:hover::before {
  opacity: 0.7;
  cursor: pointer;
}
.populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container .contentsection {
  width: 100%;
  height: 100%;
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container .contentsection h5 {
  color: #fff;
  font-size: 23px;
  font-weight: 700;
  margin: 0;
  position: relative;
  z-index: 10;
  cursor: pointer;
  width: 100%;
}
.populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container .contentsection h5 span {
  display: block;
  font-size: 15px;
  font-weight: 400;
}
.populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container .contentsection h5 span strong {
  margin-left: 3px;
  font-size: 19px;
  font-weight: 500;
  white-space: nowrap;
}
.populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container .contentsection h5 span strong i {
  margin-right: 3px;
  display: inline-block;
}
.populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container:hover img {
  transform: scale(1.3);
  -moz-transform: scale(1.3);
}
.populardestination-wrapper .mainblock .populardestinations .box:nth-child(even) {
  padding-right: 0;
}
@keyframes scaling {
  0% {
    transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    opacity: 0.15;
  }
}
@keyframes fullwidthanimation {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}

.international-destinations {
  background: #f5f6f8;
  padding: 40px 0;
  border-bottom: 1px solid #e5e5e6;
}

.domestic-destinations {
  padding: 40px 0;
}

.where-when {
  padding: 40px 0;
}
.where-when .months {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 13px 0;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
}
.where-when .months li {
  display: inline-block;
  margin-right: 30px;
}
.where-when .months li a {
  color: #000;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.where-when .months li a.active, .where-when .months li a:hover {
  color: #d32f2f;
  border-bottom: 3px solid #d32f2f;
}
.where-when .package-carousel {
  padding: 20px 0 10px;
  overflow: hidden;
}
.where-when .package-carousel.weekend {
  padding-top: 0;
}
.where-when .package-carousel ul {
  margin: 0 -15px;
  width: auto;
  height: auto;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.where-when .package-carousel ul > li {
  width: 25%;
  min-width: 300px;
  padding: 0 15px;
  display: inline-block;
  position: relative;
}
.where-when .package-carousel ul > li .box {
  border-radius: 15px;
  overflow: hidden;
  height: 100%;
  background: #002543;
  position: relative;
}
.where-when .package-carousel ul > li .box img {
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.7;
  position: relative;
  z-index: 5;
}
.where-when .package-carousel ul > li .box .content-area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 10;
}
.where-when .package-carousel ul > li .box .content-area h3 {
  font-size: 14px;
  font-weight: 400;
  text-align: right;
}
.where-when .package-carousel ul > li .box .content-area h4 {
  font-size: 23px;
  font-weight: 700;
}
.where-when .package-carousel ul > li .box .content-area h4 span {
  display: block;
  font-size: 17px;
  font-weight: 400;
}

.travel-stories {
  background: #f5f6f8;
  border-top: 1px solid #e5e5e6;
  padding: 40px 0;
}
.travel-stories .travel-stories-carousel {
  position: relative;
}
.travel-stories .travel-stories-carousel .nav {
  pointer-events: all;
  position: absolute;
  width: 50px;
  height: 50px;
  background: #002543;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  border-radius: 50%;
  border: 0;
  z-index: 0;
  cursor: pointer;
  color: #fff;
  font-size: 19px;
  line-height: 53px;
}
.travel-stories .travel-stories-carousel .nav.prev {
  left: -25px;
  text-align: left;
  padding-left: 5px;
}
.travel-stories .travel-stories-carousel .nav.prev:hover {
  left: -30px;
  padding-left: 8px;
}
.travel-stories .travel-stories-carousel .nav.next {
  right: -25px;
  text-align: right;
  padding-right: 5px;
}
.travel-stories .travel-stories-carousel .nav.next:hover {
  right: -30px;
  padding-right: 8px;
}
.travel-stories .travel-stories-carousel .nav:hover {
  background: #002543;
}
.travel-stories .travel-stories-carousel .nav.disable {
  background: #e0dcdc;
  cursor: default;
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper {
  overflow: hidden;
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul {
  margin: 0 -15px;
  width: auto;
  height: auto;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li {
  display: block;
  width: 25%;
  min-width: 300px;
  padding: 0 15px;
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box {
  box-shadow: 0 0px 9px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  border-radius: 15px;
  height: 100%;
  background: #000;
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  position: relative;
  z-index: 5;
  opacity: 0.5;
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box .content-area {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box .content-area p {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 5px 15px;
  border-radius: 999px;
  border: 1px solid #fff;
  font-weight: 400;
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box .content-area .bottom {
  margin-bottom: 90px;
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box .content-area .bottom h3 {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 15px;
  color: #efb400;
  transition: all 0.3s linear;
  transform: translateY(120px);
  -moz-transform: translateY(120px);
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box .content-area .bottom h4 {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 15px;
  color: #fff;
  transition: all 0.3s linear;
  transform: translateY(120px);
  -moz-transform: translateY(120px);
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box .content-area .bottom h5 {
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  margin: 0 0 15px;
  font-weight: 300;
  transform: translateY(120px);
  -moz-transform: translateY(120px);
  transition: all 0.3s linear;
  opacity: 0;
  font-weight: 300;
  height: 0;
  overflow: hidden;
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box .content-area .bottom a {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  transform: translateY(120px);
  -moz-transform: translateY(120px);
  transition: all 0.3s linear;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box:hover .content-area .bottom {
  margin-bottom: 0px;
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box:hover .content-area .bottom h3 {
  font-size: 17px;
  transform: translateY(0px);
  -moz-transform: translateY(0px);
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box:hover .content-area .bottom h4 {
  transform: translateY(0px);
  -moz-transform: translateY(0px);
}
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box:hover .content-area .bottom h5,
.travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box:hover .content-area .bottom a {
  opacity: 1;
  transform: translateY(0px);
  -moz-transform: translateY(0px);
  height: auto;
}

.travel-guide {
  background: #f5f6f8;
  padding: 40px 0;
}
.travel-guide .wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  align-items: stretch;
  margin: 0 -15px;
}
.travel-guide .wrapper ul {
  width: 25%;
  padding: 0 15px;
}
.travel-guide .wrapper ul li {
  padding: 7px 0;
  border-bottom: 1px solid #ebebeb;
}
.travel-guide .wrapper ul li:last-child {
  border: 0;
}
.travel-guide .wrapper ul li a {
  display: inline-block;
  color: #363636;
  font-size: 13px;
  text-transform: uppercase;
}

.product-review {
  padding: 20px 0 40px;
  background: #f5f6f8;
  border-bottom: 1px solid #e5e5e6;
}
.product-review h2 {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}
.product-review h2 span {
  display: block;
  color: #525252;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
}
.product-review .main-wrapper {
  background: #fff;
  max-width: 100%;
  border-radius: 7px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  height: 100%;
  padding: 20px;
  border: 1px solid rgba(156, 170, 179, 0.28);
  position: relative;
}
.product-review .main-wrapper h6 {
  font-size: 14px;
  font-weight: 700;
  color: #525252;
}
.product-review .main-wrapper .star-rating {
  text-align: left;
  margin: 15px 0;
}
.product-review .main-wrapper .star-rating span {
  display: inline-block;
  font-size: 35px;
  color: #525252;
  margin-right: 10px;
}
.product-review .main-wrapper .star-rating span:last-child {
  margin: 0;
}
.product-review .main-wrapper .star-rating span.rated {
  color: #efb400;
}
.product-review .main-wrapper .forms {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  align-items: start;
  max-width: 965px;
}
.product-review .main-wrapper .forms > div {
  width: calc(50% - 15px);
}
.product-review .main-wrapper .forms > div:first-child {
  margin-right: 30px;
}
.product-review .main-wrapper .btn-wrapper {
  text-align: right;
  max-width: 965px;
}
.product-review .main-wrapper .btn-wrapper a {
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  padding: 0 25px;
  height: 45px;
  line-height: 45px;
}
.product-review .main-wrapper .review-list {
  display: block;
}
.product-review .main-wrapper .review-list li {
  width: 100%;
  padding: 20px 0;
}
.product-review .main-wrapper .review-list li .rating {
  text-align: left;
}
.product-review .main-wrapper .review-list li .rating span {
  display: inline-block;
  font-size: 18px;
  color: #525252;
  margin-right: 3px;
}
.product-review .main-wrapper .review-list li .rating span:last-child {
  margin: 0;
}
.product-review .main-wrapper .review-list li .rating span.rated {
  color: #efb400;
}
.product-review .main-wrapper .review-list li p {
  font-size: 13px;
  line-height: 18px;
  color: #525252;
  margin: 7px 0;
}
.product-review .main-wrapper .review-list h5 {
  color: #000;
  font-size: 15px;
  font-weight: 700;
}

.stay-uptodate {
  padding: 30px 0;
  background: #fff;
}
.stay-uptodate.weekend {
  border-top: 1px solid #e5e5e6;
}
.stay-uptodate .container {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.stay-uptodate .heading {
  width: 450px;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.stay-uptodate .heading .img {
  min-width: 110px;
  width: 110px;
  height: 89px;
  background: url(../images/home-sprite.png) no-repeat;
  background-position: -250px -69px;
}
.stay-uptodate .heading .text h2 {
  font-size: 36px;
  font-weight: 300;
  color: #000;
}
.stay-uptodate .heading .text h2 span {
  font-weight: 700;
}
.stay-uptodate .heading .text p {
  color: #363636;
  font-size: 14px;
}
.stay-uptodate .form {
  width: calc(100% - 450px);
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.stay-uptodate .form .block {
  width: calc((100% - 133px) / 2);
  margin-right: 15px;
}
.stay-uptodate .form a {
  width: 133px;
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  height: 44px;
  line-height: 44px;
}

.downloadmobile-app {
  background: #fff;
  border-top: 1px solid #e5e5e6;
  padding: 40px 0;
}
.downloadmobile-app .container {
  flex-direction: row;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.downloadmobile-app .container h2 {
  font-size: 36px;
  font-weight: 300;
  color: #000;
  line-height: 35px;
  margin-bottom: 20px;
}
.downloadmobile-app .container h2 span {
  font-weight: 700;
  display: block;
}
.downloadmobile-app .container .center-block {
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  padding: 15px 30px;
  width: 55%;
  max-width: 525px;
}
.downloadmobile-app .container .center-block .imgbloack {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
}
.downloadmobile-app .container .center-block .imgbloack a {
  display: inline-block;
  background: url(../images/home-sprite.png) no-repeat;
}
.downloadmobile-app .container .center-block .imgbloack a.googleplay {
  width: 183px;
  height: 55px;
  background-position: -204px -9px;
}
.downloadmobile-app .container .center-block .imgbloack a.appstore {
  width: 189px;
  height: 55px;
  background-position: -10px -9px;
}
.downloadmobile-app .container .center-block .imgbloack a:last-child {
  margin-left: 15px;
}
.downloadmobile-app .container .center-block h3 {
  font-size: 23px;
  font-weight: 300;
  color: #000;
  margin: 15px 0;
  text-align: center;
  line-height: 23px;
}
.downloadmobile-app .container .center-block .form {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.downloadmobile-app .container .center-block .form .block {
  width: calc(100% - 240px);
  margin-right: 15px;
}
.downloadmobile-app .container .center-block .form .block .input-field.outline {
  margin: 0;
}
.downloadmobile-app .container .center-block .form a {
  width: 240px;
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  height: 44px;
  line-height: 44px;
}
.downloadmobile-app .container .qrcode-block {
  padding: 0 15px;
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.downloadmobile-app .container .qrcode-block .qrcode {
  display: inline-block;
  background: url(../images/home-sprite.png) no-repeat;
  background-position: -7px -70px;
  width: 122px;
  height: 122px;
}
.downloadmobile-app .container .qrcode-block p {
  font-size: 14px;
  color: #363636;
  max-width: 215px;
  text-align: center;
  line-height: 22px;
}

footer .topfooter {
  background: #fff;
}
footer .topfooter::before {
  content: "";
  left: 0;
  height: 49px;
  right: 0;
  background: #09204b;
  position: absolute;
  z-index: 1;
}
footer .topfooter h3 {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 15px;
  color: #000;
}
footer .topfooter p {
  color: #363636;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
}
footer .topfooter p:last-child {
  margin: 0;
}
footer .topfooter .bullet li {
  color: #363636;
  font-size: 14px;
  line-height: 24px;
  padding: 0 0 10px 18px;
  position: relative;
}
footer .topfooter .bullet li::before {
  content: "";
  left: 0;
  top: 8px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #363636;
  position: absolute;
}
footer .topfooter .tab-header {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-direction: row;
  display: flex;
  flex: 1 1 100%;
  max-height: 100%;
}
footer .topfooter .tab-header ul {
  z-index: 10;
  height: 49px;
  line-height: 49px;
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  overflow-x: auto;
}
footer .topfooter .tab-header ul li {
  list-style: none;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  position: relative;
  margin-right: 70px;
  line-height: 49px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: 0.5s all;
}
footer .topfooter .tab-header ul li:hover {
  opacity: 0.8;
}
footer .topfooter .tab-header ul li::after {
  content: "\e981";
  width: 20px;
  position: absolute;
  right: -25px;
  font-family: "holidays" !important;
  font-size: 13px;
  line-height: 49px;
  transition: all 0.3s linear;
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}
footer .topfooter .tab-header ul li.active::after {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
footer .topfooter .tab-header ul li.inactive::after {
  transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
}
footer .topfooter .tab-header .arrow {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 0 0 23px 23px;
  background: #2f3b50;
  color: #fff;
  font-size: 14px;
  position: absolute;
  right: 0;
  bottom: -24px;
  z-index: 0;
  cursor: pointer;
}
footer .topfooter .tab-header .arrow span {
  margin-top: 8px;
  transition: all 0.2s linear;
}
footer .topfooter .tab-header .arrow span.down {
  margin-top: 8px;
  transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
}
footer .topfooter .tabContent {
  overflow: hidden;
}
footer .topfooter .tabContent > div {
  padding: 30px 0;
  display: none;
}
footer .topfooter .tabContent > div:first-child {
  display: block;
}
footer .middle-footer {
  background: #f3f3f3;
  padding: 40px 0;
}
footer .middle-footer .container {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
footer .middle-footer .block {
  width: 50%;
}
footer .middle-footer h2 {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 5px;
  color: #525252;
}
footer .middle-footer p {
  color: #525252;
  font-size: 13px;
  text-transform: capitalize;
  line-height: 24px;
  margin-bottom: 20px;
  word-wrap: break-word;
}
footer .middle-footer p a {
  color: #525252;
  white-space: nowrap;
}
footer .middle-footer p a .slash {
  width: 0px;
  height: 11px;
  border-right: 1px solid #525252;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}
footer .middle-footer p a:hover {
  color: #d32f2f;
}
footer .middle-footer p:last-child {
  margin-bottom: 0;
}
footer .bottom-footer {
  overflow-x: hidden;
  overflow-y: visible;
  background: #fff;
  margin-top: 20px;
}
footer .bottom-footer .firstrow {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
footer .bottom-footer .firstrow .socialmedia h2 {
  font-size: 12px;
  color: #646464;
  margin-bottom: 10px;
  font-weight: 400;
}
footer .bottom-footer .firstrow .socialmedia ul {
  padding-right: 30px;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
footer .bottom-footer .firstrow .socialmedia ul li {
  margin-right: 10px;
}
footer .bottom-footer .firstrow .socialmedia ul li:last-child {
  margin: 0;
}
footer .bottom-footer .firstrow .socialmedia ul li a {
  display: block;
}
footer .bottom-footer .firstrow .socialmedia ul li a span {
  color: #828282;
  font-size: 25px;
}
footer .bottom-footer .firstrow .socialmedia ul li a:hover {
  transform: scale(0.9);
  -moz-transform: scale(0.9);
}
footer .bottom-footer .firstrow .rightsection {
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one {
  border-bottom: 1px solid #ebebeb;
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  max-height: 100%;
  height: 50%;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter {
  border-left: 1px solid #ebebeb;
  padding: 3px 10px;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter h6 {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  color: #646464;
  white-space: nowrap;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter .img {
  background: url(../images/home-sprite.png) no-repeat;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter .img.visacard {
  width: 76px;
  height: 24px;
  background-position: -395px -9px;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter .img.mastercard {
  width: 59px;
  height: 47px;
  background-position: -146px -107px;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter .img.dinersclub {
  width: 54px;
  height: 54px;
  background-position: -151px -261px;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter .img.amex {
  width: 39px;
  height: 38px;
  background-position: -157px -315px;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter .img.rupay {
  width: 88px;
  height: 31px;
  background-position: -145px -70px;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter .img.incradibleindia {
  width: 92px;
  height: 37px;
  background-position: -393px -41px;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter .img.iata {
  width: 52px;
  height: 37px;
  background-position: -153px -216px;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter .img.tafi {
  width: 87px;
  height: 37px;
  background-position: -7px -251px;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter .img.maharashtrature {
  width: 55px;
  height: 42px;
  background-position: -150px -162px;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter:first-child {
  border: 0;
}
footer .bottom-footer .firstrow .rightsection .squareouter .row-one:last-child {
  border-bottom: 0;
}
footer .bottom-footer .firstrow .rightsection .powered-block {
  border-right: 1px solid #ebebeb;
}
footer .bottom-footer .firstrow .rightsection .powered-block,
footer .bottom-footer .firstrow .rightsection .certified-block {
  padding: 5px 15px;
  border-left: 1px solid #ebebeb;
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .bottom-footer .firstrow .rightsection .powered-block h3,
footer .bottom-footer .firstrow .rightsection .certified-block h3 {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px;
  color: #646464;
  text-align: center;
}
footer .bottom-footer .firstrow .rightsection .powered-block .img,
footer .bottom-footer .firstrow .rightsection .certified-block .img {
  background: url(../images/home-sprite.png) no-repeat;
}
footer .bottom-footer .firstrow .rightsection .powered-block .img.trustwave,
footer .bottom-footer .firstrow .rightsection .certified-block .img.trustwave {
  width: 85px;
  height: 39px;
  background-position: -7px -200px;
}
footer .bottom-footer .firstrow .rightsection .powered-block .img.benzy,
footer .bottom-footer .firstrow .rightsection .certified-block .img.benzy {
  width: 96px;
  height: 39px;
  background-position: -10px -306px;
}
footer .bottom-footer .firstrow .rightsection .powered-block a:hover,
footer .bottom-footer .firstrow .rightsection .certified-block a:hover {
  transform: scale(0.9);
  -moz-transform: scale(0.9);
}
footer .bottom-footer p {
  font-size: 15px;
  color: #363636;
  margin: 0;
  padding: 20px 0;
  text-align: center;
  position: relative;
}
footer .bottom-footer p a {
  color: #363636;
}
footer .bottom-footer p a:hover {
  color: #d32f2f;
}
footer .bottom-footer p::before {
  content: "";
  position: absolute;
  left: -9999px;
  right: -9999px;
  height: 1px;
  background: #ebebeb;
  top: 0;
}

.filter-mobile-footer {
  display: none;
}

.bread-crumbs {
  margin: 0 0 15px 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.bread-crumbs li {
  color: #d32f2f;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.bread-crumbs li a {
  color: #525252;
  font-weight: 400;
  display: inline-block;
  font-size: 12px;
}
.bread-crumbs li .arrow {
  display: inline-block;
  margin: 0 7px;
  color: #525252;
  font-weight: 400;
  font-size: 8px;
}

.availability {
  min-height: calc(100vh - 65px);
  padding: 15px 0;
}
@media screen and (max-width: 390px) {
  .availability {
    padding-top: 47px;
  }
}
.availability .search-criteria {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 15px;
  margin: 0 0 15px 0;
  position: relative;
}
.availability .search-criteria .top h2 {
  font-size: 24px;
  font-weight: 500;
  color: #000;
}
.availability .search-criteria .top p {
  margin: 5px 0 0;
  color: #525252;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.availability .search-criteria .top p span {
  max-width: calc(100% - 75px);
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.availability .search-criteria .top p a {
  color: #d32f2f;
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
}
.availability .search-criteria .bottom {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ebebeb;
  padding-top: 15px;
  margin-top: 15px;
}
.availability .search-criteria .bottom ul.left {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.availability .search-criteria .bottom ul.left li {
  position: relative;
  padding: 0 15px;
  padding-right: 40px;
}
.availability .search-criteria .bottom ul.left li .icon {
  margin-right: 40px;
  color: #000;
  font-size: 20px;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.availability .search-criteria .bottom ul.left li:first-child {
  padding-left: 0;
}
.availability .search-criteria .bottom ul.left li:last-child {
  padding-right: 0;
}
.availability .search-criteria .bottom ul.left li h3 {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  text-transform: capitalize;
}
.availability .search-criteria .bottom ul.left li h3 span {
  display: block;
  font-size: 14px;
}
.availability .search-criteria .bottom ul.left li h3 span strong {
  font-size: 18px;
  font-weight: 500;
}
.availability .search-criteria .bottom ul.left li h3 span.big {
  font-size: 16px;
  font-weight: 500;
}
.availability .search-criteria .bottom ul.left li.border {
  width: 1px;
  height: 40px;
  background: #ebebeb;
  padding: 0;
}
.availability .search-criteria .bottom ul.right {
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.availability .search-criteria .bottom ul.right li {
  margin-right: 10px;
}
.availability .search-criteria .bottom ul.right li:last-child {
  margin-right: 0;
}
.availability .search-criteria .bottom ul.right li.position-relative {
  position: relative;
}
.availability .search-criteria .bottom .btns {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-weight: 500;
  border: 1px solid #002543;
  font-size: 15px;
  white-space: nowrap;
  text-transform: uppercase;
  color: #000;
  position: relative;
  z-index: 15;
  background: #fff;
  height: 34px;
  line-height: 34px;
  padding: 0 15px;
}
.availability .search-criteria .bottom .btns .close {
  display: none;
  font-size: 21px;
}
.availability .search-criteria .bottom .btns:hover {
  background: #d32f2f;
  color: #fff;
  border-color: #d32f2f;
}
.availability .search-criteria .bottom .btns.sharebtn {
  padding: 0 7px;
  min-width: 0;
  margin: 0;
  animation: shareanimation 1s ease 0s 1 normal forwards;
  -webkit-animation: shareanimation 1s ease 0s 1 normal forwards;
}
.availability .search-criteria .bottom .btns.sharebtn .share {
  font-size: 21px;
}
.availability .search-criteria .bottom .btns.sharebtn .share.share-close {
  display: none;
}
.availability .search-criteria .bottom .btns.sharebtn.shareOpened .share {
  display: none;
}
.availability .search-criteria .bottom .btns.sharebtn.shareOpened .share.share-close {
  display: block;
}
.availability .search-criteria .bottom .btns.modify-search-opened {
  position: relative;
  z-index: 102;
  padding: 0 7px;
}
.availability .search-criteria .bottom .btns.modify-search-opened .close {
  display: block;
}
.availability .search-criteria .bottom .btns.modify-search-opened .text {
  display: none;
}
.availability .search-criteria .bottom ul.share-group {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  background: #fff;
  border: 1px solid #e3e7ea;
  border-radius: 5px;
  padding: 5px 3px;
  position: absolute;
  right: -50px;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transition: all 0.3s linear;
}
.availability .search-criteria .bottom ul.share-group.shareOpened {
  right: 0;
  opacity: 1;
  pointer-events: all;
}
.availability .search-criteria .bottom ul.share-group li {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 10px;
}
.availability .search-criteria .bottom ul.share-group li p {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  background: #d32f2f;
  height: 100%;
  padding: 6px 8px;
  line-height: 12px;
  border-radius: 6px;
}
.availability .search-criteria .bottom ul.share-group li p .number {
  font-size: 30px;
  font-weight: 300;
}
.availability .search-criteria .bottom ul.share-group li a span {
  color: #000;
  font-size: 19px;
  display: inline-block;
  margin-top: 3px;
}
.availability .search-criteria .bottom ul.share-group li a img {
  display: inline-block;
}
.availability .search-criteria .bottom ul.share-group li a.whatsappheight {
  width: 28px;
  height: 28px;
  display: inline-block;
}
.availability .search-criteria .bottom ul.share-group li::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 80%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  background: #ebebeb;
}
.availability .search-criteria .bottom ul.share-group li:first-child {
  padding: 0 5px 0 2px;
}
.availability .search-criteria .bottom ul.share-group li:first-child::before {
  display: none;
}
.availability .search-criteria .modify-search {
  position: absolute;
  left: 0;
  top: calc(100% + 30px);
  width: 100%;
  z-index: 101;
  pointer-events: none;
  opacity: 0;
}
.availability .search-criteria .modify-search .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.availability .search-criteria .modify-search.modify-search-opened {
  pointer-events: all;
  opacity: 1;
}
.availability .search-criteria.display {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.availability .search-criteria.display .top {
  width: calc(100% - 210px);
}
.availability .search-criteria.display .bottom {
  width: 210px;
  margin: 0;
  padding: 0;
  justify-content: flex-end;
  border: 0;
}
.availability .search-criteria.holiday {
  margin: 0 0 15px 0;
  position: relative;
  background: none;
  padding: 0;
  box-shadow: none;
  border: 0;
}
.availability .search-criteria.holiday .top h2 {
  font-size: 24px;
  font-weight: 500;
  color: #000;
}
.availability .search-criteria.holiday .top p {
  margin: 5px 0 0;
  color: #525252;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.availability .search-criteria.holiday .top p span {
  max-width: calc(100% - 75px);
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.availability .search-criteria.holiday .top p a {
  color: #d32f2f;
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
}
.availability .search-criteria.holiday .bottom {
  flex-direction: row;
  display: flex;
  border-top: 1px solid #ebebeb;
  padding-top: 15px;
  margin-top: 15px;
  background: white;
  border-radius: 15px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1098039216);
  padding-top: 0 !important;
}
@media screen and (max-width: 800px) {
  .availability .search-criteria.holiday .bottom {
    display: flex;
    flex-direction: column;
  }
}
.availability .search-criteria.holiday .bottom .left {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-size: cover;
  height: 400px;
  width: 70%;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  background-position: center;
  position: relative;
  overflow: hidden;
}
.availability .search-criteria.holiday .bottom .left img {
  width: 100%;
  height: auto;
}
.availability .search-criteria.holiday .bottom .left .banner-slider .lSPager.lSpg {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 10px;
}
.availability .search-criteria.holiday .bottom .left .banner-slider .lSPager.lSpg > li a {
  width: 12px;
  height: 12px;
  background: white;
  z-index: 5;
}
.availability .search-criteria.holiday .bottom .left .banner-slider .lSPager.lSpg > li.active a {
  width: 32px;
  border-radius: 37px;
  background: #DF851D;
}
@media screen and (max-width: 1190px) {
  .availability .search-criteria.holiday .bottom .left {
    width: 65%;
  }
}
@media screen and (max-width: 950px) {
  .availability .search-criteria.holiday .bottom .left {
    width: 60%;
  }
}
@media screen and (max-width: 800px) {
  .availability .search-criteria.holiday .bottom .left {
    width: 100%;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 15px;
    height: 240px;
  }
}
@media screen and (max-width: 400px) {
  .availability .search-criteria.holiday .bottom .left {
    height: 200px;
  }
}
.availability .search-criteria.holiday .bottom .left .slider-nav {
  display: flex;
  gap: 5px;
  align-items: center;
  width: 100%;
  justify-content: center;
  position: absolute;
  bottom: 22px;
}
.availability .search-criteria.holiday .bottom .left .slider-nav .circle {
  width: 12px;
  height: 12px;
  background: white;
}
@media screen and (max-width: 400px) {
  .availability .search-criteria.holiday .bottom .left .slider-nav .circle {
    width: 10px;
    height: 10px;
  }
}
.availability .search-criteria.holiday .bottom .left .slider-nav .circle.active {
  width: 32px;
  height: 9px;
  border-radius: 37px;
  background: #DF851D;
}
@media screen and (max-width: 400px) {
  .availability .search-criteria.holiday .bottom .left .slider-nav .circle.active {
    height: 7px;
  }
}
.availability .search-criteria.holiday .bottom .right {
  flex-direction: column;
  display: flex;
  width: 30%;
  padding: 20px;
  gap: 22px;
}
@media screen and (max-width: 1190px) {
  .availability .search-criteria.holiday .bottom .right {
    width: 35%;
  }
}
@media screen and (max-width: 950px) {
  .availability .search-criteria.holiday .bottom .right {
    width: 40%;
  }
}
@media screen and (max-width: 800px) {
  .availability .search-criteria.holiday .bottom .right {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .availability .search-criteria.holiday .bottom .right {
    padding: 15px;
  }
}
.availability .search-criteria.holiday .bottom .right ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
}
@media screen and (max-width: 400px) {
  .availability .search-criteria.holiday .bottom .right ul {
    row-gap: 18px;
  }
}
.availability .search-criteria.holiday .bottom .right ul li {
  width: 50%;
}
@media screen and (max-width: 400px) {
  .availability .search-criteria.holiday .bottom .right ul li {
    width: 100%;
  }
}
.availability .search-criteria.holiday .bottom .right ul li p {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #808080;
  gap: 5px;
}
.availability .search-criteria.holiday .bottom .right ul li h3 {
  font-size: 14px;
  font-weight: 600;
}
.availability .search-criteria.holiday .bottom .right ul li img {
  width: 13px;
}
.availability .search-criteria.holiday .bottom .right .btn-box {
  display: flex;
  justify-content: space-between;
  background: #F5F6F8;
  border-radius: 10px;
  padding: 10px 15px;
  align-items: center;
}
.availability .search-criteria.holiday .bottom .right .btn-box p {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  gap: 8px;
  cursor: pointer;
}
@media screen and (max-width: 400px) {
  .availability .search-criteria.holiday .bottom .right .btn-box p {
    font-size: 14px;
  }
}
.availability .search-criteria.holiday .bottom .right .btn-box a {
  color: black;
  background: white;
  border: 1px solid #E8E8E8;
  font-size: 15px;
  padding: 5px 17px;
  border-radius: 27px;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
}
@media screen and (max-width: 400px) {
  .availability .search-criteria.holiday .bottom .right .btn-box a {
    font-size: 14px;
    padding: 5px 15px;
  }
}
.availability .search-criteria.holiday .bottom .right .tour {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.availability .search-criteria.holiday .bottom .right .tour h4 {
  font-size: 16px;
  color: #03487f;
  font-weight: 500;
}
.availability .search-criteria.holiday .bottom .right .tour ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  justify-content: space-between;
}
.availability .search-criteria.holiday .bottom .right .tour ul li {
  width: 33%;
  font-size: 14px;
  font-weight: 500;
  gap: 5px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1030px) {
  .availability .search-criteria.holiday .bottom .right .tour ul li {
    width: 50%;
  }
}
@media screen and (max-width: 400px) {
  .availability .search-criteria.holiday .bottom .right .tour ul li {
    width: 100%;
  }
}
.availability .search-criteria.holiday .bottom .right .tour ul li img {
  width: 16px;
}
.availability .search-criteria.holiday .bottom .right .tour ul li img.close-icon {
  width: 12px;
}
.availability .search-criteria.holiday .bottom .btns {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-weight: 500;
  border: 1px solid #002543;
  font-size: 15px;
  white-space: nowrap;
  text-transform: uppercase;
  color: #000;
  position: relative;
  z-index: 15;
  background: #fff;
  height: 34px;
  line-height: 34px;
  padding: 0 15px;
}
.availability .search-criteria.holiday .bottom .btns .close {
  display: none;
  font-size: 21px;
}
.availability .search-criteria.holiday .bottom .btns:hover {
  background: #d32f2f;
  color: #fff;
  border-color: #d32f2f;
}
.availability .search-criteria.holiday .bottom .btns.sharebtn {
  padding: 0 7px;
  min-width: 0;
  margin: 0;
  animation: shareanimation 1s ease 0s 1 normal forwards;
  -webkit-animation: shareanimation 1s ease 0s 1 normal forwards;
}
.availability .search-criteria.holiday .bottom .btns.sharebtn .share {
  font-size: 21px;
}
.availability .search-criteria.holiday .bottom .btns.sharebtn .share.share-close {
  display: none;
}
.availability .search-criteria.holiday .bottom .btns.sharebtn.shareOpened .share {
  display: none;
}
.availability .search-criteria.holiday .bottom .btns.sharebtn.shareOpened .share.share-close {
  display: block;
}
.availability .search-criteria.holiday .bottom .btns.modify-search-opened {
  position: relative;
  z-index: 102;
  padding: 0 7px;
}
.availability .search-criteria.holiday .bottom .btns.modify-search-opened .close {
  display: block;
}
.availability .search-criteria.holiday .bottom .btns.modify-search-opened .text {
  display: none;
}
.availability .search-criteria.holiday .bottom ul.share-group {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  background: #fff;
  border: 1px solid #e3e7ea;
  border-radius: 5px;
  padding: 5px 3px;
  position: absolute;
  right: -50px;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transition: all 0.3s linear;
}
.availability .search-criteria.holiday .bottom ul.share-group.shareOpened {
  right: 0;
  opacity: 1;
  pointer-events: all;
}
.availability .search-criteria.holiday .bottom ul.share-group li {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 10px;
}
.availability .search-criteria.holiday .bottom ul.share-group li p {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  background: #d32f2f;
  height: 100%;
  padding: 6px 8px;
  line-height: 12px;
  border-radius: 6px;
}
.availability .search-criteria.holiday .bottom ul.share-group li p .number {
  font-size: 30px;
  font-weight: 300;
}
.availability .search-criteria.holiday .bottom ul.share-group li a span {
  color: #000;
  font-size: 19px;
  display: inline-block;
  margin-top: 3px;
}
.availability .search-criteria.holiday .bottom ul.share-group li a img {
  display: inline-block;
}
.availability .search-criteria.holiday .bottom ul.share-group li a.whatsappheight {
  width: 28px;
  height: 28px;
  display: inline-block;
}
.availability .search-criteria.holiday .bottom ul.share-group li::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 80%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  background: #ebebeb;
}
.availability .search-criteria.holiday .bottom ul.share-group li:first-child {
  padding: 0 5px 0 2px;
}
.availability .search-criteria.holiday .bottom ul.share-group li:first-child::before {
  display: none;
}
.availability .search-criteria.holiday .modify-search {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 101;
  pointer-events: none;
  opacity: 0;
}
.availability .search-criteria.holiday .modify-search .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.availability .search-criteria.holiday .modify-search.modify-search-opened {
  pointer-events: all;
  opacity: 1;
}
.availability .search-criteria.holiday.display {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.availability .search-criteria.holiday.display .top {
  width: calc(100% - 210px);
}
.availability .search-criteria.holiday.display .bottom {
  width: 210px;
  margin: 0;
  padding: 0;
  justify-content: flex-end;
  border: 0;
}
.availability .display-carousel {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0 10px 0;
}
.availability .display-carousel .nav {
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #002543;
  font-size: 20px;
  text-align: center;
  display: block;
}
.availability .display-carousel .nav:hover {
  color: #d32f2f;
}
.availability .display-carousel .outer {
  overflow: hidden;
  width: calc(100% - 70px);
}
.availability .display-carousel .outer ul {
  height: auto;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.availability .display-carousel .outer ul > li {
  padding: 0 15px;
  display: flex;
}
.availability .display-carousel .outer ul > li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 120px;
}
.availability .display-carousel .outer ul > li a .icon {
  font-size: 47px;
  color: #000;
}
.availability .display-carousel .outer ul > li a:hover .icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.availability .display-carousel .outer ul > li a:hover p {
  color: #d92727;
}
.availability .display-carousel .outer ul > li a.active .icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.availability .display-carousel .outer ul > li a.active p {
  color: #d92727;
}
.availability .display-carousel .outer ul > li a p {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #000;
  text-align: center;
  margin-top: 15px;
  height: 50px;
}
.availability .display-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.availability .display-content .filter {
  width: 25%;
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 15px;
  margin: 0 0 15px;
  position: relative;
}
.availability .display-content .filter .filter-header,
.availability .display-content .filter .filter-footer,
.availability .display-content .filter .tab-design {
  display: none;
}
.availability .display-content .filter .heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.availability .display-content .filter .heading h2 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  color: #000;
  position: relative;
  padding-left: 14px;
}
.availability .display-content .filter .heading h2.pdleft {
  padding-left: 0px;
}
.availability .display-content .filter .heading h2 span {
  font-size: 11px;
  position: absolute;
  left: -3px;
  top: 3px;
  font-weight: 700;
  transition: all 0.3s ease;
}
.availability .display-content .filter .heading h2 span.expand {
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  vertical-align: bottom;
}
.availability .display-content .filter .heading .reset {
  font-size: 13px;
  color: #19478a;
  font-weight: 400;
  display: inline-block;
  position: relative;
}
.availability .display-content .filter .heading .reset::before {
  content: "";
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  position: absolute;
  background: #9aa7c2;
}
.availability .display-content .filter .heading .reset::after {
  content: "";
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  position: absolute;
  background: #d32f2f;
  transition: all 0.5s ease;
}
.availability .display-content .filter .heading .reset:hover {
  color: #d32f2f;
}
.availability .display-content .filter .heading .reset:hover::after {
  width: 100%;
}
.availability .display-content .filter .hr {
  margin: 12px 0;
  background: #ebebeb;
  width: 100%;
  height: 1px;
}
.availability .display-content .filter .collapse {
  overflow: hidden;
}
.availability .display-content .filter .switch-like-btn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  border: 1px solid #ebebeb;
  border-radius: 15px;
  overflow: hidden;
}
.availability .display-content .filter .switch-like-btn a {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 50%;
  font-size: 13px;
  font-weight: 400;
  color: #000;
  transition: all 0.3s ease;
}
.availability .display-content .filter .switch-like-btn a:first-child {
  border-right: 1px solid #ebebeb;
}
.availability .display-content .filter .switch-like-btn a:hover {
  color: #fff;
  background: #d32f2f;
}
.availability .display-content .filter .list li {
  margin-bottom: 12px;
}
.availability .display-content .filter .list li .checkbox {
  margin-bottom: 0;
}
.availability .display-content .filter .list.with-icons li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.availability .display-content .filter .list.with-icons li .icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
}
.availability .display-content .filter .view-all {
  font-size: 13px;
  color: #19478a;
  font-weight: 400;
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
}
.availability .display-content .filter .view-all::before {
  content: "";
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  position: absolute;
  background: #9aa7c2;
}
.availability .display-content .filter .view-all::after {
  content: "";
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  position: absolute;
  background: #d32f2f;
  transition: all 0.5s ease;
}
.availability .display-content .filter .view-all:hover {
  color: #d32f2f;
}
.availability .display-content .filter .view-all:hover::after {
  width: 100%;
}
.availability .display-content .right-area {
  width: 75%;
  padding-left: 25px;
}
.availability .display-content .right-area .messageblock {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  background: #fff5d7;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
  border-radius: 5px;
  margin: 0 0 15px 0;
}
.availability .display-content .right-area .messageblock .icon {
  background: #efb400;
  padding: 10px;
  color: #fff;
  font-size: 28px;
  width: 40px;
  margin-right: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.availability .display-content .right-area .messageblock .icon .ak-megaphone {
  font-size: 26px;
}
.availability .display-content .right-area .messageblock div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  width: calc(100% - 40px);
}
.availability .display-content .right-area .messageblock div p {
  color: #525252;
  font-size: 14px;
  font-weight: 400;
  padding-right: 10px;
  line-height: 18px;
}
.availability .display-content .right-area .messageblock div .ak-cancel {
  color: #565656;
  font-size: 12px;
  display: inline-block;
  transition: all 0.3s linear;
  cursor: pointer;
  width: 30px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.availability .display-content .right-area .messageblock div .ak-cancel:hover {
  color: #000;
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
.availability .display-content .right-area .showing-count {
  text-align: left;
  font-size: 12px;
  margin: 0;
  padding: 0 0 10px 0;
}
.availability .display-content .right-area .showing-count a {
  color: #d32f2f;
  font-weight: 700;
}
.availability .display-content .right-area .sortby {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 10px;
  margin: 0 0 15px 0;
  transition: all 0.3s ease;
  position: relative;
  padding-left: 95px;
  overflow: hidden;
  min-height: 48px;
}
.availability .display-content .right-area .sortby::before {
  content: "sort by";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  z-index: 1;
}
.availability .display-content .right-area .sortby::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 100%;
  background: #f3f5f6;
  border-right: 1px solid #d7d7d7;
}
.availability .display-content .right-area .sortby a.shortlisted {
  height: 26px;
  padding: 0 8px 0 5px;
  line-height: 26px;
  border: 1px solid #19478a;
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  display: block;
  background: #19478a;
  color: #fff;
}
.availability .display-content .right-area .sortby a.shortlisted .icon {
  margin-right: 5px;
}
.availability .display-content .right-area .sortby ul {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 1 0%;
  margin-right: 30px;
}
.availability .display-content .right-area .sortby ul li {
  font-weight: 500;
  color: #363636;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
  padding-right: 14px;
  position: relative;
  margin-right: 20px;
}
.availability .display-content .right-area .sortby ul li .icon {
  vertical-align: middle;
  line-height: 11px;
  font-size: 10px;
  text-align: center;
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  font-weight: bold;
}
.availability .display-content .right-area .sortby ul li.asc-active {
  color: #d32f2f;
}
.availability .display-content .right-area .sortby ul li.asc-active .asc-icon {
  display: inline-block;
}
.availability .display-content .right-area .sortby ul li.desc-active {
  color: #d32f2f;
}
.availability .display-content .right-area .sortby ul li.desc-active .desc-icon {
  display: inline-block;
}
.availability .display-content .right-area .sortby ul li:last-child {
  margin: 0;
}
.availability .display-content .right-area #mobile-sort {
  display: none;
}
.availability .display-content .right-area .itinerary {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 10px;
  margin: 0 0 15px;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
}
.availability .display-content .right-area .itinerary:hover .fare h3 {
  color: #d32f2f;
}
.availability .display-content .right-area .itinerary .checkbox-wrapper {
  padding: 7px 3px 8px 8px;
  width: 27px;
  border-radius: 5px 0 0 5px;
  background: #fff;
  position: absolute;
  left: -22px;
  top: 0px;
  z-index: 15;
}
.availability .display-content .right-area .itinerary .checkbox-wrapper .checkbox {
  margin: 0;
}
.availability .display-content .right-area .itinerary .checkbox-wrapper .checkbox label {
  width: 16px;
  height: 20px;
  padding: 0;
}
.availability .display-content .right-area .itinerary .checkbox-wrapper .checkbox label::before {
  animation: redbgfade 5s ease 0s 1 normal;
  -webkit-animation: redbgfade 5s ease 0s 1 normal;
}
.availability .display-content .right-area .itinerary .recommended {
  position: absolute;
  z-index: 5;
  left: -8px;
  top: 15px;
  background-image: linear-gradient(to right, #1c4789, #d42829);
  width: 110px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  text-align: center;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.availability .display-content .right-area .itinerary .recommended::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 0;
  height: 0;
  border-bottom: 0;
  border-top: 7px solid #021432;
  border-right: 0px solid transparent;
  border-left: 8px solid transparent;
  z-index: 0;
}
.availability .display-content .right-area .itinerary .recommended span {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  width: 1px;
}
.availability .display-content .right-area .itinerary .recommended span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0;
  height: 0;
  border-bottom: 12px solid transparent;
  border-top: 0 solid transparent;
  border-right: 0px;
  border-left: 8px solid #d42829;
  z-index: 0;
}
.availability .display-content .right-area .itinerary .recommended span::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 0;
  height: 0;
  border-bottom: 0 solid transparent;
  border-top: 12px solid transparent;
  border-right: 0px;
  border-left: 8px solid #d42829;
  z-index: 0;
}
.availability .display-content .right-area .itinerary .recommended.under-checkbox {
  top: 36px;
}
.availability .display-content .right-area .itinerary .wrapper {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.availability .display-content .right-area .itinerary .wrapper .left {
  width: 200px;
}
.availability .display-content .right-area .itinerary .wrapper .left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.availability .display-content .right-area .itinerary .wrapper .left .bottom-btns {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a {
  margin-right: 5px;
  height: 32px;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 15px;
  padding: 0 7px;
  margin: 10px 0 0;
}
.availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a.whatsapp {
  background: #307d01;
  font-size: 20px;
  width: 33px;
}
.availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a.send {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background: #fff;
  border: 1px solid #d32f2f;
  color: #d32f2f;
  font-weight: 400;
  text-transform: uppercase;
  max-width: 160px;
  width: calc(100% - 37px);
}
.availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a.send .ak-email {
  font-size: 17px;
  margin-right: 10px;
}
.availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a.shortlist-btn {
  width: 33px;
  height: 30px;
  border: 1px solid #19478a;
  color: #19478a;
  font-size: 20px;
}
.availability .display-content .right-area .itinerary .wrapper .right {
  width: calc(100% - 220px);
  display: flex;
  flex-direction: column;
}
.availability .display-content .right-area .itinerary .wrapper .right .right-wrapper {
  display: flex;
  flex-direction: row;
}
.availability .display-content .right-area .itinerary .wrapper .right .top {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.availability .display-content .right-area .itinerary .wrapper .right .top .left-content {
  flex: 1;
}
.availability .display-content .right-area .itinerary .wrapper .right .top .left-content h3 {
  color: #000;
  font-size: 22px;
  font-weight: 500;
  margin: 0 0 8px;
}
.availability .display-content .right-area .itinerary .wrapper .right .top .left-content h3 span {
  color: #d32f2f;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 7px;
  border-radius: 11px;
}
.availability .display-content .right-area .itinerary .wrapper .right .top .left-content p {
  color: #525252;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.availability .display-content .right-area .itinerary .wrapper .right .top .left-content p .icon {
  margin: 0 10px;
  font-size: 10px;
}
.availability .display-content .right-area .itinerary .wrapper .right .top .left-content p .location-icon {
  font-size: 13px;
  margin-right: 5px;
}
.availability .display-content .right-area .itinerary .wrapper .right .top .left-content .strip {
  flex-flow: row wrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
}
.availability .display-content .right-area .itinerary .wrapper .right .top .left-content .strip p {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
  margin: 0 7px 0 0;
}
.availability .display-content .right-area .itinerary .wrapper .right .top .left-content .strip .label-stye {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #525252;
  font-size: 12px;
  font-weight: 400;
  border: 1px solid #cfcfcf;
  border-radius: 30px;
  padding: 3px 10px;
  margin-right: 7px;
}
.availability .display-content .right-area .itinerary .wrapper .right .top .left-content .strip .label-stye .icon {
  color: #525252;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.availability .display-content .right-area .itinerary .wrapper .right .fare {
  width: 180px;
  text-align: right;
}
.availability .display-content .right-area .itinerary .wrapper .right .fare p {
  color: #525252;
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px;
}
.availability .display-content .right-area .itinerary .wrapper .right .fare h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 5px;
}
.availability .display-content .right-area .itinerary .wrapper .right .fare .book {
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  height: 45px;
  padding: 0 20px;
  margin-bottom: 10px;
}
.availability .display-content .right-area .itinerary .wrapper .right .fare.slashed-price h3 {
  margin-top: -10px;
}
.availability .display-content .right-area .itinerary .wrapper .right .fare.slashed-price .slashed {
  color: #d6332d;
  text-decoration: line-through;
  font-size: 13px;
  margin-top: 5px;
  font-weight: bold;
}
.availability .display-content .right-area .itinerary .wrapper .right .fare.slashed-price .no-cost-emi {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
}
.availability .display-content .right-area .itinerary .wrapper .right .fare.slashed-price .no-cost-emi img {
  width: 29px;
  height: 21px;
}
.availability .display-content .right-area .itinerary .wrapper .right .fare.slashed-price .no-cost-emi p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
}
.availability .display-content .right-area .itinerary .wrapper .right .fare.slashed-price .no-cost-emi p span {
  font-weight: bold;
  text-transform: uppercase;
  color: #204762;
}
.availability .display-content .right-area .itinerary .wrapper .right .fare.slashed-price .no-cost-emi p span.highlight {
  color: #d32f2f;
  font-size: 13px;
}
.availability .display-content .right-area .itinerary .wrapper .right .fare.slashed-price .no-cost-emi p span:last-child {
  font-size: 9px;
  margin-top: -7px;
}
.availability .display-content .right-area .itinerary .wrapper .right .bottom h4 {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  margin: 3px 0 5px;
}
.availability .display-content .right-area .itinerary .wrapper .right .bottom ul {
  flex-flow: row wrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 0;
  margin-top: 10px;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.availability .display-content .right-area .itinerary .wrapper .right .bottom ul li {
  font-size: 13px;
  font-weight: 400;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 10px;
  border-radius: 5px;
  flex-direction: column;
}
.availability .display-content .right-area .itinerary .wrapper .right .bottom ul li .icon {
  color: #525252;
  font-size: 17px;
}
.availability .display-content .right-area .itinerary .wrapper .right .offer {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 10px 0 0;
  align-items: center;
  border-top: 1px solid #ebebeb;
  padding-top: 10px;
}
.availability .display-content .right-area .itinerary .wrapper .right .offer .icon {
  color: #307d01;
  margin-right: 3px;
  font-size: 17px;
}
.availability .display-content .right-area .itinerary .wrapper .right .offer .block {
  height: 18px;
  background: #307d01;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 4px 0 7px;
  line-height: 18px;
  color: #fff;
  position: relative;
  margin-right: 15px;
}
.availability .display-content .right-area .itinerary .wrapper .right .offer .block::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 100%;
  top: 0;
  border-width: 9px 0 9px 9px;
  border-style: solid;
  border-color: transparent transparent transparent #307d01;
}
.availability .display-content .right-area .itinerary .wrapper .right .offer p {
  color: #307d01;
  font-size: 13px;
  font-weight: 400;
}
@keyframes redbgfade {
  0% {
    border-color: #d32f2f;
    box-shadow: 0 0 0px 1px #d32f2f;
  }
  100% {
    border-color: #8297a6;
    box-shadow: 0 0 0px 1px transparent;
  }
}
.availability .display-footer {
  padding: 20px 0;
}
.availability .display-footer h2 {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 5px;
}
.availability .display-footer ul:not(.collapsible) {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 10px;
}
.availability .display-footer ul:not(.collapsible) li {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.availability .display-footer ul:not(.collapsible) li a,
.availability .display-footer ul:not(.collapsible) li span {
  color: #525252;
  font-size: 12px;
  font-weight: 400;
}
.availability .display-footer ul:not(.collapsible) li span {
  margin: 0 7px;
}
.availability .display-footer .faq-accordion {
  background: none;
  border: 0;
  box-shadow: none;
}
.availability .display-footer .faq-accordion li {
  margin-bottom: 5px;
  border-radius: 6px;
  border: 1px solid rgba(156, 170, 179, 0.28);
  background: #fff;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.availability .display-footer .faq-accordion li .collapsible-header {
  background: none;
  border: 0;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  position: relative;
}
.availability .display-footer .faq-accordion li .collapsible-header .ak-down {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transition: all 0.3s ease;
  font-size: 11px;
}
.availability .display-footer .faq-accordion li .collapsible-body {
  background: #f8f8f8;
  padding: 15px 35px;
}
.availability .display-footer .faq-accordion li .collapsible-body p {
  color: #525252;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}
.availability .display-footer .faq-accordion li.active .collapsible-header .ak-down {
  transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
}

.no-results-found {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 30px;
  margin: 0 0 15px;
}
.no-results-found .ak-timer {
  font-size: 50px;
  color: #d32f2f;
  margin-right: 20px;
}
.no-results-found .right-content h5 {
  font-weight: 700;
  font-size: 19px;
  color: #000;
}
.no-results-found .right-content p {
  color: #363636;
  font-size: 15px;
  font-weight: 400;
  margin: -3px 0;
}
.no-results-found .right-content a {
  font-size: 13px;
  color: #19478a;
  font-weight: 400;
  display: inline-block;
  position: relative;
  line-height: 15px;
}
.no-results-found .right-content a::before {
  content: "";
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  position: absolute;
  background: #9aa7c2;
}
.no-results-found .right-content a::after {
  content: "";
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  position: absolute;
  background: #d32f2f;
  transition: all 0.5s ease;
}
.no-results-found .right-content a:hover {
  color: #d32f2f;
}
.no-results-found .right-content a:hover::after {
  width: 100%;
}

.page-container {
  justify-content: space-between;
  display: flex;
}
.page-container .page-left {
  width: calc(75% - 15px);
  margin-right: 25px;
}
.page-container .page-left .support-outer {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  margin: 0 0 15px 0;
  position: relative;
  padding: 5px 15px;
  display: none;
}
.page-container .page-left .support-outer ul {
  width: 100%;
}
.page-container .page-left .support-outer ul li {
  justify-content: start;
  display: flex;
  border-bottom: 1px solid #ebebeb;
  padding: 9px 0;
  align-items: center;
}
.page-container .page-left .support-outer ul li:last-child {
  border-bottom: none;
}
.page-container .page-left .support-outer ul li .icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #525252;
  font-size: 25px;
  text-align: left;
  display: block;
}
.page-container .page-left .support-outer ul li h3 {
  color: #222;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 13px;
  padding-bottom: 0px;
}
.page-container .page-left .support-outer ul li h3 span {
  font-weight: 500;
  color: #000;
  font-size: 16px;
  display: block;
}
.page-container .page-left .support-outer ul li h3 span strong {
  color: #000;
  font-size: 16px;
}
.page-container .page-left .support-outer ul li h3 span .whatsapp-icon {
  background: url(images/whatsapp.png);
  width: 30px;
  height: 30px;
  display: block;
}

.page-name {
  padding: 0 5px 10px 5px;
}

.page-left h3 {
  color: #002543;
  font-size: 18px;
  font-weight: 500;
}

.pricing {
  min-height: calc(100vh - 65px);
  padding: 15px 0;
}
.pricing .search-criteria {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  margin: 0 0 15px 0;
  position: relative;
}
.pricing .search-criteria .top {
  background: #f4f6f8;
  padding: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  line-height: 29px;
}
.pricing .search-criteria .top .left {
  max-width: calc(100% - 220px);
}
.pricing .search-criteria .top .left h2 {
  font-size: 24px;
  font-weight: 500;
  color: #000;
}
.pricing .search-criteria .top .left h2 span {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.pricing .search-criteria .top .right {
  text-align: right;
}
.pricing .search-criteria .top .right a {
  color: #d92727;
  font-size: 13px;
}
.pricing .search-criteria .top .right a:nth-child(2) {
  color: #307d01;
  margin-left: 15px;
}
.pricing .search-criteria .bottom {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ebebeb;
  padding: 15px;
}
.pricing .search-criteria .bottom ul.left {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.pricing .search-criteria .bottom ul.left li {
  position: relative;
  padding: 0 15px;
  width: 25%;
}
.pricing .search-criteria .bottom ul.left li:first-child {
  padding-left: 0;
}
.pricing .search-criteria .bottom ul.left li:last-child {
  padding-right: 0;
}
.pricing .search-criteria .bottom ul.left li h3 {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  text-transform: capitalize;
}
.pricing .search-criteria .bottom ul.left li h3 span {
  display: block;
  font-size: 14px;
}
.pricing .search-criteria .bottom ul.left li h3 span strong {
  font-size: 18px;
  font-weight: 500;
}
.pricing .search-criteria .bottom ul.left li h3 span.big {
  font-size: 16px;
  font-weight: 500;
}
.pricing .search-criteria .bottom ul.left li.border {
  width: 1px;
  height: 40px;
  background: #ebebeb;
  padding: 0;
}
.pricing .search-criteria .imp-news {
  border-top: 1px solid #f0f0f0;
  display: flex;
  padding: 10px 15px;
}
.pricing .search-criteria .imp-news p.deals {
  color: #19478a;
  font-size: 13px;
  font-weight: 400;
  position: relative;
  padding-left: 82px;
}
.pricing .search-criteria .imp-news p.deals span {
  display: inline-block;
  position: absolute;
  background: #19478a;
  height: 18px;
  padding: 0 5px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  vertical-align: middle;
  text-transform: uppercase;
  margin-right: 15px;
  left: 0;
}
.pricing .search-criteria .imp-news p.deals span::after {
  content: "";
  position: absolute;
  right: -8px;
  border-right: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 8px solid #19478a;
  top: 0;
}
.pricing .search-criteria .can-info {
  padding: 10px 15px;
  border-top: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.pricing .search-criteria .can-info .left-row p {
  color: #cb2d2d;
  font-size: 13px;
  font-weight: 500;
}
.pricing .search-criteria .can-info .left-row p a {
  color: #19478a;
  text-decoration: underline;
}
.pricing .search-criteria .can-info a.link {
  color: #19478a;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.pricing .search-criteria .can-info a.link span.icon {
  transform: rotate(180deg);
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}

.login-reviewouter {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  overflow: hidden;
  padding: 15px;
  margin: 0 0 15px;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.login-reviewouter .login-left {
  display: flex;
  justify-content: left;
  align-items: center;
}
.login-reviewouter .login-left span.icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 40px;
}
.login-reviewouter .login-left h3 {
  color: #000;
  font-size: 19px;
  font-weight: 400;
  margin-left: 10px;
}
.login-reviewouter .login-right {
  display: flex;
  justify-content: right;
  align-items: center;
}
.login-reviewouter .login-right a {
  font-size: 14px;
  color: #19478a;
  font-weight: 500;
  display: inline-block;
  position: relative;
  margin-right: 10px;
}
.login-reviewouter .login-right a:hover {
  color: #f00;
  text-decoration: none;
  transition: all 0.5s ease;
  cursor: pointer;
}
.login-reviewouter .login-right a.continue {
  padding: 7px 10px;
  border-radius: 4px;
  background: #002543;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: center;
}

.traveller-details-outer {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 15px;
  margin: 0 0 15px;
  position: relative;
  margin-top: 10px;
}
.traveller-details-outer .info {
  display: flex;
  justify-content: flex-start;
}
.traveller-details-outer .info p {
  color: #b84a01;
  font-size: 13px;
  font-weight: 400;
  margin-top: 3px;
}
.traveller-details-outer .info p:nth-child(1) {
  margin-right: 10px;
}

.traveller-room {
  display: flex;
}
.traveller-room .collapsible {
  box-shadow: none;
  width: 100%;
  border: none;
  margin: 0px;
}
.traveller-room .collapsible li.collapsiblestyle {
  border: 1px solid #e3e3e3;
  margin-top: 10px;
  border-radius: 15px;
}
.traveller-room .collapsible .collapsible-header {
  background: #f4f4f6;
  border: none;
  border-bottom: none;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  display: flex;
  justify-content: flex-start;
  padding: 10px 10px;
}
.traveller-room .collapsible .collapsible-header span {
  display: flex;
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 400;
  color: #b9313f;
}
.traveller-room .collapsible .collapsible-header span i {
  height: 18px;
  line-height: 18px;
  width: 18px;
  font-size: 20px;
  margin-right: 0px;
  color: rgba(0, 0, 0, 0.5);
  margin-right: 5px;
}
.traveller-room .collapsible .collapsible-header span .caret {
  transition: transform 0.2s ease;
}
.traveller-room .collapsible .active .collapsible-header .caret {
  transform: rotate(90deg);
  transform-origin: 9px 7px;
}
.traveller-room .collapsible .collapsible-body {
  border-bottom: none;
  padding: 15px;
}

.pax-details-row {
  display: flex;
  width: 100%;
}
.pax-details-row .pax-details {
  display: flex;
  justify-content: flex-start;
}
.pax-details-row .pax-details h2 {
  color: #363636;
  font-size: 14px;
  font-weight: 400;
  margin-top: 8px;
  width: 85px;
}

.pax-details-list {
  margin: 0 -5px;
  display: flex;
}
.pax-details-list li.title {
  width: 15%;
  padding: 0 5px;
}
.pax-details-list li.boxwidth {
  width: 21.25%;
  padding: 0 5px;
}

.contact-information {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 15px;
  margin: 0 0 15px;
  position: relative;
  margin-top: 10px;
}
.contact-information .contact-head {
  display: flex;
  justify-content: start;
  align-items: center;
}
.contact-information .contact-head span {
  margin-right: 15px;
}
.contact-information .contact-head .icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #525252;
  font-size: 40px;
  text-align: left;
}
.contact-information .contact-head h3 {
  color: #000;
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
}
.contact-information .contact-details {
  margin: 10px -15px 0;
  border-top: 1px solid #ededed;
  padding: 20px 15px 2px;
}
.contact-information .contact-details ul.contact-details-list {
  justify-content: start;
  display: flex;
}
.contact-information .contact-details ul.contact-details-list li.code {
  width: 15%;
}
.contact-information .contact-details ul.contact-details-list li.width-big {
  width: 25%;
  margin-left: 15px;
}

.gst-outer {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 15px;
  margin: 0 0 15px;
  position: relative;
  margin-top: 10px;
}
.gst-outer .gst-header {
  justify-content: space-between;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.gst-outer .gst-header .gst-header-left {
  display: flex;
  justify-content: start;
}
.gst-outer .gst-header .gst-header-left span {
  margin-right: 15px;
}
.gst-outer .gst-header .gst-header-left span .icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #525252;
  font-size: 40px;
  text-align: left;
}
.gst-outer .gst-header .gst-header-left h3 {
  color: #525252;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}
.gst-outer .gst-header .gst-header-left h3 span {
  display: block;
}
.gst-outer .gst-header .gst-header-left h3 span strong {
  color: #000;
  font-size: 16px;
}
.gst-outer .gst-header .gst-header-right a.blueborderbtn {
  color: #19478a;
  border: 1px solid #034e8d;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 7px 15px;
  line-height: 34px;
}
.gst-outer .gst-header .gst-header-right :hover {
  background: #f5f5f5;
}
.gst-outer .gst-contact-details-wrapper {
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px;
}
.gst-outer .gst-contact-details-wrapper .gst-contact {
  border-top: 1px solid #ededed;
  padding: 15px 15px 5px;
}
.gst-outer .gst-contact-details-wrapper .gst-contact ul.gst-details-list {
  justify-content: start;
  display: flex;
}
.gst-outer .gst-contact-details-wrapper .gst-contact ul.gst-details-list li.code {
  width: 15%;
}
.gst-outer .gst-contact-details-wrapper .gst-contact ul.gst-details-list li.width-big {
  width: 25%;
  margin-right: 15px;
}

.addon-services-outer {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 15px;
  margin: 0 0 15px;
  position: relative;
  margin-top: 10px;
}
.addon-services-outer .addon-services-head {
  justify-content: space-between;
  display: flex;
  align-items: center;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0px 15px 10px;
  border-bottom: 1px solid #f0f0f0;
}
.addon-services-outer .addon-services-head h3 {
  color: #525252;
  font-size: 14px;
  font-weight: 400;
}
.addon-services-outer .addon-services-box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  margin: 10px 0 10px;
}
.addon-services-outer .addon-services-box ul li {
  background: -webkit-linear-gradient(#d92727, #19478a);
  position: relative;
  border-radius: 7px;
  padding: 10px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.addon-services-outer .addon-services-box ul li:nth-child(1) {
  margin-right: 15px;
}
.addon-services-outer .addon-services-box ul li::before {
  position: absolute;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #fff;
  border-radius: 6px;
  z-index: 0;
  content: "";
  transition: all 0.5s ease;
}
.addon-services-outer .addon-services-box ul li .icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #525252;
  font-size: 40px;
  text-align: left;
  z-index: 2;
}
.addon-services-outer .addon-services-box ul li p {
  z-index: 2;
  font-size: 16px;
  color: #363636;
  font-weight: 500;
  line-height: 20px;
  transition: color 0.5s ease;
  margin-left: 10px;
}

.paymentbtn-row {
  justify-content: flex-end;
  display: flex;
}
.paymentbtn-row a {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 500;
  padding: 15px 25px;
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  text-transform: uppercase;
}

.fare-summary-wrapper {
  position: relative;
  width: calc(25% - 10px);
}
.fare-summary-wrapper .right {
  will-change: auto;
  padding-bottom: 300px;
  transition: all 0.5s ease;
}
.fare-summary-wrapper .right.position-fixed {
  position: fixed;
  overflow: hidden;
  height: 100vh;
  top: 0px;
}
.fare-summary-wrapper .right.position-relative {
  position: relative;
}
.fare-summary-wrapper h3 {
  color: #002543;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 10px;
}
.fare-summary-wrapper .fare-summery-outer {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  margin: 0 0 15px 0;
  position: relative;
}
.fare-summary-wrapper .fare-summery-outer h1 {
  color: #002543;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 10px;
  padding: 10px 15px;
}
.fare-summary-wrapper .fare-summery-outer .collapsible {
  box-shadow: none;
  width: 100%;
  border: none;
  margin: 0px;
}
.fare-summary-wrapper .fare-summery-outer .collapsible li {
  border-bottom: 1px solid #ebebeb;
}
.fare-summary-wrapper .fare-summery-outer .collapsible li .collapsiblestyle {
  border: 1px solid #e3e3e3;
  margin-top: 10px;
  border-radius: 15px;
}
.fare-summary-wrapper .fare-summery-outer .collapsible li .collapsible-header {
  background: #fff;
  border: none;
  border-bottom: none;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  display: flex;
  justify-content: space-between;
  padding: 15px 10px;
}
.fare-summary-wrapper .fare-summery-outer .collapsible li .collapsible-header span {
  display: flex;
  justify-content: flex-start;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
.fare-summary-wrapper .fare-summery-outer .collapsible li .collapsible-header span i {
  height: 18px;
  line-height: 18px;
  width: 18px;
  font-size: 20px;
  margin-right: 0px;
  color: rgba(0, 0, 0, 0.5);
  margin-right: 5px;
}
.fare-summary-wrapper .fare-summery-outer .collapsible li .collapsible-header span .caret {
  transition: transform 0.2s ease;
}
.fare-summary-wrapper .fare-summery-outer .collapsible li .collapsible-header h5 {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  padding-left: 10px;
}
.fare-summary-wrapper .fare-summery-outer .collapsible li.active .collapsible-header .caret {
  transform: rotate(90deg);
  transform-origin: 9px 7px;
}
.fare-summary-wrapper .fare-summery-outer .collapsible li .collapsible-body {
  border-bottom: none;
  padding: 0 10px;
}
.fare-summary-wrapper .fare-summery-outer .collapsible li .collapsible-body span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px;
  color: #525252;
  font-size: 13px;
  font-weight: 400;
  padding-left: 18px;
}
.fare-summary-wrapper .fare-summery-outer .collapsible li .collapsible-body span p {
  margin-left: 5px;
}
.fare-summary-wrapper .fare-summery-outer .fare-summery-footer {
  display: flex;
  justify-content: space-between;
  padding: 15px 10px;
  font-size: 17px;
  color: #000;
  font-weight: 500;
}
.fare-summary-wrapper .fare-summery-outer .faresum-btn-row {
  padding: 5px 15px 15px 15px;
}
.fare-summary-wrapper .fare-summery-outer .faresum-btn-row a {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 500;
  width: 100%;
  padding: 12px;
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  text-transform: uppercase;
  width: 100%;
  border-radius: 30px;
}
.fare-summary-wrapper .fare-summery-outer .faresum-btn-row a.sendquery {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  background: #fff;
  color: #d32f2f;
  border: 1px solid #d32f2f;
  gap: 10px;
}
.fare-summary-wrapper .fare-summery-outer .faresum-btn-row a.sendquery span:first-child {
  margin-right: 5px;
}
.fare-summary-wrapper .fare-summery-outer .info .wrapper {
  display: flex;
  flex-direction: column;
  padding: 15px 20px;
  font-size: 12px;
}
.fare-summary-wrapper .fare-summery-outer .info .wrapper b {
  font-size: 15px;
}
.fare-summary-wrapper .fare-summery-outer .info .wrapper .link {
  font-size: 13px;
  color: #19478a;
  font-weight: 400;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  margin-left: auto;
  text-transform: uppercase;
}
.fare-summary-wrapper .fare-summery-outer .info .wrapper .link::before {
  content: "";
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  position: absolute;
  background: #9aa7c2;
}
.fare-summary-wrapper .fare-summery-outer .info .wrapper .link::after {
  content: "";
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  position: absolute;
  background: #d32f2f;
  transition: all 0.5s ease;
}
.fare-summary-wrapper .fare-summery-outer .info .wrapper .link:hover {
  color: #d32f2f;
}
.fare-summary-wrapper .fare-summery-outer .info .wrapper .link:hover::after {
  width: 100%;
}
.fare-summary-wrapper .fare-summery-outer .info img {
  width: 100%;
}
.fare-summary-wrapper .promo-code-outer {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  overflow: hidden;
  margin: 0 0 15px 0;
  position: relative;
  padding: 10px 15px;
}
.fare-summary-wrapper .promo-code-outer h1 {
  color: #002543;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 10px;
}
.fare-summary-wrapper .promo-code-outer h2 {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  margin: 0 0 15px;
}
.fare-summary-wrapper .promo-code-outer .promo-code {
  position: relative;
  margin-bottom: 15px;
}
.fare-summary-wrapper .promo-code-outer .promo-code input.valid[type=text]:not(.browser-default),
.fare-summary-wrapper .promo-code-outer .promo-code input.valid[type=text]:not(.browser-default):focus {
  box-shadow: none;
  border-bottom: 1px solid #777;
}
.fare-summary-wrapper .promo-code-outer .promo-code .form-control {
  height: 34px;
  line-height: 34px;
  padding: 0;
  border: 1px solid #777;
  border-radius: 5px;
  color: #6d6c6c;
  font-size: 14px;
  width: 100%;
  width: calc(100% - 50px);
}
.fare-summary-wrapper .promo-code-outer .promo-code .applybtn {
  position: absolute;
  right: 10px;
  top: 12px;
  color: #d32f2f;
  font-size: 15px;
  font-weight: 700;
  background: 0 0;
  border: 0;
}
.fare-summary-wrapper .promo-code-outer .promo-code .appliedbtn {
  position: absolute;
  right: 10px;
  top: 6px;
  background: 0 0;
  border: 0;
}
.fare-summary-wrapper .promo-code-outer .promo-code .closebtn {
  position: absolute;
  right: 46px;
  top: 12px;
  background: 0 0;
  border: 0;
}
.fare-summary-wrapper .promo-code-outer .promo-code .closebtn img {
  width: 11px;
}
.fare-summary-wrapper .promo-code-outer .offer {
  font-size: 14px;
}
.fare-summary-wrapper .promo-code-outer .offer b {
  color: #0aab0a;
}
.fare-summary-wrapper .promo-code-outer .or {
  margin-left: -15px;
  margin-right: -15px;
  height: 17px;
  box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  margin-bottom: 35px;
}
.fare-summary-wrapper .promo-code-outer .or span {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-transform: uppercase;
  border: 1px solid #9caab3;
  box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  border-radius: 50%;
  position: relative;
  z-index: 10;
  background: #fff;
  display: inline-block;
}
.fare-summary-wrapper .promo-code-outer h3 {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.fare-summary-wrapper .promo-code-outer .promocode-list {
  margin-right: -5px;
  padding-right: 10px;
  max-height: 231px;
  overflow: hidden;
  overflow-y: auto;
  margin-bottom: 7px;
}
.fare-summary-wrapper .promo-code-outer .promocode-list li {
  padding: 10px 0;
  border-bottom: 1px solid #ebebeb;
}
.fare-summary-wrapper .promo-code-outer .promocode-list li .checkouter .radio {
  margin: 0;
}
.fare-summary-wrapper .promo-code-outer .promocode-list li .checkouter .radio label {
  font-size: 15px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.fare-summary-wrapper .promo-code-outer .promocode-list li .checkouter .radio label .offertxt {
  font-size: 13px;
  color: #FF5A00;
  font-weight: 400;
}
.fare-summary-wrapper .promo-code-outer .promocode-list li:last-child {
  border: none;
}
.fare-summary-wrapper .promo-code-outer .promocode-list li p {
  color: #525252;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  line-height: 18px;
  padding-left: 26px;
}
.fare-summary-wrapper .promo-code-outer .promocode-list li p.redtxt {
  color: #D92727;
}
.fare-summary-wrapper .promo-code-outer .promocode-list::-webkit-scrollbar {
  width: 9px;
}
.fare-summary-wrapper .promo-code-outer .promocode-list::-webkit-scrollbar-track {
  background: #D3D3D3;
  border-radius: 12px;
}
.fare-summary-wrapper .promo-code-outer .promocode-list::-webkit-scrollbar-thumb {
  background: #747474;
  width: 14px;
  border: 3px solid #D3D3D3;
  border-radius: 15px;
}
.fare-summary-wrapper .promo-code-outer .emi-outer {
  background: #FFF5F5;
  padding: 15px;
  border-radius: 15px;
  margin-bottom: 15px;
}
.fare-summary-wrapper .promo-code-outer .emi-outer h3 {
  color: #d32f2f;
  display: flex;
  align-items: center;
  gap: 6px;
}
.fare-summary-wrapper .promo-code-outer .emi-outer p {
  font-size: 12px;
}
.fare-summary-wrapper .promo-code-outer .emi-outer p a {
  cursor: pointer;
  color: #d32f2f;
}
@media screen and (max-width: 920px) {
  .fare-summary-wrapper .promo-code-outer .emi-outer h4 {
    font-size: 13px;
  }
}
.fare-summary-wrapper .support-outer {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  margin: 0 0 15px 0;
  position: relative;
  padding: 5px 15px;
}
.fare-summary-wrapper .support-outer ul {
  width: 100%;
}
.fare-summary-wrapper .support-outer ul li {
  justify-content: start;
  display: flex;
  border-bottom: 1px solid #ebebeb;
  padding: 12px 0;
  align-items: center;
}
.fare-summary-wrapper .support-outer ul li:last-child {
  border-bottom: none;
}
.fare-summary-wrapper .support-outer ul li .icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #525252;
  font-size: 30px;
  text-align: left;
  display: block;
}
.fare-summary-wrapper .support-outer ul li h3 {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 13px;
  padding-bottom: 0px;
}
.fare-summary-wrapper .support-outer ul li h3 span {
  font-weight: 500;
  color: #000;
  font-size: 20px;
  display: block;
}
.fare-summary-wrapper .support-outer ul li h3 span strong {
  color: #000;
  font-size: 16px;
}
.fare-summary-wrapper .support-outer ul li h3 span .whatsapp-icon {
  width: 30px;
  height: 30px;
  display: block;
}
.fare-summary-wrapper .action-outer {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  margin: 0 0 15px 0;
  position: relative;
  padding: 5px 15px;
  cursor: pointer;
}
.fare-summary-wrapper .action-outer ul {
  width: 100%;
}
.fare-summary-wrapper .action-outer ul li {
  justify-content: space-between;
  display: flex;
  padding: 12px 0;
  align-items: center;
}
.fare-summary-wrapper .action-outer ul li .left-outer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.fare-summary-wrapper .action-outer ul li .left-outer .icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #525252;
  font-size: 30px;
  text-align: left;
  display: block;
}
.fare-summary-wrapper .action-outer ul li .left-outer h3 {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 13px;
  padding-bottom: 0px;
}
.fare-summary-wrapper .action-outer ul li .left-outer h3 span {
  font-weight: 500;
  color: #000;
  font-size: 17px;
  display: block;
}
.fare-summary-wrapper .action-outer ul li .left-outer h3 span strong {
  color: #000;
  font-size: 16px;
}
.fare-summary-wrapper .action-outer ul li .left-outer h3 span .whatsapp-icon {
  width: 30px;
  height: 30px;
  display: block;
}
.fare-summary-wrapper .action-outer ul li .arrow-icon {
  font-weight: 700;
}

.responsive-faresum .footer-faresum {
  justify-content: space-between;
  display: none;
  padding: 8px 10px;
  position: fixed;
  bottom: 0;
  height: 57px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.responsive-faresum .footer-faresum .left {
  display: inline-block;
  line-height: 18px;
}
.responsive-faresum .footer-faresum .left h4 {
  font-size: 13px;
  font-weight: 400;
  color: #363636;
  text-transform: uppercase;
}
.responsive-faresum .footer-faresum .left h3 {
  font-size: 20px;
  font-weight: 600;
  color: #363636;
  margin-top: 3px;
}
.responsive-faresum .footer-faresum .left h3 .ak-info {
  font-size: 15px;
  color: #d32f2f;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: left;
  padding-left: 5px;
}
.responsive-faresum .footer-faresum .right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 424px) {
  .responsive-faresum .footer-faresum .right {
    border-top: 1px solid #ededed;
    padding-top: 12px;
    justify-content: space-between;
  }
}
.responsive-faresum .footer-faresum .right .icon-list {
  display: flex;
  flex-direction: row;
}
.responsive-faresum .footer-faresum .right .icon-list .icons {
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  background: #FFF2E4;
  border-radius: 50%;
}
.responsive-faresum .footer-faresum .right .icon-list .icons img {
  width: 18px;
}
.responsive-faresum .footer-faresum .right a:not(.icons) {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 500;
  padding: 10px 25px;
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  margin-left: 15px;
  border-radius: 30px;
}
.responsive-faresum .fare-summery-popup {
  padding-bottom: 122px;
  background: #fff;
  border-radius: 5px 5px 0 0;
}
.responsive-faresum .fare-summery-popup .fare-summery-header {
  height: 50px;
  border-bottom: 1px solid #e7e7e7;
  padding: 0 10px;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.responsive-faresum .fare-summery-popup .fare-summery-header h2 {
  font-size: 17px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer {
  margin: 0;
  position: relative;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer h1 {
  color: #002543;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 10px;
  padding: 10px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer ul {
  box-shadow: none;
  width: 100%;
  border: none;
  margin: 0px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer ul li {
  border-bottom: 1px solid #ebebeb;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer ul li .collapsiblestyle {
  border: 1px solid #e3e3e3;
  margin-top: 10px;
  border-radius: 15px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer ul li .fare-summery-top {
  background: #fff;
  border: none;
  border-bottom: none;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  display: flex;
  justify-content: space-between;
  padding: 15px 10px 5px 10px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer ul li .fare-summery-top span {
  display: flex;
  justify-content: flex-start;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer ul li .fare-summery-top h5 {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  padding-left: 10px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer ul li .fare-summery-bottom {
  border-bottom: none;
  padding: 0px 10px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer ul li .fare-summery-bottom span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px;
  color: #525252;
  font-size: 13px;
  font-weight: 400;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer ul li .fare-summery-bottom span p {
  margin-left: 5px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .fare-summery-footer {
  display: flex;
  justify-content: space-between;
  padding: 15px 10px;
  font-size: 17px;
  color: #000;
  font-weight: 500;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info {
  padding: 15px 20px;
  background: #e7ffe7;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .link {
  color: #45549b;
  margin-top: 5px;
  font-weight: bold;
  cursor: pointer;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup {
  display: none;
  margin-top: 10px;
  width: 450px;
  border: 1px solid #e0e0e0;
  background: #fff;
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.3);
  z-index: 100;
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 80px;
  height: 70vh;
  overflow-y: scroll;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup.show {
  display: block;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .heading {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f3f3f3;
  border-bottom: 1px solid #e0e0e0;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .heading .title {
  font-weight: bold;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .heading .icon {
  font-size: 10px;
  cursor: pointer;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content {
  padding: 10px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  gap: 10px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li:last-child {
  margin-right: 0;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li img {
  border-radius: 5px;
  border: 1px solid #ebebeb;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs {
  background: url(../images/uae-banks-sprite.png) no-repeat;
  width: 77px;
  height: 52px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b1 {
  background-position: 0px 0px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b2 {
  background-position: -78px 0px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b3 {
  background-position: -153px 0px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b4 {
  background-position: -230px 0px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b5 {
  background-position: 0 -51px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b6 {
  background-position: -78px -51px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b7 {
  background-position: -153px -51px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b8 {
  background-position: -230px -51px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b9 {
  background-position: 0 -103px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b10 {
  background-position: -78px -103px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b11 {
  background-position: -153px -103px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b12 {
  background-position: 0px -154px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b13 {
  background-position: -78px -154px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b14 {
  background-position: -153px -154px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b15 {
  background-position: -230px -154px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content .card-imgs li .bgimgs.b16 {
  background-position: -230px -103px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content table {
  margin-top: 10px;
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #e0e0e0;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content table td,
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content table th {
  text-align: left;
  padding: 8px;
}
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content table tr:nth-child(even),
.responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup .content table th {
  background-color: #f3f3f3;
}
.responsive-faresum .modal.bottom-sheet {
  max-height: 100%;
}

.apply-promocode .promo-left {
  width: 100%;
  display: flex;
  align-content: flex-start;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.apply-promocode .promo-left .apply_left {
  display: flex;
  align-content: flex-start;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.apply-promocode .promo-left .apply_right {
  display: flex;
  align-content: flex-start;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.apply-promocode .promo-left .apply_right img {
  width: 23px;
}

.promocode,
.apply-promocode {
  padding: 15px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  margin: 0 0 10px;
  background: #fff;
  display: none;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .promocode,
  .apply-promocode {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
}
.promocode .promo-left,
.apply-promocode .promo-left {
  display: flex;
  align-items: center;
  gap: 13px;
}
.promocode .promo-left img,
.apply-promocode .promo-left img {
  width: 34px;
}
.promocode .promo-left h4,
.apply-promocode .promo-left h4 {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.promocode .promo-left h5,
.apply-promocode .promo-left h5 {
  font-size: 13px;
  font-weight: 400;
  margin-top: 3px;
}
.promocode .promo-left h5 b,
.apply-promocode .promo-left h5 b {
  color: #06a306;
}
.promocode .promo-left.before-style,
.apply-promocode .promo-left.before-style {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.promocode .promo-left.before-style .icon,
.apply-promocode .promo-left.before-style .icon {
  font-size: 32px;
  font-weight: 400;
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.promocode .promo-left.before-style h3,
.apply-promocode .promo-left.before-style h3 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  padding-left: 10px;
}
.promocode .promo-right,
.apply-promocode .promo-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 800px) {
  .promocode .promo-right,
  .apply-promocode .promo-right {
    width: 100%;
    justify-content: end;
    border-top: 1px solid #e9e8e8;
    padding-top: 13px;
  }
}
.promocode .arrow,
.apply-promocode .arrow {
  color: #000;
  font-size: 17px;
  font-weight: 700;
  height: 35px;
  width: 40px;
  text-align: right;
  line-height: 35px;
}
.promocode a:not(.arrow),
.apply-promocode a:not(.arrow) {
  color: black;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  border: 1px solid;
  border-radius: 25px;
  padding: 5px 14px;
}
.promocode .promo-code-popup,
.apply-promocode .promo-code-popup {
  background: #fff;
  border-radius: 5px 5px 0 0;
}
.promocode .promo-code-popup .promo-code-outer,
.apply-promocode .promo-code-popup .promo-code-outer {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 0 15px 0;
  position: relative;
  padding: 10px 15px;
}
.promocode .promo-code-popup .promo-code-outer h2,
.apply-promocode .promo-code-popup .promo-code-outer h2 {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  margin: 0 0 15px;
}
.promocode .promo-code-popup .promo-code-outer .promo-code,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code {
  position: relative;
  margin-bottom: 15px;
}
.promocode .promo-code-popup .promo-code-outer .promo-code .form-control,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code .form-control {
  height: 34px;
  line-height: 34px;
  border: 1px solid #777;
  border-radius: 5px;
  color: #6d6c6c;
  font-size: 14px;
  width: 100%;
}
.promocode .promo-code-popup .promo-code-outer .promo-code .appliedbtn,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code .appliedbtn {
  position: absolute;
  right: 10px;
  top: 6px;
  background: 0 0;
  border: 0;
}
.promocode .promo-code-popup .promo-code-outer .promo-code .closebtn,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code .closebtn {
  position: absolute;
  right: 46px;
  top: 12px;
  background: 0 0;
  border: 0;
}
.promocode .promo-code-popup .promo-code-outer .promo-code .closebtn img,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code .closebtn img {
  width: 11px;
}
.promocode .promo-code-popup .promo-code-outer .promo-code .applybtn,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code .applybtn {
  position: absolute;
  right: 10px;
  top: 8px;
  color: #d32f2f;
  font-size: 15px;
  font-weight: 700;
  background: 0 0;
  border: 0;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field {
  margin: 0;
  display: flex;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline {
  position: relative;
  border-bottom: 1px solid #777;
  padding: 4px 10px;
  margin: 0 0 20px;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline .error,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline .error {
  color: #fff;
  font-size: 12px;
  background: #d32f2f;
  padding: 3px 7px;
  border-radius: 4px;
  display: inline-block;
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 0;
  line-height: 15px;
  opacity: 0;
  white-space: nowrap;
  transition: all 0.5s ease;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline .error::before,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline .error::before {
  content: "";
  left: 5px;
  top: -5px;
  width: 0;
  height: 0;
  border-top: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #d32f2f;
  position: absolute;
  z-index: 10;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline input,
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline select,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline input,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline select {
  height: 32px;
  line-height: 42px;
  border: 0 !important;
  font-size: 14px;
  color: #6d6c6c;
  box-shadow: none !important;
  margin: 0 !important;
  display: block;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline textarea,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline textarea {
  height: 104px;
  padding: 10px 0;
  line-height: 20px;
  border: 0;
  font-size: 14px;
  color: #6d6c6c;
  box-shadow: none !important;
  margin: 0;
  resize: none;
  display: block;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline label,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline label {
  left: 5px;
  color: #6d6c6c !important;
  background: #fafafa;
  padding: 0 7px;
  font-size: 14px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transform: translateY(11px);
  -moz-transform: translateY(11px);
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline label .star,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline label .star {
  color: #d32f2f;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline label.active,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline label.active {
  transform: translateY(-8px) scale(0.75);
  -moz-transform: translateY(-8px) scale(0.75);
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.validate-style,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.validate-style {
  border-color: #d32f2f;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.validate-style .error,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.validate-style .error {
  top: 100%;
  opacity: 1;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.validate-style label,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.validate-style label {
  color: #d32f2f;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.small input,
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.small select,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.small input,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.small select {
  height: 32px;
  line-height: 32px;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.small label.active,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.small label.active {
  transform: translateY(-8px) scale(0.75);
  -moz-transform: translateY(-8px) scale(0.75);
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.not-floating label,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.not-floating label {
  background: transparent;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.not-floating label.active,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.outline.not-floating label.active {
  font-size: 0;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.applied,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.applied {
  border-bottom: 1px solid #0ac10a;
  margin-bottom: 10px !important;
}
.promocode .promo-code-popup .promo-code-outer .promo-code.input-field.applied input,
.apply-promocode .promo-code-popup .promo-code-outer .promo-code.input-field.applied input {
  font-weight: 600;
  color: black !important;
}
.promocode .promo-code-popup .promo-code-outer .or,
.apply-promocode .promo-code-popup .promo-code-outer .or {
  margin-left: -15px;
  margin-right: -15px;
  height: 17px;
  box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  margin-bottom: 35px;
}
.promocode .promo-code-popup .promo-code-outer .or span,
.apply-promocode .promo-code-popup .promo-code-outer .or span {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-transform: uppercase;
  border: 1px solid #9caab3;
  box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  border-radius: 50%;
  position: relative;
  z-index: 10;
  background: #fff;
  display: inline-block;
}
.promocode .promo-code-popup .promo-code-outer h3,
.apply-promocode .promo-code-popup .promo-code-outer h3 {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.promocode .promo-code-popup .promo-code-outer .promocode-list,
.apply-promocode .promo-code-popup .promo-code-outer .promocode-list {
  margin-right: -15px;
  padding-right: 10px;
  max-height: 395px;
  overflow: hidden;
  overflow-y: auto;
  margin-bottom: 7px;
}
.promocode .promo-code-popup .promo-code-outer .promocode-list::-webkit-scrollbar,
.apply-promocode .promo-code-popup .promo-code-outer .promocode-list::-webkit-scrollbar {
  width: 9px;
}
.promocode .promo-code-popup .promo-code-outer .promocode-list::-webkit-scrollbar-track,
.apply-promocode .promo-code-popup .promo-code-outer .promocode-list::-webkit-scrollbar-track {
  background: #D3D3D3;
  border-radius: 12px;
}
.promocode .promo-code-popup .promo-code-outer .promocode-list::-webkit-scrollbar-thumb,
.apply-promocode .promo-code-popup .promo-code-outer .promocode-list::-webkit-scrollbar-thumb {
  background: #747474;
  width: 14px;
  border: 3px solid #D3D3D3;
  border-radius: 15px;
}
.promocode .promo-code-popup .promo-code-outer .promocode-list li,
.apply-promocode .promo-code-popup .promo-code-outer .promocode-list li {
  padding: 10px 0;
  border-bottom: 1px solid #ebeef1;
}
.promocode .promo-code-popup .promo-code-outer .promocode-list li .checkouter .radio label,
.apply-promocode .promo-code-popup .promo-code-outer .promocode-list li .checkouter .radio label {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.promocode .promo-code-popup .promo-code-outer .promocode-list li .checkouter .radio label .offertxt,
.apply-promocode .promo-code-popup .promo-code-outer .promocode-list li .checkouter .radio label .offertxt {
  font-size: 13px;
  color: #FF5A00;
  font-weight: 400;
}
.promocode .promo-code-popup .promo-code-outer .promocode-list li:last-child,
.apply-promocode .promo-code-popup .promo-code-outer .promocode-list li:last-child {
  border: none;
}
.promocode .promo-code-popup .promo-code-outer .promocode-list li p,
.apply-promocode .promo-code-popup .promo-code-outer .promocode-list li p {
  color: #525252;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  line-height: 18px;
  padding-left: 26px;
}
.promocode .promo-code-popup .promo-code-outer .promocode-list li p.redtxt,
.apply-promocode .promo-code-popup .promo-code-outer .promocode-list li p.redtxt {
  color: #D92727;
}
.promocode .promo-code-popup .promo-code-header,
.apply-promocode .promo-code-popup .promo-code-header {
  height: 50px;
  padding: 0 10px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(156, 170, 179, 0.28);
}
.promocode .promo-code-popup .promo-code-header h2,
.apply-promocode .promo-code-popup .promo-code-header h2 {
  font-size: 17px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
}
.promocode .modal.bottom-sheet,
.apply-promocode .modal.bottom-sheet {
  max-height: 100%;
}

.details .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 15px;
}
.details .header .left {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  gap: 2px;
}
.details .header .left .headings {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.details .header .left .headings h2 {
  margin-right: 10px;
}
.details .header .left .headings p {
  font-size: 13px;
  font-weight: 400;
  color: #4B4B4B;
}
.details .header .left .details {
  font-size: 13px;
  font-weight: 400;
}
.details .header .left .badges {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  gap: 18px;
}
.details .header .left .badges li {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
}
.details .header .left .duration {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.details .header .left .duration li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  border-right: 1px solid #D8D8D8;
  padding-right: 15px;
}
.details .header .left .duration li:last-child {
  border-right: 0;
}
.details .header .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 20px;
  gap: 7px;
}
.details .header .right .text {
  font-size: 14px;
  color: black;
  font-weight: 500;
  line-height: 14px;
}
.details .header .right .slashed {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.details .header .right .slashed p {
  color: #9A9A9A;
  text-decoration: line-through;
  font-size: 16px;
  font-weight: 400;
}
.details .header .right .slashed .off {
  background: #4CAF50;
  color: white;
  border-radius: 20px;
  text-transform: uppercase;
  padding: 0px 7px;
  font-weight: 500;
  font-size: 12px;
}
.details .header .right .fare {
  white-space: nowrap;
}
.details .search-criteria .top {
  display: none;
}
.details .search-criteria .top .details {
  font-size: 13px;
  font-weight: 400;
}
.details .search-criteria .top .badges {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  gap: 18px;
}
.details .search-criteria .top .badges li {
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
}
.details .search-criteria .bottom {
  border-top: 0px;
  padding-top: 0px;
  margin-top: 0px;
}
.details .details-section {
  width: 100%;
  padding-bottom: 25px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.details .details-section .left {
  width: calc(75% - 15px);
  margin-right: 25px;
  display: flex;
  flex-direction: column;
}
.details .details-section .left .details-tabs {
  width: 100%;
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 0px 10px;
  margin: 0 0 15px 0;
  position: relative;
  display: flex;
  flex-direction: row;
  overflow-x: auto;
   z-index: 49;
}
.details .details-section .left .details-tabs li {
  margin-right: 35px;
  text-transform: uppercase;
  padding: 15px 10px 10px;
  border-bottom: 4px solid #fff;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  transition: 0.1s ease;
  cursor: pointer;
}
.details .details-section .left .details-tabs li a {
  color: #000;
}
.details .details-section .left .details-tabs li:hover {
  color: #d32f2f;
  border-bottom: 4px solid #d32f2f;
}
.details .details-section .left .details-tabs li.active {
  color: #d32f2f;
  border-bottom: 4px solid #d32f2f;
}
.details .details-section .left .itinerary-card {
  width: 100%;
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 20px;
  gap: 20px;
}
.details .details-section .left .itinerary-card .outer {
  position: relative;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.details .details-section .left .itinerary-card .outer::after {
  content: "";
  border-left: 1px dashed #ababab;
  position: absolute;
  top: 24px;
  left: 0;
  height: 86%;
}
.details .details-section .left .itinerary-card .outer .itinerary-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.details .details-section .left .itinerary-card .outer .itinerary-content h3 {
  color: #0A3C64;
  font-size: 21px;
  position: relative;
}
.details .details-section .left .itinerary-card .outer .itinerary-content h3::after {
  content: "";
  position: absolute;
  left: -27px;
  height: 16px;
  width: 16px;
  background: #DF851D;
  border-radius: 50%;
  z-index: 1;
  top: 8px;
}
.details .details-section .left .itinerary-card .outer .itinerary-content .decription {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.details .details-section .left .itinerary-card .outer .itinerary-content .decription h4 {
  font-size: 15px;
  font-weight: 500;
  color: black;
}
.details .details-section .left .itinerary-card .outer .itinerary-content .decription p {
  font-size: 14px;
  color: black;
}
.details .details-section .left .itinerary-divider {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.details .details-section .left .itinerary-divider span {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
  margin-right: 10px;
}
.details .details-section .left .itinerary-divider h4 {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.details .details-section .left .itinerary-list-card {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  margin: 0 0 15px 0;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
@media screen and (max-width: 600px) {
  .details .details-section .left .itinerary-list-card {
    flex-direction: column;
    gap: 0;
  }
}
.details .details-section .left .itinerary-list-card .left {
  background: url(../images/dubai1.jpeg);
  background-size: cover !important;
  min-height: 240px;
  min-width: 204px;
  background-position: center !important;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  width: 204px;
  margin-right: 0;
}
@media screen and (max-width: 600px) {
  .details .details-section .left .itinerary-list-card .left {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0px;
    width: 100%;
    min-height: 135px;
  }
}
.details .details-section .left .itinerary-list-card .left.two {
  background: url(../images/dubai2.jpeg);
}
.details .details-section .left .itinerary-list-card .left.three {
  background: url(../images/dubai3.jpg);
}
.details .details-section .left .itinerary-list-card .right {
  padding: 15px 20px 15px 0;
}
@media screen and (max-width: 600px) {
  .details .details-section .left .itinerary-list-card .right {
    padding: 15px;
  }
}
.details .details-section .left .itinerary-list-card .right .heading-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  padding-bottom: 10px;
}
@media screen and (max-width: 400px) {
  .details .details-section .left .itinerary-list-card .right .heading-row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.details .details-section .left .itinerary-list-card .right .heading-row .place {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.details .details-section .left .itinerary-list-card .right .heading-row .place h2 {
  font-size: 22px;
}
.details .details-section .left .itinerary-list-card .right .heading-row .place p {
  margin-left: 5px;
  font-size: 13px;
  font-weight: 400;
  color: #525252;
}
.details .details-section .left .itinerary-list-card .right .heading-row span {
  display: flex;
  flex-direction: row;
  gap: 5px;
  color: #707070;
  font-size: 13px;
}
.details .details-section .left .itinerary-list-card .right .para {
  color: black;
}
.details .details-section .left .accomodation-details {
  border-radius: 15px;
  margin: 0 0 15px 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.details .details-section .left .accomodation-details .room-category {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.details .details-section .left .accomodation-details .room-category p {
  font-weight: 700;
  color: #000;
  font-size: 16px;
}
.details .details-section .left .accomodation-details .room-category .star-icon {
  transform: translateY(-1px);
  margin-left: 5px;
  color: #efb400;
}
.details .details-section .left .accomodation-details .accomodation-itinerary {
  display: flex;
  flex-direction: column;
}
.details .details-section .left .accomodation-details .accomodation-itinerary li {
  margin: 5px 0px 0px;
}
.details .details-section .left .accomodation-details .accomodation-itinerary li p {
  font-weight: 400;
  color: #525252;
  font-size: 13px;
}
.details .details-section .left .accomodation-details .room-type {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
}
.details .details-section .left .accomodation-details .room-type .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 10px 15px;
  cursor: pointer;
  border-radius: 15px;
}
.details .details-section .left .accomodation-details .room-type .heading .l {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 5px;
}
.details .details-section .left .accomodation-details .room-type .heading .l p {
  font-weight: bold;
  font-size: 16px;
}
.details .details-section .left .accomodation-details .room-type .heading .l .star-icon {
  color: #efb400;
}
.details .details-section .left .accomodation-details .room-type .heading .l .down-arrow {
  display: inline-block;
  font-size: 14px;
  transition: all 0.5s ease;
  margin-right: 10px;
}
.details .details-section .left .accomodation-details .room-type .heading .r {
  display: flex;
  align-items: center;
  gap: 10px;
}
.details .details-section .left .accomodation-details .room-type .heading .r p.black {
  color: black;
  font-weight: 500;
  background: transparent !important;
}
.details .details-section .left .accomodation-details .room-type .heading .r p.red {
  color: #d32f2f;
  background: transparent !important;
}
.details .details-section .left .accomodation-details .room-type .heading .r p.green {
  color: #16a716;
  background: transparent !important;
}
.details .details-section .left .accomodation-details .room-type .heading .r .button-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 10px;
}
.details .details-section .left .accomodation-details .room-type .heading .r .button-wrapper button {
  border: 1px solid #d32f2f;
  color: #d32f2f;
  text-transform: capitalize;
  background: #fff;
  border-radius: 23px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 10px;
  min-height: 38px;
  width: 102px;
}
.details .details-section .left .accomodation-details .room-type .heading .r .button-wrapper button.selected {
  border: none;
  color: white;
  background: #00aa16;
}
.details .details-section .left .accomodation-details .room-type .heading .r .button-wrapper button.selected .icon {
  font-size: 12px;
}
@media screen and (max-width: 450px) {
  .details .details-section .left .accomodation-details .room-type .heading .r {
    display: none;
  }
}
.details .details-section .left .accomodation-details .room-type .content {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px 10px;
  padding: 10px 15px 40px 15px;
  display: none;
  justify-content: space-between;
}
@media (max-width: 1000px) {
  .details .details-section .left .accomodation-details .room-type .content {
    padding: 10px 15px 40px 15px !important;
  }
}
@media (max-width: 600px) {
  .details .details-section .left .accomodation-details .room-type .content {
    gap: 38px 10px;
    padding: 10px 15px 20px 15px !important;
  }
}
.details .details-section .left .accomodation-details .room-type .content .button-wrapper {
  display: none;
  width: 100%;
}
.details .details-section .left .accomodation-details .room-type .content .button-wrapper p {
  font-size: 15px;
}
.details .details-section .left .accomodation-details .room-type .content .button-wrapper p.black {
  color: black;
  font-weight: 500;
  background: transparent !important;
}
.details .details-section .left .accomodation-details .room-type .content .button-wrapper p.red {
  color: #d32f2f;
  background: transparent !important;
}
.details .details-section .left .accomodation-details .room-type .content .button-wrapper p.green {
  color: #16a716;
  background: transparent !important;
}
.details .details-section .left .accomodation-details .room-type .content .button-wrapper button {
  border: 1px solid #d32f2f;
  color: #d32f2f;
  text-transform: capitalize;
  background: #fff;
  border-radius: 53px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
  width: 111px;
}
.details .details-section .left .accomodation-details .room-type .content .button-wrapper button.selected {
  color: #00aa16;
  background: #e9ffec;
  border: 1px solid #e9ffec;
}
.details .details-section .left .accomodation-details .room-type .content .button-wrapper button.selected .icon {
  margin-right: 5px;
}
@media screen and (max-width: 450px) {
  .details .details-section .left .accomodation-details .room-type .content .button-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    gap: 15px;
    border-top: 1px solid #e5e5e5;
    padding-top: 16px;
  }
}
.details .details-section .left .accomodation-details .room-type .content .room {
  border-radius: 10px;
  width: calc((100% - 30px) / 3);
  position: relative;
}
.details .details-section .left .accomodation-details .room-type .content .room .img-wrapper {
  height: 219px;
  background-image: var(--img-url);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
}
.details .details-section .left .accomodation-details .room-type .content .room .actions {
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  background: #FFF2E4;
  border-radius: 30px;
  position: absolute;
  bottom: -22px;
  width: 100%;
}
.details .details-section .left .accomodation-details .room-type .content .room .actions p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
}
.details .details-section .left .accomodation-details .room-type .content .room .actions span {
  display: flex;
  gap: 6px;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .details .details-section .left .accomodation-details .room-type .content .room {
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (max-width: 450px) {
  .details .details-section .left .accomodation-details .room-type .content .room {
    width: 100%;
  }
}
.details .details-section .left .accomodation-details .room-type.active .heading {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.details .details-section .left .accomodation-details .room-type.active .heading .l .down-arrow {
  transform: rotateZ(-180deg);
}
.details .details-section .left .accomodation-details .room-type.active .heading .r .icon {
  transform: rotateZ(180deg);
}
.details .details-section .left .accomodation-details .room-type.active .content {
  display: flex;
}
.details .details-section .left .moredetails-card {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  margin: 0 0 15px 0;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.details .details-section .left .moredetails-card .card-heading {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
.details .details-section .left .moredetails-card .card-list {
  display: flex;
  flex-direction: column;
}
.details .details-section .left .moredetails-card .card-list.exclusion li img {
  width: 11px;
}
.details .details-section .left .moredetails-card .card-list.termscondition li {
  position: relative;
  padding-left: 10px;
}
.details .details-section .left .moredetails-card .card-list.termscondition li::after {
  background: #D92727;
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 7px;
  height: 2px;
}
.details .details-section .left .moredetails-card .card-list li {
  margin: 5px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.details .details-section .left .moredetails-card .card-list li p {
  font-size: 15px;
  color: black;
}
.details .details-section .left .moredetails-card.static .policy-table-wrapper {
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 10px;
  padding-left: 23px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.static .policy-table-wrapper {
    padding-left: 0;
  }
}
.details .details-section .left .moredetails-card.static .policy-table-wrapper::after {
  content: "";
  position: absolute;
  left: 4px;
  height: 100%;
  width: 13px;
  border-radius: 20px;
  background: transparent linear-gradient(180deg, #169D64 0%, #FF9B26 46%, #DA2028 100%) 0% 0%;
  top: 0;
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.static .policy-table-wrapper::after {
    display: none;
  }
}
.details .details-section .left .moredetails-card.static .policy-table-wrapper.payment {
  padding-left: 0;
}
.details .details-section .left .moredetails-card.static .policy-table-wrapper.payment::after {
  display: none;
}
.details .details-section .left .moredetails-card.static .policy-table-wrapper.payment table td,
.details .details-section .left .moredetails-card.static .policy-table-wrapper.payment table th {
  padding: 10px 10px 10px 0 !important;
  vertical-align: top;
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.static .policy-table-wrapper.payment table td::before {
    content: attr(data-label);
    width: 75%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    font-weight: 400 !important;
  }
}
.details .details-section .left .moredetails-card.static .policy-table-wrapper .policy-table tr {
  border: 0;
}
.details .details-section .left .moredetails-card.static .policy-table-wrapper .policy-table tr.bg-row {
  background: #f7f7f7;
}
.details .details-section .left .moredetails-card.static .policy-table-wrapper .policy-table tr:last-child {
  border-bottom: 0px;
}
.details .details-section .left .moredetails-card.static .policy-table-wrapper .policy-table tr th,
.details .details-section .left .moredetails-card.static .policy-table-wrapper .policy-table tr td {
  padding: 10px;
}
.details .details-section .left .moredetails-card.static .policy-table-wrapper .policy-table tr th.no-border,
.details .details-section .left .moredetails-card.static .policy-table-wrapper .policy-table tr td.no-border {
  border-left: 0px;
}
.details .details-section .left .moredetails-card.static .policy-table-wrapper .policy-table tr th:first-child,
.details .details-section .left .moredetails-card.static .policy-table-wrapper .policy-table tr td:first-child {
  border-left: 0px;
}
.details .details-section .left .moredetails-card.static .policy-table-wrapper .policy-table tr td {
  font-size: 15px;
  color: #000000;
  font-weight: 400;
}
.details .details-section .left .moredetails-card.static .policy-table-wrapper .policy-table tr th {
  color: #8D8D8D;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.static .policy-table-wrapper .policy-table tr th {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.static .policy-table-wrapper table {
    border: 0;
  }
  .details .details-section .left .moredetails-card.static .policy-table-wrapper table caption {
    font-size: 1.3em;
  }
  .details .details-section .left .moredetails-card.static .policy-table-wrapper table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .details .details-section .left .moredetails-card.static .policy-table-wrapper table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
  }
  .details .details-section .left .moredetails-card.static .policy-table-wrapper table tr:last-child td:last-child {
    border-bottom: 0;
  }
  .details .details-section .left .moredetails-card.static .policy-table-wrapper table th {
    font-size: 14px;
    padding: 10px 0;
  }
  .details .details-section .left .moredetails-card.static .policy-table-wrapper table td {
    display: block;
    text-align: right;
    font-size: 14px !important;
    padding: 10px 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-weight: 500 !important;
  }
  .details .details-section .left .moredetails-card.static .policy-table-wrapper table td::before {
    content: attr(data-label);
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    font-weight: 400 !important;
  }
  .details .details-section .left .moredetails-card.static .policy-table-wrapper table td:last-child {
    border-bottom: 1px solid #e7e2e2;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.details .details-section .left .apply-promo {
  display: none;
}
.details .details-section .left .actions-row {
  display: none;
}
.details .details-section .left .support-outer {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  margin: 0 0 15px 0;
  position: relative;
  padding: 5px 15px;
  display: none;
}
.details .details-section .left .support-outer ul {
  width: 100%;
}
.details .details-section .left .support-outer ul li {
  justify-content: start;
  display: flex;
  border-bottom: 1px solid #ebebeb;
  padding: 9px 0;
  align-items: center;
}
.details .details-section .left .support-outer ul li:last-child {
  border-bottom: none;
}
.details .details-section .left .support-outer ul li .icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #525252;
  font-size: 25px;
  text-align: left;
  display: block;
}
.details .details-section .left .support-outer ul li h3 {
  color: #222;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 13px;
  padding-bottom: 0px;
}
.details .details-section .left .support-outer ul li h3 span {
  font-weight: 500;
  color: #000;
  font-size: 16px;
  display: block;
}
.details .details-section .left .support-outer ul li h3 span strong {
  color: #000;
  font-size: 16px;
}
.details .details-section .left .support-outer ul li h3 span .whatsapp-icon {
  background: url(images/whatsapp.png);
  width: 30px;
  height: 30px;
  display: block;
}
.details .details-section .left .about-tour {
  margin: 15px 0px;
  display: flex;
  flex-direction: column;
}
.details .details-section .left .about-tour h2 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 5px;
}
.details .details-section .left .about-tour p {
  font-size: 14px;
  font-weight: 400;
  color: #707070;
}
.details .details-section .left .our-experts {
  margin: 15px 0px 0px;
  display: flex;
  flex-direction: column;
}
.details .details-section .left .our-experts h2 {
  font-size: 22px;
  font-weight: 700;
}
.details .details-section .left .our-experts .cards-row {
  margin: 15px 0px 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.details .details-section .left .our-experts .cards-row .expert-card {
  width: 100%;
  max-width: 50%;
  margin-right: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 15px;
}
.details .details-section .left .our-experts .cards-row .expert-card:last-child {
  margin-right: 0px;
}
.details .details-section .left .our-experts .cards-row .expert-card .expert-details {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
}
.details .details-section .left .our-experts .cards-row .expert-card .expert-details h2 {
  font-size: 16px;
  font-weight: 500;
}
.details .details-section .left .our-experts .cards-row .expert-card .expert-details p {
  font-size: 13px;
  font-weight: 400;
  color: #525252;
}
.details .details-section .left .our-experts .cards-row .expert-card .expert-details .badges {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.details .details-section .left .our-experts .cards-row .expert-card .expert-details .badges li {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.details .details-section .left .our-experts .cards-row .expert-card .expert-details .badges li span {
  margin-right: 5px;
}
.details .details-section .left .our-experts .cards-row .expert-card .expert-details .badges li.phone {
  background: #e6edf2;
}
.details .details-section .left .our-experts .cards-row .expert-card .expert-details .badges li.whatsapp {
  background: #4caf50;
  color: #fff;
}
.details .details-section .left .product-review {
  border-bottom: 0px;
  background: transparent;
}

.payment-wrapper {
  min-height: calc(100vh - 236px);
  padding: 15px 0;
}
.payment-wrapper.book-appointment {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
}
.payment-wrapper.book-appointment #map {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  top: 0px;
  z-index: 0;
}
.payment-wrapper > .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 10;
}
.payment-wrapper > .container .white-box {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 15px;
  margin: 0 0 15px;
}
.payment-wrapper > .container .appointment-box-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: -15px;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box {
  box-shadow: 0px -20px 9px 0 rgba(0, 0, 0, 0.1);
  border-bottom: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  overflow: hidden;
  margin: 0px;
  min-width: 410px;
  padding: 0px;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .change-location-box {
  background-color: #f6f6f6;
  width: 100%;
  padding: 15px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #ebebeb;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .change-location-box h3 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .change-location-box .form {
  display: flex;
  flex-direction: row;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .change-location-box .form .input-field {
  width: 100%;
  margin-right: 10px;
  margin-bottom: 0px;
  background: white;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .change-location-box .form button {
  color: white;
  background: red;
  outline: 0px;
  border: 0px;
  height: 44px;
  padding: 10px 25px;
  font-weight: 700;
  border-radius: 5px;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box {
  padding: 15px;
  background: #ffffff;
  min-height: calc(100vh - 358px);
  max-height: calc(100vh - 358px);
  overflow: auto;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 10px;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li:last-child {
  margin-bottom: 0px;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .top-section {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .top-section .map-icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 10px;
  font-size: 30px;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .top-section .location-details {
  display: flex;
  flex-direction: column;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .top-section .location-details h3 {
  font-size: 17px;
  font-weight: 700;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .top-section .location-details p {
  font-size: 15px;
  font-weight: 400;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .top-section .location-details a {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  position: relative;
  font-weight: 700;
  color: #19478a;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .top-section .location-details a span {
  margin-left: 8px;
  font-weight: 700;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .top-section .location-details a::before {
  content: "";
  left: 0;
  bottom: -1px;
  width: 88px;
  height: 1px;
  position: absolute;
  background: #19478a;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .top-section .location-details a::after {
  content: "";
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  position: absolute;
  background: #d32f2f;
  transition: all 0.5s ease;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .top-section .location-details a:hover:after {
  width: 88px;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .bottom-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: #f6f6f6;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 5px 10px;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .bottom-section .contact-details {
  display: flex;
  flex-direction: column;
  margin-right: 5px;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .bottom-section .contact-details p {
  font-size: 12px;
  font-weight: 300;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .bottom-section .contact-details h3 {
  font-size: 14px;
  font-weight: 700;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .bottom-section .contact-details h3 span {
  font-weight: 500;
}
.payment-wrapper > .container .appointment-box-wrapper .appointment-box .search-results-box ul li .bottom-section a {
  padding: 10px;
  background: #2a4481;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  border-radius: 15px;
  cursor: pointer;
  white-space: nowrap;
}
.payment-wrapper > .container .enquiry-success {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.payment-wrapper > .container .enquiry-success .enquiry-icon {
  margin-top: 20px;
  margin-bottom: 10px;
  position: relative;
}
.payment-wrapper > .container .enquiry-success .enquiry-icon .holiday-icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 100px;
}
.payment-wrapper > .container .enquiry-success .enquiry-icon .status-icon {
  position: absolute;
  color: #fff;
  bottom: 13px;
  right: 15px;
  font-size: 16px;
}
.payment-wrapper > .container .enquiry-success .enquiry-icon .status-icon::before {
  width: 100px;
  height: 100px;
  background: #119100;
  padding: 10px 9px 9px;
  border-radius: 50%;
}
.payment-wrapper > .container .enquiry-success .success-header {
  font-size: 25px;
  color: #119100;
  font-weight: 700;
  margin-bottom: 10px;
}
.payment-wrapper > .container .enquiry-success .request-id {
  font-size: 17px;
  color: #000;
  font-weight: 500;
  padding: 10px 15px;
  background: #fafafa;
  border-radius: 5px;
  border: 1px solid #ebebeb;
  margin-bottom: 30px;
}
.payment-wrapper > .container .enquiry-success p {
  font-size: 16px;
  font-weight: 400;
  color: #363636;
  margin-bottom: 20px;
  text-align: center;
}
.payment-wrapper > .container .enquiry-success .enquiry-actions {
  width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 10px 0px;
  margin-bottom: 30px;
}
.payment-wrapper > .container .enquiry-success .enquiry-actions li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 15px;
  border-right: 1px solid #ebebeb;
  cursor: pointer;
}
.payment-wrapper > .container .enquiry-success .enquiry-actions li:last-child {
  border-right: 0px;
}
.payment-wrapper > .container .enquiry-success .enquiry-actions li .action-icon {
  font-size: 35px;
  margin-right: 15px;
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.payment-wrapper > .container .enquiry-success .enquiry-actions li .action-icon.whatsapp-icon {
  color: #ffffff;
  font-size: 30px;
  padding: 5px;
  background: #61c945;
  border-radius: 50%;
  -webkit-text-fill-color: #ffffff;
}
.payment-wrapper > .container .enquiry-success .enquiry-actions li .action-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.payment-wrapper > .container .enquiry-success .enquiry-actions li .action-text p {
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 500;
  color: #525252;
}
.payment-wrapper > .container .enquiry-success .enquiry-actions li .action-text h3 {
  font-size: 18px;
  color: #000;
  font-weight: 500;
}
.payment-wrapper > .container .enquiry-success .go-back {
  display: flex;
  align-items: center;
  color: #19478a;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}
.payment-wrapper > .container .enquiry-success .go-back span {
  margin-right: 7px;
  font-size: 13px;
  font-weight: 700;
}
.payment-wrapper > .container .booking-success {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.payment-wrapper > .container .booking-success .enquiry-icon {
  margin-top: 20px;
  margin-bottom: 10px;
  position: relative;
}
.payment-wrapper > .container .booking-success .enquiry-icon .holiday-icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 100px;
}
.payment-wrapper > .container .booking-success .enquiry-icon .status-icon {
  position: absolute;
  color: #fff;
  bottom: 13px;
  right: 15px;
  font-size: 16px;
}
.payment-wrapper > .container .booking-success .enquiry-icon .status-icon::before {
  width: 100px;
  height: 100px;
  background: #119100;
  padding: 10px 9px 9px;
  border-radius: 50%;
}
.payment-wrapper > .container .booking-success .success-header {
  font-size: 37px;
  color: #119100;
  font-weight: 700;
  margin-bottom: 10px;
}
.payment-wrapper > .container .booking-success .request-id {
  font-size: 17px;
  color: #000;
  font-weight: 500;
  padding: 10px 15px;
  background: #fafafa;
  border-radius: 5px;
  border: 1px solid #ebebeb;
  margin-bottom: 30px;
}
.payment-wrapper > .container .booking-success p {
  font-size: 16px;
  font-weight: 400;
  color: #363636;
  margin-bottom: 20px;
  text-align: center;
}
.payment-wrapper > .container .booking-success .enquiry-actions {
  width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 10px 0px;
  margin-bottom: 30px;
}
.payment-wrapper > .container .booking-success .enquiry-actions li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 15px;
  border-right: 1px solid #ebebeb;
  cursor: pointer;
}
.payment-wrapper > .container .booking-success .enquiry-actions li:last-child {
  border-right: 0px;
}
.payment-wrapper > .container .booking-success .enquiry-actions li .action-icon {
  font-size: 35px;
  margin-right: 15px;
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.payment-wrapper > .container .booking-success .enquiry-actions li .action-icon.whatsapp-icon {
  color: #ffffff;
  font-size: 30px;
  padding: 5px;
  background: #61c945;
  border-radius: 50%;
  -webkit-text-fill-color: #ffffff;
}
.payment-wrapper > .container .booking-success .enquiry-actions li .action-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.payment-wrapper > .container .booking-success .enquiry-actions li .action-text p {
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 500;
  color: #525252;
}
.payment-wrapper > .container .booking-success .enquiry-actions li .action-text h3 {
  font-size: 18px;
  color: #000;
  font-weight: 500;
}
.payment-wrapper > .container .booking-success .go-back {
  display: flex;
  align-items: center;
  color: #19478a;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}
.payment-wrapper > .container .booking-success .go-back span {
  margin-right: 7px;
  font-size: 13px;
  font-weight: 700;
}
.payment-wrapper > .container .left-side {
  width: calc(75% - 15px);
}
.payment-wrapper > .container .left-side .view-details-wrapper {
  margin: 0 0 10px;
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 10px;
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.payment-wrapper > .container .left-side .view-details-wrapper h5 {
  width: calc(100% - 85px);
  color: #000;
  font-size: 17px;
  font-weight: 500;
}
.payment-wrapper > .container .left-side .view-details-wrapper h5 span {
  display: block;
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.payment-wrapper > .container .left-side .view-details-wrapper a {
  color: #19478a;
  text-transform: uppercase;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: -5px;
}
.payment-wrapper > .container .left-side .mobile-payment-header {
  display: none;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 13px;
}
.payment-wrapper > .container .left-side .mobile-payment-header span {
  display: block;
  color: #787878;
  font-weight: 400;
  font-size: 13px;
  margin-top: -2px;
}
.payment-wrapper > .container .left-side .white-box {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 15px;
  margin: 0 0 15px;
}
.payment-wrapper > .container .left-side .traveller-details {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.payment-wrapper > .container .left-side .traveller-details h3 {
  color: #002543;
  font-size: 18px;
  font-weight: 400;
  margin-right: 10px;
}
.payment-wrapper > .container .left-side .traveller-details ul {
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.payment-wrapper > .container .left-side .traveller-details ul li {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-right: 1px solid #ebebeb;
  padding: 0 15px;
}
.payment-wrapper > .container .left-side .traveller-details ul li:last-child {
  padding-right: 0;
  border: 0;
}
.payment-wrapper > .container .left-side .traveller-details ul li:first-child {
  padding-left: 0;
}
.payment-wrapper > .container .left-side .traveller-details ul li .icon {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 29px;
  min-width: 29px;
  height: 29px;
  background: #cbcbcb;
  border-radius: 50%;
  text-align: center;
  line-height: 29px;
  color: #fff;
  font-size: 15px;
  margin-right: 10px;
}
.payment-wrapper > .container .left-side .traveller-details ul li h5 {
  color: #363636;
  font-size: 14px;
  font-weight: 400;
}
.payment-wrapper > .container .left-side .traveller-details ul li a {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 27px;
  padding: 0 10px;
  background: #f6f4f5;
  border-radius: 999px;
  color: #b84a01;
  border: 1px solid #b84a01;
  margin-left: 20px;
  white-space: nowrap;
}
.payment-wrapper > .container .left-side .traveller-details ul li a:hover {
  color: #fff;
  background: #b84a01;
}
.payment-wrapper > .container .left-side .support-outer {
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  margin: 0 0 15px 0;
  position: relative;
  padding: 5px 15px;
  display: none;
}
.payment-wrapper > .container .left-side .support-outer ul {
  width: 100%;
}
.payment-wrapper > .container .left-side .support-outer ul li {
  justify-content: start;
  display: flex;
  border-bottom: 1px solid #ebebeb;
  padding: 9px 0;
  align-items: center;
}
.payment-wrapper > .container .left-side .support-outer ul li:last-child {
  border-bottom: none;
}
.payment-wrapper > .container .left-side .support-outer ul li .icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #525252;
  font-size: 25px;
  text-align: left;
  display: block;
}
.payment-wrapper > .container .left-side .support-outer ul li h3 {
  color: #222;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 13px;
  padding-bottom: 0px;
}
.payment-wrapper > .container .left-side .support-outer ul li h3 span {
  font-weight: 500;
  color: #000;
  font-size: 16px;
  display: block;
}
.payment-wrapper > .container .left-side .support-outer ul li h3 span strong {
  color: #000;
  font-size: 16px;
}
.payment-wrapper > .container .left-side .support-outer ul li h3 span .whatsapp-icon {
  background: url(images/whatsapp.png);
  width: 30px;
  height: 30px;
  display: block;
}
.payment-wrapper > .container .left-side .session-time-out {
  font-size: 13px;
  padding-right: 10px;
  color: #696969;
  margin-bottom: 10px;
  text-align: right;
}
.payment-wrapper > .container .left-side .session-time-out i {
  font-size: 17px;
  margin-right: 5px;
  color: #696969;
  display: inline-block;
  vertical-align: middle;
}
.payment-wrapper > .container .left-side .session-time-out span {
  padding: 0 3px;
  font-weight: 500;
  color: #d32f2f;
}
.payment-wrapper > .container .left-side .paymentbox {
  padding-bottom: 0;
}
.payment-wrapper > .container .left-side .paymentbox .heading {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #ebebeb;
  padding: 0 15px 15px;
  margin: 0 -15px;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.payment-wrapper > .container .left-side .paymentbox .heading .offer {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.payment-wrapper > .container .left-side .paymentbox .heading .offer .block {
  height: 18px;
  background: #307d01;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 4px 0 7px;
  line-height: 18px;
  color: #fff;
  position: relative;
  margin-right: 15px;
}
.payment-wrapper > .container .left-side .paymentbox .heading .offer .block::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 100%;
  top: 0;
  border-width: 9px 0 9px 9px;
  border-style: solid;
  border-color: transparent transparent transparent #307d01;
}
.payment-wrapper > .container .left-side .paymentbox .heading .offer i {
  color: #307d01;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  display: block;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0 -15px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs {
  width: 192px;
  background: #f4f4f6;
  overflow: visible;
  white-space: normal;
  height: auto;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li {
  width: 100%;
  cursor: pointer;
  display: block;
  flex-grow: unset;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li.indicator {
  display: none;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a {
  font-size: 15px;
  color: #000;
  display: block;
  font-weight: 400;
  text-align: left;
  padding: 0 15px 0 50px;
  height: 48px;
  text-transform: capitalize;
  position: relative;
  border-bottom: 1px solid #e0dfdf;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a.active {
  background: #fff;
  color: #d32f2f;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon {
  font-size: 23px;
  position: absolute;
  z-index: 5;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon.ak-upi, .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon.ak-credit-card-emi {
  font-size: 31px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon.ak-net-banking {
  font-size: 25px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon.ak-wallet {
  font-size: 21px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon.ak-paypal {
  font-size: 19px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon.ak-phonepe {
  font-size: 29px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents {
  padding: 10px 15px;
  width: calc(100% - 192px);
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .input-field {
  background: #fff;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .fullwidth {
  width: 100%;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .row-start {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .row-start > div {
  margin-right: 15px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .row-start > div:last-child {
  margin-right: 0;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .hideshowsection {
  border-top: 1px solid #c6cbd0;
  padding: 17px 0 0;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents footer {
  padding: 25px 0 15px;
  border-top: 1px solid #d9d9d9;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents footer .top-section {
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents footer p {
  margin-top: 5px;
  font-size: 14px;
  color: #525252;
  font-weight: 400;
  text-align: right;
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents footer p a {
  color: #19478a;
  font-weight: 500;
  flex-direction: row;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 7px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents footer p a span {
  font-size: 15px;
  margin-right: 5px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents footer p a:hover {
  color: #d32f2f;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents footer h2 {
  font-size: 14px;
  text-align: right;
  color: #000;
  font-weight: 400;
  margin-right: 25px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents footer h2 span {
  display: block;
  font-weight: 700;
  font-size: 30px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents footer h2 span i {
  font-style: normal;
  font-size: 20px;
  font-weight: 500;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents footer .mat-flat-button {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 500;
  padding: 7px 25px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio {
  flex-flow: row wrap;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin: 10px 0 20px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio.netbanking {
  background: #f4f6f8;
  margin-top: 0;
  padding: 15px;
  border-radius: 7px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .radio {
  margin-right: 20px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .radio label {
  font-weight: 500;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .radio label span {
  font-size: 12px;
  color: #525252;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv {
  width: 137px;
  height: 45px;
  background: url(../images/payment-sprite.png) no-repeat;
  border-radius: 3px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv.citybank {
  background-position: -5px -45px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv.icicibank {
  background-position: -293px -45px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv.sbi-bank {
  background-position: -149px -96px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv.hdfcbank {
  background-position: -149px -45px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv.federalbank {
  background-position: -5px -447px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv.axisbank {
  background-position: -5px -96px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv.bankofbaroda {
  background-position: -293px -96px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv.mobikwik {
  background-position: -5px -145px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv.payzapp {
  background-position: -149px -146px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv.mpesa {
  background-position: -293px -146px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv.amazonpay {
  background-position: -5px -194px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv.freecharge {
  background-position: -371px -366px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv.phonepe {
  background-position: -149px -194px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .radio-options span {
  font-size: 12px;
  color: #525252;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .googleplayimg {
  width: 103px;
  height: 43px;
  background: url(../images/payment-sprite.png) no-repeat;
  background-position: -297px -198px;
  margin: 10px 0;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .at-text {
  font-weight: 700;
  color: #000;
  font-size: 16px;
  padding-bottom: 22px;
  margin-right: 15px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-area {
  margin-top: 22px;
  width: 137px;
  height: 45px;
  background: url(../images/payment-sprite.png) no-repeat;
  border-radius: 3px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-area.kodakmahindra {
  background-position: -5px -245px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-area.indusind {
  background-position: -149px -245px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-area.hsbc {
  background-position: -291px -245px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-area.cbi {
  background-position: -5px -296px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-area.scb {
  background-position: -149px -296px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-area.corporationbank {
  background-position: -291px -296px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-area.rbl {
  background-position: -5px -346px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-area.yesbank {
  background-position: -149px -346px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-area.icicibank {
  background-position: -293px -45px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-area.sbi-bank {
  background-position: -149px -96px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-area.hdfcbank {
  background-position: -149px -45px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-area.axisbank {
  background-position: -5px -96px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-area.bankofbaroda {
  background-position: -293px -96px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .ezeclick {
  width: 159px;
  height: 40px;
  background: url(../images/payment-sprite.png) no-repeat;
  background-position: -224px -421px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .card-container {
  width: 51px;
  height: 32px;
  margin-top: 27px;
  border-radius: 4px;
  background: url(../images/payment-sprite.png) no-repeat;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .card-container.mastercard {
  background-position: -60px -2px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .card-container.visa {
  background-position: -5px -2px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .card-container.discover {
  background-position: -115px -2px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .card-container.dinersclub {
  background-position: -169px -2px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .card-container.amex {
  background-position: -224px -2px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .card-container.eze-click {
  background-position: -280px -2px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .card-container.rupay {
  background-position: -333px -2px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .card-container.default {
  background-position: -151px -401px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .cvvimg {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .cvvimg .cvvimgcontainer {
  width: 56px;
  min-width: 56px;
  height: 41px;
  background: url(../images/payment-sprite.png) no-repeat;
  background-position: -391px 0;
  margin-right: 10px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .cvvimg p {
  font-size: 11px;
  color: #757575;
  font-weight: 400;
  font-style: italic;
  max-width: 103px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .seperationbg {
  background: #f4f6f8;
  padding: 15px;
  margin-bottom: 30px;
  border-radius: 7px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .seperationbg.upi {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .seperationbg.upi .Virtual-wrapper {
  width: 45%;
  min-width: 200px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .seperationbg.upi .leftsides {
  width: calc(100% - 190px);
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .seperationbg.upi .leftsides h4 {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 10px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .seperationbg.upi .leftsides h5 {
  color: #525252;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 13px;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .seperationbg.upi .leftsides .upi-img {
  width: 100%;
  max-width: 200px;
  display: block;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .seperationbg.upi .qr {
  width: 170px;
  height: 170px;
  position: relative;
  overflow: hidden;
  background: #e9ecef;
}
.payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .seperationbg.upi .qr a {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  background: #fff;
  color: #d32f2f;
  border: 1px solid #d32f2f;
  display: inline-block;
  z-index: 10;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  white-space: nowrap;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.payment-wrapper > .container .left-side .paymentbox .make-payment-btn {
  font-size: 19px;
  font-weight: 500;
  padding: 10px 25px;
  color: #fff;
  text-transform: capitalize;
  background: #d32f2f;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
}
.payment-wrapper > .container .left-side .paymentbox .card-imgs {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 15px;
}
.payment-wrapper > .container .left-side .paymentbox .card-imgs li {
  margin-right: 5px;
}
.payment-wrapper > .container .left-side .paymentbox .card-imgs li:last-child {
  margin-right: 0;
}
.payment-wrapper > .container .left-side .paymentbox .card-imgs li img {
  border-radius: 5px;
  border: 1px solid #ebebeb;
}
.payment-wrapper > .container .left-side .paymentbox .card-imgs li .bgimgs {
  background: url(../images/payment-sprite.png) no-repeat;
  width: 51px;
  height: 32px;
}
.payment-wrapper > .container .left-side .paymentbox .card-imgs li .bgimgs.visa {
  background-position: -5px -2px;
}
.payment-wrapper > .container .left-side .paymentbox .card-imgs li .bgimgs.mastercard {
  background-position: -60px -2px;
}
.payment-wrapper > .container .left-side .paymentbox .card-imgs li .bgimgs.discover {
  background-position: -115px -2px;
}
.payment-wrapper > .container .left-side .paymentbox .card-imgs li .bgimgs.dinersclub {
  background-position: -169px -2px;
}
.payment-wrapper > .container .left-side .paymentbox .card-imgs li .bgimgs.amex {
  background-position: -224px -2px;
}
.payment-wrapper > .container .left-side .paymentbox .card-imgs li .bgimgs.eze-click {
  background-position: -280px -2px;
}
.payment-wrapper > .container .left-side .paymentbox .card-imgs li .bgimgs.rupay {
  background-position: -333px -2px;
}
.payment-wrapper > .container .left-side .paymentbox .block.large-width {
  width: 35%;
}
.payment-wrapper > .container .left-side .paymentbox .block.x-large-width {
  width: 70%;
}
.payment-wrapper > .container .left-side .paymentbox .block.small-width {
  width: 93px;
}
.payment-wrapper > .container .left-side .paymentbox .upidiagram {
  flex-flow: row wrap;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin: 15px 0 0;
}
.payment-wrapper > .container .left-side .paymentbox .upidiagram li {
  width: 33.333%;
  padding: 0 15px 30px;
  text-align: center;
}
.payment-wrapper > .container .left-side .paymentbox .upidiagram li .bg {
  width: 100px;
  height: 105px;
  border-radius: 5px;
  background: #f4f6f8;
  position: relative;
  padding: 25px 0 0;
  margin: 0 auto 15px;
}
.payment-wrapper > .container .left-side .paymentbox .upidiagram li .bg .no {
  position: absolute;
  top: -15px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #525252;
  font-size: 17px;
  font-weight: 400;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  background: #fff;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  z-index: 10;
}
.payment-wrapper > .container .left-side .paymentbox .upidiagram li .bg .two {
  width: 76px;
  height: 67px;
  background: url(../images/payment-sprite.png) -433px -74px no-repeat;
  margin: 0 auto;
}
.payment-wrapper > .container .left-side .paymentbox .upidiagram li .bg .four {
  width: 40px;
  height: 68px;
  background: url(../images/payment-sprite.png) -435px -217px no-repeat;
  margin: 0 auto;
}
.payment-wrapper > .container .left-side .paymentbox .upidiagram li .bg .five {
  width: 69px;
  height: 74px;
  background: url(../images/payment-sprite.png) -433px -287px no-repeat;
  margin: 6px auto 0;
}
.payment-wrapper > .container .left-side .paymentbox .upidiagram li p {
  color: #525252;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
}
.payment-wrapper > .container .left-side .paymentbox .or {
  width: 100%;
  text-align: center;
  margin: -22px 0 7px;
  position: relative;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1px;
}
.payment-wrapper > .container .left-side .paymentbox .or span {
  color: #999;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  border: 1px solid #d7dde2;
  font-size: 16px;
  font-weight: 500;
  background: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 10;
  text-transform: uppercase;
}
.payment-wrapper > .container .left-side .paymentfooter-para {
  background: #f7f7f7;
  margin: 0 -15px;
  padding: 10px 15px;
  text-align: center;
  color: #606060;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.payment-wrapper > .container .left-side .paymentfooter-para a {
  color: #19478a;
  text-decoration: underline;
}
.payment-wrapper > .container .left-side .paymentfooter-para span {
  display: block;
}
.payment-wrapper > .container .left-side .mobile-payment {
  display: none;
  margin: 0 0 10px;
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.payment-wrapper > .container .left-side .mobile-payment ul li {
  display: block;
}
.payment-wrapper > .container .left-side .mobile-payment ul li a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  position: relative;
  padding: 20px 10px 20px 50px;
  border-bottom: 1px solid #ebebeb;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.payment-wrapper > .container .left-side .mobile-payment ul li a .icon {
  font-size: 23px;
  position: absolute;
  z-index: 5;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.payment-wrapper > .container .left-side .mobile-payment ul li a .icon.ak-upi, .payment-wrapper > .container .left-side .mobile-payment ul li a .icon.ak-credit-card-emi {
  font-size: 31px;
}
.payment-wrapper > .container .left-side .mobile-payment ul li a .icon.ak-net-banking {
  font-size: 25px;
}
.payment-wrapper > .container .left-side .mobile-payment ul li a .icon.ak-wallet {
  font-size: 21px;
}
.payment-wrapper > .container .left-side .mobile-payment ul li a .icon.ak-paypal {
  font-size: 19px;
}
.payment-wrapper > .container .left-side .mobile-payment ul li a .icon.ak-phonepe {
  font-size: 29px;
}
.payment-wrapper > .container .left-side .mobile-payment ul li a .radio {
  margin: 0;
}
.payment-wrapper > .container .left-side .mobile-payment ul li a .radio label {
  padding-left: 18px;
}
.payment-wrapper > .container .left-side .mobile-payment ul li:last-child a {
  border: 0;
}
.payment-wrapper > .container .left-side .banner-image {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  height: 190px;
}
.payment-wrapper > .container .left-side .banner-image img {
  height: 190px;
  width: 100%;
}
.payment-wrapper > .container .left-side .confirmation-text {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.payment-wrapper > .container .left-side .confirmation-text p {
  font-size: 14px;
  color: #525252;
  margin-bottom: 5px;
}
.payment-wrapper > .container .left-side .confirmation-text a {
  color: #19478a;
  font-weight: 500;
}
.payment-wrapper > .container .left-side .confirmation-text .confirmation-actions {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
}
.payment-wrapper > .container .left-side .confirmation-text .confirmation-actions li {
  color: #525252;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: #ffffff;
  padding: 15px;
  margin-right: 15px;
}
.payment-wrapper > .container .left-side .confirmation-text .confirmation-actions li b {
  color: #000;
}

.popup-wrapper {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background: #e6e6e6;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
  padding: 71px 0 71px;
  transition: all 0.3s linear;
}
.popup-wrapper header {
  padding: 0 10px;
  height: 61px;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.popup-wrapper header .ak-back {
  color: #000;
  font-size: 16px;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  margin-left: -10px;
  display: block;
}
.popup-wrapper header h2 {
  color: #000;
  font-size: 17px;
  font-weight: 500;
}
.popup-wrapper .notice {
  color: #787878;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 13px;
}
.popup-wrapper .box {
  margin: 0 0 10px;
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 10px;
}
.popup-wrapper .box.p-t-15 {
  padding-top: 15px;
}
.popup-wrapper .box.p-t-b-0 {
  padding: 0 10px;
}
.popup-wrapper .box .information {
  font-size: 11px;
  font-weight: 400;
  color: #565656;
  margin-bottom: 10px;
}
.popup-wrapper .box .upidiagram {
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin: 15px 0 0;
}
.popup-wrapper .box .upidiagram li {
  padding: 0 15px 30px;
  text-align: center;
  width: 100%;
}
.popup-wrapper .box .upidiagram li .bg {
  border-radius: 5px;
  background: #f4f6f8;
  position: relative;
  padding: 25px 0 10px;
  margin: 0 auto 7px;
  width: 111px;
}
.popup-wrapper .box .upidiagram li .bg .no {
  position: absolute;
  top: -15px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #525252;
  font-size: 17px;
  font-weight: 400;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  background: #fff;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  z-index: 10;
}
.popup-wrapper .box .upidiagram li .bg .two {
  width: 76px;
  height: 67px;
  background: url(../images/payment-sprite.png) -395px -425px no-repeat;
  margin: 0 auto;
}
.popup-wrapper .box .upidiagram li .bg .four {
  width: 40px;
  height: 68px;
  background: url(../images/payment-sprite.png) -435px -217px no-repeat;
  margin: 0 auto;
}
.popup-wrapper .box .upidiagram li .bg .five {
  width: 69px;
  height: 74px;
  background: url(../images/payment-sprite.png) -433px -287px no-repeat;
  margin: 6px auto 0;
}
.popup-wrapper .box .upidiagram li p {
  color: #525252;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
}
.popup-wrapper .box .booking-policy {
  font-size: 13px;
  color: #565656;
  font-weight: 400;
  padding: 10px;
  line-height: 17px;
  text-align: center;
  background: #f5f5f5;
  margin: 10px -10px -10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.popup-wrapper .box .card-imgs {
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.popup-wrapper .box .card-imgs li {
  margin-right: 5px;
  width: 41px;
}
.popup-wrapper .box .card-imgs li:last-child {
  margin-right: 0;
}
.popup-wrapper .box .card-imgs li img {
  border-radius: 5px;
  border: 1px solid #ebebeb;
}
.popup-wrapper .box .card-imgs li .bgimgs {
  margin-left: -6px;
  transform: scale(0.8);
  -moz-transform: scale(0.8);
  background: url(../images/payment-sprite.png) no-repeat;
  width: 51px;
  height: 32px;
}
.popup-wrapper .box .card-imgs li .bgimgs.visa {
  background-position: -5px -2px;
}
.popup-wrapper .box .card-imgs li .bgimgs.mastercard {
  background-position: -60px -2px;
}
.popup-wrapper .box .card-imgs li .bgimgs.discover {
  background-position: -115px -2px;
}
.popup-wrapper .box .card-imgs li .bgimgs.dinersclub {
  background-position: -169px -2px;
}
.popup-wrapper .box .card-imgs li .bgimgs.amex {
  background-position: -224px -2px;
}
.popup-wrapper .box .card-imgs li .bgimgs.eze-click {
  background-position: -280px -2px;
}
.popup-wrapper .box .card-imgs li .bgimgs.rupay {
  background-position: -333px -2px;
}
.popup-wrapper .box .card-container {
  transform: scale(0.8);
  -moz-transform: scale(0.8);
  width: 51px;
  height: 32px;
  margin-top: 5px;
  border-radius: 4px;
  background: url(../images/payment-sprite.png) no-repeat;
}
.popup-wrapper .box .card-container.mastercard {
  background-position: -60px -2px;
}
.popup-wrapper .box .card-container.visa {
  background-position: -5px -2px;
}
.popup-wrapper .box .card-container.discover {
  background-position: -115px -2px;
}
.popup-wrapper .box .card-container.dinersclub {
  background-position: -169px -2px;
}
.popup-wrapper .box .card-container.amex {
  background-position: -224px -2px;
}
.popup-wrapper .box .card-container.eze-click {
  background-position: -280px -2px;
}
.popup-wrapper .box .card-container.rupay {
  background-position: -333px -2px;
}
.popup-wrapper .box .card-container.default {
  background-position: -151px -401px;
}
.popup-wrapper .box .cvvimg {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  width: calc(100% - 115px);
}
.popup-wrapper .box .cvvimg .cvvimgcontainer {
  width: 56px;
  min-width: 56px;
  height: 41px;
  background: url(../images/payment-sprite.png) no-repeat;
  background-position: -391px 0;
  margin-right: 7px;
}
.popup-wrapper .box .cvvimg p {
  font-size: 11px;
  color: #757575;
  font-weight: 400;
  font-style: italic;
  max-width: 103px;
}
.popup-wrapper .box .row-space {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.popup-wrapper .box .large {
  width: calc(100% - 55px);
}
.popup-wrapper .box .half {
  width: calc((100% - 15px) / 2);
}
.popup-wrapper .box .x-small {
  width: 105px;
}
.popup-wrapper .box .gpaywidth-large {
  width: calc(100% - 100px);
}
.popup-wrapper .box .gpaywidth-small {
  width: 62px;
}
.popup-wrapper .box .at-text {
  font-weight: 500;
  color: #000;
  font-size: 14px;
  width: 35px;
  text-align: center;
  margin-top: 5px;
}
.popup-wrapper .box h6 {
  color: #000;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
}
.popup-wrapper .box.view-details-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.popup-wrapper .box.view-details-wrapper h5 {
  width: calc(100% - 85px);
  color: #000;
  font-size: 17px;
  font-weight: 500;
}
.popup-wrapper .box.view-details-wrapper h5 span {
  display: block;
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.popup-wrapper .box.view-details-wrapper a {
  color: #19478a;
  text-transform: uppercase;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: -5px;
}
.popup-wrapper .radio-ul li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  padding: 7px 0;
  min-height: 65px;
}
.popup-wrapper .radio-ul li:last-child {
  border: 0;
}
.popup-wrapper .radio-ul li p {
  font-size: 15px;
  color: #000;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.popup-wrapper .radio-ul li p .img {
  background: url(../images/mobile-payment-sprite.png) no-repeat;
  width: 37px;
  height: 28px;
  display: block;
  margin-right: 7px;
  background-size: 200px;
}
.popup-wrapper .radio-ul li p .img.bankofbaroda {
  background-position: -36px -94px;
}
.popup-wrapper .radio-ul li p .img.axisbank {
  background-position: -1px -4px;
}
.popup-wrapper .radio-ul li p .img.hdfcbank {
  background-position: -33px -4px;
}
.popup-wrapper .radio-ul li p .img.icicibank {
  background-position: -68px 0;
  height: 32px;
}
.popup-wrapper .radio-ul li p .img.sbibank {
  background-position: -140px -2px;
  height: 30px;
}
.popup-wrapper .radio-ul li p .img.mobikwik {
  background-position: -38px -55px;
  background-size: 250px;
}
.popup-wrapper .radio-ul li p .img.amazonpay {
  background-position: 0px -53px;
  background-size: 250px;
}
.popup-wrapper .radio-ul li .radio {
  margin: 0;
}
.popup-wrapper .radio-ul li .radio label {
  width: 20px;
}
.popup-wrapper .radio-ul.li-height li {
  min-height: 50px;
}
.popup-wrapper .paypalimg {
  width: 100%;
  margin: 0 auto 15px;
  max-width: 197px;
  display: block;
}
.popup-wrapper .googleplayimg {
  width: 103px;
  height: 43px;
  background: url(../images/payment-sprite.png) no-repeat;
  background-position: -297px -198px;
  margin: 0 auto 15px;
}
.popup-wrapper .radio-outer {
  margin-bottom: 15px;
}
.popup-wrapper .radio-outer .wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}
.popup-wrapper .radio-outer .wrap p {
  font-size: 13px;
  font-weight: 400;
  color: #000;
  line-height: 14px;
}
.popup-wrapper .radio-outer .wrap .radio {
  margin: 0;
}
.popup-wrapper .radio-outer .wrap .radio label {
  width: 20px;
}
.popup-wrapper .radio-outer .wrap:first-child {
  border-bottom: 1px solid #ebebeb;
}
.popup-wrapper .resp-table {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
}
.popup-wrapper .resp-table table {
  border-collapse: collapse;
}
.popup-wrapper .resp-table table th {
  border-bottom: 1px solid #ebebeb;
}
.popup-wrapper .resp-table table th {
  padding: 7px;
  font-size: 12px;
  color: #000;
  line-height: 15px;
  font-weight: 400;
  text-transform: capitalize;
  vertical-align: top;
}
.popup-wrapper .resp-table table th:first-child {
  padding-left: 0;
  padding-right: 0;
}
.popup-wrapper .resp-table table td {
  font-size: 14px;
  padding: 12px 7px;
  line-height: 15px;
  vertical-align: middle;
  color: #000;
  color: #000;
}
.popup-wrapper .resp-table table td .radio {
  margin: 0;
}
.popup-wrapper .resp-table table td .radio label {
  width: 20px;
}
.popup-wrapper .resp-table table td:first-child {
  padding-left: 0;
  padding-right: 0;
}
.popup-wrapper .resp-table table tr {
  border-bottom: 1px solid #ebebeb;
}
.popup-wrapper .resp-table table tr:last-child {
  border: 0;
}
.popup-wrapper.open {
  display: block;
  animation: slide-up 0.3s lineart 0s 1 normal forwards;
}
.popup-wrapper.open header {
  animation: slide-up 0.3s lineart 0s 1 normal forwards;
}
.popup-wrapper.leaveanimation {
  transform: translateY(100%);
  -moz-transform: translateY(100%);
}

.responsive-table {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  margin: 10px 0 20px;
}
.responsive-table table {
  border-collapse: collapse;
  width: 100%;
}
.responsive-table table thead tr {
  border: 0;
}
.responsive-table table thead tr th {
  color: #002543;
  font-size: 14px;
  font-weight: 500;
  background: #f4f6f8;
  padding: 10px 7x;
}
.responsive-table table tbody tr {
  border-bottom: 1px solid #ebebeb;
}
.responsive-table table tbody tr td {
  padding: 7px 10px;
  color: #000;
  font-size: 13px;
  font-weight: 400;
}
.responsive-table table tbody tr td .radio {
  margin: 0;
}
.responsive-table table tbody tr td .radio label {
  width: 20px;
}

.payment-status {
  margin: 15px 0px 0px;
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 15px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.payment-status .icon-text {
  display: flex;
  flex-direction: row;
}
.payment-status .icon-text .icon {
  position: relative;
}
.payment-status .icon-text .icon .holidays-icon {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
}
.payment-status .icon-text .icon .status-icon {
  position: absolute;
  top: 21px;
  right: -4px;
  font-size: 27px;
}
.payment-status .icon-text .text {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}
.payment-status .icon-text .text h2 {
  font-size: 23px;
  font-weight: 700;
}
.payment-status .icon-text .text h3 {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.payment-status .icon-text .text p {
  font-size: 12px;
  font-weight: 400;
  color: #525252;
}
.payment-status .icon-text .text p .booking-id {
  color: #d32f2f;
  font-weight: 500;
}
.payment-status .ref-info {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  min-width: 250px;
  margin-left: 15px;
  border-left: 1px solid #ebebeb;
  padding-left: 15px;
  white-space: nowrap;
}
.payment-status .ref-info h2 {
  font-size: 23px;
  font-weight: 700;
}
.payment-status .ref-info p {
  font-size: 17px;
  font-weight: 400;
  color: #000;
}
.payment-status.failed h2 {
  color: #d32f2f;
}
.payment-status.failed .status-icon {
  color: #d32f2f;
}
.payment-status.processing h2 {
  color: #efb400;
}
.payment-status.processing .status-icon {
  color: #efb400;
}
.payment-status.success h2 {
  color: #119100;
}
.payment-status.success h3 {
  font-style: italic;
}
.payment-status.success .status-icon {
  color: #fff;
  top: 34px !important;
  right: -4px !important;
  font-size: 13px !important;
}
.payment-status.success .status-icon::before {
  width: 100px;
  height: 100px;
  background: #119100;
  padding: 8px 7px 7px;
  border-radius: 50%;
}

.payment-status-responsive {
  display: none;
}

.confirmation-mobile-text {
  display: none;
}

@media screen and (max-width: 1366px) and (min-width: 1290px) {
  .utilitymenu li a {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
  }
  .input-field.outline input,
  .input-field.outline select {
    height: 36px;
    line-height: 36px;
    font-size: 13px;
  }
  .input-field.outline textarea {
    height: 94px;
    font-size: 13px;
  }
  .input-field.outline label {
    transform: translateY(9px);
    -moz-transform: translateY(9px);
  }
  .home-header .home-top-header .main-logo .logo {
    min-width: 250px;
    width: 250px !important;
    height: 45px !important;
  }
  .home-header .mainmenu li a {
    height: 60px;
    width: 75px;
  }
  .home-header .mainmenu li a .icon {
    font-size: 23px;
  }
  .home-header .mainmenu li a .icon.ak-cruise {
    font-size: 28px;
  }
  .home-header .mainmenu li a h3 {
    font-size: 13px;
    font-weight: 500;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .imgdiv {
    height: 55px;
    width: 55px;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .imgdiv picture {
    height: 55px;
    width: 55px;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .imgdiv picture img {
    height: 55px;
    width: 55px;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .textblock {
    width: calc(100% - 65px);
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .textblock h4 {
    font-size: 15px;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .textblock h4 span {
    font-size: 12px;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .textblock h3 {
    font-size: 13px;
  }
  .populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container h5 {
    font-size: 20px;
  }
  .populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container h5 span {
    font-size: 13px;
  }
  .travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box .content-area p {
    font-size: 12px;
  }
  .travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box .content-area .bottom h3 {
    font-size: 12px;
  }
  .travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box .content-area .bottom h4 {
    font-size: 15px;
  }
  .travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box .content-area .bottom h5 {
    font-size: 12px;
  }
  .travel-stories .travel-stories-carousel .travel-stories-inner-wrapper ul li .box .content-area .bottom a {
    font-size: 15px;
  }
  .stay-uptodate .container .heading h2 {
    font-size: 29px;
  }
  .stay-uptodate .container .heading .text p {
    font-size: 12px;
  }
  .stay-uptodate .container .form a {
    height: 38px;
    font-size: 15px;
    line-height: 38px;
  }
  .downloadmobile-app .container h2 {
    font-size: 29px;
  }
  .downloadmobile-app .container .center-block h3 {
    font-size: 19px;
  }
  .downloadmobile-app .container .center-block .form a {
    height: 38px;
    font-size: 15px;
    line-height: 38px;
  }
  .downloadmobile-app .container .qrcode-block p {
    font-size: 12px;
  }
  footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter h6 {
    font-size: 13px;
  }
  footer .bottom-footer p {
    font-size: 13px;
  }
  .availability .display-content .right-area .messageblock .icon {
    font-size: 18px;
  }
  .availability .display-content .right-area .messageblock div p {
    font-size: 12px;
  }
  .no-results-found {
    padding: 25px;
  }
  .no-results-found .ak-timer {
    font-size: 45px;
  }
  .no-results-found .right-content h5 {
    font-size: 16px;
  }
  .no-results-found .right-content p {
    font-size: 13px;
  }
  .no-results-found .right-content a {
    font-size: 12px;
  }
  .payment-wrapper > .container .left-side .traveller-details h3 {
    font-size: 16px;
  }
  .payment-wrapper > .container .left-side .traveller-details ul li h5 {
    font-size: 12px;
  }
  .payment-wrapper > .container .left-side .paymentbox .heading {
    font-size: 16px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a {
    font-size: 13px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents {
    padding: 10px;
  }
  .payment-wrapper > .container .left-side .paymentbox .make-payment-btn {
    font-size: 18px;
    padding: 8px 22px;
  }
}
@media screen and (max-width: 1366px) {
  .home-common-heading .left h2 {
    font-size: 29px;
    margin-right: 15px;
  }
  .home-common-heading .left ul {
    text-align: left;
  }
  .home-common-heading .left ul li {
    margin: 5px 7px;
  }
  .home-common-heading .left ul li a {
    font-size: 13px;
  }
  .home-header .home-top-header .main-logo .logo {
    min-width: 250px;
    width: 250px !important;
    height: 45px !important;
  }
  .exclusive-deals .slider ul li .box .content h3 {
    font-size: 15px;
  }
  .exclusive-deals .slider ul li .box .content p {
    font-size: 12px;
    font-weight: 400;
  }
  .travel-stories .travel-stories-carousel .nav {
    z-index: 30;
  }
  .travel-stories .travel-stories-carousel .nav.prev {
    left: -10px;
    text-align: center;
    padding-left: 0;
    opacity: 0.3;
  }
  .travel-stories .travel-stories-carousel .nav.prev:hover {
    left: -10px;
    opacity: 1;
    padding-left: 0;
  }
  .travel-stories .travel-stories-carousel .nav.next {
    right: -10px;
    text-align: center;
    padding-right: 0;
    opacity: 0.3;
  }
  .travel-stories .travel-stories-carousel .nav.next:hover {
    right: -10px;
    opacity: 1;
    padding-right: 0;
  }
}
@media (max-width: 1150px) {
  .common-header .container .logo {
    min-width: 195px;
    width: 195px;
    height: 45px;
    margin-right: 15px;
  }
  .common-header .container .subpagemenu li a {
    margin-right: 20px;
  }
  .availability .search-criteria .bottom ul.left li {
    padding-right: 15px;
  }
  .availability .display-content .filter {
    padding: 13px 10px;
    margin: 0;
  }
  .availability .display-content .filter .heading h2 {
    font-size: 12px;
  }
  .availability .display-content .filter .heading .reset {
    font-size: 12px;
  }
  .availability .display-content .filter .switch-like-btn a {
    font-size: 12px;
  }
  .availability .display-content .filter .view-all {
    font-size: 12px;
  }
  .availability .display-content .right-area .messageblock .icon {
    width: 40px;
  }
  .availability .display-content .right-area .messageblock .icon .ak-megaphone {
    font-size: 20px;
  }
  .availability .display-content .right-area .messageblock div p {
    font-size: 12px;
    line-height: 17px;
  }
  .availability .display-content .right-area .itinerary .wrapper .left {
    width: 175px;
  }
  .availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a {
    padding: 0 7px;
    margin: 7px 0 0;
  }
  .availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a.whatsapp {
    font-size: 17px;
    width: 31px;
  }
  .availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a.send {
    font-size: 12px;
    font-weight: 600;
  }
  .availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a.send .ak-send {
    font-size: 15px;
  }
  .availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a.shortlist-btn {
    width: 31px;
    font-size: 17px;
  }
  .availability .display-content .right-area .itinerary .wrapper .right {
    width: calc(100% - 190px);
    flex-direction: column;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .right-wrapper {
    flex-direction: column;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .top {
    flex-wrap: wrap;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .top .left-content {
    width: 100%;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .top .left-content h3 {
    font-size: 18px;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .top .left-content p {
    font-size: 12px;
    line-height: 17px;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .top .left-content .strip p {
    line-height: 28px;
    margin: 7px 5px 0 0;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .top .left-content .strip .label-stye {
    margin: 7px 5px 0 0;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .top .left-content .strip .label-stye:last-child {
    margin-right: 0;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .fare {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .fare h3 {
    font-size: 22px;
    margin: 0 0 5px;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .bottom h4 {
    font-size: 13px;
    margin: 5px 0;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .bottom ul li {
    font-size: 12px;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .bottom ul li .icon {
    font-size: 15px;
  }
}
@media screen and (max-width: 1130px) {
  .home-common-heading .left ul li {
    margin: 5px;
  }
  .home-common-heading .left ul li a {
    font-size: 11px;
  }
  .downloadmobile-app .container {
    flex-wrap: wrap;
  }
  .downloadmobile-app .container h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .downloadmobile-app .container h2 span {
    display: inline-block;
  }
  .downloadmobile-app .container .center-block {
    border: 0;
    width: 580px;
    max-width: 580px;
    margin: 0;
  }
  .search-container .ow-row.details > li h6 {
    font-size: 23px;
  }
  .search-container .ow-row.details > li h6 span {
    font-size: 15px;
  }
}
@media (max-width: 1000px) {
  .scroll-up {
    display: none !important;
  }
  .filter-mobile-footer {
    border-radius: 10px;
    background: #fff;
    padding: 5px 15px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.31);
    height: 40px;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    bottom: 20px;
    z-index: 15;
  }
  .filter-mobile-footer a {
    color: #d32f2f;
    white-space: nowrap;
    font-size: 14px;
    height: 38px;
    font-weight: 400;
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .filter-mobile-footer a .icon {
    margin-right: 5px;
  }
  .filter-mobile-footer a:first-child {
    display: none;
  }
  .filter-mobile-footer .borderstyle {
    background: #ccd3db;
    display: inline-block;
    height: 21px;
    width: 1px;
    margin: 0 10px;
    display: none;
  }
  .search-container.weekend .firstbox h1 {
    font-size: 18px;
  }
  .search-container.weekend .firstbox ul li {
    margin-right: 10px;
  }
  .search-container.weekend .firstbox ul li .radio label {
    font-size: 14px;
    font-weight: 400;
  }
  .common-header:not(.payment-page) .container {
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    padding: 15px;
  }
  .common-header:not(.payment-page) .container .top-header {
    width: 100%;
    position: relative;
    justify-content: center;
    padding-bottom: 15px;
  }
  .common-header:not(.payment-page) .container .subpagemenu {
    position: absolute;
    left: 0;
    top: calc(100% - 3px);
  }
  .availability {
    min-height: calc(100vh - 126px);
  }
  .availability.display {
    padding-bottom: 70px;
  }
  .availability .display-content .filter {
    padding: 116px 0 70px;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    position: fixed;
    z-index: 150;
    height: 100%;
    left: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    top: 0;
    display: none;
    transition: all 0.3s linear;
  }
  .availability .display-content .filter .filter-header {
    height: 61px;
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    padding: 0 10px;
    width: 100%;
    z-index: 102;
    border-bottom: 1px solid #e7e7e7;
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .availability .display-content .filter .filter-header .icon {
    font-size: 15px;
    color: #000;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-left: -7px;
    cursor: pointer;
  }
  .availability .display-content .filter .filter-header h2 {
    font-size: 17px;
    font-weight: 500;
    color: #000;
  }
  .availability .display-content .filter .tab-design {
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    height: 45px;
    position: fixed;
    top: 61px;
    background: #fff;
    z-index: 150;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
  }
  .availability .display-content .filter .tab-design a {
    text-align: center;
    width: 50%;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    position: relative;
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .availability .display-content .filter .tab-design a.active {
    color: #d32f2f;
  }
  .availability .display-content .filter .tab-design a.active::before {
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #d32f2f;
    position: absolute;
  }
  .availability .display-content .filter .filter-footer {
    flex-direction: row;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 10px;
    background: #fff;
    box-shadow: 0 -3px 7px 0 rgba(0, 0, 0, 0.1);
    z-index: 50;
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 57px;
  }
  .availability .display-content .filter .filter-footer a {
    color: #fff;
    text-transform: capitalize;
    background: #d32f2f;
    border-radius: 15px;
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
  }
  .availability .display-content .filter .filter-contant {
    padding: 10px;
    width: 100%;
  }
  .availability .display-content .filter.open {
    display: block;
    animation: slide-up 0.3s lineart 0s 1 normal forwards;
  }
  .availability .display-content .filter.open .filter-header {
    animation: slide-up 0.3s lineart 0s 1 normal forwards;
  }
  .availability .display-content .filter.open .tab-design {
    animation: slide-up-tab 0.3s lineart 0s 1 normal forwards;
  }
  .availability .display-content .filter.open .filter-footer {
    animation: slide-up-footer 0.3s lineart 0s 1 normal forwards;
  }
  .availability .display-content .filter.leaveanimation {
    transform: translateY(100%);
    -moz-transform: translateY(100%);
  }
  .availability .display-content .right-area {
    width: 100%;
    padding: 0;
  }
  .availability .display-content .right-area .itinerary .checkbox-wrapper {
    padding: 4px 0px 4px 4px;
    width: 20px;
    left: -13px;
  }
  .pax-details-row .pax-details {
    flex-direction: column;
  }
  .pax-details-row .pax-details h2 {
    margin: 0;
  }
  .pax-details-row .pax-details .pax-details-list {
    flex-wrap: wrap;
    margin-top: 10px;
    border: 1px solid #f00;
  }
  .pax-details-row .pax-details .pax-details-list li.boxwidth {
    width: 42%;
  }
  .pax-details-row .pax-details .pax-details-list :nth-child(4) {
    margin-left: 15%;
  }
  .contact-information .contact-details ul.contact-details-list li.width-big {
    width: 40%;
  }
  .gst-outer .gst-contact-details-wrapper .gst-contact ul.gst-details-list li.width-big {
    width: 50%;
  }
  .fare-summary-wrapper .fare-summery-outer .collapsible li .collapsible-header {
    padding: 11px 10px;
  }
  .fare-summary-wrapper .fare-summery-outer .collapsible li .collapsible-header span {
    font-size: 11px;
  }
  .fare-summary-wrapper .fare-summery-outer .collapsible li .collapsible-header span i {
    font-size: 17px;
    margin: 0;
  }
  .fare-summary-wrapper .fare-summery-outer .collapsible li .collapsible-header h5 {
    font-size: 13px;
    white-space: nowrap;
  }
  .fare-summary-wrapper .fare-summery-outer .fare-summery-footer {
    font-size: 14px;
    padding: 11px 10px;
  }
  .fare-summary-wrapper .promo-code-outer h3 {
    font-size: 13px;
  }
  .fare-summary-wrapper h3 {
    font-size: 15px;
  }
  .checkouter .radio {
    margin: 0;
  }
  .checkouter .radio label {
    font-size: 15px;
    font-weight: 500;
  }
  .fare-summary-wrapper .promo-code-outer .promocode-list li p {
    font-size: 12px;
  }
  .fare-summary-wrapper .support-outer ul li h3 span {
    font-size: 15px;
  }
  .page-container .page-left {
    width: calc(70% - 15px);
  }
  .fare-summary-wrapper {
    width: calc(30% - 10px);
  }
  .payment-wrapper > .container .left-side {
    width: calc(70% - 15px);
  }
  .payment-wrapper > .container .left-side .traveller-details {
    flex-wrap: wrap;
  }
  .payment-wrapper > .container .left-side .traveller-details h3 {
    font-size: 16px;
    width: auto;
    flex: 1;
    margin: 0 -15px 15px;
    padding: 0 15px 14px;
    border-bottom: 1px solid #ebebeb;
  }
  .payment-wrapper > .container .left-side .traveller-details ul {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .payment-wrapper > .container .left-side .traveller-details ul li {
    margin-bottom: 10px;
    padding: 0 10px 0 0;
    border: 0;
  }
  .payment-wrapper > .container .left-side .traveller-details ul li h5 {
    font-size: 12px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs {
    width: 150px;
    min-width: 150px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a {
    font-size: 13px;
    padding: 0 10px 0 40px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon {
    font-size: 17px;
    left: 10px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon.ak-upi, .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon.ak-credit-card-emi {
    font-size: 23px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon.ak-net-banking {
    font-size: 18px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon.ak-wallet {
    font-size: 15px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon.ak-paypal {
    font-size: 14px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon.ak-phonepe {
    font-size: 22px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabs li a .icon.ak-gpay {
    font-size: 15px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents {
    width: calc(100% - 150px);
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .notfloating-label {
    font-size: 12px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .row-start > div {
    margin-right: 8px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .card-container {
    margin-top: 24px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .radio {
    width: 127px;
    margin-right: 12px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .bank-radio .bankdiv {
    transform: scale(0.7);
    -moz-transform: scale(0.7);
    margin-left: -17px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents #paypal-content .bank-radio .radio {
    width: 100%;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents footer h2 {
    font-size: 12px;
    margin-right: 10px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents footer h2 span {
    font-size: 23px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents footer p {
    font-size: 12px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .seperationbg.upi {
    flex-wrap: wrap;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .seperationbg.upi .Virtual-wrapper {
    width: 100%;
    max-width: 220px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .seperationbg.upi .make-payment-btn {
    margin-bottom: 15px;
  }
  .payment-wrapper > .container .left-side .paymentbox .payment-methods .tabcontents .seperationbg.upi .leftsides {
    width: 100%;
    margin: 15px 0 20px;
  }
  .payment-wrapper > .container .left-side .paymentbox .make-payment-btn {
    font-size: 15px;
    font-weight: 700;
    padding: 10px 18px;
  }
  .payment-wrapper > .container .left-side .paymentbox .card-imgs {
    padding-right: 7px;
  }
  .payment-wrapper > .container .left-side .paymentbox .card-imgs li {
    width: 41px;
  }
  .payment-wrapper > .container .left-side .paymentbox .card-imgs li .bgimgs {
    transform: scale(0.8);
    -moz-transform: scale(0.8);
  }
}
@keyframes slide-up {
  0% {
    opacity: 0;
    top: 100%;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes slide-up-footer {
  0% {
    opacity: 0;
    bottom: -100%;
  }
  100% {
    opacity: 1;
    bottom: 0;
  }
}
@keyframes slide-up-tab {
  0% {
    opacity: 0;
    top: 100%;
  }
  100% {
    opacity: 1;
    top: 61px;
  }
}
@media (max-width: 999px) {
  .common-header .logo {
    width: 170px;
    display: block;
    margin-right: 20px;
  }
  .common-header .subpagemenu li a {
    margin-right: 15px;
  }
  .sticky-header {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .populardestination-wrapper .mainblock .whitebox {
    height: 430px;
  }
  .populardestination-wrapper .mainblock .populardestinations {
    min-height: 0;
  }
  .populardestination-wrapper .mainblock .populardestinations .box {
    height: 205px;
  }
  .populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container {
    margin: 0;
    height: 100%;
    padding: 15px;
  }
  .populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container .contentsection h5 {
    font-size: 18px;
  }
  .populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container .contentsection h5 span {
    font-size: 12px;
  }
  .populardestination-wrapper .mainblock .populardestinations .box .fullheight .img-container .contentsection h5 span strong {
    font-size: 16px;
  }
  .stay-uptodate .container {
    flex-direction: column;
  }
  .stay-uptodate .container .heading {
    width: 100%;
    margin-bottom: 15px;
  }
  .stay-uptodate .container .form {
    width: 100%;
  }
  footer .middle-footer .block {
    width: 100%;
  }
  footer .bottom-footer .firstrow .socialmedia ul {
    padding-right: 10px;
  }
  footer .bottom-footer .firstrow .socialmedia ul li a span {
    font-size: 18px;
  }
  footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter {
    padding: 0;
  }
  footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter h6 {
    font-size: 13px;
    padding-right: 5px;
  }
  footer .bottom-footer .firstrow .rightsection .squareouter .row-one .imgouter .img {
    transform: scale(0.6);
    -moz-transform: scale(0.6);
  }
  footer .bottom-footer .firstrow .rightsection .certified-block,
  footer .bottom-footer .firstrow .rightsection .powered-block {
    padding: 5px;
  }
  footer .bottom-footer .firstrow .rightsection .certified-block .img,
  footer .bottom-footer .firstrow .rightsection .powered-block .img {
    transform: scale(0.6);
    -moz-transform: scale(0.6);
  }
}
@media (max-width: 900px) {
  .home-header .mainmenu li a {
    height: 50px;
    width: 65px;
  }
  .home-header .mainmenu li a .icon {
    font-size: 23px;
  }
  .home-header .mainmenu li a .icon.ak-cruise {
    font-size: 27px;
  }
  .home-header .mainmenu li a h3 {
    font-size: 13px;
    font-weight: 500;
  }
  .home-common-heading .left h2 {
    font-size: 23px;
    margin-right: 10px;
  }
  .home-common-heading .right li .link {
    font-size: 13px;
    margin: 0;
  }
  .login-reviewouter .login-left h3 {
    font-size: 16px;
    font-weight: 500;
  }
  .search-container .ow-row.details > li .month-popup {
    left: auto;
    right: 0;
  }
  .search-container .ow-row.details > li h6 {
    font-size: 20px;
  }
  .search-container .ow-row.details > li label {
    font-size: 11px;
  }
}
@media screen and (max-width: 800px) {
  .sendquery-btn-details {
    border: 1px solid #d32f2f;
    background: #fff;
    color: #d32f2f;
    font-size: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    text-transform: uppercase;
    height: 40px;
    margin: 0 0 15px;
    border-radius: 15px;
    gap: 10px;
  }
  .sendquery-btn-details span:first-child {
    margin: 10px;
    font-size: 20px;
  }
  .input-field.outline {
    position: relative;
    border: 0;
    border-bottom: 1px solid #777;
    border-radius: 0;
    padding: 0;
  }
  .input-field.outline label {
    left: 0;
    padding: 0;
    color: #363636 !important;
    font-size: 13px;
  }
  .select-field .select-wrapper {
    border: 0;
    border-bottom: 1px solid #777;
    border-radius: 0;
  }
  .select-field .select-wrapper input.select-dropdown {
    border-radius: 0;
    height: 32px;
    padding: 0;
    color: #363636;
    font-size: 13px;
  }
  .home-common-heading .left h2 span.block {
    display: none;
  }
  .modal.modal-style-one {
    padding: 25px;
  }
  .modal.modal-style-one .modal-content .close {
    top: -5px;
  }
  .modal.modal-style-one .modal-content h2 {
    font-size: 20px;
    margin: 0 0 15px;
  }
  .modal.modal-style-one .modal-content .full-width-btn {
    font-size: 16px;
    height: 45px;
  }
  .modal.modal-style-one .modal-content .branchlist li p {
    font-size: 12px;
    line-height: 18px;
  }
  .modal.modal-style-one .modal-content .branchlist li p strong {
    font-size: 13px;
  }
  .modal.modal-style-one .modal-content .branchlist li a {
    font-size: 12px;
  }
  .modal.book-an-appointment-modal {
    width: 95% !important;
  }
  .modal.book-an-appointment-modal .modal-content .top-section .close {
    font-size: 15px;
    margin-left: 15px;
  }
  .modal.book-an-appointment-modal .modal-content .middle-section ul li {
    margin-right: 10px;
  }
  .modal.book-an-appointment-modal .modal-content .middle-section ul li .radio label {
    font-size: 12px;
  }
  .modal.book-an-appointment-modal .modal-content .bottom-section {
    flex-direction: column;
  }
  .modal.book-an-appointment-modal .modal-content .bottom-section .bottom-left-section {
    border-right: 0px;
    border-bottom: 1px solid #ebebeb;
  }
  .modal.book-an-appointment-modal .modal-content .bottom-section .bottom-left-section .branch-details-wrapper .branch-details .contact-details {
    margin-top: 10px;
  }
  .modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calander-wrapper .calander-items tr td {
    padding: 10px 5px;
    min-width: 0px;
  }
  .modal.book-an-appointment-modal .modal-content .bottom-section .bottom-right-section .calander-wrapper .calander-items tr td.calander-item {
    cursor: pointer;
  }
  .modal.book-an-appointment-modal .modal-content .actions a {
    font-size: 15px;
  }
  .modal.book-an-appointment-modal .modal-footer {
    flex-direction: column;
  }
  .modal.book-an-appointment-modal .modal-footer p {
    margin-bottom: 10px;
  }
  .floatinigbtnouter {
    display: none;
  }
  body.overflow-hidden {
    margin-right: 0;
  }
  .container {
    padding: 0 10px;
  }
  .utilitymenu {
    display: none;
  }
  .common-page-wrapper {
    overflow: hidden;
    overflow-y: auto;
    min-height: 100vh;
    padding: 61px 0 15px;
  }
  .common-page-wrapper.success {
    padding: 10px 0 15px;
  }
  .common-page-wrapper.appointment-page {
    padding: 61px 0 0px;
  }
}
@media screen and (max-width: 800px) and (max-width: 424px) {
  .common-page-wrapper {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 800px) {
  .search-container {
    background: transparent;
    padding: 10px 0px;
    border-radius: 0;
    margin: 0 -10px;
  }
  .search-container .fullwidth .sector-outer {
    top: 45px;
    left: 10px;
    width: calc(100% - 20px);
  }
  .search-container .fullwidth .sector-outer .search-list {
    max-height: 60vh;
  }
  .search-container .fullwidth .month-popup {
    top: 131px;
    left: 10px;
    width: calc(100% - 20px);
  }
  .search-container .fullwidth .month-popup h4 {
    padding: 15px;
  }
  .search-container .fullwidth .month-popup ul li a {
    padding: 10px;
  }
  .search-container .firstbox h1 {
    font-size: 17px;
  }
  .search-container .ow-row {
    border-bottom: 0;
    flex-direction: column;
    display: flex;
    justify-content: stretch;
    align-items: flex-start;
  }
  .search-container .ow-row > li {
    border-bottom: 1px solid #ebebeb;
    min-height: 90px;
    padding: 0 10px;
  }
  .search-container .ow-row > li label {
    color: #525252;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
  }
  .search-container .ow-row > li h6 {
    font-size: 18px;
    font-weight: 700;
  }
  .search-container .ow-row > li h6 span {
    font-weight: 400;
    font-size: 18px;
  }
  .search-container .ow-row > li > .icon {
    display: none;
  }
  .search-container .ow-row > li p {
    color: #525252;
    font-size: 13px;
    font-weight: 400;
    width: 100%;
  }
  .search-container .ow-row > li.destination {
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .search-container .ow-row > li.destination .current-location {
    display: none;
  }
  .search-container .ow-row > li.destination h6 {
    width: 100%;
  }
  .search-container .ow-row > li.destination::after {
    display: none;
  }
  .search-container .ow-row > li.month {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .search-container .ow-row > li.month h6 {
    position: relative;
  }
  .search-container .ow-row > li.month h6 span {
    color: #363636;
    font-size: 13px;
    font-weight: 500;
  }
  .search-container .ow-row > li.month > p {
    color: #858585;
    font-size: 12px;
    font-weight: 400;
    padding-left: 47px;
  }
  .search-container .ow-row > li.btnarea {
    border-bottom: 0;
    width: 100%;
  }
  .search-container .ow-row > li.btnarea .search-btn {
    height: 50px;
    line-height: 50px;
    width: 100%;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .search-container .ow-row > li:hover {
    background-color: transparent;
  }
  .search-container .ow-row > li.openPopup {
    background: #f1f7ff;
  }
  .search-container .ow-row > li.openPopup label {
    color: #055290;
    font-weight: 700;
  }
  .search-container .ow-row.details {
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .search-container .ow-row.details > li .guest-popup {
    left: 0;
    width: 200%;
  }
  .search-container .ow-row.details > li .calendarOuter {
    right: 0;
    width: 200%;
  }
  .search-container .ow-row.details > li .calendarOuter .tab-style li .btn-style {
    font-size: 13px;
  }
  .search-container .ow-row.details > li .calendarOuter .outer .month {
    float: none;
    width: 100%;
  }
  .search-container .ow-row.details > li .calendarOuter .outer .month:first-child {
    border: 0;
  }
  .search-container .ow-row.details > li .price-popup {
    left: auto;
    right: 0;
    width: 200%;
  }
  .search-container .ow-row.details > li .price-popup.from-city {
    left: 0;
    right: auto;
  }
  .search-container .ow-row.details > li .month-popup {
    left: auto;
    right: 0;
    top: 35px;
    width: 200%;
  }
  .search-container .ow-row.details > li:not(.btnarea) {
    width: 50%;
  }
  .search-container .ow-row.details > li.destination::after {
    display: block;
  }
  .search-container .ow-row.details > li.price::after {
    display: none;
  }
  .search-container .ow-row.details > li.price, .search-container .ow-row.details > li.rooms-guests {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .search-container .ow-row.details > li.btnarea {
    width: 100%;
  }
  .search-container .ow-row.details > li.btnarea .search-btn {
    padding: 0;
  }
  .search-container .thirdsection {
    padding-bottom: 15px;
  }
  .search-container .thirdsection .links {
    padding: 0px 15px 0;
  }
  .search-container .thirdsection .recent-searches li .ak-close {
    opacity: 1;
    z-index: 1;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    right: -14px;
    top: -17px;
  }
  .search-container.weekend .firstbox {
    flex-wrap: wrap;
  }
  .search-container.weekend .firstbox h1 {
    text-align: center;
    width: 100%;
    font-size: 17px;
  }
  .search-container.weekend .firstbox ul {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;
  }
  .search-container.weekend .firstbox ul li {
    margin-bottom: 7px;
  }
  .slide-panel .overlay {
    display: none;
  }
  .slide-panel .contentarea {
    max-width: 100%;
  }
  .slide-panel .contentarea header {
    padding: 10px;
  }
  .slide-panel .contentarea header h2 {
    font-size: 18px;
  }
  .slide-panel .contentarea header .close {
    width: 35px;
    height: 35px;
    background: transparent;
    color: #000;
  }
  .slide-panel .contentarea header .close:hover {
    background: transparent;
    color: #000;
  }
  .slide-panel .contentarea .slidepanel-content {
    padding: 10px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section .firstrows {
    flex-wrap: wrap;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section .second-row {
    flex-wrap: wrap;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section .third-row {
    flex-wrap: wrap;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section .radio-list li {
    margin-right: 10px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section .block .country-code {
    width: 109px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section .block .phone-number {
    width: calc(100% - 120px);
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section .half-width {
    width: 100%;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section .greybg {
    padding: 10px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section .btn-wrapper a {
    width: 100%;
    margin-bottom: 20px;
    font-size: 15px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section .border {
    margin-top: 15px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section h3 {
    font-size: 16px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section h3 span {
    font-size: 12px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section h4 {
    font-size: 16px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section h5 {
    font-size: 13px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section .errormsg {
    padding: 10px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section .errormsg span {
    font-size: 22px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-section .errormsg p {
    font-size: 13px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-successmsg {
    padding: 15px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-successmsg .icon {
    font-size: 50px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-successmsg h6 {
    font-size: 20px;
  }
  .slide-panel .contentarea .slidepanel-content .feedback-successmsg p {
    font-size: 16px;
  }
  .slide-panel .contentarea .slidepanel-content .review-header .main-header-banner {
    margin: 0 -10px;
    padding: 10px;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-body .day {
    flex-direction: column;
    padding: 5px 0px;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-body .day li {
    padding: 0px 15px 5px;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-body .day li.day-count {
    background-color: #ececec;
    border-radius: 4px;
    padding: 0px 10px;
    margin: 10px 15px 10px;
    max-width: 60px;
    min-width: 60px;
    width: 60px;
    background-color: #ececec;
    border-radius: 15px;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-card .card-body .day li.day-itinerary {
    border-left: 0px;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .itinerary-list-card .details-row {
    flex-direction: column;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .apply-promo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .apply-promo .left {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .apply-promo .left .promo-icon {
    background: -webkit-linear-gradient(#d92727, #19478a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 35px;
    margin-right: 10px;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .apply-promo .left h2 {
    text-transform: capitalize;
    font-weight: 500;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .apply-promo .arrow-icon {
    font-size: 20px;
    font-weight: 700;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .actions-row {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .actions-row .action {
    padding: 15px;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .actions-row .action:last-child {
    border-bottom: 0px;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .actions-row .action .action-icon {
    background: -webkit-linear-gradient(#d92727, #19478a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 25px;
    margin-right: 20px;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .actions-row .action .action-icon.whatsapp {
    color: #fff;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .actions-row .action .right {
    display: flex;
    flex-direction: column;
    line-height: 18px;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .actions-row .action .right p {
    color: #525252;
    font-size: 13px;
    font-weight: 400;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .actions-row .action .right h2 {
    white-space: nowrap;
    font-weight: 500;
    font-size: 20px;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts .cards-row {
    flex-direction: column;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .our-experts .cards-row .expert-card {
    max-width: 100%;
    margin: 5px 0px;
  }
  .slide-panel .contentarea .slidepanel-content .details-tab-content .support-outer {
    display: block;
  }
  .slide-panel .contentarea .slidepanel-content .collapsible {
    margin-bottom: 70px;
  }
  .common-modal.modal .modal-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px 15px;
    position: relative;
  }
  .common-modal.modal .modal-header h2 {
    font-size: 17px;
    font-weight: 700;
    text-align: left;
  }
  .common-modal.modal .modal-header .ak-cancel {
    width: 35px;
    height: 35px;
    color: #000;
    opacity: 0.7;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    margin: -5px -10px -5px 0;
    position: relative;
    top: auto;
    right: auto;
    transform: scale(1);
    -moz-transform: scale(1);
  }
  .common-modal.modal .modal-content h3 {
    font-size: 15px;
    text-align: left;
    margin: -10px 0 10px;
  }
  .common-modal.modal .modal-footer {
    padding: 0 20px 20px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .common-modal.modal .modal-footer .primary {
    font-size: 16px;
  }
  .common-modal.modal .modal-footer .mobile-no {
    font-size: 13px;
    padding: 7px 0;
    width: 100%;
    text-align: left;
  }
  .common-modal.modal .modal-footer .mobile-no .icon {
    font-size: 12px;
    margin-right: 5px;
  }
  .common-modal.modal .modal-footer .mobile-no .smalltext {
    font-size: 12px;
  }
  #feedback {
    display: none;
  }
  .scroll-to-bottom {
    display: none;
  }
  .mobile-tab {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    text-align: left;
    margin: -10px 0 15px;
  }
  .mobile-tab li {
    margin: 7px 20px 7px 0;
    display: inline-block;
  }
  .mobile-tab li a {
    padding: 4px 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    font-size: 13px;
    border-bottom: 2px solid transparent;
  }
  .mobile-tab li:hover a, .mobile-tab li.active a {
    color: #d32f2f;
    border-bottom-color: #d32f2f;
  }
  .home-header {
    background: #fff;
    padding: 0;
  }
  .home-header .mobile-header-outer {
    overflow: hidden;
  }
  .home-header .mobile-header {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
  }
  .home-header .mobile-header::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 140%;
    height: 85px;
    left: 50%;
    bottom: -15px;
    border-radius: 0 0 50% 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background-image: linear-gradient(to bottom, #0d4984, #175da3);
  }
  .home-header .home-top-header {
    min-height: 0;
    padding: 7px 0;
  }
  .home-header .home-top-header .menu {
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    margin: 0 -7px 0 0;
    display: block;
  }
  .home-header .home-top-header .mobile-header-left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 30px);
  }
  .home-header .home-top-header .mobile-header-left .menu {
    margin: 0 0 0 -7px;
  }
  .home-header .home-top-header .mobile-header-left h4 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 30px);
  }
  .home-header .home-top-header .main-logo {
    display: none;
  }
  .home-header .mainmenu {
    display: none;
  }
  .home-common-heading .left {
    max-width: calc(100% - 70px);
  }
  .home-common-heading .left ul {
    display: none;
  }
  .home-common-heading .right li .link {
    display: none;
  }
  .mobile-link {
    display: block;
  }
  .exclusive-deals {
    padding-top: 0;
  }
  .populardestination-wrapper {
    margin-top: 45px;
  }
  .populardestination-wrapper .container {
    padding: 20px 10px;
  }
  .populardestination-wrapper .home-common-heading .left {
    width: 100%;
    max-width: 100%;
  }
  .populardestination-wrapper .mainblock {
    flex-wrap: wrap;
  }
  .populardestination-wrapper .mainblock .whitebox {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist::before {
    display: none;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination {
    padding-left: 0;
    justify-content: space-between;
    align-items: flex-start;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .imgdiv {
    height: 50px;
    width: 50px;
    min-width: 50px;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .imgdiv::before {
    background-size: 70%;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .imgdiv picture {
    height: 50px;
    width: 50px;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .imgdiv picture img {
    height: 50px;
    width: 50px;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .textblock {
    width: calc(100% - 60px);
    flex-wrap: wrap;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .textblock h4 {
    width: 100%;
    font-size: 15px;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .textblock h4 span {
    font-size: 13px;
  }
  .populardestination-wrapper .mainblock .whitebox .destinationlist .destination .textblock h3 {
    margin-top: 5px;
  }
  .populardestination-wrapper .mainblock .populardestinations {
    width: 100%;
  }
  .populardestination-wrapper .mainblock .populardestinations .box {
    height: 205px;
    margin: 15px 0;
  }
  .populardestination-wrapper .mainblock .populardestinations .box:nth-child(odd) {
    padding-left: 0;
  }
  .where-when {
    padding: 0 0 40px;
  }
  .where-when .home-common-heading .left h2 span:not(.block) {
    display: block;
  }
  .where-when .months {
    padding: 4px 0;
  }
  .where-when .months li {
    margin-right: 20px;
  }
  .where-when .months li a {
    font-size: 13px;
    display: block;
    padding: 10px 0;
  }
  .travel-guide {
    padding: 10px 0 25px;
  }
  .travel-guide .wrapper {
    margin: 0 -10px;
  }
  .travel-guide .wrapper ul {
    width: 50%;
    padding: 0 10px;
  }
  .travel-guide .wrapper ul li:last-child {
    border-bottom: 1px solid #ebebeb;
  }
  .travel-guide .wrapper ul:nth-child(3) li:last-child, .travel-guide .wrapper ul:nth-child(4) li:last-child {
    border-bottom: 0;
  }
  .product-review h2 {
    font-size: 17px;
  }
  .product-review h2 span {
    font-size: 12px;
  }
  .product-review .main-wrapper h6 {
    font-size: 13px;
  }
  .product-review .main-wrapper .star-rating span {
    font-size: 25px;
    margin-right: 7px;
  }
  .product-review .main-wrapper .forms {
    display: flex;
    flex-flow: row wrap;
    justify-content: stretch;
    align-items: start;
  }
  .product-review .main-wrapper .forms > div {
    width: 100%;
  }
  .product-review .main-wrapper .forms > div:first-child {
    margin-right: 0;
  }
  .product-review .main-wrapper .btn-wrapper {
    max-width: 100%;
  }
  .product-review .main-wrapper .btn-wrapper a {
    color: #fff;
    text-transform: capitalize;
    background: #d32f2f;
    border-radius: 15px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
  }
  .product-review .main-wrapper .review-list li {
    padding: 15px 0;
  }
  .product-review .main-wrapper .review-list li .rating span {
    font-size: 15px;
    margin-right: 1px;
  }
  .product-review .main-wrapper .review-list li p {
    font-size: 12px;
    margin: 5px 0;
  }
  .product-review .main-wrapper .review-list h5 {
    font-size: 14px;
  }
  .stay-uptodate .heading .img {
    min-width: 72px;
    width: 72px;
    height: 68px;
    background-position: -207px -55px;
    background-size: 400px;
  }
  .stay-uptodate .heading .text {
    padding-left: 10px;
  }
  .stay-uptodate .heading .text h2 {
    font-size: 22px;
  }
  .stay-uptodate .heading .text p {
    font-size: 12px;
  }
  .stay-uptodate .form {
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  .stay-uptodate .form .block {
    width: 100%;
    margin-right: 0;
  }
  .stay-uptodate .form a {
    width: 100%;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
  }
  .downloadmobile-app {
    display: none;
  }
  footer .middle-footer h2 {
    font-size: 16px;
  }
  footer .middle-footer p {
    font-size: 12px;
    line-height: 35px;
  }
  footer .bottom-footer .firstrow {
    display: none;
  }
  footer.hide-in-mobile {
    display: none;
  }
  .filter-mobile-footer a:first-child {
    display: flex;
  }
  .filter-mobile-footer .borderstyle {
    display: block;
  }
  .common-header .container {
    display: none;
  }
  .common-header .mobile-common-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    height: 61px;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
  }
}
@media screen and (max-width: 800px) and (max-width: 390px) {
  .common-header .mobile-common-header {
    height: 96px;
  }
}
@media screen and (max-width: 800px) {
  .common-header .mobile-common-header .left {
    flex-direction: row;
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
  }
}
@media screen and (max-width: 800px) and (max-width: 500px) {
  .common-header .mobile-common-header .left {
    flex-direction: row;
    align-items: start;
  }
}
@media screen and (max-width: 800px) {
  .common-header .mobile-common-header .left .ak-back {
    color: #000;
    font-size: 16px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin-left: -10px;
    display: block;
  }
  .common-header .mobile-common-header .left h2 {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
  }
  .common-header .mobile-common-header .left p {
    color: #525252;
    font-size: 12px;
    margin-top: -3px;
  }
  .common-header .mobile-common-header .left .duration {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }
  .common-header .mobile-common-header .left .duration li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    border-right: 1px solid #D8D8D8;
    padding-right: 15px;
  }
}
@media screen and (max-width: 800px) and (max-width: 390px) {
  .common-header .mobile-common-header .left .duration li {
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (max-width: 800px) {
  .common-header .mobile-common-header .left .duration li img {
    width: 12px;
  }
  .common-header .mobile-common-header .left .duration li:last-child {
    border-right: 0;
  }
  .common-header .mobile-common-header .right {
    flex-direction: row;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .common-header .mobile-common-header .right .icon {
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    font-size: 21px;
    color: #19478a;
    position: relative;
  }
  .common-header .mobile-common-header .right .icon .number {
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d32f2f;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    right: -1px;
    top: 2px;
    z-index: 2;
  }
  .bread-crumbs {
    margin: 0 0 5px 0;
    flex-wrap: wrap;
  }
  .bread-crumbs li {
    font-size: 12px;
  }
  .bread-crumbs li .arrow {
    margin: 0 5px;
    font-size: 6px;
  }
  .availability .search-criteria .top h2 {
    font-size: 16px;
  }
  .availability .search-criteria .top p {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
  }
  .availability .search-criteria .bottom {
    padding-top: 10px;
    margin-top: 10px;
    flex-direction: column;
    align-items: flex-end;
  }
  .availability .search-criteria .bottom ul.left {
    width: 100%;
    flex-wrap: wrap;
  }
  .availability .search-criteria .bottom ul.left li {
    padding: 0 10px;
    width: calc(50% - 1px);
  }
  .availability .search-criteria .bottom ul.left li:first-child {
    padding-left: 10px;
  }
  .availability .search-criteria .bottom ul.left li:last-child {
    padding-right: 10px;
  }
  .availability .search-criteria .bottom ul.left li h3 span {
    font-size: 13px;
  }
  .availability .search-criteria .bottom ul.left li h3 span strong {
    font-size: 13px;
    font-weight: 700;
  }
  .availability .search-criteria .bottom ul.left li h3 span.big {
    font-size: 13px;
  }
  .availability .search-criteria .bottom ul.left li:nth-child(4) {
    width: 100%;
    height: 1px;
    background: #ebebeb;
    padding: 0;
    margin: 10px 0;
  }
  .availability .search-criteria .bottom ul.right {
    width: 100%;
    border-top: 1px solid #ebebeb;
    margin: 10px 0 0;
    padding-top: 10px;
  }
  .availability .search-criteria .bottom ul.right li:not(:last-child) {
    display: none;
  }
  .availability .search-criteria .bottom .btns {
    font-size: 13px;
  }
  .availability .search-criteria .bottom .btns.modify-search-opened {
    z-index: 50;
  }
  .availability .search-criteria .modify-search {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10000;
  }
  .availability .search-criteria .modify-search .search-container {
    background: #fff;
    padding: 20px 10px;
    border-radius: 15px;
    max-height: calc(100% - 80px);
    width: calc(100% - 20px);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    overflow: hidden;
    overflow-y: auto;
    position: fixed;
    left: 10px;
    top: 50%;
    margin: 0;
  }
  .availability .search-criteria .modify-search .search-container .firstbox h1 {
    line-height: 19px;
    font-size: 14px;
    text-align: left;
  }
  .availability .search-criteria .modify-search .search-container .firstbox .modify-search-heading {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
  }
  .availability .search-criteria .modify-search .search-container .firstbox .modify-search-heading h5 {
    color: #d32f2f;
    font-size: 16px;
    font-weight: 500;
  }
  .availability .search-criteria .modify-search .search-container .firstbox .modify-search-heading .icon {
    font-size: 12px;
    color: #000;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    margin: -5px -10px -5px 0;
  }
  .availability .search-criteria.display {
    flex-wrap: wrap;
  }
  .availability .search-criteria.display .top {
    width: 100%;
  }
  .availability .search-criteria.display .bottom {
    width: 100%;
  }
  .availability .display-carousel .outer ul > li {
    width: auto;
    min-width: 90px;
    padding: 0;
    display: block;
  }
  .availability .display-carousel .outer ul > li a {
    width: 70px;
    height: 70px;
    overflow: visible;
    margin: 0 auto 23px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .availability .display-carousel .outer ul > li a::before {
    opacity: 0.2;
  }
  .availability .display-carousel .outer ul > li a p {
    width: auto;
    position: relative;
    font-size: 12px;
    top: auto;
    left: auto;
    transform: none;
    -moz-transform: none;
    color: #000;
    margin: 5px -10px 0;
    white-space: nowrap;
  }
  .availability .display-content .right-area .sortby {
    display: none;
  }
  .availability .display-content .right-area #mobile-sort {
    padding: 116px 0 70px;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    position: fixed;
    z-index: 150;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 0.3s linear;
    background: #fff;
    display: none;
  }
  .availability .display-content .right-area #mobile-sort .header {
    height: 61px;
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    padding: 0 10px;
    width: 100%;
    z-index: 102;
    border-bottom: 1px solid #e7e7e7;
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .availability .display-content .right-area #mobile-sort .header .icon {
    font-size: 15px;
    color: #000;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-left: -7px;
    cursor: pointer;
  }
  .availability .display-content .right-area #mobile-sort .header h2 {
    font-size: 17px;
    font-weight: 500;
    color: #000;
  }
  .availability .display-content .right-area #mobile-sort .tab-design {
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    height: 45px;
    position: fixed;
    top: 61px;
    background: #fff;
    z-index: 150;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
  }
  .availability .display-content .right-area #mobile-sort .tab-design a {
    text-align: center;
    width: 50%;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    position: relative;
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .availability .display-content .right-area #mobile-sort .tab-design a.active {
    color: #d32f2f;
  }
  .availability .display-content .right-area #mobile-sort .tab-design a.active::before {
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #d32f2f;
    position: absolute;
  }
  .availability .display-content .right-area #mobile-sort .filter-footer {
    flex-direction: row;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 10px;
    background: #fff;
    box-shadow: 0 -3px 7px 0 rgba(0, 0, 0, 0.1);
    z-index: 50;
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 57px;
  }
  .availability .display-content .right-area #mobile-sort .filter-footer a {
    color: #fff;
    text-transform: capitalize;
    background: #d32f2f;
    border-radius: 15px;
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
  }
  .availability .display-content .right-area #mobile-sort ul {
    padding: 0 10px;
    width: 100%;
  }
  .availability .display-content .right-area #mobile-sort ul li {
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0;
  }
  .availability .display-content .right-area #mobile-sort ul li:last-child {
    border: 0;
  }
  .availability .display-content .right-area #mobile-sort ul li p {
    text-transform: uppercase;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px;
  }
  .availability .display-content .right-area #mobile-sort ul li .btns {
    flex-flow: row wrap;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .availability .display-content .right-area #mobile-sort ul li .btns a {
    height: 40px;
    padding: 0 20px;
    border-radius: 4px;
    border: 1px solid #b5b5b5;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    margin: 5px 0;
    margin-right: 10px;
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .availability .display-content .right-area #mobile-sort ul li .btns a:last-child {
    margin-right: 0;
  }
  .availability .display-content .right-area #mobile-sort ul li .btns a:hover {
    color: #fff;
    border-color: #d32f2f;
    background-color: #d32f2f;
  }
  .availability .display-content .right-area #mobile-sort.open {
    display: block;
    animation: slide-up 0.3s lineart 0s 1 normal forwards;
  }
  .availability .display-content .right-area #mobile-sort.open .header {
    animation: slide-up 0.3s lineart 0s 1 normal forwards;
  }
  .availability .display-content .right-area #mobile-sort.open .tab-design {
    animation: slide-up-tab 0.3s lineart 0s 1 normal forwards;
  }
  .availability .display-content .right-area #mobile-sort.open .filter-footer {
    animation: slide-up-footer 0.3s lineart 0s 1 normal forwards;
  }
  .availability .display-content .right-area #mobile-sort.leaveanimation {
    transform: translateY(100%);
    -moz-transform: translateY(100%);
  }
  .availability .display-content .right-area .showing-count {
    padding: 0 0 10px;
  }
  .availability .display-content .right-area .itinerary .wrapper {
    flex-wrap: wrap;
  }
  .availability .display-content .right-area .itinerary .wrapper .left {
    width: 100%;
  }
  .availability .display-content .right-area .itinerary .wrapper .left img {
    height: 140px;
  }
  .availability .display-content .right-area .itinerary .wrapper .left .bottom-btns {
    justify-content: flex-start;
  }
  .availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a {
    padding: 0 10px;
    margin: 7px 7px 7px 0;
    height: 35px;
    line-height: 35px;
  }
  .availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a.whatsapp {
    width: 35px;
  }
  .availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a.send {
    font-size: 13px;
  }
  .availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a.send .ak-send {
    margin-right: 7px;
  }
  .availability .display-content .right-area .itinerary .wrapper .left .bottom-btns a.shortlist-btn {
    width: 35px;
    height: 33px;
  }
  .availability .display-content .right-area .itinerary .wrapper .right {
    width: 100%;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .top .left-content h3 {
    margin-top: 10px;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .top .left-content .strip .label-stye {
    padding: 5px 10px;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .bottom ul li {
    padding: 7px 10px;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .bottom ul li .icon {
    font-size: 18px;
    margin: 0;
  }
  .availability .display-content .right-area .itinerary .wrapper .right .bottom ul li span:not(.icon) {
    display: none;
  }
  .availability .display-footer {
    padding: 10px 0 0;
  }
  .availability .display-footer h2 {
    font-size: 15px;
    margin: 0;
  }
  .availability .display-footer ul:not(.collapsible) {
    padding: 0;
    margin-bottom: 10px;
  }
  .availability .display-footer ul:not(.collapsible) li {
    margin-bottom: 3px;
  }
  .availability .display-footer ul:not(.collapsible) li a {
    height: 30px;
    line-height: 30px;
  }
  .availability .display-footer .faq-accordion li .collapsible-header {
    font-size: 13px;
  }
  .availability .display-footer .faq-accordion li .collapsible-body p {
    font-size: 12px;
    line-height: 18px;
  }
  .pricing {
    padding: 0 0 70px;
  }
  .pricing.success {
    padding: 0 0 0px !important;
  }
  .pricing .search-criteria {
    padding: 10px;
  }
  .pricing .search-criteria .top p {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
  }
  .pricing .search-criteria .bottom {
    padding-top: 10px;
    margin-top: 10px;
    flex-direction: column;
    align-items: flex-end;
  }
  .pricing .search-criteria .bottom ul.left {
    width: 100%;
    flex-wrap: wrap;
  }
  .pricing .search-criteria .bottom ul.left li {
    padding: 0 10px;
    width: calc(50% - 1px);
  }
  .pricing .search-criteria .bottom ul.left li:first-child {
    padding-left: 10px;
  }
  .pricing .search-criteria .bottom ul.left li:last-child {
    padding-right: 10px;
  }
  .pricing .search-criteria .bottom ul.left li h3 span {
    font-size: 13px;
  }
  .pricing .search-criteria .bottom ul.left li h3 span strong {
    font-size: 13px;
    font-weight: 700;
  }
  .pricing .search-criteria .bottom ul.left li h3 span.big {
    font-size: 13px;
  }
  .pricing .search-criteria .bottom ul.left li:nth-child(4) {
    width: 100%;
    height: 1px;
    background: #ebebeb;
    padding: 0;
    margin: 10px 0;
  }
  .pricing .search-criteria .bottom ul.right {
    width: 100%;
    border-top: 1px solid #ebebeb;
    margin: 10px 0 0;
    padding-top: 10px;
  }
  .pricing .search-criteria .bottom ul.right li:not(:last-child) {
    display: none;
  }
  .pricing .search-criteria .bottom .btns {
    font-size: 13px;
  }
  .pricing .search-criteria .modify-search {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 101;
  }
  .pricing .search-criteria .modify-search .search-container {
    background: #fff;
    padding: 20px 10px;
    border-radius: 4px;
    max-height: calc(100% - 80px);
    width: calc(100% - 20px);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: fixed;
    left: 50%;
    top: 50%;
    margin: 0;
  }
  .pricing .search-criteria .top {
    flex-direction: column;
    display: flex;
  }
  .pricing .search-criteria .top .left {
    width: 100%;
    max-width: 100%;
  }
  .pricing .search-criteria .top .left h2 span {
    display: block;
  }
  .pricing .search-criteria .top .right {
    width: 100%;
    text-align: left;
  }
  .pricing .search-criteria .can-info {
    flex-direction: column;
  }
  .pricing .search-criteria .can-info a.link {
    margin: 10px -15px 0 -15px;
    padding: 10px 15px 0px 15px;
    border-top: 1px solid #f0f0f0;
  }
  .page-container .page-left {
    width: calc(100% - 0px);
    margin-right: 0px;
  }
  .page-container .page-left .support-outer {
    display: block;
  }
  .fare-summary-wrapper {
    display: none;
  }
  .responsive-faresum .footer-faresum {
    display: block;
    margin-top: 15px;
  }
}
@media screen and (max-width: 800px) and (max-width: 424px) {
  .responsive-faresum .footer-faresum {
    display: flex;
    flex-direction: column;
    height: 120px;
  }
}
@media screen and (max-width: 800px) {
  .paymentbtn-row {
    display: none;
  }
  .promocode {
    display: flex;
    margin: 0 0 10px;
  }
  .page-left .page-name {
    display: none;
  }
  .details .header {
    display: none;
  }
  .details .search-criteria {
    margin-top: 10px;
  }
  .details .search-criteria .top {
    display: initial;
  }
  .details .search-criteria .bottom {
    border-top: 1px solid #ebebeb;
  }
  .details .details-section .left {
    width: 100%;
    margin-right: 0px;
  }
  .details .details-section .left .itinerary-card .card-body .day {
    flex-direction: column;
    padding: 5px 0px;
  }
  .details .details-section .left .itinerary-card .card-body .day li {
    padding: 0px 15px 5px;
  }
  .details .details-section .left .itinerary-card .card-body .day li.day-count {
    background-color: #ececec;
    border-radius: 4px;
    padding: 0px 10px;
    margin: 10px 15px 10px;
    max-width: 60px;
    min-width: 60px;
    width: 60px;
    background-color: #ececec;
    border-radius: 15px;
  }
  .details .details-section .left .itinerary-card .card-body .day li.day-itinerary {
    border-left: 0px;
  }
  .details .details-section .left .itinerary-list-card .details-row {
    flex-direction: column;
  }
  .details .details-section .left .apply-promo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .details .details-section .left .apply-promo .left {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .details .details-section .left .apply-promo .left .promo-icon {
    background: -webkit-linear-gradient(#d92727, #19478a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 35px;
    margin-right: 10px;
  }
  .details .details-section .left .apply-promo .left h2 {
    text-transform: capitalize;
    font-weight: 500;
  }
  .details .details-section .left .apply-promo .arrow-icon {
    font-size: 20px;
    font-weight: 700;
  }
  .details .details-section .left .actions-row {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .details .details-section .left .actions-row .action {
    padding: 15px;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .details .details-section .left .actions-row .action:last-child {
    border-bottom: 0px;
  }
  .details .details-section .left .actions-row .action .action-icon {
    background: -webkit-linear-gradient(#d92727, #19478a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 25px;
    margin-right: 20px;
  }
  .details .details-section .left .actions-row .action .action-icon.whatsapp {
    color: #fff;
  }
  .details .details-section .left .actions-row .action .right {
    display: flex;
    flex-direction: column;
    line-height: 18px;
  }
  .details .details-section .left .actions-row .action .right p {
    color: #525252;
    font-size: 13px;
    font-weight: 400;
  }
  .details .details-section .left .actions-row .action .right h2 {
    white-space: nowrap;
    font-weight: 500;
    font-size: 20px;
  }
  .details .details-section .left .our-experts .cards-row {
    flex-direction: column;
  }
  .details .details-section .left .our-experts .cards-row .expert-card {
    max-width: 100%;
    margin: 5px 0px;
  }
  .details .details-section .left .support-outer {
    display: block;
  }
  .details .details-section .fare-summary-wrapper {
    display: none;
  }
  .promocode .promo-code-popup .promo-code-outer {
    border: 0;
  }
  .payment-wrapper {
    min-height: 0;
  }
  .payment-wrapper.book-appointment {
    height: calc(100vh - 61px);
  }
  .payment-wrapper > .container {
    flex-wrap: wrap;
  }
  .payment-wrapper > .container .appointment-box-wrapper .appointment-box {
    min-width: 100%;
  }
  .payment-wrapper > .container .appointment-box-wrapper .appointment-box .change-location-box .form .input-field {
    background: transparent;
  }
  .payment-wrapper > .container .appointment-box-wrapper .appointment-box .change-location-box .form .input-field label {
    background: transparent;
  }
  .payment-wrapper > .container .enquiry-success .enquiry-actions {
    flex-direction: column;
    padding: 0px;
    align-items: center;
    border: 0px;
  }
  .payment-wrapper > .container .enquiry-success .enquiry-actions li {
    border-right: 0px;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 15px;
  }
  .payment-wrapper > .container .enquiry-success .enquiry-actions li:first-child {
    border-top: 1px solid #ebebeb;
  }
  .payment-wrapper > .container .enquiry-success .enquiry-actions li .action-text {
    min-width: 120px;
    align-items: flex-start;
  }
  .payment-wrapper > .container .booking-success .enquiry-actions {
    flex-direction: column;
    padding: 0px;
    align-items: center;
    border: 0px;
  }
  .payment-wrapper > .container .booking-success .enquiry-actions li {
    border-right: 0px;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 15px;
  }
  .payment-wrapper > .container .booking-success .enquiry-actions li:first-child {
    border-top: 1px solid #ebebeb;
  }
  .payment-wrapper > .container .booking-success .enquiry-actions li .action-text {
    min-width: 170px;
    align-items: flex-start;
  }
  .payment-wrapper > .container .booking-success .enquiry-actions li .action-text h3 {
    font-size: 14px;
  }
  .payment-wrapper > .container .left-side {
    width: 100%;
  }
  .payment-wrapper > .container .left-side .view-details-wrapper {
    display: flex;
  }
  .payment-wrapper > .container .left-side .search-criteria {
    display: none;
  }
  .payment-wrapper > .container .left-side .traveller-details {
    display: none;
  }
  .payment-wrapper > .container .left-side .session-time-out {
    display: none;
  }
  .payment-wrapper > .container .left-side .mobile-payment-header {
    display: block;
  }
  .payment-wrapper > .container .left-side .paymentbox {
    display: none;
  }
  .payment-wrapper > .container .left-side .mobile-payment {
    display: block;
  }
  .payment-wrapper > .container .left-side .banner-image {
    display: none;
  }
  .payment-wrapper > .container .left-side .confirmation-text {
    display: none;
  }
  .payment-status {
    display: none;
  }
  .payment-status-responsive {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 5px 0px 10px;
    border: 1px solid rgba(156, 170, 179, 0.28);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    overflow: hidden;
  }
  .payment-status-responsive .header {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    padding: 10px;
  }
  .payment-status-responsive .header .status-text {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .payment-status-responsive .header .status-text .status-icon {
    transform: translateY(-1px);
    font-size: 21px;
    margin-right: 6px;
  }
  .payment-status-responsive .header .status-text .status-icon.success {
    color: #119100;
  }
  .payment-status-responsive .header .status-text .status-icon.success:before {
    width: 100px;
    height: 100px;
    background: white;
    padding: 7px;
    border-radius: 50%;
  }
  .payment-status-responsive .header .action-icon a {
    color: #ffffff;
    font-size: 21px;
    margin-right: 5px;
  }
  .payment-status-responsive .content {
    background: #ffffff;
    padding: 10px 35px;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .payment-status-responsive .content p {
    color: #525252;
    font-size: 13px;
    font-weight: 400;
  }
  .payment-status-responsive .content p.subtext {
    color: #000;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
  }
  .payment-status-responsive .content p span {
    font-weight: 700;
  }
  .payment-status-responsive .content p .booking-id {
    color: #d32f2f;
  }
  .payment-status-responsive .content p.fare {
    margin-top: 10px;
  }
  .payment-status-responsive .content h3 {
    margin-bottom: 10px;
  }
  .payment-status-responsive .content h2 {
    font-size: 23px;
    font-weight: 700;
  }
  .payment-status-responsive.failed .header {
    background: #d32f2f;
  }
  .payment-status-responsive.failed .content h3 {
    color: #d32f2f;
  }
  .payment-status-responsive.processing .header {
    background: #efb400;
  }
  .payment-status-responsive.processing .content h3 {
    color: #efb400;
  }
  .payment-status-responsive.success .header {
    background: #119100;
  }
  .payment-status-responsive.success .content h3 {
    color: #119100;
  }
  .confirmation-mobile-text {
    display: block;
    margin: 0 0 10px;
    background: #fff;
    border: 1px solid rgba(156, 170, 179, 0.28);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 10px;
  }
  .confirmation-mobile-text p {
    margin-bottom: 10px;
    color: #525252;
    font-size: 13px;
    line-height: 18px;
  }
  .confirmation-mobile-text p a {
    color: #19478a;
    font-weight: 500;
  }
  .confirmation-mobile-text p:last-child {
    margin: 0;
  }
  .confirmation-mobile-text .hr {
    height: 1px;
    background: #ebebeb;
    margin: 15px 0 0;
  }
  .confirmation-mobile-text .support-outer2 ul {
    width: 100%;
  }
  .confirmation-mobile-text .support-outer2 ul li {
    justify-content: start;
    display: flex;
    border-bottom: 1px solid #ebebeb;
    padding: 9px 0;
    align-items: center;
  }
  .confirmation-mobile-text .support-outer2 ul li:last-child {
    border-bottom: none;
  }
  .confirmation-mobile-text .support-outer2 ul li .icon {
    background: -webkit-linear-gradient(#d92727, #19478a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #525252;
    font-size: 25px;
    text-align: left;
    display: block;
  }
  .confirmation-mobile-text .support-outer2 ul li h3 {
    color: #222;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 13px;
    padding-bottom: 0px;
  }
  .confirmation-mobile-text .support-outer2 ul li h3 span {
    font-weight: 500;
    color: #000;
    font-size: 16px;
    display: block;
  }
  .confirmation-mobile-text .support-outer2 ul li h3 span strong {
    color: #000;
    font-size: 16px;
  }
  .confirmation-mobile-text .support-outer2 ul li h3 span .whatsapp-icon {
    background: url(images/whatsapp.png);
    width: 30px;
    height: 30px;
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .addon-services-outer .addon-services-box {
    flex-wrap: wrap;
  }
  .addon-services-outer .addon-services-box ul li .icon {
    font-size: 30px;
  }
  .addon-services-outer .addon-services-box ul li p {
    font-size: 14px;
    line-height: 15px;
  }
  .slide-panel .contentarea .slidepanel-content .review-header .main-header-banner .item p {
    font-size: 12px;
  }
  .slide-panel .contentarea .slidepanel-content .review-header .main-header-banner .item h3 {
    font-size: 15px;
  }
  .slide-panel .contentarea .slidepanel-content .review-header .main-header-banner .item h3 span {
    font-size: 11px;
  }
}
@media screen and (max-width: 500px) {
  .slide-panel .contentarea .slidepanel-content .review-header .main-header-banner {
    flex-wrap: wrap;
    padding: 0;
  }
  .slide-panel .contentarea .slidepanel-content .review-header .main-header-banner .item {
    width: 50%;
    margin: 0;
    padding: 15px 10px;
    border: 0;
  }
  .slide-panel .contentarea .slidepanel-content .review-header .main-header-banner .item:nth-child(1), .slide-panel .contentarea .slidepanel-content .review-header .main-header-banner .item:nth-child(2) {
    border-bottom: 1px solid #ebebeb;
  }
  .search-container .ow-row.details > li .calendarOuter .tab-style li .btn-style {
    font-size: 12px;
    height: auto;
    line-height: 14px;
    padding: 5px 19px;
    margin: 9px 0 0 -10px;
  }
  .search-container .ow-row.details > li .calendarOuter .tab-style li .btn-style span {
    display: block;
  }
  .responsive-faresum .footer-faresum .right a.icons {
    margin-right: 4px;
  }
  .responsive-faresum .footer-faresum .right a:not(.icons) {
    margin-left: 0;
    padding: 10px 12px;
  }
}
@media screen and (max-width: 400px) {
  .populardestination-wrapper .mainblock .whitebox {
    margin-bottom: 15px;
  }
  .populardestination-wrapper .mainblock .populardestinations .box {
    width: 100%;
    margin: 10px 0;
    padding: 0;
  }
  .travel-guide .wrapper ul {
    width: 100%;
  }
  .travel-guide .wrapper ul:nth-child(3) li:last-child {
    border-bottom: 1px solid #ebebeb;
  }
  .search-container .ow-row.details > li:not(.btnarea) {
    width: 100%;
  }
  .search-container .ow-row.details > li:not(.btnarea) .guest-popup {
    width: 100%;
  }
  .search-container .ow-row.details > li:not(.btnarea) .price-popup {
    width: 100%;
  }
  .search-container .ow-row.details > li:not(.btnarea) .calendarOuter {
    width: 100%;
  }
  .search-container .ow-row.details > li:not(.btnarea) .calendarOuter .tab-style li {
    padding: 0 10px;
  }
  .search-container .ow-row.details > li:not(.btnarea) .calendarOuter .tab-style li h3 span {
    font-size: 12px;
  }
  .search-container .ow-row.details > li:not(.btnarea) .calendarOuter .tab-style li .btn-style {
    font-size: 11px;
    height: auto;
    line-height: 12px;
    padding: 5px 10px;
    margin: 14px 0 0 0px;
  }
  .search-container .ow-row.details > li:not(.btnarea) .calendarOuter .outer .month {
    padding: 5px;
  }
  .search-container .ow-row.details > li:not(.btnarea) .calendarOuter .outer .month .weeks li p {
    font-size: 12px;
  }
  .search-container .ow-row.details > li:not(.btnarea) .month-popup {
    width: 100%;
  }
  .search-container .ow-row.details > li:not(.btnarea)::after {
    display: none;
  }
  .addon-services-outer .addon-services-box ul li {
    padding: 8px;
  }
  .addon-services-outer .addon-services-box ul li:nth-child(1) {
    margin-right: 6px;
  }
  .pax-details-row .pax-details .pax-details-list li.boxwidth {
    width: 100%;
    padding: 0px;
  }
  .pax-details-row .pax-details .pax-details-list :nth-child(4) {
    margin-left: 0;
  }
  .pax-details-list li.title {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  .contact-information .contact-details ul.contact-details-list {
    flex-direction: column;
  }
  .contact-information .contact-details ul.contact-details-list li.code {
    width: 100%;
  }
  .contact-information .contact-details ul.contact-details-list li.width-big {
    width: 100%;
    margin-left: 0px;
  }
  .gst-outer .gst-contact-details-wrapper .gst-contact ul.gst-details-list {
    flex-direction: column;
  }
  .gst-outer .gst-contact-details-wrapper .gst-contact ul.gst-details-list li.width-big {
    width: 100%;
    padding-right: 0;
  }
  .gst-outer .gst-header {
    flex-direction: column;
  }
  .gst-outer .gst-header .gst-header-left h3 {
    color: #525252;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .gst-outer .gst-header .gst-header-left h3 span {
    margin-right: 0;
  }
  .gst-outer .gst-header .gst-header-left h3 span strong {
    font-size: 13px;
  }
  .gst-outer .gst-header .gst-header-right {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .gst-outer .gst-header .gst-header-right a.blueborderbtn {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 22px;
    font-weight: 600;
  }
  .responsive-faresum .footer-faresum .left h4 {
    font-size: 11px;
  }
  .responsive-faresum .footer-faresum .left h3 {
    font-size: 16px;
    margin: 0;
  }
  .responsive-faresum .footer-faresum .right a:not(.icons) {
    font-size: 16px;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 350px) {
  .responsive-faresum .footer-faresum .left h3 {
    font-size: 15px;
  }
  .responsive-faresum .footer-faresum .right a.query {
    display: none;
  }
}
.auto-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 240px;
  width: 97%;
  border: 1px solid #ddd;
  z-index: 10;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.auto-dropdown-content.show {
  display: block;
}
.auto-dropdown-content .wrapper {
  min-height: 0;
  max-height: 125px;
  overflow-y: auto;
}
.auto-dropdown-content .wrapper .option {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
}
.auto-dropdown-content .wrapper .option a {
  color: #000;
}
.auto-dropdown-content .wrapper .option:hover {
  background-color: #ddd;
}
.auto-dropdown-content .heading span {
  position: absolute;
  top: 14px;
  left: 16px;
}
.auto-dropdown-content .heading input {
  box-sizing: border-box;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: none;
  border-bottom: 1px solid #ddd !important;
}
.auto-dropdown-content .heading input:focus {
  outline: 3px solid #ddd;
}

@media screen and (max-width: 800px) {
  .auto-dropdown-content {
    width: 100%;
  }
}
.callme-wrapper {
  display: flex;
}
.callme-wrapper .left-side {
  width: 50%;
  background-image: url(../images/callme.jpg);
  background-repeat: no-repeat;
}
.callme-wrapper .right-side {
  width: 50%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.callme-wrapper .right-side ::-webkit-scrollbar {
  width: 5px;
}
.callme-wrapper .right-side ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 3px;
}
.callme-wrapper .right-side ::-webkit-scrollbar-thumb {
  background-color: #90a4ae;
  border-radius: 3px;
}
.callme-wrapper .right-side ::-webkit-scrollbar-thumb:hover {
  background: #1005f4;
}

@media screen and (max-width: 750px) {
  .callme-wrapper .left-side {
    display: none;
  }
  .callme-wrapper .right-side {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .responsive-faresum .fare-summery-popup .fare-summery-outer .info .popup {
    width: 90%;
  }
}
.learnmorepopup-wrapper {
  display: none;
}
.learnmorepopup-wrapper.show {
  display: block;
}
.learnmorepopup-wrapper .overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.431372549);
  height: 100vh;
  width: 100vw;
  z-index: 1300;
  top: 0;
}
.learnmorepopup-wrapper .learnmorepopup {
  left: 0;
  right: 0;
  position: fixed;
  margin: 0 auto;
  top: 50px;
  margin-top: 10px;
  width: 750px;
  border: 1px solid #e0e0e0;
  background: #fff;
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.3);
  z-index: 1300;
  overflow: hidden;
  border-radius: 15px;
}
.learnmorepopup-wrapper .learnmorepopup .heading {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
}
.learnmorepopup-wrapper .learnmorepopup .heading .title {
  font-weight: bold;
}
.learnmorepopup-wrapper .learnmorepopup .heading .icon {
  font-size: 10px;
  cursor: pointer;
}
.learnmorepopup-wrapper .learnmorepopup .content table {
  margin-top: 10px;
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #e0e0e0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.learnmorepopup-wrapper .learnmorepopup .content table td,
.learnmorepopup-wrapper .learnmorepopup .content table th {
  text-align: left;
  padding: 8px;
}
.learnmorepopup-wrapper .learnmorepopup .content table th {
  background: #19478a;
  color: #fff;
}
.learnmorepopup-wrapper .learnmorepopup .content .footer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background: #f4f4f6;
  padding: 15px;
  font-size: 12px;
}

.tabs_wrapper {
  text-align: center;
  background: transparent;
  height: 500px;
  display: flex;
  flex-direction: row;
}

ul.tab {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0;
  width: 200px;
  list-style: none;
  border: 1px solid #e0e0e0;
  height: 100%;
  overflow-y: auto;
  background: #f4f4f6;
  border-right: none;
}
ul.tab li {
  margin: 0;
  cursor: pointer;
  padding: 10px 15px;
  line-height: 31px;
  color: #fff;
  text-align: left;
  font-weight: bold;
  color: #939191;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
ul.tab li:hover, ul.tab li.active {
  color: #19478a;
  background: #fff;
}

.tab_container {
  position: relative;
  width: calc(100% - 200px);
  text-align: left;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-left: none;
  overflow-y: auto;
}

.tab_content {
  padding: 20px;
  height: auto;
  display: none;
}
.tab_content .head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.tab_content .head h4 {
  margin-left: 10px;
}

.tab_drawer_heading {
  display: none;
}

@media screen and (max-width: 800px) {
  .learnmorepopup-wrapper .learnmorepopup {
    width: 95vw;
    top: 20px;
    overflow-y: auto;
    max-height: calc(100vh - 50px);
  }
  ul.tab {
    display: none;
  }
  .tab_container {
    display: block;
    margin: 0 auto;
    width: 100%;
    border-top: none;
    border-radius: 0;
    overflow-y: auto;
  }
  .tab_drawer_heading {
    margin: 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center;
    background: #f4f4f6;
    position: relative;
    text-align: left;
    font-size: 14px;
  }
  .tab_drawer_heading .icon {
    position: absolute;
    right: 15px;
    top: 7px;
    transition: all 0.5s ease;
  }
  .tab_drawer_heading:hover {
    background: #ccc;
    color: #fff;
  }
  .d_active {
    background: #fff;
    color: #19478a;
  }
  .d_active .icon {
    transform: rotate(180deg);
  }
}
.payment-loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
}
.payment-loading.show {
  display: block;
}
.payment-loading .overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4784313725);
  width: 100vw;
  height: 100vh;
}
.payment-loading .wrapper {
  position: fixed;
  background: #fff;
  width: 320px;
  top: 40vh;
  left: 0;
  margin: 0 auto;
  right: 0;
  background: #fff;
  width: 765px;
  text-align: center;
}
.payment-loading .wrapper img {
  width: auto;
  height: 17px;
  display: block;
  margin: 15px auto;
}
.payment-loading .wrapper h3 {
  color: #000;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 10px;
}
.payment-loading .wrapper h4 {
  color: #363636;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 25px;
}
.payment-loading .wrapper .warning-text {
  border-top: 1px solid #ebebeb;
  padding: 10px 30px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.payment-loading .wrapper .warning-text .left .ak-info {
  font-size: 18px;
  color: #000;
  width: 30px;
  height: 30px;
}
.payment-loading .wrapper .warning-text .right h3 {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.availability.content {
  min-height: auto;
}
.availability .banner-modify {
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
}
.availability .banner-modify .top-outer img {
  max-width: 100%;
  height: auto;
}
.availability .search-criteria.wit-bnr {
  border: none;
  box-shadow: none;
  border-radius: 0;
  gap: 15px;
}
.availability .search-criteria .top .moreless-button {
  color: #d32f2f;
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
}
.availability .search-criteria .top .moretext {
  display: none;
}
.availability .search-criteria .top p span.info {
  white-space: normal;
}

.package {
  margin-bottom: 20px;
}
.package ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -15px;
  row-gap: 20px;
}
.package ul li {
  width: 33.33%;
}
.package ul li .package-card {
  margin: 0 15px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  height: 100%;
}
.package ul li .package-card:hover {
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.2);
}
.package ul li .package-card:hover .banner-img {
  opacity: 1;
  transition: all 0.4s ease;
  transform: scale(1.1);
}
.package ul li .package-card .banner {
  overflow: hidden;
}
.package ul li .package-card .banner .banner-img {
  background: url(../images/custom-img.jpg) no-repeat;
  height: 174px;
  background-size: cover;
  background-position: center;
  transition: all 0.4s ease;
}
.package ul li .package-card .details_row {
  display: flex;
  width: 100%;
  flex-direction: column;
  height: calc(100% - 174px);
  justify-content: space-between;
}
.package ul li .package-card .details_row .details_top {
  display: block;
  width: 100%;
  flex-direction: column;
}
.package ul li .package-card .details_row .details_top .name-head {
  padding: 15px 15px 0;
}
.package ul li .package-card .details_row .details_top .name-head h4 {
  font-size: 17px;
}
.package ul li .package-card .details_row .details_top .name-head p {
  color: #525252;
  font-size: 12px;
}
.package ul li .package-card .details_row .details_top .facilities {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  padding: 15px;
}
.package ul li .package-card .details_row .details_top .facilities .tab {
  color: #525252;
  font-size: 12px;
  border: 1px solid #ececed;
  padding: 2px 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.package ul li .package-card .details_row .details_top .facilities .tab .icon {
  font-size: 15px;
  padding-right: 5px;
  display: flex;
  justify-content: center;
}
.package ul li .package-card .details_row .details_bottom {
  display: block;
  width: 100%;
  flex-direction: column;
}
.package ul li .package-card .details_row .details_bottom .price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 10px 15px;
  border-bottom: 1px solid #ececed;
  border-top: 1px solid #ececed;
}
.package ul li .package-card .details_row .details_bottom .price span {
  color: #525252;
  font-size: 13px;
}
.package ul li .package-card .details_row .details_bottom .price .price-type {
  display: flex;
  align-items: flex-end;
}
.package ul li .package-card .details_row .details_bottom .price .price-type p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}
.package ul li .package-card .details_row .details_bottom .price .price-type p.strike {
  text-decoration: line-through;
  padding-right: 8px;
  color: #d32f2f;
  font-size: 14px;
}
.package ul li .package-card .details_row .details_bottom .more {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
.package ul li .package-card .details_row .details_bottom .more .whatsapp-icon {
  display: flex;
  cursor: pointer;
}
.package ul li .package-card .details_row .details_bottom .more .whatsapp-icon img {
  width: 30px;
}
.package ul li .package-card .details_row .details_bottom .more a {
  color: #d32f2e;
  font-size: 17px;
  font-weight: 500;
}
.package ul li .package-card .details_row .details_bottom .more a:hover {
  opacity: 1;
  transition: all 0.4s ease;
  transform: scale(1.1);
}

@media (max-width: 1000px) {
  .content {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 800px) {
  .content-outer {
    min-height: auto;
  }
  .package ul li {
    width: 50% !important;
  }
}
@media screen and (max-width: 500px) {
  .package ul li {
    width: 100% !important;
  }
}
.calendarOuter-month {
  background: #fff;
  position: absolute;
  width: 330px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.23);
  display: none;
  z-index: 1500;
  bottom: 35px;
}
.calendarOuter-month.open {
  display: block;
}
.calendarOuter-month .tab-style {
  border-bottom: 1px solid #d4d4d4;
}
.calendarOuter-month .tab-style li {
  padding: 0 15px;
  min-height: 45px;
  position: relative;
  display: block;
  text-align: center;
}
.calendarOuter-month .tab-style li:first-child {
  border-right: 1px solid #d4d4d4;
}
.calendarOuter-month .tab-style li.close {
  padding: 0;
}
.calendarOuter-month .tab-style li.active::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #d32f2f;
}
.calendarOuter-month .tab-style li h3 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px;
  color: #5b5b5b;
  margin: 1em 0;
}
.calendarOuter-month .tab-style li h3 span {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #000;
}
.calendarOuter-month .tab-style li .ak-close {
  position: absolute;
  left: 50%;
  opacity: 0.4;
  font-size: 15px;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.calendarOuter-month .tab-style li .btn-style {
  font-size: 14px;
  font-weight: 500;
  color: #010101;
  background: #ebebeb;
  line-height: 30px;
  height: 30px;
  padding: 0 15px;
  border-radius: 999px;
  display: inline-block;
  margin-top: 15px;
}
.calendarOuter-month .outer {
  position: relative;
}
.calendarOuter-month .outer .nav {
  font-weight: 700;
  cursor: pointer;
  position: absolute;
  top: 25px;
  z-index: 10;
  color: grey;
}
.calendarOuter-month .outer .nav.prev {
  left: 15px;
}
.calendarOuter-month .outer .nav.next {
  right: 15px;
}
.calendarOuter-month .outer .month {
  width: 100%;
  float: left;
  padding: 10px 15px;
}
.calendarOuter-month .outer .month h3 {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #d32f2f;
  text-transform: uppercase;
  padding: 15px 0;
}
.calendarOuter-month .outer .month .day-name li {
  float: left;
  height: 38px;
  width: 14.2857142857%;
  padding: 0;
  margin: 0;
  text-align: center;
  font-weight: 700;
  line-height: 41px;
  color: #000;
  font-size: 13px;
  text-transform: capitalize;
}
.calendarOuter-month .outer .month .weeks li {
  float: left;
  height: 41px;
  width: 14.2857142857%;
  position: relative;
}
.calendarOuter-month .outer .month .weeks li p {
  display: block;
  position: absolute;
  top: 48%;
  width: 100%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  text-align: center;
  font-size: 14px;
  color: #000;
  font-weight: 500;
}
.calendarOuter-month .outer .month .weeks li p span {
  display: block;
  font-size: 10px;
  color: #a8a8a8;
  font-weight: 400;
}
.calendarOuter-month .outer .month .weeks li p span.lowestfare {
  color: #307d01;
}
.calendarOuter-month .outer .month .weeks li:hover {
  background: rgba(25, 71, 138, 0.18);
}
.calendarOuter-month .outer .month .weeks li.inactive-date p {
  color: #bbb;
}
.calendarOuter-month .outer .month .weeks li.inactive-date:hover {
  background: none;
}
.calendarOuter-month .outer .month .weeks li.disabled-date p {
  color: #fff;
}
.calendarOuter-month .outer .month .weeks li.disabled-date p span {
  color: #fff;
}
.calendarOuter-month .outer .month .weeks li.disabled-date:hover {
  background: none;
}
.calendarOuter-month .outer .month .weeks li.selected-date {
  background: #19478a;
}
.calendarOuter-month .outer .month .weeks li.selected-date p {
  color: #fff;
}
.calendarOuter-month .outer .month .weeks li.selected-date p span {
  color: #fff;
}
.calendarOuter-month .outer .month .weeks li.selected-date:hover {
  background: #19478a;
}

.loadingbtn {
  background: #b72828 !important;
  color: #fff !important;
  position: relative;
}
.loadingbtn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  z-index: 1;
  animation: 2s linear infinite move;
  -webkit-animation: 2s linear infinite move;
  overflow: hidden;
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.tcs-wrapper {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 18px 0;
}
.tcs-wrapper .blue-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #dff6ff;
  padding: 15px;
  border-radius: 6px;
}
.tcs-wrapper .blue-box h4 {
  color: #4b4a4a;
  font-size: 14px;
}
.tcs-wrapper .blue-box .checkouter .radio {
  margin: 0;
}
.tcs-wrapper .blue-box .checkouter .radio label {
  font-size: 13px;
  font-weight: 400;
  color: #4b4a4a;
  position: relative;
}
.tcs-wrapper .blue-box .checkouter .radio label::before {
  top: 13px;
}
.tcs-wrapper .blue-box .checkouter .radio label::after {
  top: 13px;
}
.tcs-wrapper .blue-box .checkouter .radio label span {
  color: black;
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
}
.tcs-wrapper .checkbox label {
  font-size: 13px;
  font-weight: 400;
  color: #4b4a4a;
}
.tcs-wrapper.mob {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
}

.contact-info {
  background: white;
  position: sticky;
  bottom: 0;
  width: 100%;
  padding: 18px 0;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1019607843);
  z-index: 9;
}
@media screen and (max-width: 800px) {
  .contact-info {
    display: none;
  }
}
.contact-info ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact-info ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  border-right: 1px solid #dddddd;
  padding-right: 55px;
}
@media screen and (max-width: 900px) {
  .contact-info ul li {
    padding-right: 20px;
  }
}
.contact-info ul li:last-child {
  border-right: 0;
  padding-right: 0px;
}
.contact-info ul li .icon {
  width: 40px;
  background: #FFF2E4;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-info ul li h3 {
  display: flex;
  align-items: start;
  flex-direction: column;
  font-size: 16px;
}
.contact-info ul li h3 span {
  font-size: 12px;
  color: #525252;
}

.customer-review {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 15px;
}
@media screen and (max-width: 800px) {
  .customer-review {
    margin-bottom: 20px;
  }
}
.customer-review .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 350px) {
  .customer-review .top {
    flex-direction: column;
    align-items: flex-start;
  }
}
.customer-review .top .nav {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 350px) {
  .customer-review .top .nav {
    width: 100%;
    justify-content: end;
  }
}
.customer-review .top .nav a {
  color: #d32f2f;
  text-decoration: underline;
}
.customer-review .top .nav a.left {
  transform: scaleX(-1);
  width: 30px;
  height: 30px;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: transparent;
  margin: 0;
  border: 1px solid #D92727;
  text-decoration: none;
}
.customer-review .top .nav a.left .icon {
  color: #D92727;
}
.customer-review .top .nav a.right {
  background: #d32f2f;
  width: 30px;
  height: 30px;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.customer-review .top .nav a .icon {
  font-size: 8px;
  color: white;
}
.customer-review .top .nav a img {
  width: 8px;
}
.customer-review .top .nav .nav-btns {
  display: flex;
  gap: 5px;
}
@media screen and (max-width: 430px) {
  .customer-review .testimonial-outer {
    padding-bottom: 78px;
  }
}
.customer-review .testimonial-outer .testimonials {
  background: white;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 80%;
}
@media screen and (max-width: 500px) {
  .customer-review .testimonial-outer .testimonials {
    width: 100%;
  }
}
.customer-review .testimonial-outer .testimonials .header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 0;
}
.customer-review .testimonial-outer .testimonials .header .image {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.customer-review .testimonial-outer .testimonials .header .image img {
  width: 100%;
}
.customer-review .testimonial-outer .testimonials .header .text h5 {
  font-size: 16px;
}
.customer-review .testimonial-outer .testimonials .header .text p {
  font-size: 12px;
  font-style: italic;
}
.customer-review .testimonial-outer .testimonials p {
  color: #535050;
  font-size: 13px;
}
.customer-review .testimonial-slider {
  border-radius: 15px;
  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
}

.flight-outer {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
@media screen and (max-width: 950px) {
  .flight-outer {
    gap: 24px;
  }
}
.flight-outer .title {
  font-size: 22px;
}
.flight-outer .departure {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-bottom: 1px solid #ededed;
  padding-bottom: 30px;
}
.flight-outer .departure:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.flight-outer .departure.connection {
  width: 100%;
}
.flight-outer .departure.nonstop {
  width: 57%;
}
@media screen and (max-width: 950px) {
  .flight-outer .departure.nonstop {
    width: 100%;
  }
}
.flight-outer .departure h4 {
  color: #074475;
}
.flight-outer .departure .sector-outer {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 950px) {
  .flight-outer .departure .sector-outer {
    flex-direction: column;
    padding-left: 16px;
    gap: 25px;
  }
}
.flight-outer .departure .sector-outer .sector {
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: white;
  z-index: 9;
  padding: 0 10px;
  position: relative;
}
.flight-outer .departure .sector-outer .sector:first-child {
  padding-left: 0;
}
.flight-outer .departure .sector-outer .sector:first-child::after {
  display: none;
}
.flight-outer .departure .sector-outer .sector:last-child {
  padding-right: 0;
}
.flight-outer .departure .sector-outer .sector h4 {
  font-size: 15px;
  color: black;
}
@media screen and (max-width: 1050px) {
  .flight-outer .departure .sector-outer .sector h4 {
    font-size: 14px;
  }
}
.flight-outer .departure .sector-outer .sector p {
  font-size: 14px;
}
@media screen and (max-width: 1050px) {
  .flight-outer .departure .sector-outer .sector p {
    font-size: 13px;
  }
}
.flight-outer .departure .sector-outer .sector p span {
  color: #9B9B9B;
}
.flight-outer .departure .sector-outer .sector .layover {
  color: #DF851D;
  font-size: 13px;
}
.flight-outer .departure .sector-outer .sector::after {
  content: "";
  position: absolute;
  left: -17px;
  top: 5px;
  background: url(../images/flight.svg);
  background-size: cover;
  width: 16px;
  height: 15px;
}
@media screen and (max-width: 950px) {
  .flight-outer .departure .sector-outer .sector::after {
    left: -22px;
    transform: rotate(90deg);
  }
}
.flight-outer .departure .sector-outer .flight-info {
  display: flex;
  background: white;
  border: 1px solid #E3E3E3;
  align-items: center;
  border-radius: 62px;
  width: 105px;
  height: 43px;
  z-index: 9;
  padding: 0 10px;
  gap: 8px;
  margin-top: -8px;
}
.flight-outer .departure .sector-outer .flight-info img {
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 1050px) {
  .flight-outer .departure .sector-outer .flight-info {
    width: 81px;
    height: 33px;
    padding: 0 5px;
    gap: 5px;
    margin-top: -4px;
    font-size: 12px;
  }
  .flight-outer .departure .sector-outer .flight-info img {
    width: 25px;
    height: 25px;
  }
}
.flight-outer .departure .sector-outer::after {
  content: "";
  position: absolute;
  width: 100%;
  border: 1px dashed #dddcdc;
  left: 0;
  top: 12px;
}
@media screen and (max-width: 950px) {
  .flight-outer .departure .sector-outer::after {
    left: 0px;
    top: 0px;
    width: 2px;
    height: 100%;
  }
}

#download-package-content {
  width: calc(100% - 20px);
}/*# sourceMappingURL=holiday-style.css.map */



.details .details-section .left .moredetails-card.policy.policy-dynamic {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-outer .policy-table::after {
  left: 25%;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-outer .policy-table::after {
    left: 6px;
    height: 100%;
    width: 6px;
    top: 0;
  }
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-outer .policy-table .policy-content {
  width: 50%;
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-outer .policy-table .policy-content {
    align-items: flex-start;
    width: 100%;
    padding-top: 0;
    padding-left: 24px;
  }
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper {
    padding-left: 0;
    margin-top: 0;
  }
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper.payment {
  padding-left: 0;
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper.payment::after {
  display: none;
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper.payment table td,
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper.payment table th {
  padding: 10px 10px 10px 0 !important;
  vertical-align: top;
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper.payment table td::before {
    content: attr(data-label);
    width: 75%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    font-weight: 400 !important;
  }
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  position: relative;
  width: 90%;
}
@media screen and (max-width: 700px) {
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table::after {
  content: "";
  position: absolute;
  left: 16.6665%;
  height: 6px;
  width: 66.667%;
  border-radius: 0px;
  top: -13px;
  background: linear-gradient(3deg, #319d5d 0%, #eab089 49.5%, #e95327 100%);
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table::after {
    left: 6px;
    height: 100%;
    width: 6px;
    top: 0;
    background: linear-gradient(115deg, #319d5d 0%, #eab089 49.5%, #e95327 100%);
  }
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table .policy-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 7px;
  width: 33.33%;
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table .policy-content {
    align-items: flex-start;
    width: 100%;
    padding-top: 0;
    padding-left: 24px;
  }
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table .policy-content::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #329d5d;
  position: absolute;
  top: -20px;
  z-index: 9;
  padding-top: 6px;
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table .policy-content::before {
    width: 15px;
    height: 15px;
    top: 0px;
    left: 1px;
  }
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table .policy-content:nth-child(2)::before {
  background: #eab089;
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table .policy-content:last-child::before {
  background: #e95427;
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table .policy-content h4 {
  font-size: 15px;
}
@media screen and (max-width: 700px) {
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table .policy-content h4 {
    font-size: 14px;
  }
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table .policy-content p {
  color: #525252;
  font-size: 15px;
  text-align: center;
}
@media screen and (max-width: 700px) {
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table .policy-content p {
    font-size: 13px;
  }
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper .policy-table .policy-content p {
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper table {
    border: 0;
  }
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper table caption {
    font-size: 1.3em;
  }
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
  }
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper table tr:last-child td:last-child {
    border-bottom: 0;
  }
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper table th {
    font-size: 14px;
    padding: 10px 0;
  }
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper table td {
    display: block;
    text-align: right;
    font-size: 14px !important;
    padding: 10px 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-weight: 500 !important;
  }
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper table td::before {
    content: attr(data-label);
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    font-weight: 400 !important;
  }
  .details .details-section .left .moredetails-card.policy.policy-dynamic .policy-table-wrapper table td:last-child {
    border-bottom: 1px solid #e7e2e2;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .conditions li {
    list-style-type: disc;
}
.details .details-section .left .moredetails-card.policy.policy-dynamic .conditions {
    padding-left: 20px;
    margin-top: 26px;
}