.floating-btn {
  position: fixed;
  bottom: 60px;
  right: 10px;
  z-index: 1000;
}

.floating-btn a,
.floating-btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: white;
  font-size: 30px;
  border: none;
}

.floating-btn .whatsapp {
  background-color: #25d366;
  width: 40px;
  height: 40px;
  font-size: 30px;
  padding: 10px;
}

.floating-btn .contact-us {
  background-color: #3a86ff;
  width: 40px;
  height: 40px;
  font-size: 30px;
  padding: 10px;
}

.floating-btn .enquiry {
  background-color: #d62828;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 30px;
  padding: 10px;
}

.floating-btn a:hover,
.floating-btn button:hover {
  opacity: 0.9;
}
@media (max-width: 430px) {
  .floating-btn {
    bottom: 20px;
    right: 8px;
  }

  .floating-btn a,
  .floating-btn button {
    width: 36px;
    height: 36px;
    font-size: 20px;
    margin-bottom: 8px;
  }

  .floating-btn .contact-us,
  .floating-btn .enquiry {
    padding: 6px;
    font-size: 20px;
  }

  .floating-btn svg,
  .floating-btn i {
    width: 15px;
    height: 15px;
  }
}

/* industry solutions dropdown*/
.industry-two-column {
  columns: 2; /* Automatically splits into 2 columns */
  column-gap: 32px;
  padding: 16px;
  list-style: none;
  width: 570px; /* Optional: ensures dropdown isn’t too narrow */
}

/* mobile  @media (max-width: 768px) {
  .industry-two-column {
    columns: 1;
    width: auto;
  }
}*/

@media (max-width: 768px) {
  .industry-two-column {
    columns: 1 !important;
    height: auto; /* Allow height to adjust based on content */
    /* Remove max-height and overflow-y to show all items */
    /* max-height: 300px; */
    /* overflow-y: auto; */
    display: block;
  }
}

/* csr container */

/* CSR content box styling */
.csr-box {
  border: 2px solid #2c7a7b; /* Teal-ish border color */
  padding: 20px;
  border-radius: 8px;
  background-color: #f9f9f9;
  transition: box-shadow 0.3s ease;
}

/* On hover, elevate content box slightly (optional) */
.csr-box:hover {
  box-shadow: 0 4px 12px #eb6424;
}

/* Image styling */
.csr-image {
  width: 100%;
  max-width: 400px; /* Fixed max width */
  height: 250px; /* Fixed height */
  object-fit: cover; /* Crop & scale to cover */
  border-radius: 8px;
  transition: box-shadow 0.3s ease;
  display: block;
  margin-left: auto;
  margin-right: auto;
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* Image hover effect */

.csr-image:hover {
  transform: scale(1.08); /* Slightly more zoom */
  filter: drop-shadow(0 4px 12px #eb6424);
  animation: pulseShadow 1.5s infinite ease-in-out;
}
/*


@keyframes pulseShadow {
  0% {
    filter: drop-shadow(0 0 10px #eb6424);
  }
  50% {
    filter: drop-shadow(0 0 25px #eb6424);
  }
  100% {
    filter: drop-shadow(0 0 10px #eb6424);
  }
}

*/

/* Box styling for each ESR block */
.esr-box {
  border: 2px solid #2c7a7b; /* Teal-ish border color */
  padding: 20px;
  border-radius: 8px;
  background-color: #f9f9f9;
  transition: box-shadow 0.3s ease;
}

/* On hover, elevate the box slightly */
.esr-box:hover {
  box-shadow: 0 4px 12px #eb6424;
}

/* Image styling */
.esr-image {
  width: 100%;
  max-width: 400px;
  height: 250px;
  object-fit: cover;
  border-radius: 8px;
  transition: box-shadow 0.3s ease;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Image hover effect */
.esr-image:hover {
  box-shadow: 5px 10px 20px #f77f00;
  transform: scale(1.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cdc-image {
  width: 100%;
  max-width: 400px;
  height: 250px;
  object-fit: cover;
  border-radius: 8px;
  transition: box-shadow 0.3s ease;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.cdc-image:hover {
  box-shadow: 5px 10px 20px #f77f00;
  transform: scale(1.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* work with us */

/*  .work-with-us-section {
  background: linear-gradient(to right, #0d6efd, #0b5ed7); 
  color: black;
}*/
.work-with-us-section .form-control {
  border-radius: 0.4rem;
  border: 1px solid #ccc;
}

.work-with-us-section .form-label {
  font-weight: 500;
}

.work-with-us-section .btn-primary {
  background-color: #0d6efd;
  border: none;
  padding: 10px 20px;
  border-radius: 0.4rem;
  transition: background 0.3s ease;
}

.work-with-us-section .btn-primary:hover {
  background-color: #0a53be;
}

@media (max-width: 768px) {
  .work-with-us-section .title {
    font-size: 1.8rem;
  }
}

/* technology section's h3 before after */

.section-heading h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem; /* space between lines and text */
  position: relative;
  font-weight: 600;
  text-align: center;
}

.section-heading h3::before,
.section-heading h3::after {
  content: "";
  flex: 1;
  height: 2px;
  background-color: #dc3545; /* Bootstrap red */
  max-width: 40px; /* limits the line length */
}

/* company presence map first page */

.icon-box {
  gap: 10px;
  align-items: flex-start;
}