/**
 * 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
 */
#section-offer-work-at {
  position: relative;
  overflow: hidden; }
  #section-offer-work-at:before {
    content: '';
    background-color: #E5F7FC;
    position: absolute;
    width: 100%;
    height: 400px;
    bottom: 0;
    left: 0; }
    @media (min-width: 981px) {
      #section-offer-work-at:before {
        height: 600px; } }
  #section-offer-work-at .offset-images {
    display: inline-flex;
    white-space: nowrap;
    gap: 1rem;
    margin-left: -30%; }
    #section-offer-work-at .offset-images .image {
      flex-basis: 350px;
      width: 350px;
      height: 200px;
      overflow: hidden;
      position: relative;
      border-radius: 16px; }
      @media (min-width: 981px) {
        #section-offer-work-at .offset-images .image {
          flex-basis: 685px;
          width: 685px;
          height: 385px; } }
      #section-offer-work-at .offset-images .image img {
        position: absolute;
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: 100%;
        inset: 0; }
  #section-offer-work-at .container-wrapper {
    position: relative;
    margin-top: -7rem;
    z-index: 1; }
    #section-offer-work-at .container-wrapper #tabs {
      margin-bottom: 3rem; }
      #section-offer-work-at .container-wrapper #tabs ul.tabs {
        list-style: none;
        padding: 0;
        margin: 0 0 .5rem;
        display: inline-flex;
        flex-wrap: wrap;
        gap: 1rem; }
        #section-offer-work-at .container-wrapper #tabs ul.tabs li:before {
          display: none; }
        #section-offer-work-at .container-wrapper #tabs ul.tabs li a {
          border-radius: 50px;
          padding: 8px;
          border: 2px solid #1C3F85;
          color: #1C3F85;
          text-decoration: none;
          font-weight: 600;
          transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out; }
          #section-offer-work-at .container-wrapper #tabs ul.tabs li a:hover {
            background-color: #40c7e9;
            color: #fff;
            border-color: #40c7e9; }
        #section-offer-work-at .container-wrapper #tabs ul.tabs li.ui-tabs-active a {
          background-color: #40c7e9;
          color: #fff;
          border-color: #40c7e9; }
      #section-offer-work-at .container-wrapper #tabs .tab-content ul li {
        font-family: "MultipleSansPro", Helvetica, Arial, sans-serif;
        color: #1C3F85;
        font-size: 18px;
        font-weight: 600; }
        @media (min-width: 768px) {
          #section-offer-work-at .container-wrapper #tabs .tab-content ul li {
            font-size: 20px; } }
        #section-offer-work-at .container-wrapper #tabs .tab-content ul li a {
          color: #1C3F85; }
      #section-offer-work-at .container-wrapper #tabs .tab-content p:first-of-type {
        font-weight: bold; }
      #section-offer-work-at .container-wrapper #tabs .tab-content .usps {
        display: flex;
        flex-direction: column;
        gap: .5rem;
        margin-top: 1.5rem; }
        @media (min-width: 768px) {
          #section-offer-work-at .container-wrapper #tabs .tab-content .usps {
            gap: 1.5rem; } }
        #section-offer-work-at .container-wrapper #tabs .tab-content .usps .usp {
          display: flex;
          align-items: center;
          gap: .5rem; }
          @media (min-width: 768px) {
            #section-offer-work-at .container-wrapper #tabs .tab-content .usps .usp {
              gap: 1rem; } }
          #section-offer-work-at .container-wrapper #tabs .tab-content .usps .usp .icon {
            width: 48px;
            height: 48px;
            flex-basis: 48px; }
            #section-offer-work-at .container-wrapper #tabs .tab-content .usps .usp .icon img {
              border-radius: 0;
              max-width: 48px;
              max-height: 48px; }
          #section-offer-work-at .container-wrapper #tabs .tab-content .usps .usp .h4 {
            color: #1C3F85; }
    #section-offer-work-at .container-wrapper .work-at h2 {
      color: #1C3F85; }
  #section-offer-work-at iframe {
    border-radius: 20px; }

/*# sourceMappingURL=offer-work-at.css.map */