#how-greeenpal-work {
  background-color: #E8F9E7;
  padding-top: 82px;
  padding-bottom: 30px; }
  #how-greeenpal-work .how-greeenpal-work-container {
    width: 1164px;
    margin: 0 auto; }
  #how-greeenpal-work .how-greeenpal-work-heading h2 {
    color: #373737;
    font-family: Poppins;
    font-size: 48px;
    font-weight: 600;
    line-height: 62px;
    text-align: center;
    margin: 0;
    padding-bottom: 50px; }
    #how-greeenpal-work .how-greeenpal-work-heading h2 .text-green-color {
      color: #1B9A62; }
  #how-greeenpal-work .gp-work-img-row {
    width: 100%; }
    #how-greeenpal-work .gp-work-img-row .gp-work-img-col {
      float: left;
      width: 33%;
      text-align: center;
      position: relative; }
      #how-greeenpal-work .gp-work-img-row .gp-work-img-col h5 {
        color: #8FB741;
        font-family: proxima_novasemibold;
        font-size: 32px;
        text-align: center;
        background-color: #fff;
        width: 44px;
        margin: 0 auto;
        border-radius: 44px;
        height: 44px;
        line-height: 46px;
        position: relative;
        top: -46px;
        border: 2px solid #D5F4D4; }
    #how-greeenpal-work .gp-work-img-row .line-img:after {
      content: "";
      background-image: url("https://greenpal-production.s3.amazonaws.com/images/general/gp-work-line.svg");
      position: absolute;
      left: -110px;
      right: 0px;
      width: 57%;
      height: 30px;
      background-repeat: repeat;
      top: 56px; }
    #how-greeenpal-work .gp-work-img-row .line-img:before {
      background-image: url("https://greenpal-production.s3.amazonaws.com/images/general/gp-work-line.svg");
      position: absolute;
      right: -110px;
      width: 57%;
      height: 30px;
      background-repeat: repeat;
      top: 56px;
      content: ""; }
  #how-greeenpal-work .gp-image-title-row {
    width: 100%; }
    #how-greeenpal-work .gp-image-title-row .gp-image-title-col {
      width: 32%;
      float: left;
      text-align: center; }
      #how-greeenpal-work .gp-image-title-row .gp-image-title-col:nth-of-type(3) {
        width: 36%; }
      #how-greeenpal-work .gp-image-title-row .gp-image-title-col h3 {
        color: #373737;
        font-family: proxima_novasemibold;
        font-size: 24px;
        line-height: 62px;
        text-align: center;
        margin: 0;
        top: -40px;
        position: relative; }

@media (min-width: 1025px) and (max-width: 1279px) {
  #how-greeenpal-work .how-greeenpal-work-container {
    width: 1000px; }
    #how-greeenpal-work .how-greeenpal-work-container .gp-image-title-col h3 {
      line-height: 30px;
      top: -32px; } }

/*========================iPad=======================*/
@media (min-width: 768px) and (max-width: 1024px) {
  #how-greeenpal-work .how-greeenpal-work-container {
    width: 95%; }
    #how-greeenpal-work .how-greeenpal-work-container .gp-image-title-col h3 {
      font-size: 22px;
      line-height: 29px;
      top: -26px; }
  #how-greeenpal-work .gp-work-img-row {
    z-index: 5; }
    #how-greeenpal-work .gp-work-img-row .line-img:before {
      width: 100%;
      z-index: -1; } }

/*========================Mobile Responsive=======================*/
@media only screen and (max-width: 767px) {
  #how-greeenpal-work {
    padding-top: 45px; }
    #how-greeenpal-work .how-greeenpal-work-container {
      width: 100%; }
      #how-greeenpal-work .how-greeenpal-work-container h2 {
        font-size: 30px;
        line-height: 30px;
        padding-bottom: 25px; }
  .grid-container {
    display: grid !important;
    grid-template-columns: auto auto;
    padding: 10px; }
  .grid-item:nth-of-type(5) {
    height: 120px; }
  .grid-item {
    text-align: center;
    position: relative;
    margin-bottom: 20px; }
    .grid-item h3 {
      color: #373737;
      font-family: proxima_novasemibold;
      font-size: 18px;
      text-align: left;
      margin-top: 45px; }
    .grid-item img {
      width: 72%; } }
    @media only screen and (max-width: 767px) and (max-width: 767px) and (min-width: 481px) {
      .grid-item img {
        width: 52% !important; } }
@media only screen and (max-width: 767px) {
    .grid-item h5 {
      color: #8FB741;
      font-family: proxima_novasemibold;
      font-size: 18px;
      text-align: center;
      background-color: #fff;
      width: 26px;
      margin: 0 auto;
      border-radius: 44px;
      height: 26px;
      line-height: 29px;
      position: relative;
      top: -36px;
      border: 2px solid #D5F4D4; }
  .line-img-mob:before {
    background: url("https://greenpal-production.s3.amazonaws.com/images/general/gp-work-line-mob.svg") no-repeat;
    position: absolute;
    right: 61px;
    width: 9px;
    height: 105px;
    content: "";
    margin-top: 104px;
    left: 42%;
    top: -2px; }
  .line-img-mob:after {
    background: url("https://greenpal-production.s3.amazonaws.com/images/general/gp-work-line-mob.svg") no-repeat;
    position: absolute;
    right: 61px;
    width: 9px;
    height: 89px;
    content: "";
    margin-top: 104px;
    left: 41%;
    top: -192px; } }