.elementor-8834 .elementor-element.elementor-element-8153f3c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:12%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-8834 .elementor-element.elementor-element-8153f3c:not(.elementor-motion-effects-element-type-background), .elementor-8834 .elementor-element.elementor-element-8153f3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://e-rumi.com/wp-content/uploads/2025/10/relaxed-designers-communicating-together-creative-office-guys-throwing-paper-scaled.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8834 .elementor-element.elementor-element-8153f3c::before, .elementor-8834 .elementor-element.elementor-element-8153f3c > .elementor-background-video-container::before, .elementor-8834 .elementor-element.elementor-element-8153f3c > .e-con-inner > .elementor-background-video-container::before, .elementor-8834 .elementor-element.elementor-element-8153f3c > .elementor-background-slideshow::before, .elementor-8834 .elementor-element.elementor-element-8153f3c > .e-con-inner > .elementor-background-slideshow::before, .elementor-8834 .elementor-element.elementor-element-8153f3c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8834 .elementor-element.elementor-element-7e30b5d{--display:flex;--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-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-8834 .elementor-element.elementor-element-bb73088{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8834 .elementor-element.elementor-element-bb73088 .elementor-heading-title{color:#F0F5FA;}.elementor-8834 .elementor-element.elementor-element-889eaa9{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8834 .elementor-element.elementor-element-889eaa9 .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-8834 .elementor-element.elementor-element-a8ea1b3{padding:20px 0px 0px 0px;}.elementor-8834 .elementor-element.elementor-element-a8ea1b3 .elementor-icon-wrapper{text-align:center;}.elementor-8834 .elementor-element.elementor-element-a8ea1b3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-8834 .elementor-element.elementor-element-a8ea1b3.elementor-view-framed .elementor-icon, .elementor-8834 .elementor-element.elementor-element-a8ea1b3.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor5 );border-color:var( --e-global-color-astglobalcolor5 );}.elementor-8834 .elementor-element.elementor-element-a8ea1b3.elementor-view-framed .elementor-icon, .elementor-8834 .elementor-element.elementor-element-a8ea1b3.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-8834 .elementor-element.elementor-element-a8ea1b3 .elementor-icon{font-size:30px;}.elementor-8834 .elementor-element.elementor-element-a8ea1b3 .elementor-icon svg{height:30px;}.elementor-8834 .elementor-element.elementor-element-a0dde7d{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8834 .elementor-element.elementor-element-8153f3c{--padding-top:33%;--padding-bottom:33%;--padding-left:0%;--padding-right:0%;}.elementor-8834 .elementor-element.elementor-element-7e30b5d{--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-8834 .elementor-element.elementor-element-bb73088{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;}.elementor-8834 .elementor-element.elementor-element-889eaa9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;}}@media(min-width:768px){.elementor-8834 .elementor-element.elementor-element-8153f3c{--content-width:1040px;}}@media(min-width:1025px){.elementor-8834 .elementor-element.elementor-element-8153f3c:not(.elementor-motion-effects-element-type-background), .elementor-8834 .elementor-element.elementor-element-8153f3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-8834 .elementor-element.elementor-element-8153f3c:not(.elementor-motion-effects-element-type-background), .elementor-8834 .elementor-element.elementor-element-8153f3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://e-rumi.com/wp-content/uploads/2025/10/relaxed-designers-communicating-together-creative-office-guys-throwing-paper-scaled.jpg");}.elementor-8834 .elementor-element.elementor-element-8153f3c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-8834 .elementor-element.elementor-element-bb73088{padding:0px 0px 0px 0px;}.elementor-8834 .elementor-element.elementor-element-889eaa9{padding:0px 0px 0px 0px;}.elementor-8834 .elementor-element.elementor-element-c678941{padding:0px 0px 0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-bb73088 */@media (max-width: 768px) {
  /* Works for both CSS background and <img> hero */
  .elementor-8834 .elementor-element.elementor-element-bb73088.erumi-hero{
    position: relative !important;
    min-height: calc(var(--vh, 1vh) * 100) !important;
    padding: 20px 16px 28px !important;
    display: grid !important;
    place-items: end start !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center !important;
  }
  /* If hero image is an <img> inside the section */
  .elementor-8834 .elementor-element.elementor-element-bb73088.erumi-hero img{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: 0 !important;
  }
  /* Text/content container */
  .elementor-8834 .elementor-element.elementor-element-bb73088.erumi-hero .hero-inner,
  .elementor-8834 .elementor-element.elementor-element-bb73088.erumi-hero .elementor-container,
  .elementor-8834 .elementor-element.elementor-element-bb73088.erumi-hero .content{
    position: relative !important;
    z-index: 1 !important;
    max-width: 90vw !important;
  }
  .elementor-8834 .elementor-element.elementor-element-bb73088.erumi-hero .hero-title{ margin: 0 0 8px !important; max-width: 22ch !important; }
  .elementor-8834 .elementor-element.elementor-element-bb73088.erumi-hero .hero-sub{ opacity: .9; max-width: 32ch !important; }
  .elementor-8834 .elementor-element.elementor-element-bb73088.erumi-hero .elementor-button{ width: 100% !important; height: 48px !important; border-radius: 12px !important; }

  /* Safety: stop oversized HTML content pushing width */
  .elementor-8834 .elementor-element.elementor-element-bb73088.erumi-hero *{ box-sizing: border-box; max-width: 100% !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-889eaa9 */@media (max-width: 768px) {
  /* Works for both CSS background and <img> hero */
  .elementor-8834 .elementor-element.elementor-element-889eaa9.erumi-hero{
    position: relative !important;
    min-height: calc(var(--vh, 1vh) * 100) !important;
    padding: 20px 16px 28px !important;
    display: grid !important;
    place-items: end start !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center !important;
  }
  /* If hero image is an <img> inside the section */
  .elementor-8834 .elementor-element.elementor-element-889eaa9.erumi-hero img{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: 0 !important;
  }
  /* Text/content container */
  .elementor-8834 .elementor-element.elementor-element-889eaa9.erumi-hero .hero-inner,
  .elementor-8834 .elementor-element.elementor-element-889eaa9.erumi-hero .elementor-container,
  .elementor-8834 .elementor-element.elementor-element-889eaa9.erumi-hero .content{
    position: relative !important;
    z-index: 1 !important;
    max-width: 90vw !important;
  }
  .elementor-8834 .elementor-element.elementor-element-889eaa9.erumi-hero .hero-title{ margin: 0 0 8px !important; max-width: 22ch !important; }
  .elementor-8834 .elementor-element.elementor-element-889eaa9.erumi-hero .hero-sub{ opacity: .9; max-width: 32ch !important; }
  .elementor-8834 .elementor-element.elementor-element-889eaa9.erumi-hero .elementor-button{ width: 100% !important; height: 48px !important; border-radius: 12px !important; }

  /* Safety: stop oversized HTML content pushing width */
  .elementor-8834 .elementor-element.elementor-element-889eaa9.erumi-hero *{ box-sizing: border-box; max-width: 100% !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8153f3c */@media (max-width: 768px) {
  /* Works for both CSS background and <img> hero */
  .elementor-8834 .elementor-element.elementor-element-8153f3c.erumi-hero{
    position: relative !important;
    min-height: calc(var(--vh, 1vh) * 100) !important;
    padding: 20px 16px 28px !important;
    display: grid !important;
    place-items: end start !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center !important;
  }
  /* If hero image is an <img> inside the section */
  .elementor-8834 .elementor-element.elementor-element-8153f3c.erumi-hero img{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: 0 !important;
  }
  /* Text/content container */
  .elementor-8834 .elementor-element.elementor-element-8153f3c.erumi-hero .hero-inner,
  .elementor-8834 .elementor-element.elementor-element-8153f3c.erumi-hero .elementor-container,
  .elementor-8834 .elementor-element.elementor-element-8153f3c.erumi-hero .content{
    position: relative !important;
    z-index: 1 !important;
    max-width: 90vw !important;
  }
  .elementor-8834 .elementor-element.elementor-element-8153f3c.erumi-hero .hero-title{ margin: 0 0 8px !important; max-width: 22ch !important; }
  .elementor-8834 .elementor-element.elementor-element-8153f3c.erumi-hero .hero-sub{ opacity: .9; max-width: 32ch !important; }
  .elementor-8834 .elementor-element.elementor-element-8153f3c.erumi-hero .elementor-button{ width: 100% !important; height: 48px !important; border-radius: 12px !important; }

  /* Safety: stop oversized HTML content pushing width */
  .elementor-8834 .elementor-element.elementor-element-8153f3c.erumi-hero *{ box-sizing: border-box; max-width: 100% !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0dde7d *//* Footer Hero — smaller image + ultra-compact bar, true center (≤768px) */
@media (max-width: 768px) {

  /* 1) Make the background image shorter */
  .elementor-8834 .elementor-element.elementor-element-a0dde7d .erumi-footer-hero__img{
    height: clamp(120px, 22vh, 220px) !important; /* smaller than before */
    object-position: center 42% !important;
  }

  /* 2) Use a 3-col grid so the center is mathematically centered */
  .elementor-8834 .elementor-element.elementor-element-a0dde7d .erumi-footer-bar{
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;  /* left / center / right */
    align-items: center !important;
    gap: 4px !important;

    /* tighter box */
    padding: 4px 6px !important;
    border-radius: 10px !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    position: absolute !important;
    left: 10px !important; right: 10px !important; bottom: 10px !important;

    /* Russ One bold look */
    font-family: "Russ One", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important; /* save a few pixels */
  }

  /* 3) Keep only Contact + Privacy + FAQ (hide About & Refunds) */
  .elementor-8834 .elementor-element.elementor-element-a0dde7d .erumi-foot-left a:nth-child(1),
  .elementor-8834 .elementor-element.elementor-element-a0dde7d .erumi-foot-left a:nth-child(5){ display: none !important; }

  /* 4) Left menus: extra small + clamped width so they can't push the center */
  .elementor-8834 .elementor-element.elementor-element-a0dde7d .erumi-foot-left{
    grid-column: 1 !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    max-width: 38vw !important;       /* tighter clamp */
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .elementor-8834 .elementor-element.elementor-element-a0dde7d .erumi-foot-left a{
    font-size: 9px !important;        /* smaller menu font */
    line-height: 1.05 !important;
    padding: 0 3px !important;
  }

  /* 5) Center text: fixed in the middle cell */
  .elementor-8834 .elementor-element.elementor-element-a0dde7d .erumi-foot-center{
    grid-column: 2 !important;
    justify-self: center !important;
    font-size: 10px !important;       /* slightly smaller too */
    line-height: 1.1 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
    min-width: 0 !important;          /* prevent accidental growth */
  }

  /* 6) Right: payment logo pinned to far right, made smaller */
  .elementor-8834 .elementor-element.elementor-element-a0dde7d .erumi-foot-right{
    grid-column: 3 !important;
    justify-self: end !important;
    display: flex !important; align-items: center !important;
    min-width: 0 !important;
  }
  .elementor-8834 .elementor-element.elementor-element-a0dde7d .erumi-foot-right img{
    height: 16px !important;          /* smaller than before */
    width: auto !important;
    margin-left: 6px !important;
    display: block !important;
  }

  /* 7) Ultra-narrow guard (≤360px) — squeeze a bit more */
  @media (max-width: 360px){
    .elementor-8834 .elementor-element.elementor-element-a0dde7d .erumi-foot-left{ max-width: 36vw !important; gap: 2px !important; }
    .elementor-8834 .elementor-element.elementor-element-a0dde7d .erumi-foot-left a{ font-size: 8.5px !important; padding: 0 2.5px !important; }
    .elementor-8834 .elementor-element.elementor-element-a0dde7d .erumi-foot-center{ font-size: 9.5px !important; }
    .elementor-8834 .elementor-element.elementor-element-a0dde7d .erumi-foot-right img{ height: 15px !important; }
  }
}/* End custom CSS */