/* /global.css */
*{
  font-family: sans-serif;
}
.container {
    max-width: 1320px;
    margin: 0 auto;
}
.footer {
  position: relative;
  margin-top: 100px;
  background-color: #f5f5f5;
  padding: 60px 20px 30px;
}

.footer-wave {
  position: absolute;
  top: -99px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.footer-wave svg {
  width: 100%;
  height: 100px;
}

.footer-content {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.footer-navigation {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.nav-link {
  color: #333;
  text-decoration: none;
  font-weight: 500;
  padding: 5px;
  transition: all 0.3s ease;
}

.separator {
  color: #ccc;
  font-size: 14px;
}

.footer-contact {
  text-align: center;
  font-size: 16px;
}

.footer-contact a {
  color: #ff7a59;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-contact a:hover {
  text-decoration: underline;
}

.footer-copyright {
  text-align: center;
  color: #777;
  font-size: 14px;
}

@media (max-width: 600px) {
  .footer-navigation {
    flex-direction: column;
    align-items: center;
  }
  
  .separator {
    display: none;
  }
}

/* Standardized Header CSS */

/* Header Container */
.header {
  padding: 50px 0;
  height: 200px;
  box-sizing: border-box;
}

/* Header Wrapper - Contains logos */
.header-wrapper {
  display: flex;
  margin: 0 82px;
  align-items: center;
  /* Removed justify-content: center to allow natural alignment */
}

/* Logo Sizing */
.onext-logo img, .hubspot-logo img {
  display: block;
}

/* "X" between logos */
.header-wrapper .cross {
  font-size: 35px;
  display: inline-block;
  vertical-align: top;
  line-height: 35px;
  color: #000000;
  margin: -9px 23px 0;
}

/* Text Title Area */
.text-title {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .header-wrapper {
    /* Keep alignment consistent, but adjust margins */
    margin: 0 20px;
  }
  
  .header {
    padding: 50px 0 42px;
    height: 150px;
  }
  
  .text-title {
    margin-top: 30px;
  }
}


.text-title{
  display: flex;
  justify-content: center;
}