body {
    background: none;
}

.hero {
    background: url("../images/background-main.jpg") no-repeat top center;
    background-size: 100% auto;  /* background-size: cover; */            
}

.hero-content {
    padding: 120px 140px 80px 140px;
    
}

@media (max-width: 767px) {
	.hero-content {
		padding: 120px 1rem 80px 1rem;
	}
}        

.hero h1 {
    font-size: 48px;
    color: var(--base-primary-800, #1A2640);	  
}

.subtitle {
    color: var(--base-primary-800, #1A2640);
    font-size: 1rem;
    font-weight: 400;
    
}

.btn-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 8px;
  padding-bottom: 3px;
}	


.knowledge-hero-content {
    background: white;
}

.knowledge-hero-title {
    color: var(--base-primary-800, #1A2640);
}

.knowledge-hero-subtitle {
    color: var(--base-primary-800, #1A2640)
}



        
        /* Content Menu */
        
.content-container {
	padding-top:80px;
	display: flex;
	gap: 56px;        	
}
        
.content-menu {
      width: 340px;
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      gap: 8px;
}

.content-menu-item {
      width: 100%;
      background: var(--base-primary-200, #D9E5FF);
      padding: 12px 16px;
      border-radius: 8px;
      font-size:16px;
}

.content-menu-item a {
	color: var(--base-primary-800, #1A2640);
	text-decoration: none;
}

.content-menu-space {
	background: none;
}

.content-box {
      flex: 1;
      color: var(--base-primary-800, #1A2640);
}
    
.content-box h2 {        
    margin-block-start: 0.83em;
}
.content-box p {        
    margin-bottom: 2em;
}

.content-box ul {
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 20px;
}

    /* Responsive: hide menu and make content full width */
    @media (max-width: 1024px) {
      .content-container {
        padding: 20px;
        flex-direction: column;
      }

      .content-menu {
        display: none;
      }

      .content-box {
        width: 100%;
      }
    }