/*==================================================
SERVICES HERO
==================================================*/

@media(max-width:992px){

.services-hero{

padding:170px 20px 110px;

}






.services-grid{

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

gap:25px;

}








.products-grid{

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

gap:25px;

}









.training-grid{

grid-template-columns:1fr;

gap:60px;

}

.training-badge{

left:20px;

bottom:20px;

}







.process-grid{

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

gap:25px;

}

/*========================================
POTENTIAL CULPRIT
=======================================*/

.process-grid::before{

display:none;

}













.benefits-grid{

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

gap:25px;

}

}

@media(max-width:768px){

.services-hero{

padding:150px 20px 90px;

}










.services-grid{

grid-template-columns:1fr;

}

.service-card{

padding:35px;

}









.products-grid{

grid-template-columns:1fr;

}

.product-card{

padding:32px;

}










.training-content{

text-align:center;

}

.training-list{

grid-template-columns:1fr;

}

.training-list li{

justify-content:center;

}

.training-badge{

position:static;

margin:25px auto 0;

}







.process-grid{

grid-template-columns:1fr;

}

.process-card{

padding:35px;

}

/*========================================
POTENTIAL CULPRIT
=======================================*/

.process-grid::before{

display:none;

}







.benefits-grid{

grid-template-columns:1fr;

}

.benefit-card{

padding:32px;

}

}

@media(max-width:480px){

.services-hero{

padding:140px 15px 80px;

}








.service-card{

padding:30px 25px;

}

.service-icon{

width:70px;

height:70px;

}

.service-icon i{

font-size:1.8rem;

}









.product-card{

padding:28px 22px;

}

.product-card i{

font-size:2.2rem;

}








.training-grid{

gap:45px;

}

.training-badge{

padding:18px;

}

.training-badge i{

font-size:1.6rem;

}







.process-card{

padding:30px 22px;

}

.process-icon{

width:70px;

height:70px;

}

.process-icon i{

font-size:1.7rem;

}


.process-number{

font-size:2rem;

}


/*========================================
POTENTIAL CULPRIT
=======================================*/

.process-grid::before{

display:none;

}







.benefit-card{

padding:28px 22px;

}

.benefit-icon{

width:65px;

height:65px;

}

.benefit-icon i{

font-size:1.7rem;

}
.footer{
    overflow:hidden;
}

}