// ==============================================
// 💪 FINANCE CONTROLLING SCSS
// ==============================================

.sec-job-banner{

}

.sec-job-filter{
  margin: -210px 0 0 -32px;
  position: relative;
  z-index: 1;
  @media screen and (max-width: 1199px) {
    margin: -210px 0 0 0;
  }
  .container{
    padding: 0;
    @media screen and (max-width: 1199px) and (min-width: 768px) {
      padding: 0 24px;
    }
  }
  .job-filter-card{
    max-width: 913px;
  }
}

.sec-who-looking{
  padding: 75px 0 100px;
  @media screen and (max-width: $screen-xs) {
    padding: 30px 0;
  }
  .container{
    >h2{
      //margin-bottom: 24px;
    }
  }

  .accountant-detail{
    padding: 32px 0 64px;
    @media screen and (max-width: $screen-xs) {
      padding: 0 0 48px;
    }
  }
  .features-list-card-01{
    margin-bottom: 24px;
    @media screen and (max-width: $screen-xs) {
      margin-bottom: 20px;
    }
  }

  .btn-wrapper{
    //text-align: center;
  }
}

.sec-interesting-jobs{
  padding: 60px 0 70px;
  @media screen and (max-width: $screen-xs) {
    padding: 60px 0 70px;
  }
  .find-job-content{
    margin-top: 64px;
    @media screen and (max-width: $screen-xs) {
      margin-top: 48px;
    }
    p{
      margin-bottom: 32px;
    }
    a{
      @media screen and (max-width: $screen-xs) {
        display: none;
      }
    }
  }
  ul.arrow-list{
    text-align: right;
    li{
      display: inline-block;
      vertical-align: middle;
      &:not(:last-of-type){
        margin: 0 40px 0 0;
      }
      a{
        img{
          min-width: 18px;
        }
        &.swiper-button-disabled{
          pointer-events: none;
          img{
            filter: brightness(0) saturate(100%) invert(68%) sepia(30%) saturate(0%) hue-rotate(147deg) brightness(101%) contrast(102%);
          }
        }
      }
    }
  }
  .candidates-header{
    h2{
      margin-bottom: 0;
    }
    ul.arrow-list{
      @media screen and (max-width: $screen-xs) {
        display: none;
      }
    }
  }
  .swiper-container{
    max-width: 1140px;
    min-width: calc((100vw - 1140px) / 2 + 1163px);
    margin: 0 0 0 auto;
    @media screen and (max-width: $screen-xs) {
      min-width: auto;
    }
    .swiper{
      padding: 70px 0 70px 45px;
      @media screen and (max-width: $screen-xs) {
        padding: 48px 0 52px 24px;
      }
    }
  }
  .slider-navigation{
    ul.arrow-list{
      padding-left: 44px;
      text-align: left;
    }
  }
}

.sec-breadcrumb{
  .container{
    padding: 0;
  }
}