#service_area {
  color: $whiteColor;
  .child_service {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 40px;
    border: 1px dashed #ddd;
    border-radius: 10px;
    margin-top: 20px;
    transition: 0.5s;
    &:hover {
      background: $darksColor;
    }
    h2 {
      flex-basis: 10%;
      display: flex;
      align-items: center;
      margin-bottom: 0;
      font: {
        size: 35px;
        weight: $fontWXL;
      }
    }
    .inner_child_service {
      flex-basis: 30%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      p {
        margin-bottom: 10px;
        i {
          font: {
            size: 60px;
            weight: $fontWXL;
          }
          color: $orangeColor;
        }
      }
      h3 {
        font: {
          size: 25px;
          weight: $fontWXL;
        }
        line-height: 1.2em;
      }
    }
    .service-details {
      flex-basis: 60%;
      display: flex;
      align-items: center;
      p {
        margin-bottom: 0;
        line-height: 1.8em;
        font: {
          size: 18px;
          weight: $fontWMD;
        }
        color: #c8d6e5;
      }
    }
  }
}