.custom-header {
      background: #E3F2FD; /* light sky blue */
      border-bottom: 1px solid #c5d9f2;
      padding: 8px 0;
      box-shadow: 0 2px 6px rgba(0,0,0,0.06);
      animation: fadeIn 0.8s ease-in-out;
    }

    /* Flexbox for tight alignment */
    .header-flex {
      display: flex;
      align-items: center;
      justify-content: space-between; /* space left and right */
    }

    .header-left {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .header-left .logo img {
      max-height: 100px;
      display: block;
    }

    .title {
      font-family: "Roboto", "Segoe UI", sans-serif;
      line-height: 1.3;
    }

    .title h2 {
      color: green;
      font-weight: 800;
      font-size: 1.5rem;
      margin: 0;
    }

    .title h4 {
      color: #2c3e50;
      font-weight: 500;
      font-size: 1rem;
      margin: 2px 0;
    }

    .title p {
      font-size: 0.9rem;
      margin: 0;
      color: #37474f;
    }

    .highlight {
      color: #c62828;
      font-weight: 600;
      font-size: 1rem;
      margin-top: 2px;
    }

    .header-right img {
      max-height: 100px;
      display: block;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-5px); }
      to { opacity: 1; transform: translateY(0); }
    }
	
	/*mobile responsive*/
	/* Mobile view only */
	@media (max-width: 768px) {
	    .header-flex {
	        flex-direction: row;        /* logo, title, emblem in a row */
	        justify-content: space-between;
	        align-items: center;
	        text-align: center;
	        gap: 10px;
	    }

	    .header-left,
	    .header-right {
	        flex: unset;                /* remove default flex behavior */
	    }

	    .title {
	        flex: 1;                    /* title expands in center */
	    }

	    .header-left .logo img,
	    .header-right img {
	        max-height: 60px;           /* smaller for mobile */
	    }

	    .title h2 {
	        font-size: 1.2rem;
	    }

	    .title h4 {
	        font-size: 0.85rem;
	    }

	    .title p {
	        font-size: 0.75rem;
	    }
	}