/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.tns-outer {
  position: relative; }
  .tns-outer .tns-controls {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    pointer-events: none;
    z-index: 1; }
    @media (max-width: 980px) {
      .tns-outer .tns-controls {
        display: none; } }
    .tns-outer .tns-controls:focus {
      outline: 0; }
    .tns-outer .tns-controls:focus-visible, .tns-outer .tns-controls.focus-visible {
      outline: 2px solid var(--dark-blue);
      outline-offset: 3px;
      border-radius: 1px; }
    .tns-outer .tns-controls button {
      position: relative;
      font-size: 30px;
      pointer-events: auto;
      transition: all .3s ease-in-out;
      z-index: 99;
      line-height: 1;
      padding: 0;
      border: 0;
      width: 40px;
      height: 40px;
      background-color: var(--dark-blue);
      color: var(--green); }
      @media (min-width: 981px) {
        .tns-outer .tns-controls button {
          width: 60px;
          height: 60px; } }
      .tns-outer .tns-controls button [class^="icon-"], .tns-outer .tns-controls button [class*=" icon-"],
      .tns-outer .tns-controls button [class^="icon-"]:before, .tns-outer .tns-controls button [class*=" icon-"]:before {
        width: auto; }
      .tns-outer .tns-controls button:disabled {
        color: var(--medium-gray) !important; }
    .tns-outer .tns-controls [data-controls="next"] {
      margin-right: -90px; }
    .tns-outer .tns-controls [data-controls="prev"] {
      margin-left: -90px; }

@media (max-width: 980px) {
  .section-related .container {
    padding: 0; } }

.section-related .container h2 {
  padding-bottom: 30px;
  margin: 0; }

.section-related .container .vacancy-slider {
  display: flex; }

/*# sourceMappingURL=related.css.map */