.search-office-container {
    background-color: #FFFFFF;
    padding-top: 100px;
}

.btn-close-videos {
  margin-right: 30px;
}

.btn-close-videos button{
  background: transparent url(../img/single/btn-close.png) center/1em auto no-repeat;
  border: 0;
  opacity: inherit;
  width: 18.67px !important;
  height: 18.67px !important;
  text-shadow: none;
  color: transparent;
}

.btn-close-videos button:hover{
  color: transparent;
}

.institutional-video-modal{
  height:400px;
  width: 100%;
}

.search-office-container h3 {
  font-weight: 300;
  font-size: 28px;
  line-height: 150%;
  color: #482817;
  width: fit-content;
}
.search-office-container .form-label {
  font-weight: 600;
  font-size: 14px;
  margin-top: 32px;
}
.search-office-container .form-select {
  width: 100%;
  height: 40px;
  background-color: #F6F6F6;
  border-radius: 16px;
  border-color: transparent;
}
.search-office-container button {
  height: 40px;
  background-color: transparent;
  border: 1px solid #3C7C00;
  border-radius: 12px;
  color: #3C7C00;
  font-weight: 600;
  padding: 0px 24px;
}
.search-office-container .card-office {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  padding: 48px 48px;
  margin-bottom: 24px;
}
.search-office-container .card-office h6 {
  color: #666666;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
.search-office-container .card-office h4 {
  font-weight: 300;
  font-size: 24px;
  margin-bottom: 32px;
}
.search-office-container .card-office h5 {
  color: #666666;
  font-size: 16px;
  margin-bottom: 8px;
  line-height: 175%;
}
.search-office-container .card-office .material-icons {
  color: #518BB2;
  font-size: 16px;
  margin-right: 8px;
  vertical-align: middle;
}
.search-office-container .card-office a {
  color: #3C7C00;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}
.search-office-container .card-office a .material-icons {
  color: #3C7C00;
}
.search-office-container .pagination {
  justify-content: center;
  align-items: center;
  margin-top: 72px;
  margin-bottom: 168px;
}
.search-office-container .page-link {
  background: transparent;
  border-color: transparent;
  color: #3C7C00;
  font-weight: 600;
  font-size: 16px;
  text-decoration: underline;
}
.search-office-container .disabled {
  color: #A0A0A0;
}
.search-office-container .no-underline {
  text-decoration: none;
}
.search-office-container .pagination .page-link .material-icons {
  font-size: 16px;
  padding: 8px;
  vertical-align: middle;
}
.help-center-container {
  background-color: #FFFFFF;
  padding-top: 80px;
  padding-bottom: 104px;
}
.help-center-container p {
  color: #666666;
  font-size: 18px;
  line-height: 200%;
  max-width: 743px;
  width: 100%;
  margin-top: 34px;
}
.help-center-container-form-title {
  background-color: #FFFFFF;
  padding-top: 80px;
  padding-bottom: 32px;
}
.help-center-container-form-title p {
  color: #666666;
  font-size: 18px;
  line-height: 200%;
  max-width: 743px;
  width: 100%;
  margin-top: 34px;
}
.btn-default-green {
  height: 48px;
  background-color: #3C7C00;
  border: transparent;
  border-radius: 12px;
  color: #F6F6F6;
  font-weight: 600;
  margin-top: 32px;
  padding: 12px 24px;
  display: inline-block;
  font-size: 16px;
}
.btn-default-green:hover {
  text-decoration: none;
  color: #F6F6F6;
  background-color: #204A00;
}
.btn-default-green .material-icons {
  font-size: 14px;
  margin-left: 8px;
  vertical-align: middle;
  font-weight: 600;
}
.corporative-office-container {
  background-color: #FFFFFF;
  padding-top: 120px;
  padding-bottom: 80px;
}
.corporative-office-container h3 {
  font-weight: 300;
  font-size: 28px;
  line-height: 150%;
  width: fit-content;
}
.corporative-office-container mark,
.search-center-exp-container mark,
.help-center-container mark {
  font-size: 28px;
}
.corporative-office-container .form-label {
  font-weight: 600;
  font-size: 14px;
  margin-top: 32px;
}
.corporative-office-container .form-select {
  width: 264px;
  height: 40px;
  background-color: #F6F6F6;
  border-radius: 16px;
  border-color: transparent;
}
.corporative-office-container button {
  width: 101px;
  height: 40px;
  background-color: transparent;
  border: 1px solid #3C7C00;
  border-radius: 12px;
  color: #3C7C00;
  font-weight: 600;
  margin-top: 61px;
  margin-bottom: 80px;
}
.corporative-office-container .card-corporative-office {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  padding: 40px;
  margin-top: 40px;
}
.corporative-office-container .card-corporative-office h6 {
  color: #666666;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
.corporative-office-container .card-corporative-office h4 {
  font-weight: 300;
  font-size: 24px;
  margin-bottom: 32px;
}
.corporative-office-container .card-corporative-office p {
  color: #666666;
  font-size: 16px;
  margin-bottom: 8px;
  line-height: 175%;
}
.corporative-office-container .card-corporative-office .material-icons {
  color: #518BB2;
  font-size: 14px;
  margin-right: 8px;
  vertical-align: middle;
}
.corporative-office-container .card-corporative-office a {
  color: #3C7C00;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}
.corporative-office-container .card-corporative-office a .material-icons {
  color: #3C7C00;
}
@media only screen and (max-width: 540px) {

  .btn-close-videos button {
    margin-bottom: 70px;
  }

  .institutional-video-modal{
    height: 300px;
  }
  .search-office-container {
    padding: 0px 14px;
  }
  .search-office-container h3 {
    font-size: 20px;
  }
  .search-office-container .form-select {
    margin-bottom: 0;
  }
  .search-office-container button {
    width: 100%;
    margin-top: 24px;
  }
  .search-office-container .card-office {
      padding: 32px 32px;
  }
  .search-office-container .card-office h4 {
    font-size: 18px;
  }
  .search-office-container .card-office h5 {
    margin-bottom: 16px;
  }
  .search-office-container .card-office a {
    position: inherit;
    margin-top: 32px;
    margin-bottom: 40px;
  }
  .search-office-container .pagination {
    margin-top: 48px;
    margin-bottom: 104px;
  }
  .search-office-container .num-item {
    display: none;
  }
  .corporative-office-container h3 {
    font-size: 20px;
  }
  .corporative-office-container .form-select {
    width: 308px;
    margin-bottom: 0;
  }
  .corporative-office-container button {
    width: 308px;
    margin-top: 24px;
    margin-bottom: 64px;
  }
  .corporative-office-container .card-corporative-office {
      padding: 32px;
  }
  .corporative-office-container .card-corporative-office h4 {
    font-size: 18px;
    font-weight: 400;
  }
  .corporative-office-container .card-corporative-office h5 {
    margin-bottom: 16px;
  }
  .corporative-office-container .card-corporative-office a {
    position: inherit;
    margin-top: 32px;
    margin-bottom: 40px;
  }
  .help-center-container p {
    font-size: 16px;
  }
}
