/* Testimonial Section */
.testimonial-section {
  text-align: center;
  padding: 20px 0;
  margin-bottom: 20px;
}

/* Testimonial Section Header */
.testimonial-header {
  font-size: 2rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 30px; /* Space between header and testimonial cards */
}

/* Container for the testimonials */
.testimonial-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 40px;
  background-color: #f8f9fa;
}

.testimonial-container1 {
  padding: 80px 50px 50px 110px;
  margin: 0 auto;
  width: 100%;
  background-color: #f8f9fa;
}

/* Card style for each testimonial */
.testimonial-card {
  background: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  width: 30%;
  text-align: center;
  position: relative;
  margin: 0 10px; /* Add spacing between cards */
}

/* Image circle */
.testimonial-card img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 10px;
}

/* Star ratings */
.stars {
  color: #FFD700;
  margin-bottom: 10px;
}

/* Name of the customer */
.customer-name {
  font-size: 1.2rem;
  font-weight: bold;
}

/* Designation */
.designation {
  font-size: 0.9rem;
  color: #777;
}

/* Testimonial content */
.testimonial-text {
  font-size: 0.9rem;
  margin-top: 10px;
  color: #555;
}

/* Previous and Next button styles */
/* .slider-btn {
  background-color: #f1f1f1;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
} */
 /* Previous and Next button styles */
.slider-btn {
  background-color: #f1f1f1;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 1rem;
  position: relative;
}

/* .prev {
  margin-right: 20px;
} */
.button-57 {
  position: relative;
  overflow: hidden;
  border: 1px solid #18181a;
  color: #18181a;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  padding: 18px 18px 17px;
  text-decoration: none;
  cursor: pointer;
  background: #fff;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-57 span:first-child {
  position: relative;
  transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 10;
}

.button-57 span:last-child {
  color: white;
  display: block;
  position: absolute;
  bottom: 0;
  transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 100;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translateY(225%) translateX(-50%);
  height: 14px;
  line-height: 13px;
}

.button-57:after {
  content: "";
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  transform-origin: bottom center;
  transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
  transform: skewY(9.3deg) scaleY(0);
  z-index: 50;
}

.button-57:hover:after {
  transform-origin: bottom center;
  transform: skewY(9.3deg) scaleY(2);
}

.button-57:hover span:last-child {
  transform: translateX(-50%) translateY(-100%);
  opacity: 1;
  transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
}


/* .next {
  margin-left: 20px;
} */


.slider-btn:hover {
  background-color: #ddd;
}

/* Responsive Styles */

/* For Tablets (768px and below) */
@media (max-width: 768px) {
  .testimonial-container {
    flex-wrap: wrap; /* Allow cards to wrap to the next line */
  }

  .testimonial-card {
    width: 45%; /* Make each card take 45% of the screen width */
    margin-bottom: 20px; /* Add some spacing below each card */
  }

  .testimonial-container1 {
    padding: 60px 20px 40px 20px;
  }

  /* Adjust slider button positions */
  .slider-btn {
    display: block; /* Show slider buttons on smaller screens */
    font-size: 0.9rem;
    padding: 8px;
    position: absolute;
  }

  .prev {
    left: 5px; /* Adjust position for tablets */
  }

  .next {
    right: 5px; /* Adjust position for tablets */
  }
}

/* For Mobile Devices (480px and below) */
@media (max-width: 480px) {
  .testimonial-container {
    flex-direction: column; /* Stack the testimonials vertically */
    align-items: center;
  }

  .testimonial-card {
    width: 90%; /* Make each card take 90% of the screen width */
  }

  .testimonial-container1 {
    padding: 40px 10px 30px 10px;
  }

  .testimonial-header {
    font-size: 1.5rem; /* Adjust font size for mobile */
  }

  .customer-name {
    font-size: 1rem;
  }

  .designation {
    font-size: 0.8rem;
  }

  .testimonial-text {
    font-size: 0.8rem;
  }

  /* Adjust slider button positions */
  .slider-btn {
    display: block; /* Show slider buttons */
    font-size: 0.8rem;
    padding: 6px;
  }

  .prev {
    left: 5px; /* Adjust for mobile devices */
  }

  .next {
    right: 5px; /* Adjust for mobile devices */
  }
}

/* Desktop (1024px and above) */
@media (min-width: 1024px) {
  .testimonial-container {
    width: 100%; /* Use full width for larger screens */
  }

  .testimonial-card {
    width: 28%; /* Cards take slightly less space on larger screens */
  }

  .slider-btn {
    font-size: 1rem; /* Standard button size for desktop */
  }
}
.layout_padding2 {
  padding: 45px 0;
}
.layout_padding2-top {
padding-top: 45px;
padding-bottom: 45px;
}

.layout_padding2-bottom {
padding-bottom: 45px;
}

.heading_container {
  display: flex;
  flex-direction: column;
}

.heading_container h2 {
  padding-left: 5px;
  position: relative;
  border-left: 7px solid #ffffff; /* Update to white */
  font-weight: bold;
  color: #ffffff; /* Make the text color white */
}

.us_section {
  background-color: #0f2480;
  color: #ffffff; /* Make all text in the section white */
}

.us_section .heading_container {
  align-items: center;
  margin-bottom: 45px;
}

.us_section .heading_container h2 {
  border-left-color: #ffffff;
}

.us_section .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #ffffff; /* Ensure all text in boxes is white */
  margin: 25px 0;
}

.us_section .box .img-box {
  margin-bottom: 15px;
}

.us_section .box .img-box img {
  width: 100%;
}

.us_section .box h3, h5 {
  font-weight: bold;
  color: #ffffff; /* Ensure heading text in the boxes is white */
}

.us_section .btn-box {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.us_section .btn-box a {
  padding: 7px 30px;
  background-color: #ffffff;
  color: #252525;
  border-radius: 25px;
  text-decoration: none;
}