/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/* Paragraphs */

p {
  font-size: 1.6rem;
  margin: 0 0 1.6rem;
}



/* Center the logo in the header */
.header__container {
  display: flex;
  align-items: center; /* Vertically align items in the container */
  justify-content: center; /* Horizontally center items in the container */
}

.header__logo {
  margin-right: 0; /* Remove the right margin from the parent theme */
}

/* Adjustments for other elements if needed */
.header__row-1,
.header__row-2 {
  justify-content: center; /* Center content within these rows as well */
}

/* Mobile adjustments - if the centering breaks the mobile layout */
@media (max-width: 767px) {
  .header__container {
    justify-content: center; /* Center logo on mobile */
  }

  .header__row-1,
  .header__row-2 {
    justify-content: center; /* Center content in rows on mobile */
  }
}

/* Inherit other header styles from the parent */
.header .dnd-section {
  padding: inherit;
}

.header {
  padding-top: inherit;
  padding-bottom: inherit;
  position: inherit;
}

.header__row-1 {
  padding-top: inherit;
}

.header__column {
  position: inherit;
}

/* Revert mobile specific positioning if centering causes issues */
@media (max-width: 767px) {
  .header__column {
    position: static;
  }

  .header__row-2 {
    justify-content: end; /* Revert to parent's mobile alignment if needed */
    padding: inherit;
  }
}

.header__skip {
  height: inherit;
  left: inherit;
  overflow: inherit;
  position: inherit;
  text-align: inherit;
  top: inherit;
  width: inherit;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

.header__logo {
  align-items: inherit;
  display: inherit;
  height: inherit;
  max-width: inherit;
  overflow: inherit;
  line-height: inherit;
}

@media (max-width: 767px) {
  .header__logo {
    margin: inherit;
  }
}

.header__logo img {
  max-width: inherit;
}

.header__logo .logo-company-name {
  font-size: inherit;
  margin-top: inherit;
}

.search-wrapper {
  margin: inherit;
}

.header__search {
  position: inherit;
  right: inherit;
  padding: inherit;
  background-color: inherit;
  box-shadow: inherit;
  top: inherit;
  width: inherit;
  transition: inherit;
  visibility: inherit;
  opacity: inherit;
}

.header__search.open {
  width: inherit;
  opacity: inherit;
  visibility: inherit;
}

.search-icon {
  cursor: inherit;
  line-height: inherit;
}

.header__search .hs-search-field__input {
  height: inherit;
  padding: inherit;
  width: inherit;
  background-color: inherit;
  outline: inherit;
}

.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: inherit;
  border-radius: inherit;
  max-width: inherit;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: inherit;
  border: inherit;
  border-radius: inherit;
  border-top-width: inherit;
  position: inherit;
  width: inherit;
  z-index: inherit;
}

.header__search .hs-search-field__suggestions li {
  border-top: inherit;
  font-size: inherit;
}

.header__search .hs-search-field__suggestions li a {
  color: inherit;
  padding: inherit;
  text-decoration: inherit;
  transition: inherit;
}

.header__search .hs-search-field__suggestions #results-for {
  display: inherit;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: inherit;
    display: inherit;
    flex-direction: inherit;
  }

  .header__search label {
    margin: inherit;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: inherit;
    order: inherit;
    padding: inherit;
  }
  .search-wrapper {
    margin: inherit;
  }
  .header__search.open {
    width: inherit;
  }
}

#nav-toggle {
  display: inherit;
}

@media (max-width: 767px) {
  .header__navigation,
  .header__search {
    display: inherit;
    width: inherit;
  }

  .header__navigation.open,
  .header__search.open {
    background-color: inherit;
    display: inherit;
    left: inherit;
    min-height: inherit;
    position: inherit;
    right: inherit;
    top: inherit;
    z-index: inherit;
    box-shadow: inherit;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__close--toggle {
    cursor: inherit;
    margin: inherit;
    position: inherit;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide {
    display: inherit;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open {
    display: inherit;
  }

  .header__search--toggle:after {
    display: inherit;
    font-size: inherit;
    font-weight: inherit;
    position: inherit;
    left: inherit;
    text-transform: inherit;
    top: inherit;
  }

  .header__search--toggle.open:after {
    display: inherit;
    word-break: inherit;
  }

  .header__navigation--toggle {
    background-image: inherit;
    background-repeat: inherit;
    background-size: inherit;
    height: inherit;
    width: inherit;
  }

  .header__navigation--toggle:hover {
    background-image: inherit;
  }

  .header__navigation--toggle.open {
    background-image: inherit;
  }

  .header__close--toggle.show {
    display: inherit;
  }
}




































































/* Center both text and the button in the center of the banner */
.home-banner-wrapper .home-banner-inner {
  display: flex;
  flex-direction: column; /* Stack content vertically */
  justify-content: center; /* Center items vertically along the main-axis */
  align-items: center; /* Center items horizontally along the cross-axis */
  text-align: center; /* Center text within its own container */
  min-height: 600px; /* Ensure the inner container has a defined height */




  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 80px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;


}

.home-banner-wrapper .home-banner-button {
  margin-top: 20px; /* Adjust top margin for spacing from text */
}

/* If your text is in a separate container like .home-banner-content */
.home-banner-wrapper .home-banner-content {
  /* No specific vertical alignment needed here as the parent centers it */
  margin-bottom: 1px; /* Add margin to separate text from the button */
}

.home-banner-wrapper .home-banner-content h1 {
  color: #fff;
  margin-bottom: 5px;
}

.home-banner-wrapper .home-banner-content p {
  color: #fff;
  font-weight: semi-bold;
  letter-spacing: 1px;
  font-size: 1.6em; /* Increased font size by approximately two steps. You can adjust this value (e.g., 1.1em, 1.3em, or specific px/rem values) based on your design. */
}
}

.home-banner-wrapper .home-banner-button {
  margin-top: 20px;
}


@media(max-width: 767px){
  .home-banner-wrapper .home-banner-inner {
    min-height: 450px;
  }
  .home-banner-wrapper .home-banner-content {
    max-width: 100%;
  }
}

.home-banner-wrapper .home-banner-container {
  display: flex;
  justify-content: center; /* Centers horizontally */
}