.elementor-11362 .elementor-element.elementor-element-2818365{--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:space-evenly;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overflow:hidden;border-style:none;--border-style:none;--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-11362 .elementor-element.elementor-element-2818365:not(.elementor-motion-effects-element-type-background), .elementor-11362 .elementor-element.elementor-element-2818365 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11362 .elementor-element.elementor-element-2818365.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-11362 .elementor-element.elementor-element-be8c887{width:100%;max-width:100%;text-align:center;}.elementor-11362 .elementor-element.elementor-element-be8c887 > .elementor-widget-container{margin:15px 100px 30px 100px;padding:15px 100px 30px 100px;}.elementor-11362 .elementor-element.elementor-element-3072c98{--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:space-evenly;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overflow:hidden;border-style:none;--border-style:none;--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-11362 .elementor-element.elementor-element-3072c98:not(.elementor-motion-effects-element-type-background), .elementor-11362 .elementor-element.elementor-element-3072c98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11362 .elementor-element.elementor-element-3072c98.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-11362 .elementor-element.elementor-element-3616288{width:100%;max-width:100%;text-align:center;}.elementor-11362 .elementor-element.elementor-element-3616288 > .elementor-widget-container{margin:15px 100px 30px 100px;padding:15px 100px 30px 100px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-11362 .elementor-element.elementor-element-3616288 > .elementor-widget-container{margin:10px 20px 10px 20px;padding:0px 20px 10px 20px;}}@media(min-width:768px){.elementor-11362 .elementor-element.elementor-element-2818365{--width:100%;}.elementor-11362 .elementor-element.elementor-element-3072c98{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-2818365 *//* Put this ONLY on each card container (Elementor → Advanced → Custom CSS) */

/* The card itself: sticky and exactly viewport tall */
..elementor-11362 .elementor-element.elementor-element-2818365{
  position: sticky;
  top: 0;
  height: 100svh;             /* modern mobile-safe viewport */
  width: 100%;                /* IMPORTANT: not 100vw */
  overflow: hidden;           /* hide bleed from the next card */
  backface-visibility: hidden;
  transform: translateZ(0);   /* own layer → fewer seams */
  will-change: transform;
  z-index: 0;                 /* keep cards behind the header */
}

/* Elementor sticky fallbacks */
..elementor-11362 .elementor-element.elementor-element-2818365.elementor-sticky--effects,
..elementor-11362 .elementor-element.elementor-element-2818365.elementor-sticky--active{
  left: 0;
  right: 0;
}

/* Remove boxed padding while sticky to avoid left “jump” */
..elementor-11362 .elementor-element.elementor-element-2818365 > .elementor-container,
..elementor-11362 .elementor-element.elementor-element-2818365 > .e-con-inner{
  max-width: none !important;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}

/* (Delete this from your custom CSS if it exists — it’s a typo)
.elementor-11362 .elementor-element.elementor-element-2818365{
  width: 100%;
  max-width: 100% !important;
  overflow: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3072c98 *//* Put this ONLY on each card container (Elementor → Advanced → Custom CSS) */

/* The card itself: sticky and exactly viewport tall */
..elementor-11362 .elementor-element.elementor-element-3072c98{
  position: sticky;
  top: 0;
  height: 100svh;             /* modern mobile-safe viewport */
  width: 100%;                /* IMPORTANT: not 100vw */
  overflow: hidden;           /* hide bleed from the next card */
  backface-visibility: hidden;
  transform: translateZ(0);   /* own layer → fewer seams */
  will-change: transform;
  z-index: 0;                 /* keep cards behind the header */
}

/* Elementor sticky fallbacks */
..elementor-11362 .elementor-element.elementor-element-3072c98.elementor-sticky--effects,
..elementor-11362 .elementor-element.elementor-element-3072c98.elementor-sticky--active{
  left: 0;
  right: 0;
}

/* Remove boxed padding while sticky to avoid left “jump” */
..elementor-11362 .elementor-element.elementor-element-3072c98 > .elementor-container,
..elementor-11362 .elementor-element.elementor-element-3072c98 > .e-con-inner{
  max-width: none !important;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}

/* (Delete this from your custom CSS if it exists — it’s a typo)
.elementor-11362 .elementor-element.elementor-element-3072c98{
  width: 100%;
  max-width: 100% !important;
  overflow: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}/* End custom CSS */
/* Start custom CSS */gasser-home/* End custom CSS */