/* SERVICE GRID */

.sp-services-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
margin-top:40px;

}


/* CARD */

.sp-service-card{

background:#fff;
border-radius:8px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:0.3s;

}

.sp-service-card:hover{

transform:translateY(-6px);
box-shadow:0 20px 35px rgba(0,0,0,0.12);

}


/* IMAGE */

.sp-service-image img{

width:100%;
display:block;
height: 260px !important;

}


/* TITLE */

.sp-service-card h3{

font-size:22px;
padding:15px 20px 5px;

}


/* TEXT */

.sp-service-card p{

color:#666;
font-size:15px;
padding:0 20px 20px;

}


/* BUTTON */

.sp-service-btn{

background:#e25b2d;
border:none;
color:#fff;
padding:12px;
width:100%;
cursor:pointer;

}
.sp-service-btn:hover{
	background: black !important;
	color: #fff !important;
}


/* POPUP */

.sp-popup{

display:none;
position:fixed;
top:90px;
left:0;
width:100%;
height:calc(100% - 90px);

background:rgba(0,0,0,0.7);
z-index:9999;

overflow-y:auto;
padding:30px;

}


/* POPUP BOX */

.sp-popup-container{

background:#fff;
max-width:900px;
margin:auto;
padding:35px;
border-radius:6px;
position:relative;

}


/* CLOSE */

.sp-close{

position:absolute;
top:10px;
right:20px;
font-size:26px;
cursor:pointer;

}


/* GRID */

.sp-popup-grid{

display:grid;
grid-template-columns:40% 60%;
gap:35px;

}


/* IMAGE */

.sp-popup-image img{

width:100%;
border-radius:6px;

}


/* CONTENT SCROLL */

.sp-popup-scroll{

max-height:420px;
overflow-y:auto;
padding-right:10px;

}


/* RESPONSIVE */

@media(max-width:900px){

.sp-services-grid{

grid-template-columns:1fr 1fr;

}

.sp-popup-grid{

grid-template-columns:1fr;

}

}

@media(max-width:600px){

.sp-services-grid{

grid-template-columns:1fr;

}

}