.heading_top_info h2 { text-align: center; }
.heading_top_info span { margin: 0 auto 1rem; }
.heading_top_info { margin: 0 0 3rem; }
.services-con {display: flex; flex-wrap: wrap; gap: 3.5rem;}
.services-item { width: 29%; }
.services_info { margin: 2rem 0 0; }
.services_info h3 { margin: 0 0 1rem; }
.services_info .button { margin: 2rem 0 0; }
.service_img { overflow: hidden; border-radius: 2rem; border-top-left-radius: 9rem; }
.services_item_con {position: relative;}
.services_icon { position: absolute; top: 0; left: 0; transition: all 0.5s ease; background: var(--whiteColor);box-sizing: border-box;padding: 1rem;border-radius: 50%;}
.services-item:hover .services_icon { top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(27deg,rgba(100, 54, 194, 1) 0%, rgba(159, 11, 233, 1) 29%, rgba(42, 172, 173, 1) 87%, rgba(70, 215, 92, 1) 100%); }
.services_icon img {mix-blend-mode: difference; }
.services-item:hover .services_icon img {mix-blend-mode: normal; }


@media (max-width: 1000px) {
    .services-item { width: 47%; }
    .services-con { gap: 2.5rem; }
}
@media (max-width: 767px) {
  .services-item { width: 46%; }
}
@media (max-width: 600px) {
    .services-item { width: 100%; }
}