{
  "version": 3,
  "sources": ["src/app/customers/community/other-communty-page/how-to-earn/how-to-earn.component.scss"],
  "sourcesContent": [".how-to-earn {\r\n  padding: 3em 0;\r\n  @media only screen and (max-width: 992px) {\r\n    padding: 1em 0;\r\n    font-size: 0.9rem;\r\n  }\r\n  .header {\r\n    margin-bottom: 1em;\r\n    svg,\r\n    img {\r\n      width: 100%;\r\n      border-radius: 2em;\r\n      box-shadow: 8px 8px 12px 0 rgba(0, 0, 0, 0.25);\r\n      position: relative;\r\n      z-index: -1;\r\n    }\r\n    &__card {\r\n      padding: 1.5em;\r\n      background-color: var(--white);\r\n      border-radius: 1.5em;\r\n      margin: -2em 2em 0;\r\n      line-height: 1.5;\r\n      position: relative;\r\n      &--title {\r\n        color: var(--primary);\r\n        margin-bottom: 0.25em;\r\n        font-size: 1.5em;\r\n        font-weight: 600;\r\n      }\r\n      &--desc {\r\n        font-size: 1.25em;\r\n      }\r\n      ul {\r\n        margin-top: 0.5rem;\r\n        font-size: 1.1rem;\r\n        li {\r\n          margin-bottom: 0.2rem;\r\n        }\r\n      }\r\n      &::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        z-index: -1;\r\n        top: -3px;\r\n        bottom: -3px;\r\n        left: -3px;\r\n        right: -3px;\r\n        border-radius: 1.6em;\r\n        box-shadow: 8px 8px 12px 0 rgba(0, 0, 0, 0.25);\r\n        background: linear-gradient(\r\n          to bottom,\r\n          var(--primary),\r\n          var(--secondary)\r\n        );\r\n      }\r\n    }\r\n    @media only screen and (max-width: 992px) {\r\n      img {\r\n        border-radius: 1em;\r\n      }\r\n      &__card {\r\n        padding: 1.5em;\r\n        background-color: var(--white);\r\n        border-radius: 1.5em;\r\n        margin: -2em 1em 0;\r\n      }\r\n    }\r\n  }\r\n  .my-card {\r\n    background-color: var(--primary);\r\n    color: var(--white);\r\n    border-radius: 1.5em;\r\n    position: relative;\r\n    margin: 3em 1em 4.5em;\r\n    transition: 0.25s;\r\n    cursor: pointer;\r\n    display: block;\r\n    &:hover {\r\n      background-color: var(--white);\r\n      color: var(--textColor);\r\n    }\r\n    .image {\r\n      position: relative;\r\n      // margin: 0 1.5em;\r\n      // bottom: -6rem;\r\n      // margin-top: -6em;\r\n      img {\r\n        width: 100%;\r\n        // min-height: 10em;\r\n        object-fit: cover;\r\n        border-radius: 1.5em;\r\n        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\r\n      }\r\n      .beta {\r\n        background-color: var(--secondary);\r\n        color: var(--white);\r\n        padding: 0.25em 0.75em;\r\n        border-radius: 0.5em;\r\n        position: absolute;\r\n        right: 1em;\r\n        bottom: 1.5em;\r\n        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,\r\n          rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;\r\n      }\r\n    }\r\n\r\n    &__content {\r\n      padding: 0 1.5em 1.5em 1.5em;\r\n      line-height: 1.5;\r\n\r\n      &--title {\r\n        padding: 0.25em 0.5em;\r\n        font-size: 1.4em;\r\n        background-color: var(--primary);\r\n        color: var(--white);\r\n        transform: rotate(-15deg) translateY(-2rem) translateX(-2em);\r\n        display: inline-block;\r\n        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\r\n      }\r\n      &--desc {\r\n        font-size: 1.3em;\r\n      }\r\n    }\r\n    &::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -1;\r\n      top: -3px;\r\n      bottom: -3px;\r\n      left: -3px;\r\n      right: -3px;\r\n      border-radius: 1.6em;\r\n      box-shadow: 8px 8px 12px 0 rgba(0, 0, 0, 0.25);\r\n      background: linear-gradient(to bottom, var(--primary), var(--secondary));\r\n    }\r\n  }\r\n}\r\n"],
  "mappings": "AAAA,CAAA,YAAA,QACE,IAAA,EACA,OAAA,KAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OAFF,CAAA,YAAA,QAGI,IAAA,EACA,UAAA,OAEF,CANF,YAME,CAAA,OACE,cAAA,IACA,CARJ,YAQI,CAFF,OAEE,IAAA,CARJ,YAQI,CAFF,OAEE,IAEE,MAAA,KAVN,cAWM,IACA,WAAA,IAAA,IAAA,KAAA,UACA,SAAA,SACA,QAAA,GAEF,CAhBJ,YAgBI,CAAA,aAhBJ,QAiBM,MACA,iBAAA,IAAA,SAlBN,cAmBM,MAnBN,OAoBM,KAAA,IAAA,EACA,YAAA,IACA,SAAA,SACA,CAvBN,YAuBM,CAAA,oBACE,MAAA,IAAA,WACA,cAAA,MACA,UAAA,MACA,YAAA,IAEF,CA7BN,YA6BM,CAAA,mBACE,UAAA,OAEF,CAhCN,YAgCM,CAhBF,aAgBE,GACE,WAAA,MACA,UAAA,OACA,CAnCR,YAmCQ,CAnBJ,aAmBI,GAAA,GACE,cAAA,MAGJ,CAvCN,YAuCM,CAvBF,YAuBE,QACE,QAAA,GACA,SAAA,SACA,QAAA,GACA,MAAA,KA3CR,cA+CQ,MACA,WAAA,IAAA,IAAA,KAAA,UACA,WAAA,gBAAA,GAAA,MAAA,CAAA,IAAA,UAAA,CAAA,IAAA,cAOJ,OAAA,KAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OACE,CAzDN,YAyDM,CAnDJ,OAmDI,IAzDN,cA0DQ,IAEF,CA5DN,YA4DM,CA5CF,aAhBJ,QA6DQ,MACA,iBAAA,IAAA,SA9DR,cA+DQ,MA/DR,OAgEQ,KAAA,IAAA,GAIN,CApEF,YAoEE,CAAA,QACE,iBAAA,IAAA,WACA,MAAA,IAAA,SAtEJ,cAuEI,MACA,SAAA,SAxEJ,OAyEI,IAAA,IAAA,MACA,WAAA,KACA,OAAA,QACA,QAAA,MACA,CA7EJ,YA6EI,CATF,OASE,OACE,iBAAA,IAAA,SACA,MAAA,IAAA,aAEF,CAjFJ,YAiFI,CAbF,QAaE,CAAA,MACE,SAAA,SAIA,CAtFN,YAsFM,CAlBJ,QAkBI,CALF,MAKE,IACE,MAAA,KAEA,WAAA,MAzFR,cA0FQ,MACA,WAAA,UAAA,EAAA,IAAA,IAEF,CA7FN,YA6FM,CAzBJ,QAyBI,CAZF,MAYE,CAAA,KACE,iBAAA,IAAA,aACA,MAAA,IAAA,SA/FR,QAgGQ,MAAA,MAhGR,cAiGQ,KACA,SAAA,SACA,MAAA,IACA,OAAA,MACA,WAAA,UAAA,EAAA,IAAA,KAAA,IAAA,CAAA,UAAA,EAAA,IAAA,IAAA,KAKJ,CA1GJ,YA0GI,CAAA,iBA1GJ,QA2GM,EAAA,MAAA,MACA,YAAA,IAEA,CA9GN,YA8GM,CAAA,wBA9GN,QA+GQ,MAAA,KACA,UAAA,MACA,iBAAA,IAAA,WACA,MAAA,IAAA,SACA,UAAA,OAAA,QAAA,WAAA,OAAA,UAAA,MACA,QAAA,aACA,WAAA,UAAA,EAAA,IAAA,IAEF,CAvHN,YAuHM,CAAA,uBACE,UAAA,MAGJ,CA3HJ,YA2HI,CAvDF,OAuDE,QACE,QAAA,GACA,SAAA,SACA,QAAA,GACA,MAAA,KA/HN,cAmIM,MACA,WAAA,IAAA,IAAA,KAAA,UACA,WAAA,gBAAA,GAAA,MAAA,CAAA,IAAA,UAAA,CAAA,IAAA",
  "names": []
}