.ehm-cta-box {margin: 20px 0 30px 0;}
.ehm-box-actions {display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; align-items:center;}
.ehm-cta-btn {display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 22px; border-radius:8px; text-decoration:none !important; font-weight:700; font-size:16px; transition:all 0.3s ease; border:2px solid transparent; cursor:pointer; text-align:center; line-height:1.4; box-shadow:0 2px 4px rgba(0,0,0,0.05);}
.ehm-cta-btn:hover {transform:translateY(-2px); box-shadow:0 4px 8px rgba(0,0,0,0.1); filter:brightness(1.1);}
.ehm-cta-btn-primary {background-color:var(--ehm-bg-cta, var(--ehm-bg, #0073aa)); color:var(--ehm-text-cta, #ffffff);}
.ehm-cta-btn-secondary {background-color:transparent; color:var(--ehm-bg-cta, var(--ehm-text, #333333)); margin-right:7px; margin-left:7px;}
.ehm-cta-btn-secondary:hover {background-color:var(--ehm-bg-cta, var(--ehm-bg, #0073aa)); color:var(--ehm-text-cta, #ffffff); filter:brightness(1.0);}
.ehm-cta-btn .dashicons {font-size:20px; height:20px; width:20px; line-height:1;}
.ehm-cta-btn.icon-left {flex-direction:row-reverse;}
.ehm-cta-btn.icon-right {flex-direction:row;}
.ehm-bg-card h2, .ehm-bg-card h3, .ehm-bg-card p, .ehm-card, .ehm-card h2, .ehm-card h3, .ehm-card p, .ehm-feature-list h2, .ehm-feature-list h3, .ehm-feature-list p, .ehm-glass h2, .ehm-glass h3, .ehm-glass p, .ehm-hover-card h2, .ehm-hover-card h3, .ehm-hover-card p, .ehm-icon-card h2, .ehm-icon-card h3, .ehm-icon-card p, .ehm-neumorph h2, .ehm-neumorph h3, .ehm-neumorph p, .ehm-parallax h2, .ehm-parallax h3, .ehm-parallax p, .ehm-timeline-item h2, .ehm-timeline-item h3, .ehm-timeline-item p, .ehm-two-col h2, .ehm-two-col h3, .ehm-two-col p {color:var(--ehm-text)}
.ehm-bg-card, .ehm-card {border-radius:12px; padding:16px}
.ehm-bg-card, .ehm-card, .ehm-feature-list, .ehm-glass, .ehm-hover-card, .ehm-icon-card, .ehm-neumorph, .ehm-parallax, .ehm-timeline-item, .ehm-two-col {box-sizing:border-box; margin:10px 0 20px; white-space:normal;}
.ehm-card {background:var(--ehm-bg, rgb(var(--ehm-bg-rgb))); box-shadow:0 4px 12px rgba(0,0,0,.08); text-align:center; max-width:400px; margin:auto}
.ehm-bg-card, .ehm-bg-card h3, .ehm-bg-card p, .ehm-neumorph h2, .ehm-neumorph h3, .ehm-neumorph p, .ehm-parallax h2, .ehm-parallax h3, .ehm-parallax p {color:#fff!important}
.ehm-card img {max-width:100%; border-radius:8px; margin-bottom:12px; background:var(--ehm-bg, rgb(var(--ehm-bg-rgb)));}
.ehm-bg-card {position:relative; overflow:hidden; background-size:cover; background-position:center; background:var(--ehm-bg, rgb(var(--ehm-bg-rgb)));}
.ehm-bg-card.has-image.gradient {background-image:var(--ehm-bg), var(--bg-img)}
.ehm-bg-card.has-image.solid {background-image:linear-gradient(rgba(var(--ehm-bg-rgb), .5), rgba(var(--ehm-bg-rgb), .5)), var(--bg-img)}
.ehm-overlay.ehm-flex {display:flex; gap:20px; align-items:center; flex-wrap:wrap; background:rgba(0,0,0,.7); border-radius:8px; padding:16px; position:static}
.ehm-column {flex:1 1 50%}
.ehm-image-col {flex:0 0 200px; max-width:200px}
.ehm-product-image {max-width:100%; border-radius:6px; display:block; margin:0 auto;}
.ehm-content-col h3 {margin-top:0; margin-bottom:8px}
.ehm-two-col {display:flex; gap:20px; border-radius:12px; padding:0; border:1px solid #ddd; align-items:stretch; overflow:hidden}
.ehm-two-col .ehm-image {flex:0 0 30%; overflow:hidden}
.ehm-two-col .ehm-image img {width:100%; height:100%; object-fit:cover; clip-path:polygon(15% 0,100% 0,100% 100%,0 100%); background:var(--ehm-bg, rgb(var(--ehm-bg-rgb)));}
.ehm-two-col .ehm-text {flex:1; padding:20px; display:flex; flex-direction:column; justify-content:center}
.ehm-hover-card .ehm-box-actions, .ehm-two-col .ehm-box-actions {margin-top:15px;}
.ehm-icon-card, .ehm-parallax {color:var(--ehm-text,#fff)}
.ehm-neumorph {position:relative; border-radius:20px; padding:2rem; text-align:center; background:var(--ehm-bg,rgb(var(--ehm-bg-rgb,240,240,240))); box-shadow:8px 8px 16px rgba(0, 0, 0, .15), -8px -8px 16px rgba(255, 255, 255, .9); overflow:hidden; transition:transform .3s, box-shadow .3s}
.ehm-neumorph:hover {transform:translateY(-4px); box-shadow:12px 12px 20px rgba(0,0,0,.18), -12px -12px 20px #fff}
.ehm-neumorph.gradient {background:var(--ehm-bg,linear-gradient(135deg,#ff512f,#dd2476))}
.ehm-neumorph.solid {background:rgb(var(--ehm-bg-rgb,240,240,240))}
.ehm-neumorph.has-image {background-image:var(--bg-img); background-size:cover; background-position:center; background-blend-mode:multiply}
.ehm-neumorph.has-image.solid {background-color:rgb(var(--ehm-bg-rgb,0,0,0))}
.ehm-neumorph.has-image.gradient {background-image:var(--bg-img), var(--ehm-bg,linear-gradient(135deg,#ff512f,#dd2476)); background-blend-mode:multiply}
.ehm-neumorph img {max-width:100%; border-radius:16px; margin-bottom:1rem}
.ehm-neumorph h3 {font-size:1.5rem; margin-bottom:.5rem; color:var(--ehm-text,#333)}
.ehm-neumorph p {font-size:1rem; margin-bottom:1rem; color:var(--ehm-text,#555); line-height:1.6}
.ehm-neumorph .ehm-cta-button {padding:.6rem 1.4rem; border-radius:50px; font-weight:600; background:var(--ehm-bg,rgb(var(--ehm-bg-rgb,0,0,0))); color:var(--ehm-text, #fff);}
.ehm-neumorph .ehm-cta-button:hover {transform:translateY(-2px); filter:brightness(1.1)}
.ehm-glass-two-col {display:flex; border:1px solid #ccc; border-radius:10px; overflow:hidden; box-sizing:border-box; background:rgba(255,255,255,.05)}
.ehm-glass-two-col .ehm-glass-image, .ehm-parallax, .ehm-parallax.has-image.gradient, .ehm-parallax.has-image.solid {background-size:cover; background-position:center}
.ehm-glass-two-col .ehm-glass-image {flex:1 1 50%; min-height:220px; background:var(--ehm-bg, rgb(var(--ehm-bg-rgb))); background-size:cover; background-position:center; background-repeat:no-repeat;}
.ehm-glass-two-col .ehm-glass-content {flex:1 1 50%; padding:20px; display:flex; flex-direction:column; justify-content:center; box-sizing:border-box; color:inherit}
.ehm-glass-two-col .ehm-glass-content h3 {margin:0 0 10px}
.ehm-glass-two-col .ehm-glass-content p {margin:0 0 15px; line-height:1.4}
.ehm-hover-card {display:flex; gap:20px; border-radius:12px; padding:0; border:1px solid #ddd; align-items:stretch; overflow:hidden; text-align:left}
.ehm-hover-card .ehm-img-zoom {flex:0 0 30%; overflow:hidden; clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%)}
.ehm-hover-card .ehm-img-zoom img {width:100%; height:100%; object-fit:cover; transition:transform .4s; background:var(--ehm-bg, rgb(var(--ehm-bg-rgb)));}
.ehm-hover-card:hover .ehm-img-zoom img {transform:scale(1.08)}
.ehm-hover-card .ehm-text {flex:1; padding:20px; display:flex; flex-direction:column; text-align:center; justify-content:center}
.ehm-hover-card .ehm-cta-actions {justify-content:center;}
.ehm-parallax {background-attachment:fixed; padding:30px 20px; text-align:center; border-radius:15px; position:relative; overflow:hidden; background:var(--ehm-bg, rgb(var(--ehm-bg-rgb)));}
.ehm-parallax.has-image.gradient {background-image:var(--ehm-bg), var(--bg-img)}
.ehm-parallax.has-image.solid {background-image:linear-gradient(rgba(var(--ehm-bg-rgb), .5), rgba(var(--ehm-bg-rgb), .5)), var(--bg-img)}
.ehm-parallax-content {max-width:600px; margin:auto; background:rgba(0,0,0,.7); padding:20px; border-radius:10px; position:relative; z-index:1}
.ehm-feature-list {display:flex; gap:16px; box-shadow:0 0 10px 0 #eee; align-items:center; padding:15px 15px 10px; border-radius:20px; justify-content:space-around;}
.ehm-feature-list img {width:80px; height:80px; border-radius:50%}
.ehm-feature-list ul {margin:0; padding-left:20px}
.ehm-feature-list .ehm-box-actions {flex:auto; margin-top:15px;}
.ehm-timeline-item {position:relative; margin-bottom:20px; border:1px solid #eee; padding:10px 15px; border-radius:15px}
.ehm-timeline-content .ehm-col-description {border-right:2px solid #ccc; padding-right:15px; margin-right:15px}
.ehm-timeline-content {display:flex; gap:20px; align-items:center; flex-wrap:wrap}
.ehm-col {padding:5px 0}
.ehm-col-image img {max-width:80px; border-radius:5px; height:auto; display:block}
.ehm-col-title h4 {margin:0; font-size:1.1em}
.ehm-col-description p {margin:0; font-size:.95em; color:#555}
.ehm-inline {background-attachment:fixed; padding:30px 20px; text-align:center; border-radius:15px; position:relative; overflow:hidden; background:var(--ehm-bg, rgb(var(--ehm-bg-rgb)));}
.ehm-inline.has-image.gradient {background-image:var(--ehm-bg), var(--bg-img)}
.ehm-inline.has-image.solid {background-image:linear-gradient(rgba(var(--ehm-bg-rgb), .5), rgba(var(--ehm-bg-rgb), .5)), var(--bg-img)}
.ehm-inline-content {max-width:600px; margin:auto; background:rgb(255 255 255); padding:20px; border-radius:10px; position:relative; z-index:1}
.ehm-col-button .ehm-cta-button {padding:8px 16px; background:var(--ehm-bg, rgb(var(--ehm-bg-rgb))); color:#fff; border-radius:4px;}
.ehm-icon-card {text-align:center; padding:16px; border-radius:12px; position:relative; overflow:hidden; background:var(--ehm-bg, rgb(var(--ehm-bg-rgb)));}
.ehm-icon-card.gradient {background-size:cover; background-position:center; background-image:var(--ehm-bg);}
.ehm-icon-card.solid {background-color:rgb(var(--ehm-bg-rgb));}
.ehm-icon-card .ehm-icon img {width:60px; height:60px; object-fit:contain; margin-bottom:12px}
.ehm-white-overlay, .ehm-white-overlay a, .ehm-white-overlay h3, .ehm-white-overlay p {color:#000!important}
.ehm-white-overlay {background:#fff!important}
.ehm-white-overlay .ehm-cta-button {background:#000; color:#fff!important}
.ehm-device-desktop {display:none}
.ehm-neumorph p, .ehm-neumorph h3 {text-align:center;}
.ehm-creative, .ehm-creative-ltr {position:relative; overflow:hidden; padding:30px 40px; border-radius:15px; box-shadow:0 0 10px 0 #eee; display:flex; flex-direction:column; justify-content:center; direction:rtl; isolation:isolate; background:var(--ehm-bg, rgb(var(--ehm-bg-rgb)));}
.ehm-creative-ltr {direction:ltr;}
.ehm-creative.solid, .ehm-creative-ltr.solid {background-color:rgb(var(--ehm-bg-rgb));}
.ehm-creative.gradient, .ehm-creative-ltr.gradient {background-image:var(--ehm-bg);}
.ehm-creative::after, .ehm-creative-ltr::after {content:''; position:absolute; inset:0; z-index:-1; background-image:var(--bg-img); background-size:cover; background-position:center; opacity:.99;}
.ehm-creative .ehm-box-content, .ehm-creative-ltr .ehm-box-content {position:relative; z-index:1; text-align:right;}
.ehm-creative-ltr .ehm-box-content {text-align:left;}
.ehm-creative .ehm-box-actions, .ehm-creative-ltr .ehm-box-actions {margin-top:25px; display:flex; flex-wrap:wrap; gap:15px;}
.ehm-creative-ltr .ehm-box-actions {justify-content:flex-start;}
.ehm-cta-actions {display:inline-flex;}

@media (max-width:768px) {
.ehm-cta-btn-secondary {margin-right:0; margin-left:0;}
.ehm-cta-actions {display:block;}
.ehm-cta-actions a {display:block; margin-bottom:5px;}
.ehm-overlay.ehm-flex {flex-direction:column; align-items:stretch; justify-content:space-around;}
.ehm-image-col {max-width:100%; text-align:center}
.ehm-glass-two-col, .ehm-two-col {flex-direction:column}
.ehm-two-col .ehm-image {flex:none}
.ehm-two-col .ehm-image img {clip-path:polygon(0 0,100% 0,100% 85%,0 100%); height:auto}
.ehm-neumorph {padding:1.5rem}
.ehm-neumorph h3 {font-size:1.3rem}
.ehm-neumorph p {font-size:.95rem}
.ehm-glass-two-col .ehm-glass-image {flex:unset; width:100%; min-height:180px}
.ehm-hover-card {flex-direction:column-reverse}
.ehm-hover-card .ehm-img-zoom {flex:none; clip-path:polygon(50% 100%, 100% 85%, 100% 0, 0 0, 0 85%)}
.ehm-hover-card .ehm-img-zoom img {height:auto}
.ehm-parallax {background-attachment:scroll}
.ehm-feature-list img {margin-top:-55px!important; border:5px solid #eee}
.ehm-feature-list {margin-top:65px}
.ehm-feature-list .ehm-box-actions {justify-content:center;}
.ehm-timeline-content .ehm-col-description {border-right:none; padding-right:0; margin-right:0}
.ehm-col-image {flex:0 0 100%!important; max-width:100%!important; border-radius:10px; width:-webkit-fill-available; background-image:var(--bg-img); background-size:cover; background-position:center; background-repeat:no-repeat; padding:0!important; margin:0!important}
.ehm-col-image img {opacity:0!important; height:0}
.ehm-timeline-content {flex-direction:column; align-items:flex-start}
.ehm-col-image img {max-width:100px}
.ehm-creative, .ehm-creative-ltr {padding:25px;}
.ehm-creative .ehm-box-content, .ehm-creative-ltr .ehm-box-content {text-align:center;}
.ehm-creative .ehm-box-actions, .ehm-creative-ltr .ehm-box-actions {justify-content:center;}
.ehm-creative, .ehm-creative-ltr {text-align: center;}
}

@media (max-width:600px) {
.ehm-feature-list, .ehm-glass, .ehm-two-col {flex-direction:column; text-align:center}
.ehm-feature-list img, .ehm-two-col img {margin:auto}
}

@media (min-width:768px) {
.ehm-device-desktop {display:block}
.ehm-device-mobile {display:none}
}