.c-section--white{
    background-color:#fff
}
.c-section__header-title{
    font-style:normal;
    font-weight:600;
    font-size:32px;
    color:var(--purple-dark);
    margin-bottom:5px;
    width:720px
}
.c-section__header-subtitle{
    font-weight:400;
    font-size:18px;
    color:var(--purple-dark);
    opacity:.9;
    padding-bottom:30px
}
.c-section__form{
    display:flex;
    align-items:flex-end;
    width:1000px;
    margin-bottom:30px
}
.l-section__form{
    margin-left:150px;
    display:flex;
    justify-content:space-between;
    width:75%;
    position:relative
}
.l-section__header{
    padding-top:50px;
    margin-left:150px
}
.card card__job{
    overflow:hidden
}
.c-form__icon{
    position:absolute;
    width:24px;
    height:24px;
    left:20px;
    top:35px
}
.c-form__input{
    border-radius:74px;
    height:48px;
    margin-right:15px
}
.c-form__input--icon{
    padding-left:60px
}
.c-form__input--job-name{
    width:460px
}
.c-form__input--time{
    width:140px
}
.c-form__input--find-salary{
    width:162px
}
.c-form__label{
    padding-left:13px;
    padding-bottom:5px;
    font-weight:400;
    font-size:12px;
    line-height:18px;
    color:var(--purple-dark)
}
.c-form__img-header{
    width:225px;
    position:absolute;
    z-index:0;
    bottom:0;
    left:840px
}
.l-form__input{
    position:relative
}
.c-card--btn-label{
    font-style:normal;
    font-weight:600;
    font-size:13px;
    line-height:19px;
    color:var(--purple-dark)
}
.c-card__title{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    width:340px;
    font-weight:600;
    font-size:18px;
    line-height:24px;
    color:var(--purple-dark);
    margin:8px 5px;
    min-height:45px
}
.l-card__category-result-holder{
    padding:20px 0 0;
    display:block
}
.c-card{
    background-color:#fff;
    width:640px;
    padding:25px 23px;
    border-radius:8px;
    color:var(--grey);
    margin-top:0px
}
.c-card__btn-group{
    display:flex;
    align-items:center;
    width:100%;
    color:var(--deep-purple)
}
.c-card--btn-group{
    padding-top: 10px;
    padding-bottom:10px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.c-card__btn{
    padding:8px 11px;
    border-radius:20px;
    cursor:pointer;
    text-transform:capitalize;
    white-space:nowrap;
    font-size:12px;
    margin-right:15px
}
.c-card__btn:hover{
    background-color:#f6f6f9
}
.c-card__btn:last-of-type{
    margin-right:0
}
.c-card__btn--selected{
    background:rgba(105,31,116,.1);
    color:var(--purple);
    font-weight:600
}
.l-card__holder{
    display:flex;
    justify-content:space-between
}
.c-card--top{
    padding-bottom:0;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    border-bottom:1px solid var(--grey-light)
}
.c-card--bottom{
    border-top-left-radius:0;
    border-top-right-radius:0;
    margin-top:0;
    padding:0 10px 20px
}
.l-card__salary-info-container{
    display:flex;
    justify-content:center;
    align-items:normal
}
.l-card__img-holder{
    width:80px;
    padding-bottom:5px
}
.c-card__category-img{
    width:60px
}
.l-card__title-holder{
    flex-grow:5;
    display:flex;
    align-items:center
}
.l-card__salary-holder{
    align-self:normal;
    text-align:right;
    margin-top:2px
}
.l-card__bottom-salary-holder{
    display:none
}
.c-card__category-salary-value{
    color:var(--deep-purple);
    font-size:20px;
    line-height:34px;
    font-weight:700
}
.c-card__category-salary-based{
    font-size:12px;
    line-height:18px
}
.c-card__categoryList-text{
    width:350px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--purple-dark);
    display:inline-block;
    position:relative;
    text-align:left
}
.c-card__categoryList-text:hover{
    text-decoration-line:underline;
    color:var(--purple-dark)
}
.c-card__categoryList--li{
    display:flex;
    font-size:13px;
    text-decoration:none;
    align-items:center;
    white-space:nowrap;
    line-height:40px;
    padding:0 15px;
    width:350px;
}
.c-card__categoryList--li:hover{
    background:rgba(248,248,250,.8);
    border-radius:4px;
    text-decoration:underline
}
.c-card__categoryList-value{
    color:var(--deep-purple);
    font-weight:600;
    display:inline-block;
    position:relative;
    text-align:right;
    width:-webkit-fill-available
}
.l-card__button-container{
    margin:10px auto 5px;
    display:flex;
    justify-content:center;
    align-items:center
}
.c-card__stats-chart{
    display:flex;
    flex-direction:column;
    align-items:flex-start
}
.l-card__stats--top-row{
    padding:15px 5px 10px
}
.l-card__stats--bottom-row{
    display:flex;
    flex-direction:row
}
.l-card__stats--left-column{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:15px
}
.l-card__stats--right-column{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:15px 15px 15px 0;
    margin-top:-60px
}
.l-card__stats--img{
    width:100%
}
.l-card__stats--bottom-labels{
    display:flex;
    flex-direction:row;
    justify-content:space-between
}
.l-card__stats--midLabel{
    margin-left:60px
}
.l-card__stats--highLabel{
    text-align:right
}
.c-card--stats-graph-text{
    font-size:13px;
    color:var(--purple-dark)
}
.l-card__stats--top{
    padding:0 10px
}
.l-card__mainNumber{
    display:flex;
    align-items:baseline
}
.c-card__stats-mainNumber{
    font-style:normal;
    font-weight:700;
    font-size:35px;
    color:var(--purple-dark);
    margin-right:15px
}
.c-card__stats-timeUnit{
    font-size:16px;
    color:var(--purple-dark);
    text-transform:capitalize
}
.c-card__stats-info{
    font-weight:400;
    font-size:13px;
    line-height:24px;
    color:var(--purple-dark)
}
.c-card__btn-fade{
    display:none
}
.card__job{
    border:unset;
    padding:unset
}
.card__job:hover{
    box-shadow:unset
}
 .card{
    padding:0 15px;
    border-radius:0;
    position:relative;
    width:100%;
    background:#fff;
    margin-bottom:0;
    border-bottom:1px solid var(--grey-light)
}
.card__job:nth-child(n+5){
    display:none
}
 .card.card__job{
    border-bottom:1px solid var(--grey-light)
}
 .card.card__job:last-of-type{
    border-bottom:none;
    padding-bottom:15px
}
@media only screen and (max-width:1150px){
    .c-form__img-header{
        display:none
    }
}
.salarysearch__inputwraper{
    display:inline-block;
    position:relative;
    margin-right:-4px
}
.c-form__input--job-name{
    width:215px
}
h3{
    font-size:18px
}
.normal-width{
    width:450px
}