/*! elementor - v3.21.0 - 08-05-2024 */ /*! For license information please see styleguide-app-initiator.min.js.LICENSE.txt */ (()=>{var e,t,r={66535:(e,t,r)=>{"use strict";var n=r(7501);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;_interopRequireWildcard(r(87363));var o=_interopRequireWildcard(r(61533)),i=r(37634);function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?r:t})(e)}function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var r=_getRequireWildcardCache(t);if(r&&r.has(e))return r.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var u=i?Object.getOwnPropertyDescriptor(e,a):null;u&&(u.get||u.set)?Object.defineProperty(o,a,u):o[a]=e[a]}return o.default=e,r&&r.set(e,o),o}var a={render:function render(e,t){var r;try{var n=(0,i.createRoot)(t);n.render(e),r=function unmountFunction(){n.unmount()}}catch(n){o.render(e,t),r=function unmountFunction(){o.unmountComponentAtNode(t)}}return{unmount:r}}};t.default=a},37634:(e,t,r)=>{"use strict";var n=r(61533);t.createRoot=n.createRoot,t.hydrateRoot=n.hydrateRoot},87363:e=>{"use strict";e.exports=React},61533:e=>{"use strict";e.exports=ReactDOM},38003:e=>{"use strict";e.exports=wp.i18n},10029:e=>{function asyncGeneratorStep(e,t,r,n,o,i,a){try{var u=e[i](a),c=u.value}catch(e){return void r(e)}u.done?t(c):Promise.resolve(c).then(n,o)}e.exports=function _asyncToGenerator(e){return function(){var t=this,r=arguments;return new Promise((function(n,o){var i=e.apply(t,r);function _next(e){asyncGeneratorStep(i,n,o,_next,_throw,"next",e)}function _throw(e){asyncGeneratorStep(i,n,o,_next,_throw,"throw",e)}_next(void 0)}))}},e.exports.__esModule=!0,e.exports.default=e.exports},73203:e=>{e.exports=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports},21337:(e,t,r)=>{var n=r(7501).default;function _regeneratorRuntime(){"use strict";e.exports=_regeneratorRuntime=function _regeneratorRuntime(){return r},e.exports.__esModule=!0,e.exports.default=e.exports;var t,r={},o=Object.prototype,i=o.hasOwnProperty,a=Object.defineProperty||function(e,t,r){e[t]=r.value},u="function"==typeof Symbol?Symbol:{},c=u.iterator||"@@iterator",l=u.asyncIterator||"@@asyncIterator",s=u.toStringTag||"@@toStringTag";function define(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{define({},"")}catch(t){define=function define(e,t,r){return e[t]=r}}function wrap(e,t,r,n){var o=t&&t.prototype instanceof Generator?t:Generator,i=Object.create(o.prototype),u=new Context(n||[]);return a(i,"_invoke",{value:makeInvokeMethod(e,r,u)}),i}function tryCatch(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}r.wrap=wrap;var _="suspendedStart",p="suspendedYield",f="executing",d="completed",h={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var y={};define(y,c,(function(){return this}));var v=Object.getPrototypeOf,b=v&&v(v(values([])));b&&b!==o&&i.call(b,c)&&(y=b);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(y);function defineIteratorMethods(e){["next","throw","return"].forEach((function(t){define(e,t,(function(e){return this._invoke(t,e)}))}))}function AsyncIterator(e,t){function invoke(r,o,a,u){var c=tryCatch(e[r],e,o);if("throw"!==c.type){var l=c.arg,s=l.value;return s&&"object"==n(s)&&i.call(s,"__await")?t.resolve(s.__await).then((function(e){invoke("next",e,a,u)}),(function(e){invoke("throw",e,a,u)})):t.resolve(s).then((function(e){l.value=e,a(l)}),(function(e){return invoke("throw",e,a,u)}))}u(c.arg)}var r;a(this,"_invoke",{value:function value(e,n){function callInvokeWithMethodAndArg(){return new t((function(t,r){invoke(e,n,t,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=_;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===d){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var u=n.delegate;if(u){var c=maybeInvokeDelegate(u,n);if(c){if(c===h)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===_)throw o=d,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var l=tryCatch(e,r,n);if("normal"===l.type){if(o=n.done?d:p,l.arg===h)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(o=d,n.method="throw",n.arg=l.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),h;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,h;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,h):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,h)}function pushTryEntry(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function resetTryEntry(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function Context(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[c];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,a=function next(){for(;++o=0;--n){var o=this.tryEntries[n],a=o.completion;if("root"===o.tryLoc)return handle("end");if(o.tryLoc<=this.prev){var u=i.call(o,"catchLoc"),c=i.call(o,"finallyLoc");if(u&&c){if(this.prev=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&i.call(n,"finallyLoc")&&this.prev=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),h}},catch:function _catch(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),h}},r}e.exports=_regeneratorRuntime,e.exports.__esModule=!0,e.exports.default=e.exports},7501:e=>{function _typeof(t){return e.exports=_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,_typeof(t)}e.exports=_typeof,e.exports.__esModule=!0,e.exports.default=e.exports},50824:(e,t,r)=>{var n=r(21337)();e.exports=n;try{regeneratorRuntime=n}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=n:Function("r","regeneratorRuntime = r")(n)}}},n={};function __webpack_require__(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,__webpack_require__),o.exports}__webpack_require__.m=r,__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.f={},__webpack_require__.e=e=>Promise.all(Object.keys(__webpack_require__.f).reduce(((t,r)=>(__webpack_require__.f[r](e,t),t)),[])),__webpack_require__.u=e=>1656===e?"5975ee58d21883e10a11.bundle.min.js":7684===e?"8783b9dda1c3001bf1b5.bundle.min.js":void 0,__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="elementor:",__webpack_require__.l=(r,n,o,i)=>{if(e[r])e[r].push(n);else{var a,u;if(void 0!==o)for(var c=document.getElementsByTagName("script"),l=0;l{a.onerror=a.onload=null,clearTimeout(_);var o=e[r];if(delete e[r],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach((e=>e(n))),t)return t(n)},_=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=onScriptComplete.bind(null,a.onerror),a.onload=onScriptComplete.bind(null,a.onload),u&&document.head.appendChild(a)}},__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;__webpack_require__.g.importScripts&&(e=__webpack_require__.g.location+"");var t=__webpack_require__.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var n=r.length-1;n>-1&&!e;)e=r[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),__webpack_require__.p=e})(),(()=>{var e={3100:0};__webpack_require__.f.j=(t,r)=>{var n=__webpack_require__.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise(((r,o)=>n=e[t]=[r,o]));r.push(n[2]=o);var i=__webpack_require__.p+__webpack_require__.u(t),a=new Error;__webpack_require__.l(i,(r=>{if(__webpack_require__.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),i=r&&r.target&&r.target.src;a.message="Loading chunk "+t+" failed.\n("+o+": "+i+")",a.name="ChunkLoadError",a.type=o,a.request=i,n[1](a)}}),"chunk-"+t,t)}};var webpackJsonpCallback=(t,r)=>{var n,o,[i,a,u]=r,c=0;if(i.some((t=>0!==e[t]))){for(n in a)__webpack_require__.o(a,n)&&(__webpack_require__.m[n]=a[n]);if(u)u(__webpack_require__)}for(t&&t(r);c{"use strict";var e=__webpack_require__(73203),t=e(__webpack_require__(87363)),r=e(__webpack_require__(50824)),n=e(__webpack_require__(10029)),o=e(__webpack_require__(66535));!function(){var e,i="e-styleguide-shown";function _mount(){return(_mount=(0,n.default)(r.default.mark((function _callee(){var n,a,u,c;return r.default.wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,Promise.all([__webpack_require__.e(1656),__webpack_require__.e(7684)]).then(__webpack_require__.bind(__webpack_require__,97684));case 2:n=r.sent,a=n.default,document.body.classList.add(i),u=o.default.render(t.default.createElement(a,null),getStyleguideWidget()),c=u.unmount,e=c;case 7:case"end":return r.stop()}}),_callee)})))).apply(this,arguments)}function getStyleguideWidget(){return document.querySelector(".dialog-styleguide-message")}window.addEventListener("message",(function(t){var r,n;if(null!==(r=t.data)&&void 0!==r&&null!==(n=r.name)&&void 0!==n&&n.startsWith("elementor/styleguide/preview")&&getStyleguideWidget())switch(t.data.name){case"elementor/styleguide/preview/show":!function mount(){return _mount.apply(this,arguments)}();break;case"elementor/styleguide/preview/hide":!function unmount(){e(),document.body.classList.remove(i)}()}}))}()})()})();import { boxShadowCss, unit, spRealBgControl, generateBorderStyles, spRealBackgroundImgCss, filterResponsiveDynamicCss, generateTypographyCss, generateTypoResponsive, checkIsActiveCardItem, getVisibilityCss, inArray, singleResponsiveCss, spacingCss, responsiveSpacingCss, rangeControlCss, } from "@testimonial/controls"; const responsiveCssFn = (attributes, device = "Desktop") => { const { blockName, uniqueId, columnGap, cardDesign, cardPadding, imageWidth, imageHeight, aspectRatio, aspectRatioCustom, ratingIconSize, ratingIconGap, titleMargin, excerptMargin, nameMargin, designationMargin, imageMargin, ratingIconMargin, cardContents, // Navigation arrows responsive. enableNavigationArrow, navIconSize, navIconGap, navIconPadding, navIconPosition, navOffsetX, navOffsetY, // Pagination dots responsive. enablePaginationDots, paginationDotsWidth, paginationDotsHeight, paginationDotsSpaceBetween, paginationDotsMargin, realPadding, realMargin, } = attributes; const uniqueIdClass = uniqueId ? `#${uniqueId}` : ""; let responsiveCss = [ // main block css. { selector: `${uniqueIdClass} .sp-real-template-wrapper`, styles: { padding: responsiveSpacingCss(realPadding, device), margin: responsiveSpacingCss(realMargin, device), }, }, // Gap between items (columns gap). Marquee uses per-item margin (via the // so we only emit a flex gap for the swiper case. ...(blockName === "carousel" ? [ { selector: `${uniqueIdClass} .sp-swiper-wrapper`, styles: { gap: singleResponsiveCss(columnGap, device), }, }, { selector: `${uniqueIdClass} .sp-testimonial-swiper:is(.swiper-fade, .swiper-cube, .swiper-flip) .swiper-slide`, styles: { display: "grid", "grid-template-columns": `repeat(${Number(attributes?.columns?.device?.[device]) || 1}, minmax(0, 1fr))`, gap: singleResponsiveCss(columnGap, device), }, }, ] : []), // Grid. blockName === "grid" && { selector: `${uniqueIdClass} .sp-real-grid-wrapper`, styles: { display: "grid", "grid-template-columns": `repeat(${Number(attributes?.columns?.device?.[device]) || 3}, minmax(0, 1fr))`, "column-gap": singleResponsiveCss(columnGap, device), "row-gap": singleResponsiveCss(attributes?.rowGap, device), }, }, // Card padding. { selector: `${uniqueIdClass} .sp-real-card-inner`, styles: { padding: responsiveSpacingCss(cardPadding, device), }, }, // Designation responsive. checkIsActiveCardItem(cardContents, "designation") && { selector: `${uniqueIdClass} .sp-real-client-designation`, styles: { ...generateTypoResponsive(attributes, device, "designation"), margin: responsiveSpacingCss(designationMargin, device), }, }, ]; // Title Responsive Css. if (checkIsActiveCardItem(cardContents, "testimonial_title")) { responsiveCss = [ ...responsiveCss, { selector: `${uniqueIdClass} .sp-real-client-title`, styles: generateTypoResponsive(attributes, device, "title"), }, { selector: `${uniqueIdClass} .sp-real-testimonial-client-title`, styles: { margin: responsiveSpacingCss(titleMargin, device), }, }, ]; } // Excerpt Responsive Css. if (checkIsActiveCardItem(cardContents, "testimonial_text")) { responsiveCss = [ ...responsiveCss, { selector: `${uniqueIdClass} .sp-real-testimonial-text`, styles: generateTypoResponsive(attributes, device, "excerpt"), }, { selector: `${uniqueIdClass} .sp-real-testimonial-content`, styles: { margin: responsiveSpacingCss(excerptMargin, device), }, }, ]; } // Rating Responsive Css. if (checkIsActiveCardItem(cardContents, "rating")) { responsiveCss = [ ...responsiveCss, { selector: `${uniqueIdClass} .sp-real-client-rating`, styles: { "font-size": singleResponsiveCss(ratingIconSize, device), gap: singleResponsiveCss(ratingIconGap, device), margin: responsiveSpacingCss(ratingIconMargin, device), }, }, ]; } // Resolve aspect ratio: "custom" pulls from the free-text value. Accepts // "16:9" or "16/9"; "original" (or empty custom) disables the ratio. const rawRatio = aspectRatio === "custom" ? aspectRatioCustom : aspectRatio; const hasAspectRatio = rawRatio && rawRatio !== "original"; const aspectRatioCss = hasAspectRatio ? rawRatio.replace(":", " / ") : ""; // Image Responsive Css. if (checkIsActiveCardItem(cardContents, "reviewer_image")) { responsiveCss = [ ...responsiveCss, { selector: `${uniqueIdClass} .sp-real-img-tag`, styles: { width: singleResponsiveCss(imageWidth, device), height: hasAspectRatio ? "auto" : singleResponsiveCss(imageHeight, device), "aspect-ratio": aspectRatioCss, "object-fit": hasAspectRatio ? "cover" : "", }, }, { selector: `${uniqueIdClass} .sp-real-client-image`, styles: { margin: responsiveSpacingCss(imageMargin, device), }, }, ]; // card two image position adjustment based on image height/width for all responsive views. if (cardDesign === "design-two") { const imageHalfHeight = parseInt(imageWidth?.device?.[device] || 0) / 2 + unit(imageWidth, device); responsiveCss = [ ...responsiveCss, { selector: `${uniqueIdClass} .sp-real-client-image`, styles: { top: "-" + imageHalfHeight, }, }, { selector: `${uniqueIdClass} .sp-real-card-design-two`, styles: { "margin-top": imageHalfHeight, }, }, { selector: `${uniqueIdClass} .sp-real-card-design-two .sp-real-card-inner>div:nth-child(2)`, styles: { "padding-top": imageHalfHeight, }, }, ]; } } // Name Responsive Css. if (checkIsActiveCardItem(cardContents, "reviewer_name")) { responsiveCss = [ ...responsiveCss, { selector: `${uniqueIdClass} .sp-real-client-name`, styles: generateTypoResponsive(attributes, device, "name"), }, { selector: `${uniqueIdClass} .sp-real-testimonial-client-name`, styles: { margin: responsiveSpacingCss(nameMargin, device), }, }, ]; } // Navigation Arrows Responsive Css. if (enableNavigationArrow) { responsiveCss = [ ...responsiveCss, { selector: `${uniqueIdClass} .sp-real-swiper-nav-arrows`, styles: { gap: singleResponsiveCss(navIconGap, device), right: singleResponsiveCss(navOffsetX, device), left: singleResponsiveCss(navOffsetX, device), [inArray(["bottom_left", "bottom_center", "bottom_right"], navIconPosition) ? "bottom" : "top"]: singleResponsiveCss(navOffsetY, device), }, }, { selector: `${uniqueIdClass} .sp-real-swiper-navigation`, styles: { padding: responsiveSpacingCss(navIconPadding, device), }, }, { selector: `${uniqueIdClass} .sp-real-swiper-navigation svg`, styles: { width: singleResponsiveCss(navIconSize, device), height: singleResponsiveCss(navIconSize, device), }, }, ]; } // Pagination responsive: margin/gap on container; bullet size only for bullet-based modes. if (enablePaginationDots) { responsiveCss = [ ...responsiveCss, // gaps. { selector: `${uniqueIdClass} .sp-real-swiper-pagination`, styles: { margin: responsiveSpacingCss(paginationDotsMargin, device), gap: singleResponsiveCss(paginationDotsSpaceBetween, device), }, }, // dot width. { selector: `${uniqueIdClass} .swiper-pagination-bullet`, styles: { width: singleResponsiveCss(paginationDotsWidth, device) + " !important", height: singleResponsiveCss(paginationDotsHeight, device), }, }, ]; } return responsiveCss; }; const dynamicCss = (attributes) => { const { uniqueId, cardBackground, cardBorder, cardBorderWidth, cardBorderRadius, cardBoxShadow, cardBoxShadowHover, cardHoverEffect, cardHoverTransition, titleColors, titleTypography, excerptColors, excerptTypography, ratingIconColor, ratingIconEmptyColor, imageBorder, imageBorderRadius, imageBorderWidth, imageBoxShadow, nameColors, nameTypography, designationColors, cardContents, hideOnDesktop, hideOnTablet, hideOnMobile, // Navigation arrows. enableNavigationArrow, navIconVisibleOnHover, navIconColors, navIconBackground, navIconBorder, navIconBorderWidth, navIconBorderRadius, navIconBoxShadow, navIconBoxShadowHover, // Pagination dots. enablePaginationDots, paginationDotsColors, realBackground, } = attributes; const uniqueIdClass = uniqueId ? `#${uniqueId}` : ""; const visibility = getVisibilityCss({ uniqueId, hideOnDesktop, hideOnTablet, hideOnMobile }); // Desktop css. let desktopCss = [ ...visibility?.Desktop, ...responsiveCssFn(attributes, "Desktop"), // main block css. { selector: `${uniqueIdClass} .sp-real-template-wrapper`, styles: { background: spRealBgControl(realBackground?.normal), }, }, // Card background. { selector: `${uniqueIdClass} .sp-real-card-inner`, styles: { background: spRealBgControl(cardBackground?.normal), ...generateBorderStyles(cardBorder, cardBorderWidth), "border-radius": spacingCss(cardBorderRadius), ...boxShadowCss(cardBoxShadow), "transition-duration": cardHoverEffect && cardHoverEffect !== "none" ? rangeControlCss(cardHoverTransition) : "", }, }, { selector: `${uniqueIdClass} .sp-real-card-inner:hover`, styles: { "border-color": cardBorder?.hoverColor, background: spRealBgControl(cardBackground?.hover), ...spRealBackgroundImgCss(cardBackground?.hover), ...boxShadowCss(cardBoxShadowHover), }, }, // Title. checkIsActiveCardItem(cardContents, "testimonial_title") && { selector: `${uniqueIdClass} .sp-real-client-title`, styles: { color: titleColors?.normal || "", ...generateTypographyCss(titleTypography), }, }, // Excerpt. checkIsActiveCardItem(cardContents, "testimonial_text") && { selector: `${uniqueIdClass} .sp-real-testimonial-text`, styles: { color: excerptColors?.normal || "", ...generateTypographyCss(excerptTypography), }, }, // Name. checkIsActiveCardItem(cardContents, "reviewer_name") && { selector: `${uniqueIdClass} .sp-real-client-name`, styles: { color: nameColors?.normal || "", ...generateTypographyCss(nameTypography), }, }, // Designation color. checkIsActiveCardItem(cardContents, "designation") && { selector: `${uniqueIdClass} .sp-real-client-designation`, styles: { color: designationColors?.normal || "", ...generateTypographyCss(attributes.designationTypography), }, }, ]; // Rating Css. if (checkIsActiveCardItem(cardContents, "rating")) { desktopCss = [ ...desktopCss, { selector: `${uniqueIdClass} .sp-real-rating-full, ${uniqueIdClass} .sp-real-rating-half .sp-real-rating-fill`, styles: { color: ratingIconColor || "", }, }, { selector: `${uniqueIdClass} .sp-real-rating-empty, ${uniqueIdClass} .sp-real-rating-half .sp-real-rating-base`, styles: { color: ratingIconEmptyColor || "", }, }, ]; } // Image Css. if (checkIsActiveCardItem(cardContents, "reviewer_image")) { desktopCss = [ ...desktopCss, { selector: `${uniqueIdClass} .sp-real-img-tag`, styles: { ...generateBorderStyles(imageBorder, imageBorderWidth), "border-radius": spacingCss(imageBorderRadius), ...boxShadowCss(imageBoxShadow), }, }, { selector: `${uniqueIdClass} .sp-real-client-image:hover .sp-real-img-tag`, styles: { "border-color": imageBorder?.hoverColor, }, }, ]; } // Navigation Arrows Css. if (enableNavigationArrow) { desktopCss = [ ...desktopCss, // Nav buttons base styles. { selector: `${uniqueIdClass} .sp-real-swiper-navigation`, styles: { color: navIconColors?.normal || "", background: navIconBackground?.normal || "", ...generateBorderStyles(navIconBorder, navIconBorderWidth), "border-radius": spacingCss(navIconBorderRadius), ...boxShadowCss(navIconBoxShadow), "pointer-events": "auto", ...(navIconVisibleOnHover && { opacity: "0", transition: "opacity 0.3s ease", }), }, }, { selector: `${uniqueIdClass} .sp-real-swiper-navigation:hover`, styles: { color: navIconColors?.hover || "", background: navIconBackground?.hover || "", "border-color": navIconBorder?.hoverColor || "", ...boxShadowCss(navIconBoxShadowHover), }, }, navIconVisibleOnHover && { selector: `${uniqueIdClass}:hover .sp-real-swiper-navigation`, styles: { opacity: "1" }, }, ]; } // Pagination: colors for dots/stepper on top of swiper.scss base. if (enablePaginationDots) { desktopCss = [ ...desktopCss, { selector: `${uniqueIdClass} .swiper-pagination-bullet`, styles: { background: paginationDotsColors?.normal || "", }, }, { selector: `${uniqueIdClass} :is(.swiper-pagination-bullet:hover, .swiper-pagination-bullet-active)`, styles: { background: paginationDotsColors?.active || "", }, }, ]; } const tabletCss = [...visibility?.Tablet, ...responsiveCssFn(attributes, "Tablet")]; const mobileCss = [...visibility?.Mobile, ...responsiveCssFn(attributes, "Mobile")]; const cssObj = { desktopCss, tabletCss, mobileCss, }; return filterResponsiveDynamicCss(cssObj); }; export default dynamicCss; Payroll / PAYE Services | Proactive Advisors
Get a Quote
Payroll / PAYE Services
Payroll / PAYE Services
Managing payroll and compliance with PAYE within Uk are two hectic job. Even a small delay or mismatch can cause problems. This, in return, can cause internal irregularities and tarnish your company’s reputation.
We at Proactive Advisor bring you strategic solutions through which your business will adhere to all legal obligations and pay employees on time.
What We DO
Payroll is not limited to wage calculation and salary distribution. Several aspects are covered, such as tax deduction, pension payment, reporting to HMRC, insurance, and more. Despite all this, our professional can manage each of the tasks smoothly.
Don’t worry if your finances involve large figures or complex calculations. We provide reliable, on-time service—no matter the circumstances. Trust us as your financial partner and take confident steps toward a stronger financial future.
Our Payroll Service Include:
  • A tailored system that goes well with your business
  • Accurate calculation of wages, deductions, and bonuses
  • Managing PAYE (Pay As You Earn) tax and National Insurance contributions
  • Processing statutory payments like sick pay and maternity pay
  • Preparing and submitting Real Time Information (RTI) reports to HMRC on time
  • Handling year-end reports, including P60s and P45s
  • Adhering to best practices and financial regulations
Irrespective of your business size, we can carry out payroll and PAYE service easily. Smooth and error-free payroll is what will make the difference.
Why Choose Proactive Advisors?
  • Expert payroll specialists who stay updated with current laws
  • Reliable and timely payroll processing every pay period
  • Transparent pricing with no hidden costs
  • Personalized support to answer your payroll questions
  • Full compliance with HMRC regulations, avoiding penalties
Payroll service requires accuracy without unnecessary delays. At Proactive Advisor, we ensure that your company is away from penalties, fines, and legal charges. We strive hard to maintain records and update them frequently, so all the employees are timely paid.
We are not just a company, but care caretaker, a mentor, and your support system in every measurable success.
Get in Touch
Let Proactive Advisors handle your payroll and PAYE responsibilities with professionalism and care. Contact us today to discuss how our payroll services can support your business needs and give you peace of mind.