.roles-hubdb-sec .sub-heading-text h6 {
  margin: 0 0 8px;
}
.roles-hubdb-sec .heading-text {
  margin: 0 0 32px;
}
.roles-hubdb-sec .heading-text h2{
  margin: 0;
}
.roles-hubdb-sec .filter-container {
  padding: 24px;
  background-color: #F9F9F9;
  border-radius: 8px;
}
.roles-hubdb-sec .filter-top-text-container {
  display: flex;
  justify-content: space-between;
  margin: 0 0 16px;
}
.roles-hubdb-sec .filter-top-text-container a{
  text-decoration:underline;
  color:#000;
  font-weight:500;
}
.roles-hubdb-sec .filter-top-text-container a:hover{
  text-decoration:none;
}

.roles-hubdb-sec form input {
  color: #000;
  line-height: 24px;
  padding: 13px 16px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  font-size: 16px;
  width:100%;
  position: relative;
}

.roles-hubdb-sec form input[type='search'] {
  appearance: none;
  background-image: url("https://48817205.fs1.hubspotusercontent-na1.net/hubfs/48817205/Vector.png");
  background-repeat: no-repeat;
  background-position: right 18px top 50%;
  background-size: 19px auto;
}
.roles-hubdb-sec form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.roles-hubdb-sec .field-wrapper:not(:last-child) {
  max-width: 300px;
  width: 100%;
  margin:0 24px 0 0;
}
.roles-hubdb-sec .field-wrapper .button{
  margin:0;
}

.roles-hubdb-sec .nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  color:#000;
  border-radius: 5px;
  border: solid 1px #e8e8e8; 
  font-size:16px;
  font-weight: 400;
  line-height: 24px;
  padding:14px 16px; 
  width: 100%; 
  height:auto;
}
.roles-hubdb-sec .nice-select:hover {
  border-color: #dbdbdb;
}
.roles-hubdb-sec .nice-select:active,
.roles-hubdb-sec .nice-select.open, .nice-select:focus {
  border:2px solid #FFDA0F;
}
.roles-hubdb-sec .nice-select:after {
  border-bottom:1px solid #000;
  border-right: 1px solid #000;
  content: '';
  height: 15px;
  width: 15px; 
  right: 23px;
  top: 27%;

}
.roles-hubdb-sec .nice-select.open:after {
  top:36%:
}

.roles-hubdb-sec .nice-select.disabled {
  border-color: #ededed;
  color: #999;
}
.roles-hubdb-sec .nice-select.disabled:after {
  border-color: #cccccc; }


.roles-hubdb-sec .nice-select .list {
  width:100%;
  background-color: #fff;
  border:1px solid #DDDDDD;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  margin-top: 4px;

}
.roles-hubdb-sec .nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important; 
}
.roles-hubdb-sec .nice-select .option {
  white-space: break-spaces;
  font-size:16px;
  font-weight: 400;
  color:#555555;
  line-height: 24px;  
  padding:12px 16px; 
}

.roles-hubdb-sec .nice-select .option:hover, .nice-select .option.focus, 
.roles-hubdb-sec .nice-select .option.selected.focus {
  background-color: #FFDA0F; 
}

.roles-hubdb-sec .nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default; 
}
.roles-hubdb-sec .bottom-text-container {
  margin:32px 0 0;
}
.roles-hubdb-sec .bottom-text-container h4 {
  margin: 0 0 8px;
}
.roles-hubdb-sec .bottom-text-container a {
  color:#000;
  text-decoration:underline;
}
.roles-hubdb-sec .bottom-text-container a:hover {
  color:#000;
  text-decoration:none;
}
.roles-hubdb-sec .bottom-text-container p:last-child {
  margin: 0;
}


@media only screen and (max-width:991px){
  .roles-hubdb-sec .field-wrapper:not(:last-child) {
    margin: 0 16px 0 0;
  }
}

@media only screen and (max-width:767px){
  .roles-hubdb-sec .heading-text {
    margin: 0 0 24px;
  }
  .roles-hubdb-sec .bottom-text-container {
    margin: 24px 0 0;
  }
  .roles-hubdb-sec .filter-container {
    padding: 16px;
  }
  .roles-hubdb-sec form {
    flex-wrap: wrap;
  }
  .roles-hubdb-sec .field-wrapper:not(:last-child) {
    max-width: 100%;
    width: 100%;
    margin: 0 0 16px;
  }
  .roles-hubdb-sec .field-wrapper{
    width:100%;
  }
   .roles-hubdb-sec .field-wrapper button{
    width:100%;
  } 
  .roles-hubdb-sec .nice-select{
    margin:0;
  }
  .roles-hubdb-sec .filter-top-text-container a {
    font-size:14px;
  }
}