.contact-person-tabs {
}

.contact-person-tabs .nav-tabs {
  border: none;
}



.contact-person-tabs .tab-pane {
  padding-top: 30px;
}

.contact-person-tabs h2 {
  color: var(--bs-primary);
  font-size: 1.425rem;
  margin-bottom: 30px;
}

.contact-person-tabs .card {
  border: none;
  height: 100%;
  position: relative;
  background: var(--bs-gray-100)
}

.contact-person-tabs .card i {
  width: 30px;
  display: flex;
  border: none;
}

.contact-person-tabs .card h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.125rem;
  margin-top: 20px;
  margin-bottom: 0px;
}

.contact-person-tabs .card .image {
  padding-right: 30px;
}

.contact-person-tabs .card .area {
  color: var(--bs-primary);
  padding-top: 1rem;
  padding-right: 30px;
}

.contact-person-tabs .card .area strong {
}

.contact-person-tabs .card .card-title {
  margin-bottom: 0px;
}

.contact-person-tabs .card .contact {
  padding-top: 20px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.contact-person-tabs .card .contact a {
  display: flex;
  align-items: center;
}


.contact-person-tabs .js-form-wrapper {
  display: block;
  width: 100%;
}

.contact-person-tabs .js-form-wrapper label {
  display: none;
}

.contact-person-tabs .js-form-wrapper .fieldset-wrapper {

}


.contact-person-tabs .js-form-wrapper .fieldset-wrapper>div {
  width: 100%;
}

.contact-person-tabs  .grid-bar {
  margin: -1rem;
}


.contact-person-tabs .btn-location {
  position: absolute;
  right: 0px;
  margin: 0px;
  width: 50px;
  height: 50px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  font-size: 1.225rem;
}

.contact-person-tabs .btn-location i {
  margin: 0px;
}


.contact-person-tabs .btn-vcard {
  margin-top: 10px;
  display: block;
  margin-left: 0px;
}

.contact-person-tabs .image-wrapper {
  position: relative;
}

.contact-person-tabs .area-bar {
  position: absolute;
  right: 0px;
  margin: 0px;
  left: 0px;
  font-size: 0.825rem;
  bottom: 0px;
  background-color: rgba(var(--bs-primary-rgb), 0.9);
  color: var(--bs-white);
  padding: 0.75rem;
}








@media (max-width: 1399.98px) {
}

@media (max-width: 1199.98px) {
  .contact-person-tabs .grid-bar>div {
    width: 50%!important;
  }
}

@media (max-width: 991.98px) {

}
@media (max-width: 767.98px) {}

@media (max-width: 575.98px) {

  #contact-person-nav-tab button {
    width: 100%;
    text-align: center;
    margin-right: 0px;
  }

  .contact-person-tabs .grid-bar>div {
    width: 100%!important;
  }
}