#greenhouse-job {
     padding: 0 20px;
     margin-bottom: 50px;
}

.greenhouse-action {
     margin-bottom: 70px;
}

.greenhouse-action button {
     font-size: 24px;
     border-bottom: none;
     border-radius: 0;
     min-width: 150px;
     padding-top: 10px;
     padding-left: 45px;
     padding-right: 45px;
     padding-bottom: 10px;
     padding-top: 10px;
     color: #0069b4;
     border-color: #d8d8d8;
     background-color: #fff;
}

.greenhouse-action button:hover {
     background-color: unset;
     color: #0069b4;
     border-color: #d8d8d8;
}

.greenhouse-action button:last-child {
     margin-left: -6px;
}

.greenhouse-action button.active {
     background-color: #eef8ff;
     color: #0069b4;
     border-color: #eef8ff;
}

.greenhouse-action button:focus {
     outline: none;
     box-shadow: none;
}

/* greenhouse-box */

.greenhouse-box {
     display: flex;
}
.greenhouse-box-left {
     flex: 0 0 33.3333%;
}
.greenhouse-box-right {
     flex: 0 0 66.6666%;
     margin-left: 20px;
}

/* search */
.search {
     background-image: url('https://cologixstage.wpengine.com/wp-content/uploads/2022/11/icon-search.svg');
     background-repeat: no-repeat;
     background-position: left 10px center;
     padding-left: 40px;
     background-size: 15px;
}

#jobSearch {
     outline: none;
     box-shadow: none;
     border: none;
     padding-left: 40px;
     font-family: 'Poppins', Sans-serif;
     margin-left: 30px;
}

.greenhouse-search {
     margin-bottom: 80px;
}
.greenhouse-list {
     position: relative;
}
.job-board::before {
     content: '';
     height: 1px;
     width: calc(100% - 20px);
     bottom: -40px;
     background-color: #d8d8d8;
     position: absolute;
     left: 0;
}

.box-search {
     position: relative;
}

.box-search::after {
     content: '';
     height: 1px;
     width: calc(100% - 20px);
     top: -25px;
     left: 0;
     background-color: #d8d8d8;
     position: absolute;
}

.box-search::before {
     content: '';
     height: 1px;
     width: calc(100% - 20px);
     bottom: -25px;
     background-color: #d8d8d8;
     position: absolute;
}

/* list-job */
.job-board {
     margin-left: 44px;
}

.department {
     padding-left: 0;
     padding-top: 15px;
     padding-bottom: 15px;
     cursor: pointer;
     color: #0069b4;
     font-family: 'Poppins', Sans-serif;
     max-width: 300px;
}

.department:hover {
     font-weight: bold;
}

.department.active {
     color: #0069b4;
     font-weight: bold;
}

.department:first-child {
     padding-top: 0px;
}

.btn-link {
     display: flex;
     justify-content: space-between;
}

.job-position {
     position: relative;
     padding-top: 25px;
     padding-bottom: 25px;
}

.job-position a {
     color: #3a3a4a;
     font-family: 'Poppins', Sans-serif;
}

.job-position a:hover {
     color: #3a3a4a;
     font-weight: bold;
}

.job-position a:hover .location {
     font-weight: 500;
}

.job-position.no-result p {
     text-align: center;
}

.job-position.no-result::before {
     content: none;
}

.job-position:first-child {
     padding-top: 8px;
}

.job-position:last-child {
     margin-bottom: 30px;
}

.job-position::before {
     content: '';
     height: 1px;
     bottom: 0px;
     width: 100%;
     background-color: #d8d8d8;
     position: absolute;
     left: -10px;
}

.job-title {
     display: flex;
     justify-content: center;
     align-items: center;
}

.location {
     max-width: 210px;
     margin-right: 25px;
     text-align: right;
}

@media screen and (max-width: 991px) {
     .btn-link {
          display: block;
     }

     .job-title {
          margin-bottom: 10px;
          display: block;
     }
}

@media screen and (max-width: 767px) {
     .greenhouse-action button {
          font-size: 20px;
     }

     .greenhouse-action {
          display: flex;
          justify-content: center;
     }

     #jobSearch {
          margin-left: 0px;
     }
     .job-board {
          margin-left: 0px;
     }
}

@media screen and (max-width: 575px) {
     .greenhouse-action {
          display: block;
          text-align: center;
     }

     .greenhouse-search {
          margin-bottom: 50px;
     }

     .greenhouse-action button:last-child {
          margin-left: 0;
          margin-top: 20px;
     }

     .greenhouse-box {
          display: block;
     }

     .greenhouse-box-left,
     .greenhouse-box-right {
          flex: 0 0 100%;
     }
     .greenhouse-box-right {
          margin-left: 0px;
     }
     .box-search::before,
     .box-search::after {
          width: 100%;
     }

     #jobSearch {
          margin-left: 0px;
     }

     .job-board {
          display: none;
     }
     .job-position a {
          margin-left: 15px;
     }
     .job-position::before {
          bottom: 3px;
          left: 0px;
     }
}