.elementor-980 .elementor-element.elementor-element-20d1313{--display:flex;--overlay-opacity:0.5;--margin-top:-9rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:10rem;--padding-bottom:8rem;--padding-left:0rem;--padding-right:0rem;}.elementor-980 .elementor-element.elementor-element-20d1313:not(.elementor-motion-effects-element-type-background), .elementor-980 .elementor-element.elementor-element-20d1313 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://droptrix.com/wp-content/uploads/2026/10/Global-Trade-at-Sunset-2.png");background-position:top right;background-repeat:no-repeat;background-size:cover;}.elementor-980 .elementor-element.elementor-element-20d1313::before, .elementor-980 .elementor-element.elementor-element-20d1313 > .elementor-background-video-container::before, .elementor-980 .elementor-element.elementor-element-20d1313 > .e-con-inner > .elementor-background-video-container::before, .elementor-980 .elementor-element.elementor-element-20d1313 > .elementor-background-slideshow::before, .elementor-980 .elementor-element.elementor-element-20d1313 > .e-con-inner > .elementor-background-slideshow::before, .elementor-980 .elementor-element.elementor-element-20d1313 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000E6;--background-overlay:'';}.elementor-980 .elementor-element.elementor-element-0e78d49{--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-980 .elementor-element.elementor-element-46f442b{--display:flex;}.elementor-980 .elementor-element.elementor-element-7179203{width:100%;max-width:100%;}.elementor-980 .elementor-element.elementor-element-7179203.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-980 .elementor-element.elementor-element-7179203 .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-980 .elementor-element.elementor-element-7179203 .elementskit-section-title-wraper .elementskit-section-title > span{color:#087F83;}.elementor-980 .elementor-element.elementor-element-6a3f65b > .elementor-background-overlay{background-color:#142D421A;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-980 .elementor-element.elementor-element-6a3f65b > .elementor-container{max-width:1400px;}.elementor-980 .elementor-element.elementor-element-6a3f65b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0rem 0rem 0rem 0rem;}.elementor-980 .elementor-element.elementor-element-11cae41:not(.elementor-motion-effects-element-type-background), .elementor-980 .elementor-element.elementor-element-11cae41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-980 .elementor-element.elementor-element-11cae41 > .elementor-container{max-width:1500px;}.elementor-980 .elementor-element.elementor-element-11cae41{border-style:solid;border-width:2px 1px 2px 1px;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 20px 20px;}.elementor-980 .elementor-element.elementor-element-11cae41, .elementor-980 .elementor-element.elementor-element-11cae41 > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-980 .elementor-element.elementor-element-11cae41 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{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 );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-980 .elementor-element.elementor-element-576b13a{padding:3rem 0rem 0rem 0rem;font-family:"Inter", Sans-serif;font-size:14px;line-height:1.5;color:#000000CF;}.elementor-980 .elementor-element.elementor-element-c6a4223{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-980 .elementor-element.elementor-element-c6a4223:not(.elementor-motion-effects-element-type-background), .elementor-980 .elementor-element.elementor-element-c6a4223 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://droptrix.com/wp-content/uploads/2026/10/Global-Port-Logistics-at-Sunset.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-980 .elementor-element.elementor-element-c6a4223::before, .elementor-980 .elementor-element.elementor-element-c6a4223 > .elementor-background-video-container::before, .elementor-980 .elementor-element.elementor-element-c6a4223 > .e-con-inner > .elementor-background-video-container::before, .elementor-980 .elementor-element.elementor-element-c6a4223 > .elementor-background-slideshow::before, .elementor-980 .elementor-element.elementor-element-c6a4223 > .e-con-inner > .elementor-background-slideshow::before, .elementor-980 .elementor-element.elementor-element-c6a4223 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0000008C;--background-overlay:'';}.elementor-980 .elementor-element.elementor-element-c4af509{--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-980 .elementor-element.elementor-element-55d351e{--display:flex;}.elementor-980 .elementor-element.elementor-element-55d351e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-980 .elementor-element.elementor-element-ffd2ddc.elementor-element{--align-self:center;}.elementor-980 .elementor-element.elementor-element-ffd2ddc .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-980 .elementor-element.elementor-element-ffd2ddc .elementskit-section-title-wraper .elementskit-section-title > span{color:#087F83;}.elementor-980 .elementor-element.elementor-element-ffd2ddc .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-980 .elementor-element.elementor-element-ffd2ddc .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-980 .elementor-element.elementor-element-b71c7b7 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-980 .elementor-element.elementor-element-b71c7b7 .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-980 .elementor-element.elementor-element-b71c7b7 .elementskit-btn:hover{background-color:#06676B;color:#ffffff;fill:#ffffff;}.elementor-980 .elementor-element.elementor-element-b71c7b7 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-980 .elementor-element.elementor-element-b71c7b7 .elementskit-btn > i, .elementor-980 .elementor-element.elementor-element-b71c7b7 .elementskit-btn > svg{margin-left:10px;}.rtl .elementor-980 .elementor-element.elementor-element-b71c7b7 .elementskit-btn > i, .rtl .elementor-980 .elementor-element.elementor-element-b71c7b7 .elementskit-btn > svg{margin-left:0;margin-right:10px;}.elementor-980 .elementor-element.elementor-element-b71c7b7 .elementskit-btn i, .elementor-980 .elementor-element.elementor-element-b71c7b7 .elementskit-btn svg{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-980 .elementor-element.elementor-element-7179203{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-980 .elementor-element.elementor-element-7179203 .elementskit-section-title-wraper .elementskit-section-title{font-size:44px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-980 .elementor-element.elementor-element-ffd2ddc{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-980 .elementor-element.elementor-element-ffd2ddc .elementskit-section-title-wraper .elementskit-section-title{font-size:44px;}.elementor-980 .elementor-element.elementor-element-ffd2ddc .elementskit-section-title-wraper p{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-980 .elementor-element.elementor-element-7179203{width:100%;max-width:100%;}.elementor-980 .elementor-element.elementor-element-7179203 .elementskit-section-title-wraper .elementskit-section-title{font-size:34px;}.elementor-980 .elementor-element.elementor-element-6a3f65b{padding:2rem 0rem 2rem 0rem;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-980 .elementor-element.elementor-element-c6a4223{--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-980 .elementor-element.elementor-element-ffd2ddc{width:100%;max-width:100%;}.elementor-980 .elementor-element.elementor-element-ffd2ddc .elementskit-section-title-wraper .elementskit-section-title{font-size:34px;}.elementor-980 .elementor-element.elementor-element-ffd2ddc .elementskit-section-title-wraper p{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-980 .elementor-element.elementor-element-20d1313{--content-width:1400px;}.elementor-980 .elementor-element.elementor-element-46f442b{--width:50%;}.elementor-980 .elementor-element.elementor-element-c4af509{--content-width:1400px;}.elementor-980 .elementor-element.elementor-element-55d351e{--width:100%;}}@media(min-width:1025px){.elementor-980 .elementor-element.elementor-element-c6a4223:not(.elementor-motion-effects-element-type-background), .elementor-980 .elementor-element.elementor-element-c6a4223 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-c6a4223 *//* ==========================================================================
   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 */