.hs-search-field {
  position: relative;
}
.hs-search-field__input {
  box-sizing: border-box;
  width: 100%;
}
.hs-search-field__bar button svg {
  height: 10px;
}
.hs-search-field__suggestions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid #000;
}
.hs-search-field__suggestions li {
  display: block;
  margin: 0;
  padding: 0;
}
.hs-search-field__suggestions #results-for {
  font-weight: bold;
}
.hs-search-field__suggestions a,
.hs-search-field__suggestions #results-for {
  display: block;
}
.hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  outline: none;
}

{# Cleanroom #}
.cleanroom i,
.cleanroom header svg path{
  color: #904493;
  fill: #904493;
}
.cleanroom .hs-button, 
.cleanroom .hs-button:active, 
.cleanroom .hs-button:visited{
  background-color: #904493;
}
.cleanroom .hs-button:hover{
  color: #fff;
}
{# APAC #}
.apac i,
.apac header svg path{
  color: #904493;
  fill: #904493;
}
.apac .hs-button, 
.apac .hs-button:active, 
.apac .hs-button:visited{
  background-color: #904493;
}
.apac .hs-button:hover{
  color: #fff;
}

{# Healthcare #}
.healthcare i,
.healthcare header svg path{
  color: #00A396;
  fill: #00A396;
}
.healthcare .hs-button, 
.healthcare .hs-button:active, 
.healthcare .hs-button:visited{
  background-color: #00A396;
}
.healthcare .hs-button:hover{
  color: #fff;
}

{# Professional #}
.professional i,
.professional header svg path{
  color: #00A343;
  fill: #00A343;
}
.professional .hs-button, 
.professional .hs-button:active, 
.professional .hs-button:visited{
  background-color: #00A343;
}
.professional .hs-button:hover{
  color: #fff;
}

{# Surface Prep #}
.surfaceprep i,
.surfaceprep header svg path{
  color: #888C8B;
  fill: #888C8B;
}
.surfaceprep .hs-button, 
.surfaceprep .hs-button:active, 
.surfaceprep .hs-button:visited{
  background-color: #888C8B;
}
.surfaceprep .hs-button:hover{
  color: #fff;
}

{# International #}
.international i,
.international header svg path{
  color: #904493;
  fill: #904493;
}
.international .hs-button, 
.international .hs-button:active, 
.international .hs-button:visited{
  background-color: #904493;
}
.international .hs-button:hover{
  color: #fff;
}

{# LAS #}
.las i,
.las header svg path{
  color: #00A343;
  fill: #00A343;
}
.las .hs-button, 
.las .hs-button:active, 
.las .hs-button:visited{
  background-color: #00A343;
}
.las .hs-button:hover{
  color: #fff;
}

.hs-search-field__bar form{
  border-radius: 100px;
}

.hs-search-field__bar form .hs-button{
  width: 100%;
  font-weight: 700;
}

.hs-search-field__bar form .hs-button:hover{
  transform: unset;
  background-color: #082951;
}

.hs-search-field__bar form .hs-button svg{
  fill: #fff;
}

.hs-search-field__input{
  padding-left: 1rem;
}

.hs-search-field--open .hs-search-field__suggestions{
  padding: 1.5rem;
  margin-top: 4px;
  border-radius: 12px;
  background-color: #fff;
  color: #082951;
}

.hs-search-field__suggestions li:not(:last-of-type){
  margin-bottom: 1rem;
}

.hs-search-field__suggestions a{
  color: #082951;
  text-decoration: none;
}

.hs-search-field__suggestions a:hover{
  background-color: transparent;
  color: #7A7269;
}

.hs-search-results__title{
  color: #082951;
}

.hs-search-results__title:hover{
  color: #7A7269;
}


@media screen and (max-width: 1000px){
  .hero-section-wrap.system{
    background-size: cover !important;
  }
  
  .hs-search-field__bar form{
    background-color: transparent !important;
    margin-bottom: 8px;
    padding: 0;
  }
  
  .hs-search-field__bar form .hs-button{
    border: unset;
  }
}