.dropdownstyle > ul.jb-cat,.dropdownstyle > ul.jb-cats {padding: 0;list-style: none;}
.jobfeat-section {padding-bottom:50px;}
.clear-filters {padding-top:10px!important;font-size:1rem;}
.jobfeat-section .content-wrapper{max-width:1150px;}
.datasortinggroup ul ,.datasalary ul,.datasalary2 ul{ display : none; list-style: none; margin: 0;  padding: 0; position: absolute; right: 0; background: #fff; width: 100%; z-index: 99; top: 100%;box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.09);}
.datasortinggroup ,.datasalary,.datasalary2 {  position: relative;}
.datasortinggroup ul li,.datasalary ul li,.datasalary2 ul li {font-size: 16px;padding: 10px;cursor: pointer; color: rgba(1, 48, 160, 1.0);}
.datasortinggroup span.sort-text,.datasalary span.salary-to ,.datasalary2 ul span.salary-form{ cursor: pointer; }
.datasortinggroup span.sort-text,.datasalary span.salary-to,.datasalary2 span.salary-form { margin: 11px 0 0; cursor: pointer; font-weight: 500; background-color: var(--third_color); background-image: url(https://14568786.fs1.hubspotusercontent-na1.net/hubfs/14568786/Arrow%201-2.svg); color: var(--base_color); background-repeat: no-repeat; background-position: center right 12px; display: block; border: 1px solid var(--base_color); border-radius: 5px; display: inline-block; font-size: 14px; padding: 17.5px 12px; width: 100% !important; }
.prevArrowHide { display : none !important }
.paginationParent ul { margin: 0;  padding: 0;flex-wrap:wrap;  list-style: none;  display: flex;  align-items: center; justify-content: center;  gap: 10px;}
.paginationParent ul li { cursor: pointer; width: 50px; height: 50px;  background:var(--third_color);  border-radius: 50%;  display: flex;  align-items: center; justify-content: center;  color:var(--base_color);  font-size: 20px; font-weight: 500;  font-family: 'Archivo';}
.paginationParent ul li.active {  background-color:var(--base_color); color:var(--third_color);}
.paginationParent ul li.paginationNumber svg path {fill: var(--base_color);}
.paginationParent { padding-top : 65px; }
.norecord {  text-align: center; color: #fff;  background: rgba(11, 10, 60, 0.20);  padding: 20px;}
.jt-logos img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  display:none;
}
.vstart{align-items:flex-start;}
.allactivejobpostpaent { align-items : flex-start }



.jobs-countsec{border-radius: 3px;margin-bottom:15px; background: rgba(11, 10, 60, 0.20);padding:12px 20px 10px;position: relative;}
.jobs-countsec span {font-size: 16px;line-height: 27px;letter-spacing: 0.429px;}
.jobs-countsec span img {margin-left: 5px;}
.jobs-countsec .sort-text { text-align: center; display: inline-block; width: auto; }
.jobs-clt{width:150px;}
.jobs-rlt{width:calc(100% - 150px); text-align:right}
/* .jobfeat-section{    overflow: hidden;} */
.jobfeat-head h3{color:var(--base_color)}
.jobf-box{padding:28px 22px 17px;margin-bottom:15px; border:1px solid var(--base_color);border-radius:5px; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.09); background-color:var(--third_color)}
.jt-title{width:/*calc(100% - 140px)*/100%; padding-right:20px;}
.jt-title h5 {margin: 0 0 10px;font-size: 26px;font-weight: 500;line-height: 29px;letter-spacing: 0.055px;}
.jt-title h5 a{color:var(--primary_color);text-decoration-line: none;}
.jt-list ul li img {display: inline-block;}
.jt-btn{width:73px;display:none;}
.jt-btn span{display:inline-block;border-radius: 3px;padding:5px 8px 3.5px; background: rgba(255, 97, 30, 0.20);  color:var(--base_color);font-size:14px;font-weight: 500;line-height: 20.579px;letter-spacing: 0.23px;}
.jt-list ul li span{display:unset; font-size:16px; margin-left:7px;}
.vfetop{ margin:18px 0 0;}
.view-btn{width:calc(100% - 73px);padding-right:10px;}
.view-btn a:hover{color:var(--primary_color);text-decoration-line: none;}
.view-btn a svg{margin-left:13px;position: relative;top: 1px;}
{#.view-btn a:hover svg path{fill:var(--base_color)}#}
.jt-logos{width:140px;}
.jobfeat-slider {width: 73.5%;padding-left: 38px;}
.jobf-ltinner{width:26.5%;border-radius: 6px;padding:24px 15px;background: rgba(0, 0, 0, 0.05);}
.jobtrends{width:45%; background: rgba(11, 10, 60, 0.20); padding:34px; max-width:425px; margin:0 0 0 auto;}
.trends-btn{width:22px;}
.trends-title{width:calc(100% - 22px);padding-right:20px;}
.trends-box {padding:22px 22px 18px;margin-bottom:15px; border:1px solid var(--primary_color);border-radius:5px; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.09); background-color:var(--third_color)}
.trends-box .trende-ortext{color:var(--primary_color);margin:0 0 3px;}
.trends-box p{margin:0;}
.trends-btn svg path{fill:var(--primary_color);}

.jt-applic span{font-size: 13.719px;font-weight: 500;line-height: 20.579px;letter-spacing: 0.23px;}
.job-col input[type=text],.job-col select{
  font-size: 14px;
    font-weight: 500;
    border: 1px solid var(--base_color);
    width: 100%;
    color: var(--base_color);
    padding: 16px 12px;
    background-color: #FFF;  
      font-family: Archivo;
  letter-spacing: -0.045px;
      padding: 17.5px 12px;
}

.jobs-fields .job-col {width:32%;margin-right:2%;}
.jobs-fields .job-col:last-child,.jobs-fields .job-col:nth-child(3n){margin-right:0;}
.job-col label{color:var(--base_color);font-size: 14px; font-weight: 500; line-height: 21px; letter-spacing: -0.045px;}
.job-col input[type=text]{padding-right:35px; background-repeat:no-repeat;background-size:13px; background-position:right 12px center;background-image:url('https://14568786.fs1.hubspotusercontent-na1.net/hubfs/14568786/Search-new.svg')}
.jobs-fields {width: calc(100% - 158px); align-items: flex-end;padding-right:17px;}
.jobs-action {width: 158px;}
.jobs-action a {width: 100%;font-size: 19px;}
.jobs-fields  input::-webkit-input-placeholder { color:var(--base_color);font-weight: 500;}
.jobs-fields  input:-moz-placeholder {color:var(--base_color);font-weight: 500;}
.jobs-fields  input::-moz-placeholder {color:var(--base_color);font-weight: 500;}
.jobs-fields  input:-ms-input-placeholder {color:var(--base_color);font-weight: 500;}
span.dropdownspan { cursor: pointer;font-weight: 500; background-color: var(--third_color);  background-image: url('https://14568786.fs1.hubspotusercontent-na1.net/hubfs/14568786/Arrow%201-2.svg'); color: var(--base_color);
    background-repeat: no-repeat;  background-position: center right 12px; display: block;  border: 1px solid var(--base_color); border-radius: 5px; display: inline-block; font-size:14px;    padding: 17.5px 12px; width: 100% !important;   }
.dropdownstyle > ul { padding-top: 12px; width: 100%; position: absolute;  background: #fff;  z-index: 9;  height: 400px;  overflow-y: scroll; display : none;box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.09);}
.dropdownstyle {  position: relative; }
.dropdownstyle ul li {  color: #000;  padding: 5px 10px; margin: 0; font-weight: 400;  cursor: pointer;}
.dropdownstyle ul li:hover,.dropdownstyle ul li.active {  background:rgba(239, 234, 234,1.0);}
.job-forms {padding:30px 0;}
.jobs-clts span {font-size: 18px;}
.filter__group .common-checkboxinput:not(:last-child) {margin-bottom:10px;}
.filter__group input {display: none !important;opacity: 0;}
.filter__group input[type=checkbox]+label {display: inline-flex;position: relative;padding-left:30px;}
.filter__group input[type=checkbox]+label:before {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #0130A0;
    content: "";
    display: inline-block;
    height: 21px;
    left: 0;
    margin-right: 10px;
        margin-top: -5px;
    padding: 2px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 21px;
    top: 6px;
}
.filter__group input[type=checkbox]:checked+label:after {
    background-color: #0130A0;
    background-image: url(https://14568786.fs1.hubspotusercontent-na1.net/hubfs/14568786/website-assets-2021/icons/icon-tick.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px;
    content: "";
    cursor: pointer;
    display: block;
    height: 21px;
    left: 0;
    position: absolute;
    top: 6px;
    border-radius: 5px;
    width: 21px;
      margin-top: -5px;
}
.filter__group input[type=checkbox]+label span {
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
  line-height: 23px; 
letter-spacing: -0.144px;
  
    position: relative;
}
.work-type { margin: 25px 0 0; padding-bottom: 18px; border-bottom: 1px solid rgba(1, 48, 160, 0.3); }
.work-type h6{margin-bottom:11px;}
.salary-type{margin:15px 0 0;}
.salary-type h6{margin-bottom:5px;}
.jobs-resp{display:none;}

/* ==== updated css ==== */

.jobtype.filter__group input[type=checkbox]+label {
    display: inline-block;
    padding-left: 30px;
  margin-top: 6px;
}
.jobtype.filter__group input[type=checkbox]+label span.count {
    display: inline;
    padding-left: 6px !important;
  font-weight: 400;
    font-size: 1rem;
}
.jobtype.filter__group span.dropdownspan>span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 94%; display: block; }

.dropdownstyle ul li.main-tab + ul {
    display: none;
  padding-left: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dropdownstyle ul li.main-tab + ul.sub-active {
    display: block;
  background: #F6F3F3;
}




@media(min-width:768px){
  .jobf-ltinner{display:block !important;}
}
@media(max-width:767px){  
  .jobfeat-section {padding-bottom: 35px;}
  .jobfeat-slider{width:100%;padding:0;}
.jobf-ltinner{width:100%; max-width:100%;}
  .jobs-fields{width:100%;padding:0 0 4px;}
  .jobs-fields .job-col {width: 100%;margin: 0 0 11px;}
  .jobs-action {width: 100%;}
  .job-col input[type=text]{background-image:none;}
  .jobs-action a {padding: 9px 15px;}
  .jt-title h5{font-size:20px;line-height: 24px;letter-spacing: 0.042px;}
  .jobf-ltinner,.jobf-ltinner .TotalJob{display:none;}
  .jobf-ltinner.active,.jobs-resp{display:block;width:100%;}
  .jobs-resp{margin:0 0 19px}
  .total-text{text-align:center;margin-bottom:15px; display:block;}
  .refine-text{
  margin: 11px 0 0;
    cursor: pointer;
    font-weight: 500;
    border-radius: 6px;
background: rgba(0, 0, 0, 0.05);
    background-image: url(https://14568786.fs1.hubspotusercontent-na1.net/hubfs/14568786/Arrow%201-2.svg);
    color: var(--base_color);
    background-repeat: no-repeat;
    background-position: center right 12px;
    display: block;
    display: inline-block;
    font-size: 18px;
    padding: 17.5px 12px;
    width: 100% !important;
  }
  .job-forms {padding: 30px 0 15px;}
  .paginationParent {padding-top: 35px;}
}

@media(max-width:480px){
  .jt-title{width:100%; padding:0 0 20px;}  
  .jt-title {padding: 20px 0 4px;width: 100%;order: 1;}
  .view-btn {padding: 0 0 10px;width: 100%;}
  .jobs-countsec .sort-text {padding-left: 15px;}
}