/* Canonical design tokens: mirrors temp/tailwind5.json. */
:root {
  --color-light-400: #f8f6f3;
  --color-light: #f3eeea;
  --color-light-600: #d6d2ce;
  --color-primary-50: #f2fbfb;
  --color-primary-100: #e6f8f7;
  --color-primary-400: #6ed8d4;
  --color-primary: #25c1bc;
  --color-primary-600: #1a9692;
  --color-primary-70: rgb(37 193 188 / 0.7);
  --color-pink-50: #fde8ef;
  --color-pink-400: #f65a8e;
  --color-pink: #f13b77;
  --color-pink-600: #d62a5e;
  --color-orange: #fb7442;
  --color-blue-400: #334155;
  --color-blue: #272f3f;
  --color-blue-600: #1d2431;
  --color-black-400: #3a4050;
  --color-black: #282f3e;
  --color-black-600: #1e2431;
  --color-sand-400: #fbfaf7;
  --color-sand: #f7f3ec;
  --color-sand-600: #efe9dd;
  --color-border: #ece9de;
  --color-gray-100: #f1f5f9;
  --color-gray-200: #e2e8f0;
  --color-gray-300: #cbd5e1;
  --color-gray-500: #64748b;
  --color-gray-700: #334155;
  --color-white: #fff;
  --color-text: var(--color-blue);
  --color-text-strong: var(--color-black);
  --color-surface: var(--color-white);

  /* Transitional semantic aliases for existing site styles. */
  --teal: var(--color-primary);
  --teal-dark: var(--color-primary-600);
  --teal-light: var(--color-primary-100);
  --teal-50: var(--color-primary-50);
  --pink: var(--color-pink);
  --pink-dark: var(--color-pink-600);
  --pink-light: var(--color-pink-50);
  --navy: var(--color-blue);
  --sand: var(--color-sand);
  --sand-dark: var(--color-sand-600);
  --border: var(--color-border);
  --gray-700: var(--color-gray-700);
  --gray-500: var(--color-gray-500);
  --gray-300: var(--color-gray-300);
  --gray-200: var(--color-gray-200);
  --gray-100: var(--color-gray-100);
  --white: var(--color-white);
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-heading: "Fraunces", Georgia, serif;
  --theme-primary-color: var(--color-primary);
  --button-primary-color: var(--color-pink);
  --button-primary-hover: var(--color-pink-600);

  /* Breakpoints */
  --breakpoint-ssm: 420px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-2xl: 1400px;
  --breakpoint-3xl: 1700px;
}

.block {
  display: block;
}

/* Alpine.js */
[x-cloak] {
  display: none !important;
}

#silktide-cookie-icon {
  display: none !important;
}

.textShadow {
  text-shadow: none;
}

html input::placeholder,
html input:-ms-input-placeholder,
html input::-webkit-input-placeholder {
  color: #1d1d1d;
  font-style: italic;
  font-size: 1.375rem;
}

html header ul {
  list-style: none !important;
}

html input {
  outline: none;
}

.site-hero,
.feature-image {
  position: relative;
}

.site-hero::before,
.feature-image::before {
  background: transparent
    linear-gradient(0deg, var(--color-primary) 0%, var(--color-primary) 0%, var(--color-primary-70) 49%, transparent 100%)
    0% 0% no-repeat padding-box;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.custom-scrollbar,
.custom-scrollbar * {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
  scrollbar-gutter: stable;
}

.custom-scrollbar::-webkit-scrollbar,
.custom-scrollbar *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb,
.custom-scrollbar *::-webkit-scrollbar-thumb {
  background-clip: content-box;
  border: 2px solid transparent;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 999px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover,
.custom-scrollbar *::-webkit-scrollbar-thumb:hover {
  border: 1px solid transparent;
  background-color: rgba(0, 0, 0, 0.3);
}

html select.form-control {
  padding: 10px 40px 10px 20px;
  background: #fff url("/icons/accordion-arrow-down.svg") no-repeat center right;
  cursor: pointer;
  background-size: 10px;
  background-position: center right 24px;
}

/* header .head-top ul li::before {
  content: '';
  background: url("/images/check-solid.svg");
  width: 17px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 6px;
} */

.list-type-check ul li::before {
  content: "";
  background: url("/images/check-solid.svg");
  width: 17px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 6px;
}

* {
  -webkit-tap-highlight-color: transparent;
}

html body {
  font-size: 14px;
  line-height: 1.55;
  color: var(--navy);
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-weight: normal;
  background: #fff;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased;
}

html a img {
  border: 0px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: var(--navy);
}

.price,
.brand-name,
.section-title,
.book-tours-section-title {
  font-family: var(--font-heading);
  letter-spacing: -0.015em;
  color: var(--navy);
}

.price {
  font-weight: 700;
}

html a,
html button {
  font-weight: bold;
  outline: 0;
}

html a:focus,
html button:focus {
  box-shadow: none !important;
  outline: none;
}

:where(a, button, [role="button"], input, select, textarea):focus:not(:focus-visible) {
  box-shadow: none !important;
  outline: none !important;
}

html a {
  color: var(--button-primary-color);
  text-decoration: none;
}

/* 
html a:hover,
html a:active,
html a:focus {
  text-decoration: none;
  outline: none;
} */

html section a {
  color: var(--theme-primary-color);
  text-decoration: underline;
}

html section a[class],
.ui-card__content a {
  text-decoration: none;
}

html img {
  max-width: 100%;
}

/* Site primitives */
html section {
  width: 100%;
  display: block;
  position: relative;
}

.site-container {
  width: 100%;
  margin-inline: auto;
  padding-inline: 12px;
}

@media (min-width: 576px) {
  .site-container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .site-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .site-container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .site-container {
    max-width: 1254px;
  }
}

@media (min-width: 1700px) {
  .site-container {
    max-width: 1450px;
  }
}

.site-section {
  margin: 40px auto;
}

.site-section.light-bg {
  margin: 0;
  padding: 40px 0;
}

.section-title {
  color: var(--navy);
  font-family: var(--font-heading);
  font-size: 27px;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 30px;
}

.section-description {
  color: var(--black, #282f3e);
  font-size: 16px;
  line-height: 26px;
}

.section-button {
  display: none;
  text-align: right;
}

@media (min-width: 992px) {
  .section-button {
    display: block;
  }
}

.ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  border: 1px solid transparent;
  border-radius: 10px;
  background: var(--pink);
  color: var(--white);
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.ui-button:hover {
  background: var(--pink-dark);
  color: var(--white);
}

.ui-button[type] {
  background-color: var(--pink);
}

.ui-button[type]:hover {
  background-color: var(--pink-dark);
}

.ui-button:disabled,
.ui-button[aria-disabled="true"] {
  cursor: not-allowed;
  background: #d5d4d3;
}

.ui-button--lg {
  padding: 12px 30px;
}

.ui-button--sm {
  padding: 12px 16px;
}

.ui-button--outline {
  border-color: var(--pink);
  background: var(--white);
  color: var(--pink);
}

.ui-button[type].ui-button--outline {
  background-color: var(--white);
}

.ui-button--outline:hover {
  border-color: var(--pink);
  background: var(--pink);
  color: var(--white);
}

.ui-button[type].ui-button--outline:hover {
  background-color: var(--pink);
}

.card-tag {
  margin-bottom: 12px;
  color: var(--teal-dark);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.rich-content {
  margin-bottom: 22.4px;
  color: #282f3e;
  font-size: 16px;
  line-height: 26px;
}

.book-tours-section {
  margin-bottom: 30px;
  padding-bottom: 24px;
  border-bottom: 0.5px solid var(--border);
}

.book-tours-section:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.feature-image {
  position: relative;
  display: flex;
  align-items: end;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ui-spinner,
.loading {
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 0 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #23282d;
  opacity: 0.75;
}

.ui-spinner::before,
.loading::before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border: 0;
  border-radius: 50%;
  background: #fbfbfc;
  content: "";
  transform-origin: 8px 8px;
  animation: spin 1s linear infinite;
}

.transition-400 {
  transition-property: background-color, border-color, color, opacity, transform, box-shadow;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
}

.cover-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html p {
  color: #1d1d1d;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 22.4px;
  font-weight: 400;
}

html p:has(+ ul),
html p:has(+ ol) {
  margin-bottom: 4px;
}

.rich-content li,
.rich-content table {
  font-size: 16px;
  line-height: 26px;
}

.rich-content h1 {
  font-size: 24px;
  font-weight: bold;
}

.rich-content h2 {
  font-size: 21px;
  font-weight: bold;
}

.rich-content h3 {
  font-size: 16px;
  text-decoration: underline;
  font-weight: normal;
}

html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  color: #282f3e;
}

html h1 {
  font-size: 48px;
  font-weight: 500;
}

html h2 {
  font-size: 30px;
  font-weight: 500;
}

html h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

/* html h2 span {
  color: var(--theme-primary-color);
} */

html body.overflow_body {
  overflow: hidden;
}

.light-bg {
  background: #f3eeea !important;
}

.primary-bg {
  background: var(--theme-primary-color) !important;
}

.secondary-bg {
  background: var(--button-primary-color) !important;
}

.green-bg {
  background: #6cb10f !important;
}

.orange-bg {
  background: #fb7442 !important;
}

.blue-bg {
  background: #2168af !important;
}

.skye-bg {
  background: #a4c6ed !important;
}

.view-more {
  font-size: 17px;
  color: var(--button-primary-color);
}

@media (max-width: 420px) {
  .view-more {
    font-size: 14px;
  }
}

.view-more::after {
  content: ">";
  margin-left: 12px;
  font-size: 17px;
  transition: margin-left 0.2s ease;
  vertical-align: middle;
}

.view-more:hover::after {
  margin-left: 6px;
}

.form-control {
  height: 50px;
  border: 1px solid #282f3e;
  padding: 7px 20px;
  color: #212121;
  border-radius: 10px;
  font-size: 14px;
  resize: none;
}

html textarea.form-control {
  height: 100px;
  resize: none;
}

.form-control:focus {
  /* box-shadow: 0px 11px 29px 0px rgba(243, 238, 234, 0.5); */
  border-color: #dfd4cb;
}

/* .form-control::-webkit-input-placeholder {
  color: rgba(36, 38, 43, 0.5);
}

.form-control:-moz-placeholder {
  color: rgba(36, 38, 43, 0.5);
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: rgba(36, 38, 43, 0.5);
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: rgba(36, 38, 43, 0.5);
} */

.form-control-secondary {
  border-color: #f3eeea;
  background-color: #f3eeea !important;
}

.loader_main {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 90;
  display: none;
}

.filter-loader {
  position: absolute;
  left: 44%;
  top: 20rem;
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #2cc2be;
  width: 40px;
  height: 40px;
  transform: translate(-50%, -50%);
  z-index: 99;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.notfound {
  width: 40%;
  margin: 0 auto;
  background: var(--theme-primary-color);
  color: #fff;
  text-align: center;
  margin-top: 30px;
}

.notfound p {
  color: #fff;
  font-size: 18px;
  margin: 0px;
  padding: 10px 0px;
}

/* MAP CSS*/
.gm-style .gm-style-iw-c {
  padding: 0;
  overflow: hidden;
  max-width: 342px !important;
}

.mapouter .gm-ui-hover-effect {
  position: absolute;
  right: 12px !important;
  top: 0 !important;
  opacity: 1;
  background: var(--button-primary-color) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.mapouter .gm-ui-hover-effect > span {
  background: #fff;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
}

.mapouter .gm-style .gm-style-iw-d {
  overflow: auto !important;
}

.mapouter .gm-style {
  font:
    400 14px "Poppins",
    sans-serif !important;
}

.mapouter {
  position: relative;
  text-align: right;
  height: 771px;
  width: 100%;
  border: none;
}


/*---- header start ----*/
/* header {
  position: sticky;
  top: 0;
  z-index: 99;
  background: #F3EEEA;
} */

/* header .head-top ul {
  list-style: none;
  padding: 0;
  display: flex;
}

html header .head-top ul li {
  position: relative;
  font-size: 12px;
  padding: 5px 0 5px 25px;
  margin-right: 30px;
} */

.title-text h2 {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 25px;
}

/* .sub-menu li.current-menu-item>a {
  color: #282F3E;
} */

/* .header-right .nav-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.header-right .dropdown-toggle i {
  font-size: 28px;
  color: #d1d1d1;
} */

/*----header end ----*/

/* .hero-banner start */
.hero-banner {
  /* min-height: 530px; */
  background-color: var(--theme-primary-color);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-bottom: 210px;
  background-position: center;
}

@media (width < 768px) {
  .hero-banner {
    /* margin-top: -195px; */
    min-height: 568px;
    padding-bottom: 95px;
  }
}

.hero-banner::before {
  content: "";
  background: transparent
    linear-gradient(
      0deg,
      var(--theme-primary-color) 0%,
      var(--theme-primary-color) 0%,
      var(--color-primary-70) 49%,
      transparent 100%
    )
    0% 0% no-repeat padding-box;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 75%;
}

.hero-banner h1 {
  color: #fff;
}

.sub-hero {
  padding-bottom: 52px;
}

.sub-hero::before {
  height: 90%;
}

.sub-hero-plain {
  min-height: 390px;
}

.sub-hero-plain::before {
  display: none;
}

.block-up {
  margin-top: -115px;
}

/* Reusable card primitives */
.ui-card {
  background: #fff;
  /* box-shadow: 0px 10px 40px #00000029; */
  box-shadow: 0px 5px 20px 0px #282f3e52;
  border-radius: 10px;
  border: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ui-card__media {
  border-radius: 10px 10px 0 0;
  height: 225px;
  overflow: hidden;
  z-index: 0;
}

.ui-card__media img {
  width: 100%;
  height: 100%;
  background: #f3eeea;
  object-fit: cover;
  transition: transform 0.2s ease;
}

.ui-card__content {
  padding: 35px;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
}

.ui-card h3 {
  font-size: 20px;
  font-weight: 600;
}

.ui-card__meta {
  color: var(--theme-primary-color);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.ui-card .hours {
  font-size: 16px;
  font-weight: 400;
}

.ui-card__tags ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.ui-card__tags ul li {
  margin: 0 10px 10px 0;
}

.ui-card__tags ul li a {
  padding: 10px 15px;
  font-size: 10px;
  color: #fff;
  background: #a4c6ed;
  display: inline-block;
}

.ui-card a.ui-card__media:hover img {
  transform: scale(1.1);
}

.ui-copy {
  margin-bottom: 22.4px;
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.ui-video-card__content {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  padding: 1rem;
}

/* Card End */

/* breadcrumb */
/* .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  list-style: none
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: .5rem
}



.breadcrumb-item.active {
  color: #6c757d
}

.breadcrumb .breadcrumb-item {
  font-size: 12px;
  color: rgba(40, 47, 62, 0.4);
}

.breadcrumb .breadcrumb-item a {
  color: rgba(40, 47, 62, 0.4);
}

.breadcrumb-item+.breadcrumb-item:before {
  content: '|';
  padding-right: 0.5rem;
  float: left;
  color: rgba(40, 47, 62, 0.4);
}

.breadcrumb .breadcrumb-item.active {
  color: var(--theme-primary-color);
}

.breadcrumb .breadcrumb-item a:hover {
  color: var(--theme-primary-color);
} */

/* breadcrumb end*/

/* discover-block */

.discover-block::before {
  content: "";
  border-left: 2px solid rgba(40, 47, 62, 0.1);
  position: absolute;
  left: -40px;
  height: 100%;
}

.discover-block:first-child::before {
  display: none;
}

.title-text p {
  font-size: 16px;
  line-height: 26px;
}

/* section-shape */
.section-shape {
  padding: 75px 0;
}

.section-shape::before {
  content: "";
  background: url("/images/shape-top.png") no-repeat center;
  width: 100%;
  height: 27px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100% 100%;
}

.section-shape::after {
  content: "";
  background: url("/images/shape-bottom.png") no-repeat center;
  width: 100%;
  height: 27px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-size: 100% 100%;
}

.section-shape-top.bb::before,
.section-shape.bb::before,
.section-shape-up-none::before {
  display: none !important;
}

.section-shape-top::before {
  content: "";
  background: url("/images/shape-top.png") no-repeat center;
  width: 100%;
  height: 27px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100% 100%;
}

.section-shape-buttom::after {
  content: "";
  background: url("/images/shape-bottom.png") no-repeat center;
  width: 100%;
  height: 27px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-size: 100% 100%;
}

.section-shape-down-none::after {
  display: none;
}

.section-shape-blank:before {
  content: "";
  background: url("/images/shape-top-blank.png") no-repeat center;
  width: 100%;
  height: 50px;
  position: absolute;
  top: -26px;
  left: 0;
  background-size: 100% 100%;
}

.swiper-wrapper,
.swiper-slide,
swiper-slide {
  height: auto;
}

/* swiper-scrollbar */
.swiper-container .swiper-scrollbar,
swiper-container::part(scrollbar) {
  background: #f3eeea;
}

.swiper-scrollbar-drag,
swiper-container::part(scrollbar-drag) {
  background: var(--theme-primary-color);
}

.light-bg .swiper-container .swiper-scrollbar,
.light-bg swiper-container::part(scrollbar) {
  background: rgba(255, 255, 255, 0.6);
}

/* footer */
html footer {
  background: var(--theme-primary-color);
}

html footer .footer-top {
  padding: 80px 0 60px 0;
}

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

html footer .footer-list ul li:first-child {
  margin-top: 0;
}

html footer .footer-list ul li {
  display: block;
  /* color: #fff; */
  color: #272f3f;
  font-size: 16px;
  /* margin-top: 10px; */
}

html footer .footer-list ul li a {
  /* color: #fff; */
  color: #272f3f;
  font-weight: 400;
}

html footer .footer-list ul li a:hover {
  color: var(--color-pink);
}

html footer h3 {
  font-size: 14px;
  min-height: 40px;
  line-height: normal;
}

/* .copyright {
  background: #fff;
  padding: 35px 0;
} */

/* .footer-social a {
  color: var(--theme-primary-color);
  font-size: 46px;
  margin-left: 6px;
}

.footer-social a:first-child {
  margin-left: 0;
}

.footer-social a:hover {
  color: var(--button-primary-color);
} */

.out-shadow {
  min-width: 105%;
  margin-left: -2.5%;
}

.out-shadow .swiper-container,
.out-shadow swiper-container {
  padding: 0px 2.5%;
}

/* list-type */
.list-type ul {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
}

.list-type ul li {
  display: block;
  font-size: 16px;
  padding-left: 20px;
  position: relative;
  margin: 10px 0;
}

.list-type ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--theme-primary-color);
  display: inline-block;
  position: absolute;
  left: 0;
  top: 6px;
  border-radius: 50%;
}

.list-type-check ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.list-type-check ul li {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  padding-left: 28px;
  margin-bottom: 15px;
}

.list-type-check ul li:last-child {
  margin-bottom: 0px;
}

/* .sidebar {
  position: sticky;
  top: 0;
} */
/* 
.information-block {
  box-shadow: 0px 10px 30px #00000029;
  background: #FFFFFF;
  padding: 24px 24px;
  border-radius: 8px;
}

.information-block h3 {
  color: var(--button-primary-color);
}

.information-block .contact-info {
  font-size: 12px;
}

.information-block .contact-info span:first-child {
  display: block;
  color: var(--button-primary-color);
  letter-spacing: 2px;
  font-size: 10px;
}

.information-block .contact-info a {
  color: #282F3E;
}

.information-block .contact-info a:hover {
  color: var(--button-primary-color);
}

.information-block .price {
  font-size: 34px;
} */

.got-question-block {
  background: var(--theme-primary-color);
  box-shadow: 0px 10px 30px #00000029;
  padding: 20px;
  border-radius: 8px;
}

.got-question-block h3 {
  color: #fff;
  font-size: 20px;
  font-weight: normal;
}

.got-question-block p {
  color: #fff;
  font-size: 12px;
}

.got-question-block .whatsapp {
  font-weight: 700;
  color: #fff;
}

.small-gallery img {
  width: 100%;
  border-radius: 7px;
}

.small-gallery .img-block img {
  height: 117px;
  object-fit: cover;
}

/* tabs */

.list-tabs {
  border: none !important;
}

.list-tabs .nav-item {
  position: relative;
}

.list-tabs .nav-item .nav-link {
  font-size: 18px;
  color: #282f3e;
  padding: 0 7px 0 0;
  font-weight: 300;
  overflow-wrap: break-word;
  hyphens: auto;
}

.list-tabs .nav-item .nav-link:focus {
  outline: none;
}

.list-tabs .nav-item .nav-link.active {
  font-weight: 600;
  border: none;
}

.list-tabs .nav-item:last-child .nav-link {
  padding-right: 0;
}

.list-tabs .nav-item:last-child::before {
  display: none;
}

.link-tag {
  font-size: 14px;
  text-decoration: underline;
  color: #282f3e;
}

.search,
.coupon_search {
  position: relative;
}

.search .searchvalue {
  padding-right: 40px;
}

.search .searchresult,
.search .searchdiscover,
.coupon_search .coupon_searchresult {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  color: var(--button-primary-color);
  width: 40px;
  height: 100%;
  background: transparent;
}

.video-modal .btn-close {
  position: absolute;
  background-color: var(--theme-primary-color);
  z-index: 1;
  right: 12px;
  top: 45px;
  opacity: 1;
  border-radius: 50%;
  width: 1em;
  height: 1em;
}

@media (min-width: 992px) {
  .video-modal .btn-close {
    width: 1.5em;
    height: 1.5em;
  }
}

.video-modal .modal-body {
  line-height: 0;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

.video-modal .modal-content {
  background: transparent;
  border: none;
}

/*#menu-language-swither{
  justify-content: flex-end;
}*/
/* #menu-language-swither li {
  padding: 5px 0 2px 0;
  margin: 0 0 0 10px;
}

#menu-language-swither li:before {
  display: none;
} */
.swiper-button-next,
.swiper-button-prev {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

.swiper-overflow-visible {
  overflow: visible;
}

swiper-container.swiper-overflow-visible::part(container) {
  overflow: visible;
}

swiper-container.divideSection-slider::part(button-prev),
swiper-container.divideSection-slider::part(button-next) {
  color: #fff;
  width: 42px;
  height: 42px;
  border-radius: 9999px;
  background-color: rgba(31, 41, 55, 0.42);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px 18px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
  overflow: hidden;
  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

swiper-container.divideSection-slider::part(button-prev) {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L2 9L8 16' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

swiper-container.divideSection-slider::part(button-next) {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L8 9L2 16' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

swiper-container.divideSection-slider::part(button-prev):hover,
swiper-container.divideSection-slider::part(button-next):hover {
  background-color: var(--color-pink);
  box-shadow: 0 10px 22px rgba(241, 60, 120, 0.28);
}

@media (min-width: 768px) {
  swiper-container.divideSection-slider::part(button-prev) {
    left: 16px;
    transform: none;
  }

  swiper-container.divideSection-slider::part(button-next) {
    right: 16px;
    transform: none;
  }
}

swiper-container[data-swiper-size] swiper-slide {
  flex: 0 0 auto;
  width: var(--swiper-slide-width, 100%);
}

swiper-container[data-swiper-size="card"] {
  --swiper-slide-width: calc((100% - 20px) / 1.4);
}

swiper-container[data-swiper-size="wide"] {
  --swiper-slide-width: 100%;
}

swiper-container[data-swiper-size="thumb"] {
  --swiper-slide-width: calc((100% - 20px) / 3);
}

@media (min-width: 576px) {
  swiper-container[data-swiper-size="wide"] {
    --swiper-slide-width: calc((100% - 20px) / 1.5);
  }
}

@media (min-width: 768px) {
  swiper-container[data-swiper-size="card"] {
    --swiper-slide-width: calc((100% - 20px) / 1.8);
  }
}

@media (min-width: 768px) {
  swiper-container[data-swiper-size="wide"] {
    --swiper-slide-width: calc((100% - 30px) / 2);
  }

  swiper-container[data-swiper-size="thumb"] {
    --swiper-slide-width: calc((100% - 30px) / 4);
  }
}

@media (min-width: 992px) {
  swiper-container[data-swiper-size="card"] {
    --swiper-slide-width: calc((100% - 60px) / 3);
  }

  swiper-container[data-swiper-size="wide"] {
    --swiper-slide-width: calc((100% - 60px) / 2.5);
  }
}

@media (min-width: 992px) {
  swiper-container[data-swiper-size="thumb"] {
    --swiper-slide-width: calc((100% - 40px) / 5);
  }
}

@media (min-width: 1200px) {
  swiper-container[data-swiper-size="wide"] {
    --swiper-slide-width: calc((100% - 60px) / 3);
  }
}

@media (min-width: 1700px) {
  swiper-container[data-swiper-size="card"] {
    --swiper-slide-width: calc((100% - 90px) / 3.8);
  }

  swiper-container[data-swiper-size="wide"] {
    --swiper-slide-width: calc((100% - 90px) / 4);
  }
}

/* swiper custom nav styles moved to src/view/common/swiper-navigation.html */

/* .head-top .flip {
  height: 32px;
  overflow: hidden;
  padding-top: 8px;
  display: none;
}

.head-top .flip ul {
  display: block;
}

.head-top .flip ul li {
  margin-right: 0;
  padding: 0px 0 0px 25px;
  display: block;
}

.head-top .flip ul li::before {
  top: 1px;
}

.head-top .flip ul li:first-child {
  animation: show 10s linear infinite;
}

.head-top .flip ul li span {
  display: inline-block;
  height: 28px;
  margin-bottom: 28px;
} */

@keyframes show {
  0% {
    margin-top: -168px;
  }

  5% {
    margin-top: -112px;
  }

  33% {
    margin-top: -112px;
  }

  38% {
    margin-top: -56px;
  }

  66% {
    margin-top: -56px;
  }

  71% {
    margin-top: 0px;
  }

  99.99% {
    margin-top: 0px;
  }

  100% {
    margin-top: -168px;
  }
}

/* swiper */

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #c9c9c9;
  margin: 0 5px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-primary-color);
}

/* swiper */

/* new pages */
.our-client ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(5, 105px);
  gap: 40px;
  justify-content: space-between;
  place-items: center;
}

.our-client ul li {
  display: inline-block;
}

.testimonials-block {
  background: #fff;
  padding: 30px;
  box-shadow: 0px 10px 40px #00000029;
  border-radius: 10px;
}

.testimonials-block h3 {
  font-size: 20px;
}

.testimonials-block .card-body p {
  margin-bottom: 0;
}

.map-location {
  box-shadow: 0px 10px 40px #00000029;
  width: 100%;
  background: #fff;
}

.discover-block .info-numbs {
  color: var(--button-primary-color);
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
}

.contact-info h3 {
  font-size: 20px;
  color: var(--theme-primary-color);
  font-weight: normal;
}

.contact-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-info ul li {
  display: block;
  margin: 0 0 10px;
}

.contact-info ul li:last-child {
  margin: 0;
}

.contact-info ul li a {
  color: #282f3e;
}

.contact-info ul li a:hover {
  color: var(--button-primary-color);
}

.contact-form {
  background: #f3eeeacb;
  padding: 30px;
}

.contact-form .form-control {
  border: none;
  font-size: 16px;
  width: 100%;
}

.contact-form textarea.form-control {
  height: 150px;
}

/* 
.contact-form .form-control::-webkit-input-placeholder {
  color: #282F3E;
}

.contact-form .form-control:-moz-placeholder {
  color: #282F3E;
  opacity: 1;
}

.contact-form .form-control::-moz-placeholder {
  color: #282F3E;
  opacity: 1;
}

.contact-form .form-control:-ms-input-placeholder {
  color: #282F3E;
} */

.employees-block .img-block {
  border-radius: 10px;
  overflow: hidden;
  height: 280px;
  margin-bottom: 20px;
  box-shadow: 0px 10px 40px #00000029;
  padding: 0;
}

.employees-block .img-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.employees-block h3 {
  font-weight: 700;
}

.employees-block p {
  color: #282f3e;
  margin-bottom: 8px;
}

.employees-block p a {
  color: #282f3e;
}

.employees-block p a:hover {
  color: var(--button-primary-color);
}

.map-list.ui-card {
  height: auto;
  flex-direction: row;
  box-shadow: 0px 0px 20px #00000029;
}

.map-list.ui-card .ui-card__media {
  height: 140px;
  width: 182px;
  flex-shrink: 0;
}

.map-list.ui-card .ui-card__content {
  padding: 15px 20px;
  background: #fff;
}

.map-list.ui-card h3 {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 5px;
}

.modal-body iframe #player {
  max-width: 100%;
}

html div#mep_0 {
  height: 500px !important;
}

html video#video-8926-1_html5 {
  height: 500px !important;
}

html video.wp-video-shortcode {
  height: 500px !important;
}

.modal-body iframe #player {
  max-width: 100% !important;
}

#player {
  max-width: 100% !important;
}

.site-section--no-pt {
  padding-top: 0 !important;
}

.imageBox-16-9 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.imageBox-16-9 > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html img.wp-smiley,
html img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

.video-block::after {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  /* background: transparent -webkit-linear-gradient(180deg, #26262600 0%, #262626CC 100%) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(180deg, #26262600 0%, #262626CC 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #26262600 0%, #262626CC 100%) 0% 0% no-repeat padding-box; */
  background: transparent -webkit-linear-gradient(
      121.83deg,
      #282f3e 0%,
      #282f3e66 100%
    )
    0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(
      121.83deg,
      #282f3e 0%,
      #282f3e66 100%
    )
    0% 0% no-repeat padding-box;
  background: transparent linear-gradient(121.83deg, #282f3e 0%, #282f3e66 100%)
    0% 0% no-repeat padding-box;
}

.site-hero::before,
.feature-image::before {
  background: transparent
    linear-gradient(
      0deg,
      var(--theme-primary-color) 0%,
      var(--theme-primary-color) 0%,
      var(--color-primary-70) 49%,
      transparent 100%
    )
    0% 0% no-repeat padding-box;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 75%;
}

.icon-facebook {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAACXBIWXMAAAsTAAALEwEAmpwYAAADiUlEQVRoge2azW8TRxiHn9ldmxhMDG0IDkFCqBGhnIoIUqlEb4grER9SD3DmQA/tAcQ/gPiS6AH+Bg7hq+JQVFUcemilKqhSuQCKOAGJAk0UiB2vvTvDYW3hwCZej3eya+RHWsm7mnfn99vxzryzesWhB7cIIQscqR8HgG31a2lhEXgB/AvcBX4Fqh83ckICx4HLwIhJdR2SB3bXjx+AKeAccKe5kdX02wYu1Ruk2VgYI8BtAv1242LzyF0Azq6xqLhp6D8HH0buGN1vrMFZAj9YBBPFtUTlxM8vQNYBjgPb16rXvJNhtPAFe78cZLSwmYG+HDnbwRYitL0C5twKp//6o51uhoETDsF0vybsHyhyamQPo4XNkWMUIJXS6e6IA+zXiWyHwb71jO8Y4fDwDvKZ9pdLTXNjDlDUiYxKIbuOM3u+4dstQya7CWPIAtaZ7OHUV18nYQwga7Vuo8/BrcOMbTH6x1gVY+a25tZzfOcuhnIbTHXREmPmxgaKFBM0BgbN7erfRN7JdHwfAfRn9TYkYbuCjhFCUMxtwLFWf3aLtSqP/p/l6cIcNSkRKyzkS56npcOIOVsI8pnWo/ayvMjN5094/m7BhAwzf0tbCKwVRqGZOdflRWnRhATA4DsXlQjPQJvEzZnEiDnX9/Ej5IOekri+b0ICEMOE8t3gtmXnUikylkV/hAR5sC/H98XtuL6HLVZ+zp6S/PN6pm1t4tCDW1opd4PfDx/tJLwlCphdKnPyz9/ajk39O1fxPP6efaUVm2pzCpivujxZmNeKT7U5lKLie8wslbTCU21OEnw/ma2UteJTbc5Xkmdv5ylr5papNieVYrpcoir11sLUm5tZKuFJqRXf8SIulUIQzGzNCCFolTYqQK2QyQghqPi+9mQCMZg7+vD+snOpFH22zcWxg+zcWFg1dvLNDFcfT1L2PZyQDEWitPdyEIO5klf75JqnZKTcsiYlJc+jKn1c4s8xjbxzlhCRtjKCaO20dZi7dfL0zHUrPXPdSs9ct9Iz1630zHUrFvAuaRGGqFrAdNIqDDFtAf8lrcIQkxZwL2kVhrhnARMEhZmfEy+BCYugwvTnhMXEzU+A21gKJoArCYqJkysEfpatc+eB64nIiY8bBD6A5eZ84EeCQsypNRbVKVMEpZVn4MOXprCvX7eB+/XG48A+gvrFzotK4qNGMGk8IqhOnyCkOv09XlvwOvWHEpQAAAAASUVORK5CYII=);
}

.icon-facebook:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAACXBIWXMAAAsTAAALEwEAmpwYAAADS0lEQVRoge2avWsUQRiHn5m9veRCgldokvOj8AMxYhdFRUFsxULBWNhprYUWiv+AohZa6F9gGaKRVDYWKoioiDZapBI/iKKJJrl4ud0Zi8lhTDa5vclOdk/ugYNjeN95fz92Z3Zmd8T4yEEiyAPH5n77gfVzbVlhCvgIvAbuAw+A2YVBIsLcceA6sM2xwCQZBS4B9+Y3ynn/PeDaXEAzGQOjdwij36s15uYFXAEurrKopKnpvwR/r9wJmt9YjYsYP0jMRHEzVTnJcwvI54ABYONqVRV+J15xJ/7afrxiH7J9HeQ6EMID9OIErVGV70w+Pt1ImQ3AyRxmul8V/O59tG8/g1fsayBLI6JM1+dYDthjk9kIstBD2+YB8puOIPyuxjvQoU3Z3Tmg1yYzLiJfpLDrPH7PAZdloihJoM1lhfbtZ9IwBpCX9WPs8UuH8Lv3uiyxLM7MyUIv7VtPITvWuypRX4OrjnPde5GFkqvuY+HO3JodCL8zgZ4EIr/GTkMC1RcjJLKjBNJfNkxXJwm+vSCYeAeqCkJExwUzVjIcmfNiXTU1/ZHfo3cJf406keHkthRCgqjftap8R019cCEBcDjmYrPErZgE6ZtziBNzOqzEWw+qwMQ6YsUTit+74B2M1iB9hF9/+paFHvzSYQh/g/SWDlQh1a/PGtYmxkcOWu0nahSPPllJegw0qjzGr0cDDWdmfszpYIbq2FOr3Iyb0+jZccKJd1bZ2TanNTqYQZU/W6Vn2xwaXfmBmhmzys60Oa1Dgon36KBslZ9pc2iFKn9Cq0WfAWKRcXMhqvzF7BgsWPmuQKvodiGAeutGbR76S+TrsGLMWbJicz8fHlnQosAr0LnvJl7XlmVzq1+fU35zFYIyiKgVirYeb5CAOR1ML25UAah4a0uqU9Zjqh4O93NxAmlteWxpmWtWWuaalZa5ZqVlrllpmWtWJDCZtghHzErAfsOUbb5I4G3aKhzxUgLDaatwxLAEBjEHM/8nPgGDEnPC9ELKYpLmPFCpPQoGgRspikmSGxg//zznLgO3U5GTHHcwPoB/zYXAOcxBTDdf4N0xijlaeRbjA4h++zUEjMwFHwf6MecXlz93sbpUMZPGK8zp9EEiTqf/AWfj2nkgK2UnAAAAAElFTkSuQmCC);
}

.icon-twitter {
  background-image: url(data:image/png;base64,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);
}

.icon-twitter:hover {
  background-image: url(data:image/png;base64,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);
}

.icon-instagram {
  background-image: url(data:image/png;base64,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);
}

.icon-instagram:hover {
  background-image: url(data:image/png;base64,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);
}

.rich-content ul {
  list-style: circle;
  padding-left: 20px;
}

.rich-content ol {
  list-style: decimal;
  padding-left: 20px;
}

@media screen and (width < 576px) {
  #CookiebotWidget {
    display: none;
  }
}

html footer .logo img {
  width: 223px;
}

.map_content a img {
  max-width: 100%;
}

.hero-banner .bannertitle ul {
  margin: 0px;
  padding: 0px;
}

.hero-banner .bannertitle ul li {
  display: block;
  list-style: none;
}

.hero-banner .bannertitle ul li a {
  color: #fff;
  font-size: 40px;
  font-weight: 500;
}

/* .information-block .contact-info a {
  word-break: break-word;
} */

.single-discover .mapouter,
.single-booking .mapouter {
  height: 450px;
}

/* .head-top form.searchvalue {
  width: 100%;
  padding-left: 10px;

} */

/* .head-top form.searchvalue .searchname {
  width: 160px;
  display: none;
  position: absolute;
  right: 20px;
  top: -3px;
  border-radius: 16px;
  background: #f3eeea;
  height: 30px;
  border: none;
  padding-left: 8px;
}

.head-top form.searchvalue .icon {
  width: 30px;
  height: 25px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
}

.head-top form.searchvalue .icon span.close {
  display: none;
  color: var(--button-primary-color);
  font-size: 18px;
} */

.sb_instagram_header {
  display: none;
}

.my_pager {
  width: 100%;
  float: left;
  margin: 50px 0px 0px 0px;
  text-align: center;
  /*padding-bottom: 20px;*/
}

.my_pager a,
.my_pager span {
  margin: 0px 5px;
  font-weight: 500;
  background-color: #ffffff;
  color: #0f0e0e;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  padding-top: 10px;
  display: inline-block;
  border: 1px solid #ddd;
}

.my_pager a.next {
  background-color: inherit !important;
  border: none;
  text-transform: capitalize;
}

.my_pager a.prev {
  background-color: inherit !important;
  border: none;
  text-transform: capitalize;
}

.my_pager a > active,
.my_pager span.current {
  color: #fff;
  background-color: var(--button-primary-color) !important;
  border-color: var(--button-primary-color);
}

.my_pager a:hover {
  color: #fff;
  background-color: var(--button-primary-color);
  border-color: var(--button-primary-color);
}

#map-view .notfound {
  width: 100%;
  padding: 0 10px;
}

.search.search-results footer {
  margin-top: 60px;
}

.breadcrumb span a {
  color: rgba(40, 47, 62, 0.4);
  font-size: 12px;
  padding: 0px 3px;
}

.breadcrumb span {
  color: rgba(40, 47, 62, 0.4);
  font-size: 12px;
  padding: 0px 0px;
}

/*.breadcrumb span.space {
	padding: 0px 6px;
	
}*/
.breadcrumb span.breadcrumb_last {
  color: var(--theme-primary-color);
}

.breadcrumb span.breadcrumb_last {
  color: var(--theme-primary-color);
}

.mb-3.print_icon {
  width: 100px;
  height: 100px;
}

.centercon {
  text-align: center;
}

/*testiminial-block*/
.testiminial-block {
  width: 100%;
  float: left;
}

.testiminial-block .testiminial-inner-block {
  float: left;
  height: 120px;
  width: 120px;
}

.testiminial-block .testiminial-inner-block img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.testiminial-block .info {
  width: 75%;
  float: left;
  margin-left: 40px;
}

.testiminial-block .info h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.testiminial-block .info h4 {
  color: var(--theme-primary-color);
  font-size: 16px;
  margin-bottom: 20px;
}

.testiminial-block .info p {
  font-style: italic;
}

.section-shape-blank.middleimage {
  max-height: 450px;
  overflow: hidden;
  margin-top: -26px;
}

.section-shape.section-shape-top-none {
  padding: 40px 0px;
}

.section-shape.section-shape-top-none::before {
  display: none;
  padding: 40px 0px;
}

.section-shape.remove-pending-bottom {
  padding-bottom: 50px;
}

.archive.tax-discovers .notfound {
  margin: 50px auto;
}

@media only screen and (width < 992px) {
  .video-modal .modal-body iframe {
    height: 250px !important;
  }

  /* #menu-language-swither li {

    margin: 0 0 0 12px;
  } */

  .testiminial-block .info {
    width: 100%;
    float: left;
    margin: 30px 0px 0px 0px;
  }
}

@media only screen and (width < 768px) {
  .crisp-client .cc-tlyw[data-full-view="true"] .cc-kxkl .cc-nsge {
    bottom: 60px !important;
  }

  .single-discover .mapouter,
  .single-booking .mapouter {
    height: 250px;
  }

  /* .sidebar1 .information-block {
    margin-bottom: 30px;
  } */

  /* .head-top form.searchvalue .icon {
    width: 22px;
  } */

  .tab-content .tab-pane.tab-pane-one {
    z-index: 9999;
    bottom: 115px;
    position: fixed;
  }
}

.single-booking
  .crisp-client
  .cc-52lo[data-full-view="true"]
  .cc-kegp
  .cc-1oun {
  bottom: 120px !important;
}

@media only screen and (width < 576px) {
  .fourmobile4 {
    display: none;
  }

}

@media only screen and (width < 576px) {
  #sb_instagram.sbi_col_3 #sbi_images .sbi_item {
    width: 100% !important;
  }
}

@media only screen and (width < 420px) {
  .video-modal .modal-body iframe {
    height: 220px !important;
  }
}

@media only screen and (width < 768px) {
  html body .crisp-client .cc-tlyw[data-full-view="true"] .cc-kxkl .cc-nsge {
    bottom: 70px !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-auto {
    width: auto !important;
  }
}

@media (width < 1200px) {
  /* .main {
    padding-top: 85px;
  } */

  html h1 {
    font-size: 38px;
  }

  /* header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  } */

  /* new pages */
}

@media (width < 992px) {
  .site-section {
    margin: 30px auto;
  }

  .site-section.light-bg {
    margin: 0;
    padding: 30px 0;
  }

  .page-template-tpl-about .section-shape {
    padding: 0px 0px 30px 0px;
  }

  .page-template-tpl-about .section-shape h2 {
    padding-top: 80px;
  }

  .section-shape {
    padding: 45px 0;
  }

  .discover-block {
    width: 50%;
    padding: 1.5rem 1.5rem 1.5rem 0rem;
  }

  .discover-block::before {
    display: none;
  }

  html footer h3 {
    min-height: inherit;
  }

  html footer .footer-top {
    padding: 20px 0;
  }

  /*header:after{content: '';background: url(../images/shape-top-blank.png) no-repeat center;width: 100%; height: 20px;position: absolute;bottom: -10px;left: 0;background-size: 100% 100%;z-index: -1;}*/

  /* new pages */
  .our-client ul {
    grid-template-columns: repeat(4, 115px);
  }

}

@media (width < 768px) {
  html h1 {
    font-size: 28px;
  }

  html h2 {
    font-size: 20px;
  }

  .title-text h2 {
    font-size: 26px;
    margin-bottom: 35px;
    margin-top: 0;
  }

  html p,
  .rich-content li {
    font-size: 15px;
  }

  .form-row {
    padding: 0 15px 15px;
  }

  .form-row .col-form-label {
    border: none;
  }

  /* header .head-top ul li {
    display: none;
  }

  html header .head-top ul li:first-child {
    display: block;
  } */

  .hero-banner::before {
    height: 85%;
  }

  .sub-hero {
    min-height: 420px;
    padding-bottom: 30px;
  }

  .sub-hero:before {
    height: 100%;
  }

  .section-shape::after,
  .section-shape::before {
    height: 10px;
  }

  .section-shape-blank:before {
    top: -20px;
    height: 35px;
  }

  /* header .head-top #menu-language-swither li {
    display: block;
  } */

  /* header .head-top #menu-language-swither li a .wpml-ls-flag {
    width: 28px;
    height: 18px;
  } */

  /* header .head-top #menu-language-swither li a {
        padding: 4px;
    } */

  /* new pages */
  .our-client ul {
    grid-template-columns: auto;
    display: flex;
    gap: inherit;
    flex-wrap: wrap;
  }

  .our-client ul li {
    width: 33.33%;
    padding: 10px 0;
  }

  #sb_instagram.sbi #sbi_images {
    margin-left: -7px;
    margin-right: -7px;
  }

  #sb_instagram.sbi #sbi_images .sbi_item {
    padding: 7px !important;
  }
}

@media screen and (width < 576px) {
  .gm-style .gm-style-iw-c {
    max-width: 295px !important;
  }

  /* new pages */
  .our-client ul li {
    width: 50%;
    padding: 10px 8px;
  }

  .contact-form {
    padding: 20px;
  }

  .map-list.ui-card {
    flex-direction: column;
  }

  .map-list.ui-card .ui-card__media {
    width: 100%;
  }
}

/* header .head-top #menu-language-swither li a .wpml-ls-flag {
  object-fit: cover;
  width: 26px;
  height: 17px;
} */

@media (width < 992px) {
  .discover-block-1 {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: translateX(1px);
  }

  .discover-block-2 {
    padding-left: 24px;
    padding-right: 0px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }

  .discover-block-3 {
    border-right: 1px solid #ccc;
    transform: translateX(1px);
  }

  .discover-block-4 {
    padding-left: 24px;
    padding-right: 0px;
    border-left: 1px solid #ccc;
  }
}

html input[type="number"].no-spin-button::-webkit-inner-spin-button,
html input[type="number"].no-spin-button::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

html input[type="number"].no-spin-button {
  appearance: textfield;
  -moz-appearance: textfield;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes blink {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

a[title="360-img"] {
  display: block;
  position: relative;
  width: 100%;
  height: 250px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}

a[title="360-img"] > img {
  display: block;
  max-width: none;
  width: 150%;
  height: 100%;
  object-fit: cover;
  animation: pan-lr 15s linear infinite alternate;
}

@keyframes pan-lr {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-33.33%);
  }
}

a[title="360-img"]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;

  background-image: url("/icons/360img-icon.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  transition: transform 0.3s ease;
}

a[title="360-img"]:hover::after {
  transform: translate(-50%, -50%) scale(1.1);
}

/* Soft cards (2026-09-28): blocks get a soft shadow instead of a light grey border.
   Rollback: delete this block. */
html {
  --card-shadow: 0 6px 20px rgba(15, 23, 42, 0.07);
  --card-shadow-hover: 0 12px 32px rgba(15, 23, 42, 0.11);
}
html :is(.faq-item, .faq-wrapper, .tour-review-card, .got-question-block, .grp-card, .steps-card, .compare_box, a.platform-badge, .article-card, .av2-sub-card, .video-block-frame, .btf-card),
html #main :is(div, article, a, li)[class*="rounded"]:is(.border, [class*="border-1"]):not(.book-tour-booking-card) {
  border-width: 0 !important;
  box-shadow: var(--card-shadow) !important;
}
/* Scroll rows clip overflow, which cut the card shadow into a hard grey edge.
   Extra padding makes room for the shadow; the negative margin keeps the layout where it was. */
html :is(.articles-track, .cmp-cats-row, .tour-reviews-track) {
  padding: 16px 16px 30px !important;
  margin: -16px -16px -30px !important;
  scroll-padding-inline: 16px;
}
html :is(.faq-wrapper, a.platform-badge, .article-card, .av2-sub-card, .btf-card):is(:hover, :focus-visible),
html #main a[class*="rounded"]:is(.border, [class*="border-1"]):is(:hover, :focus-visible) {
  box-shadow: var(--card-shadow-hover) !important;
}
html :is(.book-tour-booking-card, .home-tour-search__form) {
  border-color: transparent !important;
}
/* Category page filter bar ("Filter by"). */
html .btf-filter-bar {
  border-width: 0 !important;
  box-shadow: var(--control-shadow, 0 3px 12px rgba(15, 23, 42, 0.07)) !important;
}
/* Divider between tour info and price column on category tour cards. */
html .btf-card-side::before {
  display: none !important;
}
/* Hairlines between sections: spacing and background already separate them. */
html :is(.similar-tours-section, .recently-viewed-tour-section, .filter-results-wrap, .reviews-overview, .tour-booking-trust-primary, section.section, section.seo-band) {
  border-top-color: transparent !important;
}
html :is(.filter-results-wrap, .tour-trust-band-strip),
html #main div.border-b[class*="pb-[24px]"] {
  border-bottom-color: transparent !important;
}
/* Filter bars, pills, dropdowns, search, sort and load-more buttons: no grey outline.
   Hover, focus and active colours keep their own border. */
html {
  --control-shadow: 0 3px 12px rgba(15, 23, 42, 0.07);
}
/* Tour cards: same soft shadow, without the tight 2px layer that reads as an outline. */
html .at2 a.tour-card {
  box-shadow: var(--card-shadow);
}
html .at2 a.tour-card:is(:hover, :focus-visible) {
  box-shadow: var(--card-shadow-hover);
}
html :is(.at2 .filter-row, .at2 .filter-pill:not(.active):not(.selected), .at2 .filter-dropdown:not(.active):not(:hover), .at2 .sort-dropdown:not(:hover), .at2 .filter-keywords:not(:focus-within), .btv2 .filter-pill:not(.active):not(:hover), .btf-sort-pill:not(:hover), .btf-filter-dropdown:not(:hover), .btf-load-more-btn:not(:hover), .server-filter-trigger:not(:hover), .at2 button[x-on\:click="loadMore"]) {
  border-color: transparent;
}
html :is(.at2 .filter-row, .at2 .filter-dropdown:not(.active), .at2 .sort-dropdown, .at2 .filter-keywords, .btv2 .filter-pill:not(.active), .btf-sort-pill, .btf-filter-dropdown, .btf-load-more-btn, .server-filter-trigger, .at2 button[x-on\:click="loadMore"]) {
  box-shadow: var(--control-shadow);
}
/* Pills sit inside the white filter bar, so they need no shadow of their own. */
html .at2 .filter-row .filter-pill:not(.active):not(.selected) {
  box-shadow: none;
  background: #f6f7f8;
}
html .at2 .filter-row .filter-pill:not(.active):not(.selected):hover {
  background: var(--teal-50);
}

/* Page width (2026-10-01): on desktop every page lines up with the header logo and button.
   The v2 pages (.at2 = /book-tours, .btv2 = category + subcategory pages, Plan your vacation)
   used 1240px + 24px padding and the provider pages (.dp-container) 40px padding, so their
   content started 19-28px further in than the standard .site-container (1254px + 12px).
   Mobile keeps its own padding. Rollback: delete this block. */
@media (min-width: 1024px) {
  html :is(
    .at2 .landing-hero-inner, .at2 .container, .at2 .site-container, .at2 .filter-bar, .at2 .filter-results-wrap > .filter-bar, .at2 .filter-dropdowns, .at2 .results-bar-inner,
    .btv2 .landing-hero-inner, .btv2 .container, .btv2 .seo-band-inner,
    .hero-plan .hero-inner, .steps-overlap, .svc-inner, .grp-inner,
    .dp-container, .wbw-container
  ) {
    max-width: 1254px;
    padding-left: 12px;
    padding-right: 12px;
  }
  html body:has(.hero-plan) .container {
    max-width: 1254px;
    padding-left: 12px;
    padding-right: 12px;
  }
  /* Provider pages: the body column was capped at 760px, which left a gap right of the booking card. */
  html .dp-main > .dp-body {
    max-width: none;
  }
}

/* Team avatars (2026-10-07): every row of team photos looks the same and overlaps slightly,
   like the meet-the-team preview (48px, 4px gap, -12px overlap). The pink ring is part of the
   photo, so no extra white border. Covers chat bands (.tested-by-row, .team-faces), why cards
   (.why-faces, .wbw-faces) and the Plan your vacation call card (.consult-faces).
   Rollback: delete this block. */
html :is(.tested-by-row, .team-faces, .why-faces, .wbw-faces, .consult-faces) {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
html :is(.tested-by-row, .team-faces, .consult-faces) {
  justify-content: center !important;
}
html :is(.tested-by-row, .team-faces, .why-faces, .wbw-faces, .consult-faces) img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  margin-left: -12px !important;
  border: 0 !important;
  box-shadow: none !important;
}
html :is(.tested-by-row, .team-faces, .why-faces, .wbw-faces, .consult-faces) img:first-child {
  margin-left: 0 !important;
}

/* ===== Chatbase welcome bubbles (2026-10-13) =====
   Chatbase shows three pop-up bubbles above the chat button ("Bon dia!", "Can I help?",
   "Vraag me alles over Aruba!"). Only the 2nd one stays; the chat window itself still shows all three.
   The bubbles are set in the Chatbase dashboard (Initial messages); if their order changes, change nth-child here.
   Rollback: delete this block. */
#chatbase-message-bubbles ul > li:not(:nth-child(2)) {
  display: none !important;
}

/* ===== Slider arrows, one style site-wide (2026-10-14, Rowie) =====
   All round prev/next buttons of sliders and photo galleries: white circle, soft shadow, dark arrow, pink on hover.
   Covers photo gallery, tour photo album, provider photos, team lightbox, review sliders (tours, restaurants, hotels,
   beaches), article carousels, Similar tours, Recently viewed, home categories, video slider and team tips.
   Size and position stay as each component sets them. Rollback: delete this block. */
html :is(.hero-gallery-button, .tour-photo-album-button, .dp-arrow, .lb-btn, .trc-arrow, .rv-arrow, .ac-arrow, .vb-arrow, .tips-arrow, .cmp-cats-nav, .similar-tours-prev, .similar-tours-next, .recently-viewed-tour-prev, .recently-viewed-tour-next) {
  background: #fff !important;
  color: #282F3E !important;
  border: 0 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .16) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html :is(.hero-gallery-button, .tour-photo-album-button, .dp-arrow, .lb-btn, .trc-arrow, .rv-arrow, .ac-arrow, .vb-arrow, .tips-arrow, .cmp-cats-nav, .similar-tours-prev, .similar-tours-next, .recently-viewed-tour-prev, .recently-viewed-tour-next) :is(svg, path, polyline) {
  stroke: currentColor !important;
  color: inherit !important;
}
html :is(.hero-gallery-button, .tour-photo-album-button, .dp-arrow, .lb-btn, .trc-arrow, .rv-arrow, .ac-arrow, .vb-arrow, .tips-arrow, .cmp-cats-nav, .similar-tours-prev, .similar-tours-next, .recently-viewed-tour-prev, .recently-viewed-tour-next):hover {
  background: #fff !important;
  color: #f13b77 !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .22) !important;
}

/* Tour row photos same size (2026-10-15): portrait photos made some .btf-card rows taller
   (Outdoor activities, Photography, Kid-friendly). The photo now fills the media cell instead of
   setting its height. Rollback: delete this block. */
.btf-card-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ===== Swipe fade, site-wide (2026-10-15, Rowie) =====
   Every horizontal swipe row gets a half see-through edge on the side that can still scroll.
   custom.js ("Swipe fade") finds the rows and sets mg-fr (more on the right) / mg-fl (scrolled, more on the left).
   Rows that already have their own fade (book-tours filters, boat-tours pills, blog tabs) are skipped by the script.
   Rollback: delete this block (and the Swipe fade part at the end of custom.js). */
.mg-fr {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - var(--mg-fade, 72px)), rgba(0, 0, 0, .25));
  mask-image: linear-gradient(to right, #000 calc(100% - var(--mg-fade, 72px)), rgba(0, 0, 0, .25));
}
.mg-fl {
  -webkit-mask-image: linear-gradient(to left, #000 calc(100% - var(--mg-fade, 72px)), rgba(0, 0, 0, .25));
  mask-image: linear-gradient(to left, #000 calc(100% - var(--mg-fade, 72px)), rgba(0, 0, 0, .25));
}
.mg-fl.mg-fr {
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, .25), #000 var(--mg-fade, 72px), #000 calc(100% - var(--mg-fade, 72px)), rgba(0, 0, 0, .25));
  mask-image: linear-gradient(to right, rgba(0, 0, 0, .25), #000 var(--mg-fade, 72px), #000 calc(100% - var(--mg-fade, 72px)), rgba(0, 0, 0, .25));
}
@media (max-width: 640px) {
  .mg-fr, .mg-fl { --mg-fade: 44px; }
}

/* ===== Tour cards: no heart, pink labels (2026-10-21, Rowie) =====
   Removes the favourite heart top right on every tour card and makes every label
   (Recommended, Adults Only, Newly Renovated, ...) pink instead of its own colour.
   Rollback: delete this block. */
.tour-card .tour-card-fav,
.tour-card .favoriteIcon,
.book-tour-card .favoriteIcon {
  display: none !important;
}
.tour-card .badge {
  background: var(--pink, #f13b77) !important;
  color: #fff !important;
}

/* ===== Compact tour card card.book-tour-v3 on /book-tours (.at2) (2026-10-21, Rowie) =====
   Same card as the homepage (free cancellation, pickup). Phones: photo left; wider: photo on top.
   The "Check availability" button only shows on /book-tours (.at2), never on the homepage.
   Rollback: delete this block (and set cardView back to v2 in _page.book-tours). */
.tc3 .tc3-btn { display: none; }
.at2 .tc3 { display: flex; flex-direction: row; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 20px rgba(15,23,42,.07); text-decoration: none; color: var(--navy); min-height: 172px; }
.at2 .tc3 .tour-card-img { position: relative; flex: none; width: 104px; overflow: hidden; background: #0A4A6E; aspect-ratio: auto; height: auto; }
.at2 .tc3 .tour-card-img img.ph { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.at2 .tc3 .tour-card-body { flex: 1; min-width: 0; display: flex; flex-direction: column; padding: 12px 12px 12px 13px; }
.at2 .tc3 h3 { font-size: 15px; font-weight: 600; line-height: 1.3; margin: 0 0 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.at2 .tc3-meta { margin: 0 0 4px; font-size: 12.5px; color: #64748B; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.at2 .tc3-rate { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; font-size: 12.5px; line-height: 1.5; }
.at2 .tc3-perk { color: #15803D; font-weight: 500; white-space: nowrap; }
.at2 .tc3-perk:before { content: "\2713\00a0"; }
.at2 .tc3-score { display: block; margin: 0 0 4px; font-size: 12.5px; color: #64748B; white-space: nowrap; }
/* order: title, stars, provider + duration, perks, price + button (Rowie 2026-10-21) */
.at2 .tc3 h3 { order: 1; }
.at2 .tc3 .tc3-score { order: 2; }
.at2 .tc3 .tc3-meta { order: 3; }
.at2 .tc3 .tc3-rate { order: 4; }
.at2 .tc3 .tc3-foot { order: 5; }
.at2 .tc3-score b { color: var(--navy); font-weight: 600; }
.at2 .tc3-score .tc3-star { color: #F59E0B; }
.at2 .tc3-foot { margin-top: auto; padding-top: 10px; display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 8px; }
.at2 .tc3-price { min-width: 0; }
.at2 .tc3-price > small:first-child { display: block; margin-bottom: 1px; }
.at2 .tc3-price { color: var(--navy); line-height: 1.15; white-space: normal; }
.at2 .tc3-price small { font-size: 12px; color: #64748B; }
.at2 .tc3-price strong { font-size: 20px; font-weight: 700; }
.at2 .tc3-price .tc3-per { white-space: nowrap; }
.at2 .tc3 .tc3-btn { display: flex; flex: 0 1 auto; max-width: 52%; align-items: center; justify-content: center; min-height: 34px; padding: 6px 12px; border-radius: 18px; background: var(--pink, #f13b77); color: #fff; font-size: 12px; font-weight: 600; line-height: 1.15; text-align: center; white-space: normal; }
.at2 .tc3-price { flex: 1 1 auto; }
.at2 .tc3-price strong { white-space: nowrap; }
.at2 .tc3:hover .tc3-btn { background: var(--pink-dark, #d62a5e); }
.at2 .tc3 .badge { position: absolute; left: 8px; top: 8px; z-index: 2; padding: 3px 9px; border-radius: 50px; font-size: 10.5px; font-weight: 700; max-width: calc(100% - 16px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 576px) {
  .at2 .tc3 { flex-direction: column; min-height: 0; }
  .at2 .tc3 .tour-card-img { width: auto; aspect-ratio: 4/3; }
  .at2 .tc3 h3 { min-height: 2.6em; }
  .at2 .tc3 .tc3-btn { padding: 0 14px; height: 34px; min-height: 0; font-size: 12px; white-space: nowrap; max-width: none; border-radius: 50px; flex: none; }
}

/* Four-card blocks (2026-10-22): every "Why book with us" / "Good to know" / "Our values" block gets the same light teal
   background #F2FBFB with white cards, on every page. Not the dark variants (plan-your-vacation band, wbw--dark).
   Rollback: delete this block. */
html body .at2 .why-section,
html body .btv2 .why-section,
html body section.wbw:not(.wbw--dark),
html body .teamv1 section:has(.values-grid) {
  background: #F2FBFB !important;
}

/* Browse by area cards (2026-10-22): on tablet widths (761-1024px) the area row fell back to 2 huge cards (462x554).
   Keep 4 per row like desktop on where to stay, shops and restaurants. Rollback: delete this block. */
@media (min-width: 761px) and (max-width: 1024px) {
  html body .at2 #areas .cat-grid-tours { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; }
  html body .at2 #areas .cat-card h4 { font-size: 16px; }
  html body .at2 #areas .cat-card .cat-chips span { font-size: 10.5px; padding: 3px 8px; }
}

/* Tablet width (2026-10-22): .site-container stepped to 540/720/960px between 576 and 1199px while the newer
   .container blocks are fluid (16px / 24px side padding), so tour lists, header and footer looked narrower than
   the text around them (e.g. "Showing 6 experiences" on /snorkel-boat-tours). Now fluid with the same padding.
   Rollback: delete this block. */
@media (min-width: 576px) and (max-width: 1199px) {
  .site-container { max-width: none !important; }
}
@media (min-width: 576px) and (max-width: 767px) {
  .site-container, html .btv2 .site-container, html .at2 .site-container { padding-inline: 16px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .site-container, html .btv2 .site-container, html .at2 .site-container { padding-inline: 24px; }
}