/* Start custom CSS for html, class: .elementor-element-860114b */.jomero-v3{
font-family:Inter,Arial,sans-serif;
color:#222;
}
.jm-container{
max-width:1200px;
margin:auto;
padding:80px 24px;
}
.jm-header{
position:absolute;
top:0;
left:0;
width:100%;
z-index:10;
padding:25px 6%;
display:flex;
align-items:center;
justify-content:space-between;
color:white;
}
.jm-header img{
width:130px;
height:auto;
}
.jm-header a{
color:white;
text-decoration:none;
margin:0 12px;
}
.jm-btn{
display:inline-block;
background:#d5a348;
color:white!important;
padding:14px 28px;
border-radius:40px;
text-decoration:none;
}
.jm-btn.outline{
background:transparent;
border:1px solid white;
}
.jm-hero{
height:100vh;
display:flex;
align-items:center;
background:url("https://images.unsplash.com/photo-1558961363-fa8fdf82db35") center/cover;
color:white;
position:relative;
}
.jm-overlay{
position:absolute;
inset:0;
background:rgba(10,35,25,.72);
}
.jm-hero .jm-container{
position:relative;
}
.jm-label{
letter-spacing:3px;
font-size:12px;
}
.jm-hero h1{
font-family:Georgia,serif;
font-size:64px;
}
.jm-hero p{
max-width:650px;
font-size:20px;
}
.jm-badges span{
margin-right:20px;
}
.jm-section h2,.jm-cta h2{
font-family:Georgia,serif;
font-size:42px;
text-align:center;
}
.jm-desc{text-align:center;}
.jm-grid{
display:grid;
gap:25px;
margin-top:40px;
}
.four{grid-template-columns:repeat(4,1fr)}
.three{grid-template-columns:repeat(3,1fr)}
.jm-box,.jm-card{
background:white;
padding:30px;
border-radius:24px;
box-shadow:0 10px 30px #0001;
}
.cream{background:#faf7f0}
.jm-card{text-align:center}
.jm-card strong{
font-size:30px;
color:#d5a348;
}
.jm-dark{
background:#174d3a;
color:white;
}
.jm-stats{
display:grid;
grid-template-columns:repeat(3,1fr);
text-align:center;
}
.jm-stats strong{
display:block;
font-size:45px;
color:#d5a348;
}
.jm-cta{
background:#d5a348;
color:white;
text-align:center;
padding:80px 20px;
}
.jm-wa{
position:fixed;
right:25px;
bottom:25px;
background:#25d366;
color:white;
padding:15px 25px;
border-radius:50px;
text-decoration:none;
}
@media(max-width:768px){
.jm-header nav{display:none}
.jm-hero h1{font-size:38px}
.four,.three,.jm-stats{grid-template-columns:1fr}
}/* End custom CSS */