.industry-details {
  padding: 40px 20px;
  background-color: #f4f4f4;   /* light background for contrast */
/* Background image settings */
  background-image: url('../img/otherbg.png'); /* replace with your PNG path */
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 840px auto;   /* adjust size as needed */
}

.details-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}

.details-text {
  flex: 1 1 50%;
  font-family: Montserrat, sans-serif;
  color: #333;
}

.industry-details .details-text p {
  text-align: justify;      /* aligns text evenly on both sides */
  margin-bottom: 20px;      /* adds space after each paragraph */
  line-height: 1.6;         /* improves readability */
}

.industry-application .details-text p {
  text-align: justify;      /* aligns text evenly on both sides */
  margin-bottom: 20px;      /* adds space after each paragraph */
  line-height: 1.6;         /* improves readability */
}

.our-advantages .details-text p {
  text-align: justify;      /* aligns text evenly on both sides */
  margin-bottom: 20px;      /* adds space after each paragraph */
  line-height: 1.6;         /* improves readability */
}

.industry-application .details-text,
.our-advantages .details-text {
  max-width: 650px; /* or match the width of .details-text in the grid */
  margin-left: 2px;   /* centers the block */
}


.details-text ul li {
  line-height: 1.6;
  margin-bottom: 10px; /* optional: adds space between bullets */
}

.details-text h1 {
  color: #666666;
  margin-bottom: 15px;
  max-width: 900px;     /* set your desired width */
  font-size: clamp(20px, 2.5vw, 21px);
  text-wrap: balance;   /* keeps line breaks neat */
}

.details-text h4 {
  color: #00BCE3;
  margin-bottom: 15px;
}

.details-text ul {
  margin-top: 15px;
  padding-left: 20px;
}

.details-photo {
  flex: 1 1 40%;
  text-align: center;
}

.details-photo img {
  max-width: 100%;
  border-radius: 8px;
  filter: drop-shadow(2px 2px 6px rgba(0,0,0,0.3));
}