#career-hero {
  @media (min-width: 1024px) {
    min-height: 460px;
  }
  @media (max-width: 1024px) {
    min-height: 360px;
  }
  @media (max-width: 600px) {
    padding-bottom: 70px;
  }
}

#post-372 .career-photo-reel {
  overflow: hidden;
  pointer-events: none;
  .swiper-wrapper {
    gap: 20px;
    .swiper-slide {
      margin-right: 0 !important;
    }
  }
  @media (min-width: 1024px) {
    margin-top: -150px !important;
    .elementor-widget-image-carousel {
      max-width: none;
      width: calc(100% + 400px);
      margin-left: -300px;
      margin-right: -200px;
    }
  }
  @media (max-width: 1024px) {
    margin-top: -70px !important;
    .elementor-widget-image-carousel {
      max-width: none;
      width: calc(100% + 300px);
      margin-left: -300px;
      margin-right: -300px;
    }
  }
}

#post-372 .benefits {
  .ha-infobox-figure {
    margin-bottom: 5px !important;
  }
}

#post-372 .team-member-values {
  --content-width: 1360px;
  --padding-left: 10px;
  --padding-right: 10px;
  .e-con-inner {
    justify-content: space-between;
    --column-gap: 0;
  }
  .elementor-element:not(:first-child) {
    border-radius: 5px;
    overflow: hidden;
    --width: 24.3333%;
    @media (min-width: 550px) {
      &.desktop {
        display: block;
      }
      &.mobile {
        display: none;
      }
    }
    @media (max-width: 1200px) {
      --width: 32.3333%;
      h3 {
        font-size: 27px;
        line-height: 30px;
      }
      .elementor-flip-box__layer__overlay {
        padding: 20px;
      }
    }
    @media (max-width: 900px) {
      --width: 49.25%;
    }
    @media (max-width: 550px) {
      --width: 100%;
      .elementor-widget-image img {
        width: 100%;
      }
      &.desktop {
        display: none;
      }
      &.mobile {
        display: block;
      }
    }
  }
  .elementor-widget-flip-box {
    height: 100%;
    cursor: pointer;
    .elementor-flip-box {
      height: 100%;
      transform-style: unset;
      .elementor-flip-box__front,
      .elementor-flip-box__back {
        transform: none;
        transition-duration: 0ms;
      }
      .elementor-flip-box__back {
        position: relative;
        @media (max-width: 550px) {
          min-height: 95vw;
        }
      }
    }
    &.active {
      .elementor-flip-box__front {
        opacity: 0;
      }
    }
    .elementor-flip-box__image img {
      max-width: 70px;
      @media (max-width: 768px) {
        max-width: 80px;
      }
    }
    .elementor-flip-box__front .elementor-flip-box__layer__description {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      height: 60px;
      @media (min-width: 1025px) {
        height: 10px;
        transition: height 300ms ease-out;
      }
    }
    h3 {
      font-size: 35px;
      line-height: 39px;
      margin-bottom: 0;
    }
    .desktop {
      opacity: 0;
      transition: opacity 200ms ease-out 100ms;
    }
    .mobile {
      display: none;
      font-size: 18px;
    }
    @media (min-width: 1024px) {
      .elementor-flip-box {
        border: 3px solid #ccf2f8;
      }
      &:hover {
        .elementor-flip-box {
          border: 3px solid #39399e;
        }

        .elementor-flip-box__front .elementor-flip-box__layer__description {
          height: 50px;
        }
        .desktop {
          opacity: 1;
        }
      }
      &.active {
        .elementor-flip-box__front .elementor-flip-box__layer__description,
        .desktop {
          transition: all 0ms linear;
        }
      }
    }
    @media (max-width: 1024px) {
      .mobile {
        display: block;
      }
      .desktop {
        display: none;
      }
    }
  }
}