/* File: services-block.css */

/* Section wrapper */
.services-block {
  padding: 120px 170px;
  background-color: #F5F5F5; /* or whatever background you need */
}

/* Inner container */
.services-block__inner.container {
  max-width: 1265px; /* matches your design reference */
  margin: 0 auto;
}

/* Main heading styling */
.services-block__heading {
  color: #000;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 500;
  line-height: 54.6px; /* 130% */
  margin-bottom: 118px;
}

/* The wrapper for all service items */
.services-block__items {
  display: flex;
  flex-wrap: wrap;
  gap: 140px 2rem;
}

/* Individual service item */
.services-block__item {
  width: calc(25% - 1.5rem);
}

/* Icon container (above the service title) */
.services-block__icon {
  margin-bottom: 55px;
  text-align: left;
}

/* Icon image styling (responsive) */
.services-block__icon img {
  max-width: 80px;
}

/* Service title */
.services-block__title {
  color: #000;
  font-family: Poppins;
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 142.857% */
  text-align: left;
  margin-bottom: 0;
  max-width: 235px;
}

@media (max-width: 1024px) {

  .services-block {
    padding: 50px 20px;
  }

}

/* Example responsive layout */
@media (max-width: 768px) {
  .services-block__items {
    flex-direction: row;
  }
  .services-block__item {
    width: 50%;
    max-width: 300px;
  }

  .services-block__items {
    gap: 50px 2rem;
  }

  .services-block__icon img {
    max-width: 60px;
  }

  .services-block__icon {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px)  {

  .services-block__item  {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .services-block__title {
    text-align: center;
  }

  .services-block__heading {
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    margin-bottom: 40px;
  }

}