/* General Section Styling */
.ongoing_project {
  background-color: white; /* Background color for the section */
  padding: 30px 15px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Text Styling */
.text-orange {
  color: #4285F4;
}

.text-black {
  color: black;
}

.text-silver {
  color: silver;
}

/* Image Styling */
.img-fluid.rounded.border-silver {
  border: 2px solid silver;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.img-fluid.rounded.border-silver:hover {
  transform: scale(1.05); /* Slight zoom on hover */
}

/* Button Styling */
.btn-site-orange {
  background-color: #4285F4;
  color: white;
  border: 1px solid orange;
  border-radius: 20px;
  padding: 10px 20px;
  font-weight: bold;
  transition: all 0.3s ease;
}

.btn-site-orange:hover {
  background-color: silver;
  color: black;
  border: 1px solid silver;
}
/* Add Lazy Load Animation */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Vision & Mission Section Styling */
.vision-mission-section {
  background-color: white;
  padding: 30px 15px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  opacity: 0; /* Start hidden */
  transform: translateY(20px); /* Start with an upward shift */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out; /* Animation on visibility */
}

/* Section Headings */
.text-orange {
  color: #4285F4;
}

.text-black {
  color: black;
}

.text-silver {
  color: silver;
}

/* Vision and Mission Paragraphs */
.mission-list, .expertise-list {
  padding-left: 20px;
  list-style-type: disc;
}

.mission-list li, .expertise-list li {
  margin-bottom: 10px;
}

.mission-list li strong, .expertise-list li strong {
  font-weight: bold;
}

/* Expertise Section Styling */
.expertise-list li {
  line-height: 1.6;
}

/* Ensure responsive design */
@media (max-width: 767px) {
  .vision-mission-section {
    padding: 20px;
  }

  .mission-list, .expertise-list {
    padding-left: 15px;
  }
}
/*why section statr*/
/* Why GRANT ELEVATOR Section Styling */
.why-grant-elevator {
  background-color: white;
  padding: 30px 15px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  opacity: 0; /* Start hidden */
  transform: translateY(20px); /* Start with an upward shift */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out; /* Animation on visibility */
}

/* Feature Box Style */
/* Feature Box Style with Icons */
.feature-box i {
  display: block;
  margin: 0 auto 15px; /* Center the icon and add space below */
}

.feature-box h4 {
  color: #4285F4;
  margin-bottom: 10px;
}

.feature-box p {
  color: black;
  font-size: 1rem;
  margin-bottom: 0;
}

/* Vision and Mission Paragraphs */
.text-orange {
  color: #4285F4;
}

.text-black {
  color: black;
}

.text-silver {
  color: silver;
}

/* Ensure responsive design */
@media (max-width: 767px) {
  .why-grant-elevator {
    padding: 20px;
  }

  .feature-box {
    margin-bottom: 20px;
  }
}

/*why section end*/

/*--------------------------------------*/
/* Elevators Section */
.elevators-section {
  padding: 50px 0;
  background-color: #f4f4f4;
}

/* Title Styling */
.elevators-section h2 {
  font-size: 2.5rem;
  color: #ff6f00; /* Orange color for the title */
  font-weight: bold;
}

/* Right Content Styling */
.elevators-section .col-md-6 {
  padding: 20px;
}

.elevators-section p {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
}

/* Carousel Styling */
.carousel-inner img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
  background-color: #4285F4; /* Orange color for the controls */
}
h2
{
  color: #4285F4;
  text-transform: uppercase;
  font-weight: bold;
}
.why_choose p
{
  color: white;
}