.card-body {

    padding: 32px;

}

.software-services .card {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.software-services .card:hover {
    transform: translateY(-3px);
    border-bottom: 2px solid var(--primary-color) !important;
}

.software-services .card:hover .card-title {
  color:var(--primary-color) !important;
}

.software-services .card a:focus-visible {
    outline: none;
}

/* .software-services .card a:focus-visible .card-body {
    box-shadow: 0 0 0 3px rgba(107, 76, 255, 0.18);
    border-radius: 8px;
} */

.icon {

    background-color: #fafafa;  

    width: 48px;

    height: 48px;

    border-radius: 50%;       

    display: flex;                

    align-items: center;

    justify-content: center;

}

.software-services h2 span {
  color: var(--primary-color);
}

.icon img {

    max-width: 24px;      

    max-height: 24px;

}



@media (max-width: 767px) {

  .scroll-row-mobile {

    display: flex; 

    flex-wrap: nowrap;   

    overflow-x: auto;    

    gap: 12px;                

    scroll-snap-type: x proximity;

    -webkit-overflow-scrolling: touch; 

    scrollbar-width: none;      

  }

  .scroll-row-mobile::-webkit-scrollbar {

    display: none;             

  }



  .scroll-row-mobile > [class*="col-"] {

    flex: 0 0 88%; 

    scroll-snap-align: start; 

    padding: 4px;

  }
  .card-body {

    padding: 24px;

}

}