.elementor-875 .elementor-element.elementor-element-dd0e8f2{--display:flex;--overlay-opacity:0.5;--margin-top:-9rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:9rem;--padding-bottom:6rem;--padding-left:0rem;--padding-right:0rem;}.elementor-875 .elementor-element.elementor-element-dd0e8f2:not(.elementor-motion-effects-element-type-background), .elementor-875 .elementor-element.elementor-element-dd0e8f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://droptrix.com/wp-content/uploads/2026/10/Golden-Hour-Container-Port.png");background-repeat:no-repeat;background-size:cover;}.elementor-875 .elementor-element.elementor-element-dd0e8f2::before, .elementor-875 .elementor-element.elementor-element-dd0e8f2 > .elementor-background-video-container::before, .elementor-875 .elementor-element.elementor-element-dd0e8f2 > .e-con-inner > .elementor-background-video-container::before, .elementor-875 .elementor-element.elementor-element-dd0e8f2 > .elementor-background-slideshow::before, .elementor-875 .elementor-element.elementor-element-dd0e8f2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-875 .elementor-element.elementor-element-dd0e8f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000E6;--background-overlay:'';}.elementor-875 .elementor-element.elementor-element-704c112{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-875 .elementor-element.elementor-element-3b2aa3a{--display:flex;}.elementor-875 .elementor-element.elementor-element-c08331f{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-875 .elementor-element.elementor-element-c08331f .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-a96365b );font-family:"Manrope", Sans-serif;font-size:56px;font-weight:700;line-height:1.1;}.elementor-875 .elementor-element.elementor-element-c08331f .elementskit-section-title-wraper .elementskit-section-title > span{color:#087F83;}.elementor-875 .elementor-element.elementor-element-c08331f .elementskit-section-title-wraper .elementskit-section-subtitle{color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;}.elementor-875 .elementor-element.elementor-element-c08331f .elementskit-section-title-wraper p{color:#FFFFFFE6;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-875 .elementor-element.elementor-element-f9f5a85{--display:flex;--padding-top:5rem;--padding-bottom:10rem;--padding-left:0rem;--padding-right:0rem;}.elementor-875 .elementor-element.elementor-element-f9f5a85:not(.elementor-motion-effects-element-type-background), .elementor-875 .elementor-element.elementor-element-f9f5a85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://droptrix.com/wp-content/uploads/2026/10/Airy-Container-Port-at-Sunrise.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-875 .elementor-element.elementor-element-cc6acf8{--display:flex;}.elementor-875 .elementor-element.elementor-element-38a87f2{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;}.elementor-875 .elementor-element.elementor-element-38a87f2 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-primary );font-family:"Manrope", Sans-serif;font-size:56px;font-weight:700;line-height:1.1;}.elementor-875 .elementor-element.elementor-element-38a87f2 .elementskit-section-title-wraper .elementskit-section-title > span{color:#087F83;}.elementor-875 .elementor-element.elementor-element-38a87f2 .elementskit-section-title-wraper .elementskit-section-subtitle{color:#087F83;font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;}.elementor-875 .elementor-element.elementor-element-38a87f2 .elementskit-section-title-wraper p{color:var( --e-global-color-5b7f19e );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-875 .elementor-element.elementor-element-29a3d90{--display:flex;}.elementor-875 .elementor-element.elementor-element-4799d0e .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-875 .elementor-element.elementor-element-4799d0e .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-875 .elementor-element.elementor-element-4799d0e .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#FFFFFF;}.elementor-875 .elementor-element.elementor-element-4799d0e .elementskit-accordion .elementskit-card-body, .elementor-875 .elementor-element.elementor-element-4799d0e .accordion.floating-style .elementskit-card-body{background-color:var( --e-global-color-a96365b );}.elementor-875 .elementor-element.elementor-element-4799d0e .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;color:#142D42;}.elementor-875 .elementor-element.elementor-element-4799d0e .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:#142D42;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D5DEDF;border-radius:12px 12px 0px 0px;}.elementor-875 .elementor-element.elementor-element-4799d0e .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:#142D42;}.elementor-875 .elementor-element.elementor-element-4799d0e .elementskit-accordion .elementskit-card-body p{color:var( --e-global-color-5b7f19e );}.elementor-875 .elementor-element.elementor-element-4799d0e .elementskit-accordion .elementskit-card-body{color:var( --e-global-color-5b7f19e );border-radius:0px 0px 12px 12px;padding:20px 10px 20px 10px;}.elementor-875 .elementor-element.elementor-element-4799d0e .elementskit-accordion .elementskit-card-body p, .elementor-875 .elementor-element.elementor-element-4799d0e .elementskit-accordion .elementskit-card-body{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:1.6;}.elementor-875 .elementor-element.elementor-element-56174fd{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-875 .elementor-element.elementor-element-56174fd:not(.elementor-motion-effects-element-type-background), .elementor-875 .elementor-element.elementor-element-56174fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://droptrix.com/wp-content/uploads/2026/10/Golden-Hour-Container-Port.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-875 .elementor-element.elementor-element-56174fd::before, .elementor-875 .elementor-element.elementor-element-56174fd > .elementor-background-video-container::before, .elementor-875 .elementor-element.elementor-element-56174fd > .e-con-inner > .elementor-background-video-container::before, .elementor-875 .elementor-element.elementor-element-56174fd > .elementor-background-slideshow::before, .elementor-875 .elementor-element.elementor-element-56174fd > .e-con-inner > .elementor-background-slideshow::before, .elementor-875 .elementor-element.elementor-element-56174fd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0000008C;--background-overlay:'';}.elementor-875 .elementor-element.elementor-element-61f7370{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-875 .elementor-element.elementor-element-15e8e06{--display:flex;}.elementor-875 .elementor-element.elementor-element-15e8e06.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-875 .elementor-element.elementor-element-404132f.elementor-element{--align-self:center;}.elementor-875 .elementor-element.elementor-element-404132f .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-a96365b );font-family:"Manrope", Sans-serif;font-size:56px;font-weight:700;line-height:1.1;}.elementor-875 .elementor-element.elementor-element-404132f .elementskit-section-title-wraper .elementskit-section-title > span{color:#087F83;}.elementor-875 .elementor-element.elementor-element-404132f .elementskit-section-title-wraper .elementskit-section-subtitle{color:var( --e-global-color-503bdef );font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;}.elementor-875 .elementor-element.elementor-element-404132f .elementskit-section-title-wraper p{color:var( --e-global-color-7116c17 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-875 .elementor-element.elementor-element-f876177 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-875 .elementor-element.elementor-element-f876177 .elementskit-btn{background-color:#087F83;padding:18px 28px 18px 28px;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-a96365b );fill:var( --e-global-color-a96365b );border-style:none;border-radius:6px 6px 6px 6px;}.elementor-875 .elementor-element.elementor-element-f876177 .elementskit-btn:hover{background-color:#06676B;color:#ffffff;fill:#ffffff;}.elementor-875 .elementor-element.elementor-element-f876177 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-875 .elementor-element.elementor-element-f876177 .elementskit-btn > i, .elementor-875 .elementor-element.elementor-element-f876177 .elementskit-btn > svg{margin-left:10px;}.rtl .elementor-875 .elementor-element.elementor-element-f876177 .elementskit-btn > i, .rtl .elementor-875 .elementor-element.elementor-element-f876177 .elementskit-btn > svg{margin-left:0;margin-right:10px;}.elementor-875 .elementor-element.elementor-element-f876177 .elementskit-btn i, .elementor-875 .elementor-element.elementor-element-f876177 .elementskit-btn svg{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-875 .elementor-element.elementor-element-c08331f{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-875 .elementor-element.elementor-element-c08331f .elementskit-section-title-wraper .elementskit-section-title{font-size:44px;}.elementor-875 .elementor-element.elementor-element-c08331f .elementskit-section-title-wraper p{font-size:var( --e-global-typography-text-font-size );}.elementor-875 .elementor-element.elementor-element-38a87f2{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-875 .elementor-element.elementor-element-38a87f2 .elementskit-section-title-wraper .elementskit-section-title{font-size:44px;}.elementor-875 .elementor-element.elementor-element-38a87f2 .elementskit-section-title-wraper p{font-size:var( --e-global-typography-text-font-size );}.elementor-875 .elementor-element.elementor-element-404132f{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-875 .elementor-element.elementor-element-404132f .elementskit-section-title-wraper .elementskit-section-title{font-size:44px;}.elementor-875 .elementor-element.elementor-element-404132f .elementskit-section-title-wraper p{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-875 .elementor-element.elementor-element-c08331f{width:100%;max-width:100%;}.elementor-875 .elementor-element.elementor-element-c08331f .elementskit-section-title-wraper .elementskit-section-title{font-size:34px;}.elementor-875 .elementor-element.elementor-element-c08331f .elementskit-section-title-wraper p{font-size:var( --e-global-typography-text-font-size );}.elementor-875 .elementor-element.elementor-element-38a87f2{width:100%;max-width:100%;}.elementor-875 .elementor-element.elementor-element-38a87f2 .elementskit-section-title-wraper .elementskit-section-title{font-size:34px;}.elementor-875 .elementor-element.elementor-element-38a87f2 .elementskit-section-title-wraper p{font-size:var( --e-global-typography-text-font-size );}.elementor-875 .elementor-element.elementor-element-56174fd{--padding-top:3rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-875 .elementor-element.elementor-element-404132f{width:100%;max-width:100%;}.elementor-875 .elementor-element.elementor-element-404132f .elementskit-section-title-wraper .elementskit-section-title{font-size:34px;}.elementor-875 .elementor-element.elementor-element-404132f .elementskit-section-title-wraper p{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-875 .elementor-element.elementor-element-704c112{--content-width:1500px;}.elementor-875 .elementor-element.elementor-element-3b2aa3a{--width:100%;}.elementor-875 .elementor-element.elementor-element-cc6acf8{--content-width:1500px;}.elementor-875 .elementor-element.elementor-element-29a3d90{--width:60%;}.elementor-875 .elementor-element.elementor-element-61f7370{--content-width:1500px;}.elementor-875 .elementor-element.elementor-element-15e8e06{--width:100%;}}@media(min-width:1025px){.elementor-875 .elementor-element.elementor-element-56174fd:not(.elementor-motion-effects-element-type-background), .elementor-875 .elementor-element.elementor-element-56174fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-56174fd *//* ==========================================================================
   1. RESPONSIVE FOOTER REVEAL HEIGHT VARIABLES
   ========================================================================== */
:root {
  --footer-reveal-height: 450px; /* Desktop height */
}

@media (max-width: 1024px) {
  :root {
    --footer-reveal-height: 550px; /* Tablet height */
  }
}

@media (max-width: 767px) {
  :root {
    --footer-reveal-height: 930px; /* Mobile height (accounts for stacked columns) */
  }
}

/* ==========================================================================
   2. OUTER CTA TRACK (Creates the necessary scroll distance)
   ========================================================================== */
.delta-cta-parent {
  position: relative !important;
  width: 100% !important;
  min-height: calc(100vh + var(--footer-reveal-height)) !important;
  min-height: calc(100dvh + var(--footer-reveal-height)) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ==========================================================================
   3. INNER STICKY CTA HERO (Pins full-screen at the top)
   ========================================================================== */
.delta-cta-parent .delta-cta-inner {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  width: 100% !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* ==========================================================================
   4. CONTENT CENTERING (Horizontal & Vertical alignment)
   ========================================================================== */
/* Fixes Elementor's internal .e-con-inner boxed wrapper */
.delta-cta-parent .delta-cta-inner,
.delta-cta-parent .delta-cta-inner > .e-con-inner {
  height: 100% !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important; /* Centers content vertically */
  align-items: center !important;     /* Centers content horizontally */
  text-align: center !important;
  box-sizing: border-box !important;
  padding: 0 24px !important;
}

/* Inner child containers and widgets centering */
.delta-cta-parent .delta-cta-inner .e-con-inner > .e-con {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.delta-cta-parent .delta-cta-inner .elementor-widget {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

/* ==========================================================================
   5. SLIDING FOOTER CARD (Only triggers when .delta-cta-parent is present)
   ========================================================================== */
body:has(.delta-cta-parent) .reveal-footer {
  position: relative !important;
  z-index: 5 !important;
  margin-top: calc(-1 * var(--footer-reveal-height)) !important;
  
  /* Delta Cafés floating card styling */
  margin-left: 16px !important;
  margin-right: 16px !important;
  margin-bottom: 16px !important;
  width: calc(100% - 32px) !important;
  border-radius: 20px !important;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.35) !important;
  box-sizing: border-box !important;
}

/* Mobile adjustments for the floating card */
@media (max-width: 767px) {
  body:has(.delta-cta-parent) .reveal-footer {
    margin-left: 8px !important;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
    width: calc(100% - 16px) !important;
    border-radius: 14px !important;
  }
}/* End custom CSS */