.elementor .ba-slider{selector {
position: relative;
overflow: hidden;
max-width: 796px;
margin: 0 auto;
cursor: col-resize;
user-select: none;
}

/* After image (bottom layer) */
selector .ba-after-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

selector .ba-after-img img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* Before image (top layer, clipped) */
selector .ba-before-img {
position: absolute;
top: 0;
left: 0;
width: 50%; /* starting position */
height: 100%;
z-index: 2;
overflow: hidden;
border-right: 2px solid #fff;
}

selector .ba-before-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

/* Labels */
selector .ba-label-before,
selector .ba-label-after {
position: absolute;
bottom: 20px;
padding: 6px 14px;
border-radius: 3px;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.5px;
z-index: 3;
pointer-events: none;
}

selector .ba-label-before {
left: 20px;
background: rgba(0, 40, 20, 0.75);
color: #fff;
}

selector .ba-label-after {
right: 20px;
background: rgba(255, 255, 255, 0.9);
color: #333;
}

/* Handle */
selector .ba-handle {
position: absolute;
top: 0;
left: 50%;
width: 40px;
height: 100%;
transform: translateX(-50%);
z-index: 4;
display: flex;
align-items: center;
justify-content: center;
}

/* Handle circle */
selector .ba-handle::before {
content: '';
position: absolute;
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

/* Handle line */
selector .ba-handle::after {
content: '';
position: absolute;
width: 2px;
height: 100%;
background: #fff;
top: 0;
left: 50%;
transform: translateX(-50%);
}

/* Responsive */
@media (max-width: 768px) {
selector {
  min-height: 300px !important;
}
}\n}.elementor .card-content{gap:20px;}.elementor .westan-btn{display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
position: relative !important;
overflow: hidden !important;
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* === HOVER: Forest-Navy + Lift === */
.westan-btn:hover {
background-color: #0F2B2B !important;
color: #ffffff !important;
transform: translateY(-4px) !important;
box-shadow: 0 6px 34px 0 #337D54 !important;
}

/* === ACTIVE: Settle back on click === */
.westan-btn:active {
transform: translateY(-1px) !important;
box-shadow: 0 6px 34px 0 #337D54 !important;
}

/* === SHIMMER SWEEP === */
.westan-btn::after {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(
  90deg,
  transparent,
  rgba(255, 255, 255, 0.12),
  transparent
) !important;
transition: left 0.6s ease !important;
pointer-events: none !important;
z-index: 0 !important;
}

.westan-btn:hover::after {
left: 100% !important;\n}