pg-test-project
Version:
A payment gateway for sab paisa
1 lines • 431 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{"./.storybook/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),parameters={actions:{argTypesRegex:"^on[A-Z].*"},layout:"centered"};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.e)(enhancer)}));case"render":return Object(ClientApi.i)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.h)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./generated-stories-entry.js":function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.tsx)$")],module,!1)}).call(this,__webpack_require__("./node_modules/webpack/buildin/module.js")(module))},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js?!./src/components/Button/button.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".storybook-button {\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-weight: 700;\n border: 0;\n border-radius: 3em;\n cursor: pointer;\n display: inline-block;\n line-height: 1;\n}\n.storybook-button--primary {\n color: white;\n background-color: #1ea7fd;\n}\n.storybook-button--secondary {\n color: #333;\n background-color: transparent;\n box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n}\n.storybook-button--small {\n font-size: 12px;\n padding: 10px 16px;\n}\n.storybook-button--medium {\n font-size: 14px;\n padding: 11px 20px;\n}\n.storybook-button--large {\n font-size: 16px;\n padding: 12px 24px;\n}\n",""]),module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js?!./src/index.css":function(module,exports,__webpack_require__){var ___CSS_LOADER_API_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_GET_URL_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),___CSS_LOADER_URL_IMPORT_0___=__webpack_require__("./src/assets/fonts/Satoshi-Light.woff2"),___CSS_LOADER_URL_IMPORT_1___=__webpack_require__("./src/assets/fonts/Satoshi-Light.woff"),___CSS_LOADER_URL_IMPORT_2___=__webpack_require__("./src/assets/fonts/Satoshi-Regular.woff2"),___CSS_LOADER_URL_IMPORT_3___=__webpack_require__("./src/assets/fonts/Satoshi-Regular.woff"),___CSS_LOADER_URL_IMPORT_4___=__webpack_require__("./src/assets/fonts/Satoshi-Medium.woff2"),___CSS_LOADER_URL_IMPORT_5___=__webpack_require__("./src/assets/fonts/Satoshi-Medium.woff"),___CSS_LOADER_URL_IMPORT_6___=__webpack_require__("./src/assets/fonts/Satoshi-Bold.woff2"),___CSS_LOADER_URL_IMPORT_7___=__webpack_require__("./src/assets/fonts/Satoshi-Bold.woff");exports=___CSS_LOADER_API_IMPORT___(!1);var ___CSS_LOADER_URL_REPLACEMENT_0___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___),___CSS_LOADER_URL_REPLACEMENT_1___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___),___CSS_LOADER_URL_REPLACEMENT_2___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___),___CSS_LOADER_URL_REPLACEMENT_3___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___),___CSS_LOADER_URL_REPLACEMENT_4___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_4___),___CSS_LOADER_URL_REPLACEMENT_5___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_5___),___CSS_LOADER_URL_REPLACEMENT_6___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_6___),___CSS_LOADER_URL_REPLACEMENT_7___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_7___);exports.push([module.i,'@font-face {\n font-family: "Satoshi-Light";\n src: url('+___CSS_LOADER_URL_REPLACEMENT_0___+') format("woff2"), url('+___CSS_LOADER_URL_REPLACEMENT_1___+') format("woff");\n font-weight: 300;\n font-display: swap;\n font-style: normal;\n}\n\n@font-face {\n font-family: "Satoshi-Regular";\n src: url('+___CSS_LOADER_URL_REPLACEMENT_2___+') format("woff2"), url('+___CSS_LOADER_URL_REPLACEMENT_3___+') format("woff");\n font-weight: 400;\n font-display: swap;\n font-style: normal;\n}\n\n@font-face {\n font-family: "Satoshi-Medium";\n src: url('+___CSS_LOADER_URL_REPLACEMENT_4___+') format("woff2"), url('+___CSS_LOADER_URL_REPLACEMENT_5___+') format("woff");\n font-weight: 500;\n font-display: swap;\n font-style: normal;\n}\n\n@font-face {\n font-family: "Satoshi-Bold";\n src: url('+___CSS_LOADER_URL_REPLACEMENT_6___+') format("woff2"), url('+___CSS_LOADER_URL_REPLACEMENT_7___+') format("woff");\n font-weight: 700;\n font-display: swap;\n font-style: normal;\n}\n\n#pg-sdk #overlay {\n display: block;\n content: "";\n position: absolute;\n /* -webkit-backdrop-filter: blur(8px);\n backdrop-filter: blur(8px); */\n top: 0;\n left: 0;\n z-index: -1;\n /* overflow: scroll; */\n}\n\n#pg-sdk #overlay::-webkit-scrollbar {\n width: 0px;\n height: auto;\n background: transparent;\n}\n\n#pg-sdk #sdkPopup {\n overflow: auto;\n max-height: 98vh !important;\n border-radius: 10px;\n background: #EDF2F7;\n font-family: "Satoshi-Regular", sans-serif;\n height: auto;\n min-height: 675px;\n width: 430px;\n box-shadow: 0px 0px 25px #aaa;\n /* min-height: 700px; */\n position: relative;\n top: 0px;\n left: calc((100% - 420px) / 2);\n z-index: 111111111;\n /* The switch - the box around the slider */\n /* Hide default HTML checkbox */\n /* The slider */\n /* Rounded sliders */\n}\n\n::-webkit-scrollbar {\n width: 0px;\n}\n\n::-webkit-scrollbar-track {\n background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n background: #EDF2F7;\n border-radius: 10px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n\n background: #555;\n}\n\n#sdkPopup h1,\n#sdkPopup h2,\n#sdkPopup h3,\n#sdkPopup h4,\n#sdkPopup h5,\n#sdkPopup h6,\n#sdkPopup p,\n#sdkPopup ul,\n#sdkPopup ol,\n#sdkPopup li,\n#sdkPopup input,\n#sdkPopup select,\n#sdkPopup button {\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n font-family: "Satoshi-Regular", sans-serif;\n}\n\n#sdkPopup a {\n text-decoration: none;\n color: #1D1C1D;\n}\n\n#sdkPopup input:focus,\n#sdkPopup input:hover,\n#sdkPopup select:focus,\n#sdkPopup select:hover {\n outline: none;\n border: none;\n}\n\n#sdkPopup .text-white {\n color: #fff;\n}\n\n#sdkPopup .text-dark {\n color: #1D1C1D !important;\n}\n\n#sdkPopup .text-blue {\n color: #0055B1;\n}\n\n#sdkPopup .text-center {\n text-align: center;\n}\n\n#sdkPopup .text-small {\n font-size: 0.8rem;\n}\n\n#sdkPopup .text-bold {\n font-family: "Satoshi-Bold", sans-serif;\n font-weight: 700;\n}\n\n#sdkPopup .text-medium {\n font-family: "Satoshi-Medium", sans-serif;\n font-weight: 600;\n}\n\n#sdkPopup .text-black {\n color: #000000;\n}\n\n#sdkPopup .text-secondary {\n color: #0055B1;\n}\n\n#sdkPopup .warning-text {\n color: #ff0000;\n}\n\n#sdkPopup .thin {\n font-family: "Satoshi-Regular", sans-serif;\n font-weight: normal;\n font-style: normal;\n font-weight: 700;\n font-size: 20px;\n line-height: 119%;\n}\n\n#sdkPopup .textBeforeSection {\n font-size: 0.9rem;\n font-weight: 500;\n margin-left: 10px;\n color: #000;\n}\n\n#sdkPopup .flex {\n display: flex;\n align-items: center;\n}\n\n#sdkPopup .flex-center {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n#sdkPopup .flex-between {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n#sdkPopup .flex-between .half-input {\n max-width: 185px !important;\n}\n\n#sdkPopup .flex-column-between {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-direction: column;\n}\n\n#sdkPopup .align-right {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n flex-direction: column;\n}\n\n#sdkPopup .inline-image {\n display: inline-block;\n}\n\n#sdkPopup .primaryButton {\n padding: 15px 0px;\n background: #1A68CD;\n color: #fff;\n text-align: center;\n font-size: 1rem;\n font-weight: 600;\n width: 100%;\n border-radius: 30px;\n letter-spacing: 0.05rem;\n font-weight: 700;\n font-size: 16px;\n line-height: 22px;\n letter-spacing: 0.05em;\n color: #FFFFFF;\n}\n\n#sdkPopup .primaryButton:hover {\n transform: scale(0.9);\n transition: 0.5s ease;\n box-shadow: 5px 5px 20px rgba(0, 85, 177, 0.6784313725);\n}\n\n#sdkPopup .squareButton {\n padding: 12px 0px;\n background: #1A68CD;\n color: #fff;\n text-align: center;\n font-size: 1rem;\n font-weight: 600;\n width: 100%;\n letter-spacing: 0.05rem;\n}\n\n#sdkPopup .squareButton:hover {\n transform: scale(0.9);\n transition: 0.5s ease;\n box-shadow: 5px 5px 20px rgba(0, 85, 177, 0.6784313725);\n}\n\n#sdkPopup .inputButton {\n position: absolute;\n right: 11px;\n padding: 11px 24px;\n background: #1A68CD;\n color: #fff;\n text-align: center;\n font-size: 1rem;\n font-weight: 600;\n width: 100%;\n max-width: -webkit-fit-content;\n max-width: -moz-fit-content;\n max-width: fit-content;\n letter-spacing: 0.05rem;\n border: 1px solid #1A68CD;\n border-radius: 0px 7px 7px 0px;\n}\n\n#sdkPopup .inputButton:hover {\n transition: 0.5s ease;\n box-shadow: 5px 5px 20px rgba(0, 85, 177, 0.6784313725);\n}\n\n#sdkPopup .btnGroup {\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n width: 100%;\n margin: 40px auto 20px auto;\n}\n\n#sdkPopup .btnGroup .btn {\n color: #fff !important;\n padding: 10px 35px;\n border-radius: 30px;\n font-weight: 600;\n}\n\n#sdkPopup .btnGroup .btnPrimary {\n background: #1A68CD;\n}\n\n#sdkPopup .btnGroup .btnNeutral {\n background: #EBEAEB;\n}\n\n#sdkPopup .errorInput {\n color: #ff0000;\n border: 1px solid #ff0000;\n}\n\n#sdkPopup .successInput {\n color: #4BB543;\n border: 1px solid #4BB543;\n}\n\n#sdkPopup .input-underline {\n border-bottom: 1px solid #696969;\n padding: 10px 15px;\n display: flex;\n align-items: center;\n margin-bottom: 2rem;\n}\n\n#sdkPopup .input-underline input {\n width: 100%;\n background: transparent;\n}\n\n#sdkPopup .switch {\n position: relative;\n display: block;\n width: 40px;\n height: 22px;\n margin-right: 10px;\n}\n\n#sdkPopup .switch input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n#sdkPopup .slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #ccc;\n transition: 0.4s;\n}\n\n#sdkPopup .slider:before {\n position: absolute;\n content: "";\n height: 14px;\n width: 14px;\n left: 2px;\n bottom: 1.5px;\n background: linear-gradient(270.55deg, #4285F8 -14.11%, #0055B1 95.84%);\n transition: 0.4s;\n}\n\n#sdkPopup input:checked+.slider {\n /* background: linear-gradient(270.55deg, #4285F8 -14.11%, #0055B1 95.84%); */\n /* border-radius: 34px;\n border: solid 3px transparent;\n background-image: linear-gradient(270.55deg, #4285F8 -14.11%, #0055B1 95.84%), linear-gradient(101deg, #4285F8, #0055B1);\n background-origin: border-box;\n background-clip: content-box, border-box;\n box-shadow: 2px 100px 1px #fff inset; */\n border-radius: 34px;\n border: solid 3px #0055B1;\n background: #fff;\n}\n\n#sdkPopup input:focus+.slider {\n box-shadow: 0 0 1px #2196F3;\n}\n\n#sdkPopup input:checked+.slider:before {\n background: linear-gradient(270.55deg, #4285F8 -14.11%, #0055B1 95.84%);\n transform: translateX(17px);\n}\n\n#sdkPopup .slider.round {\n border-radius: 34px;\n border: solid 3px #0055B1;\n background: #fff;\n /* background-image: linear-gradient(270.55deg, #4285F8 -14.11%, #0055B1 95.84%), linear-gradient(101deg, #4285F8, #0055B1);\n background-origin: border-box;\n background-clip: content-box, border-box;\n box-shadow: 2px 100px 1px #fff inset; */\n}\n\n#sdkPopup .slider.round:before {\n border-radius: 50%;\n}\n\n#sdkPopup .customRadio {\n margin-top: -10px;\n /* Hide the browser\'s default radio button */\n /* Create a custom radio button */\n /* On mouse-over, add a grey background color */\n /* When the radio button is checked, add a blue background */\n /* Create the indicator (the dot/circle - hidden when not checked) */\n /* Show the indicator (dot/circle) when checked */\n /* Style the indicator (dot/circle) */\n}\n\n#sdkPopup .customRadio .container {\n display: block;\n position: relative;\n padding-left: 35px;\n margin-bottom: 12px;\n cursor: pointer;\n font-size: 22px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n#sdkPopup .customRadio .container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n\n#sdkPopup .customRadio .checkmark {\n position: absolute;\n top: 0;\n left: 0;\n height: 21px;\n width: 21px;\n background-color: #f5f5f5;\n border: 1px solid #696969;\n border-radius: 50%;\n}\n\n#sdkPopup .customRadio .container:hover input~.checkmark {\n background-color: #f5f5f5;\n}\n\n#sdkPopup .customRadio .container input:checked~.checkmark {\n background-color: #1A68CD;\n border: 1px solid #fff;\n}\n\n#sdkPopup .customRadio .checkmark:after {\n content: "";\n position: absolute;\n display: none;\n}\n\n#sdkPopup .customRadio .container input:checked~.checkmark:after {\n display: block;\n}\n\n#sdkPopup .customRadio .container .checkmark:after {\n top: 5px;\n left: 5px;\n width: 11px;\n height: 11px;\n border-radius: 50%;\n background: white;\n}\n\n#sdkPopup .popupHeader {\n padding: 20px 10px;\n width: 100%;\n text-align: center;\n background: #0055B1;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n#sdkPopup .popupHeader img {\n width: 14px;\n /* width: 59px; */\n height: 18px;\n margin-right: 6px;\n}\n\n#sdkPopup .popupHeader span {\n font-style: normal;\n font-weight: 700;\n font-size: 20px;\n line-height: 119%;\n margin-bottom: -2.1px;\n}\n\n#sdkPopup .radio {\n margin-top: -30px;\n}\n\n#sdkPopup .radio [type=radio]:checked,\n#sdkPopup .radio [type=radio]:not(:checked) {\n position: absolute;\n left: -9999px;\n}\n\n#sdkPopup .radio [type=radio]:checked+label,\n#sdkPopup .radio [type=radio]:not(:checked)+label {\n position: relative;\n padding-left: 28px;\n cursor: pointer;\n line-height: 20px;\n display: inline-block;\n color: #666;\n}\n\n#sdkPopup .radio [type=radio]:checked+label:before,\n#sdkPopup .radio [type=radio]:not(:checked)+label:before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: 18px;\n height: 18px;\n border: 1px solid #ddd;\n border-radius: 100%;\n background: #fff;\n}\n\n#sdkPopup .radio [type=radio]:checked+label:after,\n#sdkPopup .radio [type=radio]:not(:checked)+label:after {\n content: "";\n width: 12px;\n height: 12px;\n background: #4BB543;\n position: absolute;\n top: 4px;\n left: 4px;\n border-radius: 100%;\n transition: all 0.2s ease;\n}\n\n#sdkPopup .radio [type=radio]:not(:checked)+label:after {\n opacity: 0;\n transform: scale(0);\n}\n\n#sdkPopup .radio [type=radio]:checked+label:after {\n opacity: 1;\n transform: scale(1);\n}\n\n#sdkPopup .banklogo {\n margin-right: 10px;\n}\n\n#sdkPopup .bankname {\n font-size: 0.9rem;\n font-weight: 500;\n}\n\n#sdkPopup .popupBody {\n padding: 17px 10px 0px 12px;\n /* min-height: 600px; */\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n#sdkPopup .popupBody .sectionHeading-large {\n font-size: 24px;\n font-weight: 600;\n margin-top: 0.5rem;\n margin-bottom: 8px;\n}\n\n#sdkPopup .popupBody .clippedCard {\n padding: 20px;\n /* margin-top: 10px; */\n background: linear-gradient(270deg, #4285F8 9.98%, #0055B1 96.75%);\n border-radius: 10px;\n position: relative;\n}\n\n#sdkPopup .popupBody .clippedCard::before {\n content: "";\n position: absolute;\n width: 15px;\n height: 15px;\n top: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n border: 5px solid transparent;\n border-top-color: #EDF2F7;\n border-right-color: #EDF2F7;\n border-radius: 100%;\n pointer-events: none;\n left: 0px;\n background: #EDF2F7;\n}\n\n#sdkPopup .popupBody .clippedCard::after {\n content: "";\n position: absolute;\n width: 15px;\n height: 15px;\n top: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n border: 5px solid transparent;\n border-top-color: #EDF2F7;\n border-right-color: #EDF2F7;\n border-radius: 100%;\n pointer-events: none;\n right: -15px;\n background: #EDF2F7;\n}\n\n#sdkPopup .popupBody .clippedCard .profileSection {\n display: flex;\n}\n\n#sdkPopup .popupBody .clippedCard .profileSection .profilePicture {\n height: auto;\n text-align: center;\n margin-bottom: 10px;\n max-width: 47px;\n}\n\n#sdkPopup .popupBody .clippedCard .profileSection .beneficiaryName {\n /* text-align: center; */\n font-size: 20px;\n font-weight: 700;\n text-transform: capitalize;\n line-height: 24.8px;\n margin-left: 24px;\n}\n\n#sdkPopup .popupBody .clippedCard .metaSection .partnerName {\n margin-bottom: 0.3rem;\n font-style: normal;\n font-weight: 700;\n font-size: 20px;\n line-height: 124%;\n}\n\n#pg-sdk .border-right {\n border-right: 1px solid #dee2e6 !important;\n}\n\n.clientDetails .border-right h3 {\n margin-bottom: 0.3rem;\n font-style: normal;\n font-weight: 700;\n font-size: 20px;\n line-height: 124%;\n}\n\n#sdkPopup .popupBody .clippedCard .metaSection {\n margin-left: 24px;\n}\n\n#sdkPopup .popupBody .clippedCard .metaSection p {\n font-size: 14px;\n font-weight: 400;\n letter-spacing: 0.6px;\n}\n\n#sdkPopup .popupBody .clippedCard .metaSection h3 {\n font-size: 24px !important;\n letter-spacing: 0.6px;\n font-weight: 700;\n margin-top: 18px !important;\n}\n\n#sdkPopup .popupBody .clippedCard .metaSection strong {\n font-weight: 600;\n}\n\n#sdkPopup .popupBody .clippedCard .metaSection .amount {\n margin-top: 0.8rem;\n font-size: 1.4rem;\n}\n\n#sdkPopup .popupBody .clippedCard .metaSection .amount img {\n height: 1.2rem;\n margin-right: 0.4rem;\n}\n\n#sdkPopup .popupBody .clippedCard .clientDetails {\n border-bottom: 1px dashed #fff;\n border-top: 1px dashed #fff;\n /* border-bottom: 1px dashed #fff; */\n margin-left: 0px;\n margin-right: 0px;\n padding: 6px 0px;\n}\n\n\n#sdkPopup .popupBody .clippedCard .clientDetails .client {\n padding: 5px 15px 5px 0px;\n width: 100%;\n}\n\n#sdkPopup .popupBody .clippedCard .clientDetails .client .partnerName {\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n line-height: 1.8rem;\n}\n\n#sdkPopup .popupBody .clippedCard .clientDetails .client h3.thin {\n font-size: 1.2rem;\n margin-bottom: .5rem;\n}\n\n#sdkPopup .popupBody .clippedCard .clientDetails .client #clientName {\n font-size: 24px !important;\n font-weight: 600;\n letter-spacing: 0.8px;\n}\n\n#sdkPopup .popupBody .clippedCard .clientDetails .clientInfo {\n padding: 5px 0px 5px 15px;\n /* width: 100%; */\n}\n\n#sdkPopup .popupBody .clippedCard .clientDetails .clientInfo .field {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 2px 0px;\n}\n\n#sdkPopup .popupBody .clippedCard .clientDetails .clientInfo .field .parameter,\n#sdkPopup .popupBody .clippedCard .clientDetails .clientInfo .field .value {\n font-weight: 700;\n font-size: 12px;\n line-height: 99.9%;\n letter-spacing: 0.06em;\n color: #FFFFFF;\n}\n\n#sdkPopup .popupBody .clippedCard .clientDetails .clientInfo .field .value {\n letter-spacing: 0px;\n}\n\n#sdkPopup .popupBody .clippedCard .clientDetails .clientInfo .field {\n margin-bottom: 17px;\n}\n\n#sdkPopup .popupBody .clippedCard .clientDetails .clientInfo .field:nth-child(2) {\n margin-bottom: 0;\n}\n\n\n#sdkPopup .popupBody .clippedCard .clientDetails .clientInfo .field .value img {\n letter-spacing: 0px;\n padding-right: 8px;\n\n}\n\n\n#sdkPopup .popupBody .clippedCard .amountDetails .dataTable {\n width: 100%;\n margin-top: 10px;\n border-bottom: 1px dashed #EBEAEB;\n padding-bottom: 8px\n}\n\n#sdkPopup .popupBody .clippedCard .amountDetails .dataTable .field {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 2px 0px;\n}\n\n#sdkPopup .popupBody .clippedCard .amountDetails .dataTable .field .parameter,\n#sdkPopup .popupBody .clippedCard .amountDetails .dataTable .field .value {\n color: #fff;\n font-style: normal;\n font-weight: 500;\n font-size: 12px;\n line-height: 16px;\n}\n\n#sdkPopup .popupBody .clippedCard .amountDetails .dataTable .field .value {\n letter-spacing: 1px;\n}\n\n#sdkPopup .popupBody .clippedCard .totalRow {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-top: 18px;\n}\n\n#sdkPopup .popupBody .clippedCard .totalRow p {\n font-weight: 700;\n font-size: 18px;\n color: #FFFFFF;\n}\n\n#sdkPopup .popupBody .buttonWrapper {\n width: 100%;\n height: 60px;\n}\n\n#sdkPopup .popupBody .buttonWrapper .changeMode {\n padding: 8px 24px;\n border-radius: 8px;\n display: flex;\n align-items: center;\n background: #4285F8;\n float: right;\n margin: 20px 10px;\n}\n\n#sdkPopup .popupBody .buttonWrapper .changeMode img {\n margin-right: 10px;\n}\n\n#sdkPopup .popupBody .buttonWrapper .changeMode span {\n color: #fff;\n}\n\n#sdkPopup .popupBody .activity .form .form-header {\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n#sdkPopup .popupBody .activity .form .form-header .form-heading {\n font-size: 24px;\n font-weight: 700;\n font-family: "Satoshi-Bold", sans-serif;\n /* margin: 0px auto; */\n}\n\n\n#sdkPopup .popupBody .activity .form .form-header .expandIcon {\n height: 10px;\n margin-right: 5px;\n transform: rotate(180deg);\n cursor: pointer;\n}\n\n#sdkPopup .popupBody .activity label {\n font-weight: 700;\n font-size: 15px;\n line-height: 20.25px;\n color: #1D1C1D;\n margin-bottom: 8px;\n}\n\n#sdkPopup .form-collapsible-client {\n display: none;\n visibility: hidden;\n font-family: "Satoshi-Medium", sans-serif;\n}\n\n#sdkPopup .form-collapsible.showForm {\n display: block;\n visibility: visible;\n}\n\n#sdkPopup .popupBody .activity .form .form-header .expandIcon.down {\n transform: rotate(-0deg) !important;\n}\n\n#sdkPopup .popupBody .activity .input {\n /* margin-top: 0.4rem; */\n margin-bottom: 0.4rem;\n border: 1px solid #1D1C1D;\n border-radius: 8px;\n background: #fff;\n padding: 15px 20px;\n max-height: 50px;\n height: 58px;\n display: flex;\n align-items: center;\n flex-direction: row;\n width: 406px;\n}\n\n#pg-sdk .paddingForm .select__control {\n margin-top: 0.4rem;\n margin-bottom: 1rem;\n border: 1px solid #1D1C1D;\n border-radius: 8px;\n background: #fff;\n padding: 5px 20px;\n max-height: 50px;\n display: flex;\n align-items: center;\n flex-direction: row;\n}\n\n\n\n#sdkPopup .popupBody .activity .input:focus {\n border: 1px solid #1A68CD;\n flex-direction: row-reverse;\n transition: flex-direction 0.6s ease-in;\n}\n\n#sdkPopup .popupBody .activity .input .active {\n border: 1px solid #0055B1;\n}\n\n#sdkPopup .popupBody .activity .input img.inputIcon {\n height: 15px !important;\n padding-right: 14px;\n}\n\n#sdkPopup .popupBody .activity .input input {\n font-size: 1rem;\n letter-spacing: 0.05rem;\n font-family: "Satoshi-Regular", sans-serif;\n width: 100%;\n margin-left: 15px;\n height: 42px;\n padding-left: 10px;\n margin-right: -17px;\n border-radius: 0px 7px 7px 0px;\n}\n\n#sdkPopup .popupBody .activity .input input:focus {\n outline: none;\n flex-direction: row-reverse;\n transition: flex-direction 0.6s ease-in;\n}\n\n#sdkPopup .popupBody .activity .leftInput input {\n height: 40px;\n margin-left: -16px;\n margin-right: 20px;\n padding: 10px;\n border-radius: 3px;\n}\n\n#sdkPopup .popupBody .activity select {\n padding: 12px 24px;\n border: 1px solid #696969;\n font-family: "Satoshi-Regular", sans-serif;\n width: 100%;\n}\n\n#sdkPopup .popupBody .activity .field-bordered {\n border: 1px solid #696969;\n padding: 12px 15px;\n margin-bottom: 20px;\n border-radius: 6px;\n}\n\n#sdkPopup .popupBody .activity .savedCard {\n display: flex;\n align-items: center;\n position: relative;\n background: #fff;\n padding: 15px;\n border-radius: 8px;\n border: 1px solid #696969;\n margin: 10px 0px;\n}\n\n#sdkPopup .popupBody .activity .savedCard .cardInfo .text-dark {\n font-size: 0.9rem;\n line-height: 1.2rem;\n}\n\n#sdkPopup .popupBody .activity .savedCard .cardInfo .cvv {\n background: #D9D9D9;\n padding: 12px 16px;\n border: 1px solid #696969;\n font-family: "Satoshi-Medium", sans-serif;\n font-size: 0.9rem;\n border-radius: 0px;\n max-width: 100px;\n color: #000000;\n margin: 1rem 0;\n}\n\n#sdkPopup .popupBody .activity .savedCard .delete {\n position: absolute;\n top: 20px;\n right: 20px;\n background: transparent;\n}\n\n#sdkPopup .popupBody .paymentInProgress h2 {\n margin-top: 4rem;\n margin-bottom: 0.5rem;\n}\n\n#sdkPopup .popupBody .paymentInProgress p {\n margin-bottom: 2rem;\n}\n\n#sdkPopup .popupBody .paymentInProgress .timer {\n padding: 9px 18px;\n border-radius: 9px;\n background: #ff5523;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n margin: 1rem auto;\n font-weight: 600;\n color: #fff;\n}\n\n#sdkPopup .popupBody .paymentInProgress .timer img {\n margin-right: 10px;\n}\n\n#sdkPopup .popupBody .paymentInProgress .timer span {\n padding: 0px 2px;\n}\n\n#sdkPopup .popupBody .methods .payMethods {\n width: -webkit-max-content;\n width: -moz-max-content;\n width: 95%;\n justify-content: space-between;\n margin: 20px auto;\n padding: 10px 0px 20px 0px;\n padding-top: 0px;\n border-bottom: 1px solid #EBEAEB;\n /* overflow-x: scroll;\n height: 100px;\n display: flex;\n align-items: flex-start;\n justify-content: space-between; */\n}\n\n#sdkPopup .popupBody .methods .payMethods::-webkit-scrollbar {\n height: 2px;\n}\n\n#sdkPopup .popupBody .methods .payMethods::-webkit-scrollbar-track {\n background: #eee;\n /* border-radius: 1px; */\n}\n\n#sdkPopup .popupBody .methods .payMethods::-webkit-scrollbar-thumb {\n background: #1A68CD;\n}\n\n#sdkPopup .popupBody .methods .payMethods::-webkit-scrollbar-thumb:hover {\n background: #2196F3;\n}\n\n@-webkit-keyframes internal {\n 0% {\n stroke-dashoffset: 187;\n }\n\n 25% {\n stroke-dashoffset: 80;\n }\n\n 100% {\n stroke-dashoffset: 187;\n transform: rotate(360deg);\n }\n}\n\n@keyframes internal {\n 0% {\n stroke-dashoffset: 187;\n }\n\n 25% {\n stroke-dashoffset: 80;\n }\n\n 100% {\n stroke-dashoffset: 187;\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes external {\n 0% {\n stroke-dashoffset: 312;\n transform: rotate(70deg);\n }\n\n 60% {\n stroke-dashoffset: -312;\n }\n\n 100% {\n stroke-dashoffset: -312;\n transform: rotate(450deg);\n }\n}\n\n@keyframes external {\n 0% {\n stroke-dashoffset: 312;\n transform: rotate(70deg);\n }\n\n 60% {\n stroke-dashoffset: -312;\n }\n\n 100% {\n stroke-dashoffset: -312;\n transform: rotate(450deg);\n }\n}\n\n@-webkit-keyframes bgcolors {\n 0% {\n background: #1a87c5;\n }\n\n 25% {\n background: #c51a3a;\n }\n\n 50% {\n background: #e6d121;\n }\n\n 75% {\n background: #22cf76;\n }\n\n 100% {\n background: #1a87c5;\n }\n}\n\n@keyframes bgcolors {\n 0% {\n background: #1a87c5;\n }\n\n 25% {\n background: #c51a3a;\n }\n\n 50% {\n background: #e6d121;\n }\n\n 75% {\n background: #22cf76;\n }\n\n 100% {\n background: #1a87c5;\n }\n}\n\n#sdkPopup #overlayContent {\n position: absolute;\n z-index: 111111111;\n top: 80px;\n}\n\n#sdkPopup #overlayContent::before {\n display: block;\n content: "";\n position: absolute;\n height: 1500px;\n width: 104%;\n background: rgba(0, 0, 0, 0.7);\n -webkit-backdrop-filter: blur(8px);\n backdrop-filter: blur(8px);\n border: none;\n top: -60%;\n left: 0;\n z-index: -1;\n overflow: scroll;\n}\n\n#pg-sdk .credit-card__header {\n margin-bottom: 20px;\n display: grid;\n grid-template-columns: auto auto;\n /* border: 1px solid rgba(27, 42, 59, 0.1); */\n}\n\n#pg-sdk .credit-card__header span {\n padding: 10px 0;\n display: inline-block;\n cursor: pointer;\n text-align: center;\n transition: all 0.3s ease-in;\n border: 1px solid rgba(27, 42, 59, 0.1);\n\n /* border-bottom: 3px solid transparent !important; */\n /* border: 1px solid rgba(27, 42, 59, 0.1); */\n}\n\n#pg-sdk .credit-card__header .border-bottom {\n border-bottom: 5px solid rgb(78, 224, 78) !important;\n}\n\n#sdkPopup #overlayContent::before::-webkit-scrollbar {\n width: 1px;\n height: auto;\n background: transparent;\n}\n\n#sdkPopup #greenLoader {\n border: 8px solid transparent;\n /* Light grey */\n border-top: 8px solid #4BB543;\n /* Blue */\n border-radius: 50%;\n width: 120px;\n height: 120px;\n -webkit-animation: spin 2s linear infinite;\n animation: spin 2s linear infinite;\n margin: 80px auto;\n}\n\n@-webkit-keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n#pg-sdk .popupOverlay::-webkit-scrollbar {\n width: 1px;\n height: auto;\n background: transparent;\n}\n\n#pg-sdk .modal-content {\n border: none !important;\n}\n\n#pg-sdk a {\n cursor: pointer;\n}\n\n#pg-sdk .cursor-pointer {\n cursor: pointer;\n}\n\n#pg-sdk .modal-dialog {\n margin-top: 0px !important;\n}\n\n#pg-sdk .modal-body {\n /* padding-top: 8px !important; */\n}\n\n\n#sdkPopup .popupBody .credits .flex-center p {\n color: #1D1C1D;\n font-weight: 500;\n font-size: 12px;\n margin-left: 10px;\n}\n\n#sdkPopup .popupBody .credits p.text-center {\n font-size: 14px;\n}\n\n#sdkPopup .popupBody .credits p.text-center a {\n font-weight: 600;\n}\n\n#sdkPopup .popupBody .credits .partners {\n margin-bottom: 20px;\n}\n\n#sdkPopup .popupBody .credits .partners img {\n -o-object-fit: contain;\n object-fit: contain;\n margin-top: 10px;\n}\n\n#sdkPopup .popupBody .credits .clientlogo {\n margin: 1rem .25rem;\n}\n\n#pg-sdk .partner-logo {\n margin-left: 40px;\n}\n\n#pg-sdk .close {\n position: absolute;\n right: 14px;\n top: 21px;\n width: 32px;\n height: 32px;\n opacity: 0.3;\n}\n\n#pg-sdk .close:hover {\n opacity: 1;\n}\n\n#pg-sdk .close:before,\n#pg-sdk .close:after {\n position: absolute;\n left: 15px;\n content: \' \';\n height: 14px;\n width: 2px;\n background-color: #333;\n}\n\n#pg-sdk .close:before {\n transform: rotate(45deg);\n}\n\n#pg-sdk .close:after {\n transform: rotate(-45deg);\n}\n\n#pg-sdk .mt-16 {\n margin-top: 16px;\n}',""]),module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js?!./src/sabpaisa-css-utils-classes-version-five.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@charset \"UTF-8\";\n.sabpaisa-css-utils-classes-version-five {\n /*!\n * Bootstrap v5.2.3 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n /* rtl:raw:\n [type=\"tel\"],\n [type=\"url\"],\n [type=\"email\"],\n [type=\"number\"] {\n direction: ltr;\n }\n */\n /* rtl:begin:ignore */\n /* rtl:end:ignore */\n /* rtl:begin:ignore */\n /* rtl:end:ignore */\n /* rtl:begin:ignore */\n /* rtl:end:ignore */\n /* rtl:begin:ignore */\n /* rtl:end:ignore */\n /* rtl:options: {\n \"autoRename\": true,\n \"stringMap\":[ {\n \"name\" : \"prev-next\",\n \"search\" : \"prev\",\n \"replace\" : \"next\"\n } ]\n } */\n /* rtl:begin:remove */\n /* rtl:end:remove */\n}\n.sabpaisa-css-utils-classes-version-five :root {\n --bs-blue: #0d6efd;\n --bs-indigo: #6610f2;\n --bs-purple: #6f42c1;\n --bs-pink: #d63384;\n --bs-red: #dc3545;\n --bs-orange: #fd7e14;\n --bs-yellow: #ffc107;\n --bs-green: #198754;\n --bs-teal: #20c997;\n --bs-cyan: #0dcaf0;\n --bs-black: #000;\n --bs-white: #fff;\n --bs-gray: #6c757d;\n --bs-gray-dark: #343a40;\n --bs-gray-100: #f8f9fa;\n --bs-gray-200: #e9ecef;\n --bs-gray-300: #dee2e6;\n --bs-gray-400: #ced4da;\n --bs-gray-500: #adb5bd;\n --bs-gray-600: #6c757d;\n --bs-gray-700: #495057;\n --bs-gray-800: #343a40;\n --bs-gray-900: #212529;\n --bs-primary: #0d6efd;\n --bs-secondary: #6c757d;\n --bs-success: #198754;\n --bs-info: #0dcaf0;\n --bs-warning: #ffc107;\n --bs-danger: #dc3545;\n --bs-light: #f8f9fa;\n --bs-dark: #212529;\n --bs-primary-rgb: 13, 110, 253;\n --bs-secondary-rgb: 108, 117, 125;\n --bs-success-rgb: 25, 135, 84;\n --bs-info-rgb: 13, 202, 240;\n --bs-warning-rgb: 255, 193, 7;\n --bs-danger-rgb: 220, 53, 69;\n --bs-light-rgb: 248, 249, 250;\n --bs-dark-rgb: 33, 37, 41;\n --bs-white-rgb: 255, 255, 255;\n --bs-black-rgb: 0, 0, 0;\n --bs-body-color-rgb: 33, 37, 41;\n --bs-body-bg-rgb: 255, 255, 255;\n --bs-font-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));\n --bs-body-font-family: var(--bs-font-sans-serif);\n --bs-body-font-size: 1rem;\n --bs-body-font-weight: 400;\n --bs-body-line-height: 1.5;\n --bs-body-color: #212529;\n --bs-body-bg: #fff;\n --bs-border-width: 1px;\n --bs-border-style: solid;\n --bs-border-color: #dee2e6;\n --bs-border-color-translucent: rgba(0, 0, 0, 0.175);\n --bs-border-radius: 0.375rem;\n --bs-border-radius-sm: 0.25rem;\n --bs-border-radius-lg: 0.5rem;\n --bs-border-radius-xl: 1rem;\n --bs-border-radius-2xl: 2rem;\n --bs-border-radius-pill: 50rem;\n --bs-link-color: #0d6efd;\n --bs-link-hover-color: #0a58ca;\n --bs-code-color: #d63384;\n --bs-highlight-bg: #fff3cd;\n}\n.sabpaisa-css-utils-classes-version-five *,\n.sabpaisa-css-utils-classes-version-five *::before,\n.sabpaisa-css-utils-classes-version-five *::after {\n box-sizing: border-box;\n}\n@media (prefers-reduced-motion: no-preference) {\n .sabpaisa-css-utils-classes-version-five :root {\n scroll-behavior: smooth;\n }\n}\n.sabpaisa-css-utils-classes-version-five body {\n margin: 0;\n font-family: var(--bs-body-font-family);\n font-size: var(--bs-body-font-size);\n font-weight: var(--bs-body-font-weight);\n line-height: var(--bs-body-line-height);\n color: var(--bs-body-color);\n text-align: var(--bs-body-text-align);\n background-color: var(--bs-body-bg);\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.sabpaisa-css-utils-classes-version-five hr {\n margin: 1rem 0;\n color: inherit;\n border: 0;\n border-top: 1px solid;\n opacity: 0.25;\n}\n\n.sabpaisa-css-utils-classes-version-five h1, .sabpaisa-css-utils-classes-version-five .h1 {\n font-size: calc(1.375rem + 1.5vw);\n}\n@media (min-width: 1200px) {\n .sabpaisa-css-utils-classes-version-five h1, .sabpaisa-css-utils-classes-version-five .h1 {\n font-size: 2.5rem;\n }\n}\n\n\n\n\n\n.sabpaisa-css-utils-classes-version-five abbr[title] {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n cursor: help;\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n}\n.sabpaisa-css-utils-classes-version-five address {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n.sabpaisa-css-utils-classes-version-five ol,\n.sabpaisa-css-utils-classes-version-five ul {\n padding-left: 2rem;\n}\n.sabpaisa-css-utils-classes-version-five ol,\n.sabpaisa-css-utils-classes-version-five ul,\n.sabpaisa-css-utils-classes-version-five dl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n.sabpaisa-css-utils-classes-version-five ol ol,\n.sabpaisa-css-utils-classes-version-five ul ul,\n.sabpaisa-css-utils-classes-version-five ol ul,\n.sabpaisa-css-utils-classes-version-five ul ol {\n margin-bottom: 0;\n}\n.sabpaisa-css-utils-classes-version-five dt {\n font-weight: 700;\n}\n.sabpaisa-css-utils-classes-version-five dd {\n margin-bottom: 0.5rem;\n margin-left: 0;\n}\n.sabpaisa-css-utils-classes-version-five blockquote {\n margin: 0 0 1rem;\n}\n.sabpaisa-css-utils-classes-version-five b,\n.sabpaisa-css-utils-classes-version-five strong {\n font-weight: bolder;\n}\n.sabpaisa-css-utils-classes-version-five small, .sabpaisa-css-utils-classes-version-five .small {\n font-size: 0.875em;\n}\n.sabpaisa-css-utils-classes-version-five mark, .sabpaisa-css-utils-classes-version-five .mark {\n padding: 0.1875em;\n background-color: var(--bs-highlight-bg);\n}\n.sabpaisa-css-utils-classes-version-five sub,\n.sabpaisa-css-utils-classes-version-five sup {\n position: relative;\n font-size: 0.75em;\n line-height: 0;\n vertical-align: baseline;\n}\n.sabpaisa-css-utils-classes-version-five sub {\n bottom: -0.25em;\n}\n.sabpaisa-css-utils-classes-version-five sup {\n top: -0.5em;\n}\n.sabpaisa-css-utils-classes-version-five a {\n color: var(--bs-link-color);\n text-decoration: underline;\n}\n.sabpaisa-css-utils-classes-version-five a:hover {\n color: var(--bs-link-hover-color);\n}\n.sabpaisa-css-utils-classes-version-five a:not([href]):not([class]), .sabpaisa-css-utils-classes-version-five a:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n.sabpaisa-css-utils-classes-version-five pre,\n.sabpaisa-css-utils-classes-version-five code,\n.sabpaisa-css-utils-classes-version-five kbd,\n.sabpaisa-css-utils-classes-version-five samp {\n font-family: var(--bs-font-monospace);\n font-size: 1em;\n}\n.sabpaisa-css-utils-classes-version-five pre {\n display: block;\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n font-size: 0.875em;\n}\n.sabpaisa-css-utils-classes-version-five pre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n.sabpaisa-css-utils-classes-version-five code {\n font-size: 0.875em;\n color: var(--bs-code-color);\n word-wrap: break-word;\n}\na > .sabpaisa-css-utils-classes-version-five code {\n color: inherit;\n}\n.sabpaisa-css-utils-classes-version-five kbd {\n padding: 0.1875rem 0.375rem;\n font-size: 0.875em;\n color: var(--bs-body-bg);\n background-color: var(--bs-body-color);\n border-radius: 0.25rem;\n}\n.sabpaisa-css-utils-classes-version-five kbd kbd {\n padding: 0;\n font-size: 1em;\n}\n.sabpaisa-css-utils-classes-version-five figure {\n margin: 0 0 1rem;\n}\n.sabpaisa-css-utils-classes-version-five img,\n.sabpaisa-css-utils-classes-version-five svg {\n vertical-align: middle;\n}\n.sabpaisa-css-utils-classes-version-five table {\n caption-side: bottom;\n border-collapse: collapse;\n}\n.sabpaisa-css-utils-classes-version-five caption {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n color: #6c757d;\n text-align: left;\n}\n.sabpaisa-css-utils-classes-version-five th {\n text-align: inherit;\n text-align: -webkit-match-parent;\n}\n.sabpaisa-css-utils-classes-version-five thead,\n.sabpaisa-css-utils-classes-version-five tbody,\n.sabpaisa-css-utils-classes-version-five tfoot,\n.sabpaisa-css-utils-classes-version-five tr,\n.sabpaisa-css-utils-classes-version-five td,\n.sabpaisa-css-utils-classes-version-five th {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n.sabpaisa-css-utils-classes-version-five label {\n display: inline-block;\n}\n.sabpaisa-css-utils-classes-version-five button {\n border-radius: 0;\n}\n.sabpaisa-css-utils-classes-version-five button:focus:not(:focus-visible) {\n outline: 0;\n}\n.sabpaisa-css-utils-classes-version-five input,\n.sabpaisa-css-utils-classes-version-five button,\n.sabpaisa-css-utils-classes-version-five select,\n.sabpaisa-css-utils-classes-version-five optgroup,\n.sabpaisa-css-utils-classes-version-five textarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n.sabpaisa-css-utils-classes-version-five button,\n.sabpaisa-css-utils-classes-version-five select {\n text-transform: none;\n}\n.sabpaisa-css-utils-classes-version-five [role=button] {\n cursor: pointer;\n}\n.sabpaisa-css-utils-classes-version-five select {\n word-wrap: normal;\n}\n.sabpaisa-css-utils-classes-version-five select:disabled {\n opacity: 1;\n}\n.sabpaisa-css-utils-classes-version-five [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n.sabpaisa-css-utils-classes-version-five button,\n.sabpaisa-css-utils-classes-version-five [type=button],\n.sabpaisa-css-utils-classes-version-five [type=reset],\n.sabpaisa-css-utils-classes-version-five [type=submit] {\n -webkit-appearance: button;\n}\n.sabpaisa-css-utils-classes-version-five button:not(:disabled),\n.sabpaisa-css-utils-classes-version-five [type=button]:not(:disabled),\n.sabpaisa-css-utils-classes-version-five [type=reset]:not(:disabled),\n.sabpaisa-css-utils-classes-version-five [type=submit]:not(:disabled) {\n cursor: pointer;\n}\n.sabpaisa-css-utils-classes-version-five ::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n.sabpaisa-css-utils-classes-version-five textarea {\n resize: vertical;\n}\n.sabpaisa-css-utils-classes-version-five fieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n.sabpaisa-css-utils-classes-version-five legend {\n float: left;\n width: 100%;\n padding: 0;\n margin-bottom: 0.5rem;\n font-size: calc(1.275rem + 0.3vw);\n line-height: inherit;\n}\n@media (min-width: 1200px) {\n .sabpaisa-css-utils-classes-version-five legend {\n font-size: 1.5rem;\n }\n}\n.sabpaisa-css-utils-classes-version-five legend + * {\n clear: left;\n}\n.sabpaisa-css-utils-classes-version-five ::-webkit-datetime-edit-fields-wrapper,\n.sabpaisa-css-utils-classes-version-five ::-webkit-datetime-edit-text,\n.sabpaisa-css-utils-classes-version-five ::-webkit-datetime-edit-minute,\n.sabpaisa-css-utils-classes-version-five ::-webkit-datetime-edit-hour-field,\n.sabpaisa-css-utils-classes-version-five ::-webkit-datetime-edit-day-field,\n.sabpaisa-css-utils-classes-version-five ::-webkit-datetime-edit-month-field,\n.sabpaisa-css-utils-classes-version-five ::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n.sabpaisa-css-utils-classes-version-five ::-webkit-inner-spin-button {\n height: auto;\n}\n.sabpaisa-css-utils-classes-version-five [type=search] {\n outline-offset: -2px;\n -webkit-appearance: textfield;\n}\n.sabpaisa-css-utils-classes-version-five ::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n.sabpaisa-css-utils-classes-version-five ::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n.sabpaisa-css-utils-classes-version-five ::file-selector-button {\n font: inherit;\n -webkit-appearance: button;\n}\n.sabpaisa-css-utils-classes-version-five output {\n display: inline-block;\n}\n.sabpaisa-css-utils-classes-version-five iframe {\n border: 0;\n}\n.sabpaisa-css-utils-classes-version-five summary {\n display: list-item;\n cursor: pointer;\n}\n.sabpaisa-css-utils-classes-version-five progress {\n vertical-align: baseline;\n}\n.sabpaisa-css-utils-classes-version-five [hidden] {\n display: none !important;\n}\n.sabpaisa-css-utils-classes-version-five .lead {\n font-size: 1.25rem;\n font-weight: 300;\n}\n.sabpaisa-css-utils-classes-version-five .display-1 {\n font-size: calc(1.625rem + 4.5vw);\n font-weight: 300;\n line-height: 1.2;\n}\n@media (min-width: 1200px) {\n .sabpaisa-css-utils-classes-version-five .display-1 {\n font-size: 5rem;\n }\n}\n.sabpaisa-css-utils-classes-version-five .display-2 {\n font-size: calc(1.575rem + 3.9vw);\n font-weight: 300;\n line-height: 1.2;\n}\n@media (min-width: 1200px) {\n .sabpaisa-css-utils-classes-version-five .display-2 {\n font-size: 4.5rem;\n }\n}\n.sabpaisa-css-utils-classes-version-five .display-3 {\n font-size: calc(1.525rem + 3.3vw);\n font-weight: 300;\n line-height: 1.2;\n}\n@media (min-width: 1200px) {\n .sabpaisa-css-utils-classes-version-five .display-3 {\n font-size: 4rem;\n }\n}\n.sabpaisa-css-utils-classes-version-five .display-4 {\n font-size: calc(1.475rem + 2.7vw);\n font-weight: 300;\n line-height: 1.2;\n}\n@media (min-width: 1200px) {\n .sabpaisa-css-utils-classes-version-five .display-4 {\n font-size: 3.5rem;\n }\n}\n.sabpaisa-css-utils-classes-version-five .display-5 {\n font-size: calc(1.425rem + 2.1vw);\n font-weight: 300;\n line-height: 1.2;\n}\n@media (min-width: 1200px) {\n .sabpaisa-css-utils-classes-version-five .display-5 {\n font-size: 3rem;\n }\n}\n.sabpaisa-css-utils-classes-version-five .display-6 {\n font-size: calc(1.375rem + 1.5vw);\n font-weight: 300;\n line-height: 1.2;\n}\n@media (min-width: 1200px) {\n .sabpaisa-css-utils-classes-version-five .display-6 {\n font-size: 2.5rem;\n }\n}\n.sabpaisa-css-utils-classes-version-five .list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n.sabpaisa-css-utils-classes-version-five .list-inline {\n padding-left: 0;\n list-style: none;\n}\n.sabpaisa-css-utils-classes-version-five .list-inline-item {\n display: inline-block;\n}\n.sabpaisa-css-utils-classes-version-five .list-inline-item:not(:last-child) {\n margin-right: 0.5rem;\n}\n.sabpaisa-css-utils-classes-version-five .initialism {\n font-size: 0.875em;\n text-transform: uppercase;\n}\n.sabpaisa-css-utils-classes-version-five .blockquote {\n margin-bottom: 1rem;\n font-size: 1.25rem;\n}\n.sabpaisa-css-utils-classes-version-five .blockquote > :last-child {\n margin-bottom: 0;\n}\n.sabpaisa-css-utils-classes-version-five .blockquote-footer {\n margin-top: -1rem;\n margin-bottom: 1rem;\n font-size: 0.875em;\n color: #6c757d;\n}\n.sabpaisa-css-utils-classes-version-five .blockquote-footer::before {\n content: \"— \";\n}\n.sabpaisa-css-utils-classes-version-five .img-fluid {\n max-width: 100%;\n height: auto;\n}\n.sabpaisa-css-utils-classes-version-five .img-thumbnail {\n padding: 0.25rem;\n background-color: #fff;\n border: 1px solid var(--bs-border-color);\n border-radius: 0.375rem;\n max-width: 100%;\n height: auto;\n}\n.sabpaisa-css-utils-classes-version-five .figure {\n display: inline-block;\n}\n.sabpaisa-css-utils-classes-version-five .figure-img {\n margin-bottom: 0.5rem;\n line-height: 1;\n}\n.sabpaisa-css-utils-classes-version-five .figure-caption {\n font-size: 0.875em;\n color: #6c757d;\n}\n.sabpaisa-css-utils-classes-version-five .container,\n.sabpaisa-css-utils-classes-version-five .container-fluid,\n.sabpaisa-css-utils-classes-version-five .container-xxl,\n.sabpaisa-css-utils-classes-version-five .container-xl,\n.sabpaisa-css-utils-classes-version-five .container-lg,\n.sabpaisa-css-utils-classes-version-five .container-md,\n.sabpaisa-css-uti