/* Hero Section */
.hero-section {
    background: url('img/bgcover.jpg') no-repeat center center/cover;
    height: 70vh;
    position: relative;
  }
  
  .hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  
  .hero-section .container {
    position: relative;
    z-index: 2;
  }
  
  /* Footer */
  footer {
    font-size: 0.9rem;
  }
  
  /* Cards */
  .card-title {
    color: #007bff;
  }
  
  .card:hover {
    transform: translateY(-5px);
    transition: 0.3s ease-in-out;
  }
  
  /* General Section Titles */
h2 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    text-transform: capitalize;
  }
  
  /* Job Cards */
  .card-title {
    color: #007bff;
  }
  
  .card:hover {
    transform: translateY(-5px);
    transition: 0.3s ease-in-out;
  }
  
  /* Hero Section */
  header {
    background-color: #f8f9fa;
    padding: 2rem 0;
  }
  
  .navbar {
    position: fixed; /* Fixed below the ad */
    top: 1.5cm;      /* Adjust this value to match the height of the top ad */
    left: 0;
    right: 0;
    z-index: 1060;   /* Ensure it stacks below the ad but above other content */
    background-color: #ffffff; /* Add background color if needed */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow for navbar */
  }