/*===============================================   
STYLE SHEET INDEXING
|
|___ Fonts
|___ Variables
|___ Responsive
|___ Reset Styles
|___ Spacing
|___ Helper Classes
|___ Buttons
|___ Headings
|___ Layout Styles
|___ END STYLE SHEET INDEXING

--------------------------------------------*/
/*-------------------------
    Fonts
-------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Jomolhari&display=swap");
/*-------------------------
    Variables
-------------------------*/
/* Fonts */
/* Colors */
/* Transitions */
/* Shadows */
/*-------------------------
Responsive Styles
-------------------------*/
/*-------------------------
Reset Styles
-------------------------*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

ul.list-style,
ol.list-style {
  padding: 0;
}

ul.list-style li::marker,
ol.list-style li::marker {
  color: #4b37ba;
}

.unstyled {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .container,
  .container-fluid {
    padding: 0 5vw;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .container,
  .container-fluid {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row > [class*=col] {
  padding-left: 15px;
  padding-right: 15px;
}

.row.g-0 {
  margin-left: 0;
  margin-right: 0;
}

.row.g-0 > [class*=col] {
  padding-left: 0;
  padding-right: 0;
}

.page-content {
  margin: 20px 0;
}

.main-wrapper {
  height: auto;
  overflow-x: hidden;
}

.star-cb-group {
  font-size: 0;
  unicode-bidi: bidi-override;
  direction: rtl;
  margin-bottom: 24px;
}

.slick-track > [class*=col] {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
}
@media (max-width: 575px) {
  .slick-track > [class*=col] {
    padding-right: calc(var(--bs-gutter-x) * 0.25);
    padding-left: calc(var(--bs-gutter-x) * 0.25);
  }
}

/*-------------------------
    Typography
-------------------------*/
html {
  scroll-behavior: smooth;
}

html[data-scroll-orientation=horizontal] body {
  width: fit-content;
}
html[data-scroll-orientation=horizontal] [data-scroll-container] {
  display: flex;
}

body {
  font-family: "Inter", sans-serif;
  color: #45474f;
  background-color: #fafafa;
  font-size: clamp(13px, 0.833vw, 34px);
  font-weight: 400;
  line-height: 140%;
  height: 100%;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
@media (max-width: 991px) {
  body {
    font-size: clamp(13.5px, 1.778vw, 16px);
  }
}
@media (max-width: 767px) {
  body {
    font-size: clamp(13px, 2.286vw, 14px);
  }
}
@media (max-width: 575px) {
  body {
    font-size: clamp(11.5px, 3.59vw, 14px);
  }
}

.o-scroll {
  height: 100vh;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
address,
p,
pre,
blockquote,
table,
hr {
  margin: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: #1e1f20;
}

a {
  display: inline-block;
  text-decoration: none;
  color: unset;
}
a:hover {
  color: #4b37ba;
  transition: all 0.5s ease-in-out;
}

span {
  display: inline-block;
}

b,
strong {
  font-family: "Inter", sans-serif;
}

h1,
.h1 {
  font-size: clamp(40px, 3.177vw, 110px); /* 61px */
  font-weight: 700;
  line-height: 120%; /* 73.2px */
  letter-spacing: -1.83px;
}
@media (max-width: 991px) {
  h1,
  .h1 {
    font-size: clamp(38px, 5.119vw, 48px);
  }
}
@media (max-width: 767px) {
  h1,
  .h1 {
    font-size: clamp(35px, 6.094vw, 45px);
  }
}
@media (max-width: 575px) {
  h1,
  .h1 {
    font-size: clamp(32px, 8.78vw, 40px);
  }
}

h2,
.h2 {
  font-size: clamp(30px, 2.448vw, 98px); /* 47px */
  font-weight: 700;
  line-height: 120%;
}
@media (max-width: 991px) {
  h2,
  .h2 {
    font-size: clamp(30px, 4.048vw, 40px);
  }
}
@media (max-width: 767px) {
  h2,
  .h2 {
    font-size: clamp(28px, 4.844vw, 36px);
  }
}
@media (max-width: 575px) {
  h2,
  .h2 {
    font-size: clamp(24px, 6.829vw, 32px);
  }
}

h3,
.h3 {
  font-size: clamp(24px, 1.875vw, 72px); /* 36px */
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.36px;
}
@media (max-width: 991px) {
  h3,
  .h3 {
    font-size: clamp(24px, 3.493vw, 28px);
  }
}
@media (max-width: 767px) {
  h3,
  .h3 {
    font-size: clamp(22px, 4.23vw, 24px);
  }
}
@media (max-width: 575px) {
  h3,
  .h3 {
    font-size: clamp(20px, 6.575vw, 22px);
  }
}

h4,
.h4 {
  font-size: clamp(20px, 1.406vw, 54px); /* 27px */
  font-weight: 700;
  line-height: 120%;
}
@media (max-width: 991px) {
  h4,
  .h4 {
    font-size: clamp(20px, 2.738vw, 22px);
  }
}
@media (max-width: 767px) {
  h4,
  .h4 {
    font-size: clamp(19px, 3.438vw, 23px);
  }
}
@media (max-width: 575px) {
  h4,
  .h4 {
    font-size: clamp(16px, 5.25vw, 18px);
  }
}

h5,
.h5 {
  font-size: clamp(16px, 1.094vw, 40px); /* 21px */
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 991px) {
  h5,
  .h5 {
    font-size: clamp(16px, 2.381vw, 16px);
  }
}
@media (max-width: 767px) {
  h5,
  .h5 {
    font-size: clamp(15px, 2.969vw, 16px);
    letter-spacing: 0.2px;
  }
}
@media (max-width: 575px) {
  h5,
  .h5 {
    font-size: clamp(14.5px, 4.325vw, 15px);
  }
}

h6,
.h6 {
  font-size: clamp(13px, 0.833vw, 32px);
  font-weight: 600;
  line-height: 120%;
}
@media (max-width: 991px) {
  h6,
  .h6 {
    font-size: clamp(13.5px, 1.778vw, 16px);
  }
}
@media (max-width: 767px) {
  h6,
  .h6 {
    font-size: clamp(13px, 2.286vw, 14px);
  }
}
@media (max-width: 575px) {
  h6,
  .h6 {
    font-size: clamp(11.5px, 3.59vw, 14px);
  }
}

p {
  font-size: clamp(13px, 0.833vw, 28px);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.32px;
}
@media (max-width: 991px) {
  p {
    font-size: clamp(13.5px, 1.778vw, 16px);
  }
}
@media (max-width: 767px) {
  p {
    font-size: clamp(13px, 2.286vw, 14px);
  }
}
@media (max-width: 575px) {
  p {
    font-size: clamp(11.5px, 3.59vw, 14px);
  }
}

.lead {
  font-size: clamp(15px, 0.938vw, 28px);
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 991px) {
  .lead {
    font-size: clamp(15.5px, 1.778vw, 16px);
  }
}
@media (max-width: 767px) {
  .lead {
    font-size: clamp(14px, 2.286vw, 14px);
  }
}
@media (max-width: 575px) {
  .lead {
    font-size: clamp(12.5px, 3.59vw, 14px);
  }
}

/*-------------------------
Helpers
-------------------------*/
.color-primary {
  color: #4b37ba !important;
}

.color-sec {
  color: #ebe7f3 !important;
}

.bg-primary {
  background-color: #4b37ba !important;
}

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

.color-white {
  color: #fafafa !important;
}

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

.light-black {
  color: #212627 !important;
}

.lightest-black {
  color: #1e1f20;
}

.bg-light-black {
  background-color: #212627 !important;
}

.color-black {
  color: #0b0c0d !important;
}

.bg-black {
  background-color: #0b0c0d !important;
}

.dark-black {
  color: #0c0c0d !important;
}

.bg-dark-black {
  background-color: #0c0c0d !important;
}

.light-gray {
  color: #92949f !important;
}

.bg-lightest-gray {
  background-color: #eaeaec !important;
}

.bg-light-gray {
  background-color: #92949f !important;
}

.bg-medium-gray {
  background-color: #92949f !important;
}

.color-medium-gray {
  color: #92949f !important;
}

.dark-gray {
  color: #45474f !important;
}

.bg-dark-gray {
  background-color: #45474f !important;
}

.light-shadow {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12);
}

.br-30 {
  border-radius: 30px;
}

.br-25 {
  border-radius: 25px;
}

.br-20 {
  border-radius: 20px;
}

.br-15 {
  border-radius: 15px;
}

.br-12 {
  border-radius: 12px;
}

.br-10 {
  border-radius: 10px;
}

.br-5 {
  border-radius: 5px;
}

.b-unstyle {
  border: 0;
  background: transparent;
}

.heading {
  text-align: center;
}

.social-icons {
  display: flex;
  gap: 8px;
}
.social-icons li a {
  width: clamp(28px, 2.083vw, 54px);
  height: clamp(28px, 2.083vw, 54px);
  display: grid;
  align-items: center;
  justify-content: center;
  background-color: #eaeaec;
  border-radius: 8px;
  transition: all 0.5s ease-in-out;
}
.social-icons li a svg {
  width: clamp(18px, 1.25vw, 32px);
  height: clamp(18px, 1.25vw, 32px);
}
.social-icons li a svg path {
  fill: #0b0c0d;
  transition: all 0.5s ease-in-out;
}
.social-icons li a:hover {
  background-color: #4b37ba;
}
.social-icons li a:hover svg path {
  fill: #fafafa;
  transition: all 0.5s ease-in-out;
}

.social-icons-2 {
  display: flex;
  gap: clamp(16px, 1.1vw, 32px);
}

.gap-4 {
  gap: 4px;
}
@media (max-width: 768px) {
  .gap-4 {
    gap: 2px;
  }
}

.gap-8 {
  gap: 8px;
}
@media (max-width: 768px) {
  .gap-8 {
    gap: 4px;
  }
}

.gap-16 {
  gap: 16px;
}
@media (max-width: 768px) {
  .gap-16 {
    gap: 12px;
  }
}

.gap-24 {
  gap: 24px;
}
@media (max-width: 1199px) {
  .gap-24 {
    gap: 20px;
  }
}
@media (max-width: 992px) {
  .gap-24 {
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .gap-24 {
    gap: 12px;
  }
}

.gap-32 {
  gap: 32px;
}
@media (max-width: 1199px) {
  .gap-32 {
    gap: 26px;
  }
}
@media (max-width: 992px) {
  .gap-32 {
    gap: 22px;
  }
}
@media (max-width: 768px) {
  .gap-32 {
    gap: 18px;
  }
}

@media (max-width: 768px) {
  .facility img {
    width: 24px;
  }
}
@media (max-width: 575px) {
  .facility img {
    width: 16px;
  }
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

/*----------------------------------------*/
/*  SPACE CSS START
/*----------------------------------------*/
.my-80 {
  margin: clamp(48px, 4.167vw, 160px) 0;
}
@media (max-width: 575px) {
  .my-80 {
    margin: 40px 0;
  }
}

.mt-80 {
  margin-top: clamp(48px, 4.167vw, 160px);
}
@media (max-width: 575px) {
  .mt-80 {
    margin-top: 40px;
  }
}

.mb-80 {
  margin-bottom: clamp(48px, 4.167vw, 160px);
}
@media (max-width: 575px) {
  .mb-80 {
    margin-bottom: 40px;
  }
}

.mt-64 {
  margin-top: clamp(32px, 3.33vw, 128px);
}
@media (max-width: 767px) {
  .mt-64 {
    margin-top: 26px;
  }
}

.mb-64 {
  margin-bottom: clamp(32px, 3.33vw, 128px);
}
@media (max-width: 767px) {
  .mb-64 {
    margin-bottom: 26px;
  }
}

.mb-60 {
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-60 {
    margin-bottom: 46px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-60 {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .mb-60 {
    margin-bottom: 30px;
  }
}

.my-48 {
  margin: clamp(24px, 2.5vw, 96px) 0;
}
@media (max-width: 767px) {
  .my-48 {
    margin: 23px 0;
  }
}

.mb-48 {
  margin-bottom: clamp(24px, 2.5vw, 96px);
}
@media (max-width: 767px) {
  .mb-48 {
    margin-bottom: 23px;
  }
}

.mt-48 {
  margin-top: clamp(24px, 2.5vw, 96px);
}
@media (max-width: 767px) {
  .mt-48 {
    margin-top: 23px;
  }
}

.my-40 {
  margin: clamp(24px, 2.08vw, 80px) 0;
}
@media (max-width: 575px) {
  .my-40 {
    margin: 20px 0;
  }
}

.mt-40 {
  margin-top: clamp(24px, 2.08vw, 80px);
}
@media (max-width: 575px) {
  .mt-40 {
    margin-top: 20px;
  }
}

.mb-40 {
  margin-bottom: clamp(24px, 2.08vw, 80px);
}
@media (max-width: 575px) {
  .mb-40 {
    margin-bottom: 20px;
  }
}

.mt-32 {
  margin-top: 32px;
}
@media (max-width: 1599px) {
  .mt-32 {
    margin-top: 29px;
  }
}
@media (max-width: 1399px) {
  .mt-32 {
    margin-top: 27px;
  }
}
@media (max-width: 1199px) {
  .mt-32 {
    margin-top: 25px;
  }
}
@media (max-width: 991px) {
  .mt-32 {
    margin-top: 22px;
  }
}
@media (max-width: 767px) {
  .mt-32 {
    margin-top: 20px;
  }
}

.mb-32 {
  margin-bottom: 32px;
}
@media (max-width: 1599px) {
  .mb-32 {
    margin-bottom: 29px;
  }
}
@media (max-width: 1399px) {
  .mb-32 {
    margin-bottom: 27px;
  }
}
@media (max-width: 1199px) {
  .mb-32 {
    margin-bottom: 25px;
  }
}
@media (max-width: 991px) {
  .mb-32 {
    margin-bottom: 22px;
  }
}
@media (max-width: 767px) {
  .mb-32 {
    margin-bottom: 20px;
  }
}

.mb-30 {
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .mb-30 {
    margin-bottom: 28px;
  }
}
@media (max-width: 991px) {
  .mb-30 {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .mb-30 {
    margin-bottom: 20px;
  }
}

.mb-24 {
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .mb-24 {
    margin-bottom: 22px;
  }
}
@media (max-width: 991px) {
  .mb-24 {
    margin-bottom: 22px;
  }
}
@media (max-width: 767px) {
  .mb-24 {
    margin-bottom: 18px;
  }
}

.mt-24 {
  margin-top: 24px;
}
@media (max-width: 1199px) {
  .mt-24 {
    margin-top: 22px;
  }
}
@media (max-width: 991px) {
  .mt-24 {
    margin-top: 22px;
  }
}
@media (max-width: 767px) {
  .mt-24 {
    margin-top: 18px;
  }
}

.mb-20 {
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .mb-20 {
    margin-bottom: 18px;
  }
}
@media (max-width: 991px) {
  .mb-20 {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .mb-20 {
    margin-bottom: 14px;
  }
}

.mb-16 {
  margin-bottom: 16px;
}
@media (max-width: 1199px) {
  .mb-16 {
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .mb-16 {
    margin-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .mb-16 {
    margin-bottom: 12px;
  }
}

.mt-16 {
  margin-top: 16px;
}
@media (max-width: 1199px) {
  .mt-16 {
    margin-top: 15px;
  }
}
@media (max-width: 991px) {
  .mt-16 {
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .mt-16 {
    margin-top: 12px;
  }
}

.mb-12 {
  margin-bottom: 12px;
}
@media (max-width: 1199px) {
  .mb-12 {
    margin-bottom: 11px;
  }
}
@media (max-width: 991px) {
  .mb-12 {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .mb-12 {
    margin-bottom: 8px;
  }
}

.mt-8 {
  margin-top: 8px;
}
@media (max-width: 767px) {
  .mt-8 {
    margin-top: 4px;
  }
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-4p {
  margin-bottom: 4px;
}

@media (max-width: 1299px) {
  .mr-4 {
    margin-right: 4px;
  }
}

.p-108 {
  padding: clamp(64px, 5.625vw, 216px);
}
@media (max-width: 767px) {
  .p-108 {
    padding: 48px;
  }
}

.py-96 {
  padding: clamp(54px, 5vw, 192px) 0;
}
@media (max-width: 767px) {
  .py-96 {
    padding: 44px 0;
  }
}

.py-80 {
  padding: clamp(48px, 4.167vw, 160px) 0;
}
@media (max-width: 575px) {
  .py-80 {
    padding: 40px 0;
  }
}

.pt-80 {
  padding-top: clamp(48px, 4.167vw, 160px);
}
@media (max-width: 575px) {
  .pt-80 {
    padding-top: 40px;
  }
}

.pb-80 {
  padding-bottom: clamp(48px, 4.167vw, 160px);
}
@media (max-width: 575px) {
  .pb-80 {
    padding-bottom: 40px;
  }
}

.py-64 {
  padding: clamp(40px, 3.33vw, 128px) 0;
}
@media (max-width: 767px) {
  .py-64 {
    padding: 32px 0;
  }
}

.pt-64 {
  padding-top: clamp(40px, 3.33vw, 128px);
}
@media (max-width: 767px) {
  .pt-64 {
    padding-top: 32px;
  }
}

.pad-64 {
  padding-bottom: clamp(40px, 3.33vw, 128px);
}
@media (max-width: 767px) {
  .pad-64 {
    padding-bottom: 32px;
  }
}

.py-60 {
  padding: 60px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .py-60 {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .py-60 {
    padding: 32px 0;
  }
}
@media (max-width: 767px) {
  .py-60 {
    padding: 20px 0;
  }
}

.py-48 {
  padding: clamp(24px, 2.5vw, 96px) 0;
}
@media (max-width: 767px) {
  .py-48 {
    padding: 23px 0;
  }
}

.pb-48 {
  padding-bottom: clamp(24px, 2.5vw, 96px);
}
@media (max-width: 767px) {
  .pb-48 {
    padding-bottom: 23px;
  }
}

.pt-48 {
  padding-top: clamp(24px, 2.5vw, 96px);
}
@media (max-width: 767px) {
  .pt-48 {
    padding-top: 23px;
  }
}

.py-40 {
  padding: clamp(24px, 2.083vw, 80px) 0;
}
@media (max-width: 575px) {
  .py-40 {
    padding: 20px 0;
  }
}

.pt-40 {
  padding-top: clamp(24px, 2.083vw, 80px);
}
@media (max-width: 575px) {
  .pt-40 {
    padding-top: 20px;
  }
}

.pb-40 {
  padding-bottom: clamp(24px, 2.083vw, 80px);
}
@media (max-width: 575px) {
  .pb-40 {
    padding-bottom: 20px;
  }
}

.pl-36 {
  padding-left: 37px;
}
@media (max-width: 1199px) {
  .pl-36 {
    padding-left: 32px;
  }
}
@media (max-width: 991px) {
  .pl-36 {
    padding-left: 28px;
  }
}
@media (max-width: 767px) {
  .pl-36 {
    padding-left: 22px;
  }
}

.pad-32 {
  padding: 32px;
}
@media (max-width: 1199px) {
  .pad-32 {
    padding: 28px;
  }
}
@media (max-width: 991px) {
  .pad-32 {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .pad-32 {
    padding: 20px;
  }
}

.p-24 {
  padding: clamp(16px, 1.25vw, 48px);
}
@media (max-width: 575px) {
  .p-24 {
    padding: 14px;
  }
}

.pb-24 {
  padding-bottom: clamp(16px, 1.25vw, 48px);
}
@media (max-width: 575px) {
  .pb-24 {
    padding-bottom: 14px;
  }
}

.plr-24 {
  padding: 0 clamp(16px, 1.25vw, 48px);
}
@media (max-width: 575px) {
  .plr-24 {
    padding: 0 14px;
  }
}

.p-16 {
  padding: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .p-16 {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .p-16 {
    padding: 13px;
  }
}
@media (max-width: 767px) {
  .p-16 {
    padding: 10px;
  }
}
@media (max-width: 490px) {
  .p-16 {
    padding: 10px;
  }
}

.pl-28 {
  padding-left: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-28 {
    padding-left: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-28 {
    padding-left: 19px;
  }
}
@media (max-width: 767px) {
  .pl-28 {
    padding-left: 16px;
  }
}
@media (max-width: 490px) {
  .pl-28 {
    padding-left: 14px;
  }
}

/*-------------------------
Elements
-------------------------*/
#preloader {
  position: fixed;
  width: 100%;
  height: 100vh;
  display: grid;
  align-items: center;
  text-align: center;
  background: #fafafa;
  z-index: 9999999;
  align-content: center;
}
#preloader .loader {
  text-align: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  max-width: 35rem;
  height: 18rem;
  margin: 0 auto;
}
#preloader .loader .wait {
  margin: 5rem 0;
  visibility: hidden;
}
#preloader .loader .iata_code {
  font-size: 4rem;
  font-weight: 600;
  top: 60%;
  position: absolute;
  color: #4b37ba;
}
#preloader .loader .iata_code.departure_city {
  left: 55px;
}
#preloader .loader .iata_code.arrival_city {
  right: 0.5rem;
}
#preloader .loader .plane {
  position: absolute;
  margin: 0 auto;
  width: 100%;
}
#preloader .loader .plane .plane-img {
  -webkit-animation: spin 2.5s linear infinite;
  -moz-animation: spin 2.5s linear infinite;
  animation: spin 2.5s linear infinite;
}
@media (max-width: 575px) {
  #preloader .loader .plane .plane-img {
    width: 210px;
  }
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#preloader .loader .earth-wrapper {
  position: absolute;
  margin: 0 auto;
  width: 100%;
  padding-top: 2.7rem;
}
#preloader .loader .earth-wrapper .earth {
  width: 160px;
  height: 160px;
  background: url("../media/images/loader-map.png");
  border-radius: 100%;
  background-size: 340px;
  animation: earthAnim 12s infinite linear;
  margin: 0 auto;
  border: 1px solid #CDD1D3;
}
@media (max-width: 575px) {
  #preloader .loader .earth-wrapper .earth {
    width: 120px;
    height: 120px;
  }
}
@keyframes earthAnim {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -340px;
  }
}
@media screen and (max-width: 420px) {
  #preloader .loader .departure_city {
    left: 0;
    right: 0;
    top: 30%;
    position: absolute;
    margin: 0 auto;
  }
  #preloader .loader .arrival_city {
    left: 0;
    right: 0;
    top: 93%;
    position: absolute;
    margin: 0 auto;
  }
}

/*----------------------------------------*/
/* scroll to top
/*----------------------------------------*/
.scroll-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: clamp(36px, 2.5vw, 64px);
  width: clamp(36px, 2.5vw, 64px);
  cursor: pointer;
  display: grid;
  justify-content: center;
  align-content: center;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px RGBA(0, 0, 0, 0.2);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.scroll-top::after {
  position: absolute;
  content: "\f148";
  font-family: "Font Awesome 5 Pro" !important;
  text-align: center;
  font-size: clamp(14.5px, 1.042vw, 32px);
  color: #efc76e;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.scroll-top .scroll-top__circle path {
  stroke: #4b37ba;
  stroke-width: 4;
  fill: none;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.scroll-top--active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/*----------------------------------------*/
/*  Button CSS START
/*----------------------------------------*/
.cus-btn {
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-size: clamp(14px, 0.83vw, 24px);
  font-weight: 500;
  line-height: 150%;
  padding: clamp(12px, 0.83vw, 20px) clamp(24px, 1.66vw, 40px);
  border-radius: 5px;
  width: fit-content;
  display: flex;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  transition: all 0.5s ease-in-out;
  text-transform: uppercase;
  background-color: #4b37ba !important;
  color: #fafafa !important;
}
.cus-btn svg {
  width: clamp(20px, 1.25vw, 32px);
  height: clamp(20px, 1.25vw, 32px);
}
.cus-btn svg path {
  fill: #fafafa !important;
}
.cus-btn span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  color: #fafafa;
  border-radius: 50%;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  background: #212627;
  z-index: -1;
}
.cus-btn:hover span {
  width: 225%;
  height: 562.5px;
  z-index: -1;
}
.cus-btn.small-pad {
  padding: clamp(5px, 0.42vw, 12px) clamp(24px, 1.66vw, 40px);
}
.cus-btn.sec {
  background-color: #212627 !important;
}
.cus-btn.sec span {
  background-color: #4b37ba !important;
}

.modal {
  width: 100%;
}
.modal .modal-dialog {
  max-width: 50%;
}
@media (max-width: 580px) {
  .modal .modal-dialog {
    max-width: 100%;
  }
}
.modal .modal-dialog .modal-body {
  width: 100%;
  text-align: end;
}
.modal .modal-dialog .modal-body .btn-close {
  margin-bottom: 12px;
}

.card {
  border: none;
  background: transparent;
}
.card .card-header {
  background: transparent;
  border: none;
  padding: 0;
  border-radius: 0;
}
.card .card-header .nav-tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1px;
  margin: 0;
  padding: 0px;
  border-radius: 0px;
  background: transparent;
}
.card .card-header .nav-tabs li.flight-sec {
  width: calc(25% - 1px);
}
.card .card-header .nav-tabs li.flight-sec a {
  width: 100%;
}
.card .card-header .nav-tabs li.flight-sec a.active, .card .card-header .nav-tabs li.flight-sec a:hover {
  background: #4b37ba;
}
@media (max-width: 1099px) {
  .card .card-header .nav-tabs li.flight-sec {
    width: calc(50% - 1px);
  }
}
@media (max-width: 420px) {
  .card .card-header .nav-tabs li.flight-sec {
    width: calc(100% - 1px);
  }
}
.card .card-body {
  padding: 0;
  padding-top: 32px;
}

.form-group {
  position: relative;
  width: 100%;
}
.form-group input[type=date],
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=file],
.form-group input[type=number],
.form-group input[type=password],
.form-group input[type=search],
.form-group input[type=submit],
.form-group input[type=tel],
.form-group textarea,
.form-group .cus-form-control {
  width: 100%;
  background: transparent;
  padding: 0 clamp(12px, 0.83vw, 24px);
  height: clamp(42px, 2.917vw, 72px);
  color: #45474f;
  font-weight: 500;
  display: flex;
  border-radius: 10px;
  align-items: center;
  border: 1px solid #92949f;
  font-size: clamp(13px, 0.833vw, 22px);
}
@media (max-width: 991px) {
  .form-group input[type=date],
  .form-group input[type=text],
  .form-group input[type=email],
  .form-group input[type=file],
  .form-group input[type=number],
  .form-group input[type=password],
  .form-group input[type=search],
  .form-group input[type=submit],
  .form-group input[type=tel],
  .form-group textarea,
  .form-group .cus-form-control {
    font-size: clamp(13.5px, 1.778vw, 16px);
  }
}
@media (max-width: 767px) {
  .form-group input[type=date],
  .form-group input[type=text],
  .form-group input[type=email],
  .form-group input[type=file],
  .form-group input[type=number],
  .form-group input[type=password],
  .form-group input[type=search],
  .form-group input[type=submit],
  .form-group input[type=tel],
  .form-group textarea,
  .form-group .cus-form-control {
    font-size: clamp(13px, 2.286vw, 14px);
  }
}
@media (max-width: 575px) {
  .form-group input[type=date],
  .form-group input[type=text],
  .form-group input[type=email],
  .form-group input[type=file],
  .form-group input[type=number],
  .form-group input[type=password],
  .form-group input[type=search],
  .form-group input[type=submit],
  .form-group input[type=tel],
  .form-group textarea,
  .form-group .cus-form-control {
    font-size: clamp(11.5px, 3.59vw, 14px);
  }
}
.form-group input[type=date]:focus,
.form-group input[type=text]:focus,
.form-group input[type=email]:focus,
.form-group input[type=file]:focus,
.form-group input[type=number]:focus,
.form-group input[type=password]:focus,
.form-group input[type=search]:focus,
.form-group input[type=submit]:focus,
.form-group input[type=tel]:focus,
.form-group textarea:focus,
.form-group .cus-form-control:focus {
  color: #45474f;
  outline: none;
  background: transparent !important;
  border: 1px solid #92949f;
  border-radius: 10px;
  box-shadow: none;
}
.form-group input[type=date]:hover,
.form-group input[type=text]:hover,
.form-group input[type=email]:hover,
.form-group input[type=file]:hover,
.form-group input[type=number]:hover,
.form-group input[type=password]:hover,
.form-group input[type=search]:hover,
.form-group input[type=submit]:hover,
.form-group input[type=tel]:hover,
.form-group textarea:hover,
.form-group .cus-form-control:hover {
  color: #45474f;
  border: 1px solid #92949f;
}
.form-group input[type=date]::placeholder,
.form-group input[type=text]::placeholder,
.form-group input[type=email]::placeholder,
.form-group input[type=file]::placeholder,
.form-group input[type=number]::placeholder,
.form-group input[type=password]::placeholder,
.form-group input[type=search]::placeholder,
.form-group input[type=submit]::placeholder,
.form-group input[type=tel]::placeholder,
.form-group textarea::placeholder,
.form-group .cus-form-control::placeholder {
  color: #45474f;
  opacity: 1;
}
.form-group label.error {
  color: red;
}
.form-group .icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fafafa;
  padding: 8px;
  display: grid;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
}
.form-group .icon i {
  font-size: clamp(16px, 1.05vw, 24px);
  color: #45474f;
}
.form-group textarea {
  height: auto !important;
  padding-top: 16px;
}

.newsletter-field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #45474f;
  background: white;
}
.newsletter-field .cus-btn {
  flex-shrink: 0;
}
.newsletter-field .form-group input[type=date],
.newsletter-field .form-group input[type=text],
.newsletter-field .form-group input[type=email],
.newsletter-field .form-group input[type=file],
.newsletter-field .form-group input[type=number],
.newsletter-field .form-group input[type=password],
.newsletter-field .form-group input[type=search],
.newsletter-field .form-group input[type=submit],
.newsletter-field .form-group input[type=tel],
.newsletter-field .form-group textarea,
.newsletter-field .form-group .cus-form-control {
  text-transform: capitalize;
  height: clamp(24px, 2.1vw, 72px);
  padding: 0;
  border-radius: 0;
  border: none;
}
.newsletter-field .form-group input[type=date]:focus,
.newsletter-field .form-group input[type=text]:focus,
.newsletter-field .form-group input[type=email]:focus,
.newsletter-field .form-group input[type=file]:focus,
.newsletter-field .form-group input[type=number]:focus,
.newsletter-field .form-group input[type=password]:focus,
.newsletter-field .form-group input[type=search]:focus,
.newsletter-field .form-group input[type=submit]:focus,
.newsletter-field .form-group input[type=tel]:focus,
.newsletter-field .form-group textarea:focus,
.newsletter-field .form-group .cus-form-control:focus {
  border: none;
}
.newsletter-field .form-group input[type=date]:hover,
.newsletter-field .form-group input[type=text]:hover,
.newsletter-field .form-group input[type=email]:hover,
.newsletter-field .form-group input[type=file]:hover,
.newsletter-field .form-group input[type=number]:hover,
.newsletter-field .form-group input[type=password]:hover,
.newsletter-field .form-group input[type=search]:hover,
.newsletter-field .form-group input[type=submit]:hover,
.newsletter-field .form-group input[type=tel]:hover,
.newsletter-field .form-group textarea:hover,
.newsletter-field .form-group .cus-form-control:hover {
  border: none;
}
.newsletter-field .form-group input[type=date]::placeholder,
.newsletter-field .form-group input[type=text]::placeholder,
.newsletter-field .form-group input[type=email]::placeholder,
.newsletter-field .form-group input[type=file]::placeholder,
.newsletter-field .form-group input[type=number]::placeholder,
.newsletter-field .form-group input[type=password]::placeholder,
.newsletter-field .form-group input[type=search]::placeholder,
.newsletter-field .form-group input[type=submit]::placeholder,
.newsletter-field .form-group input[type=tel]::placeholder,
.newsletter-field .form-group textarea::placeholder,
.newsletter-field .form-group .cus-form-control::placeholder {
  border: none;
}

.radio-button input:checked,
.radio-button input:not(:checked) {
  position: absolute;
  left: -9999px;
}

.radio-button label {
  color: #4b37ba;
  font-family: "Inter", sans-serif;
  font-size: clamp(14px, 0.833vw, 28px);
  font-weight: 400;
  line-height: 130%;
  /* 29.4px */
}
@media (max-width: 674px) {
  .radio-button label {
    font-size: 16px;
  }
}

.radio-button input:not(:checked) + label {
  color: #45474f;
}

.radio-button input:checked + label,
.radio-button input:not(:checked) + label {
  position: relative;
  padding-left: clamp(20px, 1.458vw, 36px);
  cursor: pointer;
  display: inline-block;
}

.radio-button input:checked + label:before,
.radio-button input:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: clamp(18px, 1.094vw, 28px);
  height: clamp(18px, 1.094vw, 28px);
  border: 2px solid #4b37ba;
  border-radius: 100%;
  background: #fafafa;
}
@media (max-width: 674px) {
  .radio-button input:checked + label:before,
  .radio-button input:not(:checked) + label:before {
    padding-left: 16px;
  }
}

.radio-button input:not(:checked) + label:before {
  border: 2px solid #4b37ba;
}
@media (max-width: 674px) {
  .radio-button input:not(:checked) + label:before {
    border: 1px solid #4b37ba;
  }
}

.radio-button input:checked + label:after,
.radio-button input:not(:checked) + label:after {
  content: "";
  width: clamp(8px, 0.573vw, 16px);
  height: clamp(8px, 0.573vw, 16px);
  background: #4b37ba;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 2199px) {
  .radio-button input:checked + label:after,
  .radio-button input:not(:checked) + label:after {
    top: 8px;
    left: 8px;
  }
}
@media (max-width: 674px) {
  .radio-button input:checked + label:after,
  .radio-button input:not(:checked) + label:after {
    width: 10px;
    height: 10px;
    top: 5px;
    left: 5px;
  }
}

.radio-button input:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.radio-button input:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.filter-row .search-filters {
  z-index: 9;
  position: relative;
  width: 100%;
  display: flex;
  gap: clamp(16px, 1.25vw, 36px);
  background: #fafafa;
  padding: clamp(14px, 0.83vw, 24px) clamp(16px, 1.25vw, 32px);
  border-radius: 12px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
}
@media (max-width: 767px) {
  .filter-row .search-filters {
    flex-wrap: wrap;
  }
}
.filter-row .search-filters .cus-btn {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .filter-row .search-filters .cus-btn {
    margin: 0 auto;
  }
}

.detail-form textarea {
  border: 1px solid #212627;
  border-radius: 10px;
}

/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
.search-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  -webkit-transition: all 1s ease;
  -khtml-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.search-popup .search-popup__overlay {
  position: fixed;
  width: 224vw;
  height: 224vw;
  top: calc(90px - 112vw);
  right: calc(50% - 112vw);
  z-index: 3;
  display: block;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: transform 0.8s ease-in-out;
  -khtml-transition: transform 0.8s ease-in-out;
  -moz-transition: transform 0.8s ease-in-out;
  -ms-transition: transform 0.8s ease-in-out;
  -o-transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  transition-delay: 0s;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  background-color: #9fb4ff;
  opacity: 0.8;
  cursor: url(../media/close.png), auto;
}
@media (max-width: 767px) {
  .search-popup .search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(-110%);
  }
}
.search-popup .search-popup__content {
  position: fixed;
  width: 0;
  max-width: 560px;
  padding: 30px 15px;
  left: 50%;
  top: 50%;
  opacity: 0;
  z-index: 3;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition-delay: 0s, 0.8s, 0s;
  transition-delay: 0s, 0.4s, 0s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.search-popup .search-popup__content .search-popup__form {
  position: relative;
}
.search-popup .search-popup__content .search-popup__form input[type=search],
.search-popup .search-popup__content .search-popup__form input[type=text] {
  width: 100%;
  background-color: #ffffff !important;
  font-size: 15px;
  color: #697585;
  border: none;
  outline: none;
  height: 66px;
  padding-left: 30px;
}
.search-popup .search-popup__content .search-popup__form button {
  padding: 0;
  width: 66px;
  height: 66px;
  border: 0;
  background: #4b37ba;
  color: #fafafa;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  right: -1px;
  border-radius: 0;
}
.search-popup .search-popup__content .search-popup__form button i {
  margin: 0;
  font-size: 24px;
}
.search-popup .search-popup__content .search-popup__form button::after {
  background-color: #9b59b6;
}
.search-popup.active {
  z-index: 9999;
}
.search-popup.active .search-popup__overlay {
  top: auto;
  bottom: calc(90px - 112vw);
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  opacity: 0.8;
  -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
}
@media (max-width: 767px) {
  .search-popup.active .search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(0%);
  }
}
.search-popup.active .search-popup__content {
  width: 100%;
  opacity: 1;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  outline: none;
  padding-left: 0px;
  padding-right: 24px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}
.nice-select:after {
  border-bottom: 2px solid #45474f;
  border-right: 2px solid #45474f;
  content: "";
  display: block;
  width: clamp(8px, 0.53vw, 12px);
  height: clamp(8px, 0.53vw, 12px);
  margin-top: clamp(-5px, -0.365vw, -8px);
  pointer-events: none;
  position: absolute;
  right: clamp(12px, 0.83vw, 24px);
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  width: 100%;
  background: #fafafa;
  box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.05), 7px 6px 9px 0px rgba(0, 0, 0, 0.04), 15px 13px 12px 0px rgba(0, 0, 0, 0.03), 26px 23px 14px 0px rgba(0, 0, 0, 0.01), 41px 37px 15px 0px rgba(0, 0, 0, 0);
  backdrop-filter: blur(15px);
  border-radius: 10px;
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 99;
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: clamp(32px, 2.083vw, 45px);
  list-style: none;
  min-height: clamp(32px, 2.083vw, 45px);
  outline: none;
  color: #0d0d0c;
  padding: 0 clamp(12px, 0.83vw, 24px);
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background: rgba(75, 55, 186, 0.2);
  color: #4b37ba;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}

.pagination {
  display: flex;
  align-items: center;
  margin-top: clamp(16px, 2.083vw, 64px);
  margin-bottom: 0;
  gap: clamp(6px, 0.43vw, 12px);
  justify-content: center;
}
.pagination li a {
  width: clamp(32px, 2.083vw, 48px);
  height: clamp(32px, 2.083vw, 48px);
  display: grid;
  align-content: center;
  justify-content: center;
  background: transparent;
  border-radius: 10px;
  color: #0b0c0d;
  line-height: 100%;
  transition: all 0.5s ease-in-out;
  padding: 0;
}
.pagination li a svg {
  transition: all 0.5s ease-in-out;
  width: clamp(32px, 2.083vw, 48px);
  height: clamp(32px, 2.083vw, 48px);
}
.pagination li a svg path {
  stroke: #0b0c0d;
  transition: all 0.5s ease-in-out;
}
.pagination li a.active, .pagination li a:hover {
  color: #fafafa;
  background: #4b37ba;
  transition: all 0.5s ease-in-out;
}
.pagination li a.active svg path, .pagination li a:hover svg path {
  stroke: #fafafa;
}

/*-------------------------
layouts
-------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.main-menu {
  width: 100%;
  z-index: 9999;
  position: relative;
  padding: 18px 0;
}
.main-menu .main-menu__block {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
}
.main-menu .main-menu__left {
  display: flex;
  align-items: center;
  gap: 84px;
}
.main-menu .main-menu__left .main-menu__logo {
  align-items: center;
  position: relative;
  width: clamp(130px, 9.219vw, 200px);
}

.main-menu__center .main-menu__nav {
  margin-left: auto;
  margin-right: auto;
}
.main-menu__center .main-menu__nav .main-menu__list,
.main-menu__center .main-menu__nav .main-menu__list ul,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  align-items: center;
  display: none;
}
@media screen and (min-width: 1200px) {
  .main-menu__center .main-menu__nav .main-menu__list,
  .main-menu__center .main-menu__nav .main-menu__list ul,
  .main-menu__center .main-menu__nav .sticky-header .main-menu__list,
  .main-menu__center .main-menu__nav .sticky-header .main-menu__list ul {
    display: flex;
    gap: 32px;
  }
}
@media (min-width: 2199px) {
  .main-menu__center .main-menu__nav .main-menu__list,
  .main-menu__center .main-menu__nav .main-menu__list ul,
  .main-menu__center .main-menu__nav .sticky-header .main-menu__list,
  .main-menu__center .main-menu__nav .sticky-header .main-menu__list ul {
    gap: 68px;
  }
}
.main-menu__center .main-menu__nav .main-menu__list > li,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list > li {
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
  z-index: 999999;
}
.main-menu__center .main-menu__nav .main-menu__list > li > a,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list > li > a {
  font-size: clamp(15px, 1.042vw, 36px);
  display: flex;
  align-items: center;
  font-family: "Inter", sans-serif;
  color: #45474f;
  font-weight: 600;
  line-height: 120%;
  text-transform: capitalize;
  position: relative;
  transition: all 500ms ease;
}
.main-menu__center .main-menu__nav .main-menu__list > li > a.active,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list > li > a.active {
  color: #4b37ba;
}
.main-menu__center .main-menu__nav .main-menu__list > li > a:hover,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list > li > a:hover {
  color: #4b37ba;
}
.main-menu__center .main-menu__nav .main-menu__list > li.current, .main-menu__center .main-menu__nav .main-menu__list > li:hover,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list > li.current,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list > li:hover {
  color: #4b37ba;
}
.main-menu__center .main-menu__nav .main-menu__list li ul,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list li ul {
  position: absolute;
  top: 100%;
  width: clamp(200px, 11.938vw, 450px);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  transform-origin: top center;
  transform: scaleY(0) translateZ(100px);
  transition: 0.3s cubic-bezier(0.18, 0.55, 1, 1);
  z-index: 99;
  background-color: #fafafa;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12);
  padding: 15px 20px 10px;
  border-radius: 15px;
}
.main-menu__center .main-menu__nav .main-menu__list li ul li,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list li ul li {
  flex: 1 1 100%;
  width: 100%;
  position: relative;
}
.main-menu__center .main-menu__nav .main-menu__list li ul li > a,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list li ul li > a {
  font-size: clamp(14px, 0.833vw, 28px);
  line-height: 26px;
  color: black;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  display: flex;
  padding: clamp(5px, 0.365vw, 40px) clamp(10px, 0.625vw, 64px);
  transition: 400ms;
  margin-bottom: 4px;
  border-radius: 5px;
}
.main-menu__center .main-menu__nav .main-menu__list li ul li > a:after,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list li ul li > a:after {
  position: absolute;
  right: 15px;
  top: 7px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  font-family: "Font Awesome 5 Pro";
  content: "\f105";
  color: #fafafa;
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease;
  transform: scale(0);
}
@media (min-width: 2199px) {
  .main-menu__center .main-menu__nav .main-menu__list li ul li > a:after,
  .main-menu__center .main-menu__nav .sticky-header .main-menu__list li ul li > a:after {
    top: 14px;
  }
}
.main-menu__center .main-menu__nav .main-menu__list li ul li.current > a, .main-menu__center .main-menu__nav .main-menu__list li ul li:hover > a,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list li ul li.current > a,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list li ul li:hover > a {
  background-color: #4b37ba;
  color: #fafafa;
}
.main-menu__center .main-menu__nav .main-menu__list li ul li.current > a::after, .main-menu__center .main-menu__nav .main-menu__list li ul li:hover > a::after,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list li ul li.current > a::after,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list li ul li:hover > a::after {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.main-menu__center .main-menu__nav .main-menu__list li ul li > ul,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list li ul li > ul {
  top: 0;
  left: calc(100% + 20px);
}
.main-menu__center .main-menu__nav .main-menu__list li ul li > ul.right-align,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list li ul li > ul.right-align {
  top: 0;
  left: auto;
  right: 100%;
}
.main-menu__center .main-menu__nav .main-menu__list li ul li > ul ul,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list li ul li > ul ul {
  display: none;
}
.main-menu__center .main-menu__nav .main-menu__list li:hover > ul,
.main-menu__center .main-menu__nav .sticky-header .main-menu__list li:hover > ul {
  opacity: 1;
  visibility: visible;
  gap: 6px;
  transform: scaleY(1) translateZ(0px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu__center .main-menu__nav .main-menu__list li:nth-last-child(1) ul li > ul, .main-menu__center .main-menu__nav .main-menu__list li:nth-last-child(2) ul li > ul,
  .main-menu__center .main-menu__nav .sticky-header .main-menu__list li:nth-last-child(1) ul li > ul,
  .main-menu__center .main-menu__nav .sticky-header .main-menu__list li:nth-last-child(2) ul li > ul {
    left: auto;
    right: calc(100% + 20px);
  }
}

.main-menu__right {
  display: flex;
  align-items: center;
  gap: clamp(14px, 0.833vw, 40px);
}
.main-menu__right .main-menu__search {
  color: #1e1f20;
  font-size: clamp(22px, 1.25vw, 40px);
}
.main-menu__right .main-menu__account {
  color: #1e1f20;
  font-size: clamp(22px, 1.25vw, 40px);
}

.sticky-header {
  position: fixed;
  z-index: 991;
  top: 0;
  left: 0;
  background-color: #fafafa;
  box-shadow: 0px 10px 60px 0px RGBA(0, 0, 0, 0.07);
  width: 100%;
  transform: translateY(-120%);
  transition: transform 500ms ease;
  padding: 24px 0;
}
@media (max-width: 1199px) {
  .sticky-header {
    display: none;
  }
}
.sticky-header.sticky-fixed {
  transform: translateY(0);
}

.mobile-nav__toggler {
  font-size: 24px;
  font-weight: 300;
  color: #0b0c0d;
  cursor: pointer;
  transition: 500ms;
}
@media screen and (min-width: 1200px) {
  .mobile-nav__toggler {
    display: none;
  }
}
.mobile-nav__toggler:hover {
  color: #4b37ba;
}

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  transform: translateX(-100%);
  transform-origin: left center;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
  visibility: hidden;
  position: fixed;
}
.mobile-nav__wrapper .container {
  padding-left: 0;
  padding-right: 0;
}
.mobile-nav__wrapper.expanded {
  opacity: 1;
  transform: translateX(0%);
  visibility: visible;
  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
}
.mobile-nav__wrapper.expanded .mobile-nav__content {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
}
.mobile-nav__wrapper .mobile-nav__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0b0c0d;
  opacity: 0.3;
  cursor: url(../media/close.png), auto;
}
.mobile-nav__wrapper .mobile-nav__content {
  width: 300px;
  background-color: #e1e0e0;
  z-index: 10;
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
}
.mobile-nav__wrapper .mobile-nav__content .main-menu__nav {
  display: block;
  padding: 0;
}
.mobile-nav__wrapper .mobile-nav__content .logo-box {
  margin-bottom: 40px;
  display: flex;
}
.mobile-nav__wrapper .mobile-nav__content .main-menu__list,
.mobile-nav__wrapper .mobile-nav__content .main-menu__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.mobile-nav__wrapper .mobile-nav__content .main-menu__list ul {
  display: none;
  border-top: 1px solid RGBA(0, 0, 0, 0.1);
}
.mobile-nav__wrapper .mobile-nav__content .main-menu__list ul li > a {
  padding-left: 1em;
}
.mobile-nav__wrapper .mobile-nav__content .main-menu__list ul li:not(:last-child) {
  border-bottom: 1px solid RGBA(0, 0, 0, 0.1);
}
.mobile-nav__wrapper .mobile-nav__content .main-menu__list li:not(:last-child) {
  border-bottom: 1px solid RGBA(0, 0, 0, 0.1);
}
.mobile-nav__wrapper .mobile-nav__content .main-menu__list li a {
  display: flex;
  justify-content: space-between;
  line-height: 30px;
  color: #0b0c0d;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  height: 46px;
  letter-spacing: 0.48px;
  align-items: center;
  transition: 500ms;
}
.mobile-nav__wrapper .mobile-nav__content .main-menu__list li a.expanded {
  color: #4b37ba;
}
.mobile-nav__wrapper .mobile-nav__content .main-menu__list li a button {
  width: 30px;
  height: 30px;
  background-color: #4b37ba;
  border: none;
  outline: none;
  color: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: rotate(-90deg);
  transition: transform 500ms ease;
}
.mobile-nav__wrapper .mobile-nav__content .main-menu__list li a button.expanded {
  transform: rotate(0deg);
  background-color: #212627;
  color: #fafafa;
}
.mobile-nav__wrapper .mobile-nav__close {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 18px;
  color: #fafafa;
  cursor: pointer;
}

.mobile-nav__social {
  display: flex;
  align-items: center;
}
.mobile-nav__social a {
  font-size: 16px;
  color: #fafafa;
  transition: 500ms;
}
.mobile-nav__social a + a {
  margin-left: 20px;
}
.mobile-nav__social a:hover {
  color: #4b37ba;
}

.mobile-nav__contact {
  margin-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.mobile-nav__contact li {
  color: #0b0c0d;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}
.mobile-nav__contact li + li {
  margin-top: 15px;
}
.mobile-nav__contact li a {
  color: inherit;
  transition: 500ms;
}
.mobile-nav__contact li a:hover {
  color: #4b37ba;
}
.mobile-nav__contact li i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #4b37ba;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  margin-right: 10px;
  color: #fafafa;
}

.mobile-nav__container .main-menu__logo,
.mobile-nav__container .main-menu__right {
  display: none;
}

footer .footer-widget {
  position: relative;
}
footer .footer-widget ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
footer .footer-widget ul.contact-list {
  gap: 8px;
}
footer .footer-widget ul li a {
  display: flex;
  align-items: center;
  gap: 12px;
}
footer .footer-widget ul li a i {
  color: #4b37ba;
  font-size: clamp(16px, 1.25vw, 32px);
  width: clamp(18px, 1.25vw, 32px);
  height: clamp(18px, 1.25vw, 32px);
}

.hero-banner {
  width: 100%;
}
.hero-banner .text-block {
  text-align: center;
  width: 54vw;
  margin: 0 auto;
}
@media (min-width: 2199px) {
  .hero-banner .text-block {
    width: 40vw;
  }
}
@media (max-width: 1199px) {
  .hero-banner .text-block {
    width: 70%;
  }
}
@media (max-width: 992px) {
  .hero-banner .text-block {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .hero-banner .text-block {
    width: 90%;
  }
}
.hero-banner .text-block h1 {
  font-size: clamp(48px, 3.646vw, 140px);
  font-weight: 400;
  line-height: 125%;
  font-family: "Jomolhari", sans-serif;
}
@media (max-width: 991px) {
  .hero-banner .text-block h1 {
    font-size: clamp(38px, 5.119vw, 48px);
  }
}
@media (max-width: 767px) {
  .hero-banner .text-block h1 {
    font-size: clamp(35px, 6.094vw, 45px);
  }
}
@media (max-width: 575px) {
  .hero-banner .text-block h1 {
    font-size: clamp(32px, 8.78vw, 40px);
  }
}
.hero-banner .text-block p {
  padding: 0 32px;
}
@media (max-width: 1199px) {
  .hero-banner .text-block p {
    padding: 0;
  }
}
.hero-banner .text-block span {
  display: inline-flex;
  align-items: center;
}
.hero-banner .text-block img {
  border-radius: 5000px;
  width: clamp(45px, 3.33vw, 140px);
}
@media (min-width: 2199px) {
  .hero-banner .text-block img {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .hero-banner .text-block img {
    width: clamp(38px, 5.119vw, 48px);
  }
}
@media (max-width: 767px) {
  .hero-banner .text-block img {
    width: clamp(35px, 6.094vw, 45px);
  }
}
@media (max-width: 575px) {
  .hero-banner .text-block img {
    margin-top: 4px;
    width: clamp(32px, 8.78vw, 40px);
  }
}
.hero-banner .text-block img.img-1 {
  width: clamp(120px, 9.323vw, 358px);
}
@media (max-width: 575px) {
  .hero-banner .text-block img.img-1 {
    margin-top: 4px;
    width: 90px;
  }
}
.hero-banner .images-block {
  position: relative;
  width: 66.771vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: clamp(10px, 2.5vw, 64px);
  grid-row-gap: 0px;
  justify-content: center;
}
@media (max-width: 1199px) {
  .hero-banner .images-block {
    width: 80%;
  }
}
@media (max-width: 992px) {
  .hero-banner .images-block {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .hero-banner .images-block {
    width: 100%;
  }
}
.hero-banner .images-block img {
  border-radius: 211.042vw;
}
@media (min-width: 2199px) {
  .hero-banner .images-block img {
    width: 100%;
  }
}
.hero-banner .images-block img:nth-child(1) {
  margin-top: -5.729vw;
}
.hero-banner .images-block img:nth-child(4) {
  margin-top: -5.729vw;
}
.hero-banner .images-block .map-vector {
  border-radius: 0;
  z-index: -1;
  position: absolute;
  left: -6%;
  bottom: 210px;
  height: clamp(250px, 28.906vw, 700px);
}
@media (min-width: 2199px) {
  .hero-banner .images-block .map-vector {
    bottom: 75%;
    width: auto;
  }
}
@media (max-width: 767px) {
  .hero-banner .images-block .map-vector {
    display: none;
  }
}
.hero-banner .images-block .plane-vector {
  z-index: -1;
  border-radius: 0;
  position: absolute;
  right: -8%;
  bottom: 210px;
  height: clamp(250px, 28.906vw, 700px);
}
@media (min-width: 2199px) {
  .hero-banner .images-block .plane-vector {
    bottom: 20%;
    height: auto;
    width: 25% !important;
  }
}
@media (max-width: 767px) {
  .hero-banner .images-block .plane-vector {
    display: none;
  }
}

.banner-block {
  position: relative;
  border-radius: clamp(16px, 1.25vw, 32px);
  background: #fafafa;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
}
.banner-block .heading-block {
  position: relative;
  padding-left: clamp(24px, 3.33vw, 128px);
}
@media (max-width: 992px) {
  .banner-block .heading-block {
    padding: 0 64px;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .banner-block .heading-block {
    padding: 0 20px;
  }
}
@media (max-width: 575px) {
  .banner-block .heading-block p br {
    display: none;
  }
}
.banner-block .heading-block .users {
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .banner-block .heading-block .users {
    justify-content: center;
  }
}
.banner-block .heading-block .users .block {
  border-radius: 50%;
  border: 1px solid #fafafa;
  width: clamp(52px, 3.021vw, 84px);
  height: clamp(52px, 3.021vw, 84px);
  margin-left: -27.19px;
}
.banner-block .heading-block .users .block img {
  width: 100%;
  height: 100%;
}
.banner-block .heading-block .users .block:first-child {
  margin-left: 0;
}
.banner-block .heading-block .users .block.number {
  background-color: #4b37ba;
  color: #fafafa;
  display: grid;
  justify-content: center;
  align-content: center;
}
.banner-block .right-text-block {
  display: flex;
  gap: clamp(16px, 1.25vw, 32px);
  align-items: center;
  padding-right: clamp(24px, 3.33vw, 128px);
}
@media (max-width: 992px) {
  .banner-block .right-text-block {
    padding: 0 clamp(16px, 1.25vw, 32px);
  }
}
@media (max-width: 767px) {
  .banner-block .right-text-block {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 575px) {
  .banner-block .right-text-block {
    display: none;
  }
}
.banner-block .right-text-block .main-img {
  width: 20.052vw;
  border-radius: 5000px;
  border-right: 6px solid #4b37ba;
}
@media (max-width: 992px) {
  .banner-block .right-text-block .main-img {
    width: clamp(260px, 20.052vw, 600px);
  }
}
.banner-block .right-text-block .experience {
  margin-left: clamp(-64px, -4.688vw, -130px);
  border-radius: 5000px;
  background: #0b0c0d;
  width: fit-content;
  padding: clamp(16px, 1.25vw, 32px);
}
@media (max-width: 575px) {
  .banner-block .right-text-block .experience {
    margin-left: 0;
  }
}
.banner-block .right-text-block ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.banner-block .right-text-block ul li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
}
.banner-block .right-text-block ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #4b37ba;
}

.booking .content {
  padding: clamp(24px, 2.5vw, 96px) clamp(32px, 3.792vw, 144px);
  background: #fafafa;
  border-radius: clamp(16px, 1.25vw, 32px);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12);
}
@media (max-width: 575px) {
  .booking .content {
    padding: 32px 24px;
  }
}
@media (max-width: 400px) {
  .booking .content {
    padding: 24px 16px;
  }
}
.booking .content .card .card-header .nav-tabs {
  flex-wrap: nowrap;
  gap: clamp(12px, 0.83vw, 24px);
}
@media (max-width: 992px) {
  .booking .content .card .card-header .nav-tabs {
    flex-wrap: wrap;
  }
}
.booking .content .card .card-header .nav-tabs li {
  width: 100%;
}
.booking .content .card .card-header .nav-tabs li a {
  background: transparent;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12);
  width: 100%;
  text-align: center;
  border-radius: 10px;
  padding: clamp(16px, 1.25vw, 32px);
  transition: all 0.5s ease-in-out;
}
.booking .content .card .card-header .nav-tabs li a svg {
  width: clamp(22px, 1.66vw, 48px);
  height: clamp(22px, 1.66vw, 48px);
  transition: all 0.5s ease-in-out;
}
.booking .content .card .card-header .nav-tabs li a svg path {
  transition: all 0.5s ease-in-out;
}
.booking .content .card .card-header .nav-tabs li a.active, .booking .content .card .card-header .nav-tabs li a:hover {
  background: #4b37ba;
  color: #fafafa;
  transition: all 0.5s ease-in-out;
}
.booking .content .card .card-header .nav-tabs li a.active svg path, .booking .content .card .card-header .nav-tabs li a:hover svg path {
  fill: #fafafa;
}
.booking .content .card .card-header .nav-tabs li a.active svg.stroke_svg path, .booking .content .card .card-header .nav-tabs li a:hover svg.stroke_svg path {
  fill: #fafafa;
  stroke: #fafafa;
}
.booking .content .card .card-body .booking-bar {
  display: flex;
  border: 0px;
}
.booking .content .card .card-body .booking-bar .nav-item .nav-link {
  color: #212627;
  font-family: "Inter", sans-serif;
  font-size: clamp(16px, 1.094vw, 24px);
  font-weight: 500;
  line-height: 130%;
  border: 0;
  padding: clamp(10px, 0.83vw, 24px) clamp(16px, 1.25vw, 32px);
}
.booking .content .card .card-body .booking-bar .nav-item .nav-link.active {
  border-bottom: 2px solid #4b37ba;
  background: transparent;
}
.booking .content .custom-control {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(16px, 1.66vw, 42px);
}
.booking .content .booking-info {
  display: flex;
  padding: clamp(12px, 1.043vw, 24px) clamp(14px, 1.25vw, 32px);
  align-items: center;
  gap: clamp(20px, 1.66vw, 42px);
  border-radius: 10px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
}
@media (max-width: 1099px) {
  .booking .content .booking-info {
    gap: 16px;
  }
}
@media (max-width: 992px) {
  .booking .content .booking-info {
    display: grid;
    gap: 0;
  }
}
.booking .content .booking-info.v-2 {
  padding: 8px clamp(14px, 1.25vw, 32px);
  width: 100%;
}
.booking .content .booking-info.promo-code {
  padding: clamp(10px, 0.625vw, 22px) 24px;
  border: 1px solid #45474f;
}
.booking .content .booking-info.promo-code .sel-input::placeholder {
  font-size: 16px;
}
.booking .content .booking-info .input-date-picker,
.booking .content .booking-info .custom-sel-input-block {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
  font-size: clamp(16px, 1.094vw, 24px);
  font-weight: 500;
}
@media (max-width: 1199px) {
  .booking .content .booking-info .input-date-picker,
  .booking .content .booking-info .custom-sel-input-block {
    margin-bottom: 16px;
  }
}
@media (max-width: 1199px) {
  .booking .content .booking-info .input-date-picker.v-2,
  .booking .content .booking-info .custom-sel-input-block.v-2 {
    margin-bottom: 0px;
  }
}
.booking .content .booking-info .input-date-picker.v-2::after,
.booking .content .booking-info .custom-sel-input-block.v-2::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: clamp(40px, 3vw, 64px);
  width: 1px;
  background: #92949f;
}
@media (max-width: 576px) {
  .booking .content .booking-info .input-date-picker.v-2::after,
  .booking .content .booking-info .custom-sel-input-block.v-2::after {
    display: none;
  }
}
.booking .content .booking-info .input-date-picker.location-select,
.booking .content .booking-info .custom-sel-input-block.location-select {
  width: 100%;
}
.booking .content .booking-info .input-date-picker.location-select i,
.booking .content .booking-info .custom-sel-input-block.location-select i {
  position: absolute;
  bottom: 0;
  color: #4b37ba;
  font-size: 24px;
}
.booking .content .booking-info .input-date-picker .sel-input,
.booking .content .booking-info .custom-sel-input-block .sel-input {
  width: clamp(250px, 13.125vw, 850px);
  color: #1e1f20;
  font-family: "Inter", sans-serif;
  font-size: clamp(16px, 1.094vw, 28px);
  font-weight: 500;
  line-height: 130%;
  border: none;
  background: transparent;
  padding: 4px 0 0 0;
  box-shadow: none;
}
@media (max-width: 1799px) {
  .booking .content .booking-info .input-date-picker .sel-input,
  .booking .content .booking-info .custom-sel-input-block .sel-input {
    width: 100%;
  }
}
.booking .content .booking-info .input-date-picker .sel-input::placeholder,
.booking .content .booking-info .custom-sel-input-block .sel-input::placeholder {
  color: #45474f;
}
.booking .content .booking-info .input-date-picker .sel-input:focus,
.booking .content .booking-info .custom-sel-input-block .sel-input:focus {
  outline: 0;
}
.booking .content .booking-info .input-date-picker .sel-input.location-input,
.booking .content .booking-info .custom-sel-input-block .sel-input.location-input {
  width: 100%;
  padding: 0 0 0 32px;
}
@media (max-width: 1199px) {
  .booking .content .booking-info .input-date-picker .sel-input.calendar,
  .booking .content .booking-info .custom-sel-input-block .sel-input.calendar {
    width: 50%;
  }
}
@media (max-width: 399px) {
  .booking .content .booking-info .input-date-picker .sel-input.calendar,
  .booking .content .booking-info .custom-sel-input-block .sel-input.calendar {
    width: 70%;
  }
}
.booking .content .booking-info .input-date-picker .slector-wrapper,
.booking .content .booking-info .custom-sel-input-block .slector-wrapper {
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  z-index: 888;
  background: #eaeaec;
  padding-bottom: 16px;
  overflow: auto;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  height: 300px;
  /* Track */
  /* Handle */
}
.booking .content .booking-info .input-date-picker .slector-wrapper::-webkit-scrollbar,
.booking .content .booking-info .custom-sel-input-block .slector-wrapper::-webkit-scrollbar {
  width: 6px;
}
.booking .content .booking-info .input-date-picker .slector-wrapper::-webkit-scrollbar-track,
.booking .content .booking-info .custom-sel-input-block .slector-wrapper::-webkit-scrollbar-track {
  background: transparent;
  padding: 0 2px;
  width: 8px;
}
.booking .content .booking-info .input-date-picker .slector-wrapper::-webkit-scrollbar-thumb,
.booking .content .booking-info .custom-sel-input-block .slector-wrapper::-webkit-scrollbar-thumb {
  width: 8px;
  background: #45474f;
  border-radius: 6px;
}
@media screen and (min-width: 768px) {
  .booking .content .booking-info .input-date-picker .slector-wrapper,
  .booking .content .booking-info .custom-sel-input-block .slector-wrapper {
    max-width: 265px !important;
    min-width: 265px !important;
    width: auto;
  }
}
.booking .content .booking-info .input-date-picker .slector-wrapper li.top-set,
.booking .content .booking-info .custom-sel-input-block .slector-wrapper li.top-set {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
}
.booking .content .booking-info .input-date-picker .slector-wrapper li span,
.booking .content .booking-info .custom-sel-input-block .slector-wrapper li span {
  border-radius: 8px 8px 0 0;
  display: block;
  padding: 10px 16px;
  background: #fafafa;
}
.booking .content .booking-info .input-date-picker .slector-wrapper li .sel-option,
.booking .content .booking-info .custom-sel-input-block .slector-wrapper li .sel-option {
  width: 100%;
  background: transparent;
  border: none;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #1e1f20;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}
.booking .content .booking-info .input-date-picker .slector-wrapper li .sel-option:hover,
.booking .content .booking-info .custom-sel-input-block .slector-wrapper li .sel-option:hover {
  background: #45474f;
}
.booking .content .booking-info .input-date-picker i,
.booking .content .booking-info .custom-sel-input-block i {
  font-size: clamp(16px, 1.094vw, 24px);
  color: #4b37ba;
}
@media (max-width: 1199px) {
  .booking .content .booking-info .arrows {
    margin: 32px 0;
  }
}
@media (max-width: 1199px) {
  .booking .content .booking-info .arrows svg {
    transform: rotate(90deg);
  }
}
@media (max-width: 992px) {
  .booking .content .booking-info .arrows svg {
    transform: rotate(0deg);
  }
}
.booking .content .booking-info .passenger-area {
  width: 378px;
  position: absolute;
  top: 0px;
  right: 0;
  display: none;
  z-index: 99999;
}
@media (max-width: 1799px) {
  .booking .content .booking-info .passenger-area {
    top: 89px;
  }
}
@media (max-width: 1299px) {
  .booking .content .booking-info .passenger-area {
    top: 110px;
  }
}
@media (max-width: 1199px) {
  .booking .content .booking-info .passenger-area {
    width: 362px;
    top: 60px;
    left: unset;
    right: 0;
  }
}
@media (max-width: 576px) {
  .booking .content .booking-info .passenger-area {
    right: -36px;
  }
}
@media (max-width: 420px) {
  .booking .content .booking-info .passenger-area {
    width: 294px;
  }
}
.booking .content .booking-info .vertical-line {
  width: 1px;
  height: clamp(40px, 3vw, 64px);
  background: #92949f;
  margin: 0 16px;
}
.booking .input-date-picker.date-time::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  height: clamp(40px, 3vw, 64px);
  transform: translateY(-50%);
  width: 1px;
  background: #92949f;
}
@media (max-width: 767px) {
  .booking .input-date-picker.date-time::before {
    display: none;
  }
}

.radio-tile-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: clamp(16px, 1.25vw, 32px);
  grid-row-gap: clamp(16px, 1.25vw, 32px);
}
.radio-tile-group .input-container {
  position: relative;
}
.radio-tile-group .input-container .radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile {
  background: #4b37ba;
  border: 1px solid #212627;
  color: white;
  transition: all 0.5s ease-in-out;
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile i {
  color: #fafafa;
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {
  color: #fafafa;
}
.radio-tile-group .input-container .radio-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 44px;
  border: 1px solid #212627;
  background: transparent;
  border-radius: 5px;
  padding: 14px 8px;
  transition: transform 300ms ease;
}
.radio-tile-group .input-container .radio-tile i {
  font-size: 24px;
  color: #4b37ba;
}
@media (max-width: 420px) {
  .radio-tile-group .input-container .radio-tile {
    height: 44px;
  }
}
.radio-tile-group .input-container .radio-tile.sidebar-radio {
  padding: 16px 6px;
  height: 44px;
}
.radio-tile-group .input-container .radio-tile.sidebar-departure-radio {
  padding: 16px 6px;
  height: clamp(64px, 4.063vw, 96px);
}
.radio-tile-group .input-container .radio-tile.sidebar-departure-radio i {
  margin-bottom: 8px;
}
.radio-tile-group .input-container .radio-tile.wizard-page {
  width: 100%;
  height: 128px;
  border-radius: 20px;
  border: 0;
}
@media (max-width: 576px) {
  .radio-tile-group .input-container .radio-tile.wizard-page {
    margin-bottom: 16px;
  }
}
.radio-tile-group .input-container .radio-tile-label {
  text-align: center;
  font-size: clamp(14px, 0.833vw, 22px);
  font-weight: 500;
  letter-spacing: 0.32px;
  line-height: 150%;
  color: #1e1f20;
}
.radio-tile-group .input-container .radio-tile-label.sidebar-label {
  font-size: clamp(14px, 0.833vw, 22px);
  line-height: 120%;
}
@media (max-width: 991px) {
  .radio-tile-group .input-container .radio-tile-label.sidebar-label {
    font-size: clamp(16px, 2.381vw, 16px);
  }
}
@media (max-width: 767px) {
  .radio-tile-group .input-container .radio-tile-label.sidebar-label {
    font-size: clamp(15px, 2.969vw, 16px);
    letter-spacing: 0.2px;
  }
}
@media (max-width: 575px) {
  .radio-tile-group .input-container .radio-tile-label.sidebar-label {
    font-size: clamp(14.5px, 4.325vw, 15px);
  }
}
.radio-tile-group .input-container .radio-tile-label.wizard-label {
  font-size: 27px;
}

.benefits .benefit-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  gap: clamp(16px, 1.33vw, 48px);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12);
  padding: clamp(16px, 1.25vw, 36px);
  border-radius: 12px;
  margin-top: 0;
  transition: all 0.3s linear;
}
@media (max-width: 575px) {
  .benefits .benefit-block {
    padding: 16px 12px;
  }
}
.benefits .benefit-block .icon-box {
  border-radius: 50%;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
  width: 80px;
  height: 80px;
  display: grid;
  align-content: center;
  justify-content: center;
}
.benefits .benefit-block .icon-box svg {
  width: clamp(32px, 2.083vw, 80px);
  height: clamp(32px, 3.083vw, 80px);
}
.benefits .benefit-block .icon-box svg path {
  fill: #1e1f20;
  transition: all 0.5s ease-in-out;
}
.benefits .benefit-block .text-box {
  text-align: center;
}
.benefits .benefit-block:hover {
  margin-top: -3px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.3s linear;
}
.benefits .benefit-block:hover .icon-box svg path {
  fill: #4b37ba;
  transition: all 0.5s ease-in-out;
}

.coming-soon {
  position: relative;
  height: 100vh;
  align-content: center;
}
.coming-soon .logo-img {
  width: clamp(280px, 27.396vw, 800px);
}
.coming-soon .coming-title {
  font-size: clamp(64px, 6.25vw, 150px);
  font-weight: 600;
  line-height: 120%; /* 144px */
  color: #4b37ba;
}
@media (max-width: 575px) {
  .coming-soon .coming-title {
    font-size: 48px;
  }
}
.coming-soon .newsletter-field {
  max-width: 533px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .coming-soon .newsletter-field {
    max-width: 450px;
  }
}
.coming-soon .countdown {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(10px, 0.83vw, 24px);
}
@media (max-width: 492px) {
  .coming-soon .countdown {
    flex-wrap: wrap;
  }
}
.coming-soon .countdown li {
  width: clamp(80px, 6.25vw, 280px);
  height: clamp(80px, 6.25vw, 280px);
  background: rgba(75, 55, 186, 0.1);
  border-radius: 10px;
  display: grid;
  justify-content: center;
  align-content: center;
}
@media (max-width: 492px) {
  .coming-soon .countdown li {
    width: 64px;
    height: 64px;
  }
}
.coming-soon .countdown li p {
  font-size: clamp(15px, 0.938vw, 21px);
  font-weight: 500;
  line-height: 120%;
  color: #0b0c0d;
}
@media (max-width: 991px) {
  .coming-soon .countdown li p {
    font-size: clamp(15.5px, 1.778vw, 16px);
  }
}
@media (max-width: 767px) {
  .coming-soon .countdown li p {
    font-size: clamp(14px, 2.286vw, 14px);
  }
}
@media (max-width: 575px) {
  .coming-soon .countdown li p {
    font-size: clamp(12.5px, 3.59vw, 14px);
  }
}

.tour-card {
  position: relative;
  overflow: hidden;
  border-radius: clamp(16px, 1.25vw, 32px);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12);
}
.tour-card .image-block {
  position: relative;
}
.tour-card .image-block .wishlist {
  position: absolute;
  top: 16px;
  left: 16px;
  width: clamp(28px, 2.083vw, 56px);
  height: clamp(28px, 2.083vw, 56px);
  background-color: #fafafa;
  border-radius: clamp(8px, 0.63vw, 16px);
  display: grid;
  align-items: center;
  justify-content: center;
}
.tour-card .image-block .wishlist i {
  font-size: clamp(18px, 1.25vw, 32px);
}
.tour-card .image-block img {
  width: 100%;
}
.tour-card .text-block {
  padding: clamp(12px, 0.83vw, 24px);
  margin-top: 8px;
}
.tour-card .text-block .location {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tour-card .text-block .stars {
  display: flex;
  gap: 6px;
}
.tour-card .text-block .stars i {
  color: rgba(71, 63, 182, 0.5803921569);
  font-size: 14px;
}
.tour-card .text-block hr {
  background-color: #92949f;
  height: 1px;
}
.tour-card .text-block .bottom-row {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: clamp(7px, 0.5vw, 12px);
  align-items: center;
  flex-wrap: wrap;
}
.tour-card .text-block .bottom-row .left-block {
  display: flex;
  gap: clamp(6px, 0.42vw, 12px);
  align-items: center;
}
.tour-card .text-block .bottom-row .left-block .detail-item {
  display: flex;
  gap: clamp(6px, 0.42vw, 12px);
  align-items: center;
}
.tour-card .text-block .bottom-row .left-block .detail-item::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #45474f;
  margin-right: 2px;
}
.tour-card .text-block .bottom-row .left-block .detail-item:first-child::before {
  display: none;
}
.tour-card .text-block .bottom-row .right-block {
  display: flex;
  gap: 8px;
  align-items: center;
}
.tour-card .text-block .bottom-row .right-block a {
  background: #4b37ba;
  border-radius: 8px;
}
.tour-card .text-block .bottom-row .right-block a svg {
  transform: rotate(0deg);
  stroke: #fafafa;
  width: clamp(28px, 2.083vw, 56px);
  height: clamp(28px, 2.083vw, 56px);
  transition: all 0.5s ease-in-out;
}
.tour-card .text-block .bottom-row .right-block a:hover svg {
  transform: rotate(45deg);
}

.tour-detail {
  position: relative;
  border-radius: clamp(16px, 1.25vw, 32px);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
}
.tour-detail img {
  border-radius: clamp(16px, 1.25vw, 32px) clamp(16px, 1.25vw, 32px) 0 0;
}
.tour-detail .price-detail {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tour-detail .price-detail p {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tour-detail .price-detail p::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #45474f;
  margin-right: 2px;
}
.tour-detail .text-block {
  padding: clamp(16px, 1.25vw, 32px) clamp(12px, 0.83vw, 24px) 16px;
}
.tour-detail .text-block .more-detail {
  padding: clamp(16px, 1.25vw, 32px);
  border-radius: clamp(16px, 1.25vw, 32px);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
}
.tour-detail .text-block .more-detail ul {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 0.83vw, 24px);
}
.tour-detail .text-block .more-detail ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.about-1 .content {
  position: relative;
}
.about-1 .content .plane-vector {
  position: absolute;
  top: 5.5vw;
  left: 8vw;
  z-index: -1;
  width: 39.156vw;
}
@media (max-width: 992px) {
  .about-1 .content .plane-vector {
    top: unset;
    left: 0;
    bottom: 10%;
  }
}
.about-1 .content .vector {
  position: absolute;
  bottom: 0vw;
  left: 7vw;
  width: 31.302vw;
  z-index: -1;
}
.about-1 .images-block {
  position: relative;
  width: fit-content;
  text-align: end;
  margin-left: auto;
  padding: 0 clamp(32px, 5vw, 96px) 0 clamp(40px, 5vw, 160px);
}
.about-1 .images-block img {
  border-radius: 3738.551px;
}
.about-1 .images-block img.main-img {
  width: clamp(220px, 22.188vw, 600px);
  border-right: 5.25px solid rgba(75, 55, 186, 0.7);
}
.about-1 .images-block img.bottom-left-img {
  position: absolute;
  width: clamp(100px, 10vw, 270px);
  bottom: 0;
  left: 0;
  border-left: 4.375px solid rgba(221, 56, 66, 0.7);
}
.about-1 .images-block img.top-right-img {
  position: absolute;
  width: clamp(100px, 10vw, 270px);
  top: 0;
  right: 0;
  border-left: 4.375px solid rgba(221, 56, 66, 0.7);
}

.testimonial-card {
  margin: 16px 0;
}
.testimonial-card .content {
  border-radius: clamp(16px, 1.25vw, 32px);
  position: relative;
  padding: clamp(16px, 1.25vw, 32px);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
}
.testimonial-card .content .comment-icon {
  width: clamp(42px, 3.333vw, 80px);
}
.testimonial-card .content .review .reviewer {
  display: flex;
  align-items: center;
  gap: clamp(12px, 0.833vw, 20px);
}
.testimonial-card .content .review .reviewer .reviewer-img {
  width: clamp(42px, 3.333vw, 80px);
  width: clamp(42px, 3.333vw, 80px);
}
.testimonial-card .content .review .reviewer .rating {
  display: flex;
  align-items: center;
  gap: clamp(4px, 0.32vw, 12px);
}
.testimonial-card .content .review .reviewer .rating i {
  color: #4b37ba;
  font-size: clamp(12px, 0.74vw, 24px);
}

.slick-dots {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}
@media (max-width: 575px) {
  .slick-dots {
    margin-top: 0;
  }
}
.slick-dots li {
  position: relative;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 16px;
  height: 4px;
  cursor: pointer;
  color: transparent;
  border: 0;
  border-radius: 5000px;
  outline: none;
  background: #0b0c0d;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button::before, .slick-dots li button::after {
  opacity: 1;
}
.slick-dots li button::before {
  opacity: 1;
}
.slick-dots li.slick-active button {
  background: #4b37ba;
}

.newsletter {
  position: relative;
}
.newsletter .bg-block {
  position: absolute;
  height: 86%;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #ebe7f3;
  z-index: -1;
}

.blog-card {
  border-radius: clamp(12px, 1.25vw, 32px);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
}
.blog-card .image-block {
  border-radius: clamp(12px, 1.25vw, 32px) clamp(12px, 1.25vw, 32px) 0 0;
  overflow: hidden;
  height: 100%;
  object-fit: cover;
}
.blog-card .image-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.6s linear 0s;
  transition: all 0.6s linear 0s;
}
.blog-card .text-block {
  padding: 0 20px 20px;
}
.blog-card .text-block .ab-blog {
  display: flex;
  gap: clamp(6px, 0.42vw, 12px);
  align-items: center;
}
.blog-card .text-block .ab-blog p {
  display: flex;
  gap: clamp(6px, 0.42vw, 12px);
  align-items: center;
}
.blog-card .text-block .ab-blog p::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #45474f;
  margin-right: 2px;
}
.blog-card .text-block .ab-blog p:first-child::before {
  display: none;
}
.blog-card .text-block a,
.blog-card .text-block p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.blog-card:hover {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12);
}
.blog-card:hover .image-block img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.6s linear 0s;
  transition: all 0.6s linear 0s;
}

.blog-detail {
  position: relative;
  border-radius: clamp(16px, 1.25vw, 32px);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
}
.blog-detail .blog-img {
  border-radius: clamp(16px, 1.25vw, 32px) clamp(16px, 1.25vw, 32px) 0 0;
  object-fit: cover;
  min-height: 200px;
}
.blog-detail .text-block {
  padding: clamp(16px, 1.25vw, 32px) clamp(12px, 0.83vw, 24px) 16px;
}
.blog-detail .text-block .ab-blog {
  display: flex;
  gap: clamp(6px, 0.42vw, 12px);
  align-items: center;
}
.blog-detail .text-block .ab-blog p {
  display: flex;
  gap: clamp(6px, 0.42vw, 12px);
  align-items: center;
}
.blog-detail .text-block .ab-blog p::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #45474f;
  margin-right: 2px;
}
.blog-detail .text-block .ab-blog p:first-child::before {
  display: none;
}
.blog-detail .text-block .quote {
  padding: clamp(16px, 1.25vw, 32px);
  border-radius: clamp(16px, 1.25vw, 32px);
  border-left: 2px solid #4b37ba;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
}

.title-banner {
  display: grid;
  justify-content: center;
  align-items: center;
  background: url("../media/backgrounds/title-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: clamp(100px, 10.417vw, 400px);
}

.flight-listing-page .flight-block .flight-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199px) {
  .flight-listing-page .flight-block .flight-area {
    display: grid;
    justify-content: center;
    gap: 32px;
  }
}
.flight-listing-page .flight-block .flight-area .airline-name {
  display: flex;
  gap: 16px;
  align-items: center;
}
.flight-listing-page .flight-block .flight-area .airline-name img {
  border-radius: 50%;
}
@media (max-width: 1499px) {
  .flight-listing-page .flight-block .flight-area .airline-name {
    display: block;
  }
}
@media (max-width: 1199px) {
  .flight-listing-page .flight-block .flight-area .airline-name {
    text-align: center;
  }
}
.flight-listing-page .flight-block .flight-area .flight-detail {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 1699px) {
  .flight-listing-page .flight-block .flight-area .flight-detail {
    gap: 8px;
  }
}
@media (max-width: 1199px) {
  .flight-listing-page .flight-block .flight-area .flight-detail {
    gap: 32px;
  }
}
.flight-listing-page .flight-block .flight-area .flight-button {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 1599px) {
  .flight-listing-page .flight-block .flight-area .flight-button {
    gap: 8px;
    display: block;
  }
}
@media (max-width: 1599px) {
  .flight-listing-page .flight-block .flight-area .flight-button .amount {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 8px;
  }
}
@media (max-width: 1199px) {
  .flight-listing-page .flight-block .flight-area .flight-button .amount {
    margin-bottom: 8px;
  }
}
@media (max-width: 1199px) {
  .flight-listing-page .flight-block .flight-area .flight-button {
    margin: 0 auto;
  }
}
.flight-listing-page .accordion-button:is(:not(.collapsed)) i.fa-chevron-down:before {
  content: "\f077" !important;
}

@media (max-width: 992px) {
  .time-detail {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .time-detail {
    padding-top: 10px;
    text-align: center;
  }
}
.time-detail .flight-date {
  padding: 12px;
  background: #212627;
  border-radius: 5px;
  display: inline-flex;
  color: #fafafa;
}

.detail-block {
  background: #eaeaec;
  padding: 64px 24px;
  border-radius: 10px;
}
.detail-block img {
  border-radius: 50%;
}
@media (max-width: 767px) {
  .detail-block {
    padding: 32px 24px;
  }
}
@media (max-width: 576px) {
  .detail-block {
    text-align: center;
  }
}

.sidebar {
  border-radius: 10px;
}
.sidebar .sidebar-title {
  background: rgba(77, 115, 252, 0.2);
  padding: 16px 0;
  text-align: center;
  border-radius: 10px 10px 0 0;
}
.sidebar .filter-block .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sidebar .filter-block .content-block .custom-control a {
  font-size: 21px;
  font-weight: 500;
}
.sidebar .filter-block .content-block .custom-control a .fas {
  font-size: 27px;
}
.sidebar .filter-block .custom-control h5 {
  font-size: clamp(14px, 0.833vw, 28px);
}
.sidebar .filter-block .filter-checkbox .allow_over {
  font-size: clamp(14px, 0.83vw, 28px);
  font-weight: 500;
  color: #1e1f20;
}
.sidebar .filter-block .list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sidebar .filter-block .list li ul li {
  display: flex;
}
.sidebar .filter-block .slider-track .irs--big {
  height: 22px;
  margin-bottom: 0;
}
.sidebar .filter-block .slider-track .irs--big .irs-line {
  top: 12px;
  height: 3px;
  border: 0;
  background: #92949f;
  cursor: pointer;
  border-radius: 0;
}
.sidebar .filter-block .slider-track .irs--big .irs-bar {
  top: 12px;
  height: 3px;
  border: 0;
  background: #4b37ba;
  box-shadow: none;
  cursor: pointer;
}
.sidebar .filter-block .slider-track .irs--big .irs-handle {
  content: "";
  border-radius: 0;
  top: 1px;
  height: 24px;
  width: 24px;
  background-color: #4b37ba;
  background: #4b37ba;
  border: 0;
  border-radius: 24px;
  box-shadow: none;
}
.sidebar .filter-block .slider-track .irs--big .irs-handle:hover {
  cursor: pointer;
}
.sidebar .filter-block .tags-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.sidebar .filter-block .tags-list li a {
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid #45474f;
  color: #45474f;
}
.sidebar .filter-block .latest-blogs-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sidebar .filter-block .latest-blogs-list li a {
  display: flex;
  align-items: flex-start;
  gap: clamp(6px, 0.53vw, 14px);
}
.sidebar .filter-block .latest-blogs-list li a img {
  border-radius: 5px;
  width: clamp(64px, 4.167vw, 100px);
}
.sidebar .filter-block .latest-blogs-list li a .lead {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sidebar .content-block .custom-control-label {
  color: #1e1f20;
}

.flight-booking .booking-form .sw-theme-basic {
  border: 0;
}
.flight-booking .booking-form .sw-theme-basic .nav .nav-link::after {
  left: 50%;
  top: 50%;
  width: 50%;
}
.flight-booking .booking-form .sw-toolbar .sw-btn {
  display: none;
}
.flight-booking .booking-form .sw-toolbar-elm {
  display: flex;
  justify-content: end;
}
.flight-booking .booking-form .sw-toolbar-elm button {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.32px;
  width: fit-content;
  transition: all 0.5s ease-in-out;
  padding: 16px 32px;
  background-color: #4b37ba;
  color: #fafafa;
  border-radius: 10px;
  border: 0px;
}
.flight-booking .booking-form .sw-toolbar-elm button:hover {
  background-color: #fafafa;
  color: #0b0c0d;
  transition: all 0.5s ease-in-out;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
}
.flight-booking .booking-form .form-wizard-header .nav {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12);
  background: #fafafa;
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 0 24px;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item {
  padding: 16px 0;
  background-color: transparent;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 7;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item::after {
  content: "";
  background: #92949f;
  position: absolute;
  top: 34px;
  left: 106%;
  width: 161px;
  height: 2px;
  z-index: 99;
}
@media (max-width: 1599px) {
  .flight-booking .booking-form .form-wizard-header .nav .nav-item::after {
    width: 114px;
    top: 33px;
  }
}
@media (max-width: 1399px) {
  .flight-booking .booking-form .form-wizard-header .nav .nav-item::after {
    width: 100px;
    top: 33px;
  }
}
@media (max-width: 1299px) {
  .flight-booking .booking-form .form-wizard-header .nav .nav-item::after {
    width: 90px;
    top: 33px;
  }
}
@media (max-width: 1199px) {
  .flight-booking .booking-form .form-wizard-header .nav .nav-item::after {
    width: 170px;
    top: 33px;
  }
}
@media (max-width: 1052px) {
  .flight-booking .booking-form .form-wizard-header .nav .nav-item::after {
    width: 130px;
    top: 33px;
  }
}
@media (max-width: 910px) {
  .flight-booking .booking-form .form-wizard-header .nav .nav-item::after {
    width: 100px;
    top: 33px;
  }
}
@media (max-width: 826px) {
  .flight-booking .booking-form .form-wizard-header .nav .nav-item::after {
    width: 80px;
    top: 33px;
  }
}
@media (max-width: 726px) {
  .flight-booking .booking-form .form-wizard-header .nav .nav-item::after {
    width: 50px;
    top: 33px;
  }
}
@media (max-width: 626px) {
  .flight-booking .booking-form .form-wizard-header .nav .nav-item::after {
    display: none;
  }
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item.activated .nav-link {
  background-color: #4b37ba;
  color: #fafafa;
  border: 0;
  padding: 5px;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item.activated .nav-link span {
  display: none;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item.activated i {
  display: none;
  height: 24px;
  width: 24px;
  justify-content: center;
  align-content: center;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  background-color: #4b37ba;
  color: #fafafa;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item.activated:is(.activated) i {
  display: grid;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item.activated:is(.activated) .num {
  display: none;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item.active .nav-link {
  background: #4b37ba;
  border: 1px solid #4b37ba;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item.active .nav-link span {
  color: #fafafa;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  gap: 8px;
  margin: 0;
  height: auto;
  min-height: auto;
  border: 1px solid #212627;
  border-radius: 40px;
  position: relative;
  overflow: hidden;
  margin-right: 8px;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item .nav-link span {
  font-size: 21px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.32px;
  color: #0b0c0d;
  background: #fafafa;
  color: #212627;
  background: transparent;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item .nav-link.active span {
  color: #fafafa;
  background: #4b37ba;
  z-index: 2;
  display: none;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item .nav-link.active i {
  display: block;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item .nav-link .num {
  height: 24px;
  width: 24px;
  display: grid;
  justify-content: center;
  align-content: center;
  text-align: center;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  background-color: #fafafa;
  color: #0b0c0d;
  border: 1px solid #0b0c0d;
  padding-right: 0;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item .nav-link.active .num {
  background-color: #4b37ba;
  color: #fafafa;
  border: 0;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item .nav-link i {
  display: none;
  height: 24px;
  width: 24px;
  justify-content: center;
  align-content: center;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  background-color: #4b37ba;
  color: #fafafa;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item .nav-link:is(.done) i {
  display: grid;
}
.flight-booking .booking-form .form-wizard-header .nav .nav-item .nav-link:is(.done) .num {
  display: none;
}
.flight-booking .booking-form .detail-form {
  background: #fafafa;
  border-radius: 15px;
  padding: clamp(25px, 2.19vw, 56px) clamp(16px, 1.25vw, 32px);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12);
}
.flight-booking .booking-form .detail-form .gender-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: rgba(77, 115, 252, 0);
  background-image: none;
  flex: 1;
  padding: 16px 24px;
  color: #212627;
  cursor: pointer;
  font-size: 16px;
  font-family: "Inter", sans-serif;
}
.flight-booking .booking-form .detail-form .gender-select select::-ms-expand {
  display: none;
}
.flight-booking .booking-form .detail-form .gender-select .select-1 {
  position: relative;
  display: flex;
  line-height: 150%;
  background: rgba(77, 115, 252, 0.1);
  overflow: hidden;
  border-radius: 0.25em;
}
.flight-booking .booking-form .detail-form .gender-select .select-1::before {
  content: "\f2e7";
  color: #4b37ba;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  padding: 16px 12px;
  font-family: "Font Awesome 5 Pro";
  cursor: pointer;
  pointer-events: none;
  transition: 0.25s all ease;
}
.flight-booking .booking-form .detail-form .gender-select .select-1::after {
  content: "\f078";
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px 24px;
  font-family: "Font Awesome 5 Pro";
  cursor: pointer;
  pointer-events: none;
  transition: 0.25s all ease;
}
.flight-booking .booking-form .detail-form .gender-select .select-1:hover::after {
  color: #4b37ba;
}
.flight-booking .booking-form .detail-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: rgba(77, 115, 252, 0.1);
  background-image: none;
  flex: 1;
  padding: 16px 24px 16px 48px;
  color: #212627;
  cursor: pointer;
  font-size: 16px;
  font-family: "Inter", sans-serif;
}
.flight-booking .booking-form .detail-form select::-ms-expand {
  display: none;
}
.flight-booking .booking-form .detail-form .select-1 {
  position: relative;
  display: flex;
  line-height: 150%;
  background: rgba(77, 115, 252, 0.1);
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #0b0c0d;
}
.flight-booking .booking-form .detail-form .select-1::before {
  content: "\f2e7";
  color: #4b37ba;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  padding: 16px 12px;
  font-family: "Font Awesome 5 Pro";
  cursor: pointer;
  pointer-events: none;
  transition: 0.25s all ease;
}
.flight-booking .booking-form .detail-form .select-1::after {
  content: "\f078";
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px 24px;
  font-family: "Font Awesome 5 Pro";
  cursor: pointer;
  pointer-events: none;
  transition: 0.25s all ease;
}
.flight-booking .booking-form .detail-form .select-1:hover::after {
  color: #4b37ba;
}
.flight-booking .booking-form .detail-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: rgba(77, 115, 252, 0.1);
  background-image: none;
  flex: 1;
  padding: 16px 24px 16px 48px;
  color: #212627;
  cursor: pointer;
  font-size: 1em;
  font-family: "Inter", sans-serif;
}
.flight-booking .booking-form .detail-form select::-ms-expand {
  display: none;
}
.flight-booking .booking-form .detail-form .select-2 {
  position: relative;
  display: flex;
  line-height: 150%;
  background: rgba(77, 115, 252, 0.1);
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #0b0c0d;
}
.flight-booking .booking-form .detail-form .select-2::before {
  content: "\f193";
  color: #4b37ba;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  padding: 16px 12px;
  font-family: "Font Awesome 5 Pro";
  cursor: pointer;
  pointer-events: none;
  transition: 0.25s all ease;
}
.flight-booking .booking-form .detail-form .select-2::after {
  content: "\f078";
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px 24px;
  font-family: "Font Awesome 5 Pro";
  cursor: pointer;
  pointer-events: none;
  transition: 0.25s all ease;
}
.flight-booking .booking-form .detail-form .select-2:hover::after {
  color: #4b37ba;
}
.flight-booking .card-select {
  position: relative;
}
.flight-booking .card-select img {
  position: absolute;
  top: 16px;
  left: 16px;
}
.flight-booking .flight-booking-detail {
  border-radius: 15px;
}
.flight-booking .flight-booking-detail .flight-title {
  padding: 16px 32px;
  background: rgba(77, 115, 252, 0.2);
  border-radius: 15px 15px 0 0;
}
.flight-booking .flight-booking-detail .box {
  border-radius: 0 0 15px 15px;
}
.flight-booking .flight-booking-detail .content-block {
  border-radius: 0 0 15px 15px;
}
.flight-booking .flight-booking-detail .flight-detail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.flight-booking .flight-booking-detail .flight-detail .flight-departure {
  display: inline-block;
}
.flight-booking .flight-booking-detail .vr-line {
  background: #92949f;
  height: clamp(42px, 3.229vw, 96px);
  width: 1px;
}
.flight-booking .icon-block {
  position: relative;
}
.flight-booking .icon-block i {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 24px;
  color: #45474f;
}

.wizard-fieldset {
  position: relative;
  display: none;
}
.wizard-fieldset.show {
  display: block !important;
}

.wizard-form-error {
  display: none;
  background-color: red;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 90%;
  margin: 0 auto;
  border-radius: 2px;
}

.contact-area {
  position: relative;
  padding: clamp(16px, 1.66vw, 48px);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
  border-radius: clamp(16px, 1.25vw, 32px);
}
.contact-area .contact-block {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.contact-area .contact-block i {
  color: #4b37ba;
  font-size: clamp(16px, 1.25vw, 32px);
}

iframe {
  width: 100%;
  height: clamp(300px, 31.25vw, 750px);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
  border-radius: clamp(16px, 1.25vw, 32px);
}

/*# sourceMappingURL=app.css.map */

























/* ==================================================
   ROOM RESERVATIONS - LIGHT CHAMPAGNE GOLD + WHITE
================================================== */

.main-menu,
.hero-banner,
.booking {
    display: none !important;
}

:root {
    --rrx-dark: #101820;
    --rrx-soft-dark: #1f2937;

    /* LIGHT CHAMPAGNE GOLD */
    --rrx-gold: #f2cf7f;
    --rrx-gold-dark: #d9ad55;
    --rrx-gold-soft: #fff4d8;
    --rrx-gold-border: #f1d99f;

    --rrx-white: #ffffff;
    --rrx-card: rgba(255,255,255,.97);
    --rrx-text: #111827;
    --rrx-muted: #5f6673;
    --rrx-border: #f0dfbd;
    --rrx-shadow: 0 28px 70px rgba(0,0,0,.28);
}

/* TOP BAR */
.rrx-top {
    background: #101820;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.rrx-top-inner {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.rrx-top a {
    color: #fff !important;
    margin-left: 8px;
    padding: 6px 13px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.25);
    font-weight: 900;
}

.rrx-top a:first-child {
    background: #25d366;
    border-color: #25d366;
}

/* HEADER */
.rrx-header {
    background: #ffffff;
    position: relative;
    z-index: 50;
    box-shadow: 0 8px 22px rgba(16,24,32,.10);
}

.rrx-nav {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.rrx-logo img {
    max-height: 48px;
    width: auto;
}

.rrx-nav nav {
    display: flex;
    align-items: center;
    gap: 6px;
}

.rrx-nav nav a {
    color: var(--rrx-text) !important;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 10px 15px;
    border-radius: 999px;
    transition: .25s ease;
}

.rrx-nav nav a.active,
.rrx-nav nav a:hover {
    background: var(--rrx-dark);
    color: #fff !important;
}

.rrx-quote {
    background: linear-gradient(135deg, var(--rrx-gold), var(--rrx-gold-dark));
    color: #101820 !important;
    font-weight: 900;
    padding: 11px 20px;
    border-radius: 999px;
    text-transform: uppercase;
    box-shadow: 0 10px 20px rgba(242,207,127,.28);
}

/* HERO */
.rrx-hero {
    position: relative;
    min-height: calc(100vh - 110px);
    padding: 28px 0 30px;
    background: var(--rrx-dark);
    overflow: hidden;
}

.rrx-bg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.rrx-video-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(110deg, rgba(16,24,32,.76), rgba(16,24,32,.46)),
        radial-gradient(circle at 72% 14%, rgba(242,207,127,.20), transparent 32%);
}

.rrx-hero .container-fluid {
    position: relative;
    z-index: 2;
}

.rrx-hero-head {
    text-align: center;
    color: #fff;
    margin-bottom: 18px;
}

.rrx-hero-head span {
    color: #fff7df;
    font-size: 13px;
    font-weight: 900;
    padding: 7px 16px;
    border-radius: 999px;
    border: 1px solid rgba(242,207,127,.55);
    background: rgba(255,255,255,.12);
    margin-bottom: 10px;
}

.rrx-hero-head h1 {
    color: #ffffff;
    font-size: clamp(30px, 3vw, 48px);
    font-weight: 900;
    line-height: 1.05;
    margin-bottom: 8px;
    text-shadow: 0 3px 14px rgba(0,0,0,.32);
}

.rrx-hero-head p {
    color: rgba(255,255,255,.90);
    font-size: 14px;
    font-weight: 700;
}

/* FORM CARD */
.rrx-card {
    max-width: 1180px;
    margin: 0 auto;
    background: var(--rrx-card);
    backdrop-filter: blur(12px);
    border-radius: 24px;
    padding: 22px;
    box-shadow: var(--rrx-shadow);
    border: 1px solid rgba(255,255,255,.75);
}

.rrx-grid {
    display: grid;
    grid-template-columns: 1fr 1.5fr 1fr 1fr;
    gap: 13px;
    align-items: end;
}

.rrx-field,
.rrx-counter-box {
    min-width: 0;
}

.rrx-field label,
.rrx-counter-box label {
    display: block;
    color: var(--rrx-text);
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.rrx-field input {
    width: 100%;
    height: 48px;
    border: 1px solid var(--rrx-border);
    border-radius: 13px;
    padding: 0 14px;
    background: #fff;
    color: var(--rrx-text);
    font-size: 14px;
    font-weight: 800;
    outline: 0;
}

.rrx-field input::placeholder {
    color: #777;
}

.rrx-field input:focus {
    border-color: var(--rrx-gold-dark);
    box-shadow: 0 8px 18px rgba(242,207,127,.28);
}

.rrx-field {
    position: relative;
}

.rrx-field input.rrx-date-picker {
    cursor: pointer;
    padding-right: 42px;
}

.rrx-field:has(.rrx-date-picker)::after {
    content: "\f073";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 16px;
    bottom: 14px;
    color: var(--rrx-gold-dark);
    font-size: 16px;
    pointer-events: none;
}

/* COUNTER */
.rrx-counter {
    height: 48px;
    display: grid;
    grid-template-columns: 46px 1fr 46px;
    border: 1px solid var(--rrx-border);
    border-radius: 13px;
    overflow: hidden;
    background: #fff;
}

.rrx-counter button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 0;
    width: 46px;
    height: 48px;
    padding: 0;
    background: #fff8e8;
    color: var(--rrx-text);
    font-size: 23px;
    font-weight: 900;
    cursor: pointer;
    line-height: 1;
}

.rrx-counter .rrx-plus {
    background: linear-gradient(135deg, var(--rrx-gold), var(--rrx-gold-dark));
    color: #101820;
}

.rrx-counter input {
    border: 0;
    outline: 0;
    width: 100%;
    height: 48px;
    text-align: center;
    font-weight: 900;
    color: var(--rrx-text);
    background: #fff;
    padding: 0;
}

/* SUBMIT */
.rrx-submit {
    height: 48px;
    border: 0;
    border-radius: 13px;
    background: linear-gradient(135deg, var(--rrx-gold), var(--rrx-gold-dark));
    color: #101820;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 12px 24px rgba(242,207,127,.32);
    transition: .25s ease;
}

.rrx-submit:hover {
    background: linear-gradient(135deg, #fff1bd, var(--rrx-gold));
    color: #101820;
    transform: translateY(-1px);
}

/* POPULAR */
.rrx-popular {
    margin-top: 15px;
    padding-top: 14px;
    border-top: 1px solid var(--rrx-border);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

.rrx-popular strong {
    color: var(--rrx-text);
    font-weight: 900;
    padding-top:5px;
}

.rrx-popular a {
    color: #8a5f12 !important;
    background: var(--rrx-gold-soft);
    border: 1px solid var(--rrx-gold-border);
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
}

.picker,
.picker__holder,
.picker__frame {
    z-index: 999999 !important;
}

/* OTHER TEMPLATE SUPPORT */
.color-primary {
    color: var(--rrx-gold-dark) !important;
}

.cus-btn {
    background: linear-gradient(135deg, var(--rrx-gold), var(--rrx-gold-dark)) !important;
    color: #101820 !important;
}

.cus-btn span {
    background: var(--rrx-dark) !important;
}

/* RESPONSIVE */
@media (max-width: 1199px) {
    .rrx-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .rrx-submit {
        grid-column: span 3;
    }
}

@media (max-width: 991px) {
    .rrx-top-inner,
    .rrx-nav {
        flex-direction: column;
        text-align: center;
        padding: 10px 0;
    }

    .rrx-nav nav {
        flex-wrap: wrap;
        justify-content: center;
    }

    .rrx-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rrx-submit {
        grid-column: span 2;
    }
}

@media (max-width: 575px) {
    .rrx-top-inner div {
        display: flex;
        flex-direction: column;
        gap: 7px;
        width: 100%;
    }

    .rrx-top a {
        margin-left: 0;
        text-align: center;
    }

    .rrx-logo img {
        max-height: 40px;
    }

    .rrx-nav nav a {
        font-size: 11px;
        padding: 8px 9px;
    }

    .rrx-quote {
        width: 100%;
        text-align: center;
    }

    .rrx-hero {
        min-height: auto;
        padding: 20px 0 24px;
    }

    .rrx-card {
        padding: 16px;
        border-radius: 18px;
    }

    .rrx-grid {
        grid-template-columns: 1fr;
    }

    .rrx-submit {
        grid-column: auto;
        width: 100%;
    }
}






/* ===============================
   PREMIUM HOTEL HEADER - CLEAN BOX STYLE
=============================== */

.rrx-top,
.rrx-header {
    display: none !important;
}

/* TOP BAR */
.rrx-pro-top {
    background: #0e1624;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.rrx-pro-top-inner {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.rrx-pro-top-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rrx-pro-dot {
    width: 7px;
    height: 7px;
    background: #f2cf7f;
    border-radius: 2px;
}

.rrx-pro-top-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rrx-pro-top-actions a {
    color: #fff !important;
    padding: 7px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.rrx-pro-whatsapp {
    background: #22c55e;
}

.rrx-pro-call {
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
}

/* HEADER */
.rrx-pro-header {
    background: #ffffff;
    position: sticky;
    top: 0;
    z-index: 99;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 8px 24px rgba(15,23,42,.08);
}

.rrx-pro-nav {
    min-height: 78px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 24px;
}

.rrx-pro-logo img {
    max-height: 100px;
    width: auto;
}

/* MENU */
.rrx-pro-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    /*background: #f7f8fa;*/
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #eceff3;
}

.rrx-pro-menu a {
    color: #111827 !important;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 12px 16px;
    border-radius: 8px;
    transition: .22s ease;
    line-height: 1;
}

.rrx-pro-menu a:hover,
.rrx-pro-menu a.active {
    background: #101820;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(16,24,32,.18);
}

/* CTA */
.rrx-pro-quote {
    background: linear-gradient(135deg, #f2cf7f, #d9ad55);
    color: #101820 !important;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 13px 20px;
    border-radius: 8px;
    box-shadow: 0 12px 24px rgba(217,173,85,.28);
    white-space: nowrap;
}

.rrx-pro-quote:hover {
    background: #101820;
    color: #fff !important;
}

/* MOBILE TOGGLE */
.rrx-menu-check,
.rrx-menu-btn {
    display: none;
}

/* TABLET */
@media (max-width: 991px) {
    .rrx-pro-nav {
        grid-template-columns: auto auto;
        min-height: 70px;
    }

    .rrx-menu-btn {
        display: flex;
        width: 44px;
        height: 44px;
        background: #101820;
        border-radius: 8px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        cursor: pointer;
        justify-self: end;
    }

    .rrx-menu-btn span {
        width: 21px;
        height: 2px;
        background: #fff;
        border-radius: 2px;
    }

    .rrx-pro-menu {
        grid-column: 1 / -1;
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        padding: 10px;
        border-radius: 12px;
    }

    .rrx-menu-check:checked ~ .rrx-pro-menu {
        display: flex;
    }

    .rrx-pro-menu a {
        text-align: center;
    }

    .rrx-pro-quote {
        grid-column: 1 / -1;
        display: none;
        text-align: center;
        width: 100%;
    }

    .rrx-menu-check:checked ~ .rrx-pro-quote {
        display: block;
    }
}

/* MOBILE */
@media (max-width: 575px) {
    .rrx-pro-top-inner {
        flex-direction: column;
        text-align: center;
        padding: 8px 0;
    }

    .rrx-pro-top-actions {
        width: 100%;
        flex-direction: column;
    }

    .rrx-pro-top-actions a {
        width: 100%;
        justify-content: center;
    }

    .rrx-pro-logo img {
        max-height: 42px;
    }
}













/* ==================================================
   FINAL MOBILE UPDATE - TOP NUMBER + FIXED WHATSAPP + TEXT
================================================== */

@media (max-width: 575px) {

    /* MOBILE TOP BAR SHOW */
    .rrx-pro-top {
        display: block !important;
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
        background: #101820 !important;
        position: relative !important;
        z-index: 99999 !important;
    }

    .rrx-pro-top-inner {
        min-height: auto !important;
        padding: 7px 10px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        text-align: center !important;
    }

    .rrx-pro-top-left {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 6px !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
        color: #fff !important;
    }

    .rrx-pro-top-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        width: 100% !important;
    }

    /* topbar number visible */
    .rrx-pro-call {
        display: flex !important;
        position: static !important;
        width: 100% !important;
        height: 34px !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255,255,255,.10) !important;
        border: 1px solid rgba(255,255,255,.18) !important;
        color: #fff !important;
        border-radius: 8px !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        margin: 0 !important;
        padding: 0 10px !important;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        box-shadow: none !important;
        transform: none !important;
    }

    /* WhatsApp left fixed */
    .rrx-pro-whatsapp {
               position: fixed !important;
        right: 0 !important;
        top: 52% !important;
        transform: translateY(-50%) !important;
        z-index: 99999999 !important;
        width: 38px !important;
        height: 216px !important;
        border-radius: 12px 0px 0 12px !important;
        background: #25d366 !important;
        color: #fff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: 0 12px 28px rgba(0, 0, 0, .25) !important;
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
        white-space: nowrap !important;
        font-size: 14.5px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: .2px !important;
    }

    .rrx-pro-whatsapp i {
        font-size: 13px !important;
        margin-bottom: 5px !important;
    }

    /* HEADER */
    .rrx-pro-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 9999 !important;
        background: #fff !important;
    }

    .rrx-pro-nav {
        min-height: 54px !important;
        padding: 6px 0 !important;
        grid-template-columns: 1fr auto !important;
    }

    .rrx-pro-logo img {
        max-height: 36px !important;
    }

    .rrx-menu-btn {
        width: 38px !important;
        height: 38px !important;
        border-radius: 9px !important;
    }

    /* hero compact */
    .rrx-hero {
        min-height: calc(100vh - 96px) !important;
        padding: 10px 0 12px !important;
        overflow: hidden !important;
    }

    .rrx-hero-head {
        margin-bottom: 9px !important;
        padding: 0 10px !important;
    }

    .rrx-hero-head span {
        font-size: 10px !important;
        padding: 5px 10px !important;
        margin-bottom: 5px !important;
    }

    .rrx-hero-head h1 {
        font-size: 21px !important;
        line-height: 1.08 !important;
        margin-bottom: 5px !important;
    }

    /* text visible */
    .rrx-hero-head p {
        display: block !important;
        font-size: 10.5px !important;
        line-height: 1.3 !important;
        max-width: 300px !important;
        margin: 0 auto !important;
        color: rgba(255,255,255,.9) !important;
    }

    /* form */
    .rrx-card {
        width: calc(100% - 18px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        /*padding: 15px 12px 12px !important;*/
        border-radius: 16px !important;
        box-shadow: 0 18px 38px rgba(0,0,0,.26) !important;
    }

    .rrx-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px 8px !important;
        align-items: end !important;
    }

    .rrx-field:nth-child(1),
    .rrx-field:nth-child(2) {
        grid-column: span 2 !important;
    }

    .rrx-field:nth-child(3),
    .rrx-field:nth-child(4),
    .rrx-counter-box {
        grid-column: span 1 !important;
    }

    .rrx-field:nth-child(9),
    .rrx-field:nth-child(10) {
        grid-column: span 1 !important;
    }

    .rrx-submit {
        grid-column: span 2 !important;
        height: 42px !important;
        border-radius: 11px !important;
        font-size: 12px !important;
        margin-top: 2px !important;
    }

    .rrx-field label,
    .rrx-counter-box label {
        font-size: 8.8px !important;
        line-height: 1 !important;
        margin-bottom: 4px !important;
        white-space: nowrap !important;
    }

    .rrx-field input {
        height: 39px !important;
        border-radius: 10px !important;
        font-size: 10.5px !important;
        padding: 0 9px !important;
    }

    .rrx-field input.rrx-date-picker {
        padding-right: 24px !important;
    }

    .rrx-field:has(.rrx-date-picker)::after {
        right: 9px !important;
        bottom: 11px !important;
        font-size: 11px !important;
    }

    .rrx-counter {
        height: 39px !important;
        grid-template-columns: 32px 1fr 32px !important;
        border-radius: 10px !important;
    }

    .rrx-counter button {
        width: 32px !important;
        height: 39px !important;
        font-size: 18px !important;
    }

    .rrx-counter input {
        height: 39px !important;
        font-size: 12px !important;
    }

    .rrx-popular {
        display: none !important;
    }

    /* mobile menu */
    .rrx-pro-menu {
        top: calc(100% + 6px) !important;
        left: 10px !important;
        right: 10px !important;
        padding: 7px !important;
        border-radius: 12px !important;
    }

    .rrx-pro-menu a {
        padding: 11px 12px !important;
        font-size: 12px !important;
    }
}

/* Small phones */
@media (max-width: 380px) {
    .rrx-hero-head h1 {
        font-size: 19px !important;
    }

    .rrx-hero-head p {
        font-size: 9.8px !important;
    }

    .rrx-card {
        width: calc(100% - 12px) !important;
        padding: 13px 10px 10px !important;
    }

    .rrx-grid {
        gap: 6px !important;
    }

    .rrx-field input,
    .rrx-counter {
        height: 37px !important;
    }

    .rrx-counter button,
    .rrx-counter input {
        height: 37px !important;
    }
}




/* ==================================================
   MOBILE FINAL POLISH - HERO TEXT + CALENDAR + FORM
================================================== */

@media (max-width: 575px) {

    /* HERO TEXT CLEAN */
    .rrx-hero-head {
        margin-bottom: 10px !important;
        padding: 0 14px !important;
    }

    .rrx-hero-head span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        font-size: 10px !important;
        padding: 6px 12px !important;
        margin-bottom: 7px !important;
        border-radius: 999px !important;
    }

    .rrx-hero-head h1 {
        color: #fff !important;
        font-size: 20px !important;
        line-height: 1.12 !important;
        letter-spacing: -0.4px !important;
        margin: 0 0 6px !important;
        text-shadow: 0 3px 12px rgba(0,0,0,.38) !important;
    }

    .rrx-hero-head p {
        display: block !important;
        color: rgba(255,255,255,.92) !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        max-width: 310px !important;
        margin: 0 auto !important;
        font-weight: 700 !important;
        text-shadow: 0 2px 8px rgba(0,0,0,.28) !important;
    }

    /* FORM LABEL PADDING */
    .rrx-field label,
    .rrx-counter-box label {
        display: block !important;
        padding: 2px 0 3px !important;
        font-size: 9.4px !important;
        line-height: 1.1 !important;
        margin-bottom: 4px !important;
        color: #101820 !important;
        letter-spacing: .1px !important;
    }

    /* input mobile polish */
    .rrx-field input {
        height: 40px !important;
        font-size: 10.8px !important;
        border-radius: 10px !important;
    }

    /* show only mobile number field on mobile, hide email */
    .rrx-field:nth-child(10) {
        display: none !important;
    }

    .rrx-field:nth-child(9) {
        grid-column: span 2 !important;
    }

    /* button remains full */
    .rrx-submit {
        grid-column: span 2 !important;
    }

    /* CALENDAR PROFESSIONAL MOBILE */
    .picker {
        z-index: 999999999 !important;
        font-family: inherit !important;
    }

    .picker__holder {
        background: rgba(0,0,0,.34) !important;
        backdrop-filter: blur(3px) !important;
        z-index: 999999999 !important;
    }

    .picker__frame {
        top: 50% !important;
        bottom: auto !important;
        left: 50% !important;
        right: auto !important;
        transform: translate(-50%, -50%) !important;
        width: calc(100% - 44px) !important;
        max-width: 310px !important;
        min-width: 0 !important;
        margin: 0 !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        box-shadow: 0 24px 60px rgba(0,0,0,.35) !important;
    }

    .picker__wrap {
        border-radius: 16px !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    .picker__box {
        border: 0 !important;
        padding: 12px 12px 10px !important;
        background: #fff !important;
    }

    .picker__header {
        margin: 0 0 8px !important;
        padding: 4px 36px !important;
        position: relative !important;
    }

    .picker__month,
    .picker__year {
        color: #101820 !important;
        font-size: 16px !important;
        font-weight: 900 !important;
    }

    .picker__nav--prev,
    .picker__nav--next {
        width: 32px !important;
        height: 32px !important;
        border-radius: 9px !important;
        background: #fff4d8 !important;
        top: 0 !important;
    }

    .picker__nav--prev {
        left: 0 !important;
    }

    .picker__nav--next {
        right: 0 !important;
    }

    .picker__weekday {
        color: #6b7280 !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        padding-bottom: 6px !important;
    }

    .picker__table {
        margin-bottom: 8px !important;
    }

    .picker__day {
        border-radius: 9px !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        padding: 7px 0 !important;
    }

    .picker__day--today {
        color: #d9ad55 !important;
        border-color: #d9ad55 !important;
    }

    .picker__day--highlighted,
    .picker__day--selected,
    .picker__day--selected:hover {
        background: linear-gradient(135deg, #f2cf7f, #d9ad55) !important;
        color: #101820 !important;
        border-color: #d9ad55 !important;
    }

    .picker__footer {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        margin-top: 6px !important;
    }

    .picker__button--today,
    .picker__button--clear,
    .picker__button--close {
        border: 1px solid #f0dfbd !important;
        border-radius: 9px !important;
        background: #fff8e8 !important;
        color: #101820 !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        padding: 8px 4px !important;
        margin: 0 !important;
    }
}

@media (max-width: 380px) {
    .rrx-hero-head h1 {
        font-size: 20px !important;
    }

    .rrx-hero-head p {
        font-size: 10px !important;
    }

    .picker__frame {
        width: calc(100% - 28px) !important;
        max-width: 300px !important;
    }

    .picker__day {
        padding: 6px 0 !important;
    }
}


/* ==================================================
   PICKADATE MOBILE CALENDAR FINAL FIX
================================================== */

@media (max-width: 575px) {

    .picker {
        position: fixed !important;
        inset: 0 !important;
        z-index: 999999999 !important;
        width: 100% !important;
        height: 100% !important;
        pointer-events: none !important;
    }

    .picker--opened {
        pointer-events: auto !important;
    }

    .picker__holder {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
        background: rgba(16,24,32,.62) !important;
        backdrop-filter: blur(6px) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 18px !important;
        max-height: none !important;
        transform: none !important;
    }

    .picker__frame {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 315px !important;
        min-width: 0 !important;
        max-height: none !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        box-shadow: 0 28px 70px rgba(0,0,0,.42) !important;
    }

    .picker__wrap {
        width: 100% !important;
        max-width: 315px !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    .picker__box {
        background: #fff !important;
        border: 0 !important;
        padding: 14px !important;
    }

    .picker__header {
        position: relative !important;
        margin: 0 0 10px !important;
        padding: 4px 42px !important;
        text-align: center !important;
    }

    .picker__month,
    .picker__year {
        color: #101820 !important;
        font-size: 16px !important;
        font-weight: 900 !important;
    }

    .picker__nav--prev,
    .picker__nav--next {
        position: absolute !important;
        top: 0 !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 10px !important;
        background: #fff4d8 !important;
        color: #101820 !important;
    }

    .picker__nav--prev {
        left: 0 !important;
    }

    .picker__nav--next {
        right: 0 !important;
    }

    .picker__table {
        width: 100% !important;
        table-layout: fixed !important;
        margin: 0 0 10px !important;
    }

    .picker__weekday {
        color: #6b7280 !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        text-align: center !important;
        padding: 4px 0 7px !important;
    }

    .picker__day {
        width: 34px !important;
        height: 34px !important;
        line-height: 34px !important;
        padding: 0 !important;
        margin: 0 auto !important;
        border-radius: 10px !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        text-align: center !important;
    }

    .picker__day--infocus:hover,
    .picker__day--highlighted,
    .picker__day--selected,
    .picker__day--selected:hover {
        background: linear-gradient(135deg, #f2cf7f, #d9ad55) !important;
        color: #101820 !important;
        border-color: #d9ad55 !important;
    }

    .picker__day--disabled,
    .picker__day--outfocus {
        color: #c9c9c9 !important;
    }

    .picker__footer {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 7px !important;
        margin-top: 8px !important;
    }

    .picker__button--today,
    .picker__button--clear,
    .picker__button--close {
        margin: 0 !important;
        padding: 9px 4px !important;
        border-radius: 10px !important;
        border: 1px solid #f0dfbd !important;
        background: #fff8e8 !important;
        color: #101820 !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }
}



/* ================================
   WEEKDAY CUT FIX (FINAL)
================================ */

@media (max-width: 575px) {

    .picker__table {
        table-layout: fixed !important;
        width: 100% !important;
    }

    .picker__weekday {
        font-size: 10px !important;
        font-weight: 800 !important;
        padding: 15px 0 !important;
        letter-spacing: 0.2px !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    .picker__day {
        width: 100% !important;
        height: 32px !important;
        line-height: 32px !important;
        font-size: 12px !important;
        margin: 0 auto !important;
    }

    .picker__header {
        padding: 6px 36px !important;
    }
    
    
    .picker__button--clear, .picker__button--close, .picker__button--today {
    border: 1px solid #fff;
    background: #fff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: 700;
    width: 100% !important;
    display: inline-block;
    vertical-align: bottom;
}

}













/* =========================
   BENEFITS PRO SECTION
========================= */

#rrx-benefits-pro {
    padding: 60px 0;
    background: #f8fafc;
}

/* Heading */
.rrx-benefits-head {
    text-align: center;
    margin-bottom: 40px;
}

.rrx-benefits-head h2 {
    font-size: 28px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
}

.rrx-benefits-head p {
    font-size: 14px;
    color: #64748b;
}

/* Card */
.rrx-benefit-card {
    background: #fff;
    padding: 26px 22px;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    transition: 0.3s ease;
    height: 100%;
    position: relative;
}

/* subtle top accent line */
.rrx-benefit-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: linear-gradient(90deg, #caa14a, #f4d27a);
    border-radius: 14px 14px 0 0;
}

/* Hover */
.rrx-benefit-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.08);
}

/* Icon */
.rrx-icon {
    font-size: 28px;
    margin-bottom: 14px;
}

/* Title */
.rrx-benefit-card h5 {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 8px;
}

/* Text */
.rrx-benefit-card p {
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 575px) {

    #rrx-benefits-pro {
        padding: 40px 0;
    }

    .rrx-benefits-head h2 {
        font-size: 22px;
    }

    .rrx-benefit-card {
        padding: 20px 16px;
    }

    .rrx-icon {
        font-size: 24px;
    }

}
















/* ================================
   ROOM RESERVATIONS TRUST BANNER - LIGHT PREMIUM
================================ */

#rrx-trust-banner {
    padding: 50px 0;
    background: linear-gradient(180deg, #ffffff 0%, #fff8ec 100%);
}

.rrx-trust-wrap {
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 38px;
    align-items: center;
    background: #ffffff;
    border-radius: 28px;
    padding: 44px;
    position: relative;
    overflow: hidden;
    border: 1px solid #f1dfb8;
    box-shadow: 0 26px 70px rgba(16,24,32,.10);
}

.rrx-trust-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 10% 10%, rgba(242,207,127,.22), transparent 34%),
        radial-gradient(circle at 95% 15%, rgba(16,24,32,.06), transparent 30%);
    pointer-events: none;
}

.rrx-trust-left,
.rrx-trust-right {
    position: relative;
    z-index: 2;
}

.rrx-trust-label {
    display: inline-block;
    background: #fff4d8;
    border: 1px solid #f1d99f;
    color: #9a6a17;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.rrx-trust-left h2 {
    color: #101820;
    font-size: clamp(30px, 3vw, 48px);
    line-height: 1.08;
    font-weight: 900;
    margin-bottom: 16px;
    letter-spacing: -1px;
}

.rrx-trust-left p {
    color: #4b5563;
    font-size: 15px;
    line-height: 1.75;
    max-width: 570px;
    margin-bottom: 26px;
    font-weight: 600;
}

.rrx-trust-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.rrx-trust-stats div {
        background: #fffaf0;
    /* border: 1px solid #f1dfb8; */
    border-radius: 16px;
    padding: 3px;
    box-shadow: 0 12px 28px rgba(16, 24, 32, .06);
}

.rrx-trust-stats strong {
    display: block;
    color: #101820;
    font-size: 19px;
    font-weight: 900;
    margin-bottom: 4px;
}

.rrx-trust-stats span {
    display: block;
    color: #6b7280;
    font-size: 12px;
    font-weight: 800;
}

.rrx-trust-right {
    display: grid;
    grid-template-columns: 1fr .88fr;
    gap: 20px;
    align-items: center;
}

.rrx-trust-image {
    border-radius: 24px;
    overflow: hidden;
    height: 450px;
    border: 1px solid #f1dfb8;
    box-shadow: 0 20px 48px rgba(16,24,32,.13);
}

.rrx-trust-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rrx-trust-card {
    background: #101820;
    border-radius: 24px;
    padding: 28px 24px;
    box-shadow: 0 20px 48px rgba(16,24,32,.20);
}

.rrx-trust-card h3 {
    color: #ffffff;
    font-size: 21px;
    font-weight: 900;
    margin-bottom: 16px;
}

.rrx-trust-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rrx-trust-card li {
    color: rgba(255,255,255,.84);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    padding: 12px 0 12px 28px;
    border-bottom: 1px solid rgba(255,255,255,.12);
    position: relative;
}

.rrx-trust-card li:last-child {
    border-bottom: 0;
}

.rrx-trust-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 11px;
    color: #f2cf7f;
    font-weight: 900;
}

/* Responsive */
@media (max-width: 991px) {
    #rrx-trust-banner {
        padding: 50px 0;
    }

    .rrx-trust-wrap {
        grid-template-columns: 1fr;
        padding: 30px;
    }

    .rrx-trust-right {
        grid-template-columns: 1fr;
    }

    .rrx-trust-image {
        height: 300px;
    }
}

@media (max-width: 575px) {
    #rrx-trust-banner {
        padding: 36px 0;
    }

    .rrx-trust-wrap {
        padding: 20px 14px;
        border-radius: 20px;
    }

    .rrx-trust-left h2 {
        font-size: 25px;
    }

    .rrx-trust-left p {
        font-size: 13px;
        line-height: 1.6;
    }

    .rrx-trust-stats {
        grid-template-columns: 1fr;
    }

    .rrx-trust-image {
        height: 220px;
        border-radius: 16px;
    }

    .rrx-trust-card {
        border-radius: 16px;
        padding: 20px 16px;
    }

    .rrx-trust-card h3 {
        font-size: 19px;
    }

    .rrx-trust-card li {
        font-size: 13px;
    }
}


.rrx-trust-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.rrx-stat-box {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #fffaf0;
    border: 1px solid #f1dfb8;
    border-radius: 16px;
    padding: 16px 18px;
    transition: all .25s ease;
    box-shadow: 0 10px 24px rgba(16,24,32,.05);
}

.rrx-stat-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(16,24,32,.08);
}

.rrx-stat-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: linear-gradient(135deg, #f2cf7f, #e6b85c);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #101820;
    font-size: 18px;
    flex-shrink: 0;
}

.rrx-stat-box strong {
    display: block;
    font-size: 16px;
    font-weight: 900;
    color: #101820;
    margin-bottom: 2px;
}

.rrx-stat-box span {
    font-size: 12px;
    font-weight: 700;
    color: #6b7280;
}

/* Mobile */
@media (max-width: 575px) {
    .rrx-trust-stats {
        grid-template-columns: 1fr;
    }

    .rrx-stat-box {
        padding: 14px;
    }

    .rrx-stat-icon {
        width: 36px;
        height: 36px;
        font-size: 15px;
    }
}















/* ==================================================
   RR PROFESSIONAL HOTEL / RESORT SLIDER FINAL
================================================== */

#rrx-resort-showcase {
    padding: 74px 0;
    background: linear-gradient(180deg, #ffffff 0%, #fffaf0 100%);
    overflow: hidden;
}

#rrx-resort-showcase .container-fluid {
    /*max-width: 1240px;*/
    margin: 0 auto;
}

/* Heading */
.rrx-resort-head {
    margin: 0 auto 30px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.rrx-resort-head-text {
    max-width: 760px;
}

.rrx-resort-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff4d8;
    border: 1px solid #f1d99f;
    color: #9a6a17;
    padding: 7px 13px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.rrx-resort-head h2 {
    color: #101820;
    font-size: clamp(30px, 3.2vw, 46px);
    line-height: 1.08;
    font-weight: 900;
    margin: 0 0 8px;
    letter-spacing: -1px;
}

.rrx-resort-head p {
    color: #5f6673;
    font-size: 14px;
    line-height: 1.65;
    max-width: 720px;
    margin: 0;
    font-weight: 600;
}

/* Top actions */
.rrx-resort-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.rrx-resort-arrows {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
}

/* Custom arrows */
.rrx-resort-arrows button {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;

    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;

    border: 0 !important;
    outline: 0 !important;
    border-radius: 10px !important;

    background: #101820 !important;
    color: #ffffff !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    cursor: pointer !important;
    opacity: 1 !important;
    visibility: visible !important;

    box-shadow: 0 12px 24px rgba(16, 24, 32, .18) !important;
    transition: all .25s ease !important;
}

.rrx-resort-arrows button span {
    display: block !important;
    font-family: Arial, sans-serif !important;
    font-size: 32px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    color: #ffffff !important;
    margin-top: -3px !important;
}

.rrx-resort-arrows button::before,
.rrx-resort-arrows button::after {
    display: none !important;
    content: none !important;
}

.rrx-resort-arrows button:hover {
    background: linear-gradient(135deg, #f2cf7f, #d9ad55) !important;
    transform: translateY(-2px) !important;
}

.rrx-resort-arrows button:hover span {
    color: #101820 !important;
}

/* View button */
.rrx-resort-view {
    background: #101820;
    color: #fff !important;
    padding: 13px 18px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: 0 14px 28px rgba(16, 24, 32, .18);
    transition: all .25s ease;
}

.rrx-resort-view:hover {
    background: linear-gradient(135deg, #f2cf7f, #d9ad55);
    color: #101820 !important;
}

/* Slider wrapper */
.rrx-resort-slider {
    margin: 0 auto;
    position: relative;
}

.rrx-resort-slider .slick-list {
    margin: 0 -12px;
    padding: 10px 0 26px;
    overflow: hidden;
}

.rrx-resort-slider .slick-track {
    display: flex !important;
}

.rrx-resort-slider .slick-slide {
    height: auto !important;
}

.rrx-resort-slider .slick-slide > div {
    height: 100%;
}

.rrx-resort-slide {
    padding: 0 12px;
    height: 100%;
}

/* Card */
.rrx-resort-card {
    background: #ffffff;
    border: 1px solid #f0dfbd;
    border-radius: 22px;
    overflow: hidden;
    height: 100%;
    min-height: 100%;
    box-shadow: 0 18px 45px rgba(16, 24, 32, .09);
    transition: all .28s ease;
    display: flex;
    flex-direction: column;
}

.rrx-resort-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 26px 58px rgba(16, 24, 32, .14);
}

.rrx-resort-img {
    position: relative;
    width: 100%;
    height: 245px;
    overflow: hidden;
    background: #f8f4ee;
    flex-shrink: 0;
}

.rrx-resort-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .45s ease;
}

.rrx-resort-card:hover .rrx-resort-img img {
    transform: scale(1.06);
}

.rrx-resort-badge {
    position: absolute;
    left: 16px;
    top: 16px;
    background: rgba(16, 24, 32, .88);
    color: #ffffff;
    padding: 7px 11px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 900;
    backdrop-filter: blur(8px);
}

.rrx-resort-body {
    padding: 20px 18px 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.rrx-resort-body h3 {
    color: #101820;
    font-size: 19px;
    line-height: 1.22;
    font-weight: 900;
    margin: 0 0 8px;
}

.rrx-resort-location {
    color: #6b7280;
    font-size: 13px;
    font-weight: 800;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.rrx-resort-location i {
    color: #d9ad55;
}

.rrx-resort-desc {
    color: #4b5563;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 600;
    margin: 0 0 15px;
    min-height: 60px;
}

.rrx-resort-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: auto 0 16px;
}

.rrx-resort-meta span {
    background: #fff8e8;
    border: 1px solid #f0dfbd;
    color: #101820;
    padding: 7px 9px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.rrx-resort-meta i {
    color: #d9ad55;
}

.rrx-resort-btn {
    width: 100%;
    height: 46px;
    background: linear-gradient(135deg, #f2cf7f, #d9ad55);
    color: #101820 !important;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    transition: .25s ease;
}

.rrx-resort-btn:hover {
    background: #101820;
    color: #ffffff !important;
}

.rrx-resort-btn span {
    font-size: 17px;
    line-height: 1;
}

/* Hide any default slick arrows inside slider */
.rrx-resort-slider > .slick-arrow {
    display: none !important;
}

/* Dots */
.rrx-resort-slider .slick-dots {
    position: relative;
    bottom: auto;
    margin: 12px 0 0;
    padding: 0;
}

.rrx-resort-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 4px;
}

.rrx-resort-slider .slick-dots li button {
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 20px;
    background: #e8d6b3;
}

.rrx-resort-slider .slick-dots li button:before {
    display: none;
}

.rrx-resort-slider .slick-dots li.slick-active button {
    width: 24px;
    background: #d9ad55;
}

/* Tablet */
@media (max-width: 991px) {
    #rrx-resort-showcase {
        padding: 58px 0;
    }

    .rrx-resort-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .rrx-resort-actions {
        width: 100%;
        justify-content: space-between;
    }

    .rrx-resort-img {
        height: 230px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    #rrx-resort-showcase {
        padding: 42px 0;
    }

    .rrx-resort-head {
        margin-bottom: 20px;
        gap: 14px;
    }

    .rrx-resort-label {
        font-size: 11px;
        padding: 6px 10px;
        margin-bottom: 10px;
    }

    .rrx-resort-head h2 {
        font-size: 25px;
        margin-bottom: 7px;
        letter-spacing: -0.5px;
    }

    .rrx-resort-head p {
        font-size: 12.5px;
        line-height: 1.55;
    }

    .rrx-resort-actions {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 10px;
        align-items: center;
    }

    .rrx-resort-arrows {
        gap: 7px;
        min-height: 36px;
    }

    .rrx-resort-arrows button {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        border-radius: 9px !important;
    }

    .rrx-resort-arrows button span {
        font-size: 29px !important;
        line-height: 27px !important;
    }

    .rrx-resort-view {
        width: 100%;
        text-align: center;
        padding: 11px 14px;
        font-size: 12px;
    }

    .rrx-resort-slider .slick-list {
        margin: 0 -7px;
        padding: 6px 0 20px;
    }

    .rrx-resort-slide {
        padding: 0 7px;
    }

    .rrx-resort-card {
        border-radius: 18px;
    }

    .rrx-resort-img {
        height: 210px;
    }

    .rrx-resort-body {
        padding: 17px 15px 15px;
    }

    .rrx-resort-body h3 {
        font-size: 18px;
    }

    .rrx-resort-desc {
        min-height: auto;
        font-size: 12.5px;
    }

    .rrx-resort-meta {
        margin-top: 0;
    }
}


















/* ===============================
   RR PREMIUM DESTINATIONS
================================ */

#rrx-dest-pro {
    padding: 78px 0;
    background: linear-gradient(180deg, #ffffff 0%, #fffaf0 100%);
}

#rrx-dest-pro .container-fluid {
    /*max-width: 1240px;*/
    margin: 0 auto;
}

.rrx-dest-head {
    max-width: 760px;
    margin-bottom: 34px;
}

.rrx-dest-head span {
    display: inline-flex;
    background: #fff4d8;
    border: 1px solid #f1d99f;
    color: #9a6a17;
    padding: 7px 13px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.rrx-dest-head h2 {
    color: #101820;
    font-size: clamp(30px, 3.2vw, 46px);
    line-height: 1.08;
    font-weight: 900;
    margin-bottom: 10px;
    letter-spacing: -1px;
}

.rrx-dest-head p {
    color: #5f6673;
    font-size: 14px;
    line-height: 1.65;
    font-weight: 600;
}

.rrx-dest-wrap {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 26px;
    align-items: stretch;
}

.rrx-dest-feature {
    position: relative;
    min-height: 560px;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 28px 70px rgba(16,24,32,.16);
}

.rrx-dest-feature img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rrx-dest-feature::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(16,24,32,.05), rgba(16,24,32,.82));
}

.rrx-dest-feature-content {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 28px;
    z-index: 2;
}

.rrx-dest-feature-content span {
    display: inline-flex;
    color: #101820;
    background: #f2cf7f;
    padding: 7px 12px;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.rrx-dest-feature-content h3 {
    color: #fff;
    font-size: 38px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 8px;
}

.rrx-dest-feature-content p {
    color: rgba(255,255,255,.86);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 18px;
}

.rrx-dest-feature-content a {
    display: inline-flex;
    background: #fff;
    color: #101820 !important;
    padding: 12px 18px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 900;
}

.rrx-dest-side {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 18px;
}

.rrx-dest-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.rrx-dest-card {
    background: #fff;
    border: 1px solid #f0dfbd;
    border-radius: 20px;
    padding: 13px;
    display: grid;
    grid-template-columns: 104px 1fr;
    gap: 14px;
    align-items: center;
    box-shadow: 0 16px 38px rgba(16,24,32,.07);
    transition: all .25s ease;
}

.rrx-dest-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 52px rgba(16,24,32,.12);
}

.rrx-dest-card img {
    width: 104px;
    height: 104px;
    object-fit: cover;
    border-radius: 15px;
}

.rrx-dest-card h3 {
    color: #101820;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 6px;
}

.rrx-dest-card p {
    color: #5f6673;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
    margin: 0;
}

.rrx-dest-map {
    position: relative;
    background: #101820;
    border-radius: 26px;
    padding: 24px;
    min-height: 270px;
    display: flex;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(16,24,32,.14);
}

.rrx-dest-map::before {
    content: "";
    position: absolute;
    width: 340px;
    height: 340px;
    right: -110px;
    top: -120px;
    background: radial-gradient(circle, rgba(242,207,127,.28), transparent 68%);
}

.rrx-dest-map div {
    position: relative;
    z-index: 2;
    max-width: 280px;
}

.rrx-dest-map strong {
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 5px;
}

.rrx-dest-map small {
    color: rgba(255,255,255,.72);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.rrx-dest-map img {
    position: absolute;
    right: -30px;
    bottom: -35px;
    width: 54%;
    max-height: 260px;
    object-fit: contain;
    opacity: .38;
    filter: grayscale(1) brightness(2);
}

/* Hide airplane inside this section */
#rrx-dest-pro .plane-vector,
#rrx-dest-pro .map-vector {
    display: none !important;
}

@media (max-width: 991px) {
    #rrx-dest-pro {
        padding: 58px 0;
    }

    .rrx-dest-wrap {
        grid-template-columns: 1fr;
    }

    .rrx-dest-feature {
        min-height: 420px;
    }
}

@media (max-width: 575px) {
    #rrx-dest-pro {
        padding: 42px 0;
    }

    .rrx-dest-head h2 {
        font-size: 26px;
    }

    .rrx-dest-head p {
        font-size: 12.5px;
    }

    .rrx-dest-feature {
        min-height: 360px;
        border-radius: 20px;
    }

    .rrx-dest-feature-content {
        left: 18px;
        right: 18px;
        bottom: 18px;
    }

    .rrx-dest-feature-content h3 {
        font-size: 30px;
    }

    .rrx-dest-grid {
        grid-template-columns: 1fr;
    }

    .rrx-dest-card {
        grid-template-columns: 88px 1fr;
        padding: 11px;
        border-radius: 16px;
    }

    .rrx-dest-card img {
        width: 88px;
        height: 88px;
        border-radius: 13px;
    }

    .rrx-dest-card h3 {
        font-size: 17px;
    }

    .rrx-dest-card p {
        font-size: 12px;
    }

    .rrx-dest-map {
        min-height: 210px;
        border-radius: 20px;
    }

    .rrx-dest-map img {
        width: 62%;
        opacity: .25;
    }
}
















/* ================================
   Hotel Theme Testimonials Section
================================ */

#hg-testimonials-section {
    position: relative;
    padding: 90px 0;
    background:
        radial-gradient(circle at top left, rgba(229, 181, 83, 0.16), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fffaf0 100%);
    overflow: hidden;
}

#hg-testimonials-section::before {
    content: "";
    position: absolute;
    top: 0;
    right: -120px;
    width: 330px;
    height: 330px;
    background: rgba(229, 181, 83, 0.16);
    border-radius: 50%;
    filter: blur(4px);
}

.hg-testimonials-heading {
    max-width: 760px;
    margin: 0 auto 42px;
    position: relative;
    z-index: 2;
}

.hg-testimonials-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 16px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: #fff4d8;
    color: #8b5e08;
    font-size: 13px;
    font-weight: 800;
    border: 1px solid rgba(229, 181, 83, 0.45);
}

.hg-testimonials-heading h2 {
    margin: 0 0 10px;
    color: #101927;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -1px;
}

.hg-testimonials-heading p {
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.7;
    max-width: 680px;
}

.hg-testimonials-slider {
    position: relative;
    z-index: 2;
}

.hg-testimonial-slide {
    padding: 14px;
}

.hg-testimonial-card {
    position: relative;
    height: 100%;
    min-height: 330px;
    padding: 34px 30px 28px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(229, 181, 83, 0.30);
    box-shadow: 0 18px 50px rgba(16, 25, 39, 0.08);
    transition: all 0.35s ease;
    overflow: hidden;
}

.hg-testimonial-card::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #e5b553, #f6d887);
}

.hg-testimonial-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 24px 65px rgba(16, 25, 39, 0.13);
    border-color: rgba(229, 181, 83, 0.75);
}

.hg-quote-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #101927;
    color: #e5b553;
    font-size: 22px;
    margin-bottom: 22px;
}

.hg-testimonial-card p {
    margin: 0 0 28px;
    color: #344054;
    font-size: 15.5px;
    line-height: 1.8;
}

.hg-testimonial-footer {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: auto;
}

.hg-reviewer-avatar {
    width: 54px;
    height: 54px;
    min-width: 54px;
    border-radius: 50%;
    background: linear-gradient(135deg, #101927, #24364f);
    color: #e5b553;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 15px;
    border: 3px solid #fff4d8;
    box-shadow: 0 8px 20px rgba(16, 25, 39, 0.18);
}

.hg-testimonial-footer h6 {
    margin: 0 0 3px;
    color: #101927;
    font-size: 16px;
    font-weight: 900;
}

.hg-testimonial-footer span {
    display: block;
    margin-bottom: 5px;
    color: #667085;
    font-size: 13px;
    font-weight: 600;
}

.hg-rating {
    display: flex;
    gap: 3px;
    color: #e5b553;
    font-size: 13px;
}

.hg-testimonials-note {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 28px auto 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.6;
}

/* Slick dots/arrows only for this section */
#hg-testimonials-section .slick-dots {
    bottom: -38px;
}

#hg-testimonials-section .slick-dots li button:before {
    font-size: 10px;
    color: #101927;
    opacity: 0.35;
}

#hg-testimonials-section .slick-dots li.slick-active button:before {
    color: #e5b553;
    opacity: 1;
}

#hg-testimonials-section .slick-prev,
#hg-testimonials-section .slick-next {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #101927;
    z-index: 5;
    box-shadow: 0 12px 28px rgba(16, 25, 39, 0.18);
}

#hg-testimonials-section .slick-prev:hover,
#hg-testimonials-section .slick-next:hover {
    background: #e5b553;
}

#hg-testimonials-section .slick-prev:before,
#hg-testimonials-section .slick-next:before {
    color: #fff;
    font-size: 18px;
    opacity: 1;
}

/* Responsive */
@media (max-width: 991px) {
    #hg-testimonials-section {
        padding: 70px 0;
    }

    .hg-testimonial-card {
        min-height: 310px;
        padding: 30px 24px;
    }
}

@media (max-width: 767px) {
    #hg-testimonials-section {
        padding: 55px 0;
    }

    .hg-testimonials-heading {
        margin-bottom: 26px;
    }

    .hg-testimonials-heading p {
        font-size: 14px;
    }

    .hg-testimonial-slide {
        padding: 10px;
    }

    .hg-testimonial-card {
        min-height: auto;
        padding: 26px 20px;
        border-radius: 20px;
    }

    .hg-testimonial-card p {
        font-size: 14px;
        line-height: 1.7;
    }

    #hg-testimonials-section .slick-prev,
    #hg-testimonials-section .slick-next {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .hg-testimonial-footer {
        align-items: flex-start;
    }

    .hg-reviewer-avatar {
        width: 48px;
        height: 48px;
        min-width: 48px;
        font-size: 13px;
    }

    .hg-testimonial-footer h6 {
        font-size: 15px;
    }
}














/* ================================
   Hotel Theme FAQ Section
================================ */

#faq.hg-faq-section {
    position: relative;
    padding: 90px 0 100px;
    background:
        linear-gradient(180deg, #fffaf0 0%, #ffffff 52%, #f8fafc 100%);
    overflow: hidden;
}

#faq.hg-faq-section::before {
    content: "";
    position: absolute;
    left: -160px;
    top: 90px;
    width: 360px;
    height: 360px;
    background: rgba(229, 181, 83, 0.18);
    border-radius: 50%;
    filter: blur(8px);
}

.hg-faq-heading {
    max-width: 760px;
    margin: 0 auto 46px;
    position: relative;
    z-index: 2;
}

.hg-faq-tag {
    display: inline-flex;
    padding: 7px 16px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: #fff4d8;
    color: #8b5e08;
    font-size: 13px;
    font-weight: 800;
    border: 1px solid rgba(229, 181, 83, 0.45);
}

.hg-faq-heading h2 {
    margin: 0 0 10px;
    color: #101927;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -1px;
}

.hg-faq-heading p {
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.7;
    max-width: 660px;
}

.hg-faq-visual {
    position: relative;
    padding: 28px;
    border-radius: 30px;
    background: #101927;
    box-shadow: 0 24px 65px rgba(16, 25, 39, 0.14);
    overflow: hidden;
}

.hg-faq-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(229, 181, 83, 0.30), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,0.08), transparent);
}

.hg-faq-visual img {
    position: relative;
    z-index: 2;
    width: 100%;
    display: block;
    border-radius: 22px;
    object-fit: cover;
}

.hg-faq-support-box {
    position: absolute;
    left: 46px;
    right: 46px;
    bottom: 46px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255,255,255,0.95);
    box-shadow: 0 16px 45px rgba(16, 25, 39, 0.20);
}

.hg-faq-support-box span {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 16px;
    background: #e5b553;
    color: #101927;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.hg-faq-support-box h6 {
    margin: 0 0 4px;
    color: #101927;
    font-size: 16px;
    font-weight: 900;
}

.hg-faq-support-box p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.5;
}

.hg-faq-card {
    position: relative;
    z-index: 2;
    padding: 22px;
    border-radius: 28px;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(229, 181, 83, 0.28);
    box-shadow: 0 20px 60px rgba(16, 25, 39, 0.08);
}

.hg-faq-accordion .accordion-item {
    margin-bottom: 14px;
    border: 1px solid rgba(229, 181, 83, 0.28);
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(16, 25, 39, 0.05);
}

.hg-faq-accordion .accordion-item:last-child {
    margin-bottom: 0;
}

.hg-faq-accordion .accordion-button {
    padding: 20px 54px 20px 22px;
    background: #ffffff;
    color: #101927;
    font-size: 15.5px;
    font-weight: 900;
    line-height: 1.4;
    box-shadow: none;
}

.hg-faq-accordion .accordion-button:not(.collapsed) {
    background: linear-gradient(90deg, #101927 0%, #1b2a3f 100%);
    color: #ffffff;
}

.hg-faq-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

.hg-faq-accordion .accordion-button::after {
    position: absolute;
    right: 20px;
    width: 30px;
    height: 30px;
    background-size: 14px;
    background-position: center;
    border-radius: 50%;
    background-color: #fff4d8;
}

.hg-faq-accordion .accordion-button:not(.collapsed)::after {
    background-color: #e5b553;
}

.hg-faq-accordion .accordion-body {
    padding: 10px 22px 22px;
    color: #667085;
    font-size: 15px;
    line-height: 1.75;
    background: #ffffff;
}

.hg-faq-accordion .accordion-body strong {
    color: #101927;
    font-weight: 800;
}

.hg-faq-note {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: 18px;
    background: #fff8e8;
    border: 1px solid rgba(229, 181, 83, 0.40);
    color: #7a5a18;
    font-size: 13.5px;
    line-height: 1.6;
    font-weight: 600;
}

.hg-faq-note i {
    margin-top: 3px;
    color: #e5b553;
}

/* Responsive */
@media (max-width: 991px) {
    #faq.hg-faq-section {
        padding: 70px 0;
    }

    .hg-faq-visual {
        max-width: 620px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    #faq.hg-faq-section {
        padding: 55px 0;
    }

    .hg-faq-heading {
        margin-bottom: 30px;
    }

    .hg-faq-heading p {
        font-size: 14px;
    }

    .hg-faq-visual {
        padding: 18px;
        border-radius: 24px;
    }

    .hg-faq-support-box {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin-top: 16px;
    }

    .hg-faq-card {
        padding: 14px;
        border-radius: 22px;
    }

    .hg-faq-accordion .accordion-button {
        padding: 17px 48px 17px 18px;
        font-size: 14px;
    }

    .hg-faq-accordion .accordion-body {
        padding: 10px 18px 18px;
        font-size: 14px;
    }
}












/* ================================
   Compact Hotel Enquiry Section
================================ */

#hg-mini-enquiry.hg-mini-enquiry-section {
    position: relative;
    padding: 52px 0;
    background: #f4eefc;
    overflow: hidden;
}

.hg-mini-enquiry-wrap {
    position: relative;
    padding: 34px 46px;
    background:
        radial-gradient(circle at right center, rgba(229, 181, 83, 0.20), transparent 28%),
        linear-gradient(135deg, #f4eefc 0%, #fff8e8 100%);
    border-top: 1px solid rgba(229, 181, 83, 0.24);
    border-bottom: 1px solid rgba(229, 181, 83, 0.24);
}

.hg-mini-enquiry-img {
    text-align: center;
}

.hg-mini-enquiry-img img {
    max-width: 250px;
    width: 100%;
    height: auto;
    display: inline-block;
    filter: drop-shadow(0 18px 28px rgba(16, 25, 39, 0.16));
}

.hg-mini-enquiry-content {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.hg-mini-enquiry-tag {
    display: inline-flex;
    padding: 6px 14px;
    margin-bottom: 10px;
    border-radius: 999px;
    background: #fff4d8;
    color: #8b5e08;
    border: 1px solid rgba(229, 181, 83, 0.45);
    font-size: 12px;
    font-weight: 900;
}

.hg-mini-enquiry-content h3 {
    margin: 0 0 8px;
    color: #101927;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -0.5px;
}

.hg-mini-enquiry-content p {
    max-width: 680px;
    margin: 0 auto 18px;
    color: #667085;
    font-size: 14.5px;
    line-height: 1.65;
    font-weight: 500;
}

.hg-mini-enquiry-form {
    max-width: 760px;
    margin: 0 auto;
}

.hg-mini-enquiry-form input {
    width: 100%;
    height: 48px;
    border: 1px solid rgba(229, 181, 83, 0.42);
    background: #ffffff;
    color: #101927;
    border-radius: 13px;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 700;
    outline: none;
    transition: all 0.25s ease;
}

.hg-mini-enquiry-form input::placeholder {
    color: #8a94a6;
    font-weight: 600;
}

.hg-mini-enquiry-form input:focus {
    border-color: #e5b553;
    box-shadow: 0 0 0 4px rgba(229, 181, 83, 0.15);
}

.hg-mini-enquiry-btn {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 13px;
    background: linear-gradient(135deg, #e5b553 0%, #f4d47a 100%);
    color: #101927;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.hg-mini-enquiry-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(229, 181, 83, 0.32);
}

.hg-mini-enquiry-btn i {
    margin-left: 7px;
}

.hg-mini-enquiry-note {
    margin-top: 12px;
    color: #7a5a18;
    font-size: 12.5px;
    line-height: 1.5;
    font-weight: 600;
}

.hg-mini-enquiry-map {
    text-align: right;
}

.hg-mini-enquiry-map img {
    max-width: 250px;
    width: 100%;
    height: auto;
    opacity: 0.82;
}

/* Responsive */
@media (max-width: 991px) {
    .hg-mini-enquiry-wrap {
        padding: 32px 24px;
    }

    .hg-mini-enquiry-img img {
        max-width: 220px;
    }
}

@media (max-width: 767px) {
    #hg-mini-enquiry.hg-mini-enquiry-section {
        padding: 42px 0;
    }

    .hg-mini-enquiry-wrap {
        padding: 28px 16px;
    }

    .hg-mini-enquiry-content h3 {
        font-size: 25px;
    }

    .hg-mini-enquiry-content p {
        font-size: 13.5px;
    }

    .hg-mini-enquiry-form input,
    .hg-mini-enquiry-btn {
        height: 46px;
    }
}/* ================================
   Hotel Theme Enquiry Section
================================ */

#enquiry.hg-enquiry-section {
    position: relative;
    padding: 80px 0;
    background: linear-gradient(180deg, #ffffff 0%, #fffaf0 100%);
    overflow: hidden;
}

.hg-enquiry-wrap {
    position: relative;
    padding: 42px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(229, 181, 83, 0.18), transparent 32%),
        linear-gradient(135deg, #101927 0%, #1b2a3f 100%);
    box-shadow: 0 26px 80px rgba(16, 25, 39, 0.18);
    overflow: hidden;
}

.hg-enquiry-wrap::before {
    content: "";
    position: absolute;
    left: -110px;
    bottom: -120px;
    width: 320px;
    height: 320px;
    background: rgba(229, 181, 83, 0.20);
    border-radius: 50%;
    filter: blur(5px);
}

.hg-enquiry-visual {
    position: relative;
    z-index: 2;
    text-align: center;
}

.hg-enquiry-visual img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    filter: drop-shadow(0 24px 45px rgba(0,0,0,0.22));
}

.hg-enquiry-badge {
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 340px;
    margin: -18px auto 0;
    padding: 16px 18px;
    border-radius: 20px;
    background: rgba(255,255,255,0.96);
    box-shadow: 0 18px 45px rgba(0,0,0,0.18);
    text-align: left;
}

.hg-enquiry-badge i {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 15px;
    background: #e5b553;
    color: #101927;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
}

.hg-enquiry-badge h6 {
    margin: 0 0 4px;
    color: #101927;
    font-size: 15px;
    font-weight: 900;
}

.hg-enquiry-badge p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.5;
}

.hg-enquiry-form-box {
    position: relative;
    z-index: 2;
    padding: 36px;
    border-radius: 28px;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(229, 181, 83, 0.35);
    box-shadow: 0 20px 60px rgba(0,0,0,0.14);
}

.hg-enquiry-tag {
    display: inline-flex;
    padding: 7px 16px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: #fff4d8;
    color: #8b5e08;
    font-size: 13px;
    font-weight: 800;
    border: 1px solid rgba(229, 181, 83, 0.45);
}

.hg-enquiry-form-box h2 {
    margin: 0 0 10px;
    color: #101927;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -0.8px;
}

.hg-enquiry-form-box > p {
    margin: 0 0 24px;
    color: #667085;
    font-size: 15px;
    line-height: 1.7;
}

.hg-enquiry-form label {
    display: block;
    margin-bottom: 8px;
    color: #101927;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.hg-enquiry-form input,
.hg-enquiry-form textarea {
    width: 100%;
    border: 1px solid rgba(229, 181, 83, 0.42);
    background: #ffffff;
    color: #101927;
    border-radius: 16px;
    padding: 15px 17px;
    font-size: 15px;
    font-weight: 600;
    outline: none;
    transition: all 0.25s ease;
}

.hg-enquiry-form textarea {
    resize: none;
}

.hg-enquiry-form input::placeholder,
.hg-enquiry-form textarea::placeholder {
    color: #8a94a6;
    font-weight: 600;
}

.hg-enquiry-form input:focus,
.hg-enquiry-form textarea:focus {
    border-color: #e5b553;
    box-shadow: 0 0 0 4px rgba(229, 181, 83, 0.16);
}

.hg-enquiry-btn {
    width: 100%;
    border: none;
    border-radius: 16px;
    padding: 16px 24px;
    background: linear-gradient(135deg, #e5b553 0%, #f4d47a 100%);
    color: #101927;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.hg-enquiry-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 36px rgba(229, 181, 83, 0.35);
}

.hg-enquiry-btn i {
    margin-left: 8px;
}

.hg-enquiry-note {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 16px;
    background: #fff8e8;
    border: 1px solid rgba(229, 181, 83, 0.40);
    color: #7a5a18;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 600;
}

.hg-enquiry-note i {
    margin-top: 3px;
    color: #e5b553;
}

/* Responsive */
@media (max-width: 991px) {
    .hg-enquiry-wrap {
        padding: 32px;
    }

    .hg-enquiry-visual {
        max-width: 520px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    #enquiry.hg-enquiry-section {
        padding: 55px 0;
    }

    .hg-enquiry-wrap {
        padding: 20px;
        border-radius: 26px;
    }

    .hg-enquiry-form-box {
        padding: 24px 18px;
        border-radius: 22px;
    }

    .hg-enquiry-form-box > p {
        font-size: 14px;
    }

    .hg-enquiry-badge {
        margin-top: 10px;
    }

    .hg-enquiry-form input,
    .hg-enquiry-form textarea {
        padding: 14px 15px;
        font-size: 14px;
    }
}





#hg-mini-enquiry.hg-mini-enquiry-section {
    position: relative;
    padding: 46px 0;
    background: #f6f3ec;
    overflow: hidden;
}

#hg-mini-enquiry.hg-mini-enquiry-section::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 70px;
    height: 85%;
    background:
        radial-gradient(circle at 10% 50%, rgba(229, 181, 83, 0.18), transparent 30%),
        radial-gradient(circle at 90% 35%, rgba(16, 25, 39, 0.08), transparent 28%),
        linear-gradient(90deg, #fffaf0 0%, #ffffff 45%, #fff6df 100%);
    z-index: 0;
}

.hg-mini-enquiry-wrap {
    position: relative;
    z-index: 1;
    padding: 34px 46px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(229, 181, 83, 0.26);
    border-radius: 28px;
    box-shadow: 0 18px 55px rgba(16, 25, 39, 0.07);
    backdrop-filter: blur(8px);
}









/* ================================
   PREMIUM FOOTER - FINAL STABLE
================================ */

#hg-premium-footer {
    position: relative;
    padding: 50px 0 20px;
    background: linear-gradient(180deg, #0c1624 0%, #07101d 100%);
    color: #cbd5e1;
    overflow: hidden;
}

/* Container width fix */
#hg-premium-footer .container {
    max-width: 1380px;
    width: 92%;
    margin: 0 auto;
    padding: 0;
}

/* CTA BOX */
.hg-footer-cta {
    margin-bottom: 35px;
    padding: 24px 30px;
    border-radius: 20px;
    background: linear-gradient(135deg, #fffaf0, #fff3d7);
    border: 1px solid rgba(229,181,83,0.4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.hg-footer-cta span {
    background: #ffe9ad;
    color: #7a5205;
    padding: 5px 12px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 8px;
}

.hg-footer-cta h3 {
    margin: 0;
    font-size: 28px;
    font-weight: 800;
    color: #07101d;
}

.hg-footer-cta p {
    margin: 5px 0 0;
    color: #667085;
    font-size: 14px;
}

.hg-footer-cta-btn {
    height: 50px;
    padding: 0 22px;
    border-radius: 12px;
    background: linear-gradient(135deg, #dca739, #f8d978);
    color: #07101d;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

/* MAIN GRID */
.hg-footer-main {
    padding-bottom: 25px;
}

.hg-footer-about p {
    margin: 16px 0;
    color: #94a3b8;
    font-size: 14px;
    line-height: 1.7;
}

.hg-footer-logo {
    max-width: 150px;
    background: #fff;
    padding: 8px 12px;
    border-radius: 10px;
}

/* TRUST POINTS */
.hg-footer-trust div {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    font-size: 13px;
    color: #e2e8f0;
}

.hg-footer-trust i {
    background: rgba(229,181,83,0.2);
    color: #e5b553;
    padding: 4px;
    border-radius: 50%;
    font-size: 10px;
}

/* LINKS */
.hg-footer-links h5,
.hg-footer-contact-card h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 15px;
}

.hg-footer-links h5::after,
.hg-footer-contact-card h5::after {
    content: "";
    display: block;
    width: 35px;
    height: 3px;
    background: #e5b553;
    margin-top: 6px;
}

.hg-footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hg-footer-links li {
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative;
}

.hg-footer-links li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #e5b553;
    font-size: 12px;
}

.hg-footer-links a {
    color: #94a3b8;
    font-size: 14px;
    text-decoration: none;
}

.hg-footer-links a:hover {
    color: #fff;
}

/* CONTACT CARD */
.hg-footer-contact-card {
    background: rgba(255,255,255,0.05);
    padding: 22px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.1);
}

.hg-footer-contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 14px;
    margin-bottom: 10px;
    background: rgba(255,255,255,0.07);
    color: #fff;
    text-decoration: none;
}

.hg-footer-contact-item span {
    width: 42px;
    height: 42px;
    background: #e5b553;
    color: #07101d;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.hg-footer-contact-item small {
    color: #94a3b8;
    font-size: 12px;
}

.hg-footer-contact-item strong {
    font-size: 14px;
}

/* SOCIAL */
.hg-footer-social {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.hg-footer-social a {
    width: 38px;
    height: 38px;
    background: rgba(255,255,255,0.08);
    color: #e5b553;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

/* DISCLAIMER */
.hg-footer-disclaimer {
    margin-top: 20px;
    padding: 12px;
    background: rgba(229,181,83,0.1);
    border-radius: 12px;
    display: flex;
    gap: 10px;
}

.hg-footer-disclaimer p {
    font-size: 12px;
    margin: 0;
}

/* BOTTOM */
.hg-footer-bottom {
    margin-top: 15px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.1);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hg-footer-bottom p {
    font-size: 12px;
    color: #94a3b8;
}

.hg-footer-bottom a {
    color: #94a3b8;
    font-size: 12px;
    margin-left: 12px;
    text-decoration: none;
}

.hg-footer-bottom a:hover {
    color: #e5b553;
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .hg-footer-cta {
        flex-direction: column;
        align-items: flex-start;
    }

    #hg-premium-footer .container {
        width: 95%;
    }
}

@media (max-width: 767px) {
    #hg-premium-footer .container {
        width: 100%;
        padding: 0 15px;
    }

    .hg-footer-bottom {
        flex-direction: column;
        text-align: center;
    }
}




















/* ======================================
   Hotel Detail Page - Final Clean CSS
   Desktop + Mobile Fixed
====================================== */

#main-wrapper {
    overflow: hidden;
}

/* Banner */
#rrd-pro-banner {
    position: relative;
    padding: 58px 0;
    background:
        linear-gradient(90deg, rgba(16,25,39,0.88), rgba(16,25,39,0.70)),
        url("assets/media/blog/blog-detail.jpg") center/cover no-repeat;
    overflow: hidden;
}

#rrd-pro-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 85% 45%, rgba(229,181,83,0.22), transparent 34%);
}

.rrd-pro-banner-inner {
    position: relative;
    z-index: 2;
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 16px;
}

.rrd-pro-banner-inner span {
    display: inline-flex;
    padding: 7px 16px;
    border-radius: 999px;
    background: #fff4d8;
    color: #8b5e08;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 14px;
}

.rrd-pro-banner-inner h1 {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(34px, 5vw, 56px);
    line-height: 1.08;
    font-weight: 950;
    letter-spacing: -1px;
}

.rrd-pro-banner-inner p {
    margin: 0;
    color: #e2e8f0;
    font-size: 16px;
    font-weight: 700;
}

.rrd-pro-banner-inner i {
    color: #e5b553;
    margin-right: 8px;
}

/* Main */
#rrd-hotel-detail-page {
    padding: 46px 0 78px;
    background:
        radial-gradient(circle at 8% 20%, rgba(229,181,83,0.12), transparent 26%),
        radial-gradient(circle at 96% 36%, rgba(16,25,39,0.08), transparent 26%),
        linear-gradient(180deg, #ffffff 0%, #fffaf0 100%);
}

#rrd-hotel-detail-page .container-fluid {
    max-width: 1380px;
    margin: 0 auto;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.rrd-detail-layout {
    max-width: 1380px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 370px;
    gap: 26px;
    align-items: start;
}

.rrd-left,
.rrd-right {
    min-width: 0;
}

/* Note */
.rrd-top-note {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    padding: 14px 17px;
    border-radius: 18px;
    background: #fff4d8;
    border: 1px solid rgba(229,181,83,0.50);
    color: #7a5a18;
    font-size: 13.5px;
    line-height: 1.6;
    margin-bottom: 20px;
    box-shadow: 0 10px 30px rgba(229,181,83,0.12);
}

.rrd-top-note p {
    margin: 0;
}

.rrd-top-note i {
    color: #b98312;
    margin-top: 4px;
}

/* Gallery */
.rrd-gallery-card {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background: #101927;
    box-shadow: 0 24px 70px rgba(16,25,39,0.15);
}

.rrd-main-slider img {
    width: 100%;
    height: 500px;
    object-fit: contain;
    display: block;
}

.rrd-gallery-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(8,17,31,0.88), rgba(8,17,31,0.46), rgba(8,17,31,0.06)),
        linear-gradient(180deg, transparent 45%, rgba(8,17,31,0.78));
    z-index: 1;
    pointer-events: none;
}

.rrd-gallery-overlay {
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 2;
    max-width: 690px;
}

.rrd-gallery-overlay span {
    display: inline-flex;
    padding: 7px 15px;
    border-radius: 999px;
    background: #fff4d8;
    color: #8b5e08;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 11px;
}

.rrd-gallery-overlay h2 {
    margin: 0 0 9px;
    color: #fff;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.08;
    font-weight: 950;
    letter-spacing: -1px;
}

.rrd-gallery-overlay p {
    margin: 0;
    color: #e2e8f0;
    font-size: 14.5px;
    font-weight: 800;
}

.rrd-gallery-overlay i {
    color: #e5b553;
    margin-right: 7px;
}

/* Hide slider arrows */
#rrd-hotel-detail-page .slick-prev,
#rrd-hotel-detail-page .slick-next {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#rrd-hotel-detail-page .slick-dots {
    bottom: 16px;
    z-index: 4;
}

#rrd-hotel-detail-page .slick-dots li button:before {
    color: #fff;
    opacity: 0.7;
    font-size: 10px;
}

#rrd-hotel-detail-page .slick-dots li.slick-active button:before {
    color: #e5b553;
    opacity: 1;
}

/* Features */
.rrd-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 20px;
}

.rrd-feature-grid div {
    min-height: 72px;
    padding: 15px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(229,181,83,0.28);
    box-shadow: 0 12px 34px rgba(16,25,39,0.06);
    display: flex;
    align-items: center;
    gap: 11px;
    color: #101927;
    font-size: 13.5px;
    font-weight: 850;
}

.rrd-feature-grid i {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 13px;
    background: #fff4d8;
    color: #b98312;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Content */
.rrd-content-card,
.rrd-room-section {
    margin-top: 20px;
    padding: 24px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(229,181,83,0.28);
    box-shadow: 0 12px 34px rgba(16,25,39,0.06);
}

.rrd-content-card h2,
.rrd-section-title h2 {
    margin: 0 0 12px;
    color: #101927;
    font-size: 27px;
    font-weight: 950;
}

.rrd-content-card h2::after,
.rrd-section-title h2::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    margin-top: 8px;
    border-radius: 999px;
    background: #e5b553;
}

.rrd-content-card p,
.rrd-section-title p {
    margin: 0 0 10px;
    color: #667085;
    font-size: 14.3px;
    line-height: 1.75;
}

.rrd-section-title span {
    display: inline-flex;
    padding: 6px 13px;
    margin-bottom: 9px;
    border-radius: 999px;
    background: #fff4d8;
    color: #8b5e08;
    font-size: 12px;
    font-weight: 900;
}

/* Rooms */
.rrd-room-list {
    display: grid;
    gap: 14px;
    margin-top: 16px;
}

.rrd-room-card {
    display: grid;
    grid-template-columns: 135px 1fr 240px;
    gap: 16px;
    align-items: center;
    padding: 14px;
    border-radius: 20px;
    border: 1px solid rgba(229,181,83,0.26);
    background: linear-gradient(180deg, #ffffff 0%, #fffdf8 100%);
    box-shadow: 0 10px 30px rgba(16,25,39,0.045);
    transition: 0.25s ease;
}

.rrd-room-card:hover {
    border-color: rgba(229,181,83,0.58);
    box-shadow: 0 16px 40px rgba(16,25,39,0.08);
    transform: translateY(-2px);
}

.rrd-room-img img,
.rrd-room-card > img {
    width: 135px;
    height: 112px;
    object-fit: cover;
    border-radius: 16px;
    display: block;
}

.rrd-room-info h3 {
    margin: 0 0 5px;
    color: #101927;
    font-size: 19px;
    font-weight: 950;
}

.rrd-room-info p {
    margin: 0 0 10px;
    color: #667085;
    font-size: 13px;
    font-weight: 750;
}

.rrd-room-info p i {
    color: #e5b553;
}

.rrd-room-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 12px;
}

.rrd-room-tags span {
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #e8edf5;
    color: #101927;
    font-size: 12px;
    font-weight: 750;
    width: auto;
}

.rrd-room-tags i {
    color: #16a34a;
    margin-right: 5px;
}

.rrd-room-action {
    padding: 16px;
    border-radius: 17px;
    background:
        radial-gradient(circle at top right, rgba(229,181,83,0.20), transparent 40%),
        #101927;
    text-align: center;
}

.rrd-room-action small {
    display: block;
    color: #cbd5e1;
    font-size: 11.5px;
    font-weight: 800;
    margin-bottom: 8px;
}

.rrd-room-action strong {
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-weight: 950;
    margin-bottom: 11px;
}

.rrd-room-action a {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #e5b553;
    color: #101927;
    text-decoration: none;
    font-size: 13px;
    font-weight: 950;
}

/* Sidebar */
.rrd-sticky-box {
    position: sticky;
    top: 18px;
}

/* Price Card */
.rrd-price-card {
    overflow: hidden;
    border-radius: 24px;
    background: #101927;
    color: #fff;
    box-shadow: 0 22px 56px rgba(16,25,39,0.18);
    margin-bottom: 16px;
}

.rrd-price-top {
    padding: 22px 22px 14px;
    background:
        radial-gradient(circle at right top, rgba(229,181,83,0.28), transparent 38%),
        linear-gradient(135deg, #101927 0%, #172234 100%);
}

.rrd-price-card span {
    display: block;
    color: #e5b553;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 6px;
}

.rrd-price-card h3 {
    color: #fff;
    font-size: 32px;
    line-height: 1;
    margin: 0 0 7px;
    font-weight: 950;
}

.rrd-price-card p {
    font-size: 12px;
    margin: 0;
    color: #cbd5e1;
    font-weight: 700;
}

.rrd-price-points {
    padding: 12px 22px 0;
    display: grid;
    gap: 6px;
}

.rrd-price-points div {
    color: #e2e8f0;
    font-size: 12.5px;
    line-height: 1.35;
    font-weight: 750;
}

.rrd-price-points i {
    color: #e5b553;
    margin-right: 7px;
}

.rrd-price-card > a {
    margin: 14px 22px 20px;
    height: 44px;
    border-radius: 13px;
    background: linear-gradient(135deg, #e5b553, #f6d887);
    color: #101927;
    font-size: 13.5px;
    font-weight: 950;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    gap: 7px;
}

/* Form */
.rrd-form-card {
    padding: 20px;
    border-radius: 24px;
    background: linear-gradient(180deg, #fff 0%, #fffaf0 100%);
    border: 1px solid rgba(229,181,83,0.34);
    box-shadow: 0 20px 54px rgba(16,25,39,0.11);
}

.rrd-form-tag {
    display: inline-flex;
    padding: 5px 13px;
    border-radius: 999px;
    background: #fff4d8;
    color: #8b5e08;
    border: 1px solid rgba(229,181,83,0.55);
    font-size: 11.5px;
    font-weight: 950;
    margin-bottom: 10px;
}

.rrd-form-card h3 {
    color: #101927;
    font-size: 24px;
    font-weight: 950;
    margin: 0 0 6px;
}

.rrd-form-card > p {
    color: #667085;
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 14px;
}

.rrd-field {
    position: relative;
    margin-bottom: 10px;
}

.rrd-field label {
    display: block;
    color: #101927;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 5px;
}

.rrd-field i {
    position: absolute;
    left: 14px;
    bottom: 14px;
    color: #b98312;
    font-size: 13px;
    z-index: 2;
}

.rrd-field input,
.rrd-field select,
.rrd-field textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid rgba(229,181,83,0.45);
    background: #fff;
    border-radius: 13px;
    padding: 10px 13px 10px 39px;
    color: #101927;
    font-size: 13px;
    font-weight: 700;
    outline: none;
}

.rrd-field select {
    appearance: auto;
}

.rrd-field-noicon select,
.rrd-three-fields .rrd-field select {
    padding: 10px;
}

.rrd-field-category select {
    padding-left: 39px;
}

.rrd-field textarea {
    min-height: 74px;
    resize: none;
}

.rrd-field input:focus,
.rrd-field select:focus,
.rrd-field textarea:focus {
    border-color: #e5b553;
    box-shadow: 0 0 0 4px rgba(229,181,83,0.16);
}

.rrd-three-fields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.rrd-submit-btn {
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 13px;
    background: linear-gradient(135deg, #e5b553, #f6d887);
    color: #101927;
    font-size: 13px;
    font-weight: 950;
    text-transform: uppercase;
}

.rrd-form-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 10px;
}

.rrd-form-actions a {
    min-height: 42px;
    border-radius: 13px;
    background: #101927;
    color: #fff;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 850;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.rrd-form-note {
    margin-top: 10px;
    padding: 11px 12px;
    border-radius: 14px;
    background: #fff8e8;
    border: 1px solid rgba(229,181,83,0.38);
    color: #7a5a18;
    font-size: 11.8px;
    line-height: 1.45;
    font-weight: 700;
}

/* Calendar */
.picker {
    z-index: 999999 !important;
}

.picker__box {
    border-radius: 16px !important;
    border: 1px solid rgba(229,181,83,0.55) !important;
    box-shadow: 0 18px 50px rgba(16,25,39,0.18) !important;
    overflow: hidden;
}

.picker__header {
    background: #101927 !important;
    color: #fff;
    padding: 12px 0 !important;
    margin-bottom: 0 !important;
}

.picker__month,
.picker__year {
    color: #fff !important;
    font-weight: 900 !important;
}

.picker__weekday {
    color: #8b5e08 !important;
    font-weight: 800 !important;
}

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

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
    background: #e5b553 !important;
    color: #101927 !important;
    font-weight: 900 !important;
}

/* Tablet */
@media (max-width: 1199px) {
    .rrd-detail-layout {
        grid-template-columns: minmax(0, 1fr) 350px;
        gap: 22px;
    }

    .rrd-main-slider img {
        height: 455px;
    }

    .rrd-room-card {
        grid-template-columns: 120px 1fr 210px;
    }
}

/* Mobile / Tablet Order */
@media (max-width: 991px) {
    #rrd-hotel-detail-page {
        padding: 28px 0 55px;
    }

    .rrd-detail-layout {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .rrd-right,
    .rrd-sticky-box {
        display: contents;
    }

    .rrd-price-card {
        order: 1;
        width: 100%;
        margin: 0 0 6px;
        border-radius: 20px;
    }

    .rrd-left {
        order: 2;
        width: 100%;
        max-width: 100%;
    }

    .rrd-form-card {
        order: 3;
        width: 100%;
        max-width: 100%;
        margin-top: 0;
    }

    .rrd-price-top {
        padding: 18px 18px 12px;
    }

    .rrd-price-card h3 {
        font-size: 30px;
    }

    .rrd-price-points {
        padding: 8px 18px 0;
        gap: 6px;
    }

    .rrd-price-card > a {
        margin: 14px 18px 18px;
        height: 42px;
    }

    .rrd-main-slider img {
        height: 390px;
    }

    .rrd-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rrd-room-card {
        grid-template-columns: 130px 1fr;
    }

    .rrd-room-action {
        grid-column: 1 / -1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 14px;
        text-align: left;
    }

    .rrd-room-action a {
        min-width: 150px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #rrd-hotel-detail-page .container-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .rrd-main-slider img {
        height: 340px;
    }

    .rrd-gallery-overlay {
        left: 18px;
        right: 18px;
        bottom: 18px;
        max-width: calc(100% - 36px);
    }

    .rrd-gallery-overlay h2 {
        font-size: 27px;
        line-height: 1.12;
    }

    .rrd-gallery-overlay p {
        font-size: 13px;
    }

    .rrd-content-card,
    .rrd-room-section,
    .rrd-form-card {
        padding: 18px;
    }

    .rrd-feature-grid,
    .rrd-room-card {
        grid-template-columns: 1fr;
    }

    .rrd-room-img img,
    .rrd-room-card > img {
        width: 100%;
        height: 220px;
    }

    .rrd-room-tags span {
        width: 100%;
        padding: 8px 14px;
    }

    .rrd-room-action {
        display: block;
        text-align: center;
    }

    .rrd-room-action a {
        width: 100%;
        min-width: 0;
    }

    .rrd-three-fields {
        grid-template-columns: repeat(3, 1fr);
        gap: 7px;
    }

    .rrd-three-fields .rrd-field label {
        font-size: 11px;
        white-space: nowrap;
    }

    .rrd-three-fields .rrd-field select {
        min-height: 40px;
        padding: 8px 6px;
        font-size: 12px;
    }

    .rrd-form-actions {
        grid-template-columns: 1fr 1fr;
    }
}

/* Small Mobile */
@media (max-width: 575px) {
    #rrd-pro-banner {
        padding: 32px 0;
    }

    .rrd-pro-banner-inner h1 {
        font-size: 25px;
    }

    .rrd-main-slider img {
        height: 300px;
    }

    .rrd-gallery-card,
    .rrd-content-card,
    .rrd-room-section,
    .rrd-price-card,
    .rrd-form-card {
        border-radius: 18px;
    }

    .rrd-gallery-overlay h2 {
        font-size: 24px;
    }

    .rrd-content-card h2,
    .rrd-section-title h2 {
        font-size: 23px;
    }

    .rrd-price-card h3 {
        font-size: 28px;
    }

    .rrd-content-card,
    .rrd-room-section,
    .rrd-form-card {
        padding: 16px;
    }
}

/* Extra Small */
@media (max-width: 420px) {
    #rrd-hotel-detail-page .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .rrd-main-slider img {
        height: 260px;
    }

    .rrd-gallery-overlay {
        left: 14px;
        right: 14px;
        bottom: 14px;
    }

    .rrd-gallery-overlay span {
        font-size: 10.5px;
        padding: 5px 10px;
    }

    .rrd-gallery-overlay h2 {
        font-size: 21px;
    }

    .rrd-gallery-overlay p {
        font-size: 12px;
    }

    .rrd-top-note {
        font-size: 12.5px;
        padding: 12px;
    }

    .rrd-room-img img,
    .rrd-room-card > img {
        height: 190px;
    }

    .rrd-price-top,
    .rrd-price-points {
        padding-left: 16px;
        padding-right: 16px;
    }

    .rrd-price-card > a {
        margin-left: 16px;
        margin-right: 16px;
    }

    .rrd-three-fields {
        gap: 6px;
    }

    .rrd-three-fields .rrd-field label {
        font-size: 10.5px;
    }

    .rrd-three-fields .rrd-field select {
        font-size: 11.5px;
        padding-left: 6px;
        padding-right: 6px;
    }
}






















/* ================================
   RRC2 CONTACT PAGE FINAL CLEAN
================================ */

.rrc2-contact-page {
    padding: 70px 0;
    background: #f6f7f9;
}

.rrc2-container {
    width: 92%;
    max-width: 1320px;
    margin: 0 auto;
}

.rrc2-head {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 40px;
}

.rrc2-head span {
    display: inline-block;
    margin-bottom: 12px;
    padding: 7px 16px;
    border-radius: 999px;
    background: #fff4d8;
    color: #8b5e08;
    font-size: 12px;
    font-weight: 800;
}

.rrc2-head h1 {
    margin: 0;
    color: #07101d;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 900;
    line-height: 1.15;
}

.rrc2-head p {
    margin: 14px 0 0;
    color: #64748b;
    font-size: 16px;
    line-height: 1.65;
}

.rrc2-layout {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 24px;
    align-items: stretch;
}

.rrc2-info {
    display: grid;
    gap: 16px;
}

.rrc2-info-card,
.rrc2-note {
    background: #07101d;
    border-radius: 22px;
    padding: 22px;
    color: #ffffff;
    border: 1px solid rgba(229,181,83,0.16);
    box-shadow: 0 18px 40px rgba(7,16,29,0.12);
}

.rrc2-info-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.rrc2-info-card i {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 15px;
    background: linear-gradient(135deg, #dca739, #f8d978);
    color: #07101d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.rrc2-info-card h4 {
    margin: 0 0 6px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
}

.rrc2-info-card a,
.rrc2-info-card p {
    margin: 0;
    color: #cbd5e1;
    font-size: 14px;
    line-height: 1.55;
    text-decoration: none;
}

.rrc2-info-card a:hover {
    color: #e5b553;
}

.rrc2-note {
    background: linear-gradient(135deg, #101927, #07101d);
}

.rrc2-note strong {
    display: block;
    color: #e5b553;
    margin-bottom: 8px;
    font-size: 15px;
}

.rrc2-note p {
    margin: 0;
    color: #cbd5e1;
    font-size: 13px;
    line-height: 1.6;
}

.rrc2-form-wrap {
    background: #ffffff;
    border-radius: 26px;
    padding: 34px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 20px 55px rgba(7,16,29,0.10);
}

.rrc2-form-wrap h3 {
    margin: 0 0 8px;
    color: #07101d;
    font-size: 28px;
    font-weight: 900;
}

.rrc2-form-wrap > p {
    margin: 0 0 24px;
    color: #64748b;
    font-size: 15px;
}

.rrc2-form {
    display: grid;
    gap: 16px;
}

.rrc2-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.rrc2-form input,
.rrc2-form textarea {
    width: 100%;
    border: 1px solid #dbe3ef;
    background: #f8fafc;
    color: #07101d;
    border-radius: 15px;
    padding: 15px 16px;
    font-size: 14px;
    font-weight: 600;
    outline: none;
    transition: 0.25s ease;
}

.rrc2-form textarea {
    min-height: 145px;
    resize: vertical;
}

.rrc2-form input:focus,
.rrc2-form textarea:focus {
    border-color: #e5b553;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(229,181,83,0.14);
}

.rrc2-form button {
    border: none;
    height: 54px;
    padding: 0 28px;
    border-radius: 15px;
    background: linear-gradient(135deg, #dca739, #f8d978);
    color: #07101d;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    gap: 9px;
    cursor: pointer;
    transition: 0.25s ease;
}

.rrc2-form button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(229,181,83,0.28);
}

.rrc2-map {
    margin-top: 24px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(7,16,29,0.12);
    border: 1px solid #e5e7eb;
}

.rrc2-map iframe {
    width: 100%;
    height: 380px;
    border: 0;
    display: block;
}

@media (max-width: 991px) {
    .rrc2-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .rrc2-contact-page {
        padding: 50px 0;
    }

    .rrc2-container {
        width: 100%;
        padding: 0 15px;
    }

    .rrc2-layout,
    .rrc2-grid {
        grid-template-columns: 1fr;
    }

    .rrc2-form-wrap {
        padding: 24px;
    }

    .rrc2-form button {
        width: 100%;
    }

    .rrc2-map iframe {
        height: 300px;
    }
}
















/* ================================
   ROOM RESERVATIONS ABOUT PAGE CSS
   Unique Prefix: rrabout
================================ */

.rrabout-page {
    overflow: hidden;
}

.rrabout-container {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
}

/* HERO */
.rrabout-hero {
    padding: 90px 0 70px;
    position: relative;
}

.rrabout-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(75,55,186,.10), rgba(255,255,255,.65));
    z-index: 0;
}

.rrabout-hero .rrabout-container {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.4fr .8fr;
    gap: 40px;
    align-items: center;
}

.rrabout-badge,
.rrabout-small-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 50px;
    background: rgba(75,55,186,.10);
    color: #4b37ba;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.rrabout-hero-content h1 {
    max-width: 780px;
    margin-bottom: 18px;
}

.rrabout-hero-content p {
    max-width: 680px;
    font-size: 17px;
    line-height: 1.75;
    margin-bottom: 28px;
}

.rrabout-hero-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.rrabout-btn,
.rrabout-btn-outline {
    padding: 14px 28px;
    border-radius: 10px;
    font-weight: 700;
    transition: all .35s ease;
}

.rrabout-btn {
    background: #4b37ba;
    color: #fff !important;
    box-shadow: 0 14px 34px rgba(75,55,186,.25);
}

.rrabout-btn:hover {
    transform: translateY(-3px);
    background: #212627;
    color: #fff !important;
}


.rr-process-grid.cust_new45{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.rrabout-btn-outline {
    border: 1px solid rgba(75,55,186,.35);
    color: #4b37ba !important;
    background: #fff;
}

.rrabout-btn-outline:hover {
    background: #4b37ba;
    color: #fff !important;
}

.rrabout-hero-card {
    background: #fff;
    border-radius: 24px;
    padding: 34px;
    box-shadow: 0 20px 60px rgba(0,0,0,.08);
    border: 1px solid rgba(0,0,0,.06);
    position: relative;
}

.rrabout-hero-card::before {
    content: "";
    width: 70px;
    height: 5px;
    border-radius: 50px;
    background: #4b37ba;
    position: absolute;
    top: 0;
    left: 34px;
}

.rrabout-hero-card h3 {
    margin-bottom: 14px;
}

.rrabout-hero-card p {
    line-height: 1.7;
}

/* INTRO */
.rrabout-intro,
.rrabout-why,
.rrabout-process {
    padding: 85px 0;
}

.rrabout-intro-grid {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 55px;
    align-items: center;
}

.rrabout-intro-image {
    position: relative;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 22px 55px rgba(0,0,0,.12);
}

.rrabout-intro-image img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    transition: all .5s ease;
}

.rrabout-intro-image:hover img {
    transform: scale(1.04);
}

.rrabout-exp-box {
    position: absolute;
    left: 24px;
    bottom: 24px;
    background: #fff;
    padding: 18px 22px;
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(0,0,0,.15);
    max-width: 240px;
}

.rrabout-exp-box strong {
    display: block;
    color: #4b37ba;
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 6px;
}

.rrabout-exp-box span {
    font-size: 14px;
    line-height: 1.5;
}

.rrabout-intro-content h2,
.rrabout-section-head h2,
.rrabout-destination-box h2,
.rrabout-cta-box h2 {
    margin-bottom: 18px;
}

.rrabout-intro-content p {
    margin-bottom: 16px;
    line-height: 1.75;
}

.rrabout-check-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 26px;
}

.rrabout-check-list div {
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 14px;
    padding: 14px 16px;
    font-weight: 600;
    box-shadow: 0 8px 26px rgba(0,0,0,.05);
}

.rrabout-check-list i {
    color: #4b37ba;
    margin-right: 8px;
}

/* STATS */
.rrabout-stats {
    padding: 25px 0;
}

.rrabout-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.rrabout-stat-card {
    background: #fff;
    border-radius: 22px;
    padding: 30px 22px;
    text-align: center;
    box-shadow: 0 14px 40px rgba(0,0,0,.07);
    border: 1px solid rgba(0,0,0,.06);
    transition: all .35s ease;
}

.rrabout-stat-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 50px rgba(75,55,186,.16);
}

.rrabout-stat-card h3 {
    color: #4b37ba;
    margin-bottom: 8px;
}

/* WHY */
.rrabout-section-head {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}

.rrabout-section-head p {
    line-height: 1.7;
}

.rrabout-why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.rrabout-why-card {
    background: #fff;
    border-radius: 24px;
    padding: 30px 24px;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 14px 40px rgba(0,0,0,.06);
    transition: all .35s ease;
    height: 100%;
}

.rrabout-why-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 22px 55px rgba(75,55,186,.15);
}

.rrabout-why-card i {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: rgba(75,55,186,.10);
    color: #4b37ba;
    font-size: 24px;
    margin-bottom: 20px;
}

.rrabout-why-card h4 {
    margin-bottom: 12px;
}

.rrabout-why-card p {
    line-height: 1.7;
}

/* DESTINATIONS */
.rrabout-destinations {
    padding: 75px 0;
}

.rrabout-destination-box {
    background: linear-gradient(135deg, rgba(75,55,186,.10), rgba(255,255,255,.9));
    border: 1px solid rgba(75,55,186,.13);
    border-radius: 30px;
    padding: 45px;
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 35px;
    align-items: center;
    box-shadow: 0 18px 55px rgba(0,0,0,.06);
}

.rrabout-destination-box p {
    line-height: 1.75;
}

.rrabout-destination-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

.rrabout-destination-list span {
    background: #fff;
    padding: 12px 18px;
    border-radius: 50px;
    font-weight: 700;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 8px 20px rgba(0,0,0,.05);
}

/* PROCESS */
.rrabout-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    counter-reset: process;
}

.rrabout-process-card {
    background: #fff;
    border-radius: 24px;
    padding: 30px 24px;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 14px 40px rgba(0,0,0,.06);
    position: relative;
    overflow: hidden;
    transition: all .35s ease;
}

.rrabout-process-card::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    right: -55px;
    bottom: -55px;
    border-radius: 50%;
    background: rgba(75,55,186,.08);
}

.rrabout-process-card:hover {
    transform: translateY(-7px);
}

.rrabout-process-card span {
    color: #4b37ba;
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 18px;
}

.rrabout-process-card h4 {
    margin-bottom: 12px;
}

.rrabout-process-card p {
    line-height: 1.7;
}

/* CTA */
.rrabout-cta {
    padding: 30px 0 90px;
}

.rrabout-cta-box {
    background: #212627;
    color: #fff;
    border-radius: 32px;
    padding: 46px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 30px;
    align-items: center;
    box-shadow: 0 24px 70px rgba(0,0,0,.18);
}

.rrabout-cta-box h2,
.rrabout-cta-box p {
    color: #fff;
}

.rrabout-cta-box p {
    line-height: 1.7;
}

.rrabout-cta-box .rrabout-badge {
    background: rgba(255,255,255,.12);
    color: #fff;
}

/* RESPONSIVE */
@media (max-width: 1199px) {
    .rrabout-why-grid,
    .rrabout-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .rrabout-hero .rrabout-container,
    .rrabout-intro-grid,
    .rrabout-destination-box,
    .rrabout-cta-box {
        grid-template-columns: 1fr;
    }

    .rrabout-destination-list {
        justify-content: flex-start;
    }

    .rrabout-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rrabout-intro-image img {
        height: 430px;
    }
}

@media (max-width: 767px) {
    .rrabout-hero {
        padding: 60px 0 45px;
    }

    .rrabout-intro,
    .rrabout-why,
    .rrabout-process {
        padding: 60px 0;
    }

    .rrabout-destinations {
        padding: 55px 0;
    }

    .rrabout-check-list,
    .rrabout-why-grid,
    .rrabout-process-grid,
    .rrabout-stats-grid {
        grid-template-columns: 1fr;
    }

    .rrabout-hero-card,
    .rrabout-destination-box,
    .rrabout-cta-box {
        padding: 28px;
        border-radius: 24px;
    }

    .rrabout-cta-box {
        text-align: left;
    }

    .rrabout-intro-image img {
        height: 340px;
    }

    .rrabout-hero-actions {
        flex-direction: column;
    }

    .rrabout-btn,
    .rrabout-btn-outline {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .rrabout-container {
        width: min(100% - 24px, 1180px);
    }

    .rrabout-hero-card,
    .rrabout-destination-box,
    .rrabout-cta-box,
    .rrabout-why-card,
    .rrabout-process-card,
    .rrabout-stat-card {
        border-radius: 18px;
    }

    .rrabout-exp-box {
        left: 14px;
        bottom: 14px;
        padding: 14px 16px;
    }
}



















/* ===== ABOUT PAGE PREMIUM CSS ===== */

.rr-about-page{
    background:#f6f3ec;
}

/* HERO */
.rr-about-hero{
    padding:80px 0;
    background:linear-gradient(135deg,#07111d 0%,#0c1b2c 60%,#e0b44c 200%);
    color:#fff;
}

.rr-about-hero h1{
    font-size:44px;
    font-weight:800;
    line-height:1.2;
    color:#ffffff;
    margin-bottom:14px;
}

.rr-about-hero p{
    color:#c8d6ea;
    /*max-width:620px;*/
    font-size:15px;
}

.rr-breadcrumb{
    background:#ffffff14;
    padding:12px 18px;
    border-radius:12px;
    color:#fff;
    font-size:14px;
    margin-top:15px;
}

.rr-breadcrumb a{
    color:#e8b94d;
    text-decoration:none;
}

/* ABOUT SECTION */
.rr-about-section{
    padding:80px 0;
}

.rr-about-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
}

.rr-section-tag{
    background:#ffe4a3;
    color:#7a5200;
    padding:6px 14px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
    display:inline-block;
    margin-bottom:15px;
}

.rr-about-content h2{
    font-size:34px;
    font-weight:800;
    color:#07111d;
    margin-bottom:14px;
}

.rr-about-content p{
    color:#6a778c;
    font-size:15px;
    line-height:1.7;
}

/* FEATURES */
.rr-about-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-top:25px;
}

.rr-about-point{
    background:#fff;
    padding:16px;
    border-radius:14px;
    border:1px solid #eee;
    transition:.3s;
}

.rr-about-point:hover{
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.rr-about-point i{
    width:32px;
    height:32px;
    background:#e8b94d;
    color:#07111d;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    margin-bottom:8px;
}

.rr-about-point h5{
    font-size:15px;
    font-weight:700;
    margin-bottom:5px;
}

.rr-about-point p{
    font-size:13px;
    margin:0;
}

/* IMAGE */
.rr-about-image-wrap{
    position:relative;
}

.rr-about-main-img{
    width:100%;
    border-radius:22px;
}

.rr-about-exp-card{
    position:absolute;
    bottom:20px;
    left:20px;
    background:#07111d;
    color:#fff;
    padding:18px;
    border-radius:14px;
    box-shadow:0 10px 30px rgba(0,0,0,.2);
}

.rr-about-exp-card h3{
    color:#e8b94d;
    font-size:28px;
    margin:0;
}

/* WHY SECTION */
.rr-why-section{
    background:#07111d;
    padding:70px 0;
}

.rr-section-head{
    text-align:center;
    margin-bottom:40px;
}

.rr-section-head h2{
    color:#111;
    font-size:30px;
    font-weight:800;
}

.rr-section-head p{
    color:#b7c4d6;
}

/* CARDS */
.rr-why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.rr-why-card{
    background:#0f1c2a;
    border:1px solid #1e3147;
    padding:22px;
    border-radius:16px;
    color:#fff;
    transition:.3s;
}

.rr-why-card:hover{
    transform:translateY(-5px);
    border-color:#e8b94d;
}

.rr-why-card i{
    width:42px;
    height:42px;
    background:#e8b94d;
    color:#07111d;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    margin-bottom:12px;
}

.rr-why-card h4{
    font-size:17px;
    margin-bottom:8px;
}

/* PROCESS */
.rr-process-section{
    padding:70px 0;
}

.rr-process-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.rr-process-card{
    background:#fff;
    border:1px solid #eee;
    padding:24px;
    border-radius:16px;
    text-align:left;
}

.rr-process-no{
    background:#07111d;
    color:#e8b94d;
    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    margin-bottom:10px;
}

/* STATS */
.rr-stats-section{
    padding:50px 0;
}

.rr-stats-box{
    background:#e8b94d;
    padding:25px;
    border-radius:20px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    text-align:center;
}

.rr-stat h3{
    font-weight:800;
    color:#07111d;
}

.rr-stat p{
    margin:0;
    font-size:13px;
}

/* CTA */
.rr-about-cta{
    padding:60px 0;
}

.rr-about-cta-box{
    background:#07111d;
    padding:30px;
    border-radius:20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#fff;
}

.rr-about-btn{
    background:#e8b94d;
    padding:12px 20px;
    border-radius:8px;
    font-weight:700;
    color:#07111d;
    text-decoration:none;
}

/* MOBILE */
@media(max-width:991px){
    .rr-about-grid{
        grid-template-columns:1fr;
    }
    .rr-why-grid{
        grid-template-columns:1fr 1fr;
    }
    .rr-process-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:575px){
    .rr-why-grid{
        grid-template-columns:1fr;
    }
    .rr-stats-box{
        grid-template-columns:1fr 1fr;
    }
}


.rr-section-head.why_choose45 h2 {
    color: #fff;
    text-transform: capitalize;
    padding-bottom: 10px;
}

.rr-about-cta-box h2 {
    color: #fff;
}



















/* ================================
   UNIQUE HOTEL LISTING PAGE CSS
================================ */

.rr-list-page{
    background:#f8f3e9;
}

/* HERO */
.rr-list-hero{
    background:linear-gradient(135deg,#07111d 0%,#0d1c2d 65%,#d8aa3c 190%);
    padding:90px 0 95px;
    color:#fff;
}

.rr-list-hero-wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:35px;
}

.rr-list-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#f3c956;
    color:#07111d;
    padding:8px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:800;
    margin-bottom:18px;
}

.rr-list-hero h1{
    max-width:780px;
    font-size:52px;
    line-height:1.08;
    font-weight:900;
    color:#fff;
    margin-bottom:18px;
}

.rr-list-hero p{
    max-width:680px;
    color:#cbd8e8;
    font-size:17px;
    line-height:1.8;
    margin:0;
}

.rr-list-breadcrumb{
    min-width:170px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    padding:18px 20px;
    border-radius:18px;
    color:#fff;
    font-size:14px;
}

.rr-list-breadcrumb a{
    color:#f3c956;
    text-decoration:none;
    font-weight:800;
}

/* SEARCH / FORM */
.rr-enquiry-wrap{
    margin-top:-52px;
    position:relative;
    z-index:5;
}

.rr-enquiry-box{
    background:#fff;
    border-radius:28px;
    padding:26px;
    box-shadow:0 25px 65px rgba(7,17,29,.16);
    border:1px solid #f1dfb4;
}

.rr-enquiry-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}

.rr-enquiry-title h3{
    font-size:24px;
    font-weight:900;
    color:#07111d;
    margin:0;
}

.rr-enquiry-title p{
    color:#68778b;
    margin:0;
    font-size:14px;
}

.rr-enquiry-form{
    display:grid;
    grid-template-columns:1fr 1fr 1.3fr auto;
    gap:14px;
}

.rr-field{
    position:relative;
}

.rr-field i{
    position:absolute;
    left:17px;
    top:50%;
    transform:translateY(-50%);
    color:#d4a93c;
    font-size:14px;
}

.rr-field input{
    width:100%;
    height:56px;
    border:1px solid #ead9ae;
    background:#fbf7ef;
    border-radius:16px;
    padding:0 16px 0 42px;
    color:#07111d;
    font-weight:700;
    outline:none;
}

.rr-field input::placeholder{
    color:#8a8f9a;
    font-weight:600;
}

.rr-field input:focus{
    border-color:#d4a93c;
    background:#fff;
}

.rr-submit-btn{
    height:56px;
    border:0;
    border-radius:16px;
    padding:0 26px;
    background:#07111d;
    color:#fff;
    font-weight:900;
    white-space:nowrap;
}

.rr-submit-btn i{
    color:#f3c956;
    margin-left:8px;
}

/* MAIN */
.rr-list-main{
    padding:85px 0;
}

.rr-destination-block{
    margin-bottom:80px;
}

.rr-section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:25px;
    margin-bottom:28px;
}

.rr-section-head span{
    display:inline-block;
    background:#ffe6a6;
    color:#7c5706;
    padding:7px 16px;
    border-radius:50px;
    font-weight:800;
    font-size:13px;
    margin-bottom:12px;
}

.rr-section-head h2{
    font-size:34px;
    line-height:1.2;
    color:#07111d;
    font-weight:900;
    margin:0;
}

.rr-section-head p{
    color:#68778b;
    margin:9px 0 0;
    max-width:650px;
    line-height:1.7;
}

.rr-view-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#07111d;
    color:#fff;
    padding:12px 18px;
    border-radius:14px;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap;
}

.rr-view-link:hover{
    color:#fff;
}

/* SLICK SLIDER */
.rr-hotel-slider{
    margin:0 -12px;
}

.rr-slide-item{
    padding:12px;
}

.rr-hotel-card{
    background:#fff;
    border-radius:26px;
    overflow:hidden;
    border:1px solid #eee0bf;
    box-shadow:0 15px 45px rgba(7,17,29,.08);
    transition:.35s ease;
    height:100%;
}

.rr-hotel-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 65px rgba(7,17,29,.16);
}

.rr-hotel-img{
    position:relative;
    height:230px;
    overflow:hidden;
}

.rr-hotel-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s ease;
}

.rr-hotel-card:hover .rr-hotel-img img{
    transform:scale(1.08);
}

.rr-badge{
    position:absolute;
    left:16px;
    top:16px;
    background:#f3c956;
    color:#07111d;
    padding:7px 13px;
    border-radius:50px;
    font-size:12px;
    font-weight:900;
}

.rr-rating{
    position:absolute;
    right:16px;
    top:16px;
    background:#07111d;
    color:#fff;
    padding:7px 12px;
    border-radius:50px;
    font-size:12px;
    font-weight:800;
}

.rr-rating i{
    color:#f3c956;
    margin-right:4px;
}

.rr-hotel-body{
    padding:22px;
}

.rr-location{
    color:#7d8999;
    font-size:13px;
    font-weight:700;
    margin-bottom:8px;
}

.rr-location i{
    color:#d4a93c;
    margin-right:6px;
}

.rr-hotel-body h3{
    color:#07111d;
    font-size:21px;
    line-height:1.3;
    font-weight:900;
    margin-bottom:12px;
}

.rr-hotel-body p{
    color:#68778b;
    font-size:14px;
    line-height:1.7;
    margin-bottom:16px;
}

.rr-features{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:18px;
}

.rr-features span{
    background:#f8f3e9;
    color:#67583a;
    border:1px solid #eee0bf;
    padding:6px 10px;
    border-radius:50px;
    font-size:12px;
    font-weight:700;
}

.rr-card-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    border-top:1px solid #eee4cf;
    padding-top:16px;
}

.rr-price small{
    display:block;
    color:#7d8999;
    font-size:12px;
    margin-bottom:2px;
}

.rr-price strong{
    color:#07111d;
    font-size:18px;
    font-weight:900;
}

.rr-card-btn{
    background:#f3c956;
    color:#07111d;
    padding:11px 15px;
    border-radius:12px;
    font-size:13px;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap;
}

.rr-card-btn:hover{
    color:#07111d;
}

/* Slick arrows */
.rr-hotel-slider .slick-arrow{
    width:46px;
    height:46px;
    border-radius:50%;
    background:#07111d;
    border:2px solid #f3c956;
    color:transparent;
    position:absolute;
    top:42%;
    transform:translateY(-50%);
    z-index:10;
    transition:.3s;
}

.rr-hotel-slider .slick-arrow:hover{
    background:#f3c956;
}

.rr-hotel-slider .slick-prev{
    left:-12px;
}

.rr-hotel-slider .slick-next{
    right:-12px;
}

.rr-hotel-slider .slick-prev:before,
.rr-hotel-slider .slick-next:before{
    font-family:"Font Awesome 6 Pro","Font Awesome 6 Free";
    font-weight:900;
    color:#f3c956;
    font-size:17px;
    opacity:1;
}

.rr-hotel-slider .slick-prev:before{
    content:"\f104";
}

.rr-hotel-slider .slick-next:before{
    content:"\f105";
}

.rr-hotel-slider .slick-arrow:hover:before{
    color:#07111d;
}

/* Slick dots */
.rr-hotel-slider .slick-dots{
    display:flex !important;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-top:18px;
    padding:0;
    list-style:none;
}

.rr-hotel-slider .slick-dots li{
    width:auto;
    height:auto;
    margin:0;
}

.rr-hotel-slider .slick-dots button{
    width:10px;
    height:10px;
    border-radius:50px;
    background:#d8c9a7;
    border:0;
    font-size:0;
    padding:0;
    transition:.3s;
}

.rr-hotel-slider .slick-dots .slick-active button{
    width:28px;
    background:#d4a93c;
}

/* CTA */
.rr-final-cta{
    background:#07111d;
    border-radius:34px;
    padding:45px;
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:25px;
}

.rr-final-cta h2{
    color:#fff;
    font-size:34px;
    font-weight:900;
    margin-bottom:8px;
}

.rr-final-cta p{
    color:#b8c8dc;
    margin:0;
}

.rr-final-cta a{
    background:#f3c956;
    color:#07111d;
    padding:15px 24px;
    border-radius:14px;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap;
}

/* RESPONSIVE */
@media(max-width:1199px){
    .rr-list-hero h1{
        font-size:44px;
    }
}

@media(max-width:991px){
    .rr-list-hero-wrap,
    .rr-section-head,
    .rr-final-cta{
        flex-direction:column;
        align-items:flex-start;
    }

    .rr-enquiry-form{
        grid-template-columns:1fr 1fr;
    }

    .rr-submit-btn{
        grid-column:1 / -1;
    }

    .rr-hotel-slider .slick-prev{
        left:0;
    }

    .rr-hotel-slider .slick-next{
        right:0;
    }
}

@media(max-width:767px){
    .rr-list-hero{
        padding:65px 0 85px;
    }

    .rr-list-hero h1{
        font-size:34px;
    }

    .rr-list-hero p{
        font-size:15px;
    }

    .rr-enquiry-form{
        grid-template-columns:1fr;
    }

    .rr-enquiry-title{
        display:block;
    }

    .rr-enquiry-title h3{
        margin-bottom:6px;
    }

    .rr-section-head h2{
        font-size:28px;
    }

    .rr-hotel-img{
        height:210px;
    }

    .rr-final-cta{
        padding:30px;
    }

    .rr-final-cta h2{
        font-size:26px;
    }
}













/* ===============================
   MICE & CONFERENCE UNIQUE CSS
================================ */

.rr-mice-page{
    background:#f8f3e9;
    overflow:hidden;
}

/* HERO */
.rr-mice-hero{
    background:linear-gradient(135deg,#07111d 0%,#0e1d2c 62%,#d8aa3c 190%);
    padding:90px 0 110px;
    color:#fff;
}

.rr-mice-hero-wrap{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:45px;
    align-items:center;
}

.rr-mice-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#f3c956;
    color:#07111d;
    padding:8px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:900;
    margin-bottom:18px;
}

.rr-mice-hero h1{
    color:#fff;
    font-size:54px;
    line-height:1.08;
    font-weight:900;
    margin-bottom:18px;
}

.rr-mice-hero p{
    color:#cbd8e8;
    font-size:17px;
    line-height:1.8;
    max-width:680px;
    margin-bottom:26px;
}

.rr-mice-hero-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.rr-mice-btn{
    display:inline-flex;
    align-items:center;
    gap:9px;
    background:#f3c956;
    color:#07111d;
    padding:14px 22px;
    border-radius:14px;
    font-weight:900;
    text-decoration:none;
}

.rr-mice-btn.dark{
    background:rgba(255,255,255,.12);
    color:#fff;
    border:1px solid rgba(255,255,255,.2);
}

.rr-mice-btn:hover{
    color:#07111d;
}

.rr-mice-btn.dark:hover{
    color:#fff;
}

.rr-mice-visual{
    position:relative;
}

.rr-mice-visual img{
    width:100%;
    height:440px;
    object-fit:contain;
    border-radius:32px;
    box-shadow:0 28px 70px rgba(0,0,0,.35);
}

.rr-mice-floating-card{
    position:absolute;
    left:-25px;
    bottom:30px;
    background:#fff;
    color:#07111d;
    padding:22px;
    border-radius:22px;
    width:245px;
    box-shadow:0 22px 55px rgba(0,0,0,.25);
}

.rr-mice-floating-card h3{
    font-size:36px;
    font-weight:900;
    color:#d4a93c;
    margin:0;
}

.rr-mice-floating-card p{
    color:#5f6f82;
    font-size:14px;
    line-height:1.6;
    margin:5px 0 0;
}

/* INTRO */
.rr-mice-intro{
    margin-top:-55px;
    position:relative;
    z-index:5;
}

.rr-mice-intro-box{
    background:#fff;
    border:1px solid #f0dfb4;
    border-radius:30px;
    padding:32px;
    box-shadow:0 25px 65px rgba(7,17,29,.14);
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.rr-mice-feature{
    background:#fbf7ef;
    border:1px solid #ead9ae;
    border-radius:20px;
    padding:22px;
}

.rr-mice-feature i{
    width:44px;
    height:44px;
    background:#07111d;
    color:#f3c956;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    margin-bottom:14px;
}

.rr-mice-feature h4{
    font-size:18px;
    color:#07111d;
    font-weight:900;
    margin-bottom:8px;
}

.rr-mice-feature p{
    color:#68778b;
    font-size:14px;
    line-height:1.65;
    margin:0;
}

/* MAIN */
.rr-mice-main{
    padding:85px 0;
}

.rr-section-head{
    text-align:center;
    max-width:780px;
    margin:0 auto 40px;
}

.rr-section-head span{
    display:inline-block;
    background:#ffe6a6;
    color:#7c5706;
    padding:15px 18px;
    border-radius:50px;
    font-weight:900;
    font-size:13px;
    margin-bottom:14px;
}

.rr-section-head h2{
    font-size:38px;
    line-height:1.2;
    color:#07111d;
    font-weight:900;
    margin-bottom:12px;
}

.rr-section-head p{
    color:#68778b;
    line-height:1.75;
    margin:0;
}




/* SERVICES */
.rr-mice-services{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-bottom:85px;
}

.rr-service-card{
    background:#fff;
    border:1px solid #eee0bf;
    border-radius:26px;
    padding:28px;
    box-shadow:0 15px 45px rgba(7,17,29,.07);
    transition:.3s;
}

.rr-service-card:hover{
    transform:translateY(-7px);
    box-shadow:0 24px 65px rgba(7,17,29,.14);
}

.rr-service-icon{
    width:56px;
    height:56px;
    background:#f3c956;
    color:#07111d;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-bottom:18px;
}

.rr-service-card h3{
    font-size:22px;
    color:#07111d;
    font-weight:900;
    margin-bottom:10px;
}

.rr-service-card p{
    color:#68778b;
    line-height:1.7;
    font-size:15px;
    margin-bottom:16px;
}

.rr-service-card ul{
    padding:0;
    margin:0;
    list-style:none;
}

.rr-service-card li{
    color:#4d5e73;
    font-size:14px;
    margin-bottom:8px;
}

.rr-service-card li i{
    color:#d4a93c;
    margin-right:8px;
}

/* FORM SECTION */
.rr-mice-form-section{
    background:#07111d;
    border-radius:36px;
    padding:42px;
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:38px;
    align-items:start;
    margin-bottom:85px;
}

.rr-form-info{
    color:#fff;
    padding:10px 0;
}

.rr-form-info span{
    display:inline-block;
    background:#f3c956;
    color:#07111d;
    padding:7px 16px;
    border-radius:50px;
    font-size:13px;
    font-weight:900;
    margin-bottom:15px;
}

.rr-form-info h2{
    color:#fff;
    font-size:36px;
    font-weight:900;
    line-height:1.22;
    margin-bottom:14px;
}

.rr-form-info p{
    color:#b8c8dc;
    line-height:1.75;
    margin-bottom:24px;
}

.rr-form-points{
    display:grid;
    gap:14px;
}

.rr-form-points div{
    display:flex;
    align-items:center;
    gap:12px;
    color:#dce7f5;
    font-weight:700;
}

.rr-form-points i{
    width:34px;
    height:34px;
    background:rgba(243,201,86,.15);
    color:#f3c956;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.rr-mice-form-card{
    background:#fff;
    border-radius:28px;
    padding:30px;
    box-shadow:0 22px 60px rgba(0,0,0,.25);
}

.rr-mice-form-card h3{
    color:#07111d;
    font-size:26px;
    font-weight:900;
    margin-bottom:20px;
}

.rr-mice-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.rr-form-group{
    position:relative;
}

.rr-form-group.full{
    grid-column:1 / -1;
}

.rr-form-group label{
    display:block;
    color:#07111d;
    font-size:13px;
    font-weight:900;
    margin-bottom:8px;
}

.rr-form-group input,
.rr-form-group select,
.rr-form-group textarea{
    width:100%;
    border:1px solid #ead9ae;
    background:#fbf7ef;
    border-radius:15px;
    padding:13px 15px;
    color:#07111d;
    font-weight:700;
    outline:none;
}

.rr-form-group input,
.rr-form-group select{
    height:52px;
}

.rr-form-group textarea{
    min-height:120px;
    resize:vertical;
}

.rr-form-group input:focus,
.rr-form-group select:focus,
.rr-form-group textarea:focus{
    border-color:#d4a93c;
    background:#fff;
}

.rr-three-row{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}

.rr-submit-full{
    grid-column:1 / -1;
    border:0;
    height:56px;
    background:#f3c956;
    color:#07111d;
    font-weight:900;
    border-radius:16px;
    font-size:15px;
}

.rr-submit-full i{
    margin-left:8px;
}

/* PROCESS */
.rr-process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.rr-process-card{
    background:#fff;
    border:1px solid #eee0bf;
    border-radius:24px;
    padding:26px;
    text-align:center;
}

.rr-process-no{
    width:48px;
    height:48px;
    background:#07111d;
    color:#f3c956;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    margin:0 auto 15px;
}

.rr-process-card h4{
    color:#07111d;
    font-size:18px;
    font-weight:900;
    margin-bottom:8px;
}

.rr-process-card p{
    color:#68778b;
    line-height:1.65;
    font-size:14px;
    margin:0;
}

/* RESPONSIVE */
@media(max-width:1199px){
    .rr-mice-hero h1{
        font-size:44px;
    }
}

@media(max-width:991px){
    .rr-mice-hero-wrap,
    .rr-mice-form-section{
        grid-template-columns:1fr;
    }

    .rr-mice-intro-box{
        grid-template-columns:1fr 1fr;
    }

    .rr-mice-services{
        grid-template-columns:1fr 1fr;
    }

    .rr-process-grid{
        grid-template-columns:1fr 1fr;
    }

    .rr-mice-floating-card{
        left:20px;
    }
}

@media(max-width:767px){
    .rr-mice-hero{
        padding:60px 0 95px;
    }

    .rr-mice-hero h1{
        font-size:34px;
    }

    .rr-mice-visual img{
        height:300px;
    }

    .rr-mice-intro-box,
    .rr-mice-services,
    .rr-process-grid{
        grid-template-columns:1fr;
    }

    .rr-mice-form-section{
        padding:24px;
        border-radius:26px;
    }

    .rr-mice-form-card{
        padding:22px;
    }

    .rr-mice-form{
        grid-template-columns:1fr;
    }

    .rr-form-group.full,
    .rr-submit-full{
        grid-column:auto;
    }

    .rr-three-row{
        grid-column:auto;
        grid-template-columns:1fr;
    }

    .rr-section-head h2,
    .rr-form-info h2{
        font-size:28px;
    }
}






img.cust_call {
    position: fixed;
    bottom: 60px;
    left: 20px;
    z-index: 999;
    width: 60px;
    height: 60px;
}

.whatsapp-button img {
    width: 75px;
    height: 75px;
}

.whatsapp-button {
    position: fixed;
    bottom: 60px;
    right: 20px;
    z-index: 999;
}

.whatsapp-button img {
    width: 75px;
    height: 75px;
}