.my-profile-gigs-section {
  padding-top: 300px;
  padding-bottom: 50px;
  background-color: #ffffff;
  .profile-gigs-blk {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    padding: 20px;
    margin-bottom: 30px;
    h2 {
      font-size: 20px;
      line-height: 30px;
      color: $primaryColor;
      margin-bottom: 20px;
      font-weight: 600;
    }
    h3 {
      font-size: 16px;
      color: #000000;
    }
     p {
       color: #1F3CAD;
       font-size: 14px;
       line-height: 22px;
       span {
         margin-right: 10px;
         display: inline-block;
       }
     }
    .button-1 {
      width: 130px;
      float: right;
    }
    >div {
      overflow: hidden;
      margin-top: 10px;
    }
    .job-link {
      a {
        display: block;/* or inline-block */
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden;
        max-height: 20px;
        line-height: 20px;
      }
    }
    .action-blk {
      margin-top: 20px;
      margin-bottom: 10px;
      a {
        font-size: 16px;
        color: #ffffff;
        display: inline-flex;
        width: 200px;
        justify-content: center;
        height: 45px;
        border-radius: 5px;
        margin-left: 20px;
        font-weight: 500;
      }
    }
  }
  .container {
    position: relative;
  }
  .eda-talk {
    position: absolute;
    right: 0;
    top: -155px;
    .eda {
      transform: rotate(-10deg);
      -webkit-transform: rotate(-10deg);
      -moz-transform: rotate(-10deg);
    }
  }
  .chat-pattern {
    width: 350px;
    position: absolute;
    right: 180px;
    top: -10px;
    p {
      width: 350px;
    }
  }
}
.gigs-rec-section {
  padding-top: 300px;
  .container {
    position: relative;
  }
  .eda-talk {
    position: absolute;
    left: -35px;
    top: -155px;
    img {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
    }
    .eda {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
    }
  }
  .chat-pattern {
    width: 350px;
    position: absolute;
    right: -380px;
    top: -10px;
    p {
      width: 350px;
      margin-left: 20px;
    }
  }
}
.reco-course, .mpc-section {
  padding-top: 200px;
  .container {
    position: relative;
  }
  .eda-talk {
    position: absolute;
    right: -35px;
    top: -155px;
    .eda {
      transform: rotate(-10deg);
      -webkit-transform: rotate(-10deg);
      -moz-transform: rotate(-10deg);
    }
  }
  .chat-pattern {
    width: 350px;
    position: absolute;
    left: -380px;
    top: -10px;
    p {
      width: 350px;
      text-align: left;
    }
  }
}
.mpc-section {
  padding-bottom: 120px;
}