.elementor-20 .elementor-element.elementor-element-29a9f7c{--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;--overflow:hidden;}.elementor-20 .elementor-element.elementor-element-ad55004{--display:flex;--min-height:100vh;--overlay-opacity:0.17;--overlay-mix-blend-mode:overlay;}.elementor-20 .elementor-element.elementor-element-ad55004::before, .elementor-20 .elementor-element.elementor-element-ad55004 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-ad55004 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-ad55004 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-ad55004 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-ad55004 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://stagiing.cromaticstudios.com/wp-content/uploads/2026/02/cardboard-texture.jpg");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-ad55004::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-20 .elementor-element.elementor-element-10ef5c6{--display:flex;--min-height:10vh;--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-20 .elementor-element.elementor-element-1a607b5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:20px;--padding-bottom:5px;--padding-left:30px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-20 .elementor-element.elementor-element-e7d4ff4 img{width:10%;}.elementor-20 .elementor-element.elementor-element-385b19b{--display:flex;--min-height:86vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-af57d0c{text-align:center;}.elementor-20 .elementor-element.elementor-element-af57d0c .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:7vw;font-weight:300;line-height:1.2em;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-08cb849{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-08cb849 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.7vw;font-weight:300;line-height:1.2em;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-a345598 .elementor-button{background-color:#FFFFFF00;font-family:"Figtree", Sans-serif;font-size:1.1vw;font-weight:400;line-height:1.1em;fill:#005D68;color:#005D68;border-radius:0px 0px 0px 0px;padding:0.8rem 1.8rem 0.8rem 1.8rem;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-af57d0c .elementor-heading-title{font-size:7.2vw;}.elementor-20 .elementor-element.elementor-element-08cb849 .elementor-heading-title{font-size:2vw;}.elementor-20 .elementor-element.elementor-element-a345598 .elementor-button{font-size:1.7vw;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-10ef5c6{--min-height:3vh;}.elementor-20 .elementor-element.elementor-element-1a607b5{--padding-top:50px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-20 .elementor-element.elementor-element-e7d4ff4{text-align:center;}.elementor-20 .elementor-element.elementor-element-e7d4ff4 img{width:25%;}.elementor-20 .elementor-element.elementor-element-385b19b{--min-height:75vh;}.elementor-20 .elementor-element.elementor-element-af57d0c .elementor-heading-title{font-size:9vw;}.elementor-20 .elementor-element.elementor-element-08cb849 .elementor-heading-title{font-size:4vw;}.elementor-20 .elementor-element.elementor-element-a345598 .elementor-button{font-size:4.1vw;}}/* Start custom CSS for html, class: .elementor-element-8180d9e *//* ---------------------------------------
   GLOBAL SCALE ANIMATION (smooth looping)
--------------------------------------- */
@keyframes blobScale {
  0%   { transform: translate(-50%, -50%) scale(1); }
  50%  { transform: translate(-50%, -50%) scale(1.45); }
  100% { transform: translate(-50%, -50%) scale(1); }
}

/* ---------------------------------------
   BASE BLOB STYLE
--------------------------------------- */
.blob {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.65;
  filter: blur(70px);
  z-index: 0;

  /* Your colors */
  background: radial-gradient(circle at 30% 40%, #005d68, #00929b);

  /* Organic shape */
  border-radius: 70% 30% 85% 20% / 20% 80% 30% 70%;

  /* Combined animations */
  animation:
    blobScale var(--scale-speed, 14s) ease-in-out infinite,
    var(--motion-name) var(--motion-speed) ease-in-out infinite;
}

/* ---------------------------------------
   BLOB 1 — 10% LEFT, 320×200px
--------------------------------------- */
.blob1 {
width: 48vw; 
height: 36vmin;

  /* Offset from center */
  --x-offset: -40%;
  --y-offset: 490px;

  /* Animation settings */
  --motion-name: blobMove1;
  --motion-speed: 22s;
  --scale-speed: 14s;
}

/* Smooth-looping motion path */
@keyframes blobMove1 {
  0%   { transform: translate(-50%, -50%) translate(var(--x-offset), var(--y-offset)); }
  40%  { transform: translate(-50%, -50%) translate(calc(var(--x-offset) + 4%), calc(var(--y-offset) - 1%)); }
  70%  { transform: translate(-50%, -50%) translate(calc(var(--x-offset) - 3%), calc(var(--y-offset) + 1%)); }
  100% { transform: translate(-50%, -50%) translate(var(--x-offset), var(--y-offset)); }
}

/* ---------------------------------------
   BLOB 2 — 10% RIGHT, 420×200px
--------------------------------------- */
.blob2 {
  width: 36vw;
  height: 32vmin;;

  /* Offset from center */
  --x-offset: 62%;
  --y-offset: 490px;

  /* Animation settings */
  --motion-name: blobMove2;
  --motion-speed: 26s;
  --scale-speed: 16s;
}

/* Smooth-looping motion path */
@keyframes blobMove2 {
  0%   { transform: translate(-50%, -50%) translate(var(--x-offset), var(--y-offset)); }
  35%  { transform: translate(-50%, -50%) translate(calc(var(--x-offset) - 5%), calc(var(--y-offset) - 1%)); }
  70%  { transform: translate(-50%, -50%) translate(calc(var(--x-offset) + 4%), calc(var(--y-offset) + 1%)); }
  100% { transform: translate(-50%, -50%) translate(var(--x-offset), var(--y-offset)); }
}
/* ---------------------------------------
   MOBILE POSITIONING (max-width: 767px)
--------------------------------------- */
@media (max-width: 767px) {

  .blob1 {
    /* Example: center it more on mobile */
    --x-offset: -5%;
    --y-offset: 380px;
    --size: 80vmin; /* or any mobile size you want */
  }

  .blob2 {
    /* Example: move it lower and slightly right */
    --x-offset: 5%;
    --y-offset: 580px;
    --size: 80vmin;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a345598 */.apple-glass-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0px 0px;
  border-radius: 50px;

  /* Apple glass effect */
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);

  /* Soft borders */
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 4px 20px rgba(0, 0, 0, 0.15);

  /* Smooth transitions */
  transition: all 0.35s ease;
}

/* Hover effect */
.apple-glass-btn:hover {
  background: rgba(255, 255, 255, 0.18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 6px 28px rgba(0, 0, 0, 0.22);
  transform: translateY(-2px);
}

/* Pressed effect */
.apple-glass-btn:active {
  transform: translateY(0);
  background: rgba(255, 255, 255, 0.10);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 3px 12px rgba(0, 0, 0, 0.18);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad55004 */.animated-gradient {
  background: linear-gradient(90deg, #e2e5e5, #fff, #e2e5e5);
  background-size: 300% 300%;
  animation: gradientShift 25s ease infinite;
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */