/* common css start */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ul li {
  list-style: none;
}
html {
  font-size: 10px !important;
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  color: inherit;
  transition: all 0.5s;
}

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

body {
  overflow-x: hidden;
  font-family: "massilia";
  font-weight: 200;
  font-size: 2rem;
  line-height: 1;
  color: #05808c;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #f9f6f1;
}

img {
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.container {
  width: 90%;
  max-width: 1920px;
  margin: 0 auto;
}
.relative {
  position: relative;
}
.d-none {
  display: none;
}
.text-white,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white span,
.text-white h3,
.text-white p,
.text-white label {
  color: #fff;
}
.flex-box {
  display: flex;
  flex-wrap: wrap;
}
.flex-col {
  flex-direction: column;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-end {
  justify-content: end;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: end;
}

.w-10 {
  width: 10%;
}
.w-15 {
  width: 15%;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-33 {
  width: 33.3%;
}
.w-35 {
  width: 35%;
}
.w-40 {
  width: 40%;
}
.w-45 {
  width: 45%;
}
.w-50 {
  width: 50%;
}
.w-55 {
  width: 55%;
}
.w-60 {
  width: 60%;
}
.w-65 {
  width: 65%;
}
.w-70 {
  width: 70%;
}
.w-75 {
  width: 75%;
}
.w-80 {
  width: 80%;
}
.w-85 {
  width: 85%;
}
.w-90 {
  width: 90%;
}
.w-95 {
  width: 95%;
}
.w-100,
.w-full {
  width: 100%;
}
.max-content {
  width: max-content;
}
.h-full {
  height: 100%;
}
.mt-1 {
  margin-top: 1rem;
}
.mt-2 {
  margin-top: 2rem;
}
.mt-3 {
  margin-top: 3rem;
}
.mt-35 {
  margin-top: 3.5rem;
}
.mt-4 {
  margin-top: 4rem;
}
.mt-5 {
  margin-top: 5rem;
}
.mt-6 {
  margin-top: 6rem;
}
.mt-7 {
  margin-top: 7rem;
}
.mt-8 {
  margin-top: 8rem;
}
.mt-9 {
  margin-top: 9rem;
}
.mt-10 {
  margin-top: 10rem;
}
.mt-11 {
  margin-top: 11rem;
}
.mt-13 {
  margin-top: 13rem;
}
.mb-3 {
  margin-bottom: 3rem;
}
.mb-8 {
  margin-bottom: 8rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
section {
  overflow-x: clip;
  max-width: 1920px;
  margin: 0 auto;
  counter-reset: section;
}
.text-center {
  text-align: center;
}
.text-justify,
.text-justify > * {
  text-align: justify;
}
.text-end {
  text-align: end;
}
.uppercase {
  text-transform: uppercase;
}
.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4rem;
}
input:not([type="checkbox"]):not([type="submit"]),
textarea,
select {
  background-color: transparent;
  width: 100%;
  border: none;
  outline: none;
}
button {
  border: none;
}
button:hover,
input[type="submit"],
.cursor-pointer {
  cursor: pointer;
}
.font-700 {
  font-weight: 700;
}
.absolute {
  position: absolute;
}
.left-0 {
  left: 0;
}
.top-0 {
  top: 0;
}
.bottom-0 {
  bottom: 0;
}
.pseudo-class-after::after,
.pseudo-class-before::before,
.pseudo-class span::before,
.pseudo-class::after,
.pseudo-class::before {
  display: block;
  content: "";
  position: absolute;
  object-fit: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.overflow-hidden {
  overflow: hidden;
}
.detail-content h2:not(:first-child),
.detail-content h3:not(:first-child),
.detail-content h4:not(:first-child),
.detail-content h5:not(:first-child),
.detail-content h6:not(:first-child),
.detail-content ul:not(:first-child),
.detail-content p:not(:first-child) {
  margin-top: 4rem;
}
.detail-content ul {
  padding-left: 3rem;
}
.detail-content ul li {
  list-style: disc;
  color: #1e585b;
}
.detail-content p {
  color: #1e585b;
}
.detail-content a:not(.btn) {
  text-decoration: underline;
  transition: all 0.5s;
}
.detail-content strong,
.detail-content b {
  font-weight: 600;
}
.three-cards-layout {
  margin-bottom: -5.6rem;
}
.three-cards-layout > li,
.three-cards-layout > div {
  width: 31%;
  margin-right: 5.6rem;
  margin-bottom: 5.6rem;
}
.three-cards-layout > li:nth-child(3n + 3),
.three-cards-layout > div:nth-child(3n + 3) {
  margin-right: 0;
}


/* -----------------------Common Media Query ------------------------- */

@media (max-width: 1920px) {
  html {
    font-size: 0.522vw !important;
  }
}
@media (min-width: 1921px) {
  html {
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 1.5vw !important;
  }
  .m-w-100 {
    width: 100% !important;
  }
  .m-mt-0 {
    margin-top: 0;
  }
  .m-mt-2{
    margin-top: 2rem;
  }
  .m-mt-3 {
    margin-top: 3rem;
  }
  .m-mt-5 {
    margin-top: 5rem;
  }
  .m-mt-8 {
    margin-top: 8rem;
  }
  .m-mb-5 {
    margin-bottom: 5rem;
  }
  .container {
    width: 90% !important;
  }
  .m-none {
    display: none !important;
  }
  .m-block {
    display: block;
  }
  .m-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .m-flex-col {
    flex-direction: column;
  }
  .m-text-center {
    text-align: center;
  }
  .three-cards-layout > div,
  .three-cards-layout > li {
    width: 100%;
    margin-right: 0 !important;
  }
}

/* -------------------- project css start ------------------- */
.section-heading h3,
.section-heading p {
  margin-top: 3rem;
}
.comm-padding {
  padding: 8rem 0;
}
h1,
h2,
h4,
h6,
.card-heading,
.usp-heading {
  font-family: "ivypresto-headline";
  font-weight: 400;
}
h1 {
  font-weight: 300;
  font-size: 5.5rem;
  line-height: 1.4;
}
h2,
.usp-heading {
  font-size: 5.5rem;
  color: #05808c;
}
h3 {
  font-family: "adventures-unlimited";
  -webkit-text-stroke: 0.4px currentColor;
  font-weight: 400;
  font-size: 7.2rem;
  line-height: 0.8;
  color: #dab267;
}
h4 ,.detail-content h3{
  font-size: 4rem;
  font-weight: 300;
  font-style: italic;
}
h5 {
  font-size: 2.8rem;
  font-style: italic;
}
p,
li {
  font-size: 2rem;
  line-height: 1.7;
}
.card-heading,
h6 {
  font-size: 2.5rem;
  font-weight: 300;
}
h6 {
  font-style: italic;
}
.btn {
  display: inline-block;
  font-size: 2rem;
  line-height: 1;
  padding: 0.8rem 3rem;
  min-width: 18rem;
  text-align: center;
  border: 2px solid transparent;
  transition: all 0.5s;
}
.sbi_load_btn,.sbi_follow_btn a{
  background: transparent !important;
  border: 2px solid #05808c!important;
  color: #05808c !important;
  margin-top: 5rem !important;
}
.colored-bg,
.btn.brown-border:hover {
  background: #dab267;
  color: #fefdd7;
}

a.colored-bg:hover,
button.colored-bg:hover {
  background: transparent;
}
.btn.brown-border,
a.colored-bg:hover,
button.colored-bg:hover {
  border: 2px solid #dab267;
  color: #dab267;
}
.btn.blue-border {
  border: 2px solid #8ef0ec;
  color: #8ef0ec;
}

.btn.blue-border:hover {
  background: #8ef0ec;
  color: #05808c;
}
.btn.dark-blue-border {
  border: 2px solid #05808c;
  color: #05808c;
}
.btn.dark-blue-border:hover {
  background-color: #05808c !important;
  color: #fff !important;
}
.sbi_load_btn:hover,#sb_instagram .sbi_follow_btn a:hover {
   border: 2px solid transparent !important;
   background-color: #05808c !important;
  color: #fff !important;
  box-shadow: none !important;
}
.banner-section .section-heading p {
  font-size: 2.6rem;
}
.banner-section .section-heading {
  position: absolute;
  left: 10rem;
  bottom: 10rem;
}

.short-heighted-banner .section-heading {
  position: absolute;
  left: 50%;
  bottom: 18rem;
  transform: translateX(-50%);
  padding: 0 5rem;
}
.short-heighted-banner .content-overlay-box {
  background-color: rgb(2 128 139 / 30%);
}
.short-heighted-banner .img-box img {
  display: block;
  object-fit: cover;
}
.bg-pink {
  background-color: #f1ebde;
}
/* -----------------------------------
           Homepage           
------------------------------------ */
.home-banner h1{
  font-style: italic;
}
.banner-section .img-box img {
  width: 100%;
  height: 90rem;
  object-fit: cover;
}
.our-story-section{
  margin-top: -2px;
}
.our-story-section .section-heading {
  padding-right: 10rem;
  z-index: 1;
}
.our-story-section .section-heading p {
  line-height: 1.7;
  color: #12b3b3;
}
.our-story-section::after {
  background: url(../images/our-story-after-img.webp) no-repeat center;
  background-size: contain;
  width: 87rem;
  height: 90rem;
  right: -7rem;
  bottom: -30rem;
  z-index: 0;
}
.our-story-section .content-wrapper {
  padding: 2rem 0;
}
.img-box-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.our-story-section .img-box-container::after {
  background: url(../images/our-story-img-vector.webp) no-repeat center;
  background-size: contain;
  width: 15rem;
  height: 15rem;
  position: absolute;
  left: 21rem;
  bottom: 18rem;
}
.our-story-section .img-box-1 {
  width: 96rem;
  height: 87.6rem;
}
.our-story-section .img-box-2 {
  width: 78.6rem;
  height: 64.3rem;
  position: absolute;
  left: 29rem;
  top: 11.8rem;
}

.our-story-section .img-box-container .img-box-2::after {
  background: url(../images/our-story-vector-2.webp) no-repeat center;
  background-size: contain;
  width: 15rem;
  height: 18rem;
  position: absolute;
  right: -7.5rem;
  bottom: -6rem;
}
.our-story-section .img-box-3 {
  width: 40rem;
  height: 40rem;
  position: absolute;
  left: 10rem;
  top: 22rem;
  padding: 1.2rem;
  background: #fff;
}
.usps-card-section .card {
  width: 33.333%;
  overflow: hidden;
}
.usps-card-section .card img {
  width: 100%;
  height: 106rem;
  object-fit: cover;
}
.usps-card-section .card .overlay {
  height: 50%;
  background: linear-gradient(180deg, #ffffff00 0%, #46a1aaf0 100%);
}
.usps-card-section .card .text-content {
  padding: 2rem;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
  transform: translateY(87%);
  transition: all 0.5s;
}
.usps-card-section .card:hover {
  cursor: pointer;
}
.usps-card-section .card:hover .text-content {
  transform: translateY(75%);
}
.usps-card-section .card .text-content p {
  width: 80%;
  margin: 7rem auto;
  font-size: 2.5rem;
  line-height: 1.3;
}
.common-cards li {
  padding: 1.5rem 1.5rem 1.3rem;
  background: #fff;
}
.common-cards img {
  width: 100%;
  max-width: 100% !important;
}
.resort-list-container {
  height: 62rem;
}
.resort-list-container li {
  width: 31%;
  transition: all 0.5s;
}
.common-cards li .text-content h6 {
  font-style: italic;
  letter-spacing: .1rem;
}
.resort-list-container .location-box img {
  width: 1.7rem;
  object-fit: scale-down;
  margin-right: 1rem;
}
.common-cards li .location-box span {
  font-size: 2.1rem;
  color: #c19d52;
}
.resort-list-container .stars-icon {
  height: 2rem;
  margin-top: .4rem;
  object-fit: scale-down;
}
.resort-list-container li.slick-active.slick-center .btn{
  transform: scale(.89);
}
.slick-slide img {
  width: 100%;
}
.slick-slide {
  margin: 0 2rem;
}
.resort-list-container li.slick-slide {
  margin: 0 3rem;
}
.resort-list-container li.slick-center {
  transform: scale(1.1);
}
.resort-list-container .slick-list {
  padding: 6rem 0 !important;
}
.resort-list-container li .description-box {
  display: none;
}
.resort-list-container li.slick-active {
  margin-top: 4rem;
}
.resort-list-container li.slick-active.slick-center {
  margin-top: 0;
}
.resort-list-container li.slick-center .description-box {
  display: flex;
}
.slider-arrow-box img {
  width: 4rem;
  object-fit: contain;
}
.slider-arrow-prev {
  position: absolute;
  left: -5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.slider-arrow-next {
  position: absolute;
  top: 50%;
  right: -5rem;
  transform: translateY(-50%);
  z-index: 2;
}
.our-resorts-section .section-heading {
  position: relative;
  z-index: 1;
}
.our-resorts-section::before {
  background: url(../images/resort-before-img.webp) no-repeat center;
  background-size: contain;
  width: 41rem;
  height: 60rem;
  left: -5rem;
  top: 28rem;
  z-index: 0;
}
.our-resorts-section::after {
  background: url(../images/destination-vector-after-new.webp) no-repeat center;
  background-size: contain;
  width: 55rem;
  height: 26rem;
  right: -2rem;
  bottom: 7.3rem;
  z-index: 0;
}
.our-resorts-section .content-wrapper {
  z-index: 2;
}
.our-partners-section {
  padding: 8rem 0;
  background: #dab267;
}
.our-partners-section a {
  display: inline-block;
  width: max-content;
}
.our-partners-section img {
  max-height: 8rem;
  object-fit: scale-down;
}
.exclusive-offers::before {
  background: url(../images/exclusive-offers-vector-2.webp) no-repeat center;
  background-size: contain;
  width: 27.8rem;
  height: 25.3rem;
  left: -2rem;
  top: -2rem;
  z-index: 0;
}
.exclusive-offers::after {
  background: url(../images/exclusive-after-img.webp) no-repeat center;
  background-size: contain;
  width: 70rem;
  height: 63rem;
  right: -18.5rem;
  bottom: -33rem;
  z-index: 0;
}
.exclusive-offers .section-heading h2 {
  color: #dab267;
}
.exclusive-offers .section-heading h3 {
  color: #80d9d5;
}
.exclusive-offers .tabs-container li a {
  min-width: 25rem;
  text-align: center;
  border: 1px solid transparent;
  transition: all 0.5s;
}
.exclusive-offers .tabs-container a {
  font-family: "ivypresto-headline";
  display: inline-block;
  font-size: 2.5rem;
  color: #fefdd7;
  padding: 0.8rem 2rem;
  margin: 0 2rem;
}
.exclusive-offers .tabs-container li a:hover,
.exclusive-offers .tabs-container li a.active {
  border: 1px solid #fefdd7;
  text-decoration: none;
  filter: brightness(1);
}
.exclusive-offer-listing li {
  position: relative;
  z-index: 1;
}
.exclusive-offer-listing li .price-box {
  background: url(../images/pricing-box-bg.webp) no-repeat center;
  background-size: contain;
  width: 19rem;
  height: 19rem;
  position: absolute;
  top: -5.3rem;
  right: 2rem;
  padding-right: 2.1rem;
}
.price-box .card-heading {
  margin-top: 0.6rem;
  font-style: normal;
  line-height: 1;
}
p.small-text {
  font-size: 1.8rem;
}
.why-us-section .section-usps .usp {
  width: 20%;
  text-align: center;
}
.why-us-section .section-usps .usp .usp-heading {
  font-style: normal;
  color: #1e585b;
}
.why-us-section .section-usps .usp p {
  line-height: 1.7;
  letter-spacing: 0.01rem;
}
.why-us-section .section-usps .usp .icon-box img {
  height: 15rem;
  width: 15rem;
  object-fit: scale-down;
  margin-bottom: 3rem;
}
.why-us-section .section-usps .usp .icon-box {
  opacity: 0;                  
  transform: translateY(30px) scale(0.9);
  transition: transform 0.8s ease, opacity 0.8s ease;
}
/* Trigger animation */
.why-us-section .section-usps .usp .icon-box.animate {
  animation: bouncePop 0.8s ease-out forwards;
}
.why-us-section .section-usps .usp p {
  margin-top: 2rem;
}
.destination-list-container li {
  margin: 0 1.5rem;
}
.destination-list-container li img{
  width: 100%;
  height: 40.5rem;
  object-fit: cover;
}
.social-icons img {
  width: 3.9rem;
  object-fit: scale-down;
  margin: 0 0.6rem;
  transition: all 0.5s;
}
.social-icons img:hover,
.social-links img:hover {
  filter: brightness(0.8);
}
.destination-section::before {
  background: url(../images/destination-section-before-img.webp) no-repeat
    center;
  background-size: contain;
  width: 19rem;
  height: 19rem;
  left: 5rem;
  bottom: 16rem;
}

.destination-section h3 {
  color: #12b3b3;
}
.insider-stories::after {
  background: url(../images/insider-stories-after-image.webp) no-repeat center;
  background-size: contain;
  width: 40rem;
  height: 40rem;
  right: 4rem;
  top: 18rem;
  opacity: 0.05;
  z-index: 0;
}
.insider-stories-listing {
  position: relative;
  z-index: 1;
}
.insider-stories-listing li {
  width: 48%;
  margin: 0 3rem;
  min-height: 62rem;
  position: relative;
}
.insider-stories-listing li .description-box{
  position: absolute;
  bottom: 2rem;
  left: 1.5rem;
  width: 95%;
}
.insider-stories-listing li.slick-slide img{
height: 45rem !important;
    object-fit: cover;
}
.insider-stories-listing .category p {
  font-size: 2.4rem;
  color: #19b5b5;
  text-transform: uppercase;
}
.testimonial-section .content-wrapper{
  width: 77%;
}
.testimonial-section .testimonial-box {
  background: #f9f5f1;
  padding: 6rem 7rem;
}
.testimonial-section::after {
  display: block;
  content: "";
  background: url(../images/hp-testimonial-vector.webp) no-repeat center;
  background-size: contain;
  width: 27rem;
  height: 24rem;
  position: absolute;
  right: 18rem;
  bottom: 19rem;
}
.testimonial-section .message p {
  font-size: 2.5rem;
  font-family: "ivypresto-headline";
  font-weight: 300;
  font-style: italic;
  line-height: 1.7;
  color: #05808c;
}
.testimonial-section .author-name.card-heading {
  font-size: 4.4rem;
  font-style: italic;
}
.testimonial-box h3 {
  color: #05808c;
  margin-top: 1rem;
}
.testimonial-section .star-box {
  display: flex;
  justify-content: center;
}
.testimonial-section .icon-box img {
  width: 9rem;
}
.testimonial-section .star-box img {
  width: 20rem;
}
.white-arrow .slider-arrow-prev img,
.white-arrow .slider-arrow-next img {
  filter: brightness(0) invert(1);
}
.testimonial-section .slider-arrow-prev {
  left: -12rem;
}
.testimonial-section .slider-arrow-next {
  right: -12rem;
}
section:last-of-type {
  padding-bottom: 32rem;
}
footer {
 padding-top: 14rem;
    margin-top: -25rem;
  background-image: url(../images/footer-bg.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
footer .content-wrapper {
  background: #f9f6f1;
  padding: 0 10rem 8rem 13rem;
  margin-top: 13rem;
}
footer .logo-box .project-logo {
  width: 17rem;
  object-fit: scale-down;
}
footer .logo-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -16rem;
}
footer .logo-box .text-logo {
  margin: 2rem 0;
  width: 26rem;
}
footer .logo-box .footer-text {
  font-size: 2.1rem;
  color: #dab267;
}
footer .contact-box li,
footer .contact-box li a,
footer .contact-box p {
  color: #dab267;
}
footer .link-block a,
footer .links li {
  font-size: 1.8rem;
}
footer .links a {
  font-size: 1.8rem;
  display: inline-block;
  margin-top: 0.5rem;
  color: #1e585b;
  transition: all 0.5s;
}
footer .links a:hover {
  text-decoration: underline;
}
footer .link-block{
  min-height: 13rem;
}
.footer-block-heading {
  color: #1e585b;
  font-style: italic;
  margin-left: -1px;
}
.footer-bottom {
  padding: 0 2rem 2.5rem 0;
}
.footer-bottom p {
  color: #dab267;
  margin-left: 2rem;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: all 0.5s;
}
header .content-wrapper {
  max-width: 1920px;
  margin: 0 auto;
}
header .navigation-box {
  padding: 2rem;
}
header .navigation-box .right-side {
  width: 53%;
}
header .project-logo-box img {
  width: 5rem;
}
header .text-logo-box img {
  width: 11.3rem;
  object-fit: scale-down;
}
header .header-btn-box > div {
  margin-left: 3rem;
}
header .sub-menu {
  display: none;
  width: 100% !important;
  padding-bottom: 4rem;
}

.menu-item-container ul .sub-menu li a {
  font-size: 2.6rem;
  color: #dab267;
}
header .menu-icon img,
header .whatsapp-icon img,
header .close-icon img {
  width: 4rem;
  object-fit: scale-down;
}
.menu-item-container {
  width: 100%;
  min-height: 100rem;
  background: #1e585b;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  height: 100vh;
}
.menu-item-container.active {
  display: block;
}
.menu-item-container ul {
  width: max-content;
}
.menu-item-container ul li a {
  display: block;
  font-size: 4rem;
  margin-top: 2rem;
  color: #80d9d5;
  text-align: center;
  font-style: italic;
  transition: all 0.5s;
}
header .social-links {
  margin-top: 20rem;
}
.sub-menu-toggle {
  display: none;
}
.menu-item-has-children {
  position: relative;
}
/* Default arrow (closed) */
.menu-item-has-children > a::after {
  content: "";
  width: 2rem;
  height: 2rem;
  background-image: url(../images/accordion-bottom-icon.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 1rem;
  top: 3rem;
  transition: transform 0.5s ease;
  filter: brightness(0.3) invert(1);
}

/* When submenu is open */
.menu-item-has-children:hover > a::after {
  transform: rotate(180deg);
}

.home header {
  background-color: transparent;
}

body:not(.home) header {
  background-color: #1e585b;
}
.home header.sticky-header {
  background: #1e585b;
  box-shadow: 0 0 1rem #03444b;
}
/* -----------------------------------
           Offer Detail           
------------------------------------ */
.detail-content h2{
  font-size: 4.4rem;
  line-height: 1.5;
  font-style: italic;
}
.detail-content h3{
  font-size: 4.2rem;
  font-family:"ivypresto-headline";
  line-height: 1.3;
}
.offer-details-section .detail-content h4 {
  color: #dab267;
  line-height: 1.5;
}
.detail-content h5{
  font-size: 3rem;
}
.detail-content h6 {
  font-size: 2.8rem;
  color: #1e585b;
  line-height: 1.3;
}
.offer-detail-logo-box {
  margin-bottom: -5rem;
}
.offer-detail-logo-box .logo-box{
  margin-bottom: 5rem;
}
.offer-detail-logo-box img {
    max-height: 11rem;
    object-fit: scale-down;
}
.offer-detail-logo-box{
padding: 8rem 8rem;
}
.our-partners-section .logo-box p{
font-size: 2.4rem;
}
.side-bar-box {
  padding: 4rem 3rem;
}
.side-bar-box h5{
  font-family:"ivypresto-headline";
  font-weight: 400;
  text-align: center;
  color: #1e585b;
}
.offer-detail-side-bar-box  {
  padding: 4rem 7rem;
}
.side-bar-box.top-box .btn {
  width: 100%;
  margin-bottom: 1rem;
}
.property-overview-list ul li {
  display: flex;
  color: #c19d52;
  margin-bottom: 2rem;
}
.property-overview-list ul li img {
  height: 3rem;
  width: 3rem;
  margin-right: 1rem;
  object-fit: contain;
}
.sticky-box {
  position: sticky;
  top: 15rem;
}
.detail-content h6.market-validity-text{
  margin-top: 2rem;
}
.gallery-slider-box-container .slider-arrow-prev {
  left: 5rem;
}
.gallery-slider-box-container .slider-arrow-next {
  right: 5rem;
}
.terms-condition-section {
  padding-bottom: 8rem;
}
.terms-condition-section .section-heading {
  padding-left: 18rem;
}
.terms-condition-section .img-box{
  width: 47%;
  min-height: 76rem;
}

.terms-condition-section .img-box-1 img{
  width: 76rem;
  height: 76.5rem;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
}
.terms-condition-section .img-box-2 img{
  width: 77.5rem;
  height: 57.1rem;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.body-banner-section {
  padding: 10rem 0;
}
.offer-detail-body-banner-section .section-logo-box {
  margin-bottom: 3rem;
}
.offer-detail-body-banner-section .section-logo-box img {
  width: 20rem;
}
.offer-detail-body-banner-section h3{
  color: #dab267;
}
.offer-detail-body-banner-section .section-logo-box p {
  margin-top: -2rem;
}
.text-golden,
.text-golden h2 {
  color: #dab267;
}
.offer-detail-logo-box img {
  height: 13rem;
}
/* -----------------------------------
         Terms & condintion page          
------------------------------------ */
.terms-and-condition-body-banner {
  padding: 6rem 0 0;
}
.terms-and-condition-body-banner .content-wrapper {
  padding: 12rem 0;
}
.terms-and-condition-body-banner .section-heading {
  margin-top: 5rem;
  position: absolute;
  top: 6rem;
  right: 10rem;
}
.terms-and-condition-body-banner h2 {
  color: #fff;
}
.terms-and-condition-body-banner .btn {
  margin-right: 15rem;
  padding: 1.5rem 6rem;
  font-size: 2.3rem;
}

.terms-condition-detail-section .side-bar .tabs a {
  display: block;
  padding: 1rem 2rem;
  border: 2px solid transparent;
  transition: all 0.5s;
}
.terms-condition-detail-section .terms-and-conditon-detail-box .card-heading {
  font-style: italic;
}
.terms-condition-detail-section .side-bar .tabs a:hover,.terms-condition-detail-section .side-bar .tabs a.selected  {
  border: 2px solid #dab267;
}
.terms-condition-detail-section .side-bar-box {
  background: transparent;
  padding: 0;
}
.terms-condition-detail-section .tab-content .wrapper {
  padding: 5rem;
}
.terms-condition-detail-section .tab-content .wrapper:not(:first-child) {
  margin-top: 4rem;
}
.terms-condition-detail-section
  .terms-and-conditon-detail-box
  .contact-us
  p:not(:nth-child(2)) {
  margin-top: 1.5rem;
}
.terms-condition-detail-section .terms-and-conditon-detail-box h4 {
  color: #05808c;
}
.tab-panel{
  display: none;
}
.tab-panel.selected{
  display: block;
}
/* -----------------------------------
          blog listing page          
------------------------------------ */

.blog-listing-section {
  background-color: #f9f6f1;
}
.white-bg {
  background-color: #fff;
}
.blog-listing-section .blog-post {
  margin-bottom: 4rem;
}
.blog-listing-section .blog-post .post-thumb {
  width: 43%;
}
.blog-listing-section .blog-post .post-thumb img {
  width: 100% !important;
  height: 37rem !important;
  object-fit: cover;
}
.blog-listing-section .blog-post .description-box {
  width: 57%;
  padding: 3rem;
}
.blog-category {
  padding: 0.4rem 4rem;
  background-color: #12b3b3;
  text-transform: uppercase;
  color: #fff !important;
  display: inline-block;
}
.blog-post .description-box h5,
.blog-title {
  font-family: "ivypresto-headline";
  color: #1e585b;
  margin: 2rem 0 3rem;
  font-weight: 400;
  line-height: 1.3;
}

.detail-content .blog-title a {
  text-decoration: none;
}
.blog-post .description-box .broder {
  width: 10rem;
  height: 2px;
  background-color: #dab267;
  margin: 2.5rem 0;
}
.blog-listing-section .side-bar {
  width: 27%;
}
.page-count,
.page-count .current-page {
  font-size: 2rem;
  padding: 1rem 1.5rem;
  margin-right: 1rem;
}
.custom-pagination a img {
  width: 2rem;
}
.page-count .current-page {
  border: 2px solid #1e585b;
}
.blog-listing-section .pagination {
  margin-top: 25rem;
}
.blog-listing-section .side-bar .inner-content {
  padding: 1rem 4rem 4rem;
}
.search-form img {
  width: 2rem;
  margin-right: 0.8rem;
}
.blog-listing-section .side-bar h6 {
  margin: 3rem 0;
}
.search-form .search-field-container {
  display: flex;
  padding: 1.5rem 2rem;
  border: 1px solid #dab267;
}
.search-form input::placeholder,
.recent-blogs-container li .text-content-box .date {
  color: #dab267;
}
.blog-listing-section .post-category ul {
  padding-left: 2.5rem;
}
.blog-listing-section .post-category li {
  color: #dab267;
  margin-top: 1rem;
  list-style: disc;
}
.blog-listing-section .post-category li .content-wrapper {
  display: flex;
  justify-content: space-between;
}
.recent-blogs-container li {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
.recent-blogs-container li img {
  width: 10rem !important;
  height: 10rem !important;
  object-fit: cover;
}
.recent-blogs-container li .text-content-box {
  padding-left: 2rem;
}
.recent-blogs-container li p {
  font-family: "ivypresto-headline";
  line-height: 1.3;
  font-weight: 400;
  font-style: italic;
}
.recent-blogs-container li p a {
  transition: all 0.5s;
}
.recent-blogs-container li p a:hover {
  text-decoration: underline;
}
.recent-blogs-container li .text-content-box .date {
  font-size: 1.4rem;
  margin-bottom: 0.9rem;
  font-family: "massilia";
  font-weight: 200;
}

.blog-listing-section .detail-content .img-box img {
  width: 100%;
  height: 39rem;
  object-fit: cover;
}
.blog-listing-section .detail-content .half-width .img-box {
  width: 48%;
}
.blog-listing-section .detail-content .testimonial-box {
  padding: 4rem;
}
.blog-listing-section .detail-content .testimonial-box img {
  width: 8rem;
}
.blog-listing-section .detail-content .testimonial-box h4 {
  width: 85%;
  margin-left: 2rem;
  font-weight: 300;
  line-height: 1.4;
  font-style: normal;
  color: #1e585b;
}
.detail-content h4 ,.detail-content h3,.detail-content h2,.detail-content h5{
  color: #1e585b;
}
.single-post-pagination a {
  position: relative;
}
.single-post-pagination a::before {
  content: "";
  position: absolute;
  top: 0.3rem;
  width: 3rem;
  height: 2.8rem;
  filter: brightness(2);
}
.single-post-pagination .prev-post a {
  padding-left: 4rem;
}
.single-post-pagination .prev-post a::before {
  left: 0;
  background: url("../images/pagination-prev.webp") no-repeat center;
  background-size: contain;
}
.single-post-pagination .next-post a {
  padding-right: 4rem;
}
.single-post-pagination .next-post a::before {
  right: 0;
  background: url("../images/pagination-next.webp") no-repeat center;
  background-size: contain;
}
/* -----------------------------------
           Blog Detail page          
------------------------------------ */
.blog-detail-banner .category.btn {
  text-transform: uppercase;
  padding: 0.2rem 3rem;
}
.blog-detail-banner .img-box img {
  max-width: 100% !important ;
  height: 75rem !important;
  object-fit: cover;
}
.section-heading .meta-info img {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  margin-right: 2rem;
}
.section-heading .meta-info p {
  margin-top: 0;
}
.section-heading .meta-info span {
  color: #dab267;
  position: relative;
  padding-left: 5rem;
}
.section-heading .meta-info span::before {
  display: block;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  position: absolute;
  left: 2.2rem;
  top: 50%;
  background: #dab267;
}
.detail-content .testimonial-box p.name {
  color: #dab267;
  font-weight: 500;
  padding-left: 12rem;
  margin-left: 2rem;
}
.detail-content .testimonial-box p.name::before {
  width: 10rem;
  height: 2px;
  background-color: #dab267;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.detail-content .btn-container {
  margin: 5rem 0;
}
.detail-content .btn-container .btn {
  padding: 1rem 4rem;
  width: 20rem;
  margin-right: 3rem;
}
.blog-detail-banner .section-heading {
  background: #f9f5ef;
  padding: 6rem;
  bottom: -25rem;
}
.blog-detail-banner .section-heading h1 {
  margin: 3rem auto 4rem;
  width: 65%;
  font-weight: 400;
}
.blog-detail-section {
  padding-top: 30rem;
}
.blog-detail-section .main-content .btn-section {
  padding: 6rem 4rem;
  margin-top: 4rem;
}
.blog-detail-section .social-icon-section{
  margin-top: 4rem;
}
.blog-detail-section .main-content .social-icon-section {
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
  border-top: 2px solid #dab267;
  border-bottom: 2px solid #dab267;
}
.blog-detail-section .main-content .social-icon-section img {
  width: 4rem;
  height: 4rem;
  margin-right: 1.5rem;
}
.about-author {
  padding: 2rem;
  margin-top: 5rem;
}
.about-author .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-author .text-content {
  padding-left: 4rem;
}
.social-links img {
  width: 4rem;
  object-fit: contain;
  margin-right: 0.8rem;
  transition: all 0.5s;
}
p.subtext {
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #dab267;
}
.blog-content h5 {
  margin-top: 2rem !important;
}
.related-blog-section .blog-card {
  width: 48%;
}
.related-blog-section .blog-card h5 a:hover {
  text-decoration: underline;
}
.related-blogs .img-box img{
  max-width: 100% !important;
  height: 39rem !important;
  object-fit: cover;
  margin-bottom: 2rem;
}

/* -----------------------------------
          FAQ          
------------------------------------ */
.side-bar-box .tabs h4 {
  font-family: "ivypresto-headline";
  font-weight: 300;
  line-height: 1.4;
}
.side-bar-box.faq .tabs h4 {
  margin-bottom: 0;
}
.faq-container li .accordion-heading {
  padding: 2rem 0;
}
.faq-container li .accordion-heading h6 {
  padding-right: 5rem;
}
.accordion-heading::after {
  right: 1rem;
}
.faq-container li {
  border-bottom: 2px solid #dab267;
}
.accordion-heading:hover {
  cursor: pointer;
}
.accordion-heading::after {
  background: url(../images/accordion-bottom-icon.webp) no-repeat center;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
}
.accordion-content p {
  line-height: 1.6;
  margin-bottom: 4rem;
}
/* -----------------------------------
           FAQ page      
------------------------------------ */
.faq-body-banner .contact-box {
  padding: 9rem 7rem;
}
.faq-body-banner .contact-box input:not([type="checkbox"]),
.faq-body-banner .contact-box textarea {
  border: 2px solid #05808c;
  padding: 1rem;
  margin-bottom: 2.5rem;
}
::placeholder,
.checkbox label {
  color: #1e585b;
  font-family: "massilia";
  font-weight: 200;
  font-size: 2rem;
  margin-left: 2rem;
}
.checkbox {
  display: flex;
  align-items: center;
}
.side-bar-box .search-box {
  display: flex;
  padding: 2rem;
  border: 2px solid #1e585b;
  margin-top: 4rem;
}
.side-bar-box .search-box img {
  width: 2rem;
  margin-right: 1.5rem;
}
.faq-section .side-bar {
  width: 27%;
}
.faq-section .faq-container {
  width: 68%;
}
.side-bar-box .search-box input,
.side-bar-box .search-box input::placeholder,
.faq-body-banner .contact-box h2 {
  color: #1e585b;
}
.italic > *,
.italic {
  font-style: italic;
}
.side-bar-box .chat-box p {
  line-height: 1.4;
}
.side-bar-box .chat-box a {
  text-decoration: underline;
}
.faq-body-banner .contact-box {
  width: 43%;
}
.faq-body-banner .img-box-container {
  width: 53%;
}
.faq-body-banner .img-box-1 {
  width: 56.7rem;
  height: 61.9rem;
  position: absolute;
  top: 0;
  right: 0;
}
.faq-body-banner .img-box-2 {
  width: 39.7rem;
  height: 42.5rem;
  padding: 1.7rem;
  background: #fff;
  position: absolute;
  top: 30rem;
  left: 0;
}
/* -----------------------------------
           Special Offers           
------------------------------------ */
.offer-listing-section {
  padding-bottom: 35rem !important;
}
.offer-listing-section .tabs-container a {
  color: #05808c;
  font-weight: 400;
}
.offer-listing-section .tabs-container li a {
  border: 1px solid transparent;
  transition: all 0.5s;
  margin-right: 5rem;
}
.offer-listing-section .tabs-container li a:hover,
.offer-listing-section .tabs-container li a.selected {
  border: 1px solid #dab267;
}
.offer-listing-section .tabs-content {
  display: none;
}
.offer-listing-section .tabs-content.selected {
  display: block;
}
.offer-listing-section .img-box img{
  height: 37rem !important;
  object-fit: cover;
}

.decorative-hover {
  position: relative;
  overflow: hidden;
}
.decorative-hover::before,
.decorative-hover::after {
  transition: transform 0.3s ease-out;
  will-change: transform;
}
/* dynamic transform with variables from JS */
.decorative-hover::before {
  transform: translate(var(--beforeX, 0px), var(--beforeY, 0px));
}
.decorative-hover::after {
  transform: translate(var(--afterX, 0px), var(--afterY, 0px));
}
.our-story-section .img-box-2.decorative-hover,.our-story-section .img-box-container.decorative-hover{
  overflow: visible !important;
}
.counter {
  display: inline-block;
}
.counter.active .digits {
  animation: glow 1.8s ease;
}

/* -----------------------------------
           Our Story            
------------------------------------ */
.our-story-banner .section-heading{
  bottom: 26rem;
}
.rounded-edge {
  height: 60rem;
  clip-path: ellipse(85% 100% at 50% 0);
  z-index: 11;
    position: relative;
}
.common-description-box{
  margin-bottom: -3rem;
}
.common-description-box p{
  margin-bottom: 3rem;
}
.our-story-intro-section{
  padding-top: 25rem;
  margin-top: -12rem;
  padding-bottom: 37rem;
}
.our-story-intro-section .text-box{
  padding-right: 8rem;
}
.our-story-intro-section .images-container .img-box:first-child::after,.our-story-intro-section .images-container .img-box:first-child::before,.our-story-intro-section .text-box::after{
  display: block;
  content: '';
  position: absolute;
}
.our-story-intro-section .images-container .img-box:first-child::after{
  background: url(../images/our-story-intro-after.webp) no-repeat center;
  background-size: contain;
  width:25rem;
  height: 29rem;
    left: -7rem;
    bottom: -5rem;
}
.our-story-intro-section .images-container .img-box:first-child::before{
  background: url(../images/our-story-intro-before.webp) no-repeat center;
  background-size: contain;
     height: 15rem;
    right: 11rem;
    top: -5rem;
    width: 18rem;
}
.our-story-intro-section .text-box::after{
 background: url(../images/our-story-intro-text-after.webp) no-repeat center;
  background-size: contain;
  width: 22rem;
  height: 16rem;
  right: -4rem;
  bottom: -11rem; 
}
.our-story-intro-section .images-container .img-box:first-child img{
width: 64rem;
    height: 57rem;
  object-fit: cover;
}
.our-story-intro-section .images-container .img-box:last-child img{
     width: 45rem;
    height: 40rem;
  object-fit: cover;
 
}
.our-story-intro-section .images-container .img-box:last-child{
  padding: 1.5rem;
  background: #fff;
  position: absolute;
       right: 0rem;
    bottom: -21rem;
  z-index: 22;
}
.our-story-intro-section .img-row {
  position: absolute;
  right: 0;
  bottom: -22rem;
}
.our-story-intro-section .img-row .img-container img{
  width: 33rem;
  height: 45rem;
  object-fit: cover;
  margin-left: 5rem;
}
.our-story-why-maldives{
  padding-top: 19rem;
}
.our-story-why-maldives h2{
  color: #1E585B;
}
.our-story-why-maldives h3{
  color: #05808c;
}
.our-story-why-maldives .common-description-box p{
  color: #1E585B;
}
.our-story-why-maldives .img-box::after{
background: url(../images/why-us-img-vector-2.webp) no-repeat center;
background-size: contain;
    width: 35rem;
    height: 30rem;
    right: -5rem;
    bottom: -13rem;
}
.our-story-why-maldives .img-box::before{
background: url(../images/why-us-img-vector-1.webp) no-repeat center;
background-size: contain;
width: 20rem;
    height: 20rem;
    left: -9rem;
    bottom: -5rem;
}
.our-story-image-gallery-section ul li{
  width: 20%;
  height: 49rem;
}
.our-story-image-gallery-section ul li img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.our-story-image-gallery-section ul li .text-box{
  transform: translateY(-16rem);
}
.our-story-image-gallery-section ul li h4{
  color: #fff;
  font-size: 3.4rem;
    text-align: center;
    padding: 0 3rem;
    line-height: 1.3;
}
.our-story-usp-section .usp h5{
  font-family: "adventures-unlimited";
  color: #05808c !important;
}
.our-story-usp-section .usp p{
  color: #12b3b3;
}
.our-story-mission-section .main-text-box {
  margin-top: 40rem;
}
.our-story-mission-section .quote-box img{
  height: 7rem;
  object-fit: scale-down;
  margin-left: -2rem;
}
.our-story-mission-section .quote-box h3{
  margin-left: 4rem;
  color: #fff;
  margin-top: 3rem;
}
.our-story-mission-section .main-text-box{
  background-color: #E5F7F6;
  padding:6rem 4rem;
  width: 38%;
}
.our-story-mission-section .main-text-box h2:not(:first-child){
margin-top: 4rem;
}
.our-story-mission-section .main-text-box p{
  margin-top: 2.5rem;
}
.our-story-mission-section .main-text-box::after{
  background: url(../images/our-story-vision-vector-1.webp) no-repeat center;
  background-size: contain;
    width: 38rem;
    height: 30rem;
    top: -22rem;
    right: 5rem;
}
.our-story-contact-us-section .contact-box{
  background-color: #1e585b;
  position: absolute;
  left: 11rem;
  top: 20rem;
}
.our-story-contact-us-section .contact-box input,.our-story-contact-us-section .contact-box select,.our-story-contact-us-section .contact-box textarea::placeholder,.our-story-contact-us-section .contact-box input::placeholder{
  color: #fff;
}
.our-story-contact-us-section .contact-box {
  width: 37%;
}
.our-story-contact-us-section .contact-box h2{
color: #12b3b3;
}
.our-story-contact-us-section .check-box-text{
  color: #fff;
}
.our-story-contact-us-section .check-box-text a{
  font-weight: 500;
  text-decoration: underline ;
}
.our-story-contact-us-section button{
  display: block;
  text-align: center;
  margin-top: 5rem;
  background: #dab267;
  color: #fff !important;
}
.our-story-contact-us-section button:hover{
  background-color: #fff  !important;
  color: #dab267  !important;
}
.our-story-contact-us-section .form-container::after{
  background: url(../images/our-story-contact-us-vector.webp) no-repeat center;
  background-size: contain;
 width: 31rem;
    height: 40rem;
    right: -28rem;
    top: -39rem;
}
/* -----------------------------------
           About Maldives            
------------------------------------ */
.about-maldies-intro-section {
  padding-top: 19rem;
}
.about-maldies-intro-section .content-wrapper > .img-box{
  width: 45%;
}
.about-maldies-intro-section .text-box{
  width: 52%;
}
.about-maldies-intro-section .text-box .description-box{
  padding-left: 4rem;
}
.about-maldies-intro-section .text-box .description-box p{
  margin-bottom: 3rem;
}
.about-maldies-intro-section .text-box .img-box img{
  width: 47.3%;
}
.about-maldies-intro-section .img-box::after{
   background: url(../images/our-story-vision-vector-1.webp) no-repeat center;
  background-size: contain;
 width: 31rem;
    height: 40rem;
        left: 15rem;
    top: -23rem;
}

.abt-mald-essential-maldives ul li{
  padding: 3rem;
    width: 30.7%;
    margin-right: 4rem;
    margin-bottom: 4rem;
}
.abt-mald-essential-maldives ul li:nth-child(3n+3){
  margin-right: 0;
}
.abt-mald-essential-maldives ul li .inner{
  background-color: #fff;
   padding: 2rem;
   text-align: center;
}
.abt-mald-essential-maldives ul li h2{
  font-style: italic;
  color: #dab267;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #12b3b3; 
}
.speciality-section .tabs-content{
  display: block;
}
.speciality-section .tabs-content .text-box .inner{
  width: 81%;
}
.speciality-section .tabs-container{
  padding-bottom: 3rem;
  border-bottom: 1px solid #999797dd;
}
.speciality-section .tabs-container li a{
     font-family: "ivypresto-headline";
    display: inline-block;
    font-size: 2.5rem;
    color: #1E585B;
    padding: 0.4rem 2.5rem;
    margin: 0 2rem;
    border: 1px solid transparent;
    transition: .5s;
    font-weight: 500;
}
.speciality-section .tabs-container li a:hover,.speciality-section .tabs-container li.active a{
border: 1px solid #dab267;
}
.speciality-section .tabs-content .btn{
  background-color: #05808c;
  color: #fff;
  border: 1px solid #1E585B;
}
.speciality-section .tabs-content .btn:hover{
  background-color: transparent;
  color: #1E585B;
}
.abt-mald-about-section {
  padding-bottom: 20rem;
}
.abt-mald-about-section .text-box{
  width: 38.5%;
  padding-left: 10rem;
}
.abt-mald-about-section .video-box.mid {
  position: absolute;
  left: -13rem;
  top: 16rem;
}
.abt-mald-about-section .section-heading h2{
  margin: 3rem 0;
}
.abt-mald-about-section .video-box.big video{
  height: 100rem;
  object-fit: cover;
}
.abt-mald-about-section .video-box.mid video{
  width: 52rem;
  height: 55rem;
  object-fit: cover;
}
.abt-mald-about-section .video-box.sm {
position: absolute;
right: 0;
bottom: -12rem;
}
.abt-mald-about-section .video-box.sm video{
  width: 47rem;
  height: 59rem;
  object-fit: cover;
}
.abt-mald-about-section .side-bar-box{
  position: absolute;
  left: 7rem;
  top: 0;
}
.abt-mald-about-section .side-bar-box h4{
  margin-bottom: .5rem;
  border-bottom: 1px solid transparent;
  transition: .5s;
  width: max-content;  
}
.abt-mald-about-section .side-bar-box h4:hover{
  border-bottom: 1px solid #dab267;
  color: #dab267;
  cursor: pointer;
}
.golden-bg{background: #dab267;color: #fff;}
.btn.golden-bg:hover{
  background: transparent;
  border: 2px solid #dab267;
  color: #dab267;
}
/* -----------------------------------
           Resort Listing           
------------------------------------ */
.resort-listing-section .main-content{
  width: 71%;
}
.resort-listing-section .resort-item {
  padding: 2rem;
    background-color: #fff;
}
.resort-listing-section .resort-item .description-box{
  display: flex;
  justify-content: space-between;
  width: 61.5%;
  padding: 0;
  position: relative;
} 
.resort-listing-section .resort-item .description-box h4{
  font-weight: 500;
  color:  #1e585b;
  margin-bottom: 2.5rem;
}
.resort-listing-section .resort-item .description-box .inner-text {
  width: 57%;
}
.resort-listing-section .resort-item .post-thumb{
  width: 36%;
}
.resort-listing-section .resort-item .post-thumb img{
  height: 100%;
  object-fit: cover;
}
.resort-listing-section .resort-item .description-box .rating-box{
  width: 37%;
}
.resort-listing-section .resort-item .description-box .location{
  position: absolute;
  bottom: 1rem;
}
.resort-listing-section .resort-item .description-box .location img{
  height: 2.2rem;
  object-fit: scale-down;
  margin-right: 1rem;
}
.resort-listing-section .resort-item .description-box .location p{color: #dab267;}
.budget-slider {
    position: relative;
    height: 4rem;
  }
.resort-listing-section .resort-item .rating-icon,.resort-listing-section .resort-item .price-box{
  width: 100%;
    display: flex;
    justify-content: center;
    align-items: start;
}
.resort-listing-section .resort-item .price-box .inner *{
  color: #dab267;
}
.resort-offer-info .price-box .heading-para{
  font-size: 2.5rem;
}
.resort-offer-info .price-box h4{
  font-weight: 600;
  margin: 1rem auto;
}
.resort-offer-info .rating-icon img{
  height: 3.5rem;
}
.resort-offer-info .btn{
  font-size: 2.2rem;
  padding: 1.75rem 3rem;
}
/* Range fields */
.budget-slider input[type=range] {
    position: absolute;
    left: 0;
    top: 1rem;
    width: 100%;
    pointer-events: none;   /* allows overlapping sliders */
    background: none;
    -webkit-appearance: none;
}

/* Track */
.budget-slider input[type=range]::-webkit-slider-runnable-track {
    height: 4px;
    background: #1e585b;
    border-radius: 4px;
}

/* Knob / Thumb */
.budget-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 1.8rem;
    width: 1.8rem;
    background: #1e585b !important;  /* 👈 THIS NOW WORKS */
    border-radius: 50%;
    cursor: pointer;

    pointer-events: auto; /* 👈 FIX: lets you click & drag the thumb */
    margin-top: -5px;
}
.sidebar-filter .dropdown-icon img{
  height: 5rem;
}
.sidebar-filter h4,.sidebar-filter h6{
  color:#12b3b3 ;
}
.sidebar-filter .filter-box {
  padding-bottom: 3rem;
  border-bottom: 1px solid #dab267;
}
.sidebar-filter .filter-box label{
  display: block;
  margin-bottom: 1.5rem;
  color: #dab267;
  position: relative;
}
.sidebar-filter .filter-box:not(.budget) input{
  margin-right: 1rem;
}
.sidebar-filter .filter-box:not(.budget) label span{
  position: absolute;
  right: 0;
  top: 0;
}
.sidebar-filter .filter-box.budget h6{
  margin-bottom: 1rem;
}
.sidebar-filter .filter-box.budget p{
    color: #dab267;
    margin-bottom: 3rem;
}
/* -----------------------------------
          Resort Detail           
------------------------------------ */
.resort-detail-banner .resort-offer-info{
  position: absolute;
  right: 19rem;
  top: 28rem;
}
.blog-detail-banner.resort-detail-banner .section-heading h1{
  margin-top: 0;
}
.property-overview-list.resort-detail{
  background-color: #1e585b;
width: 100%;
}
.blog-detail-banner.resort-detail-banner  .section-heading{
  padding: 0;
}
.blog-detail-banner.resort-detail-banner  .section-heading .heading-box{
  padding: 4rem;
}
.property-overview-list.resort-detail{
  justify-content: space-evenly;
}
.property-overview-list.resort-detail li{
  display: flex;
  align-items: center;
  padding:1.5rem 4.7rem;
  border-right: 1px solid #dab267;
}
.property-overview-list.resort-detail li:last-child{
  border-right: 0;
}
.property-overview-list.resort-detail li img{
    height: 3rem;
    margin-right: 3rem;
}
.property-overview-list.resort-detail li p{
  margin-top: 0;
}
.resort-detail-banner .video-box video,.resort-detail-banner .img-box img{
  height: 74rem;
  width: 100%;
  object-fit: cover;
}
.resort-detail-banner .section-heading p,.property-overview-list.resort-detail li p{
  color: #dab267;
}
.blog-detail-banner.resort-detail-banner .section-heading {
    bottom: -56rem;
}
.our-facilities-section {
  padding-top: 73rem;
}
.our-facilities-section .common-description-box  p{
  color: #dab267;
}
.resort-offer-listing .common-cards li {
  padding: 0;
  background:transparent ;
}
.resort-offer-listing .common-cards li .inner{
  padding: 1.5rem 1.5rem 1.3rem; 
    background: #fff;
}
.our-resort-gallery{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 24rem;
    gap: 15px;
    max-width: 88%;
    margin: 10rem auto 0;
}

.our-resort-gallery> div {
    overflow: hidden;
}

.our-resort-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 6px;
}

/* BIG FIRST IMAGE */
.our-resort-gallery> div:first-child {
    grid-column: span 2;
    grid-row: span 2;
}


/* Tab Contents */
.speciality-section .tabs-content {
    display: none;
    animation: fadeIn 0.3s ease-in-out;
}

.speciality-section .tabs-content.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}


@keyframes glow {
  0%, 100% { opacity: 0.9; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.08); }
}

@keyframes bouncePop {
  0%   { transform: translateY(30px) scale(0.9); opacity: 0; }
  60%  { transform: translateY(-15px) scale(1.15); opacity: 1; }
  80%  { transform: translateY(5px) scale(0.98); }
  100% { transform: translateY(0) scale(1); }
}

/* -----------------------------------
           Media Query            
------------------------------------ */

@media (max-width: 767px) {

  p,
  li {
    font-size: 2.2rem;
  }
  .hide-767{
    display: none !important;
  }
  .section-heading {
    text-align: center;
  }
header .text-logo-box{
  width: 30%;
}
header .navigation-box .right-side {
    width: 59%;
}
.banner-section .video-box{
  min-height: 106rem;
}
  .banner-section .section-heading {
    left: 0;
    padding: 4rem;
  }
  .our-story-section .content-wrapper {
    padding: 0;
  }
  .our-story-section .section-heading {
    padding: 0 4rem;
  }
  .our-story-section .img-box-1 {
    width: 87%;
    height: auto;
  }
  .our-story-section .img-box-2 {
    width: 71%;
    height: auto;
    top: 4rem;
    left: 17rem;
  }
  .our-story-section .img-box-3 {
    width: 22rem;
    height: auto;
    left: 5rem;
    top: 21rem;
  }
  .our-story-section .img-box-container::after {
    width: 10rem;
    height: 8rem;
    left: 12rem;
    bottom: 22rem;
  }
  .our-story-section .img-box-container .img-box-2::after {
    height: 12rem;
    right: -5.5rem;
    bottom: -4rem;
  }
  .usps-card-section .card img{
    height: 60rem;
  }
  .usps-card-section .card,
  .why-us-section .section-usps .usp {
    width: 100%;
  }
  .usps-card-section .card .text-content ,.usps-card-section .card:hover .text-content{
    transform: translateY(40%);    
  }
  .slider-arrow-box.d-none{
    margin-top: 10rem;
  }
  .resort-list-container {
    height: auto;
  }
  .resort-list-container li .description-box {
    display: flex;
  }
  .slider-arrow-next,
  .slider-arrow-prev {
    position: static;
    margin: 0 0.5rem;
  }
  .slick-slide {
    margin: 0;
  }
  .slider-arrow-box img {
    width: 6rem;
  }
  .resort-list-container li.slick-slide {
    margin: 0;
  }
  .resort-list-container .slick-list {
    padding: 2rem 0 !important;
  }
  .our-partners-section{
    padding: 6rem 0;
  }
  .our-partners-section img {
    width: 17rem;
    height: auto;
    margin: 3rem 0;
  }
  .exclusive-offers::after {
    width: 68rem;
    height: 65rem;
    bottom: -29rem;
  }
  .exclusive-offers .tabs-container a{
    margin: 0;
  }
  .exclusive-offers .tabs-container{
    justify-content: start;
  }
  .terms-condition-detail-section .side-bar-box .tabs h4{
    font-size: 3rem;
  }
 
  .usps-card-section .card .text-content p{
    margin-top: 4rem;
  }
  .our-resorts-section::after{
    bottom: 17.3rem;
  }
  .testimonial-section::after{
    right: -4rem;
    bottom: 29rem;

  }
  .why-us-section .section-usps .usp {
    display: flex;
    text-align: left;
    padding: 2rem;
    border-bottom: 1px solid #12b3b370;
  }
  .why-us-section .section-usps .usp:first-child {
    border-top: 1px solid #12b3b370;
  }
  .why-us-section .section-usps .usp .text-content {
    margin-left: 5rem;
  }
  .destination-section::before {
    width: 14rem;
    height: 20rem;
    left: 3rem;
  }
  .destination-list-container li,
  .insider-stories-listing li {
    margin: 0;
  }
  .insider-stories::after {
    right: -10rem;
    top: 40rem;
  }
  footer .content-wrapper {
    margin-top: 0;
    padding: 10rem 4rem 10rem 4rem;
    border-top: 10px solid #dab267;
  }
  footer .link-block {
    width: 100%;
    margin-top: 5rem;
    text-align: center;
  }
  .social-icons img{
    object-fit: contain;
  }
 
  .short-heighted-banner .img-box img {
    height: 100%;
    object-fit: cover;
  }
  .sticky-box {
    position: static;
    margin-top: 8rem;
  }
  .offer-details-section .content-wrapper.sticky-box,.faq-section .content-wrapper.sticky-box{
    padding-top: 0;
    margin-top: 0;
  }
  .terms-condition-section .side-bar,.faq-section .side-bar{
    margin-top: 0;
  }
  .terms-condition-section .section-heading {
    padding: 0 4rem;
  }
  .terms-and-condition-body-banner .section-heading,
  .terms-and-condition-body-banner .btn {
    margin-right: 0;
  }
  .terms-and-condition-body-banner .section-heading{
    right: 4rem;
  }
  .terms-and-condition-body-banner .content-wrapper {
    justify-content: center;
  }
  .offer-detail-logo-box.our-partners-section img {
    width: 15rem;
  }
  .offer-detail-logo-box {
    padding: 7rem 6rem;
  }
  .card-heading,
  h6 {
    font-size: 2.8rem;
  }
  footer .links a,
  footer .link-block a,
  footer .links li {
    font-size: 2.4rem;
  }
  .blog-detail-banner .section-heading {
    width: 90%;
  }
  .blog-listing-section .detail-content .testimonial-box h4 {
    width: 100%;
  }
  .detail-content .btn-container .btn {
    margin-bottom: 3rem;
    width: 17rem;
  }
  .blog-listing-section .blog-post .post-thumb,
  .blog-listing-section .blog-post .description-box {
    width: 100%;
  }
  .blog-listing-section .pagination {
    margin-top: 0;
  }
  .recent-blogs-container li .text-content-box .date {
    font-size: 1.8rem;
  }
  p.small-text {
    font-size: 2rem;
  }
  .offer-detail-logo-box.our-partners-section img {
    margin: 0;
  }
  .offer-detail-logo-box .content-wrapper {
    row-gap: 5rem;
  }
  .short-heighted-banner ,.short-heighted-banner .img-box{
    padding-top: 0;
    height: 70rem;
  }
  .faq-body-banner{
    background-image: none !important;
    padding: 0;
  }
  .gallery-slider-box-container .white-arrow .slider-arrow-prev img, .gallery-slider-box-container .white-arrow .slider-arrow-next img {
    filter: brightness(1);
}
.tabs .slick-slide, .tabs-container .slick-slide{
  margin: 0 3rem;
  width: max-content !important;
}
.exclusive-offers .tabs-container li a{
  min-width: max-content;
  margin-bottom: 2rem;
}
.usps-card-section .slick-dots{
  bottom: 5rem;
}
.usps-card-section .slick-dots li button:before{
  content: '';
  width: 1rem;
    height:1rem;
    border-radius: 50%;
    opacity: 1;
    background-color: #fff;
    transition: all .5s;
}
.slick-dots li.slick-active button:before{
  width: 1.8rem;
    border-radius: 30%;
}
.our-resorts-section{
  margin-top: -5rem;
}
.related-blog-section .blog-card:not(:last-child){
  margin-bottom: 5rem;
}
/* -----------------------------------
           About Maldives           
------------------------------------ */
.rounded-edge {
    clip-path: ellipse(118% 100% at 50% 0);
}
.about-maldies-intro-section .text-box .description-box{
  padding-left: 0;
}
.abt-mald-about-section{
  padding-top: 0;
  padding-bottom: 9rem;
}
.abt-mald-about-section .side-bar-box{
  position: static;
}
.abt-mald-about-section .tab-content .content-wrapper{
  flex-direction: column-reverse;
}
.abt-mald-about-section .video-box.big{
  display: flex;
  justify-content: flex-end;
}
.abt-mald-about-section .video-box.big video {
    height: 60rem;
}
.abt-mald-about-section .video-box.mid video {
    width: 41rem;
    height: 35rem;
}
.abt-mald-about-section .video-box.mid{
  top: 6rem;
}
.abt-mald-about-section .video-box.sm video {
    width: 30rem;
    height: 33rem;
}
.abt-mald-about-section .video-box.sm {
    bottom: -5rem;
}
.abt-mald-about-section .text-box{
  padding:0 5rem;
  margin-top: 10rem;
}
.abt-mald-essential-maldives ul{
  justify-content: space-between;
}
.abt-mald-essential-maldives ul li{
  margin-right: 0;
      width: 49%;
    margin-bottom: 1rem;
}
.speciality-section .btn-box {
  justify-content: center;
}
/* -----------------------------------
          Our Story         
------------------------------------ */
.our-story-intro-section .images-container .img-box:first-child::after{
 left: 39rem;
    bottom: -18rem;
    z-index: 33;
}
.our-story-intro-section .images-container .img-box:last-child {
    right: 6rem;
    bottom: -12rem;
}
.our-story-intro-section .text-box{
  margin-top: 20rem;
  padding-right: 0;
}
.our-story-intro-section .img-row{
  position: static;
}
.our-story-intro-section .img-row .img-container img{
  width: 100%;
  margin: 0 3rem 3rem;
}
.our-story-intro-section{
  padding-bottom: 9rem;
}
.our-story-why-maldives {
    padding-top: 9rem;
}
.our-story-why-maldives .img-box::after {
    width: 20rem;
    bottom: -17rem;
}
.our-story-image-gallery-section{
  margin-top: -2px;
}
.our-story-contact-us-section .contact-box{
  position: static;
}
/* -----------------------------------
           Resort Listing           
------------------------------------ */
.resort-listing-section .resort-item .description-box{
  flex-direction: column;
  text-align: center;
}
.resort-listing-section .resort-item .description-box .location{
  position: static;
  margin-top: 3rem;
  justify-content: center;
}
.resort-listing-section .resort-item .rating-box{
  justify-content: center;
}
.resort-listing-section .resort-item .rating-box .inner{
  margin-top: 3rem;
}
/* -----------------------------------
           Resort Detail Page       
------------------------------------ */

.resort-detail-banner .resort-offer-info {
    right: 4rem;
    top: 13rem;
}
.blog-detail-banner.resort-detail-banner .section-heading {
    bottom: auto;
    top: 50rem;
}
.our-facilities-section {
    padding-top: 143rem;
}
.property-overview-list.resort-detail li {
    padding: 1.5rem 4.7rem 1.5rem 2rem;
    width: 50%;
    border-right: none;
}
.our-resort-gallery{
  max-width: 100%;
  grid-auto-rows:auto;
}
.our-resort-gallery >div{
    grid-column: span 2;
}

}

@media (max-width: 430px) {
  body,
  p,
  li,
  div,
  .why-us-section .section-usps .usp p {
    font-size: 2.5rem;
  }
  p,
  div,
  li {
    line-height: 1.4;
  }
}