.contact-container {
  display: flex;
  justify-content: center; /* Horizontally center the content */
  align-items: center; /* Vertically center the content */
  background-color: #0e567b;
  width: 100%;
 
 
}

.contact-banner {
  width:100%;
  max-width: 1380px;
  display: flex;
  flex-direction: row;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left:15px;
  padding-right:15px;
  gap: 20px;
}
  
.contact-col-left {
  width: 70%;
  display: flex;
  align-items: center;
}

.contact-col-right {
  width: 30%;
}

.contact-col-headline h3 {
 margin-bottom:0px;
  line-height: 30px;
  color: #ffffff;
  
  font-weight: 600;
  font-size: 26px;
}

.contact-col-cta a {
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  padding: 15px 52px; /* Adjust padding as needed */
  border: 2px solid #ffffff;
  border-radius: 5px;
  background-color: transparent;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 600;
  
}

.contact-col-cta a:hover {
  background-color: #ffffff; 
}

.contact-col-right {
  display: flex;
  justify-content: right; /* Align items horizontally in the center */
  align-items: center; /* Align items vertically in the center */
}


@media (max-width: 768px) {
    .contact-col-left, .contact-col-right {
              width:100%;
    }

  .contact-banner {
  flex-direction: column;
  }
  
    .contact-col-right {
  justify-content: left; 

}

.contact-col-headline {
  display: flex;
  align-items: center; /* Vertically center the content */
  height: 100%; /* Ensure the div takes up full height */
}