.elementor .e-ebd875b-2945da4{width:120px;}.elementor .e-aefbf62-84aa084{padding:var(--No-space);margin:var(--No-space);flex-direction:row;gap:var(--No-space);justify-content:flex-start;align-items:center;}.elementor .e-fd40d2a-c033233{padding:var(--No-space);margin:var(--No-space);flex-direction:column;gap:var(--No-space);}.elementor .e-483185b-647ae3d{padding:var(--No-space);margin:var(--No-space);flex-direction:row;gap:var(--No-space);}.elementor .e-e34f29d-71c5f46{padding-block-start:var(--No-space);padding-block-end:var(--No-space);padding-inline-start:var(--space20);padding-inline-end:var(--space20);margin-block-start:var(--l-gap-md);margin-block-end:var(--l-gap-md);margin-inline-start:var(--No-space);margin-inline-end:var(--No-space);border-radius:var(--border_radius);flex-direction:column;gap:var(--No-space);/* 1. Base settings: Add a smooth animation transition to the header */
selector {
  transition: all 0.4s ease-in-out !important;
  padding-top: 20px !important;   /* Your default top padding */
  padding-bottom: 20px !important;/* Your default bottom padding */
}

/* 2. Shrink settings: Triggers exactly after scrolling 100px */
selector.elementor-sticky--effects {
  padding-top: 8px !important;    /* Shrunk top padding */
  padding-bottom: 8px !important; /* Shrunk bottom padding */
  background-color: rgba(255, 255, 255, 0.95) !important; /* Optional: Make background slightly solid */
  box-shadow: 0px 4px 20px rgba(0,0,0,0.08) !important; /* Optional: Drop shadow appears */
}

/* 3. Logo Shrink: Makes the logo image contract proportionally */
selector.elementor-sticky--effects img {
  max-width: 75% !important; /* Shrinks the logo to 75% of its original size */
  transition: all 0.4s ease-in-out !important;
}\n}