.elementor-2384 .elementor-element.elementor-element-7bf6d44f{--display:flex;}.elementor-2384 .elementor-element.elementor-element-5600fddc .e-floating-bars{background-color:#908D78;--e-floating-bars-announcement-text-color:#FFFFFF;--e-floating-bars-coupon-icon-gap:5px;--e-floating-bars-coupon-button-color:#092100;--e-floating-bars-coupon-bg-color:#FFFFFF;justify-content:center;--e-floating-bars-elements-gap:8px;--e-floating-bars-elements-padding-block-end:12px;--e-floating-bars-elements-padding-block-start:12px;--e-floating-bars-elements-padding-inline-end:16px;--e-floating-bars-elements-padding-inline-start:16px;--e-floating-bars-background-overlay-opacity:0.5;}.elementor-2384 .elementor-element.elementor-element-5600fddc .e-floating-bars__announcement-text{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-align:center;}.elementor-2384 .elementor-element.elementor-element-5600fddc .e-floating-bars__coupon-text-group{flex-direction:row-reverse;}.elementor-2384 .elementor-element.elementor-element-5600fddc .e-floating-bars__coupon-button{font-family:"Poppins", Sans-serif;font-weight:500;justify-self:center;}/* Start custom CSS for floating-bars-var-3, class: .elementor-element-5600fddc */@media (max-width: 768px) {
  /* Force the entire bar into column layout */
  .e-floating-bars {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px;
    gap: 10px;
  }

  /* Group the icon and text together */
  .e-floating-bars__bars_announcement {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap; /* Very important: prevent text wrapping */
  }

 

  /* Coupon button */
  .e-floating-bars__coupon-button {
    display: inline-block;
    padding: 6px 12px;
    background: #fff;
    color: #333;
    font-weight: bold;
    border-radius: 9999px;
    font-size: 0.9em;
    
    white-space: nowrap; /* Ensure coupon text doesn't wrap */
  }
}/* End custom CSS */