.services{
        margin-top: 10rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;

}
.servicesDetails{
      margin-top: 10rem;
 display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 4rem;
  
}
.servicesDetails_column{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
}
/* .servicesDetails_column_img{
  max-width: 50rem;
}
.servicesDetails_column_titles{
max-width: 50rem;
} */
.servicesDetails_column_titles p{
    font-size: 1.6rem;
}
.services a{
    background-color: var(--color-general);
    padding: 1rem;
    display: flex;
      color: rgb(223, 223, 222);
      display: flex;
      justify-content: center;
}
.services a:hover{
    background-color: rgb(223, 223, 222);
   color: var(--color-general);
   border-radius: 5rem;
}