.elementor-51 .elementor-element.elementor-element-9c16fdb{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--padding-top:6%;--padding-bottom:6%;--padding-left:0%;--padding-right:0%;}.elementor-51 .elementor-element.elementor-element-9c16fdb:not(.elementor-motion-effects-element-type-background), .elementor-51 .elementor-element.elementor-element-9c16fdb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-682b6f3 );}.elementor-51 .elementor-element.elementor-element-9c16fdb::before, .elementor-51 .elementor-element.elementor-element-9c16fdb > .elementor-background-video-container::before, .elementor-51 .elementor-element.elementor-element-9c16fdb > .e-con-inner > .elementor-background-video-container::before, .elementor-51 .elementor-element.elementor-element-9c16fdb > .elementor-background-slideshow::before, .elementor-51 .elementor-element.elementor-element-9c16fdb > .e-con-inner > .elementor-background-slideshow::before, .elementor-51 .elementor-element.elementor-element-9c16fdb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://onlinead.my/barkath.com/wp-content/uploads/2025/10/home-products-bg-2.png");--background-overlay:'';background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-51 .elementor-element.elementor-element-d9bf469{text-align:center;font-family:"Archivo Black", Sans-serif;font-size:13px;font-weight:300;color:var( --e-global-color-2bfa573 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-51 .elementor-element.elementor-element-2d465ed{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-51 .elementor-element.elementor-element-2d465ed .elementor-heading-title{font-family:"Archivo Black", Sans-serif;font-size:50px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-2bfa573 );}.elementor-51 .elementor-element.elementor-element-a94d3f5{--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;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-51 .elementor-element.elementor-element-a94d3f5{--padding-top:5%;--padding-bottom:5%;--padding-left:3%;--padding-right:3%;}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-51 .elementor-element.elementor-element-2d465ed .elementor-heading-title{font-size:45px;}.elementor-51 .elementor-element.elementor-element-a94d3f5{--padding-top:8%;--padding-bottom:8%;--padding-left:5%;--padding-right:5%;}}/* Start custom CSS for container, class: .elementor-element-9c16fdb *//* 🌙 Animated floating background positioned at the top center【custom position】*/
.elementor-51 .elementor-element.elementor-element-9c16fdb::before {
  content: "";
  position: absolute;
  top: 0;                 /* Align to the top edge */
  left: 50%;              /* Center horizontally */
  transform: translateX(-50%);  /* Perfect horizontal centering */
  width: 100%;            /* Full container width */
  height: 100%;           /* Match container height */
  background: url('https://onlinead.my/barkath.com/wp-content/uploads/2025/10/home-products-bg-2.png')
    center top / cover no-repeat;  /* Image aligned top center and scaled to cover */
  opacity: 0.6;           /* Soft transparency for overlay effect */
  z-index: 0;             /* Place behind other elements */
  transform-origin: center;
  will-change: transform; /* Improve performance for animation */
  animation: bgFloatUpDownStrong 10s ease-in-out infinite; /* Smooth vertical float loop */
}

/* 🚀 Floating animation: gentle up-down movement while staying centered */
@keyframes bgFloatUpDownStrong {
  0%, 100% {
    transform: translateX(-50%) translateY(0);     /* Base position */
  }
  25% {
    transform: translateX(-50%) translateY(-20px); /* Move slightly upward */
  }
  50% {
    transform: translateX(-50%) translateY(10px);  /* Move slightly downward */
  }
  75% {
    transform: translateX(-50%) translateY(-15px); /* Up again for smooth loop */
  }
}/* End custom CSS */