.elementor .process-step{/* ----- PROCESS STEP CARD ----- */
.process-step {
background: #ffffff;
border: 1px solid #e0e4e8;
border-radius: 14px;
padding: 28px 24px;
text-align: left;
transition: all 0.4s cubic-bezier(0.2, 0, 0, 1);
position: relative;
overflow: hidden;
cursor: default;
}

/* ----- Top border line (hidden by default) ----- */
.process-step::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #1A7A3C, #C8952A);
opacity: 0;
transform: scaleX(0);
transform-origin: left;
transition: all 0.4s ease;
}

/* ----- HOVER EFFECTS ----- */
.process-step:hover {
border-color: #1A7A3C;
box-shadow: 0 16px 48px rgba(26, 122, 60, 0.12);
transform: translateY(-6px);
}

/* ----- Top border line appears on hover ----- */
.process-step:hover::before {
opacity: 1;
transform: scaleX(1);
}

/* ----- Step number animation ----- */
.process-step .step-num {
display: inline-block;
width: 40px;
height: 40px;
background: #1A7A3C;
color: #ffffff;
border-radius: 50%;
text-align: center;
line-height: 40px;
font-weight: 800;
font-size: 16px;
margin-bottom: 12px;
transition: all 0.4s ease;
}
.process-step:hover .step-num {
background: #C8952A;
transform: scale(1.1);
}

/* ----- Title animation ----- */
.process-step h4 {
font-size: 16px;
font-weight: 700;
color: #1a1a2e;
margin-bottom: 6px;
transition: color 0.3s ease;
}
.process-step:hover h4 {
color: #1A7A3C;
}

/* ----- Description ----- */
.process-step p {
font-size: 14px;
color: #4a4a5a;
line-height: 1.6;
transition: color 0.3s ease;
}
.process-step:hover p {
color: #2a2a3e;
}\n}.elementor .service-card{/* ----- SERVICE CARD ----- */
.service-card {
background: #ffffff;
border: 1px solid #e0e4e8;
border-radius: 14px;
padding: 28px 24px 24px;
transition: all 0.4s cubic-bezier(0.2, 0, 0, 1);
position: relative;
overflow: hidden;
cursor: default;
}

/* ----- Top border line (hidden by default) ----- */
.service-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #1A7A3C, #C8952A);
opacity: 0;
transform: scaleX(0);
transform-origin: left;
transition: all 0.4s ease;
}

/* ----- HOVER EFFECTS ----- */
.service-card:hover {
border-color: #1A7A3C;
box-shadow: 0 16px 48px rgba(26, 122, 60, 0.15);
transform: translateY(-8px);
}

/* ----- Top border line appears on hover ----- */
.service-card:hover::before {
opacity: 1;
transform: scaleX(1);
}

/* ----- Icon animation ----- */
.service-card .icon {
font-size: 32px;
display: block;
margin-bottom: 12px;
transition: all 0.4s ease;
}
.service-card:hover .icon {
transform: scale(1.15) rotate(-3deg);
}

/* ----- Title animation ----- */
.service-card h3 {
font-size: 17px;
font-weight: 700;
color: #1a1a2e;
margin-bottom: 8px;
transition: color 0.3s ease;
}
.service-card:hover h3 {
color: #1A7A3C;
}

/* ----- Description animation ----- */
.service-card p {
font-size: 14px;
color: #4a4a5a;
line-height: 1.6;
transition: color 0.3s ease;
}
.service-card:hover p {
color: #2a2a3e;
}\n}