body {
    background-color: var(--background);
}



.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-building {
    background-image: url("images/background_images/bg_building.png");
}

.hidden {
    visibility: hidden;
}

.center {
    text-align: center;
}

#affiliate-companies {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.pointer {
    cursor: pointer;
}
#affiliate-companies h2 {
  font-size: 2rem;
  margin-bottom: 20px;
}

.spacer-x {
    margin-left: 30px;
}

#who-we-are {
    padding: 60px 0; /* Vertical spacing */
    text-align: left;
}

#who-we-are h2 {
    font-size: 50px;
}
  
#who-we-are .container {
margin: 0 auto; /* Center the content */
padding: 0 15px;
}
  
.section-title {
font-size: 2.5rem; /* Larger font size for the title */
margin-bottom: 30px; /* Add space below the heading */
color: #2d3436; /* Professional dark color */
text-transform: uppercase; /* Uppercase title for emphasis */
}
.text-underline {
  text-decoration: underline;
}

.section-text {
font-size: 1.1rem; /* Slightly larger font size for readability */
line-height: 1.6; /* Adjust line height for readability */
color: #555; /* A subtle, darker color for text */
margin-bottom: 20px; /* Space between paragraphs */
}



a {
    text-decoration: none;
    color: var(--primary-text-color);
    font-family: 'Roboto', sans-serif;
}

.modal-body, .modal-title, .modal-footer {
  font-family: 'Roboto', sans-serif;
}

  
  @media (max-width: 768px) {
    #who-we-are .container {
      max-width: 100%;
      padding: 0 20px;
    }
  
    .section-title {
      font-size: 2rem; /* Adjust title size on smaller screens */
    }
  
    .section-text {
      font-size: 1rem; /* Adjust text size for readability on smaller devices */
    }
  }