.hero-animat {
       float: right;
       margin-top: 60px;
       justify-content: end
   }

   .bar-container {
       display: flex;
       align-items: flex-end;
       gap: 20px;
       position: relative;
   }

   .bar {
       width: 60px;
       border-radius: 10px 10px 0 0;
   }

   .bar1 {
       height: 80px;
       background-color: #ffd700;
   }

   .bar2 {
       height: 120px;
       background-color: #ffa500;
   }

   .bar3 {
       height: 160px;
       background-color: #ff7f50;
   }

   .bar4 {
       height: 200px;
       background-color: #ff4500;
   }

   .person {
       position: absolute;
       bottom: 80px;
       left: 0;
       width: 80px;
       height: auto;
       animation: moveStep 6s ease-in-out forwards;
   }

   .person img {
       width: 100%;
       height: auto;
   }

   @keyframes moveStep {
       0% {
           left: 0px;
           bottom: 80px;
       }

       25% {
           left: 80px;
           bottom: 120px;
       }

       50% {
           left: 160px;
           bottom: 160px;
       }

       75% {
           left: 240px;
           bottom: 200px;
       }

       100% {
           left: 240px;
           bottom: 200px;
       }
   }


   @media (max-width: 991px) {
       .hero-animat {
           display: block;
       }

       .hero-content {
        
           width: 100%;
           text-align: center;
       }
   }


   /* Time_line_style_start */
   .jobs_apply_sec {
       background-color: rgb(27, 65, 65);
       padding: 20px;
   }

   .section-title {
       text-align: center;
       margin-bottom: 40px;
       font-size: 2rem;
       font-weight: 600;
       color: #e3a127;

   }

   .job-card {
       background-color: #0d1c3a;
       border-radius: 50px;
       padding: 15px 25px;
       margin-bottom: 30px;
       position: relative;
       overflow: hidden;
       transition: transform 0.2s ease;

   }

   .job-card:hover {
       transform: scale(1.02);
   }

   .job-card h5 {
       margin-top: 10px;
       font-weight: bold;
       margin-bottom: 10px;
       color: #ffffff;
   }

   .job-card p {
       color: #ccc;
       font-size: 0.95rem;
   }

   .apply-btn {
       position: absolute;
       top: 30px;
       right: 30px;
       background-color: transparent;
       border: 2px solid #e3a127;
       color: #e3a127;
       border-radius: 30px;
       padding: 8px 20px;
       font-weight: bold;
       transition: all 0.3s ease;
   }

   .apply-btn:hover {
       background-color: #e3a127;
       color: #0d1c3a;
   }

   .modal-content {
       background-color: #0d1c3a;
       color: #ffffff;
       border-radius: 20px;
   }

   .form-control {
       background-color: #1b4141;
       color: #ffffff;
       border: 1px solid #444;
   }

   .form-control::placeholder {
       color: #aaa;
   }

   .modal-header,
   .modal-footer {
       border: none;
   }

   .btn-submit {
       background-color: #e3a127;
       color: #0d1c3a;
       font-weight: bold;
   }

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

   @media (max-width: 576px) {
       .job-card {
           padding: 25px 20px;
           border-radius: 30px;
       }

       .apply-btn {
           top: 20px;
           right: 20px;
           padding: 6px 16px;
       }
   }

   /* Time_line_style_End */