.elementor-486 .elementor-element.elementor-element-5d991c4{--display:flex;--min-height:450px;--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;--overlay-opacity:0.5;}.elementor-486 .elementor-element.elementor-element-5d991c4:not(.elementor-motion-effects-element-type-background), .elementor-486 .elementor-element.elementor-element-5d991c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://skynightshotel.com/wp-content/uploads/2025/10/explore-map-scaled.jpg");background-repeat:no-repeat;background-size:100% auto;}.elementor-486 .elementor-element.elementor-element-5d991c4::before, .elementor-486 .elementor-element.elementor-element-5d991c4 > .elementor-background-video-container::before, .elementor-486 .elementor-element.elementor-element-5d991c4 > .e-con-inner > .elementor-background-video-container::before, .elementor-486 .elementor-element.elementor-element-5d991c4 > .elementor-background-slideshow::before, .elementor-486 .elementor-element.elementor-element-5d991c4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-486 .elementor-element.elementor-element-5d991c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-486 .elementor-element.elementor-element-66246b4{--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;--overlay-opacity:0.5;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-486 .elementor-element.elementor-element-66246b4::before, .elementor-486 .elementor-element.elementor-element-66246b4 > .elementor-background-video-container::before, .elementor-486 .elementor-element.elementor-element-66246b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-486 .elementor-element.elementor-element-66246b4 > .elementor-background-slideshow::before, .elementor-486 .elementor-element.elementor-element-66246b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-486 .elementor-element.elementor-element-66246b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-486 .elementor-element.elementor-element-e175ad5{--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-486 .elementor-element.elementor-element-41e9671{--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;}.elementor-486 .elementor-element.elementor-element-90f1b1f{--display:flex;}.elementor-486 .elementor-element.elementor-element-5bd6f32 img{border-radius:200px 200px 200px 200px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-486 .elementor-element.elementor-element-ae7986d{text-align:center;}.elementor-486 .elementor-element.elementor-element-d3369d0{--display:flex;}.elementor-486 .elementor-element.elementor-element-b194004 img{border-radius:200px 200px 200px 200px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-486 .elementor-element.elementor-element-7a2d3ba{text-align:center;}.elementor-486 .elementor-element.elementor-element-9be567b{--display:flex;}.elementor-486 .elementor-element.elementor-element-8a2aaeb img{border-radius:200px 200px 200px 200px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-486 .elementor-element.elementor-element-354332b{text-align:center;}.elementor-486 .elementor-element.elementor-element-686c4d0{--display:flex;}.elementor-486 .elementor-element.elementor-element-e2b9a51 img{border-radius:200px 200px 200px 200px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-486 .elementor-element.elementor-element-a115a8f{text-align:center;}.elementor-486 .elementor-element.elementor-element-a909b00{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:100px;--padding-bottom:86px;--padding-left:0px;--padding-right:0px;}.elementor-486 .elementor-element.elementor-element-c3959c3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}@media(max-width:1024px){.elementor-486 .elementor-element.elementor-element-a909b00{--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-486 .elementor-element.elementor-element-5d991c4{--min-height:0px;}.elementor-486 .elementor-element.elementor-element-5d991c4:not(.elementor-motion-effects-element-type-background), .elementor-486 .elementor-element.elementor-element-5d991c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}}@media(min-width:1025px){.elementor-486 .elementor-element.elementor-element-5d991c4:not(.elementor-motion-effects-element-type-background), .elementor-486 .elementor-element.elementor-element-5d991c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-55a9421 */.water-surface {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(135, 206, 235, 0.25) 0%, transparent 70%);
    overflow: hidden;
  }

  .ripple-wrapper {
    position: absolute;
    top: 150px;
    left: 270px;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .droplet {
    position: absolute;
    width: 14px;
    height: 14px;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.9), rgba(32, 136, 187, 0.6));
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    animation: fall 1.5s ease-in infinite;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
    z-index: 2;
  }

  .ripple {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 2px solid rgba(32, 136, 187, 0.5); /* Softer ripple */
    border-radius: 50%;
    animation: ripple 3s ease-out infinite;
    opacity: 0;
    z-index: 1;
  }

  .ripple:nth-child(2) { animation-delay: 1s; }
  .ripple:nth-child(3) { animation-delay: 2s; }

  @keyframes fall {
    0% {
      transform: translateY(-100px) rotate(-45deg) scale(1);
      opacity: 0;
    }
    70% {
      opacity: 1;
    }
    100% {
      transform: translateY(0) rotate(-45deg) scale(0.5);
      opacity: 0;
    }
  }

  @keyframes ripple {
    0% {
      transform: scale(0);
      opacity: 0;
    }
    5% {
      opacity: 0.6;
      border-width: 2px;
    }
    50% {
      opacity: 0.3;
      border-width: 2px;
    }
    100% {
      transform: scale(3.2);
      opacity: 0;
      border-width: 1px;
    }
  }

  .light-ray {
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(to bottom, 
      rgba(32, 136, 187, 0.12) 0%,
      rgba(32, 136, 187, 0.07) 50%,
      transparent 100%);
    animation: sway 4s ease-in-out infinite;
  }

  .light-ray:nth-child(1) { left: 20%; animation-delay: 0s; }
  .light-ray:nth-child(2) { left: 50%; animation-delay: 1s; }
  .light-ray:nth-child(3) { left: 80%; animation-delay: 2s; }

  @keyframes sway {
    0%, 100% { transform: translateX(0) rotate(0deg); opacity: 0.25; }
    50% { transform: translateX(8px) rotate(2deg); opacity: 0.5; }
  }/* End custom CSS */