.elementor-12 .elementor-element.elementor-element-dff509e{--display:flex;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-850d81a{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-12 .elementor-element.elementor-element-5ab1207{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-5ab1207 */.services-section{

padding:90px 30px;



}

.services-grid{

max-width:1380px;

margin:auto;

display:grid;

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

gap:32px;

}

.service-card{

position:relative;

height:370px;

border-radius:22px;

overflow:hidden;

display:block;

text-decoration:none;

background:#000;

box-shadow:0 20px 60px rgba(0,0,0,.12);

transition:.45s cubic-bezier(.2,.8,.2,1);

}

.service-card img{

width:100%;

height:100%;

object-fit:cover;

transition:1s;

display:block;

}

/* Dark Overlay */

.service-overlay{

position:absolute;

inset:0;

display:flex;

align-items:flex-end;

padding:32px;

background:linear-gradient(

180deg,

rgba(0,0,0,.05) 20%,

rgba(0,0,0,.25) 45%,

rgba(0,0,0,.92) 100%

);

transition:.4s;

}

.service-content{

width:100%;

}

.service-content h3{

font-size:27px;

font-weight:700;

line-height:1.2;

margin:0 0 12px;

color:#fff;

letter-spacing:-.5px;

}

.service-content p{

margin:0;

font-size:16px;

line-height:1.7;

color:rgba(255,255,255,.78);

opacity:0;

transform:translateY(20px);

transition:.35s;

}

.service-link{

display:inline-flex;

margin-top:20px;

font-size:15px;

font-weight:600;

color:#5BCB93;

opacity:0;

transform:translateY(20px);

transition:.35s;

}

/* Green Line */

.service-card::after{

content:"";

position:absolute;

left:32px;

bottom:26px;

width:0;

height:3px;

background:#5BCB93;

transition:.35s;

}

/* Hover */

.service-card:hover{

transform:translateY(-10px);

box-shadow:0 40px 90px rgba(0,0,0,.20);

}

.service-card:hover img{

transform:scale(1.08);

}

.service-card:hover .service-overlay{

background:linear-gradient(

180deg,

rgba(0,0,0,.05),

rgba(0,0,0,.97)

);

}

.service-card:hover p{

opacity:1;

transform:none;

}

.service-card:hover .service-link{

opacity:1;

transform:none;

}

.service-card:hover::after{

width:90px;

}

/* Tablet */

@media(max-width:1024px){

.services-grid{

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

}

}

/* Mobile */

@media(max-width:767px){

.services-grid{

grid-template-columns:1fr;

}

.service-card{

height:300px;

}

.service-content h3{

font-size:24px;

}

}/* End custom CSS */