/* Main section background and centering */
.section5 {
  display: flex;
  justify-content: center;
  background-color: #f8f6f1; /* Light background color */
}

/* Container centering for Section 5 */
.container-section5 {
  display: flex;
  justify-content: center;
}

/* Row styling for icon boxes */
.container-section5 .row {
  margin-top: 5%; /* Adds spacing above the row */
  width: 60%; /* Sets the row width */
  margin-bottom: 5%; /* Adds spacing below the row */
}

/* Column styling for each core value box */
.container-section5 .row .col-sm {
  width: 30%; /* Each box takes up 30% of the row width */
  display: flex;
  justify-content: center;
}

/* Core value box styling */
.container-section5 .row .col-sm .section5box {
  width: 90%; /* Set width of each core value box */
}

/* Core value label styling */
.container-section5 .row .col-sm .section5box .topic-section5 {
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  font-size: 15.6pt; /* Font size for labels */
}

/* Image container styling for core values */
.container-section5 .row .col-sm .section5box .image-container-section5 {
  display: flex;
  height: 80%; /* Height of image container */
}

/* Image styling to fit within the container */
.container-section5 .row .col-sm .section5box .image-container-section5 img {
  width: 95%; /* Scale image to fit inside container with padding */
}

/* Responsive layout adjustments for screens smaller than 900px */
@media (max-width: 900px) {
  .container-section5 .row .col-sm {
    min-width: 100%; /* Set each column to take full width on smaller screens */
  }
}