.elementor-4493 .elementor-element.elementor-element-451bb49{--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;}.elementor-4493 .elementor-element.elementor-element-cb60ed7{--spacer-size:211px;}.elementor-4493 .elementor-element.elementor-element-90e2596{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4493 .elementor-element.elementor-element-2031e6e{--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;}.elementor-4493 .elementor-element.elementor-element-83f7d7a{margin:30px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-4493 .elementor-element.elementor-element-83f7d7a.elementor-element{--align-self:flex-start;}.elementor-4493 .elementor-element.elementor-element-83f7d7a .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:92px;}.elementor-4493 .elementor-element.elementor-element-42b1607{margin:30px 30px calc(var(--kit-widget-spacing, 0px) + 30px) 30px;}.elementor-4493 .elementor-element.elementor-element-42b1607.elementor-element{--align-self:flex-start;}.elementor-4493 .elementor-element.elementor-element-434bde0{--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;}.elementor-4493 .elementor-element.elementor-element-5118eaf img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-346f346 img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-b9b41c6 img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-cb1b45a img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-a14b5f0 img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-fcda032{--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;}.elementor-4493 .elementor-element.elementor-element-649f84d{--spacer-size:122px;}.elementor-4493 .elementor-element.elementor-element-2b585fa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-4493 .elementor-element.elementor-element-ecdb203{--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;}.elementor-4493 .elementor-element.elementor-element-79d0bed{--display:flex;}.elementor-4493 .elementor-element.elementor-element-43bd042 .elementor-heading-title{font-size:40px;}.elementor-4493 .elementor-element.elementor-element-f0255ab{column-gap:0px;font-family:"Noto Sans", Sans-serif;}.elementor-4493 .elementor-element.elementor-element-f0255ab p{margin-block-end:8px;}.elementor-4493 .elementor-element.elementor-element-e84f980.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-4493 .elementor-element.elementor-element-e84f980{text-align:end;font-family:"Noto Sans Batak", Sans-serif;font-size:30px;}.elementor-4493 .elementor-element.elementor-element-e84f980 p{margin-block-end:0px;}.elementor-4493 .elementor-element.elementor-element-f9034a5{--display:flex;}.elementor-4493 .elementor-element.elementor-element-445debe img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-39833ff{--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;}.elementor-4493 .elementor-element.elementor-element-b9579e5{--display:flex;}.elementor-4493 .elementor-element.elementor-element-46023f5 .elementor-heading-title{font-size:40px;}.elementor-4493 .elementor-element.elementor-element-3b484e8{column-gap:0px;font-family:"Noto Sans", Sans-serif;}.elementor-4493 .elementor-element.elementor-element-3b484e8 p{margin-block-end:8px;}.elementor-4493 .elementor-element.elementor-element-91f724b.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-4493 .elementor-element.elementor-element-91f724b{text-align:end;font-family:"Noto Sans Batak", Sans-serif;font-size:30px;}.elementor-4493 .elementor-element.elementor-element-91f724b p{margin-block-end:0px;}.elementor-4493 .elementor-element.elementor-element-08b13a2{--display:flex;}.elementor-4493 .elementor-element.elementor-element-228a1ca img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-95f012d{--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;}.elementor-4493 .elementor-element.elementor-element-b336451{--display:flex;}.elementor-4493 .elementor-element.elementor-element-c0f348c{column-gap:0px;font-family:"Noto Sans", Sans-serif;}.elementor-4493 .elementor-element.elementor-element-c0f348c p{margin-block-end:8px;}.elementor-4493 .elementor-element.elementor-element-1a6aea4.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-4493 .elementor-element.elementor-element-1a6aea4{text-align:end;font-family:"Noto Sans Batak", Sans-serif;font-size:30px;}.elementor-4493 .elementor-element.elementor-element-1a6aea4 p{margin-block-end:0px;}.elementor-4493 .elementor-element.elementor-element-d971b29{--display:flex;}.elementor-4493 .elementor-element.elementor-element-580a253 img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-471c31c{--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;}.elementor-4493 .elementor-element.elementor-element-a56d701{--display:flex;}.elementor-4493 .elementor-element.elementor-element-9b72917 .elementor-heading-title{font-size:55px;}.elementor-4493 .elementor-element.elementor-element-be9e0ce{column-gap:0px;font-family:"Noto Sans", Sans-serif;}.elementor-4493 .elementor-element.elementor-element-be9e0ce p{margin-block-end:8px;}.elementor-4493 .elementor-element.elementor-element-a45d057.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-4493 .elementor-element.elementor-element-a45d057{text-align:end;font-family:"Noto Sans Batak", Sans-serif;font-size:30px;}.elementor-4493 .elementor-element.elementor-element-a45d057 p{margin-block-end:0px;}.elementor-4493 .elementor-element.elementor-element-94b8af6{--display:flex;}.elementor-4493 .elementor-element.elementor-element-f43ed4f img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-ba84071{--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;}.elementor-4493 .elementor-element.elementor-element-b9223d3{--display:flex;}.elementor-4493 .elementor-element.elementor-element-9d95dcb .elementor-heading-title{font-size:55px;}.elementor-4493 .elementor-element.elementor-element-f54e355{column-gap:0px;font-family:"Noto Sans", Sans-serif;}.elementor-4493 .elementor-element.elementor-element-f54e355 p{margin-block-end:8px;}.elementor-4493 .elementor-element.elementor-element-99b35d8.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-4493 .elementor-element.elementor-element-99b35d8{text-align:end;font-family:"Noto Sans Batak", Sans-serif;font-size:30px;}.elementor-4493 .elementor-element.elementor-element-99b35d8 p{margin-block-end:0px;}.elementor-4493 .elementor-element.elementor-element-bb25fe3{--display:flex;}.elementor-4493 .elementor-element.elementor-element-c465afb img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-0191023{--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;}.elementor-4493 .elementor-element.elementor-element-739d42a{--display:flex;}.elementor-4493 .elementor-element.elementor-element-aef827b .elementor-heading-title{font-size:45px;}.elementor-4493 .elementor-element.elementor-element-3b28100{column-gap:0px;font-family:"Noto Sans", Sans-serif;}.elementor-4493 .elementor-element.elementor-element-3b28100 p{margin-block-end:8px;}.elementor-4493 .elementor-element.elementor-element-d0c8219.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-4493 .elementor-element.elementor-element-d0c8219{text-align:end;font-family:"Noto Sans Batak", Sans-serif;font-size:30px;}.elementor-4493 .elementor-element.elementor-element-d0c8219 p{margin-block-end:0px;}.elementor-4493 .elementor-element.elementor-element-9ed6b1f{--display:flex;}.elementor-4493 .elementor-element.elementor-element-24b8924 img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-7b3ebe6{--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;}.elementor-4493 .elementor-element.elementor-element-d6d5d3e{--display:flex;}.elementor-4493 .elementor-element.elementor-element-c3ac2ff .elementor-heading-title{font-size:45px;}.elementor-4493 .elementor-element.elementor-element-d81fe23{column-gap:0px;font-family:"Noto Sans", Sans-serif;}.elementor-4493 .elementor-element.elementor-element-d81fe23 p{margin-block-end:8px;}.elementor-4493 .elementor-element.elementor-element-aa7f7d6.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-4493 .elementor-element.elementor-element-aa7f7d6{text-align:end;font-family:"Noto Sans Batak", Sans-serif;font-size:30px;}.elementor-4493 .elementor-element.elementor-element-aa7f7d6 p{margin-block-end:0px;}.elementor-4493 .elementor-element.elementor-element-ea11cbb{--display:flex;}.elementor-4493 .elementor-element.elementor-element-e7e0284 img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-3b09633{--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;}.elementor-4493 .elementor-element.elementor-element-6d3bca3{--display:flex;}.elementor-4493 .elementor-element.elementor-element-ac48e2e .elementor-heading-title{font-size:45px;}.elementor-4493 .elementor-element.elementor-element-82d74f7{column-gap:0px;font-family:"Noto Sans", Sans-serif;}.elementor-4493 .elementor-element.elementor-element-82d74f7 p{margin-block-end:8px;}.elementor-4493 .elementor-element.elementor-element-c581ec1.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-4493 .elementor-element.elementor-element-c581ec1{text-align:end;font-family:"Noto Sans Batak", Sans-serif;font-size:30px;}.elementor-4493 .elementor-element.elementor-element-c581ec1 p{margin-block-end:0px;}.elementor-4493 .elementor-element.elementor-element-81fe507{--display:flex;}.elementor-4493 .elementor-element.elementor-element-9860383 img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-92d58ec{--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;}.elementor-4493 .elementor-element.elementor-element-cf7079f{--display:flex;}.elementor-4493 .elementor-element.elementor-element-0650f06 .elementor-heading-title{font-size:45px;}.elementor-4493 .elementor-element.elementor-element-3cbf71d{column-gap:0px;font-family:"Noto Sans", Sans-serif;}.elementor-4493 .elementor-element.elementor-element-3cbf71d p{margin-block-end:8px;}.elementor-4493 .elementor-element.elementor-element-c2627ef.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-4493 .elementor-element.elementor-element-c2627ef{text-align:end;font-family:"Noto Sans Batak", Sans-serif;font-size:30px;}.elementor-4493 .elementor-element.elementor-element-c2627ef p{margin-block-end:0px;}.elementor-4493 .elementor-element.elementor-element-5595d36{--display:flex;}.elementor-4493 .elementor-element.elementor-element-011734d img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-d526545{--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;}.elementor-4493 .elementor-element.elementor-element-f778b11{--display:flex;}.elementor-4493 .elementor-element.elementor-element-fa6adca .elementor-heading-title{font-size:55px;}.elementor-4493 .elementor-element.elementor-element-a4164e4{column-gap:0px;font-family:"Noto Sans", Sans-serif;}.elementor-4493 .elementor-element.elementor-element-a4164e4 p{margin-block-end:8px;}.elementor-4493 .elementor-element.elementor-element-0952ecc.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-4493 .elementor-element.elementor-element-0952ecc{text-align:end;font-family:"Noto Sans Batak", Sans-serif;font-size:30px;}.elementor-4493 .elementor-element.elementor-element-0952ecc p{margin-block-end:0px;}.elementor-4493 .elementor-element.elementor-element-8652424{--display:flex;}.elementor-4493 .elementor-element.elementor-element-a68e8c5 img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-b255c9e{--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;}.elementor-4493 .elementor-element.elementor-element-a788a73{--display:flex;}.elementor-4493 .elementor-element.elementor-element-dd355dc .elementor-heading-title{font-size:40px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-4493 .elementor-element.elementor-element-1c5c336{column-gap:0px;font-family:"Noto Sans", Sans-serif;}.elementor-4493 .elementor-element.elementor-element-1c5c336 p{margin-block-end:8px;}.elementor-4493 .elementor-element.elementor-element-78f4924.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-4493 .elementor-element.elementor-element-78f4924{text-align:end;font-family:"Noto Sans Batak", Sans-serif;font-size:30px;}.elementor-4493 .elementor-element.elementor-element-78f4924 p{margin-block-end:0px;}.elementor-4493 .elementor-element.elementor-element-5963feb{--display:flex;}.elementor-4493 .elementor-element.elementor-element-1178afc img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-0cd16c3{--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;}.elementor-4493 .elementor-element.elementor-element-ce691f3{--display:flex;}.elementor-4493 .elementor-element.elementor-element-299ae13 .elementor-heading-title{font-size:40px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-4493 .elementor-element.elementor-element-8be31d4{column-gap:0px;font-family:"Noto Sans", Sans-serif;}.elementor-4493 .elementor-element.elementor-element-8be31d4 p{margin-block-end:8px;}.elementor-4493 .elementor-element.elementor-element-8e434b3.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-4493 .elementor-element.elementor-element-8e434b3{text-align:end;font-family:"Noto Sans Batak", Sans-serif;font-size:30px;}.elementor-4493 .elementor-element.elementor-element-8e434b3 p{margin-block-end:0px;}.elementor-4493 .elementor-element.elementor-element-62da474{--display:flex;}.elementor-4493 .elementor-element.elementor-element-8199f32 img{border-radius:50px 50px 50px 50px;}.elementor-4493 .elementor-element.elementor-element-5859232{--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;}.elementor-4493 .elementor-element.elementor-element-e8e0e49{--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;}.elementor-4493 .elementor-element.elementor-element-73645ea{--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;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-4493 .elementor-element.elementor-element-83f7d7a{margin:30px 30px calc(var(--kit-widget-spacing, 0px) + 30px) 30px;}}@media(min-width:768px){.elementor-4493 .elementor-element.elementor-element-2031e6e{--width:50%;}.elementor-4493 .elementor-element.elementor-element-434bde0{--width:50%;}.elementor-4493 .elementor-element.elementor-element-ecdb203{--width:33.3333%;}.elementor-4493 .elementor-element.elementor-element-39833ff{--width:33.3333%;}.elementor-4493 .elementor-element.elementor-element-95f012d{--width:33.3333%;}.elementor-4493 .elementor-element.elementor-element-471c31c{--width:33.3333%;}.elementor-4493 .elementor-element.elementor-element-ba84071{--width:33.3333%;}.elementor-4493 .elementor-element.elementor-element-0191023{--width:33.3333%;}.elementor-4493 .elementor-element.elementor-element-7b3ebe6{--width:33.3333%;}.elementor-4493 .elementor-element.elementor-element-3b09633{--width:33.3333%;}.elementor-4493 .elementor-element.elementor-element-92d58ec{--width:33.3333%;}.elementor-4493 .elementor-element.elementor-element-d526545{--width:33.3333%;}.elementor-4493 .elementor-element.elementor-element-b255c9e{--width:33.3333%;}.elementor-4493 .elementor-element.elementor-element-0cd16c3{--width:33.3333%;}.elementor-4493 .elementor-element.elementor-element-5859232{--width:33.3333%;}.elementor-4493 .elementor-element.elementor-element-e8e0e49{--width:33.3333%;}.elementor-4493 .elementor-element.elementor-element-73645ea{--width:33.3333%;}}/* Start custom CSS for container, class: .elementor-element-434bde0 *//* WRAPPER */
.elementor-4493 .elementor-element.elementor-element-434bde0 .elementor-widget-wrap{
   width: 200px;
   height: 200px;
   transform-style: preserve-3d;

   /* Duration Control */
   animation: animate 20s linear infinite;
}

/* IMAGE ITEMS */
.elementor-4493 .elementor-element.elementor-element-434bde0 .elementor-widget-image{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transform-origin: center;
   transform-style: preserve-3d;
   -webkit-box-reflect: below 0px linear-gradient(transparent, transparent, #0004);
   margin: 0 !important;
}

.elementor-4493 .elementor-element.elementor-element-434bde0 .elementor-widget-image img{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* ANIMATION */
@keyframes animate{
   0%{
      transform: perspective(1000px) rotateY(0deg);
   }
   100%{
      transform: perspective(1000px) rotateY(360deg);
   }
}

/* MOBILE */
@media (max-width: 767px){
   .myGalleryParent{
      transform: scale(0.7);
   }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79d0bed *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* REMOVE / DISABLE the backing rotated layer completely */
.dest-card::before{
  display:none !important;
}

/* Hover overlay panel (red) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;

  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-29127da */.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;
}

.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  @media (max-width: 640px){
  .dest-title .elementor-heading-title{
    font-size:16px;
  }
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9034a5 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:30px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:#6f8f7a;
  transform: rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.12);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background-color: #a20000!IMPORTANT;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9579e5 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:18px;
  background:Frgba(8, 20, 45, 0.85)rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.25);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0d16a42 */.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;
}

.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  @media (max-width: 640px){
  .dest-title .elementor-heading-title{
    font-size:16px;
  }
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08b13a2 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:#0b4a66;
  transform: rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.12);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#6F8F7A !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39833ff *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* REMOVE / DISABLE the backing rotated layer completely */
.dest-card::before{
  display:none !important;
}

/* Hover overlay panel (red) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;

  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b336451 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:18px;
  background:Frgba(8, 20, 45, 0.85)rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.25);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b500a4f */.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;
}

.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  @media (max-width: 640px){
  .dest-title .elementor-heading-title{
    font-size:16px;
  }
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d971b29 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:#0b4a66;
  transform: rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.12);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#6F8F7A !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95f012d *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* REMOVE / DISABLE the backing rotated layer completely */
.dest-card::before{
  display:none !important;
}

/* Hover overlay panel (red) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;

  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a56d701 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:18px;
  background:Frgba(8, 20, 45, 0.85)rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.25);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8a67bb9 */.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;
}

.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  @media (max-width: 640px){
  .dest-title .elementor-heading-title{
    font-size:16px;
  }
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94b8af6 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:#0b4a66;
  transform: rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.12);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#6F8F7A !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-471c31c *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* REMOVE / DISABLE the backing rotated layer completely */
.dest-card::before{
  display:none !important;
}

/* Hover overlay panel (red) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;

  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9223d3 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:18px;
  background:Frgba(8, 20, 45, 0.85)rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.25);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0b225bf */.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;
}

.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  @media (max-width: 640px){
  .dest-title .elementor-heading-title{
    font-size:16px;
  }
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb25fe3 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:#0b4a66;
  transform: rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.12);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#6F8F7A !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba84071 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* REMOVE / DISABLE the backing rotated layer completely */
.dest-card::before{
  display:none !important;
}

/* Hover overlay panel (red) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;

  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-739d42a *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:18px;
  background:Frgba(8, 20, 45, 0.85)rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.25);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d64ca46 */.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;
}

.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  @media (max-width: 640px){
  .dest-title .elementor-heading-title{
    font-size:16px;
  }
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ed6b1f *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:#0b4a66;
  transform: rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.12);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#6F8F7A !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0191023 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* REMOVE / DISABLE the backing rotated layer completely */
.dest-card::before{
  display:none !important;
}

/* Hover overlay panel (red) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;

  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6d5d3e *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:18px;
  background:Frgba(8, 20, 45, 0.85)rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.25);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2ab8074 */.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;
}

.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  @media (max-width: 640px){
  .dest-title .elementor-heading-title{
    font-size:16px;
  }
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea11cbb *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:#0b4a66;
  transform: rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.12);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#6F8F7A !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b3ebe6 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* REMOVE / DISABLE the backing rotated layer completely */
.dest-card::before{
  display:none !important;
}

/* Hover overlay panel (red) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;

  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d3bca3 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:18px;
  background:Frgba(8, 20, 45, 0.85)rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.25);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df6d6f7 */.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;
}

.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  @media (max-width: 640px){
  .dest-title .elementor-heading-title{
    font-size:16px;
  }
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81fe507 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:#0b4a66;
  transform: rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.12);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#6F8F7A !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b09633 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* REMOVE / DISABLE the backing rotated layer completely */
.dest-card::before{
  display:none !important;
}

/* Hover overlay panel (red) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;

  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf7079f *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:18px;
  background:Frgba(8, 20, 45, 0.85)rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.25);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-48ea66c */.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;
}

.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  @media (max-width: 640px){
  .dest-title .elementor-heading-title{
    font-size:16px;
  }
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5595d36 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:#0b4a66;
  transform: rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.12);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#6F8F7A !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92d58ec *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* REMOVE / DISABLE the backing rotated layer completely */
.dest-card::before{
  display:none !important;
}

/* Hover overlay panel (red) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;

  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f778b11 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:18px;
  background:Frgba(8, 20, 45, 0.85)rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.25);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-82e7a54 */.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;
}

.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  @media (max-width: 640px){
  .dest-title .elementor-heading-title{
    font-size:16px;
  }
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8652424 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:#0b4a66;
  transform: rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.12);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#6F8F7A !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d526545 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* REMOVE / DISABLE the backing rotated layer completely */
.dest-card::before{
  display:none !important;
}

/* Hover overlay panel (red) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;

  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a788a73 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:18px;
  background:Frgba(8, 20, 45, 0.85)rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.25);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce34544 */.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;
}

.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  @media (max-width: 640px){
  .dest-title .elementor-heading-title{
    font-size:16px;
  }
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5963feb *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:#0b4a66;
  transform: rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.12);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#6F8F7A !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b255c9e *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* REMOVE / DISABLE the backing rotated layer completely */
.dest-card::before{
  display:none !important;
}

/* Hover overlay panel (red) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;

  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce691f3 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:18px;
  background:Frgba(8, 20, 45, 0.85)rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.25);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c5d25a */.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;
}

.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  @media (max-width: 640px){
  .dest-title .elementor-heading-title{
    font-size:16px;
  }
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62da474 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}
.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* Backing rotated layer */
.dest-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:#0b4a66;
  transform: rotate(-6deg) translate(-6px, 6px);
  z-index:-1;
  box-shadow:0 16px 30px rgba(0,0,0,.12);
  opacity:0;
  transition:opacity .25s ease;
}

/* Hover overlay panel (jade) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#6F8F7A !important;
  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover::before{
  opacity:1;
}
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd16c3 *//* Card base */
.dest-card{
  position:relative;
  border-radius:18px;
  overflow:visible; /* IMPORTANT so rotated overlay can go outside */
}

/* Image wrapper (only clips the image + title, not the overlay) */
.dest-image-wrapper{
  position:relative;
  border-radius:18px;
  overflow:hidden;  /* OK because overlay is NOT inside this wrapper */
}

/* Image */
.dest-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

/* Bottom title */
.dest-title{
  position:absolute;
  bottom:16px;
  left:16px;
  z-index:3;

  background:rgba(0,0,0,0.55);
  padding:8px 14px;
  border-radius:8px;
  backdrop-filter: blur(4px);
}

.dest-title .elementor-heading-title{
  color:#fff !important;
  margin:0 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}

/* REMOVE / DISABLE the backing rotated layer completely */
.dest-card::before{
  display:none !important;
}

/* Hover overlay panel (red) */
.dest-overlay{
  position:absolute;
  inset:14px;       /* top/right/bottom/left */
  z-index:5;        /* above image + title */
  border-radius:14px;
  background:#a20000 !important;

  padding:22px 20px;
  box-shadow:0 18px 34px rgba(0,0,0,.18);

  opacity:0;
  transform: rotate(0deg) translateY(10px) scale(.98);
  transform-origin:left center;
  transition:
    opacity .22s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);

  pointer-events:none;
}

/* Overlay text */
.dest-overlay .elementor-heading-title,
.dest-overlay,
.dest-overlay p{
  color:#fff !important;
}

/* Hover triggers */
.dest-card:hover .dest-overlay{
  opacity:1;
  transform: rotate(-10deg) translate(-10px, 0) scale(1);
}/* End custom CSS */