.elementor-57 .elementor-element.elementor-element-d0ff54f{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:30px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-57 .elementor-element.elementor-element-b15af6d{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-b5147de{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-2851a85{width:var( --container-widget-width, 71.267% );max-width:71.267%;--container-widget-width:71.267%;--container-widget-flex-grow:0;}.elementor-57 .elementor-element.elementor-element-2851a85.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-57 .elementor-element.elementor-element-ca0f62a{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-39fef5b{width:auto;max-width:auto;animation-duration:3000ms;animation-delay:900ms;animation-timing-function:cubic-bezier(0.77,0,0.175,1);display:block;text-align:center;}.elementor-57 .elementor-element.elementor-element-39fef5b .aux-vertical .aux-menu-depth-0 .aux-item-content{display:block;text-align:center;}.elementor-57 .elementor-element.elementor-element-39fef5b .aux-menu-depth-0 > .aux-item-content{color:var( --e-global-color-676943b );font-family:"Urbanist", Sans-serif;font-size:18px;font-weight:500;text-transform:capitalize;letter-spacing:0.3px;}.elementor-57 .elementor-element.elementor-element-39fef5b .aux-fs-menu .aux-master-menu{text-align:left;}.elementor-57 .elementor-element.elementor-element-c225bc6{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-6e165d2 .elementor-button{background-color:var( --e-global-color-676943b );font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;letter-spacing:0.5px;fill:var( --e-global-color-1de75c6 );color:var( --e-global-color-1de75c6 );border-radius:25px 25px 25px 25px;}.elementor-57 .elementor-element.elementor-element-582bd4b{--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;--padding-top:60px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-57 .elementor-element.elementor-element-3dae053{--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;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-f7a49e4{width:var( --container-widget-width, 71.267% );max-width:71.267%;--container-widget-width:71.267%;--container-widget-flex-grow:0;}.elementor-57 .elementor-element.elementor-element-f7a49e4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-57 .elementor-element.elementor-element-20c9427 .aux-fs-menu .aux-menu-item {background-color:var( --e-global-color-1de75c6 );}.elementor-57 .elementor-element.elementor-element-20c9427{width:auto;max-width:auto;animation-duration:3000ms;animation-delay:900ms;animation-timing-function:cubic-bezier(0.77,0,0.175,1);text-align:left;}.elementor-57 .elementor-element.elementor-element-20c9427 .aux-vertical .aux-menu-depth-0 .aux-item-content{text-align:left;}.elementor-57 .elementor-element.elementor-element-20c9427 .aux-menu-depth-0 > .aux-item-content{color:var( --e-global-color-676943b );font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;letter-spacing:-0.32px;}.elementor-57 .elementor-element.elementor-element-20c9427 .aux-burger:before,  .elementor-57 .elementor-element.elementor-element-20c9427 .aux-burger:after, .elementor-57 .elementor-element.elementor-element-20c9427 .aux-burger .mid-line{border-color:var( --e-global-color-676943b );}.elementor-57 .elementor-element.elementor-element-20c9427 .aux-fs-menu .aux-master-menu{text-align:left;}@media(min-width:768px){.elementor-57 .elementor-element.elementor-element-b5147de{--width:25%;}.elementor-57 .elementor-element.elementor-element-ca0f62a{--width:50%;}.elementor-57 .elementor-element.elementor-element-c225bc6{--width:25%;}.elementor-57 .elementor-element.elementor-element-582bd4b{--content-width:1600px;}}@media(max-width:1024px){.elementor-57 .elementor-element.elementor-element-39fef5b .aux-fs-menu .aux-menu-item > .aux-item-content{font-size:45px;line-height:1.5em;}.elementor-57 .elementor-element.elementor-element-582bd4b{--padding-top:030px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-57 .elementor-element.elementor-element-20c9427 .aux-fs-menu .aux-menu-item > .aux-item-content{font-size:45px;line-height:1.5em;}}@media(max-width:767px){.elementor-57 .elementor-element.elementor-element-582bd4b{--padding-top:20px;--padding-bottom:10px;--padding-left:035px;--padding-right:035px;}.elementor-57 .elementor-element.elementor-element-3dae053{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;}}/* Start custom CSS for container, class: .elementor-element-d0ff54f *//* ===== Dimension (screenshot-accurate) glass preset ===== */
/* Use on container with classes: dim-glass dimension */
.dim-glass.dimension{
  /* tuned mid glass: slightly dark with blue-violet hue, soft lift at bottom */
  --glass-bg: rgba(18, 20, 34, 0.32);         /* core fill */
  --glass-bg-bottom: rgba(35, 40, 66, 0.20);  /* bottom brighten */
  --glass-border1: rgba(255,255,255,0.22);    /* top/front highlight line */
  --glass-border2: rgba(255,255,255,0.06);    /* fade to transparent */
  --glass-edge-dim: rgba(0,0,0,0.35);         /* subtle outer dim */
  --glass-highlight: rgba(255,180,120,0.10);  /* warm rim like the UI */
  --glass-shadow: 0 12px 36px rgba(0,0,0,0.40), 0 2px 10px rgba(0,0,0,0.30);
  --glass-radius: 18px;
  --glass-blur: 24px;
}

/* main fill: mid-dark with a bottom lift, very close to the screenshot */
.dim-glass.dimension{
  background:
    linear-gradient(180deg,
      rgba(255,255,255,0.02) 0%,
      rgba(255,255,255,0.00) 35%,
      var(--glass-bg-bottom) 100%) ,
    var(--glass-bg);
}

/* polished 1px border with brighter top edge and faded sides */
.dim-glass.dimension::before{
  background:
    linear-gradient(180deg,
      var(--glass-border1) 0%,
      var(--glass-border2) 70%,
      rgba(255,255,255,0.02) 100%);
}

/* soft warm rim light near the top curve + faint outer dim vignette */
.dim-glass.dimension::after{
  background:
    radial-gradient(90% 120% at 50% -10%,
      var(--glass-highlight) 0%,
      rgba(255,255,255,0.04) 35%,
      rgba(255,255,255,0) 70%),
    radial-gradient(120% 160% at 50% 120%,
      rgba(0,0,0,0.15) 0%,
      rgba(0,0,0,0) 60%);
  filter: blur(14px);
}

/* optional inner hairline at the very top (the screenshot has this) */
.dim-glass.dimension .has-top-line,
.dim-glass.dimension > .elementor-widget-wrap::before{
  content:"";
  position:absolute; left:10px; right:10px; top:10px; height:1px;
  border-radius:1px;
  background: linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.28) 12%,
    rgba(255,255,255,0.18) 50%,
    rgba(255,255,255,0.28) 88%,
    rgba(255,255,255,0) 100%);
  opacity:.8;
  pointer-events:none;
}

/* list-style dividers like the "Production" rows */
.dim-glass.dimension .dim-divider{
  position: relative;
}
.dim-glass.dimension .dim-divider + .dim-divider::before{
  content:"";
  position:absolute; left:16px; right:16px; top:-1px; height:1px;
  background: linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.10) 10%,
    rgba(255,255,255,0.06) 50%,
    rgba(255,255,255,0.10) 90%,
    rgba(255,255,255,0) 100%);
}

/* hover: tiny lift, no darkening */
.dim-glass.dimension:hover{
  transform: translateY(-1px);
  background:
    linear-gradient(180deg,
      rgba(255,255,255,0.03) 0%,
      rgba(255,255,255,0.00) 35%,
      rgba(60,70,110,0.20) 100%),
    rgba(18,20,34,0.34);
}

/* padding suggestion */
.elementor-element.dim-glass.dimension > .elementor-container,
.dim-glass.dimension > .elementor-widget-wrap{
  padding: clamp(18px, 2.2vw, 28px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-582bd4b *//* ===== Dimension (screenshot-accurate) glass preset ===== */
/* Use on container with classes: dim-glass dimension */
.dim-glass.dimension{
  /* tuned mid glass: slightly dark with blue-violet hue, soft lift at bottom */
  --glass-bg: rgba(18, 20, 34, 0.32);         /* core fill */
  --glass-bg-bottom: rgba(35, 40, 66, 0.20);  /* bottom brighten */
  --glass-border1: rgba(255,255,255,0.22);    /* top/front highlight line */
  --glass-border2: rgba(255,255,255,0.06);    /* fade to transparent */
  --glass-edge-dim: rgba(0,0,0,0.35);         /* subtle outer dim */
  --glass-highlight: rgba(255,180,120,0.10);  /* warm rim like the UI */
  --glass-shadow: 0 12px 36px rgba(0,0,0,0.40), 0 2px 10px rgba(0,0,0,0.30);
  --glass-radius: 18px;
  --glass-blur: 24px;
}

/* main fill: mid-dark with a bottom lift, very close to the screenshot */
.dim-glass.dimension{
  background:
    linear-gradient(180deg,
      rgba(255,255,255,0.02) 0%,
      rgba(255,255,255,0.00) 35%,
      var(--glass-bg-bottom) 100%) ,
    var(--glass-bg);
}

/* polished 1px border with brighter top edge and faded sides */
.dim-glass.dimension::before{
  background:
    linear-gradient(180deg,
      var(--glass-border1) 0%,
      var(--glass-border2) 70%,
      rgba(255,255,255,0.02) 100%);
}

/* soft warm rim light near the top curve + faint outer dim vignette */
.dim-glass.dimension::after{
  background:
    radial-gradient(90% 120% at 50% -10%,
      var(--glass-highlight) 0%,
      rgba(255,255,255,0.04) 35%,
      rgba(255,255,255,0) 70%),
    radial-gradient(120% 160% at 50% 120%,
      rgba(0,0,0,0.15) 0%,
      rgba(0,0,0,0) 60%);
  filter: blur(14px);
}

/* optional inner hairline at the very top (the screenshot has this) */
.dim-glass.dimension .has-top-line,
.dim-glass.dimension > .elementor-widget-wrap::before{
  content:"";
  position:absolute; left:10px; right:10px; top:10px; height:1px;
  border-radius:1px;
  background: linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.28) 12%,
    rgba(255,255,255,0.18) 50%,
    rgba(255,255,255,0.28) 88%,
    rgba(255,255,255,0) 100%);
  opacity:.8;
  pointer-events:none;
}

/* list-style dividers like the "Production" rows */
.dim-glass.dimension .dim-divider{
  position: relative;
}
.dim-glass.dimension .dim-divider + .dim-divider::before{
  content:"";
  position:absolute; left:16px; right:16px; top:-1px; height:1px;
  background: linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.10) 10%,
    rgba(255,255,255,0.06) 50%,
    rgba(255,255,255,0.10) 90%,
    rgba(255,255,255,0) 100%);
}

/* hover: tiny lift, no darkening */
.dim-glass.dimension:hover{
  transform: translateY(-1px);
  background:
    linear-gradient(180deg,
      rgba(255,255,255,0.03) 0%,
      rgba(255,255,255,0.00) 35%,
      rgba(60,70,110,0.20) 100%),
    rgba(18,20,34,0.34);
}

/* padding suggestion */
.elementor-element.dim-glass.dimension > .elementor-container,
.dim-glass.dimension > .elementor-widget-wrap{
  padding: clamp(18px, 2.2vw, 28px);
}/* End custom CSS */