/* Header section with background image */
    .header-section {
        background: url('header2.jpg') no-repeat top center;
        background-size: cover;
        height: 800px;
        position: relative;
        color: white;
        max-height: 800px; overflow: hidden;
      }
      /* Transparent navigation bar */
      .navbar-transparent {
        background-color: rgba(0, 0, 0, 0.5) !important;
      }
      /* Footer styling */
      .footer {
        background: #000;
        color: #fff; display: none;
        padding: 20px 0;
      }
      h1 { font-weight: bold; }
      .nav-link { color: #fff; opacity: 1; font-weight: bold; background: #000; }
      .nav-item:last-child .nav-link { color: #fff; opacity: 1; font-weight: bold; background: #ff0000; }
      .logo { width: 25%; }
      .btn-primary { background: #000; color: #fff; border: 0; }
      .card { min-height: 720px; transition: .3s all; }
      
      .card:hover { background: #000; color: #fff; }
      .card:hover .btn-primary { background: #fff; color: #000; }
      #totalCostDisplay {
        font-weight: bold;
        font-size: 1.2em;
        margin-bottom: 1rem;
      }
      @media (max-width: 1000px) {
        .logo { width: 50%; }
        .header-section { background-position: -250px center; height: 600px; }
        
      }