.elementor-234 .elementor-element.elementor-element-d5dc0ae{--display:flex;--min-height:560px;--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-234 .elementor-element.elementor-element-d5dc0ae:not(.elementor-motion-effects-element-type-background), .elementor-234 .elementor-element.elementor-element-d5dc0ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://massagewala24.com/wp-content/uploads/2026/06/deep-tissu-massage.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-234 .elementor-element.elementor-element-d5dc0ae.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-234 .elementor-element.elementor-element-d60ffe4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-234 .elementor-element.elementor-element-6544193{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-da4a5a9 */.how-it-works{
width:100vw;

margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);

padding:100px 60px;

background:linear-gradient(
135deg,
#ead7c4 0%,
#e7d1bc 50%,
#e0c5a7 100%
);

overflow:hidden;
}

.section-heading{
text-align:center;
margin-bottom:70px;
}

.section-heading span{
color:#B8860B;
font-size:14px;
font-weight:700;
letter-spacing:2px;
display:block;
margin-bottom:15px;
text-transform:uppercase;
}

.section-heading h2{
font-size:58px;
font-weight:800;
color:#111;
margin:0;
line-height:1.2;
}

.section-heading h2 b{
color:#D4AF37;
}

.steps-container{

width:100%;
max-width:1600px;

margin:auto;

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;
}

.step-card{

background:rgba(255,255,255,.18);

backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);

border:1px solid rgba(212,175,55,.45);

border-radius:30px;

padding:40px 30px;

transition:.35s;

position:relative;

overflow:hidden;
}

.step-card:hover{

transform:translateY(-10px);

border-color:#D4AF37;

box-shadow:
0 20px 45px rgba(212,175,55,.20);

background:rgba(255,255,255,.28);
}

.step-number{
font-size:72px;
font-weight:800;
color:#D4AF37;
line-height:1;
margin-bottom:20px;
}

.step-card h3{
color:#111;
font-size:28px;
font-weight:700;
margin-bottom:15px;
line-height:1.3;
}

.step-card p{
color:#444;
font-size:16px;
line-height:1.8;
margin:0;
}

@media(max-width:1200px){

.steps-container{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.how-it-works{
padding:70px 20px;
}

.section-heading h2{
font-size:38px;
}

.steps-container{
grid-template-columns:1fr;
}

.step-number{
font-size:55px;
}

.step-card{
padding:30px 25px;
}

}/* End custom CSS */