/*
   1.0 Utility functions for RTLCSS
*/
/* Replace. Replaces the declaration value with {value}.
** Usage:
** letter-spacing: 1px rtl(normal);
*/
/* Append. Appends {value} to the end of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-append(scaleX(-1));
*/
/* Prepend. Prepend {value} to the begining of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-prepend(scaleX(-1));
*/
/* Prepend. Prepend {value} to the begining of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-prepend(scaleX(-1));
*/
/* Ignore. Ignores processing of this declaration
** Usage:
** text-align: left rtl-ignore();
*/
.experience-component .nav {
  border-bottom: none; }
  .experience-component .nav-item {
    border: 1px solid #000;
    border-bottom: none; }
    .experience-component .nav-item + .nav-item {
      margin-right: 3px;
      margin-right: 0.1875rem; }
  .experience-component .nav-link {
    border-bottom: none;
    text-transform: uppercase; }
    .experience-component .nav-link.active {
      background-color: #000;
      color: #fff !important;
      border-bottom: none; }
    @media (max-width: 543.98px) {
      .experience-component .nav-link {
        font-size: 16px;
        font-size: 1rem;
        padding: 10px;
        padding: 0.625rem; } }

.experience-component .tab-content {
  border: 1px solid #000;
  padding: 15px;
  padding: 0.9375rem; }
  .experience-component .tab-content img {
    max-width: 100%; }