@charset "utf-8";
/* CSS Document */

.service-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Center panels horizontally */
}

.service-panel {
  width: 300px;
  margin: 10px;
}

.icon_img {
	
}

/* Media query for wide screens */
@media screen and (min-width: 768px) {
  .service-panel {
    width: calc(25% - 20px); /* Adjust the width and margin as needed */
  }
}

/* Media query for mobile screens */
@media screen and (max-width: 767px) {
  .service-container {
    flex-direction: column; /* Align panels vertically */
  }
  
  .service-panel {
    width: 100%; /* Take full width of the container */
    margin: 10px 0; /* Adjust the margin as needed */
  }
}