.elementor-5906 .elementor-element.elementor-element-fd12292{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-5906 .elementor-element.elementor-element-2a20b16f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-5906 .elementor-element.elementor-element-711d4fb7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-5906 .elementor-element.elementor-element-3eb9c50f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-5906 .elementor-element.elementor-element-799f4751{--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-5906 .elementor-element.elementor-element-4f53b485{--display:flex;--min-height:600px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.47;--overlay-mix-blend-mode:multiply;--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-5906 .elementor-element.elementor-element-4f53b485:not(.elementor-motion-effects-element-type-background), .elementor-5906 .elementor-element.elementor-element-4f53b485 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sugartia-staging.digiglowmedia.gr/wp-content/uploads/2026/07/Pic-3-final.jpg");background-position:bottom right;background-size:cover;}.elementor-5906 .elementor-element.elementor-element-4f53b485::before, .elementor-5906 .elementor-element.elementor-element-4f53b485 > .elementor-background-video-container::before, .elementor-5906 .elementor-element.elementor-element-4f53b485 > .e-con-inner > .elementor-background-video-container::before, .elementor-5906 .elementor-element.elementor-element-4f53b485 > .elementor-background-slideshow::before, .elementor-5906 .elementor-element.elementor-element-4f53b485 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5906 .elementor-element.elementor-element-4f53b485 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0C1B42;--background-overlay:'';}.elementor-5906 .elementor-element.elementor-element-5d181fc8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-5906 .elementor-element.elementor-element-4d7fc241{--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;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-5906 .elementor-element.elementor-element-4f53b485:not(.elementor-motion-effects-element-type-background), .elementor-5906 .elementor-element.elementor-element-4f53b485 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-5906 .elementor-element.elementor-element-4f53b485{--min-height:250px;}}/* Start custom CSS for container, class: .elementor-element-2a20b16f *//* =========================================
   QUALITY ORBIT — HOLOGRAPHIC FSSC BACKGROUND
   Add class to main section: sg-quality-holo-fssc
========================================= */

.elementor-5906 .elementor-element.elementor-element-2a20b16f.sg-quality-holo-fssc {
  --sg-holo-x: 50%;
  --sg-holo-y: 50%;
  --sg-holo-opacity: 0;

  position: relative;
  isolation: isolate;
  overflow: hidden;
}

/* Repeating FSSC logo watermark pattern */
.elementor-5906 .elementor-element.elementor-element-2a20b16f.sg-quality-holo-fssc::before {
  content: "";
  position: absolute;
  inset: -12%;
  z-index: 0;

  pointer-events: none;

  background-image: url("https://sugartia-staging.digiglowmedia.gr/wp-content/uploads/2026/05/Logo-FSSC-22000-versie_2015_def_.png");
  background-repeat: repeat;
  background-size: 230px auto;
  background-position: center;

  opacity: 0.035;

  filter:
    grayscale(1)
    brightness(1.8)
    contrast(0.72);

  transform: rotate(-8deg) scale(1.08);
}

/* Holographic rainbow foil layer */
.elementor-5906 .elementor-element.elementor-element-2a20b16f.sg-quality-holo-fssc::after {
  content: "";
  position: absolute;
  inset: -20%;
  z-index: 1;

  pointer-events: none;

  background:
    radial-gradient(
      circle at var(--sg-holo-x) var(--sg-holo-y),
      rgba(255, 255, 255, 0.32) 0%,
      rgba(255, 255, 255, 0.12) 9%,
      transparent 26%
    ),
    conic-gradient(
      from 160deg at var(--sg-holo-x) var(--sg-holo-y),
      rgba(255, 0, 150, 0.00),
      rgba(255, 0, 150, 0.18),
      rgba(255, 210, 64, 0.16),
      rgba(72, 255, 210, 0.18),
      rgba(70, 120, 255, 0.18),
      rgba(180, 80, 255, 0.16),
      rgba(255, 0, 150, 0.00)
    ),
    linear-gradient(
      115deg,
      transparent 0%,
      rgba(255, 255, 255, 0.05) 34%,
      rgba(255, 255, 255, 0.22) 47%,
      rgba(255, 255, 255, 0.05) 60%,
      transparent 100%
    );

  opacity: var(--sg-holo-opacity);

  mix-blend-mode: screen;

  transform:
    translate3d(
      calc((var(--sg-holo-x) - 50%) * -0.02),
      calc((var(--sg-holo-y) - 50%) * -0.02),
      0
    )
    rotate(-8deg);

  filter: blur(0.2px) saturate(1.45);

  transition: opacity 0.35s ease;
}

/* Make sure section content stays above the holographic layers */
.elementor-5906 .elementor-element.elementor-element-2a20b16f.sg-quality-holo-fssc > * {
  position: relative;
  z-index: 3;
}

/* Optional: slightly stronger logo pattern while hovering */
.elementor-5906 .elementor-element.elementor-element-2a20b16f.sg-quality-holo-fssc.is-holo-active::before {
  opacity: 0.055;
}

/* Mobile: keep it calmer */
@media (max-width: 1024px) {
  .elementor-5906 .elementor-element.elementor-element-2a20b16f.sg-quality-holo-fssc::before {
    background-size: 190px auto;
    opacity: 0.028;
  }

  .elementor-5906 .elementor-element.elementor-element-2a20b16f.sg-quality-holo-fssc::after {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-5906 .elementor-element.elementor-element-2a20b16f.sg-quality-holo-fssc::after {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d7fc241 */<style>
  /* Zero-height holder for bottom scripts/styles */
  .sg-quality-script-holder,
  .sg-quality-script-holder > .e-con-inner,
  .sg-quality-script-holder .elementor-widget,
  .sg-quality-script-holder .elementor-widget-container,
  .sg-quality-script-holder .elementor-widget-html {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    overflow: hidden !important;
  }

  .sg-quality-script-holder {
    display: block !important;
    width: 100% !important;
    pointer-events: none !important;
  }

  .sg-quality-script-holder script,
  .sg-quality-script-holder style {
    display: none !important;
  }
</style>/* End custom CSS */