* {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}
ul {
  list-style-type: none;
  padding: 0 !important;
  margin: 0 !important;
}
:root {
  --primary-color: #010e22;
  --secondary-color: #082740;
  --yellow-color: #ffa801;
  --dark-pink: #ff204f;
  --primary-font: "Montserrat", sans-serif;
  --secondary-font: "Poppins", sans-serif;
}
textarea {
  resize: none;
}
body {
  font-family: var(--primary-font);
  max-width: 1920px;
  margin: 0 auto;
}
@media (min-width: 1401px) {
  .custom-container {
    max-width: 1795px !important;
    padding: 0 15px;
    margin: 0 auto;
  }
}

.rotate-180 {
  rotate: 180deg;
}
.rounded-20 {
  border-radius: 20px !important;
}
.text-secondary {
  color: var(--secondary-color) !important;
}
.bg-primary {
  background-color: var(--primary-color) !important;
}
.bg-secondary {
  background-color: var(--secondary-color) !important;
}
.bg-yellow {
  background-color: var(--yellow-color);
}
.primary-font {
  font-family: var(--primary-font) !important;
}
.secondary-font {
  font-family: var(--secondary-font) !important;
}
.border-primary {
  border-color: var(--primary-color) !important;
}
.fs-12 {
  font-size: 12px;
}
.fs-18 {
  font-size: 18px;
}
.fw-extralight {
  font-weight: 200;
}
.fw-extrabold {
  font-weight: 800;
}
/*  */

.header {
  z-index: 999;
  background-color: #010e2230 !important;
}
.header-scroll {
  background-color: var(--primary-color) !important;
}
.menu-toggle {
  display: none !important;
}
.header .nav {
  padding: 22px 0 25px;
}
.header .logo {
  margin-right: 176px;
}
.header .contact {
  gap: 12px;
}
.stellarnav.mobile ul {
  background: #112037;
}
.stellarnav li a {
  color: white;
  font-weight: 500;
}
.stellarnav a.dd-toggle .icon-plus::after,
.stellarnav a.dd-toggle .icon-plus::before,
.stellarnav .icon-close::after,
.stellarnav .icon-close::before {
  border-bottom-color: white;
}
.header .has-sub a {
  padding-left: 30px;
}
/*  */
.footer {
  padding-bottom: 33px;
}
.footer-content {
  padding: 115px 0;
}

.footer .logo {
  margin-bottom: 67px;
}

.footer .contact-number {
  font-size: 34px;
  margin-bottom: 34px;
}

.footer .footer-links ul li a {
  color: white !important;
  transition: 0.5s ease;
  opacity: 0.7;
  text-transform:capitalize;
}
.footer .footer-links ul li:not(:last-of-type) {
  margin-bottom: 25px;
}

.footer .top-places {
  gap: 11px;
}
.footer .top-places img {
  border-radius: 5px;
}
.footer .social-links a {
  display: flex;
  gap: 20px;
}
.footer .footer-links ul li a:hover {
  color: var(--yellow-color) !important;
}
.foot {
  opacity: 0.7;
  font-size: 14px;
}
/*  */
.hero-section {
  margin-bottom: 65px;
}
.hero-section .banner-content {
  top: 215px;
}
.hero-section h1 span:last-of-type {
  font-size: 60px;
}
/*  */
.primary-heading {
	font-size: 45px !important;
	text-transform: capitalize;
}
/*  */
.explore-flights {
  margin-bottom: 76px;
}
.explore-flights .pkg-media {
  max-width: 424px;
}
.explore-flights .pkg-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(18, 32, 61, 0.8),
    rgba(18, 32, 61, 0.4),
    rgba(18, 32, 61, 0)
  );
}
.explore-flights .pkg-name {
  font-size: 25px;
}
.explore-flights .pkg-type-price {
  font-size: 22px;
}
.explore-flights .pkg-type-price span:first-of-type::after {
  content: "|";
  font-size: 25px;
  margin: 0 20px;
}
.explore-flights .pkg-details {
  inset: auto auto 24px 24px;
}
.explore-flights .swiper-wrapper {
  margin: 0px auto 75px;
}
/*  */
.swiper-bullets .swiper-pagination-bullet {
  position: relative;
  opacity: 1;
  height: 16px;
  width: 16px;
  background: transparent;
}
.swiper-bullets .swiper-pagination-bullet::after {
  content: "";
  background: transparent url(/assets/media/icons/swiper-bullet.png) center
    center !important;
  background-size: 100%;
  height: 16px;
  width: 16px;
  color: transparent !important;
  /* position: absolute;
  inset: 50% auto auto 50%;
  translate: -49% -61%; */
  display: inline-block;
  border-radius: 50%;
}

.swiper-bullets
  .swiper-pagination-bullet-active.swiper-pagination-bullet::after {
  background: transparent url(/assets/media/icons/active-bullet.png) center
    center !important;
  /* translate: -54% -52%; */
}

.swiper-bullets .swiper-pagination {
  top: 2px;
}
.swiper-bullets .swiper-esn {
  gap: 40px;
}

/*  */
.airlines .airline-name {
  font-size: 18px;
}

.airline {
  padding: 32px 0 44px 36px;
}

.btn-arw {
  height: 42px;
  width: 75px;
  background-color: var(--dark-pink);
}

.airline .airline-price {
  margin-bottom: 38px;
}

.airlines .primary-heading {
  margin-bottom: 65px;
}
.airlines .airline > img {
  right: 25px;
}
.airlines .swiper-wrapper {
  margin-bottom: 75px;
}

.airlines {
  background: url(/assets/media/images/sky-bg.png) center center;
  background-size: cover;
  padding: 65px 0;
  margin-bottom: 65px;
}
.exp-more {
  height: 50px;
  width: 200px;
  border-radius: 5px;
  transition: 0.5s ease;
}

.more-btn .swiper-esn {
  gap: 62px;
}

.white-swiper-btn .swiper-esn img {
  filter: brightness(0) invert(1);
}
/*  */

.special-offer {
  margin-bottom: 70px;
}
.special-offer .package {
  padding: 27px 30px 30px;
}

.special-offer .primary-heading {
  margin-bottom: 65px;
}

.special-offer .nxt-btn-arw {
  height: 42px;
  width: 42px;
  inset: 20px 20px auto auto;
}

.special-offer .nxt-btn img {
  max-width: 7px;
}
.special-offer .swiper-wrapper {
  margin-bottom: 70px;
}
/*  */
.destination {
  padding: 65px 0;
}

.destination .primary-heading {
  margin-bottom: 55px;
}

.destination .destination-media {
  margin-bottom: 35px;
}

.destination .pkg-name {
  font-size: 18px;
}

.destination .swiper-wrapper {
  margin-bottom: 70px;
}
/*  */
.contact-line {
  background: url(/assets/media/images/contact-line-bg.png) center center;
  background-size: cover;
  padding: 52px 0 60px;
}
.contact-line-sec {
  padding: 0 112px;
}
/*  */

.query-form .form-tabs-btns button {
  border-radius: 5px;
  height: 70px;
  width: 70px;
}

.query-form .form-tabs-btns {
  gap: 31px;
  margin-bottom: 55px !important;
}

.query-form .form-tabs-btns button.active {
  background-color: var(--yellow-color) !important;
}

.query-form .input-container {
  height: 64px;
  max-width: 292px;
  border-radius: 5px;
  padding: 9px 20px 16px;
}

.query-form .input-container label {
  font-size: 15px;
}
.query-form select,
.query-form input {
  font-size: 14px;
  color: black !important;
  appearance: none !important;
  background: none;
  line-height: 16px;
}

.query-form .arw-bg::after {
  content: "";
  height: 6px;
  width: 10px;
  background: url(/assets/media/icons/arrow-dwn-head.png) center;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  inset: 50% 19px auto auto;
  translate: -50%;
}

.query-form form,
.query-form .form-wrapper {
  gap: 8px;
}

.passenger-info {
  top: 55px;
  display: none;
}
.passenger-info {
  width: 100%;
}
.passenger-info input {
  width: 20px;
}
.passenger-info .passenger-inputs {
  gap: 4px;
}
.passenger-info li button {
  height: 20px;
  width: 20px;
}
.query-form .passenger-info li span {
  font-size: 14px;
}
.query-form form button[type="submit"] {
  width: 100px;
  background-color: #3dd0d5;
  transition: all 0.5s ease;
  border-radius: 5px;
}
.query-form .mx-80 {
  max-width: 194px;
}
.query-form .mx-20 {
  max-width: 90px;
  padding-inline: 15px;
}
.query-form {
  bottom: 143px;
}
.pattern-start,
.pattern-end {
  position: relative;
}
.pattern-end::after,
.pattern-start::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 16px;
  background: url(/assets/media/icons/pattern.png) center;
  /* background-size: 100%; */
  left: 0;
  z-index: 1;
}
.ui-datepicker table {
	background-color: #fff;
}
.pattern-end::after {
  bottom: -8px;
}
.pattern-start::before {
  top: -8px;
}
/*  */
.economy-parking {
  background: url(/assets/media/images/economy-parking.png) center;
  background-size: cover;
}

.explore-flights .extra-gradient::after {
  background: linear-gradient(
    to top,
    rgba(18, 32, 61, 0.8),
    rgba(18, 32, 61, 0.7),
    rgba(18, 32, 61, 0)
  );
}
.holiday-bg {
  background: url(/assets/media/images/holiday-bg.png) center;
  background-size: cover;
}

.more-destination .dest-package {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/*  */
.destination-media img {
  transition: all 0.5s ease;
}
.dest-package:hover .destination-media img {
  scale: 1.1;
}
button[type="submit"]:hover {
  background-color: var(--yellow-color) !important;
}
.exp-more:hover {
  background-color: var(--yellow-color) !important;
}
/*  */
.pages .header {
  position: sticky !important;
  background-color: var(--secondary-color) !important;
}
/*  */
.contact-us .primary-heading {
  margin-bottom: 55px;
}
.contact-us .input-container input {
  height: 53px;
  border-radius: 5px;
  background-color: #f4f4f4;
  color: black;
}

.contact-us .input-container input::placeholder {
  opacity: 0.7;
}
.contact-us .input-container textarea {
  height: 133px;
  background-color: #f4f4f4;
  color: black;
  resize: none;
  border-radius: 5px;
}
.contact-us input[type="checkbox"]:checked {
  background-color: var(--yellow-color);
  border-color: var(--yellow-color);
}
.contact-us button[type="submit"] {
  border-radius: 5px;
  height: 53px;
  transition: all 0.5s ease;
}
/*  */
.content {
  color: var(--secondary-color);
  font-family: var(--secondary-font);
}
.content p,
.content blockquote {
  font-size: 15px;
}
.content li {
  font-weight: 500;
}
.content p,
.content ul,
.content ol {
  margin-bottom: 45px !important;
}
.content ul::marker {
  color: #010e22;
}
.content ul {
  font-size: 16px;
  list-style-type: disc;
}
.content a {
  color: #ffa801;
  text-decoration: underline;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  font-weight: 400;
  color: #010e22;
}

/*  */
/* 404 */
.error-msg {
  margin: 196px 0 238px;
}
.error-msg .msg {
  font-size: 150px;
  color: var(--secondary-color);
}
.error-msg p {
  font-size: 35px;
}
/*  */
.thnx-msg {
  margin: 170px 0 207px;
}
.thnx-msg .msg {
  font-size: 55px;
  color: var(--secondary-color);
}
.thnx-msg p {
  font-size: 15px;
  max-width: 780px;
}
/*  */
.detail-sec {
  margin: 70px 0 82px;
}
.detail-sec .form-field {
  border-radius: 5px;
}
.detail-sec input {
  font-size: 14px;
}
.detail-sec input:focus,
.detail-sec .form-field textarea:focus {
  outline: 0;
}
.detail-sec .form-field:not(:last-of-type) {
  margin-bottom: 20px;
}
.detail-sec .form-field textarea {
  height: 144px;
}
.detail-sec button[type="submit"] {
  background-color: #3dd0d5;
  height: 64px;
  border-radius: 5px;
}
.detail-sec .days-detail span:first-of-type {
  font-size: 25px;
}
.detail-sec .days-detail span:last-of-type {
  font-size: 22px;
}
.detail-sec .park-price {
  font-size: 35px;
}
.detail-sec p {
  font-size: 15px;
  margin-bottom: 24px;
}
.detail-sec ul li {
  font-weight: 500;
}
.detail-sec ul {
  margin-bottom: 24px !important;
}
.detail-sec ul li:not(:has(button))::before {
  content: "";
  height: 10px;
  width: 10px;
  margin-right: 10px;
  background-color: var(--primary-color);
  border-radius: 20px;
  display: inline-block;
}

.detail-sec .hotel-days {
  font-size: 22px;
}

.detail-sec .offer-text {
  font-size: 22px;
}

.detail-sec .hotel-price {
  font-size: 35px;
  color: var(--dark-pink);
}
/* .detail-sec .swiper-bullets .swiper-pagination
{
  top: auto;
  bottom: 15px;
} */
.detail-sec .swiper-bullets .swiper-pagination-bullet::after {
  filter: invert(1);
}
.detail-sec
  .swiper-bullets
  .swiper-pagination-bullet-active.swiper-pagination-bullet::after {
  filter: invert(0);
}
.detail-sec .swiper-esn {
  bottom: 15px;
}

.detail-sec .swiper-esn button {
  filter: invert(1) brightness(1);
}
.detail-sec h2 {
  font-size: 25px;
}
/*  */
.all-activity .dest-package,
.filter,
.searchbar input {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.filter,
.searchbar input {
  border-radius: 5px;
}
.filter .searchbar input {
  font-size: 14px;
}

.filter .searchbar::placeholder {
  opacity: 1;
}

.filter .searchbar input {
  background: url(/assets/media/icons/search-icon.png) no-repeat 20px center;
}

/*  */
/* .slider-container {
  width: 300px;
  margin: 50px;
} */
.ui-slider-range {
  background: #d50057; /* Pink color */
}
.ui-slider-handle {
  background: #d50057;
  border: none;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  top: -5px;
}
.slider-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 14px;
}
.slider-marks {
  position: relative;
  height: 10px;
  margin-top: -10px;
}
.slider-marks div {
  position: absolute;
  width: 1px;
  height: 20px;
  background: cyan;
}
.ui-slider-horizontal .ui-slider-range {
  top: 50%;
  translate: 0 -50%;
  height: 3px;
}
.ui-slider .ui-slider-handle {
  z-index: 2;
  width: 8px;
  height: 13px;
  background-color: var(--dark-pink);
}
.ui-slider-horizontal .ui-slider-handle {
  top: 50%;
  /* margin-left: -.6em; */
  translate: 4px -50%;
  border: none;
}
.ui-widget.ui-widget-content {
  border: none;
}
.ui-widget-content {
  background: rgb(68, 62, 62);
  color: #333;
  height: 2px;
  top: 3px;
}
.filter input[type="checkbox"] {
  height: 15px;
  width: 15px;
  background-color: #d1d4d5;
}
.filter input[type="checkbox"]:checked {
  background-color: var(--dark-pink) !important;
  border-color: var(--dark-pink) !important;
}
.filter {
  padding-bottom: 180px !important;
}

.fares .fare {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 5px;
}

.fares .fare .fare-price {
  font-size: 30px;
  color: var(--dark-pink);
}
.fares .select-btn {
  width: 92px;
  height: 40px;
  border-radius: 5px;
  background-color: var(--yellow-color);
  transition: 0.5s ease;
}

.fares .place-name {
  max-width: 13%;
}
.fares .airline-img {
  max-width: 15%;
}
.fares .select-sec {
  max-width: 15%;
}

.fares .select-btn:hover {
  background-color: #d50057;
  color: white !important;
}
.fare-detail label {
  width: 98px;
  height: 40px;
}

.btn-check:checked + .btn {
  background-color: var(--yellow-color) !important;
}

.fare-detail .need-help {
  font-size: 35px;
  color: var(--dark-pink);
}
.need-help,
.fare-detail .fare {
  border-radius: 5px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin-bottom: 10px;
}
.need-help p span {
  font-size: 30px;
}
.need-help p a {
  font-size: 25px;
}

.fare-detail .fare .row:has(+ .row) {
  margin-bottom: 24px;
}
.airlines-sec .airline-box {
	padding: 56px 29px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	margin-bottom: 20px;
	justify-content: center;
	align-items: center;
}
input + label.error {
  display: none !important;
}
input.error {
  color: red !important;
}
input.error::placeholder {
  color: red !important;
}
.airline-box img {
	max-width: 254px;
}
.ui-widget-header .ui-icon {
	background-image: url("/assets/media/icons/arrow-dwn-head.png");
	background-position: center;
	rotate: -90deg;
}
.ui-widget-header .ui-datepicker-prev  .ui-icon {
	rotate: 90deg !important;
}
 .airline-img img {
	max-width: 110px;
}