#filter-with-job{width:100%;display:-moz-grid;display:grid;grid-template-columns:1400px;justify-content:center;position:relative}@media (max-width:1400px){#filter-with-job{grid-template-columns:1fr;justify-content:unset}}#filter-with-job .box-group{padding:30px 0;display:-moz-grid;display:grid;grid-template-columns:230px 1fr;grid-gap:20px;gap:20px}@media (max-width:1440px){#filter-with-job .box-group{padding:30px 15px}}@media (max-width:776px){#filter-with-job .box-group{grid-template-columns:1fr;background:#fff}}@media (max-width:576px){#filter-with-job .box-group{padding:20px 0}}#filter-with-job .box-group .body{padding:20px 0}#filter-with-job .job-card{display:-moz-grid;display:grid;grid-template-columns:50px 1fr;border-bottom:1px solid rgba(125,151,227,.19);padding:5px;grid-gap:1px;gap:1px;transition:all .3s}#filter-with-job .job-card:hover{-o-box-shadow:0 11px 8px 2px hsla(0,0%,70%,.17);box-shadow:0 11px 8px 2px hsla(0,0%,70%,.17);transition:all .3s}#filter-with-job .job-card:first-child{border-radius:5px 5px 2px 2px}#filter-with-job .job-card:first-child .job-card-header{border-radius:5px 2px 2px 2px}#filter-with-job .job-card:last-child{border:none;border-radius:2px 2px 5px 5px}#filter-with-job .job-card:last-child .job-card-header{border-radius:2px 2px 2px 5px}#filter-with-job .job-card .job-card-header{border-right:1px solid rgba(246,247,248,.2)}#filter-with-job .job-card .job-card-header img{width:40px;height:40px;object-fit:cover;border-radius:50px;border:1px solid #c60606;padding:2px}#filter-with-job .job-card .job-card-body{display:-moz-grid;display:grid;grid-template-columns:1fr;padding:5px}#filter-with-job .job-card .job-card-body .title{display:-moz-grid;display:grid;grid-template-columns:1fr max-content}#filter-with-job .job-card .job-card-body .title a{text-decoration:none;color:#004997}#filter-with-job .job-card .job-card-body .title h3{font-size:16px;color:#343a40}@media (max-width:576px){#filter-with-job .job-card .job-card-body .title h3{font-size:16px}}#filter-with-job .job-card .job-card-body .title .time-ago{color:rgba(52,58,64,.6);background-color:rgba(52,58,64,.07);font-weight:450;font-size:14px;padding:0 6px;height:20px;border-radius:50px}#filter-with-job .job-card .job-card-body .job-card-body-sub-box-group{display:-o-flex;display:-ms-flex;display:-moz-flex;display:flex;flex-flow:row;flex-direction:row;flex-wrap:wrap}#filter-with-job .job-card .job-card-body .job-card-body-sub-box-group .job-card-body-sub-box{display:-moz-grid;display:grid;grid-template-columns:max-content max-content;align-items:center;grid-gap:6px;gap:6px;padding:3px 6px}@media (max-width:576px){#filter-with-job .job-card .job-card-body .job-card-body-sub-box-group .job-card-body-sub-box{padding:2px 4px;grid-template-columns:max-content max-content;gap:3px}}#filter-with-job .job-card .job-card-body .job-card-body-sub-box-group .job-card-body-sub-box h5{font-size:15px;margin:0;color:rgba(52,58,64,.5)}@media (max-width:576px){#filter-with-job .job-card .job-card-body .job-card-body-sub-box-group .job-card-body-sub-box h5{font-size:14px}}#filter-with-job .job-card .job-card-body .job-card-body-sub-box-group .job-card-body-sub-box span{text-align:center;font-size:16px;color:rgba(52,58,64,.7)}@media (max-width:576px){#filter-with-job .job-card .job-card-body .job-card-body-sub-box-group .job-card-body-sub-box span{font-size:14px}}#filter-with-job .job-card .job-card-body .job-card-body-sub-box-group .job-card-body-sub-box:nth-child(2n){margin-left:5px;margin-right:5px}#filter-with-job .job-card .job-card-footer{display:-o-flex;display:-ms-flex;display:-moz-flex;display:flex;flex-flow:row;flex-direction:row;flex-wrap:wrap;gap:5px;grid-column:2/3}#filter-with-job .job-card .job-card-footer .job-card-footer-sub-box{padding:5px 8px;border-radius:50px;background-color:rgba(52,58,64,.03);color:rgba(52,58,64,.4);font-size:14px}@media (max-width:576px){#filter-with-job .job-card .job-card-footer .job-card-footer-sub-box{font-size:14px}}#filter-with-job .filter{display:-moz-grid;display:grid;grid-template-columns:1fr}#filter-with-job .filter .filter-header{display:-moz-grid;display:grid;grid-template-columns:30px 1fr;align-content:center;align-items:center;color:#343a40}#filter-with-job .filter .filter-header h4{font-size:14px}#filter-with-job .filter .filter-body{display:-moz-grid;display:grid;grid-template-columns:1fr;grid-gap:1px;gap:1px;padding:10px 0}#filter-with-job .filter .filter-body .filter-item{display:-moz-grid;display:grid;grid-template-columns:21px 1fr;align-content:center;align-items:center;grid-gap:10px;gap:10px;padding:8px 10px;cursor:pointer;color:#343a40;border-radius:50px}#filter-with-job .filter .filter-body .filter-item .check{margin:0;height:21px;background-color:rgba(52,58,64,.05);border:1px solid rgba(52,58,64,.35);border-radius:50px;cursor:pointer;transition:all .3s ease}#filter-with-job .filter .filter-body .filter-item span{font-size:14.5px;color:rgba(52,58,64,.6);transition:all .3s ease}#filter-with-job .filter .filter-body .filter-item:hover{background-color:rgba(52,58,64,.05);transition:all .3s ease}#filter-with-job .filter .filter-body .filter-item:hover span{padding-left:10px;transition:all .3s ease}#filter-with-job .filter .filter-body .filter-item.active{transition:all .3s ease;border-radius:50px;background-color:rgba(52,58,64,.08)}#filter-with-job .filter .filter-body .filter-item.active .check{font-size:12px;text-align:center;line-height:19px;background-color:rgba(52,58,64,.1);border:1px solid rgba(52,58,64,.65);transition:all .3s ease}#filter-with-job .filter-box,#filter-with-job .mix-job-box{background-image:linear-gradient(180deg,rgba(0,122,253,.005),#fff,rgba(0,122,253,.005));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,122,253,.15);padding:20px;border-radius:10px}@media (max-width:776px){#filter-with-job .filter-box,#filter-with-job .mix-job-box{border-radius:0}}#filter-with-job .filter-box h3,#filter-with-job .mix-job-box h3{font-size:22px;color:#343a40}#filter-with-job .filter-box .header{display:-moz-grid;display:grid;grid-template-columns:max-content max-content;justify-content:space-between;align-items:center;padding-bottom:10px}#filter-with-job .filter-box .header .btns{display:-o-flex;display:-ms-flex;display:-moz-flex;display:flex;gap:10px}#filter-with-job .filter-box .header .btns .filter-close-btn{display:none}@media (max-width:776px){#filter-with-job .filter-box .header .btns .filter-close-btn{display:block}}#filter-with-job .filter-box .header .icon-btn{position:relative}#filter-with-job .filter-box .header .icon-btn .count{position:absolute;top:-16px;right:-16px;line-height:28px;width:28px;height:28px;color:#000;background-color:#d7dadd;border-radius:10px;overflow:hidden}#filter-with-job .filter-box .header .icon-btn .count span.active{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:filterCountPopup .26s linear forwards}#filter-with-job .mix-job-box{height:-moz-fit-content;height:fit-content}@media (max-width:576px){#filter-with-job .mix-job-box{padding:10px}}#filter-with-job .mix-job-box .header{display:-moz-grid;display:grid;grid-template-columns:max-content max-content;justify-content:space-between;align-items:center}@media (max-width:316px){#filter-with-job .mix-job-box .header{grid-template-columns:max-content;gap:10px}}#filter-with-job .mix-job-box .header .filter-btn{display:none}@media (max-width:776px){#filter-with-job .mix-job-box .header .filter-btn{display:block}}@media (max-width:576px){#filter-with-job .mix-job-box .header h3{font-size:18px;margin:0}}@media (max-width:950px){#filter-with-job .mix-job-box #data-not-found{grid-template-columns:max-content}}@media (max-width:576px){#filter-with-job .mix-job-box #data-not-found .img{width:200px;margin:auto}}#filter-with-job .filter-box{position:-webkit-sticky;position:sticky;top:0;height:-moz-fit-content;height:fit-content}@media (max-width:776px){#filter-with-job .filter-box{display:none}}#filter-with-job .filter-box.active{display:block;position:fixed;left:0;width:100%;height:100vh;z-index:999}#filter-with-job .filter-box .header{border-bottom:1px solid rgba(246,247,248,.2)}@keyframes filterCountPopup{0%{margin-top:-50%;visibility:visible}50%{margin-top:100%;visibility:hidden}to{margin-top:0;visibility:visible}}