/* Banner Styling */
.banner-slide {
  height:80vh;
  padding: 0 1rem;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}

@media (max-width: 768px) {
  .banner-slide {
    height: 60vh;
  }
}

/* Card text alignment */
.card-body {
  text-align: left;
}

/* Custom font weight */
.card-title {
  font-weight: bold;
}

/* Responsive Footer */
footer p {
  margin-bottom: 5px;
}

.header_color{
    color: #101010;
    font-size: 20px;
}
.hero-section {
    min-height: 83vh;
    background-color: #134071;
    color: #fff;
}

@media (max-width: 768px) {
  .hero-section {
    flex-direction: column;
  }

  .hero-section img {
    height: 300px;
    object-fit: cover;
  }

  .hero-section .bg-light {
    padding: 2rem;
  }
}

.growth-section {
      padding: 60px 15px;
    }
    .growth-box {
      background: #ffffff;
      border-radius: 15px;
      padding: 40px;
      box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    }
    .growth-title {
      font-size: 2rem;
      font-weight: bold;
      color: #198754;
    }
    .growth-list i {
      color: #198754;
      margin-right: 10px;
    }
    .growth-img {
      max-width: 100%;
      border-radius: 10px;
    }
    .backgroud_color {
      background-color: #fafafa;
      padding: 50px 15px;
    }

    .width_radius{
      width: 15%;
      border-radius: 50%;
    }
    .color_bold{
      color: #198754;
      font-weight: 600;
    }
    .contact-container {
      padding: 60px 20px;
    }

    .contact-card {
      background: #ffffff;
      border-radius: 15px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
      overflow: hidden;
    }

    .form-section {
      padding: 40px 30px;
    }

    .form-control {
      border-radius: 10px;
    }

    .btn-submit {
      background-color: #0d6efd;
      border: none;
      border-radius: 10px;
      padding: 10px 25px;
      color: #fff;
    }

    .btn-submit:hover {
      background-color: #084cd3;
    }

    .info-section {
      background-color: #212529;
      color: #f8f9fa;
      padding: 40px 30px;
    }

    .info-section h4 {
      color: #0d6efd;
      font-weight: 600;
      margin-bottom: 25px;
    }

    .info-item {
      margin-bottom: 15px;
    }

    .info-item span {
      color: #adb5bd;
    }

    .info-label {
      font-weight: 500;
      color: #ffffff;
    }

    .info-link {
      color: #0d6efd;
      text-decoration: none;
    }

    .info-link:hover {
      text-decoration: underline;
    }

    @media (max-width: 768px) {
      .form-section, .info-section {
        padding: 30px 20px;
      }
    }