{"version":3,"file":"assets/css/main.css","mappings":"AAsDA;EACI;AArDJ;;AAuDA;EACI;AApDJ;;AAsDA;EACI;AAnDJ;;AAqDA;EACI;AAlDJ;;AAqDA;EACI;AAlDJ;;AAqDA;EAIE;;GAAA;EA0MA;;GAAA;EAsNA;;GAAA;AA7cF;AA0CE;EACE,oBAxEU;AAgCd;AA9BE;EACE;AAgCJ;AA9BI;EACE;EACA;EACA;EACA;EACA;EACA;AAgCN;AAoCI;EACI;AAlCR;AAoCI;;EAEE;EACA;EACA;AAlCN;AAmCM;;EAKE;EACA;EACA;EACA;EACA;EACA;AApCR;AA2BQ;;EACE;EACA;AAxBV;AAgCQ;;EACE,cApGM;EAqGN;EACA;EACA;AA7BV;AAiCI;EACE;EACA;AA/BN;AAgCM;EACE;EACA;AA9BR;AAiCI;EACE;EACA;EACA;EACA;AA/BN;AAgCM;EACE;EACA;EACA;AA9BR;AAgCM;EACE;EACA;EACA;AA9BR;AAgCM;EACE;AA9BR;AA+BQ;EACE;EACA;AA7BV;AA8BU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5BZ;AA6BY;EACE,yBAlJE;AAuHhB;AA6Bc;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,yBA5JA;AAiIhB;AAkCQ;EACE;EACA;AAhCV;AAiCU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA/BZ;AAgCY;EACE;AA9Bd;AAgCY;EACE,yBAlLE;EAmLF,qBAnLE;EAoLF;AA9Bd;AAkCQ;;EAEE,yBA1LM;EA2LN;EACA;EACA;EACA;EACA;EACA;EACA;AAhCV;AAkCQ;EACE;EACA;EACA,cAtMM;AAsKhB;AAoCM;EACE;EACA;EACA;AAlCR;AAqCM;EACE;EACA;EACA;EACA;AAnCR;AAqCM;EACE;EACA;EACA;AAnCR;AAoCQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlCV;AAmCU;EACE,qBAtOI;EAuOJ,cAvOI;AAsMhB;AAqCM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnCR;AAqCM;EACE;EACA;AAnCR;AAoCQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAlCV;AAoCQ;EACE;EACA;EACA;EACA;AAlCV;AAoCQ;EACE;EACA;EACA;EACA,yBA3QM;EA4QN;EACA;EACA;EACA;AAlCV;AA1OE;EACE;AA4OJ;AA1OI;EACE;EACA;EACA;EACA;EACA;EACA;AA4ON;AAmCI;EACE;EACA;EACA;AAjCN;AAmCI;EACI;AAjCR;AAoCI;EACE;EACA;EACA;AAlCN;AAqCI;EACE;EACA;AAnCN;AAqCM;EACE;EACA;AAnCR;AAoCQ;EACE;EACA;AAlCV;AAmCU;EACE;EACA;EACA;EACA,cAxTI;EAyTJ;EACA;EACA;EACA;EACA,oBA5TE;EA6TF;AAjCZ;AAkCY;EACE,yBAhUE;EAiUF;AAhCd;AAiCc;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,yBA1UA;AA2ShB;AAsCQ;EACE;EACA;AApCV;AAqCU;EACE;EACA;EACA;EACA;EACA;EACA;EACA,oBA1VE;AAuTd;AAoCY;EACE;AAlCd;AAoCY;EACE,yBAhWE;EAiWF,qBAjWE;EAkWF;AAlCd;AAwCM;EACE;AAtCR;AAyCM;EA7TF;EACA;EAEF;EACA;AAsRF;AAuCQ;EACE;EACA;EACA;AArCV;AAuCQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArCV;AAyCM;EACE;EACA;EACA;EACA;EACA;AAvCR;AAwCQ;EACE;AAtCV;AAwCQ;EACE;AAtCV;AAyCM;EACE;EACA;EACA;EACA;AAvCR;AAwCQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtCV;AAuCU;EACE,qBA/ZI;EAgaJ;EACA,yBAjaI;AA4XhB;AAyCM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvCR;AA+CQ;EACE;EACA;AA7CV;AA8CU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA5CZ;AA8CU;EACE;EACA;EACA;EACA;EACA;EACA;AA5CZ;AAgDM;EACE;EACA;EACA,yBA9cQ;EA+cR;EACA;EACA;EACA;EACA;AA9CR;AAgDM;;EAEE;EACA,yBAxdQ;EAydR;EACA;EACA;EACA;EACA;EACA;AA9CR;AAgDM;EACE;AA9CR;AAgDM;EACE;EACA,qBAreQ;EAseR,cAteQ;AAwbhB;AArbE;EACE;AAubJ;AArbI;EACE;EACA;EACA;EACA;EACA;EACA;AAubN;AA8CI;EACI;AA5CR;AA+CI;EACE;AA7CN;AA+CM;EACE;EACA;EACA;EACA;EACA;AA7CR;AA+CM;EACE;AA7CR;AAgDM;EACE;AA9CR;AAgDQ;EACE;EACA;AA9CV;AA+CU;EACE;EACA;EACA;EACA,cA7gBI;EA8gBJ;EACA;EACA;EACA;EACA,oBAjhBE;EAkhBF;AA7CZ;AA8CY;EACE,yBArhBE;EAshBF;AA5Cd;AA6Cc;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,yBA/hBA;AAofhB;AAjeI;EACE;EACA;AAmeN;AAleM;EACE;EACA;EACA;EACA;EACA;EACA;EACA,oBA5BM;AAggBd;AAneQ;EACE;AAqeV;AAneQ;EACE,yBAlCM;EAmCN,qBAnCM;EAoCN;AAqeV;AA+BM;EACE;EACA;EACA;AA7BR;AAgCQ;EACE;EACA;AA9BV;AAgCQ;EAngBJ;EACA;EAEF;EACA;AAqeF;AA+BM;EACE;EACA;EACA;EACA;AA7BR;AA+BM;EACE;EACA;EACA;AA7BR;AA8BQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5BV;AA6BU;EACE,qBA5kBI;EA6kBJ,cA7kBI;EA8kBJ;AA3BZ;AA+BM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7BR;AA+BM;EACE;EACA;AA7BR;AA8BQ;EACE;EACA;EACA;EACA;EACA;EACA;AA5BV;AA8BQ;EACE;EACA;EACA;EACA;EACA;EACA;AA5BV;AA+BM;;;EAGE;EACA,yBApnBQ;EAqnBR;EACA;EACA;EACA;EACA;EACA;AA7BR;AA+BM;EACE;AA7BR;AA+BM;EACE;EACA,qBAjoBQ;EAkoBR,cAloBQ;AAqmBhB,C","sources":["webpack://vue-project/./src/scss/main.scss"],"sourcesContent":["$primary-color: #fd512f;\r\n$font-family: inherit;\r\n@mixin close-btn {\r\n  .el-dialog__header {\r\n    padding: 0;\r\n\r\n    .closep {\r\n      background-color: #d50b0b;\r\n      border-radius: 50px;\r\n      top: -20px;\r\n      right: -20px;\r\n      z-index: 10;\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin gateways-list {\r\n  .wpcm-payment-gateways {\r\n    ul {\r\n      display: inline-flex;\r\n      flex-wrap: wrap;\r\n      li > a {\r\n        padding: 12px 25px;\r\n        border: 2px solid #d3d3d3;\r\n        display: block;\r\n        margin: 10px 10px 0 0;\r\n        background: #fff;\r\n        border-radius: 0;\r\n        font-family: $font-family;\r\n        > span img {\r\n          margin-right: 10px;\r\n        }\r\n        &.active, &:hover {\r\n          background-color: $primary-color;\r\n          border-color: $primary-color;\r\n          color: #fff;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@mixin el-custom-dropdown($shadow) {\r\n  @if $shadow {\r\n    box-shadow: 0 0 10px rgb(0 0 0 / 20%);\r\n  } @else {\r\n    box-shadow: none;\r\n    border: 2px solid $primary-color;\r\n  }\r\n  padding: 10px 30px;\r\n  height: 70px;\r\n}\r\n\r\n.px-100, .pl-100 {\r\n    padding-left: 100px;\r\n}\r\n.px-100, .pr-100 {\r\n    padding-right: 100px;\r\n}\r\n.my-50, .mb-50 {\r\n    margin-bottom: 50px;\r\n}\r\n.my-50, .mt-50 {\r\n    margin-top: 50px;\r\n}\r\n\r\n.rounded-md {\r\n    border-radius: .5rem;\r\n}\r\n\r\n.wpcm-wrapper {\r\n  * {\r\n    font-family: $font-family;\r\n  }\r\n  /**\r\n  * Popup Style 1.\r\n  */\r\n  .donation-style-1 {\r\n    @include close-btn;\r\n    .el-dialog__body {\r\n        padding: 5px;\r\n    }\r\n    .wpcm-amount-needed,\r\n    .wpcm-amount-collected {\r\n      text-align: center;\r\n      padding: 60px 35px;\r\n      border-top: 1px solid #c9c9c9;\r\n      .amount-return {\r\n        &+span {\r\n          font-size: 16px;\r\n          color: #666666;\r\n        }\r\n        display: flex;\r\n        font-size: 52px;\r\n        font-family: \"Manrope\";\r\n        justify-content: center;\r\n        line-height: 52px;\r\n        font-weight: bold;\r\n        > i {\r\n          color: $primary-color;\r\n          font-size: 26px;\r\n          line-height: 38px;\r\n          font-style: normal;\r\n        }\r\n      }\r\n    }\r\n    .wpcm-radial-progress-bar {\r\n      text-align: center;\r\n      padding: 60px 35px;\r\n      .circular {\r\n        margin: 0 auto;\r\n        max-width: 155px;\r\n      }\r\n    }\r\n    .col-content {\r\n      background-image: url(../images/bg-style-1.jpg);\r\n      background-repeat: no-repeat;\r\n      background-size: cover;\r\n      padding: 60px;\r\n      .wpcm-top-title {\r\n        font-size: 16px;\r\n        color: #5e5b5b;\r\n        font-family: \"Manrope\";\r\n      }\r\n      .wpcm-popup-title {\r\n        color: #181818;\r\n        font-size: 35px;\r\n        font-family: \"Manrope\";\r\n      }\r\n      .wpcm-recurring-btns ul {\r\n        width: 100%;\r\n        > li {\r\n          width: 50%;\r\n          flex: 0 50%;\r\n          a {\r\n            background-color: #232323;\r\n            padding: 20px 0;\r\n            display: block;\r\n            color: #fff;\r\n            text-align: center;\r\n            font-size: 18px;\r\n            font-weight: bold;\r\n            font-family: 'Manrope';\r\n            position: relative;\r\n            &.active {\r\n              background-color: $primary-color;\r\n  \r\n              &::after {\r\n                content: \"\";\r\n                width: 10px;\r\n                height: 10px;\r\n                position: absolute;\r\n                transform: rotate(135deg);\r\n                bottom: -5px;\r\n                left: 50%;\r\n                background-color: $primary-color;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .wpcm-payment-gateways {\r\n        ul {\r\n          display: inline-flex;\r\n          flex-wrap: wrap;\r\n          li > a {\r\n            padding: 12px 25px;\r\n            border: 2px solid #d3d3d3;\r\n            display: block;\r\n            margin: 10px 10px 0 0;\r\n            background: #fff;\r\n            border-radius: 0;\r\n            font-family: 'Manrope';\r\n            > span img {\r\n              margin-right: 10px;\r\n            }\r\n            &.active, &:hover {\r\n              background-color: $primary-color;\r\n              border-color: $primary-color;\r\n              color: #fff;\r\n            }\r\n          }\r\n        }\r\n        .wpcm-back-btn,\r\n        .wpcm-proceed-btn {\r\n          background-color: $primary-color;\r\n          color: #fff;\r\n          width: 97%;\r\n          height: 66px;\r\n          font-size: 15px;\r\n          text-transform: uppercase;\r\n          font-weight: 900;\r\n          margin-top: 10px;\r\n        }\r\n        .wpcm-back-btn {\r\n          background-color: transparent;\r\n          border: 2px solid $primary-color;\r\n          color: $primary-color;\r\n        }\r\n      }\r\n  \r\n      .el-select .el-input__inner {\r\n        border: none;\r\n        box-shadow: 0 0 10px rgb(0 0 0 / 20%);\r\n        padding: 10px 30px;\r\n      }\r\n  \r\n      .wpcm-cstm-amt-txt {\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n        margin: 1.5rem 0;\r\n        display: block;\r\n      }\r\n      .wpcm-pre-dfind-amt {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: space-around;\r\n        a {\r\n          padding: 20px 5px;\r\n          box-shadow: 0 0 10px rgb(0 0 0 / 20%);\r\n          border: 1px solid #fff;\r\n          background: #fff;\r\n          display: block;\r\n          font-size: 20px;\r\n          font-weight: bold;\r\n          border-radius: 0;\r\n          margin-right: 10px;\r\n          margin-bottom: 10px;\r\n          &.active, &:hover {\r\n            border-color: $primary-color;\r\n            color: $primary-color;\r\n          }\r\n        }\r\n      }\r\n      .wpcm-custm-amt-title {\r\n        background-color: #232323;\r\n        color:#fff;\r\n        text-align: center;\r\n        text-transform: uppercase;\r\n        font-size: 15px;\r\n        font-weight: bold;\r\n        padding: 20px 0;\r\n        margin-top: 20px;\r\n      }\r\n      .wpcm-custm-amt-box {\r\n        display: flex;\r\n        margin-top: 20px;\r\n        .wpcm-symbl-prefix {\r\n          background-color: red;\r\n          color: #fff;\r\n          width: 150px;\r\n          text-align: center;\r\n          padding: 11px 0;\r\n          font-size: 24px;\r\n          margin-right: -4px;\r\n        }\r\n        input {\r\n          border: none;\r\n          font-size: 18px;\r\n          padding: 0 15px;\r\n          width: 100px;\r\n        }\r\n        .wpcm-proceed-btn {\r\n          margin-left: 50px;\r\n          width: 100%;\r\n          border: none;\r\n          background-color: $primary-color;\r\n          color: #fff;\r\n          text-transform: uppercase;\r\n          font-size: 15px;\r\n          font-weight: 900;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  \r\n  /**\r\n  Popup style 2\r\n  */\r\n  .donation-style-2 {\r\n    @include close-btn;\r\n  \r\n    .el-dialog__header {\r\n      background: url('../images/bg-popup-2.jpg') no-repeat;\r\n      background-size: cover;\r\n      height: 230px;\r\n    }\r\n    .el-dialog__body {\r\n        padding: 0;\r\n    }\r\n\r\n    .wpcm-heading {\r\n      font-size: 35px;\r\n      font-weight: 900;\r\n      margin: 30px 0 20px;\r\n    }\r\n  \r\n    .col-content {\r\n      padding: 0 50px 50px;\r\n      margin-top: -40px;\r\n      \r\n      .wpcm-recurring-btns ul {\r\n        width: 100%;\r\n        max-width: 420px;\r\n        > li {\r\n          width: 50%;\r\n          flex: 0 50%;\r\n          a {\r\n            background-color: #fff;\r\n            padding: 20px 0;\r\n            display: block;\r\n            color: $primary-color;\r\n            border: 2px solid $primary-color;\r\n            text-align: center;\r\n            font-size: 18px;\r\n            font-weight: bold;\r\n            font-family: $font-family;\r\n            position: relative;\r\n            &.active {\r\n              background-color: $primary-color;\r\n              color: #fff;\r\n              &::after {\r\n                content: \"\";\r\n                width: 10px;\r\n                height: 10px;\r\n                position: absolute;\r\n                transform: rotate(135deg);\r\n                bottom: -5px;\r\n                left: 50%;\r\n                background-color: $primary-color;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .wpcm-payment-gateways {\r\n        ul {\r\n          display: inline-flex;\r\n          flex-wrap: wrap;\r\n          li > a {\r\n            padding: 12px 25px;\r\n            border: 2px solid #d3d3d3;\r\n            display: block;\r\n            margin: 10px 10px 0 0;\r\n            background: #fff;\r\n            border-radius: 0;\r\n            font-family: $font-family;\r\n            > span img {\r\n              margin-right: 10px;\r\n            }\r\n            &.active, &:hover {\r\n              background-color: $primary-color;\r\n              border-color: $primary-color;\r\n              color: #fff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .wpcm-recurring-cycle-drp {\r\n        margin-bottom: 20px;\r\n      }\r\n  \r\n      .el-select .el-input__inner {\r\n        @include el-custom-dropdown(false)\r\n      }\r\n      .wpcm-donation-amt-fields {\r\n        .el-custom-select {\r\n          width: 49.5%;\r\n          display: inline-block;\r\n          padding-right: 30px;\r\n        }\r\n        .wpcm-custm-amnt-txt {\r\n          width: 50%;\r\n          display: inline-block;\r\n          background-color: #232323;\r\n          color: #fff;\r\n          font-size: 15px;\r\n          line-height: 60px;\r\n          text-align: center;\r\n          margin: 0 !important;\r\n          font-weight: 400;\r\n        }\r\n      }\r\n  \r\n      .wpcm-cstm-amt-txt {\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n        margin: 2rem 0 1rem;\r\n        display: inline-block;\r\n        color: #262626;\r\n        &:first-child {\r\n          width: 62%;\r\n        }\r\n        &:last-child {\r\n          width: 38%;\r\n        }\r\n      }\r\n      .wpcm-pre-dfind-amt {\r\n        display: inline-flex;\r\n        flex-wrap: wrap;\r\n        justify-content: space-around;\r\n        width: 62%;\r\n        a {\r\n          padding: 20px 5px;\r\n          border: 1px solid #ddd;\r\n          background: #fff;\r\n          display: block;\r\n          font-size: 20px;\r\n          font-weight: bold;\r\n          border-radius: 0;\r\n          margin-right: 10px;\r\n          margin-bottom: 10px;\r\n          &.active, &:hover {\r\n            border-color: $primary-color;\r\n            color: #fff;\r\n            background-color: $primary-color;\r\n          }\r\n        }\r\n      }\r\n      .wpcm-custm-amt-title {\r\n        background-color: #232323;\r\n        color:#fff;\r\n        text-align: center;\r\n        text-transform: uppercase;\r\n        font-size: 15px;\r\n        font-weight: bold;\r\n        padding: 20px 0;\r\n        margin-top: 20px;\r\n      }\r\n      .wpcm-amt-box-with-predfd {\r\n        // display: flex;\r\n        // justify-content: space-between;\r\n      }\r\n      .wpcm-custom-amt-box-container {\r\n\r\n        .wpcm-custm-amt-box {\r\n          display: inline-flex;\r\n          width: 37%;\r\n          .wpcm-symbl-prefix {\r\n            background-color: #232323;\r\n            color: #fff;\r\n            width: 105px;\r\n            text-align: center;\r\n            padding: 11px 0;\r\n            font-size: 24px;\r\n            margin-right: -4px;\r\n          }\r\n          input {\r\n            border: none;\r\n            font-size: 18px;\r\n            padding: 0 15px;\r\n            width: 100%;\r\n            background-color: #f1f1f1;\r\n            box-shadow: none;\r\n          }\r\n        }\r\n      }\r\n      .wpcm-next-btn {\r\n        margin: 20px 0 0 15px;\r\n        border: none;\r\n        background-color: $primary-color;\r\n        color: #fff;\r\n        text-transform: uppercase;\r\n        font-size: 15px;\r\n        font-weight: 900;\r\n        padding: 20px 80px;\r\n      }\r\n      .wpcm-back-btn,\r\n      .wpcm-proceed-btn {\r\n        width: 100%;\r\n        background-color: $primary-color;\r\n        color: #fff;\r\n        line-height: 40px;\r\n        font-size: 15px;\r\n        font-weight: 900;\r\n        margin-top: 30px;\r\n        text-transform: uppercase;\r\n      }\r\n      .wpcm-proceed-btn {\r\n        width: 98%;\r\n      }\r\n      .wpcm-back-btn {\r\n        background-color: #fff;\r\n        border-color: $primary-color;\r\n        color: $primary-color;\r\n      }\r\n    }\r\n  }\r\n  \r\n  /**\r\n  Popup style 3\r\n  */\r\n  .donation-style-3 {\r\n    @include close-btn;\r\n  \r\n    .el-dialog__body {\r\n        padding: 0;\r\n    }\r\n    \r\n    .col-content {\r\n      padding: 60px 50px;\r\n  \r\n      .wpcm-heading {\r\n        font-size: 42px;\r\n        text-align: center;\r\n        font-weight: 900;\r\n        margin-bottom: 25px;\r\n        color: #181818;\r\n      }\r\n      .wpcm-recurring-cycle-drp {\r\n        margin-bottom: 1.5rem;\r\n      }\r\n      \r\n      .wpcm-recurring-btns ul {\r\n        width: 100%;\r\n  \r\n        > li {\r\n          width: 50%;\r\n          flex: 0 50%;\r\n          a {\r\n            background-color: #fff;\r\n            padding: 20px 0;\r\n            display: block;\r\n            color: $primary-color;\r\n            border: 2px solid $primary-color;\r\n            text-align: center;\r\n            font-size: 18px;\r\n            font-weight: bold;\r\n            font-family: $font-family;\r\n            position: relative;\r\n            &.active {\r\n              background-color: $primary-color;\r\n              color: #fff;\r\n              &::after {\r\n                content: \"\";\r\n                width: 10px;\r\n                height: 10px;\r\n                position: absolute;\r\n                transform: rotate(135deg);\r\n                bottom: -5px;\r\n                left: 50%;\r\n                background-color: $primary-color;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n  \r\n      @include gateways-list;\r\n      \r\n      .StripeElement.shadow {\r\n        box-shadow: none !important;\r\n        border: 1px solid #aaa;\r\n        border-radius: 0 !important;\r\n      }\r\n      .el-custom-select {\r\n        .el-input__suffix {\r\n          height: 50%;\r\n          top: 22%;\r\n        }\r\n        .el-input__inner {\r\n          @include el-custom-dropdown(false);\r\n        }\r\n      }\r\n  \r\n      .wpcm-cstm-amt-txt {\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n        margin: 1.5rem 0;\r\n        display: block;\r\n      }\r\n      .wpcm-pre-dfind-amt {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: space-around;\r\n        a {\r\n          padding: 20px 5px;\r\n          border: 1px solid #ddd;\r\n          background: #fff;\r\n          display: block;\r\n          font-size: 20px;\r\n          font-weight: bold;\r\n          border-radius: 0;\r\n          margin-right: 10px;\r\n          margin-bottom: 10px;\r\n          &.active, &:hover {\r\n            border-color: $primary-color;\r\n            color: $primary-color;\r\n            box-shadow: 0 0 10px rgb(0 0 0 / 20%);\r\n          }\r\n        }\r\n      }\r\n      .wpcm-custm-amt-title {\r\n        background-color: #232323;\r\n        color:#fff;\r\n        text-align: center;\r\n        text-transform: uppercase;\r\n        font-size: 15px;\r\n        font-weight: bold;\r\n        padding: 20px 0;\r\n        margin-top: 20px;\r\n      }\r\n      .wpcm-custm-amt-box {\r\n        display: flex;\r\n        margin-top: 20px;\r\n        .wpcm-symbl-prefix {\r\n          background-color: #232323;\r\n          color: #fff;\r\n          width: 80px;\r\n          text-align: center;\r\n          padding: 11px 0;\r\n          font-size: 24px;\r\n        }\r\n        input {\r\n          border: none;\r\n          box-shadow: none;\r\n          background-color: #f1f1f1;\r\n          font-size: 18px;\r\n          padding: 0 25px;\r\n          width: 100%;\r\n        }\r\n      }\r\n      .wpcm-back-btn,\r\n      .donation-done,\r\n      .wpcm-next-btn {\r\n        width: 100%;\r\n        background-color: $primary-color;\r\n        color: #fff;\r\n        line-height: 40px;\r\n        font-size: 15px;\r\n        font-weight: 900;\r\n        margin-top: 30px;\r\n        text-transform: uppercase;\r\n      }\r\n      .donation-done {\r\n        width: 98%;\r\n      }\r\n      .wpcm-back-btn {\r\n        background-color: #fff;\r\n        border-color: $primary-color;\r\n        color: $primary-color;\r\n      }\r\n    }\r\n  }\r\n}"],"names":[],"sourceRoot":""}