.elementor-20082 .elementor-element.elementor-element-d5e7a00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20082 .elementor-element.elementor-element-d5e7a00:not(.elementor-motion-effects-element-type-background), .elementor-20082 .elementor-element.elementor-element-d5e7a00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://travass.life/wp-content/uploads/2026/10/Moyo-Island.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}/* Start custom CSS *//* Destination landing (RAF-Studio) */

/* Hero */
.elementor-20082 .elementor-element.elementor-element-d5e7a00 { position: relative; height: clamp(32rem, 80vh, 46rem); min-height: 0; overflow: hidden; }
.elementor-20082 .elementor-element.elementor-element-d5e7a00 { padding: 0; margin: 0; background-size: cover; background-position: center center; }
.elementor-20082 .elementor-element.elementor-element-d5e7a01 { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 1rem; margin: 0; max-width: none; padding: 8rem max(1.5rem, 50% - 600px) 3.75rem; background: linear-gradient(180deg, rgba(20,30,50,0) 35%, rgba(20,30,50,.6) 100%); pointer-events: none; }
.elementor-20082 .elementor-element-d5e7a01 > * { pointer-events: auto; }
.elementor-20082 h1[data-id="d5e7a02"] { font-family: "Allerta", sans-serif; font-size: clamp(2.5rem, 5vw, 4rem); line-height: 1.08; color: #FEF9F2; max-width: 14ch; margin: 0; }
.elementor-20082 p[data-id="d5e7a03"] { font-size: 1.1rem; line-height: 1.6; color: #FEF9F2; max-width: 32rem; margin: 0; }
.elementor-20082 .elementor-element.elementor-element-d5e7a04 { display: flex; flex-wrap: wrap; gap: .75rem; padding: 0; margin-top: .5rem; width: auto; }

/* Overview */
.elementor-20082 .elementor-element.elementor-element-d5e7b02 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4rem; align-items: center; padding: 0; }
.elementor-20082 .elementor-element.elementor-element-d5e7b03 { gap: 1rem; }
.elementor-20082 .elementor-element-d5e7b07 img { aspect-ratio: 5 / 4; }

/* Ways to explore */
.elementor-20082 .elementor-element.elementor-element-d5e7c05 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; padding: 0; }
.elementor-20082 .elementor-element-d5e7c05 > .e-con { position: relative; display: block; aspect-ratio: 4 / 5; padding: 0; border-radius: 1.25rem; overflow: hidden; background: #F3EADB; isolation: isolate; text-decoration: none; }
.elementor-20082 .elementor-element-d5e7c05 > .e-con img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.elementor-20082 .elementor-element-d5e7c05 > .e-con::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 60%; background: linear-gradient(180deg, rgba(34,50,82,0) 0%, rgba(34,50,82,.75) 100%); pointer-events: none; z-index: 1; }
.elementor-20082 .elementor-element-d5e7c05 > .e-con h3 { position: absolute; left: 1.5rem; right: 1.5rem; bottom: 1.5rem; z-index: 2; margin: 0; font-family: "Allerta", sans-serif; font-size: 1.6rem; line-height: 1.2; color: #FEF9F2; }
.elementor-20082 .elementor-element-d5e7c05 > a.e-con:hover img,
.elementor-20082 .elementor-element-d5e7c05 > a.e-con:focus-visible img { transform: scale(1.04); }

/* Trips and guides */
.elementor-20082 .elementor-element.elementor-element-d5e7d1,
.elementor-20082 .elementor-element.elementor-element-d5e7e1 { padding: 0; }
.elementor-20082 .travass-label-wrap { display: none !important; }

/* Reviews */
.elementor-20082 .elementor-element.elementor-element-d5e7f05 { padding: 0; }

/* Plan */
.elementor-20082 .elementor-element.elementor-element-d5e7f81 { text-align: center; align-items: center; gap: 1.25rem; }
.elementor-20082 h2[data-id="d5e7f82"] { color: #FFFFFF; max-width: 40rem; }
.elementor-20082 p[data-id="d5e7f83"] { color: #FEF9F2; max-width: 36rem; }
.elementor-20082 .elementor-element.elementor-element-d5e7f84 { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; padding: 0; margin-top: .5rem; width: auto; }
.elementor-20082 #trips { scroll-margin-top: 2.5rem; }

@media (max-width: 1024px) {
  .elementor-20082 .elementor-element.elementor-element-d5e7a00 { height: 36rem; }
  .elementor-20082 .elementor-element.elementor-element-d5e7b02 { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .elementor-20082 .elementor-element.elementor-element-d5e7c05 { gap: 1.25rem; }
  .elementor-20082 .elementor-element-d5e7c05 > .e-con h3 { font-size: 1.3rem; left: 1.1rem; right: 1.1rem; bottom: 1.1rem; }
}
@media (max-width: 767px) {
  .elementor-20082 .elementor-element.elementor-element-d5e7a00 { height: 34rem; }
  .elementor-20082 .elementor-element.elementor-element-d5e7a01 { padding: 7rem 1.25rem 2.5rem; gap: .75rem; }
  .elementor-20082 h1[data-id="d5e7a02"] { font-size: 2.4rem; }
  .elementor-20082 p[data-id="d5e7a03"] { font-size: 1rem; }
  .elementor-20082 .elementor-element-d5e7a04 > a { padding: .8rem 1.35rem; font-size: .95rem; }
  .elementor-20082 .elementor-element.elementor-element-d5e7c05 { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; gap: 1rem; padding-bottom: .25rem; }
  .elementor-20082 .elementor-element-d5e7c05::-webkit-scrollbar { display: none; }
  .elementor-20082 .elementor-element-d5e7c05 > .e-con { scroll-snap-align: start; }
}

/* Hero text legibility on bright photos (RAF-Studio) */
@media (max-width: 767px) {
.elementor-20082 .elementor-element.elementor-element-d5e7a01 { background: linear-gradient(180deg, rgba(20,30,50,0) 0%, rgba(20,30,50,.35) 35%, rgba(20,30,50,.75) 100%); }
}/* End custom CSS */