.elementor-110 .elementor-element.elementor-element-18afe65{--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-110 .elementor-element.elementor-element-18afe65:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-18afe65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://massagewala24.com/wp-content/uploads/2026/06/massage-at-home-hero--scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-110 .elementor-element.elementor-element-d477e6f{width:100%;max-width:100%;margin:13px 13px calc(var(--kit-widget-spacing, 0px) + 13px) 6px;padding:0px 0px 6px 0px;}.elementor-110 .elementor-element.elementor-element-d477e6f.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-110 .elementor-element.elementor-element-17c18a4{--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-110 .elementor-element.elementor-element-336a1ad{--display:flex;}.elementor-110 .elementor-element.elementor-element-c952a52{width:100%;max-width:100%;margin:0px 1px calc(var(--kit-widget-spacing, 0px) + 0px) -25px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d477e6f */.hero-section{
    min-height:750px;
    display:flex;
    align-items:center;
    background-image:url("YOUR-IMAGE-URL");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.hero-container{
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding-left:15px;
    padding-right:20px;
}

.hero-content{
    max-width:600px;
}

/* Badge */

.hero-badge{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:rgba(212,175,55,.12);
    border:1px solid rgba(212,175,55,.35);
    color:#D4AF37;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:25px;
}

/* Heading */

.hero-title{
    font-size:62px;
    line-height:1.1;
    font-weight:800;
    color:#111111;
    margin-bottom:20px;
    max-width:520px;
}
.hero-title span{
    display:block;
    color:#D4AF37;
}

/* Description */

.hero-desc{
    max-width:550px;
    font-size:20px;
    color:#2f2f2f;
    line-height:1.8;
    font-weight:500;
    margin-bottom:35px;
}

/* Buttons */

.hero-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-bottom:35px;
}

.hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 32px;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
    transition:.3s ease;
}

/* Primary Button */

.primary-btn{
    background:#D4AF37;
    color:#111111;
    box-shadow:0 8px 20px rgba(212,175,55,.25);
}

.primary-btn:hover{
    background:#C39A2B;
    transform:translateY(-3px);
}

/* Secondary Button */

.secondary-btn{
    border:2px solid #111111;
    color:#111111;
    background:rgba(255,255,255,.30);
}

.secondary-btn:hover{
    background:#111111;
    color:#D4AF37;
}

/* Features */

.hero-features{
    display:flex;
    flex-wrap:nowrap;
    gap:12px;
}

.feature-item{
    white-space:nowrap;
    padding:10px 16px;
    border-radius:30px;
    background:rgba(255,255,255,.45);
    border:1px solid rgba(212,175,55,.30);
    color:#111111;
    font-size:14px;
    font-weight:600;
    backdrop-filter:blur(8px);
}

/* Tablet */

@media(max-width:1024px){

.hero-section{
    min-height:650px;
}

.hero-title{
    font-size:54px;
}

.hero-desc{
    font-size:18px;
}

.hero-content{
    max-width:520px;
}

.hero-features{
    flex-wrap:wrap;
}

}

/* Mobile */

@media(max-width:768px){

.hero-section{
    min-height:600px;
}

.hero-container{
    padding-left:20px;
    padding-right:20px;
}

.hero-content{
    max-width:100%;
}

.hero-title{
    font-size:42px;
    line-height:1.15;
}

.hero-desc{
    font-size:16px;
    line-height:1.7;
}

.hero-buttons{
    flex-direction:column;
}

.hero-btn{
    width:100%;
}

.hero-features{
    flex-wrap:wrap;
    gap:10px;
}

.feature-item{
    width:auto;
}

}/* End custom CSS */