.elementor-3526 .elementor-element.elementor-element-1607302{--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:12%;--padding-left:0%;--padding-right:0%;}.elementor-3526 .elementor-element.elementor-element-1607302:not(.elementor-motion-effects-element-type-background), .elementor-3526 .elementor-element.elementor-element-1607302 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-682b6f3 );}.elementor-3526 .elementor-element.elementor-element-1607302::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .elementor-background-video-container::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .e-con-inner > .elementor-background-video-container::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .elementor-background-slideshow::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://barkath.com/wp-content/uploads/2025/10/home-products-bg-2.png");--background-overlay:'';background-position:0px -16px;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-3526 .elementor-element.elementor-element-9c70e4d{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-3526 .elementor-element.elementor-element-b24d1c6{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-3526 .elementor-element.elementor-element-b24d1c6 .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-3526 .elementor-element.elementor-element-3fc5e02{--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;--overlay-opacity:1;--padding-top:3%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3526 .elementor-element.elementor-element-3fc5e02:not(.elementor-motion-effects-element-type-background), .elementor-3526 .elementor-element.elementor-element-3fc5e02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3aae8e5 );}.elementor-3526 .elementor-element.elementor-element-3fc5e02::before, .elementor-3526 .elementor-element.elementor-element-3fc5e02 > .elementor-background-video-container::before, .elementor-3526 .elementor-element.elementor-element-3fc5e02 > .e-con-inner > .elementor-background-video-container::before, .elementor-3526 .elementor-element.elementor-element-3fc5e02 > .elementor-background-slideshow::before, .elementor-3526 .elementor-element.elementor-element-3fc5e02 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3526 .elementor-element.elementor-element-3fc5e02 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );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 );}.elementor-3526 .elementor-element.elementor-element-da65fcf{margin:-22% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;}.elementor-3526 .elementor-element.elementor-element-f7ce502{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:3%;--margin-bottom:3%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3526 .elementor-element.elementor-element-b84b6cc{--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;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:6px 0px 0px 0px;--border-top-width:6px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#DED257;--border-color:#DED257;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.33);--padding-top:0%;--padding-bottom:6%;--padding-left:5%;--padding-right:5%;}.elementor-3526 .elementor-element.elementor-element-b84b6cc::before, .elementor-3526 .elementor-element.elementor-element-b84b6cc > .elementor-background-video-container::before, .elementor-3526 .elementor-element.elementor-element-b84b6cc > .e-con-inner > .elementor-background-video-container::before, .elementor-3526 .elementor-element.elementor-element-b84b6cc > .elementor-background-slideshow::before, .elementor-3526 .elementor-element.elementor-element-b84b6cc > .e-con-inner > .elementor-background-slideshow::before, .elementor-3526 .elementor-element.elementor-element-b84b6cc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3526 .elementor-element.elementor-element-ea2e512{padding:0% 0% 5% 0%;text-align:center;}.elementor-3526 .elementor-element.elementor-element-ea2e512 .elementor-heading-title{font-family:"Archivo Black", Sans-serif;font-size:28px;font-weight:500;color:#E63933;}.elementor-3526 .elementor-element.elementor-element-e8ddde3{background-color:#58595A12;padding:5% 5% 5% 5%;border-radius:20px 20px 20px 20px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-text );}.elementor-3526 .elementor-element.elementor-element-e8ddde3.ha-has-bg-overlay:hover::before{transition:background 0.3s;}@media(min-width:768px){.elementor-3526 .elementor-element.elementor-element-b84b6cc{--width:33.33%;}}@media(max-width:1024px){.elementor-3526 .elementor-element.elementor-element-1607302::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .elementor-background-video-container::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .e-con-inner > .elementor-background-video-container::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .elementor-background-slideshow::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.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-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-3526 .elementor-element.elementor-element-da65fcf{margin:-20% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-3526 .elementor-element.elementor-element-f7ce502{--padding-top:0%;--padding-bottom:5%;--padding-left:3%;--padding-right:3%;}.elementor-3526 .elementor-element.elementor-element-ea2e512 .elementor-heading-title{font-size:26px;}}@media(max-width:767px){.elementor-3526 .elementor-element.elementor-element-1607302::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .elementor-background-video-container::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .e-con-inner > .elementor-background-video-container::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .elementor-background-slideshow::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3526 .elementor-element.elementor-element-1607302 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-3526 .elementor-element.elementor-element-1607302{--padding-top:6%;--padding-bottom:12%;--padding-left:0%;--padding-right:0%;}.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-3526 .elementor-element.elementor-element-b24d1c6 .elementor-heading-title{font-size:45px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-3526 .elementor-element.elementor-element-f7ce502{--padding-top:0%;--padding-bottom:8%;--padding-left:5%;--padding-right:5%;}.elementor-3526 .elementor-element.elementor-element-ea2e512 .elementor-heading-title{font-size:26px;}}/* Start custom CSS for container, class: .elementor-element-1607302 *//* 🌙 Animated floating background positioned at the top center【custom position】*/
.elementor-3526 .elementor-element.elementor-element-1607302::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 */
/* Start custom CSS for image, class: .elementor-element-da65fcf */.elementor-3526 .elementor-element.elementor-element-da65fcf img {
  width: 100% !important;
  height: auto !important;
}/* End custom CSS */