.bg-secondary{
      background-color: #E7B008 !important;
}
.bg-primary{
                    background-color: #198754 !important;
}
.text-secondary{
      color:#E7B008 !important;
}
.text-primary{
      color: #198754 !important;
}
.card-h{
      background: linear-gradient(45deg, rgba(231, 176, 8, 0.3), rgba(25, 135, 84, 0.3));
      animation: gradient-animation 10s infinite alternate;

}
.job-feature {
      transition: all 0.4s ease-in-out;
      border: 2px solid transparent;
      background: white;
  }
  
  .job-feature:hover {
      background:linear-gradient(135deg, #C6DBC4, #EBE3B9);
      color: white;
      border-color: #EBE3B9;
      transform: translateY(-5px);
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  }
  
  .job-feature:hover i {
      color: white !important;
  }
  
  .job-feature:hover h5 {
      color: white !important;
  }
  .job-card {
      transition: all 0.4s ease-in-out;
      border-radius: 12px;
  }
  
  .job-card:hover {
      background: linear-gradient(135deg, rgba(4, 99, 7, 0.15), rgba(201, 162, 39, 0.15));
      transform: translateY(-5px);
      box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.12);
  }
  
  .btn-gradient {
      background: linear-gradient(to right, #046307, #c9a227);
      border: none;
      color: white;
      font-weight: bold;
      transition: 0.3s;
      border-radius: 8px;
  }
  
  .btn-gradient:hover {
      background: linear-gradient(to right, #034805, #a88a2a);
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  }
 .fixed-height {
    height: 200px; /* Set a fixed height */
    width: 100%; /* Ensure full width */
    object-fit: contain; /* Prevent cropping, fit image within the height */
    background-color: #f8f9fa; /* Optional: Set a background color if images have transparency */
}
.bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }

        .b-example-divider {
            width: 100%;
            height: 3rem;
            background-color: rgba(0, 0, 0, 0.1);
            border: solid rgba(0, 0, 0, 0.15);
            border-width: 1px 0;
            box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1),
                inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
        }

        .b-example-vr {
            flex-shrink: 0;
            width: 1.5rem;
            height: 100vh;
        }

        .bi {
            vertical-align: -0.125em;
            fill: currentColor;
        }

        .nav-scroller {
            position: relative;
            z-index: 2;
            height: 2.75rem;
            overflow-y: hidden;
        }

        .nav-scroller .nav {
            display: flex;
            flex-wrap: nowrap;
            padding-bottom: 1rem;
            margin-top: -1px;
            overflow-x: auto;
            text-align: center;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
        }

        .btn-bd-primary {
            --bd-violet-bg: #157F3C;
            --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

            --bs-btn-font-weight: 600;
            --bs-btn-color: var(--bs-white);
            --bs-btn-bg: var(--bd-violet-bg);
            --bs-btn-border-color: var(--bd-violet-bg);
            --bs-btn-hover-color: var(--bs-white);
            --bs-btn-hover-bg: #169243;
            --bs-btn-hover-border-color: #157F3C;
            --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
            --bs-btn-active-color: var(--bs-btn-hover-color);
            --bs-btn-active-bg: #1dad52;
            --bs-btn-active-border-color: #157F3C;
        }


        .bd-mode-toggle {
            z-index: 1500;
        }

        .bd-mode-toggle .dropdown-menu .active .bi {
            display: block !important;}