.header-banner {
		  width: 100%;
		  background: #276CF7;
		  color: #fff;
		  position: relative;
             top: -15px;
	  }

	  .h-container {
		  max-width: 1140px;
		  margin: 0 auto;
		  padding: 10px;
		  display: flex;
		  justify-content: space-between;
		  text-align: left;
	  }

	  .h-container > div {
		  flex: 1;
		  padding: 0 10px;
		  border-left: 1px solid #1A55CB;
	  }

	  .h-title {
		  font-weight: 600;
		  font-size: 20px;
		  line-height: 28px;
		  color: #fff;
	  }

	  .h-subtitle {
		  font-size: 15px;
		  opacity: 1;
		  line-height: 20px;
		  color: #fff;
 		  font-weight: 300;
	  }

	  /* Mobile styles */
	  @media (max-width: 768px) {
		  .h-container {
			  display: grid;
			  grid-template-columns: 1fr 1fr;
			  grid-template-rows: auto auto;
			  gap: 20px;
		  }

		  .h-container > div {
			  border-top: none;
			  padding: 0 0 0 10px;
		  }

		  .h-col-1 { 
			  grid-column: 1 / span 2; 
			  grid-row: 1; 
		  }
		  .h-col-2 { 
			  grid-column: 2; 
			  grid-row: 2; 
			  padding-left: 20px; 
			  border-left: 1px solid #4BE59E; 
		  }
		  .h-col-3 { 
			  grid-column: 1; 
			  grid-row: 2; 
			  padding-right: 20px; 
		  }

		  .h-title {
			  font-size: 14px;
			  line-height: 26px;
		  }

		  .h-subtitle {
			  font-size: 12px;
			  line-height: 18px;
		  }
	  }