.job-details {
  .dashboard-content {
    padding: 0 40px 0 0;
    @media (max-width: 991px) {
      padding: 0 40px;
    }
    @media (max-width: 575px) {
      padding: 0 20px;
    }

    .production-head {
      background: #fff;
      border-radius: 10px;
      display: flex;
      position: relative;
      padding: 15px;
      margin: 20px 0 0;

      .right {
        margin-left: 12px;

        h3 {
          font-size: 20px;
          font-weight: 600;
          line-height: 24px;
          color: #060B16;
          margin-bottom: 5px;
        }

        h4 {
          font-size: 18px;
          font-weight: 500;
          line-height: 19px;
          color: #060B16;
        }

        p {
          font-size: 14px;
          font-weight: 400;
          line-height: 15px;
          color: #181A1F;
          margin-bottom: 0;
        }

        img {
          position: absolute;
          right: 30px;
          top: 0;
          bottom: 0;
          margin: auto;
        }
      }
    }

    .job-descriptions {
      background: #fff;
      border-radius: 10px;
      margin-top: 15px;
      padding: 20px 50px;
      @media (max-width: 767px) {
        padding: 20px 30px;
      }

      ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: space-between;
        @media (max-width: 767px) {
          display: block;
        }

        li {
          position: relative;
          @media (max-width: 767px) {
            margin-bottom: 15px;
          }

          &:after {
            content: '';
            width: 1px;
            height: 45px;
            background: #E0E0E0;
            position: absolute;
            right: -170px;
            top: 0;
            @media (max-width: 1199px) {
              right: -60px;
            }
            @media (max-width: 767px) {
              display: none;
            }
          }

          &:nth-last-child(1) {
            &:after {
              display: none;
            }
          }

          h4 {
            font-size: 18px;
            font-weight: 600;
            line-height: 21px;
            color: #060B16;
          }

          span {
            font-size: 18px;
            font-weight: 400;
            line-height: 19px;
            color: #181A1F;
          }
        }
      }
    }

    .roles-and-responsibilities {
      background: #fff;
      border-radius: 18px;
      margin-top: 15px;
      padding: 30px;
      @media (max-width: 767px) {
        padding: 30px 20px;
      }

      h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 19px;
        color: #060B16;
      }

      p {
        font-size: 16px;
        font-weight: 400;
        line-height: 23px;
        color: #000;
        margin: 0;
        @media (max-width: 767px) {
          font-size: 14px;
          line-height: 20px;
        }
      }
    }

    .apply-now {
      text-align: right;

      a {
        text-decoration: none;
        background: #00C5B4;
        text-align: center;
        max-width: 460px;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
        color: #060B16;
        border-radius: 50px;
        display: block;
        padding: 16px;
        margin: 30px 0 30px auto;
      }
    }
  }
}