.elementor-3060 .elementor-element.elementor-element-31b4bcaa{--display:flex;--min-height:40vh;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--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-3060 .elementor-element.elementor-element-31b4bcaa::before, .elementor-3060 .elementor-element.elementor-element-31b4bcaa > .elementor-background-video-container::before, .elementor-3060 .elementor-element.elementor-element-31b4bcaa > .e-con-inner > .elementor-background-video-container::before, .elementor-3060 .elementor-element.elementor-element-31b4bcaa > .elementor-background-slideshow::before, .elementor-3060 .elementor-element.elementor-element-31b4bcaa > .e-con-inner > .elementor-background-slideshow::before, .elementor-3060 .elementor-element.elementor-element-31b4bcaa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3060 .elementor-element.elementor-element-31b4bcaa:not(.elementor-motion-effects-element-type-background), .elementor-3060 .elementor-element.elementor-element-31b4bcaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://swthessaloniki.com/wp-content/uploads/2025/10/background06.webp") 50% 50%;background-size:cover;}.elementor-3060 .elementor-element.elementor-element-3007a0d{--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;--justify-content:center;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-3060 .elementor-element.elementor-element-3007a0d:not(.elementor-motion-effects-element-type-background), .elementor-3060 .elementor-element.elementor-element-3007a0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(136deg, #0D0D0D 39%, #444343 78%);}.elementor-3060 .elementor-element.elementor-element-863c03b{--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;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-3060 .elementor-element.elementor-element-a937bb3{--iteration-count:infinite;--dynamic-text-color:var( --e-global-color-primary );--typing-selected-bg-color:var( --e-global-color-accent );}.elementor-3060 .elementor-element.elementor-element-a937bb3 .elementor-headline{text-align:center;}.elementor-3060 .elementor-element.elementor-element-a937bb3 .elementor-headline-plain-text{color:var( --e-global-color-astglobalcolor6 );}.elementor-3060 .elementor-element.elementor-element-99c1a94{--display:flex;}.elementor-3060 .elementor-element.elementor-element-11c2636{--display:flex;}.elementor-3060 .elementor-element.elementor-element-6fcfea6{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-3060 .elementor-element.elementor-element-6fcfea6.e-con:hover{--e-con-transform-translateX:-2px;--e-con-transform-translateY:-5px;}.elementor-3060 .elementor-element.elementor-element-6fcfea6:hover{--border-radius:5px 5px 5px 5px;--border-top-left-radius:5px;--border-top-right-radius:5px;--border-bottom-right-radius:5px;--border-bottom-left-radius:5px;}.elementor-3060 .elementor-element.elementor-element-6fcfea6, .elementor-3060 .elementor-element.elementor-element-6fcfea6::before{--border-transition:0.2s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3060 .elementor-element.elementor-element-1039b4d .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3060 .elementor-element.elementor-element-b463839 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-3060 .elementor-element.elementor-element-5a18e7f{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:#FFFFFF;}.elementor-3060 .elementor-element.elementor-element-1595fff .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3060 .elementor-element.elementor-element-40a11c1 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3060 .elementor-element.elementor-element-bc15784{--display:flex;}.elementor-3060 .elementor-element.elementor-element-d6ae479{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-3060 .elementor-element.elementor-element-d6ae479.e-con:hover{--e-con-transform-translateX:-2px;--e-con-transform-translateY:-5px;}.elementor-3060 .elementor-element.elementor-element-d6ae479:hover{--border-radius:5px 5px 5px 5px;--border-top-left-radius:5px;--border-top-right-radius:5px;--border-bottom-right-radius:5px;--border-bottom-left-radius:5px;}.elementor-3060 .elementor-element.elementor-element-d6ae479, .elementor-3060 .elementor-element.elementor-element-d6ae479::before{--border-transition:0.2s;}.elementor-3060 .elementor-element.elementor-element-b45877b .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3060 .elementor-element.elementor-element-9ee877f{text-align:left;}.elementor-3060 .elementor-element.elementor-element-9ee877f .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3060 .elementor-element.elementor-element-412f1ed{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:#FFFFFF;}.elementor-3060 .elementor-element.elementor-element-7673ef5 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3060 .elementor-element.elementor-element-1f1a785 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3060 .elementor-element.elementor-element-f879726{--display:flex;}.elementor-3060 .elementor-element.elementor-element-c2411f0{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-3060 .elementor-element.elementor-element-c2411f0.e-con:hover{--e-con-transform-translateX:-2px;--e-con-transform-translateY:-5px;}.elementor-3060 .elementor-element.elementor-element-c2411f0:hover{--border-radius:5px 5px 5px 5px;--border-top-left-radius:5px;--border-top-right-radius:5px;--border-bottom-right-radius:5px;--border-bottom-left-radius:5px;}.elementor-3060 .elementor-element.elementor-element-c2411f0, .elementor-3060 .elementor-element.elementor-element-c2411f0::before{--border-transition:0.2s;}.elementor-3060 .elementor-element.elementor-element-73a2454 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3060 .elementor-element.elementor-element-6a5c62f{text-align:left;}.elementor-3060 .elementor-element.elementor-element-6a5c62f .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3060 .elementor-element.elementor-element-67d847b{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:#FFFFFF;}.elementor-3060 .elementor-element.elementor-element-7cf8301 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3060 .elementor-element.elementor-element-6a5e61f .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3060 .elementor-element.elementor-element-d627f27{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-3060 .elementor-element.elementor-element-d627f27.e-con:hover{--e-con-transform-translateX:-2px;--e-con-transform-translateY:-5px;}.elementor-3060 .elementor-element.elementor-element-d627f27:hover{--border-radius:5px 5px 5px 5px;--border-top-left-radius:5px;--border-top-right-radius:5px;--border-bottom-right-radius:5px;--border-bottom-left-radius:5px;}.elementor-3060 .elementor-element.elementor-element-d627f27, .elementor-3060 .elementor-element.elementor-element-d627f27::before{--border-transition:0.2s;}.elementor-3060 .elementor-element.elementor-element-e8d309d .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3060 .elementor-element.elementor-element-5717b0d{text-align:left;}.elementor-3060 .elementor-element.elementor-element-5717b0d .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3060 .elementor-element.elementor-element-8426687{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:#FFFFFF;}.elementor-3060 .elementor-element.elementor-element-3cf5a1d .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3060 .elementor-element.elementor-element-a33d3cf .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3060 .elementor-element.elementor-element-af055f6{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-3060 .elementor-element.elementor-element-af055f6.e-con:hover{--e-con-transform-translateX:-2px;--e-con-transform-translateY:-5px;}.elementor-3060 .elementor-element.elementor-element-af055f6:hover{--border-radius:5px 5px 5px 5px;--border-top-left-radius:5px;--border-top-right-radius:5px;--border-bottom-right-radius:5px;--border-bottom-left-radius:5px;}.elementor-3060 .elementor-element.elementor-element-af055f6, .elementor-3060 .elementor-element.elementor-element-af055f6::before{--border-transition:0.2s;}.elementor-3060 .elementor-element.elementor-element-a852723 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3060 .elementor-element.elementor-element-1546842{text-align:left;}.elementor-3060 .elementor-element.elementor-element-1546842 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3060 .elementor-element.elementor-element-a132543{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:#FFFFFF;}.elementor-3060 .elementor-element.elementor-element-140bd54 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3060 .elementor-element.elementor-element-ca88faf .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3060 .elementor-element.elementor-element-3007a0d{--content-width:1400px;}.elementor-3060 .elementor-element.elementor-element-863c03b{--width:100%;}.elementor-3060 .elementor-element.elementor-element-11c2636{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-6fcfea6 *//* ===== GLASS CARD (per card) ===== */
.elementor-3060 .elementor-element.elementor-element-6fcfea6{
  --brand:#f97316;                 /* change per card if you want */
  position:relative; overflow:hidden;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius:16px;
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
  padding: 32px;                   /* D: adjust T/M in Elementor */
  transition: transform .25s ease, box-shadow .25s ease;
}

/* gradient border */
.elementor-3060 .elementor-element.elementor-element-6fcfea6::before{
  content:""; position:absolute; inset:0; border-radius:16px; padding:1px;
  background: conic-gradient(from 180deg at 50% 50%, var(--brand), #ffd3b0, var(--brand));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none; opacity:.45;
}

/* Typography inside (for dark section background) */
.elementor-3060 .elementor-element.elementor-element-6fcfea6 .elementor-heading-title{ color:#ee702d; }
.elementor-3060 .elementor-element.elementor-element-6fcfea6 .overline{ font-size:12px; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,.7); }
.elementor-3060 .elementor-element.elementor-element-6fcfea6 .elementor-text-editor{ color:rgba(255,255,255,.85); line-height:1.6; }
.elementor-3060 .elementor-element.elementor-element-6fcfea6 .elementor-icon{ color: var(--brand); }
.elementor-3060 .elementor-element.elementor-element-6fcfea6 .elementor-icon-list-text{ color:rgba(255,255,255,.9); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6ae479 *//* ===== GLASS CARD (per card) ===== */
.elementor-3060 .elementor-element.elementor-element-d6ae479{
  --brand:#f97316;                 /* change per card if you want */
  position:relative; overflow:hidden;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius:16px;
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
  padding: 32px;                   /* D: adjust T/M in Elementor */
  transition: transform .25s ease, box-shadow .25s ease;
}

/* gradient border */
.elementor-3060 .elementor-element.elementor-element-d6ae479::before{
  content:""; position:absolute; inset:0; border-radius:16px; padding:1px;
  background: conic-gradient(from 180deg at 50% 50%, var(--brand), #ffd3b0, var(--brand));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none; opacity:.45;
}

/* subtle glare */
.elementor-3060 .elementor-element.elementor-element-d6ae479::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(1200px 200px at -10% -10%, rgba(255,255,255,.20), transparent 50%);
}

.elementor-3060 .elementor-element.elementor-element-d6ae479:hover{ transform: translateY(-4px); box-shadow: 0 30px 70px rgba(0,0,0,.5);}

/* Typography inside (for dark section background) */
.elementor-3060 .elementor-element.elementor-element-d6ae479 .elementor-heading-title{ color:#ee702d; }
.elementor-3060 .elementor-element.elementor-element-d6ae479 .overline{ font-size:12px; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,.7); }
.elementor-3060 .elementor-element.elementor-element-d6ae479 .elementor-text-editor{ color:rgba(255,255,255,.85) ; line-height:1.6; }
.elementor-3060 .elementor-element.elementor-element-d6ae479 .elementor-icon{ color: var(--brand); }
.elementor-3060 .elementor-element.elementor-element-d6ae479 .elementor-icon-list-text{ color:rgba(255,255,255,.9); }

@media (max-width:1024px){ .elementor-3060 .elementor-element.elementor-element-d6ae479{ padding:28px; } }
@media (max-width:767px){ .elementor-3060 .elementor-element.elementor-element-d6ae479{ padding:24px; } }

/* --- Logo swap: perfectly centered on editor & live --- */
.elementor-3060 .elementor-element.elementor-element-d6ae479 .logo-stack{
  position: relative;
  display: block;             /* a fixed logo area so layout doesn't jump */
  width: 100%;
  height: 64px;               /* D */
}
@media (max-width:1024px){ .elementor-3060 .elementor-element.elementor-element-d6ae479 .logo-stack{ height:56px; } } /* T */
@media (max-width:767px){  .elementor-3060 .elementor-element.elementor-element-d6ae479 .logo-stack{ height:52px; } } /* M */

/* Base sizing for both logos */
.elementor-3060 .elementor-element.elementor-element-d6ae479 .logo-stack img{
  display:block;
  max-width: 300px;           /* cap the width */
  width: 100%;
  height: auto;
}

/* Stack and center BOTH versions exactly */
.elementor-3060 .elementor-element.elementor-element-d6ae479 .logo-stack .logo-mono,
.elementor-3060 .elementor-element.elementor-element-d6ae479 .logo-stack .logo-color{
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  margin: 0; padding: 0;
  transition: opacity .15s ease, transform .15s ease;
}

/* Start with color hidden */
.elementor-3060 .elementor-element.elementor-element-d6ae479 .logo-stack .logo-color{ opacity: 0; transform: translate(-50%, -50%) translateY(4px); }

/* Hover: fade color in, mono out */
.elementor-3060 .elementor-element.elementor-element-d6ae479:hover .logo-stack .logo-color{ opacity: 1; transform: translate(-50%, -50%) translateY(0); }
.elementor-3060 .elementor-element.elementor-element-d6ae479:hover .logo-stack .logo-mono{ opacity: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2411f0 *//* ===== GLASS CARD (per card) ===== */
.elementor-3060 .elementor-element.elementor-element-c2411f0{
  --brand:#f97316;                 /* change per card if you want */
  position:relative; overflow:hidden;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius:16px;
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
  padding: 32px;                   /* D: adjust T/M in Elementor */
  transition: transform .25s ease, box-shadow .25s ease;
}

/* gradient border */
.elementor-3060 .elementor-element.elementor-element-c2411f0::before{
  content:""; position:absolute; inset:0; border-radius:16px; padding:1px;
  background: conic-gradient(from 180deg at 50% 50%, var(--brand), #ffd3b0, var(--brand));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none; opacity:.45;
}

/* subtle glare */
.elementor-3060 .elementor-element.elementor-element-c2411f0::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(1200px 200px at -10% -10%, rgba(255,255,255,.20), transparent 50%);
}

.elementor-3060 .elementor-element.elementor-element-c2411f0:hover{ transform: translateY(-4px); box-shadow: 0 30px 70px rgba(0,0,0,.5);}

/* Typography inside (for dark section background) */
.elementor-3060 .elementor-element.elementor-element-c2411f0 .elementor-heading-title{ color:#ee702d; }
.elementor-3060 .elementor-element.elementor-element-c2411f0 .overline{ font-size:12px; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,.7); }
.elementor-3060 .elementor-element.elementor-element-c2411f0 .elementor-text-editor{ color:rgba(255,255,255,.85) ; line-height:1.6; }
.elementor-3060 .elementor-element.elementor-element-c2411f0 .elementor-icon{ color: var(--brand); }
.elementor-3060 .elementor-element.elementor-element-c2411f0 .elementor-icon-list-text{ color:rgba(255,255,255,.9); }

@media (max-width:1024px){ .elementor-3060 .elementor-element.elementor-element-c2411f0{ padding:28px; } }
@media (max-width:767px){ .elementor-3060 .elementor-element.elementor-element-c2411f0{ padding:24px; } }

/* --- Logo swap: perfectly centered on editor & live --- */
.elementor-3060 .elementor-element.elementor-element-c2411f0 .logo-stack{
  position: relative;
  display: block;             /* a fixed logo area so layout doesn't jump */
  width: 100%;
  height: 64px;               /* D */
}
@media (max-width:1024px){ .elementor-3060 .elementor-element.elementor-element-c2411f0 .logo-stack{ height:56px; } } /* T */
@media (max-width:767px){  .elementor-3060 .elementor-element.elementor-element-c2411f0 .logo-stack{ height:52px; } } /* M */

/* Base sizing for both logos */
.elementor-3060 .elementor-element.elementor-element-c2411f0 .logo-stack img{
  display:block;
  max-width: 300px;           /* cap the width */
  width: 100%;
  height: auto;
}

/* Stack and center BOTH versions exactly */
.elementor-3060 .elementor-element.elementor-element-c2411f0 .logo-stack .logo-mono,
.elementor-3060 .elementor-element.elementor-element-c2411f0 .logo-stack .logo-color{
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  margin: 0; padding: 0;
  transition: opacity .15s ease, transform .15s ease;
}

/* Start with color hidden */
.elementor-3060 .elementor-element.elementor-element-c2411f0 .logo-stack .logo-color{ opacity: 0; transform: translate(-50%, -50%) translateY(4px); }

/* Hover: fade color in, mono out */
.elementor-3060 .elementor-element.elementor-element-c2411f0:hover .logo-stack .logo-color{ opacity: 1; transform: translate(-50%, -50%) translateY(0); }
.elementor-3060 .elementor-element.elementor-element-c2411f0:hover .logo-stack .logo-mono{ opacity: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d627f27 *//* ===== GLASS CARD (per card) ===== */
.elementor-3060 .elementor-element.elementor-element-d627f27{
  --brand:#f97316;                 /* change per card if you want */
  position:relative; overflow:hidden;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius:16px;
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
  padding: 32px;                   /* D: adjust T/M in Elementor */
  transition: transform .25s ease, box-shadow .25s ease;
}

/* gradient border */
.elementor-3060 .elementor-element.elementor-element-d627f27::before{
  content:""; position:absolute; inset:0; border-radius:16px; padding:1px;
  background: conic-gradient(from 180deg at 50% 50%, var(--brand), #ffd3b0, var(--brand));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none; opacity:.45;
}

/* subtle glare */
.elementor-3060 .elementor-element.elementor-element-d627f27::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(1200px 200px at -10% -10%, rgba(255,255,255,.20), transparent 50%);
}

.elementor-3060 .elementor-element.elementor-element-d627f27:hover{ transform: translateY(-4px); box-shadow: 0 30px 70px rgba(0,0,0,.5);}

/* Typography inside (for dark section background) */
.elementor-3060 .elementor-element.elementor-element-d627f27 .elementor-heading-title{ color:#ee702d; }
.elementor-3060 .elementor-element.elementor-element-d627f27 .overline{ font-size:12px; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,.7); }
.elementor-3060 .elementor-element.elementor-element-d627f27 .elementor-text-editor{ color:rgba(255,255,255,.85) ; line-height:1.6; }
.elementor-3060 .elementor-element.elementor-element-d627f27 .elementor-icon{ color: var(--brand); }
.elementor-3060 .elementor-element.elementor-element-d627f27 .elementor-icon-list-text{ color:rgba(255,255,255,.9); }

@media (max-width:1024px){ .elementor-3060 .elementor-element.elementor-element-d627f27{ padding:28px; } }
@media (max-width:767px){ .elementor-3060 .elementor-element.elementor-element-d627f27{ padding:24px; } }

/* --- Logo swap: perfectly centered on editor & live --- */
.elementor-3060 .elementor-element.elementor-element-d627f27 .logo-stack{
  position: relative;
  display: block;             /* a fixed logo area so layout doesn't jump */
  width: 100%;
  height: 64px;               /* D */
}
@media (max-width:1024px){ .elementor-3060 .elementor-element.elementor-element-d627f27 .logo-stack{ height:56px; } } /* T */
@media (max-width:767px){  .elementor-3060 .elementor-element.elementor-element-d627f27 .logo-stack{ height:52px; } } /* M */

/* Base sizing for both logos */
.elementor-3060 .elementor-element.elementor-element-d627f27 .logo-stack img{
  display:block;
  max-width: 300px;           /* cap the width */
  width: 100%;
  height: auto;
}

/* Stack and center BOTH versions exactly */
.elementor-3060 .elementor-element.elementor-element-d627f27 .logo-stack .logo-mono,
.elementor-3060 .elementor-element.elementor-element-d627f27 .logo-stack .logo-color{
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  margin: 0; padding: 0;
  transition: opacity .15s ease, transform .15s ease;
}

/* Start with color hidden */
.elementor-3060 .elementor-element.elementor-element-d627f27 .logo-stack .logo-color{ opacity: 0; transform: translate(-50%, -50%) translateY(4px); }

/* Hover: fade color in, mono out */
.elementor-3060 .elementor-element.elementor-element-d627f27:hover .logo-stack .logo-color{ opacity: 1; transform: translate(-50%, -50%) translateY(0); }
.elementor-3060 .elementor-element.elementor-element-d627f27:hover .logo-stack .logo-mono{ opacity: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af055f6 *//* ===== GLASS CARD (per card) ===== */
.elementor-3060 .elementor-element.elementor-element-af055f6{
  --brand:#f97316;                 /* change per card if you want */
  position:relative; overflow:hidden;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius:16px;
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
  padding: 32px;                   /* D: adjust T/M in Elementor */
  transition: transform .25s ease, box-shadow .25s ease;
}

/* gradient border */
.elementor-3060 .elementor-element.elementor-element-af055f6::before{
  content:""; position:absolute; inset:0; border-radius:16px; padding:1px;
  background: conic-gradient(from 180deg at 50% 50%, var(--brand), #ffd3b0, var(--brand));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none; opacity:.45;
}

/* subtle glare */
.elementor-3060 .elementor-element.elementor-element-af055f6::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(1200px 200px at -10% -10%, rgba(255,255,255,.20), transparent 50%);
}

.elementor-3060 .elementor-element.elementor-element-af055f6:hover{ transform: translateY(-4px); box-shadow: 0 30px 70px rgba(0,0,0,.5);}

/* Typography inside (for dark section background) */
.elementor-3060 .elementor-element.elementor-element-af055f6 .elementor-heading-title{ color:#ee702d; }
.elementor-3060 .elementor-element.elementor-element-af055f6 .overline{ font-size:12px; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,.7); }
.elementor-3060 .elementor-element.elementor-element-af055f6 .elementor-text-editor{ color:rgba(255,255,255,.85) ; line-height:1.6; }
.elementor-3060 .elementor-element.elementor-element-af055f6 .elementor-icon{ color: var(--brand); }
.elementor-3060 .elementor-element.elementor-element-af055f6 .elementor-icon-list-text{ color:rgba(255,255,255,.9); }

@media (max-width:1024px){ .elementor-3060 .elementor-element.elementor-element-af055f6{ padding:28px; } }
@media (max-width:767px){ .elementor-3060 .elementor-element.elementor-element-af055f6{ padding:24px; } }

/* --- Logo swap: perfectly centered on editor & live --- */
.elementor-3060 .elementor-element.elementor-element-af055f6 .logo-stack{
  position: relative;
  display: block;             /* a fixed logo area so layout doesn't jump */
  width: 100%;
  height: 64px;               /* D */
}
@media (max-width:1024px){ .elementor-3060 .elementor-element.elementor-element-af055f6 .logo-stack{ height:56px; } } /* T */
@media (max-width:767px){  .elementor-3060 .elementor-element.elementor-element-af055f6 .logo-stack{ height:52px; } } /* M */

/* Base sizing for both logos */
.elementor-3060 .elementor-element.elementor-element-af055f6 .logo-stack img{
  display:block;
  max-width: 300px;           /* cap the width */
  width: 100%;
  height: auto;
}

/* Stack and center BOTH versions exactly */
.elementor-3060 .elementor-element.elementor-element-af055f6 .logo-stack .logo-mono,
.elementor-3060 .elementor-element.elementor-element-af055f6 .logo-stack .logo-color{
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  margin: 0; padding: 0;
  transition: opacity .15s ease, transform .15s ease;
}

/* Start with color hidden */
.elementor-3060 .elementor-element.elementor-element-af055f6 .logo-stack .logo-color{ opacity: 0; transform: translate(-50%, -50%) translateY(4px); }

/* Hover: fade color in, mono out */
.elementor-3060 .elementor-element.elementor-element-af055f6:hover .logo-stack .logo-color{ opacity: 1; transform: translate(-50%, -50%) translateY(0); }
.elementor-3060 .elementor-element.elementor-element-af055f6:hover .logo-stack .logo-mono{ opacity: 0; }/* End custom CSS */