.office-section {
  display: flex;
  flex-wrap: wrap;
  background-color: #333;
  color: #c4d2d7;
  overflow: hidden;
  margin:20px;
}
}

/* Left Column */
.menu-column {
  width: 40%;
  min-width: 300px;
  background-color: #007C91;
  padding: 2rem 1rem;
  border-right: 2px solid black;
  box-sizing: border-box;
}

    .menu-column h2 {
      font-size: 1.5rem;
      margin-bottom: 1.5rem;
      text-align: center;
    }

    .menu-column ul {
      list-style: none;
    }

    .menu-column li {
      margin: 1rem 0;
      padding: 0.5rem 1rem;
      cursor: pointer;
      border-top: 1px dashed #ccc;
      text-align: center;
      transition: background 0.3s ease;
    }

    .menu-column li:hover {
      background-color: rgba(255,255,255,0.1);
    }

    .menu-column li:last-child {
      border-bottom: 1px dashed #ccc;
    }

   /* Right Column */
	.content-column {
	  width: 80%;
	  padding: 1rem 5rem;
	  overflow-y: auto;
	  scroll-behavior: smooth;
	  box-sizing: border-box;
	  max-height: 100vh;
	}
    .content-column h2 {
      font-size: 2.5rem;
      margin-bottom: 1.5rem;
    }

    .content-column p {
      font-size: 1.2rem;
      margin-bottom: 1rem;
      line-height: 1.6;
    }
	
.section-title {
		margin:20px;
		font-family: Century Gothic;
		font-size: 3.0rem;
      		/* <!-- margin-bottom: 0rem; --> */
      		/* <!-- background: rgba(0, 0, 0, 0.4); --> */
      		border-radius: 8px;
      		/* <!-- max-width: 90%; --> */
	  	max-width: 100%;
      		padding: 0rem;  
	  	font-weight:normal;
		color: #2981e5;
    }
	
	.section-subtitle {
	  margin:20px;
	  font-family: Century Gothic;
	  font-size: 1.5rem;
      		/* <!-- margin-bottom: 0rem; --> */
      		/* <!-- background: rgba(0, 0, 0, 0.4); --> */
      		border-radius: 8px;
      		/* <!-- max-width: 90%; --> */
	  	max-width: 100%;
      		padding: 0rem;  
	  	font-weight:normal;
		color: #2981e5;
    }
	

  /* Mobile View: Stack Vertically */
@media (max-width: 768px) {
  .menu-column,
  .content-column {
    width: 100%;
    border-right: none;
    border-bottom: 2px solid black;
    height: auto;
    max-height: none;
  }

  .content-column {
    padding: 1rem;
  }
}