.elementor-1285 .elementor-element.elementor-element-1748588{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--z-index:1;}.elementor-1285 .elementor-element.elementor-element-1748588:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-1748588 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2e65738 );}.elementor-1285 .elementor-element.elementor-element-f434736.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1285 .elementor-element.elementor-element-1e47438{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1285 .elementor-element.elementor-element-1e47438:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-1e47438 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#97B9B8;}.elementor-1285 .elementor-element.elementor-element-1e47438.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1285 .elementor-element.elementor-element-a5f5b9c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1285 .elementor-element.elementor-element-dd4a599{--spacer-size:50px;}.elementor-1285 .elementor-element.elementor-element-d56d154{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1285 .elementor-element.elementor-element-d56d154:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-d56d154 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8884ba0 );}.elementor-1285 .elementor-element.elementor-element-aca92ab{--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-1285 .elementor-element.elementor-element-c425cca{--spacer-size:50px;}.elementor-1285 .elementor-element.elementor-element-265d5c8{--display:flex;}.elementor-1285 .elementor-element.elementor-element-2788b00 .eael-wpforms label.wpforms-error{display:block !important;}.elementor-1285 .elementor-element.elementor-element-2788b00 .eael-contact-form{background:var( --e-global-color-a7b85f4 );padding:50px 50px 50px 50px;border-radius:25px 25px 25px 25px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-ce0a721 );box-shadow:0px 0px 21px 0px rgba(0,0,0,0.5);}.elementor-1285 .elementor-element.elementor-element-2788b00 .eael-wpforms .wpforms-field label, .elementor-1285 .elementor-element.elementor-element-2788b00 .eael-wpforms .wpforms-field legend{color:var( --e-global-color-8884ba0 );font-family:"Helvetica", Sans-serif;}.elementor-1285 .elementor-element.elementor-element-2788b00 .eael-wpforms .wpforms-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-1285 .elementor-element.elementor-element-2788b00 .eael-wpforms .wpforms-field select{height:30px;}.elementor-1285 .elementor-element.elementor-element-2788b00 .eael-wpforms .wpforms-submit-container .wpforms-submit{background-color:var( --e-global-color-2e65738 );}.elementor-1285 .elementor-element.elementor-element-2788b00 .eael-wpforms .wpforms-submit-container .wpforms-submit:hover, 
                    .elementor-1285 .elementor-element.elementor-element-2788b00 .eael-wpforms .wpforms-container-full .wpforms-submit-container .wpforms-form button[type=submit]:hover{background:var( --e-global-color-7ad3ef6 );}.elementor-1285 .elementor-element.elementor-element-2788b00 .eael-wpforms input.wpforms-error{border-width:1px;}.elementor-1285 .elementor-element.elementor-element-2788b00 .eael-wpforms textarea.wpforms-error{border-width:1px;}.elementor-1285 .elementor-element.elementor-element-b630926{--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-1285 .elementor-element.elementor-element-bdf6fd6{--spacer-size:50px;}.elementor-1285 .elementor-element.elementor-element-9c62a52{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1285 .elementor-element.elementor-element-9c62a52:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-9c62a52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2e65738 );}.elementor-1285 .elementor-element.elementor-element-5f3e0b8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1285 .elementor-element.elementor-element-55e4b28{--spacer-size:100px;}.elementor-1285 .elementor-element.elementor-element-aa1af0b{--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-1285 .elementor-element.elementor-element-48e04e9.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-1285 .elementor-element.elementor-element-48e04e9.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:24px 24px 24px 24px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}.elementor-1285 .elementor-element.elementor-element-48e04e9 img{border-radius:15px 15px 15px 15px;}.elementor-1285 .elementor-element.elementor-element-91257af{--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;--justify-content:center;}.elementor-1285 .elementor-element.elementor-element-9908cb0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1285 .elementor-element.elementor-element-5d1d847{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1285 .elementor-element.elementor-element-d9f92f0{--spacer-size:50px;}.elementor-1285 .elementor-element.elementor-element-5638633{--spacer-size:100px;}.elementor-1285 .elementor-element.elementor-element-f91e268{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1285 .elementor-element.elementor-element-f91e268:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-f91e268 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8884ba0 );}.elementor-1285 .elementor-element.elementor-element-5f5f511{--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-1285 .elementor-element.elementor-element-df06de3{--spacer-size:100px;}.elementor-1285 .elementor-element.elementor-element-ec2e42d{--display:flex;}.elementor-1285 .elementor-element.elementor-element-a6b6860 .wpte-elementor-widget.wpte-trips-slider_three .wpte-card{--g-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--img-fit:cover;--t-fc:var( --e-global-color-8884ba0 );--t-fc-h:var( --e-global-color-2e65738 );--l-ic:var( --e-global-color-8884ba0 );--l-is:16px;--l-fc:var( --e-global-color-8884ba0 );--l-decoration:default;--m-fc:var( --e-global-color-8884ba0 );--m-ic:var( --e-global-color-8884ba0 );--f-fc:var( --e-global-color-8884ba0 );--b-fc:var( --e-global-color-8884ba0 );}.elementor-1285 .elementor-element.elementor-element-a6b6860 .wpte-elementor-widget.wpte-trips-slider_three .wpte-card__media .wpte-card__image{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1285 .elementor-element.elementor-element-a6b6860 .wpte-elementor-widget.wpte-trips-slider_three .wpte-card img{transition-timing-function:ease-in-out;transition-duration:0.3s;}.elementor-1285 .elementor-element.elementor-element-a6b6860 .wpte-elementor-widget.wpte-trips-slider_three .wpte-card__title{font-family:"Helvetica", Sans-serif;}.elementor-1285 .elementor-element.elementor-element-a6b6860 .wpte-elementor-widget.wpte-trips-slider_three .wpte-card .wpte-card__location{font-family:"Helvetica", Sans-serif;}.elementor-1285 .elementor-element.elementor-element-a6b6860 .wpte-elementor-widget.wpte-trips-slider_three .wpte-card .wpte-card__meta{font-family:"Helvetica", Sans-serif;}.elementor-1285 .elementor-element.elementor-element-a6b6860 .wpte-elementor-widget.wpte-trips-slider_three .wpte-card .wpte-badge_featured .wpte-badge__text{font-family:"Helvetica", Sans-serif;}.elementor-1285 .elementor-element.elementor-element-a6b6860 .wpte-elementor-widget.wpte-trips-slider_three{--slider-arrow-bg-n:var( --e-global-color-8884ba0 );--slider-arrow-color-n:var( --e-global-color-a7b85f4 );--slider-pagination-color:var( --e-global-color-2e65738 );--slider-pagination-active-color:var( --e-global-color-a7b85f4 );}.elementor-1285 .elementor-element.elementor-element-00c076e{--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-1285 .elementor-element.elementor-element-9ef6418{--spacer-size:50px;}.elementor-1285 .elementor-element.elementor-element-84a9ad0{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1285 .elementor-element.elementor-element-84a9ad0:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-84a9ad0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ce0a721 );}.elementor-1285 .elementor-element.elementor-element-c568486{--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-1285 .elementor-element.elementor-element-c396731{--spacer-size:100px;}.elementor-1285 .elementor-element.elementor-element-c809335{--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-1285 .elementor-element.elementor-element-5823c1e{--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-1285 .elementor-element.elementor-element-635b6d1 .elementor-accordion-item{border-width:2px;border-color:var( --e-global-color-8884ba0 );}.elementor-1285 .elementor-element.elementor-element-635b6d1 .elementor-accordion-item .elementor-tab-content{border-width:2px;border-block-start-color:var( --e-global-color-8884ba0 );}.elementor-1285 .elementor-element.elementor-element-635b6d1 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:2px;border-block-end-color:var( --e-global-color-8884ba0 );}.elementor-1285 .elementor-element.elementor-element-635b6d1 .elementor-tab-title{background-color:var( --e-global-color-2e65738 );}.elementor-1285 .elementor-element.elementor-element-635b6d1 .elementor-accordion-icon, .elementor-1285 .elementor-element.elementor-element-635b6d1 .elementor-accordion-title{color:var( --e-global-color-a7b85f4 );}.elementor-1285 .elementor-element.elementor-element-635b6d1 .elementor-accordion-icon svg{fill:var( --e-global-color-a7b85f4 );}.elementor-1285 .elementor-element.elementor-element-635b6d1 .elementor-active .elementor-accordion-icon, .elementor-1285 .elementor-element.elementor-element-635b6d1 .elementor-active .elementor-accordion-title{color:var( --e-global-color-8884ba0 );}.elementor-1285 .elementor-element.elementor-element-635b6d1 .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-8884ba0 );}.elementor-1285 .elementor-element.elementor-element-635b6d1 .elementor-accordion-title{font-family:"Helvetica", Sans-serif;font-size:18px;}.elementor-1285 .elementor-element.elementor-element-635b6d1 .elementor-tab-content{background-color:var( --e-global-color-8884ba0 );color:var( --e-global-color-a7b85f4 );font-family:"Helvetica", Sans-serif;}.elementor-1285 .elementor-element.elementor-element-1054795{--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-1285 .elementor-element.elementor-element-2309a91{--spacer-size:100px;}.elementor-1285 .elementor-element.elementor-element-ae5047f{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1285 .elementor-element.elementor-element-ae5047f:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-ae5047f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a7b85f4 );}.elementor-1285 .elementor-element.elementor-element-ae5047f.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1285 .elementor-element.elementor-element-127c908.elementor-element{--flex-grow:1;--flex-shrink:0;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button{bottom:15px;right:15px;width:50px;height:50px;z-index:9999;opacity:0.7;background-color:var( --e-global-color-ce0a721 );border-radius:5px;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button i{font-size:16px;color:var( --e-global-color-a7b85f4 );}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button svg{width:16px;height:16px;fill:var( --e-global-color-a7b85f4 );}@media(max-width:1024px){.elementor-1285 .elementor-element.elementor-element-a5f5b9c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-1285 .elementor-element.elementor-element-1748588{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1285 .elementor-element.elementor-element-1e47438{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1285 .elementor-element.elementor-element-a5f5b9c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1285 .elementor-element.elementor-element-c425cca{--spacer-size:50px;}.elementor-1285 .elementor-element.elementor-element-2788b00 .eael-contact-form{padding:10px 10px 10px 10px;}.elementor-1285 .elementor-element.elementor-element-55e4b28{--spacer-size:100px;}.elementor-1285 .elementor-element.elementor-element-aa1af0b{--width:100%;}.elementor-1285 .elementor-element.elementor-element-91257af{--width:100%;}.elementor-1285 .elementor-element.elementor-element-9908cb0{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1285 .elementor-element.elementor-element-d9f92f0{--spacer-size:0px;}.elementor-1285 .elementor-element.elementor-element-5638633{--spacer-size:50px;}.elementor-1285 .elementor-element.elementor-element-df06de3{--spacer-size:50px;}.elementor-1285 .elementor-element.elementor-element-00c076e{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1285 .elementor-element.elementor-element-c396731{--spacer-size:50px;}.elementor-1285 .elementor-element.elementor-element-2309a91{--spacer-size:50px;}}@media(min-width:768px){.elementor-1285 .elementor-element.elementor-element-1e47438{--width:100%;}.elementor-1285 .elementor-element.elementor-element-aca92ab{--width:100%;}.elementor-1285 .elementor-element.elementor-element-265d5c8{--width:70%;}.elementor-1285 .elementor-element.elementor-element-b630926{--width:100%;}.elementor-1285 .elementor-element.elementor-element-5f3e0b8{--width:100%;}.elementor-1285 .elementor-element.elementor-element-aa1af0b{--width:40%;}.elementor-1285 .elementor-element.elementor-element-91257af{--width:60%;}.elementor-1285 .elementor-element.elementor-element-9908cb0{--width:100%;}.elementor-1285 .elementor-element.elementor-element-5d1d847{--width:100%;}.elementor-1285 .elementor-element.elementor-element-5f5f511{--width:100%;}.elementor-1285 .elementor-element.elementor-element-ec2e42d{--width:60%;}.elementor-1285 .elementor-element.elementor-element-00c076e{--width:100%;}.elementor-1285 .elementor-element.elementor-element-c568486{--width:100%;}.elementor-1285 .elementor-element.elementor-element-c809335{--width:50%;}.elementor-1285 .elementor-element.elementor-element-5823c1e{--width:100%;}.elementor-1285 .elementor-element.elementor-element-1054795{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-1e47438 */.Btn-explore {
  position: relative;
  width: 230px;
  height: 55px;
  border-radius: 45px;
  border: none;
  font-family: "Helvetica", Sans-Serif;
  font-size: 22px;
  background-color: rgba(21, 74, 79, 1)!important;
  color: white;
  box-shadow: 0px 10px 10px rgba(255, 252, 247, 1) inset,
  0px 5px 10px rgba(5, 5, 5, 0.212),
  0px -10px 10px rgba(21, 74, 79, 1) inset!important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Btn-explore::before {
  width: 70%;
  height: 2px;
  position: absolute;
  background-color: rgba(250, 250, 250, 0.678)!important;
  content: "";
  filter: blur(1px);
  top: 7px;
  border-radius: 50%;
}

.Btn-explore::after {
  width: 70%;
  height: 2px;
  position: absolute;
  background-color: rgba(250, 250, 250, 0.137)!important;
  content: "";
  filter: blur(1px);
  bottom: 7px;
  border-radius: 50%;
}

.Btn-explore:hover {
    color:white;
  animation: explore-horizontal 0.9s both;
}

@keyframes explore-horizontal {
  0% {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

/* ---------- Responsive button ---------- */

/* Tablet (≤ 768px) */
@media (max-width: 768px) {
  .Btn-explore {
    width: 220px;
    font-size: 16px; /* adjust as needed */
  }
  .Btn-explore::before {
    top: 5px;          /* was 7px */
  }
  .Btn-explore::after {
    bottom: 5px;       /* was 7px */
  }
}

/* Phone (≤ 480px) */
@media (max-width: 480px) {
  .Btn-explore {
    width: 200px;
    height: 50px;
    font-size: 16px;
  }
  .Btn-explore::before {
    top: 4px;
  }
  .Btn-explore::after {
    bottom: 4px;
  }
}

/* Very small phones (≤ 360px) */
@media (max-width: 360px) {
  .Btn-explore {
    width: 200px;  
    height: 55px;
    font-size: 16px;
  }
  .Btn-explore::before {
    top: 3px;
  }
  .Btn-explore::after {
    bottom: 3px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aca92ab */.loader-stage {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: auto;
  width: 100%;
  overflow: hidden;
  user-select: none;
}

.sleep-container {
  --lavender: #64B2AD;
  --mint: #E4AD6E;
  --depth-l: #97B9B8;
  --depth-m: #97B9B8;
  --glow: rgba(162, 155, 254, 0.3);
  --fs: clamp(2.8rem, 8vw, 4.5rem);
  --breath-speed: 3s;

  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.sleep-group {
  display: flex;
  gap: 0.05em;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", system-ui,
    sans-serif;
  font-size: var(--fs);
  font-weight: 900;
  perspective: 1200px;
}

.sleep-letter {
  display: inline-block;
  position: relative;
  color: var(--lavender)!important;
  transform-origin: center bottom;
  filter: drop-shadow(0 0.1em 0.5em var(--glow));
  animation:
    breathing var(--breath-speed) infinite ease-in-out,
    nodding calc(var(--breath-speed) * 2) infinite ease-in-out;

  text-shadow:
    0 0.01em 0 var(--depth-l),
    0 0.02em 0 var(--depth-l),
    0 0.03em 0 var(--depth-l),
    0 0.04em 0 var(--depth-l),
    0 0.05em 0 var(--depth-l),
    0 0.1em 0.2em rgba(0, 0, 0, 0.4)!important;
}

.sleep-letter::after {
  content: "z";
  position: absolute;
  top: -20%;
  right: -10%;
  font-size: 0.3em;
  color: white!important;
  opacity: 0;
  font-weight: 400;
  animation: floating-z 4s infinite;
}

.sleep-letter:nth-child(even) {
  color: var(--mint)!important;
  text-shadow:
    0 0.01em 0 var(--depth-m),
    0 0.02em 0 var(--depth-m),
    0 0.03em 0 var(--depth-m),
    0 0.04em 0 var(--depth-m),
    0 0.05em 0 var(--depth-m),
    0 0.1em 0.2em rgba(0, 0, 0, 0.4)!important;
}

.sleep-letter:nth-child(even)::after {
  content: "Z";
  animation-delay: 1.5s;
}

.sleep-letter:nth-child(1) {
  animation-delay: 0s;
}
.sleep-letter:nth-child(2) {
  animation-delay: 0.3s;
}
.sleep-letter:nth-child(3) {
  animation-delay: 0.6s;
}
.sleep-letter:nth-child(4) {
  animation-delay: 0.9s;
}
.sleep-letter:nth-child(5) {
  animation-delay: 1.2s;
}
.sleep-letter:nth-child(6) {
  animation-delay: 1.5s;
}
.sleep-letter:nth-child(7) {
  animation-delay: 1.8s;
}

.sleep-shadow {
  width: 13em;
  height: 0.6em;
  background: radial-gradient(
    ellipse at center,
    rgba(162, 155, 254, 0.2) 0%,
    transparent 70%
  )!important;
  border-radius: 50%;
  margin-top: 0.8em;
  animation: shadow-breath var(--breath-speed) infinite ease-in-out;
}

@keyframes breathing {
  0%,
  100% {
    transform: scale(1) translateY(0);
    filter: brightness(1);
  }
  50% {
    transform: scale(1.08, 0.95) translateY(0.1em);
    filter: brightness(1.2);
  }
}

@keyframes nodding {
  0%,
  100% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
}

@keyframes floating-z {
  0% {
    opacity: 0;
    transform: translate(0, 0) scale(0.5) rotate(0deg);
  }
  20% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: translate(1em, -3em) scale(1.5) rotate(20deg);
  }
}

@keyframes shadow-breath {
  0%,
  100% {
    transform: scaleX(1);
    opacity: 0.3;
  }
  50% {
    transform: scaleX(1.3);
    opacity: 0.6;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sleep-letter,
  .sleep-shadow,
  .sleep-letter::after {
    animation: none !important;
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa1af0b */.card {
  width: 100%;
  height: 100%;
  padding: 15px;
  border: 2px solid #E4AD6E;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(255, 255, 255, 0.2);
  color: white;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
  transform-origin: center center;
  filter: brightness(1.4) contrast(1.05); /* brighten by 20% and add slight contrast */
}

.card p {
  font-size: 14px;
  color: white;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  margin: 0.5em 0;
  transition: opacity 0.2s ease;
}

/* When an item is hovered, scale its card and hide text */
.slider .list .item:hover .card {
  transform: scale(1.5);
}

.slider .list .item:hover .card p {
  opacity: 0;
}

/* Bring the whole item to the front when hovered */
.slider .list .item:hover {
  z-index: 20;
}

/* Hide all items when the slider is hovered, except the one being hovered */
.slider:hover .item {
  opacity: 0;                        /* make all other cards invisible */
  transition: opacity 0.2s ease;
}

.slider .item:hover {
  opacity: 1;                        /* keep the hovered card visible */
}

/* Allow the slider to show overflow and remove the mask on hover */
.slider:hover {
  overflow: visible;
  mask-image: none;                  /* disable the fading edges */
}

.slider {
  width: 100%;
  height: var(--height);
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, #fff 10% 90%, transparent);
  transition: mask-image 0s, overflow 0s;
}

.slider .list {
  display: flex;
  width: 100%;
  min-width: calc(var(--width) * var(--quantity));
  position: relative;
}

.slider .list .item {
  width: var(--width);
  height: var(--height);
  position: absolute;
  left: 100%;
  animation: autoRun 25s linear infinite;
  transition: filter 0.5s, opacity 0.2s ease;  /* added opacity transition */
  animation-delay: calc(
    (25s / var(--quantity)) * (var(--position) - 1) - 25s
  ) !important;
  z-index: 1;
}

@keyframes autoRun {
  from { left: 100%; }
  to { left: calc(var(--width) * -1); }
}

.slider:hover .item {
  animation-play-state: paused !important;
  filter: grayscale(1);               /* optional – will be hidden anyway */
}

.slider .item:hover {
  filter: grayscale(0);                /* keep colour on hovered card */
}

.slider[reverse="true"] .item {
  animation: reversePlay 25s linear infinite;
}

@keyframes reversePlay {
  from { left: calc(var(--width) * -1); }
  to { left: 100%; }
}

/* ---------- Responsive wrapper: scale the whole slider ---------- */
.slider-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: visible; /* allow hover effects to overflow */
}

.slider-wrapper .slider {
  /* Scale based on viewport width, with a minimum and maximum */
  transform: scale(var(--slider-scale, 1));
  transform-origin: center center;
  
  /* Make sure the slider's own width is 100% of its scaled size */
  width: 100%;
}

/* Desktop: full scale (1) */
:root {
  --slider-scale: 1;
}

/* Tablet (≤ 768px) – shrink to 0.7 */
@media (max-width: 768px) {
  :root {
    --slider-scale: 0.9;
  }
}

/* Phone (≤ 480px) – shrink to 0.5 */
@media (max-width: 480px) {
  :root {
    --slider-scale: 0.8;
  }
}

/* Very small phones (≤ 360px) – shrink to 0.4 */
@media (max-width: 360px) {
  :root {
    --slider-scale: 0.7;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9908cb0 */.card7 {
  width: fit-content;
  height: fit-content;
  background-color: #154A4F;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 25px;
  border-radius: 5px;
  gap: 20px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.055);
}

/* for all social containers*/
.socialContainer {
  width: 52px;
  height: 52px;
  border-radius: 5px;
  background-color: #E4AD6E;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition-duration: .3s;
}
/* facebook*/
.containerOne:hover {
  background-color: #0072b1;
  transition-duration: .3s;
}
/* instagram*/
.containerTwo:hover {
  background-color: #d62976;
  transition-duration: .3s;
}
/* Tiktok*/
.containerThree:hover {
  background-color: #1D1D1D;
  transition-duration: .3s;
}
/* Whatsapp*/
.containerFour:hover {
  background-color: #128C7E;
  transition-duration: .3s;
}

.socialContainer:active {
  transform: scale(0.9);
  transition-duration: .3s;
}

.socialSvg {
  width: 17px;
}

.socialSvg path {
  fill: rgb(255, 255, 255);
}

.socialContainer:hover .socialSvg {
  animation: slide-in-top 0.3s both;
}

@keyframes slide-in-top {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91257af */.card {
  width: 100%;
  height: 100%;
  padding: 15px;
  border: 2px solid #E4AD6E;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(255, 255, 255, 0.2);
  color: white;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
  transform-origin: center center;
  filter: brightness(1.4) contrast(1.05); /* brighten by 20% and add slight contrast */
}

.card p {
  font-size: 14px;
  color: white;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  margin: 0.5em 0;
  transition: opacity 0.2s ease;
}

/* When an item is hovered, scale its card and hide text */
.slider .list .item:hover .card {
  transform: scale(1.5);
}

.slider .list .item:hover .card p {
  opacity: 0;
}

/* Bring the whole item to the front when hovered */
.slider .list .item:hover {
  z-index: 20;
}

/* Hide all items when the slider is hovered, except the one being hovered */
.slider:hover .item {
  opacity: 0;                        /* make all other cards invisible */
  transition: opacity 0.2s ease;
}

.slider .item:hover {
  opacity: 1;                        /* keep the hovered card visible */
}

/* Allow the slider to show overflow and remove the mask on hover */
.slider:hover {
  overflow: visible;
  mask-image: none;                  /* disable the fading edges */
}

.slider {
  width: 100%;
  height: var(--height);
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, #fff 10% 90%, transparent);
  transition: mask-image 0s, overflow 0s;
}

.slider .list {
  display: flex;
  width: 100%;
  min-width: calc(var(--width) * var(--quantity));
  position: relative;
}

.slider .list .item {
  width: var(--width);
  height: var(--height);
  position: absolute;
  left: 100%;
  animation: autoRun 25s linear infinite;
  transition: filter 0.5s, opacity 0.2s ease;  /* added opacity transition */
  animation-delay: calc(
    (25s / var(--quantity)) * (var(--position) - 1) - 25s
  ) !important;
  z-index: 1;
}

@keyframes autoRun {
  from { left: 100%; }
  to { left: calc(var(--width) * -1); }
}

.slider:hover .item {
  animation-play-state: paused !important;
  filter: grayscale(1);               /* optional – will be hidden anyway */
}

.slider .item:hover {
  filter: grayscale(0);                /* keep colour on hovered card */
}

.slider[reverse="true"] .item {
  animation: reversePlay 25s linear infinite;
}

@keyframes reversePlay {
  from { left: calc(var(--width) * -1); }
  to { left: 100%; }
}

/* ---------- Responsive wrapper: scale the whole slider ---------- */
.slider-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: visible; /* allow hover effects to overflow */
}

.slider-wrapper .slider {
  /* Scale based on viewport width, with a minimum and maximum */
  transform: scale(var(--slider-scale, 1));
  transform-origin: center center;
  
  /* Make sure the slider's own width is 100% of its scaled size */
  width: 100%;
}

/* Desktop: full scale (1) */
:root {
  --slider-scale: 1;
}

/* Tablet (≤ 768px) – shrink to 0.7 */
@media (max-width: 768px) {
  :root {
    --slider-scale: 0.9;
  }
}

/* Phone (≤ 480px) – shrink to 0.5 */
@media (max-width: 480px) {
  :root {
    --slider-scale: 0.8;
  }
}

/* Very small phones (≤ 360px) – shrink to 0.4 */
@media (max-width: 360px) {
  :root {
    --slider-scale: 0.7;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f5f511 */.loader-stage {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: auto;
  width: 100%;
  overflow: hidden;
  user-select: none;
}

.sleep-container {
  --lavender: #64B2AD;
  --mint: #E4AD6E;
  --depth-l: #97B9B8;
  --depth-m: #97B9B8;
  --glow: rgba(162, 155, 254, 0.3);
  --fs: clamp(2.8rem, 8vw, 4.5rem);
  --breath-speed: 3s;

  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.sleep-group {
  display: flex;
  gap: 0.05em;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", system-ui,
    sans-serif;
  font-size: var(--fs);
  font-weight: 900;
  perspective: 1200px;
}

.sleep-letter {
  display: inline-block;
  position: relative;
  color: var(--lavender)!important;
  transform-origin: center bottom;
  filter: drop-shadow(0 0.1em 0.5em var(--glow));
  animation:
    breathing var(--breath-speed) infinite ease-in-out,
    nodding calc(var(--breath-speed) * 2) infinite ease-in-out;

  text-shadow:
    0 0.01em 0 var(--depth-l),
    0 0.02em 0 var(--depth-l),
    0 0.03em 0 var(--depth-l),
    0 0.04em 0 var(--depth-l),
    0 0.05em 0 var(--depth-l),
    0 0.1em 0.2em rgba(0, 0, 0, 0.4)!important;
}

.sleep-letter::after {
  content: "z";
  position: absolute;
  top: -20%;
  right: -10%;
  font-size: 0.3em;
  color: white!important;
  opacity: 0;
  font-weight: 400;
  animation: floating-z 4s infinite;
}

.sleep-letter:nth-child(even) {
  color: var(--mint)!important;
  text-shadow:
    0 0.01em 0 var(--depth-m),
    0 0.02em 0 var(--depth-m),
    0 0.03em 0 var(--depth-m),
    0 0.04em 0 var(--depth-m),
    0 0.05em 0 var(--depth-m),
    0 0.1em 0.2em rgba(0, 0, 0, 0.4)!important;
}

.sleep-letter:nth-child(even)::after {
  content: "Z";
  animation-delay: 1.5s;
}

.sleep-letter:nth-child(1) {
  animation-delay: 0s;
}
.sleep-letter:nth-child(2) {
  animation-delay: 0.3s;
}
.sleep-letter:nth-child(3) {
  animation-delay: 0.6s;
}
.sleep-letter:nth-child(4) {
  animation-delay: 0.9s;
}
.sleep-letter:nth-child(5) {
  animation-delay: 1.2s;
}
.sleep-letter:nth-child(6) {
  animation-delay: 1.5s;
}
.sleep-letter:nth-child(7) {
  animation-delay: 1.8s;
}

.sleep-shadow {
  width: 13em;
  height: 0.6em;
  background: radial-gradient(
    ellipse at center,
    rgba(162, 155, 254, 0.2) 0%,
    transparent 70%
  )!important;
  border-radius: 50%;
  margin-top: 0.8em;
  animation: shadow-breath var(--breath-speed) infinite ease-in-out;
}

@keyframes breathing {
  0%,
  100% {
    transform: scale(1) translateY(0);
    filter: brightness(1);
  }
  50% {
    transform: scale(1.08, 0.95) translateY(0.1em);
    filter: brightness(1.2);
  }
}

@keyframes nodding {
  0%,
  100% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
}

@keyframes floating-z {
  0% {
    opacity: 0;
    transform: translate(0, 0) scale(0.5) rotate(0deg);
  }
  20% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: translate(1em, -3em) scale(1.5) rotate(20deg);
  }
}

@keyframes shadow-breath {
  0%,
  100% {
    transform: scaleX(1);
    opacity: 0.3;
  }
  50% {
    transform: scaleX(1.3);
    opacity: 0.6;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sleep-letter,
  .sleep-shadow,
  .sleep-letter::after {
    animation: none !important;
    transform: none !important;
  }
}/* End custom CSS */