﻿
    /*==service==*/
    
.my-service{transition:all 0.3s;border-radius:1rem;}
.my-service:hover{box-shadow:0.1rem 0.1rem 0.5rem rgba(0,0,0,0.1);}
.my-service .service-icon svg{height:4rem;}
.my-service .service-btn{opacity:0; visibility:hidden;transition:all 0.3s;}
.my-service:hover .service-btn{opacity:1; visibility:visible;}

@media (max-width: 991.98px) 
{   
    .my-service .service-btn{opacity:1; visibility:visible;}
    
    
}