.elementor-3991 .elementor-element.elementor-element-a35fa93{--display:flex;}.elementor-3991 .elementor-element.elementor-element-a35fa93:not(.elementor-motion-effects-element-type-background), .elementor-3991 .elementor-element.elementor-element-a35fa93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}/* Start custom CSS for html, class: .elementor-element-aa9a7d1 *//*==================================
 SERVICE AREAS
==================================*/

.service-areas{
    padding:90px 20px;
    background:#f8f8f8;
}

.service-area-heading{
    text-align:center;
    max-width:800px;
    margin:0 auto 60px;
}

.service-area-heading span{
    color:#9b1c1c;
    font-size:14px;
    letter-spacing:3px;
    font-weight:700;
    text-transform:uppercase;
}

.service-area-heading h2{
    font-size:46px;
    margin:15px 0;
    color:#222;
}

.service-area-heading p{
    font-size:18px;
    color:#666;
    line-height:1.7;
}

.service-area-grid{
    max-width:1100px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
}

.service-city{
    background:#fff;
    border:1px solid #e5e5e5;
    border-left:5px solid #9b1c1c;
    padding:22px;
    font-size:20px;
    font-weight:600;
    color:#222;
    border-radius:12px;
    transition:.3s;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.service-city:before{
    content:"📍";
    margin-right:10px;
}

.service-city:hover{
    transform:translateY(-6px);
    background:#9b1c1c;
    color:#fff;
    border-left-color:#111;
}

/* Mobile */

@media(max-width:768px){

.service-area-heading h2{
    font-size:34px;
}

.service-city{
    font-size:18px;
    padding:18px;
}

}/* End custom CSS */