/* Style for the heading div */
.end-p {
  margin-bottom: 0px;
}

.first-para-d {
  display: flex;
  flex-wrap: wrap;
  padding: 3% 6% 3% 6%;
  background-color: #eeeeee;
}

.heading-container {
  text-align: left;
  /* padding-left: 20px; */
  padding: 1.5% 0% 0% 0%;
}

.heading-container h2 {
  margin-bottom: 10px;
  /* margin-left: 10px; */
  /* color: white; */
  font-size: 3rem;
}

/* Flexbox container for text and image content */
.content-row {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  gap: 4px;
}

/* Text content section */
.para-description {
  flex: 1;
  padding: 10px;
  color: rgb(0, 0, 0);
}

.para-description h5 {
  line-height: 1.9;
  font-size: 1.25rem;
  color: rgb(0, 0, 0);
}

.para-description2 h5 {
  line-height: 1.9;
  font-size: 1rem;
  color: rgb(0, 0, 0);
}

.para-description1 {
  flex: 1;
  /* padding: 10px; */
  padding: 10px 0px 10px 10px;
  color: white;
}

.para-description1 h5 {
  line-height: 1.9;
  font-size: 1rem;
  color: white;
}

/* For Mobile (up to 480px) */
@media (max-width: 480px) {
  .heading-container {
    padding-left: 10px;
  }

  .para-description {
    font-size: 12px;
  }

  .content-row {
    flex-direction: column;
    gap: 15px;
  }

  .heading-para img {
    width: 100%;
  }
}

/* For Tablet (up to 768px) */
@media (max-width: 768px) {
  .images-row {
    flex-direction: column;
    gap: 20px;
    padding: 15px 0;
    margin: auto;
  }

  .images-row .image-item {
    flex: 1 0 100%;
    text-align: center;
  }

  .para-description {
    font-size: 13px;
  }

  .content-row {
    flex-direction: column;
    gap: 20px;
  }

  .heading-para img {
    width: 100%;
  }

  .images-row .image-item img {
    width: 100%;
    height: 20vh; /* Increase image height for tablet and laptop */
    object-fit: cover; /* Ensure images fill the height */
  }
}

/* For Laptop (up to 1024px) */
@media (max-width: 1024px) {
  .images-row .image-item img {
    width: 100%;
    height: 30vh; /* Increase image height for 4K screens */
    object-fit: cover; /* Ensure images fill the height */
  }

  .images-row {
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 15px;
  }

  .images-row .image-item {
    flex: 1 0 45%;
    text-align: center;
  }

  .para-description {
    font-size: 1.25rem;
  }

  .heading-para img {
    width: 100%;
  }
}

/* For Desktop (Large Screens and 4K screens) */
@media (min-width: 2560px) {
  .images-row .image-item img {
    width: 100%;
    height: 30vh; /* Increase image height for 4K screens */
    object-fit: cover; /* Ensure images fill the height */
  }

  .heading-container {
    padding-left: 3rem; /* Responsive padding */
  }

  .images-row {
    justify-content: space-between;
    gap: 3rem; /* Responsive gap between images */
  }

  .images-row .image-item {
    flex: 1 0 18%;
    text-align: center;
  }

  .para-description h5 {
    font-size: 2.125rem; /* Font size in rem for better scaling */
    line-height: 1.8;
  }

  .para-description1 h5 {
    font-size: 2.125rem; /* Font size in rem for better scaling */
    line-height: 1.8;
  }

  .heading-para img {
    width: 100%;
  }

  h2 {
    font-size: 3.5rem; /* Adjust heading font size for larger screens */
    margin-bottom: 1.2rem;
  }

  .images-row .image-item h5 {
    font-size: 2.375rem; /* Increased font size for image captions */
  }
}

/* custom css */
.bim-flex {
  display: flex;
}
.bim-img-box {
  background-color: white;
}
.bim-img-box .bim-img img {
  height: 300px;
  width: 484px;
  max-width: 484px;
}
.bim-img-box .bim-img-title h3 {
  text-align: center;
  font-weight: bold;
}

.bim-text-container {
  padding: 2% 4% 2% 4%;
  background-color: #0a1831;
  width: 100%;
}
.bim-text-container p,
.heading-container p {
  font-size: 1.25rem;
  line-height: 1.7;
}

.bim-text-container p {
  color: white;
}

.bim-full-box {
  padding: 1.5% 0%;
  width: 100%;
}