body {
      padding-top: 70px;
      font-family: 'Poppins', sans-serif;
      scroll-behavior: smooth;
    }
    .section {
      padding: 60px 0; 
    }
    footer {
      background-color: #f8f9fa;
      padding: 30px 0;
    }
    /* .hero-section {
      background: url('images/img_2.jpg') center center / cover no-repeat;
      height: 100vh;
    } */
    .hero-section h1, .hero-section p {
      text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    }
  
  .carousel-inner img {
    transition: transform 0.5s ease;
  }
  .carousel-inner img:hover {
    transform: scale(1.03);
  }
  .step {
      display: none;
      opacity: 0;
      transform: translateX(-100%);
      transition: all 0.5s ease-in-out;
    }
    .step.active {
      display: block;
      opacity: 1;
      transform: translateX(0);
    }
    .step.exiting {
      opacity: 0;
      transform: translateX(-100%);
    }

    .form-back {
    width: 800px; 
    background-color: #fff !important;
    margin: 0 auto; /* Center the form */
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
    border-radius: 8px; /* Rounded corners */
}

/* Mobile view adjustments */
@media only screen and (max-width: 768px) {
    .form-back {
        width: 100%; 
        padding: 15px; 
        box-shadow: none;
    }

    input, select, textarea {
        width: 100%; 
        margin-bottom: 10px; 
    }

   
} 
 /* Hero Section */
 .hero-section {
      background-image: url('images/img_6.jpg'); 
      background-size: cover;
      background-position: center;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 50px;
      position: relative;
     
    }

    .hero-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1;
    }

    .hero-content {
      z-index: 2;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 30px;
      margin: 0 auto;
    }

    .hero-text {
      flex: 1;
      padding-right: 30px;
      max-width: 50%;
    }

    .hero-text h1 {
      font-size: 2.0rem;
      color: #F1C40F; 
      margin-bottom: 20px;
    }

    /* .hero-text p {
      font-size: 1.0rem;
      color: #fff;
      line-height: 1.6;
      margin-bottom: 20px;
    } */

    .hero-form {
      flex: 1;
      background-color: rgba(255, 255, 255, 0.9);
      padding: 30px;
      border-radius: 8px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
      max-width: 400px;
      z-index: 2;
    }
     /* .form-container {
      max-width: 600px;
        margin: 0 auto;
        padding: 20px;
        background-color: #fff; 
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    } */

    /* .hero-form h3 {
      font-size: 2rem;
      color: #333;
      margin-bottom: 25px;
    } */

    .form-control {
      border-radius: 6px;
      margin-bottom: 15px;
      padding: 12px;
      font-size: 1rem;
      box-shadow: none;
    }

    .btn-primary {
      background-color: #5965BC;; /* Primary Blue */
      border: none;
      padding: 14px 25px;
      border-radius: 6px;
      font-weight: 600;
      width: 100%;
    }

    .btn-primary:hover {
      background-color: #004080;
    }

    .form-label {
      font-weight: 500;
      color: #005B96;
    }

    /* Responsive design */
     @media (max-width: 768px) {
      .hero-section { 
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 20px;
      position: relative;
     
    }
      .hero-content {
        display: block;
        margin-top: auto;
        padding: 10px;
        height: 100vh;
        
      }
      .rc-anchor-normal {
    height: 74px;
    width: 220px;
}

      .hero-text {
        max-width: 60%;
        padding-right: 0;
        text-align: center;
        margin-bottom: 30px;
      }

      .hero-form {
        opacity: 95%;
       padding: 5px;
        max-width: 600px;
      }

      .hero-text h1 {
        font-size: 1.5rem;
      }

      .hero-text p {
        font-size: 1rem;
      }
      
    }