.elementor-1354 .elementor-element.elementor-element-1fb2d6f{--display:flex;}/* Start custom CSS for html, class: .elementor-element-8e00840 */.rf-hero{
position:relative;
padding:110px 0;
overflow:hidden;
background:
linear-gradient(rgba(79,53,38,.86),rgba(79,53,38,.75)),
url('https://risalafuniture.com/wp-content/uploads/2026/06/hero-9.webp') center/cover;
}

.rf-overlay{
position:absolute;
inset:0;
background:
radial-gradient(circle at top right,rgba(255,255,255,.12),transparent 40%);
}

.rf-container{
max-width:1280px;
margin:auto;
padding:0 24px;
position:relative;
z-index:2;
}

.rf-grid{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:60px;
align-items:center;
}

.rf-tag{
display:inline-block;
padding:8px 18px;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.25);
border-radius:40px;
color:#fff;
font-size:13px;
letter-spacing:2px;
font-family:Jost,sans-serif;
margin-bottom:25px;
}

.rf-content h1{
font-family:Cinzel,serif;
font-size:68px;
line-height:1.08;
color:#fff;
margin-bottom:25px;
}

.rf-content p{
font-family:Jost,sans-serif;
font-size:17px;
line-height:1.9;
color:rgba(255,255,255,.92);
max-width:620px;
}

.rf-buttons{
display:flex;
gap:15px;
margin:35px 0;
flex-wrap:wrap;
}

.rf-btn{
padding:16px 30px;
border-radius:50px;
text-decoration:none;
font-family:Jost,sans-serif;
font-weight:700;
transition:.35s;
}

.rf-primary{
background:#fff;
color:#4f3526;
}

.rf-primary:hover{
background:#4f3526;
color:#fff;
}

.rf-outline{
border:1px solid #fff;
color:#fff;
}

.rf-outline:hover{
background:#fff;
color:#4f3526;
}

.rf-features{
display:flex;
gap:35px;
margin-top:25px;
}

.rf-features strong{
display:block;
font-size:34px;
font-family:Cinzel,serif;
color:#fff;
}

.rf-features span{
font-size:15px;
color:#eee;
font-family:Jost,sans-serif;
}

.rf-frame{
position:relative;
padding:18px;
border-radius:28px;
background:rgba(255,255,255,.10);
backdrop-filter:blur(12px);
border:1px solid rgba(255,255,255,.25);
transition:.4s;
}

.rf-frame:hover{
transform:translateY(-10px);
}

.rf-frame img{
width:100%;
border-radius:20px;
display:block;
}

.rf-floating{
position:absolute;
bottom:30px;
left:-25px;
background:#fff;
padding:18px 22px;
border-radius:18px;
box-shadow:0 20px 45px rgba(0,0,0,.18);
}

.rf-floating h4{
margin:0;
font-family:Cinzel,serif;
color:#4f3526;
font-size:20px;
}

.rf-floating p{
margin:6px 0 0;
font-size:14px;
font-family:Jost,sans-serif;
color:#666;
}

@media(max-width:991px){

.rf-grid{
grid-template-columns:1fr;
}

.rf-content h1{
font-size:42px;
}

.rf-features{
justify-content:space-between;
}

.rf-floating{
position:relative;
left:auto;
bottom:auto;
margin-top:20px;
}

}/* End custom CSS */