tabexseriescomponents 0.0.71 → 0.0.74

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-icons/ai'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('react-icons/fa'), require('react-image-gallery'), require('react-icons/md'), require('react-show-more-text'), require('react-router'), require('imagekitio-react'), require('react-icons/fi'), require('react-icons/hi'), require('react-icons/ri'), require('react-icons/cg'), require('react-icons/bs'), require('react-icons/io5'), require('@babel/runtime/helpers/toConsumableArray'), require('react-bootstrap'), require('react-icons/go'), require('react-icons/io'), require('react-router-dom'), require('react-textarea-autosize'), require('react-query'), require('react-notifications'), require('react-icons/gr'), require('react-accessible-accordion'), require('react-bootstrap/Dropdown'), require('react-intersection-observer'), require('react-horizontal-scrolling-menu'), require('react-select'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('react-icons/bi')) :
-    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-icons/ai', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', 'react-icons/fa', 'react-image-gallery', 'react-icons/md', 'react-show-more-text', 'react-router', 'imagekitio-react', 'react-icons/fi', 'react-icons/hi', 'react-icons/ri', 'react-icons/cg', 'react-icons/bs', 'react-icons/io5', '@babel/runtime/helpers/toConsumableArray', 'react-bootstrap', 'react-icons/go', 'react-icons/io', 'react-router-dom', 'react-textarea-autosize', 'react-query', 'react-notifications', 'react-icons/gr', 'react-accessible-accordion', 'react-bootstrap/Dropdown', 'react-intersection-observer', 'react-horizontal-scrolling-menu', 'react-select', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', 'react-icons/bi'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.ai, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.fa, global.ImageGallery, global.md, global.ShowMoreText, global.reactRouter, global.imagekitioReact, global.fi, global.hi, global.ri, global.cg, global.bs, global.io5, global._toConsumableArray, global.reactBootstrap, global.go, global.io, null, global.TextareaAutosize, null, null, global.gr, global.reactAccessibleAccordion, global.Dropdown, global.reactIntersectionObserver, global.reactHorizontalScrollingMenu, global.Select$2, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.bi));
-})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, ai, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, fa, ImageGallery, md, ShowMoreText, reactRouter, imagekitioReact, fi, hi, ri, cg, bs, io5, _toConsumableArray, reactBootstrap, go, io, reactRouterDom, TextareaAutosize, reactQuery, reactNotifications, gr, reactAccessibleAccordion, Dropdown, reactIntersectionObserver, reactHorizontalScrollingMenu, Select$2, BackgroundSlideshow, _extends, reactSlideshowImage, bi) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-icons/ai'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('react-icons/fa'), require('react-image-gallery'), require('react-icons/md'), require('react-show-more-text'), require('react-router'), require('imagekitio-react'), require('react-icons/fi'), require('react-icons/hi'), require('react-icons/ri'), require('react-icons/cg'), require('react-icons/bs'), require('react-icons/io5'), require('@babel/runtime/helpers/toConsumableArray'), require('react-bootstrap'), require('react-icons/go'), require('react-icons/io'), require('react-router-dom'), require('react-textarea-autosize'), require('react-query'), require('react-notifications'), require('react-icons/gr'), require('react-accessible-accordion'), require('react-bootstrap/Dropdown'), require('react-intersection-observer'), require('react-horizontal-scrolling-menu'), require('react-select'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('react-slideshow-image/dist/styles.css'), require('react-icons/bi')) :
+    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-icons/ai', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', 'react-icons/fa', 'react-image-gallery', 'react-icons/md', 'react-show-more-text', 'react-router', 'imagekitio-react', 'react-icons/fi', 'react-icons/hi', 'react-icons/ri', 'react-icons/cg', 'react-icons/bs', 'react-icons/io5', '@babel/runtime/helpers/toConsumableArray', 'react-bootstrap', 'react-icons/go', 'react-icons/io', 'react-router-dom', 'react-textarea-autosize', 'react-query', 'react-notifications', 'react-icons/gr', 'react-accessible-accordion', 'react-bootstrap/Dropdown', 'react-intersection-observer', 'react-horizontal-scrolling-menu', 'react-select', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', 'react-slideshow-image/dist/styles.css', 'react-icons/bi'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.ai, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.fa, global.ImageGallery, global.md, global.ShowMoreText, global.reactRouter, global.imagekitioReact, global.fi, global.hi, global.ri, global.cg, global.bs, global.io5, global._toConsumableArray, global.reactBootstrap, global.go, global.io, null, global.TextareaAutosize, null, null, global.gr, global.reactAccessibleAccordion, global.Dropdown, global.reactIntersectionObserver, global.reactHorizontalScrollingMenu, global.Select$2, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, null, global.bi));
+})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, ai, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, fa, ImageGallery, md, ShowMoreText, reactRouter, imagekitioReact, fi, hi, ri, cg, bs, io5, _toConsumableArray, reactBootstrap, go, io, reactRouterDom, TextareaAutosize, reactQuery, reactNotifications, gr, reactAccessibleAccordion, Dropdown, reactIntersectionObserver, reactHorizontalScrollingMenu, Select$2, BackgroundSlideshow, _extends, reactSlideshowImage, styles_css, bi) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -448,7 +448,7 @@
       })))));
     };
 
-    var css_248z$G = "@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\n:root {\n    --cimon: #f76566;\n    --primary: #022648; /* rgba (2,38,72) */\n    --secondary: #eac435;\n    --success: #2f9d64;\n    --successhover: #1d623f;\n    --info: #16aaff; /*rgb(22, 170, 255)*/\n    --infohover: #0071b3; /*rgb(0, 113, 179)*/\n    --danger: #d92550; /* rgb(217, 37, 80) */\n    --dangerhover: #991a37; /* rgb(153, 26, 55) */\n    --fav: #ff1a75; /* rgb(255, 26, 117) */\n    --favhover: #cc0052; /* rgb(204, 0, 82) */\n    --light: #999999;\n    --light2: #808080;\n    --dark: #454d54;\n    --darkhover: #343a40;\n    --focus: #444054;\n    --cardtitle: rgba(13, 27, 62, 0.7);\n    --cardheader: #008eb3;\n    --cardHeaderHover: #007a99;\n    --darkblue: #0000b3;\n    --orange: #ff6600;\n}\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\nhtml {\n    width: 100vw;\n    height: 100vh;\n    top: 0;\n    left: 0;\n    font-family: 'Poppins', sans-serif;\n    line-height: 1.15;\n    -webkit-text-size-adjust: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n    margin: 0;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.88rem;\n    font-weight: 400;\n    line-height: 1.5;\n    /* color: #022648; */\n    text-align: left;\n    background: #fff;\n    overflow-x: hidden;\n    width: 100vw;\n    height: 100vh;\n    top: 0;\n    left: 0;\n}\nbody::-webkit-scrollbar {\n    width: 5px;\n}\nbody::-webkit-scrollbar-track {\n    box-shadow: inset 0 0 5px grey;\n    border-radius: 10px;\n}\nbody::-webkit-scrollbar-thumb {\n    background: #022648;\n    border-radius: 10px;\n}\nbody::-webkit-scrollbar-thumb:hover {\n    background: #eac435;\n}\n.general-module_shadow_bottom__YcJR3 {\n    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);\n    transition: 0.3s;\n}\n.general-module_shadow_bottom__YcJR3:hover {\n    box-shadow: 0px 9px 20px rgba(75, 72, 72, 0.3);\n}\n.general-module_overflowY_scroll__m5upZ {\n    overflow-y: scroll;\n}\n\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar {\n    width: 5px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-track {\n    /* box-shadow: inset 0 0 5px grey; */\n    border-radius: 10px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb {\n    background: #4d4d4d;\n    border-radius: 10px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb:hover {\n    background: #999999;\n}\n/* badges */\n.general-module_badge__GTiMs {\n    display: inline-block;\n    padding: 0.25em;\n    font-size: 90%;\n    font-weight: 700;\n    line-height: 1;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: baseline;\n    border-radius: 50%;\n    margin-left: -15%;\n    width: 3vh;\n    height: 3vh;\n    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n    .general-module_badge__GTiMs {\n        transition: none;\n    }\n}\n.general-module_badge__GTiMs:empty {\n    display: none;\n}\n.general-module_badge_secondary__p6ErJ {\n    min-width: 2.5vh;\n    height: 2.5vh;\n    border-radius: 5px;\n    background: #eac435;\n    color: white;\n    font-size: 12px;\n    /* line-height: 3vh; */\n}\na {\n    color: #022648;\n    text-decoration: none;\n    background-color: transparent;\n}\n\n.general-module_divider__WFV-A {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    height: 1px;\n    overflow: hidden;\n    background: #e9ecef;\n}\n.general-module_verical_divider__u5DxE {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    height: 40px;\n    overflow: hidden;\n    background: #e1e6ea;\n    width: 1px;\n}\n\n/* Table */\ntable {\n    border-collapse: collapse;\n}\nth {\n    text-align: inherit;\n}\n.general-module_table__hdcWN {\n    width: 100%;\n    margin-bottom: 1rem;\n    background-color: rgba(0, 0, 0, 0);\n}\n.general-module_table__hdcWN th,\n.general-module_table__hdcWN td {\n    padding: 0.55rem;\n    border-top: 1px solid #e9ecef;\n}\n.general-module_table__hdcWN th.general-module_mw-200__PaU8G,\n.general-module_table__hdcWN td.general-module_mw-200__PaU8G {\n    max-width: 200px;\n}\n.general-module_table__hdcWN thead th {\n    vertical-align: bottom;\n    border-bottom: 2px solid #e9ecef;\n    font-size: 15px;\n}\n.general-module_table__hdcWN td {\n    color: var(--focus);\n    font-size: 15px;\n}\n.general-module_table_bordered__JKIJp {\n    border: 1px solid #e9ecef;\n}\n.general-module_table_bordered__JKIJp th,\n.general-module_table_bordered__JKIJp td {\n    border: 1px solid #e9ecef;\n}\n.general-module_table_bordered__JKIJp thead th,\n.general-module_table_bordered__JKIJp thead td {\n    border-bottom-width: 2px;\n}\n.general-module_table_borderless__OF0cl th,\n.general-module_table_borderless__OF0cl td,\n.general-module_table_borderless__OF0cl thead th,\n.general-module_table_borderless__OF0cl tbody + tbody {\n    border: 0;\n}\n.general-module_table_striped__wWBA6 tbody tr:nth-of-type(odd) {\n    background-color: rgba(0, 0, 0, 0.03);\n}\n.general-module_table_hover__EiJha tbody tr:hover {\n    background-color: #e0f3ff;\n}\n.general-module_table_responsive__JPCKF {\n    display: block;\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n.general-module_table_responsive__JPCKF > .general-module_table_bordered__JKIJp {\n    border: 0;\n}\n.general-module_table_translation__x1Rpf {\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: 20px;\n    padding: 5px;\n    font-weight: 500;\n    width: 100px;\n    /* margin-left: auto;\n    margin-right: auto; */\n}\n.general-module_table_translation__x1Rpf i {\n    font-size: 20px;\n}\n.general-module_table_icon__EMMDI {\n    font-size: 20px;\n    transition: 0.3s;\n    cursor: pointer;\n}\n.general-module_table_icon__EMMDI:hover {\n    color: var(--secondary);\n}\n.general-module_image_table__HqRaH {\n    width: 5vh;\n    height: 5vh;\n    box-shadow: 0 0 10px #ccc;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    border-radius: 5px;\n}\n.general-module_image_table__HqRaH img {\n    max-width: 95%;\n    max-height: 95%;\n    border-radius: 5px;\n}\n.general-module_shownumber_cont__34Y5j {\n    min-width: 3rem;\n    background: white;\n    box-shadow: 0 0 10px #ccc;\n    border: 1px solid #ccc;\n    border-radius: 10px;\n    cursor: pointer;\n}\n.general-module_card_input_table__vVK0p {\n    min-width: 90%;\n    height: 35px;\n}\n.general-module_card_input_table__vVK0p imput {\n    height: 35px;\n}\n\n/* Buttons */\n.general-module_btn__FAb1b {\n    display: inline-block;\n    font-weight: 500;\n    text-align: center;\n    vertical-align: middle;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    background-color: transparent;\n    border-radius: 20px;\n    height: 35px;\n    padding: 0 10px;\n    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n    font-size: 13px;\n}\n.general-module_btn_rounded__Rkb8o {\n    width: 5vh !important;\n    height: 5vh !important;\n    border-radius: 50% !important;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .general-module_btn__FAb1b {\n        transition: none;\n    }\n}\n.general-module_btn__FAb1b:hover {\n    text-decoration: none;\n}\n.general-module_btn__FAb1b:focus,\n.general-module_btn__FAb1b.general-module_focus__8-F6p {\n    outline: 0;\n    box-shadow: none;\n}\n.general-module_btn__FAb1b.general-module_disabled__PRzt-,\n.general-module_btn__FAb1b:disabled {\n    opacity: 0.65;\n    cursor: not-allowed;\n}\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-) {\n    cursor: pointer;\n}\na.general-module_btn__FAb1b.general-module_disabled__PRzt- {\n    pointer-events: none;\n    cursor: not-allowed;\n}\n.general-module_btn_tranparent__GFTRs {\n    color: #fff;\n    background-color: tranparent;\n    border-color: tranparent;\n}\n.general-module_btn_circle__lOyd4 {\n    border-radius: 100%;\n    width: 35px;\n    height: 35px;\n    line-height: 20px;\n    padding: 10px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.general-module_btn_white__H0esd {\n    color: #fff;\n    background-color: #fff;\n    border-color: #fff;\n    color: var(--primary);\n}\n.general-module_btn_white__H0esd:hover {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n}\n.general-module_btn_white__H0esd.general-module_disabled__PRzt-,\n.general-module_btn_white__H0esd:disabled {\n    color: #fff;\n    background-color: #fff;\n    border-color: #fff;\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_black__NcqLp {\n    color: #fff;\n    background-color: #000;\n    border-color: #000;\n}\n.general-module_btn_black__NcqLp:hover {\n    color: #fff;\n    background-color: #595959;\n    border-color: #595959;\n}\n.general-module_btn_black__NcqLp.general-module_disabled__PRzt-,\n.general-module_btn_black__NcqLp:disabled {\n    color: #fff;\n    background-color: #000;\n    border-color: #000;\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_primary__C5oTz {\n    color: #fff;\n    background-color: var(--primary);\n    border-color: var(--primary);\n}\n.general-module_btn_primary__C5oTz:hover {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n}\n.general-module_btn_primary__C5oTz.general-module_disabled__PRzt-,\n.general-module_btn_primary__C5oTz:disabled {\n    color: #fff;\n    background-color: var(--primary);\n    border-color: var(--primary);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_secondary__MbOCN {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n}\n.general-module_btn_secondary__MbOCN:hover {\n    color: #fff;\n    background-color: #5a6268;\n    border-color: #545b62;\n}\n.general-module_btn_secondary__MbOCN.general-module_disabled__PRzt-,\n.general-module_btn_secondary__MbOCN:disabled {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_success__iV5-t {\n    color: #fff;\n    background-color: var(--success);\n    border-color: var(--success);\n}\n.general-module_btn_success__iV5-t:hover {\n    color: #fff;\n    background-color: var(--successhover);\n    border-color: var(--successhover);\n}\n.general-module_btn_success__iV5-t.general-module_disabled__PRzt-,\n.general-module_btn_success__iV5-t:disabled {\n    color: #fff;\n    background-color: var(--success);\n    border-color: var(--success);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_info__-ClLB {\n    color: #fff;\n    background-color: var(--info);\n    border-color: var(--info);\n}\n.general-module_btn_info__-ClLB:hover {\n    color: #fff;\n    background-color: var(--infohover);\n    border-color: var(--infohover);\n}\n.general-module_btn_info__-ClLB.general-module_disabled__PRzt-,\n.general-module_btn_info__-ClLB:disabled {\n    color: #fff;\n    background-color: var(--info);\n    border-color: var(--info);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_danger__b0QkM {\n    color: #fff;\n    background-color: var(--danger);\n    border-color: var(--danger);\n}\n.general-module_btn_danger__b0QkM:hover {\n    color: #fff;\n    background-color: var(--dangerhover);\n    border-color: var(--dangerhover);\n}\n.general-module_btn_danger__b0QkM.general-module_disabled__PRzt-,\n.general-module_btn_danger__b0QkM:disabled {\n    color: #fff;\n    background-color: var(--danger);\n    border-color: var(--danger);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_dark__hSWyC {\n    color: #fff;\n    background-color: var(--dark);\n    border-color: var(--dark);\n}\n.general-module_btn_dark__hSWyC:hover {\n    color: #fff;\n    background-color: var(--darkhover);\n    border-color: var(--darkhover);\n}\n.general-module_btn_dark__hSWyC.general-module_disabled__PRzt-,\n.general-module_btn_dark__hSWyC:disabled {\n    color: #fff;\n    background-color: var(--dark);\n    border-color: var(--dark);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-):active,\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-).general-module_active__MPpsF {\n    color: #fff;\n    background-color: #ccc;\n    border-color: #ccc;\n}\n.general-module_btn_grey__fGIYU {\n    color: #fff;\n    background-color: var(--focus);\n    border-color: var(--focus);\n}\n.general-module_btn_grey__fGIYU:hover {\n    color: #fff;\n    background-color: var(--dark);\n    border-color: var(--dark);\n}\n.general-module_btn_cardheader__vccWl {\n    color: #fff;\n    background-color: var(--cardheader);\n    border-color: var(--cardheader);\n}\n.general-module_btn_cardheader__vccWl:hover {\n    color: #fff;\n    background-color: #007a99;\n    border-color: #007a99;\n}\n.general-module_btn_cardheader__vccWl.general-module_disabled__PRzt-,\n.general-module_btn_cardheader__vccWl:disabled {\n    color: #fff;\n    background-color: #005166;\n    border-color: #005166;\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n\n/* Borders */\n.general-module_border_primary__Jqm8o {\n    border-color: #022648;\n}\n.general-module_border_secondary__xiHt3 {\n    border-color: #eac435;\n}\n.general-module_border_success__kWv6N {\n    border-color: var(--success);\n}\n.general-module_border_info__wfOF- {\n    border-color: #16aaff;\n}\n.general-module_border_warning__mSIRm {\n    border-color: #f7b924;\n}\n.general-module_border_danger__U7veI {\n    border-color: #d92550;\n}\n.general-module_border__Pvp44 {\n    border: 1px solid #dee2e6 !important;\n}\n.general-module_border_top__0-KRU {\n    border-top: 1px solid #dee2e6 !important;\n}\n.general-module_border_right__7QXHH {\n    border-right: 1px solid #dee2e6 !important;\n}\n.general-module_border_bottom__Xyy95 {\n    border-bottom: 1px solid #dee2e6 !important;\n}\n.general-module_border_left__90qSD {\n    border-left: 1px solid #dee2e6 !important;\n}\n.general-module_border_0__YO9qY {\n    border: 0 !important;\n}\n.general-module_border_top_0__KFIha {\n    border-top: 0 !important;\n}\n.general-module_border_right_0__FaED6 {\n    border-right: 0 !important;\n}\n.general-module_border_bottom_0__NZhJm {\n    border-bottom: 0 !important;\n}\n.general-module_border_top_0__KFIha {\n    border-top: 0 !important;\n}\n.general-module_border_left_0__gjITr {\n    border-left: 0 !important;\n}\n/* Inner Content */\n.general-module_app_container__-NNzK {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    position: relative !important;\n}\n.general-module_app_main__3s9rd {\n    z-index: 8;\n    position: relative;\n}\n.general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n    flex: 1;\n    padding: 130px 40px 0;\n}\n.general-module_app_main_inner_headertwo__UkOlN {\n    padding: 100px 40px 0 !important;\n}\n.general-module_app_main_inner_headerfour__slUk1 {\n    padding: 80px 20px 0 280px !important;\n}\n@media screen and (max-width: 1025px) {\n    .general-module_app_main_inner_headerfour__slUk1 {\n        padding: 80px 10px !important;\n    }\n}\n/* Card */\n.general-module_card__KT-JI {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    word-wrap: break-word;\n    background-color: white !important;\n    background-clip: border-box;\n    border-radius: 15px;\n    padding: 0.5em 0.8em;\n    transition: all 0.2s;\n}\n.general-module_card_border_10__M-cl- {\n    border-radius: 10px !important;\n}\n/* Responsive */\n@media (max-width: 991.98px) {\n    .general-module_app_main__3s9rd {\n        display: block;\n    }\n    .general-module_app_main__3s9rd .general-module_app_main_outer__gNSLc {\n        padding-left: 0 !important;\n    }\n    .general-module_app_main__3s9rd .general-module_app_main_outertranslated__IZRx2 {\n        padding-right: 0;\n        padding-left: 0;\n    }\n}\n@media (max-width: 1025px) {\n    .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n        padding: 130px 20px 0;\n    }\n}\n@media (max-width: 800px) {\n    .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n        padding: 130px 20px 0 !important;\n    }\n}\n\n@media (max-width: 600px) {\n    .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n        padding: 70px 20px !important;\n    }\n}\n\n/* Pills */\n.general-module_pill__gHCcE {\n    min-width: 9vh;\n    height: 4vh;\n    color: white;\n    padding: 0 1%;\n    display: flex;\n    text-align: center;\n    justify-content: center;\n    align-items: center;\n    border-radius: 20px;\n    font-size: 12px;\n}\n.general-module_fadeIn__bUx2u {\n    /* opacity: 1; */\n    display: block;\n    visibility: visible;\n    transition: 1s ease-in-out;\n    transition-delay: 0s;\n}\n.general-module_fadeOut__R13Fc {\n    /* opacity: 0; */\n    display: none;\n    visibility: hidden;\n    transition: 1s ease-in-out;\n}\n.general-module_fadeInButton__1daVD {\n    display: block;\n}\n.general-module_fadeOutButton__8BRUG {\n    display: none;\n}\n\n/* Section Title */\n.general-module_sectiontitlecont__F-e6k {\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n.general-module_sectiontitlecont__F-e6k span {\n    position: relative;\n    white-space: nowrap;\n    transition: 0.3s;\n}\n.general-module_sectiontitlecont__F-e6k span::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    left: 0;\n    display: block;\n    height: 3px;\n    border-radius: 20px;\n    z-index: 1000;\n}\n.general-module_homesectiontitlecont__ZfXNm span {\n    font-size: 25px !important;\n}\n\n.general-module_sectiontitlecont2__mfEaP {\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n.general-module_sectiontitlecont2__mfEaP span {\n    position: relative;\n    white-space: nowrap;\n    transition: 0.3s;\n}\n.general-module_sectiontitlecont2__mfEaP span::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    left: 0;\n    display: block;\n    border-radius: 20px;\n    z-index: 1000;\n}\n\n/* Search Overlay */\n.general-module_search_modern__Emxk4 {\n    position: relative;\n    z-index: 2000;\n    display: inline-block;\n    vertical-align: middle;\n}\n.general-module_search_wrap__XD-i0 {\n  position: fixed;\n  left: 0;\n  z-index: 100;\n  width: 100%;\n  height: 300px;\n  top:0;\n}\n.general-module_search_form__ENSm4 {\n  position: absolute;\n  z-index: 1;\n  top: 55%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  width: 90%;\n  border: none;\n  -webkit-animation-delay: 0.5s;\n  -moz-animation-delay: 0.5s;\n  -o-animation-delay: 0.5s;\n  animation-delay: 0.5s;\n  -webkit-animation-name: general-module_fadeIn__bUx2u;\n  animation-name: general-module_fadeIn__bUx2u;\n  -webkit-animation-duration: 0.7s;\n  animation-duration: 0.7s;\n  -webkit-animation-fill-mode: both;\n  animation-fill-mode: both;\n  visibility: visible;\n}\n.general-module_search_form__ENSm4:after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    -webkit-transform: scale3d(0, 1, 1);\n    -ms-transform: scale3d(0, 1, 1);\n    transform: scale3d(0, 1, 1);\n    -webkit-transform-origin: left center;\n    -ms-transform-origin: left center;\n    transform-origin: left center;\n    -webkit-animation-delay: 0.3s;\n    -moz-animation-delay: 0.3s;\n    -o-animation-delay: 0.3s;\n    animation-delay: 0.3s;\n    -webkit-animation-name: general-module_fadeInMove__AZr3h;\n    animation-name: general-module_fadeInMove__AZr3h;\n    -webkit-animation-duration: 0.7s;\n    animation-duration: 0.7s;\n    -webkit-animation-fill-mode: both;\n    animation-fill-mode: both;\n    visibility: visible;\n}\n.general-module_search_form_wrap__mqmVB {\n    position: absolute;\n    z-index: 1;\n    top: 50%;\n    left: 50%;\n    -webkit-transform: translate(-50%, -50%);\n    -ms-transform: translate(-50%, -50%);\n    transform: translate(-50%, -50%);\n    width: 100%;\n    height: 100%;\n}\n.general-module_search_field__ik-q3 {\n  width: 100%;\n    height: 3em;\n    padding: 0 1.5em 0 0;\n    letter-spacing: 0;\n    border: none;\n    background-color: transparent;\n    margin: 0;\n    border: none;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    resize: none;\n    overflow: hidden;\n    display: block;\n    visibility: visible;\n    vertical-align: middle;\n    -webkit-box-sizing: border-box;\n    -ms-box-sizing: border-box;\n    box-sizing: border-box;   \n}\n.general-module_search_modern__Emxk4 .general-module_search_wrap__XD-i0 .general-module_search_field__ik-q3::-ms-clear {\n  display: none;\n} \n.general-module_logo_image__lTnSu {\n  -webkit-animation-delay: 0.3s;\n  -moz-animation-delay: 0.3s;\n  -o-animation-delay: 0.3s;\n  animation-delay: 0.3s;\n  -webkit-animation-name: general-module_fadeInAnim__UYit1;\n  animation-name: general-module_fadeInAnim__UYit1;\n  -webkit-animation-duration: 0.6s;\n  animation-duration: 0.6s;\n  -webkit-animation-fill-mode: both;\n  animation-fill-mode: both;\n  visibility: visible;\n}\n@-webkit-keyframes general-module_fadeInAnim__UYit1 {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes general-module_fadeInAnim__UYit1 {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@-webkit-keyframes general-module_fadeInMove__AZr3h {\n  0% {\n    opacity: 0;\n    -webkit-transform: scale3d(0, 1, 1);\n  }\n  10% {\n    opacity: 1;\n    -webkit-transform: scale3d(0.1, 1, 1);\n  }\n  100% {\n    opacity: 0.14;\n    -webkit-transform: scale3d(1, 1, 1);\n  }\n}\n@keyframes general-module_fadeInMove__AZr3h {\n  0% {\n    opacity: 0;\n    transform: scale3d(0, 1, 1);\n  }\n  10% {\n    opacity: 1;\n    transform: scale3d(0.1, 1, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n}\n";
+    var css_248z$G = "@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\n:root {\n    --cimon: #f76566;\n    --primary: #022648; /* rgba (2,38,72) */\n    --secondary: #eac435;\n    --success: #2f9d64;\n    --successhover: #1d623f;\n    --info: #16aaff; /*rgb(22, 170, 255)*/\n    --infohover: #0071b3; /*rgb(0, 113, 179)*/\n    --danger: #d92550; /* rgb(217, 37, 80) */\n    --dangerhover: #991a37; /* rgb(153, 26, 55) */\n    --fav: #ff1a75; /* rgb(255, 26, 117) */\n    --favhover: #cc0052; /* rgb(204, 0, 82) */\n    --light: #999999;\n    --light2: #808080;\n    --dark: #454d54;\n    --darkhover: #343a40;\n    --focus: #444054;\n    --cardtitle: rgba(13, 27, 62, 0.7);\n    --cardheader: #008eb3;\n    --cardHeaderHover: #007a99;\n    --darkblue: #0000b3;\n    --orange: #ff6600;\n}\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\nhtml {\n    width: 100vw;\n    height: 100vh;\n    top: 0;\n    left: 0;\n    font-family: 'Poppins', sans-serif;\n    line-height: 1.15;\n    -webkit-text-size-adjust: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n    margin: 0;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.88rem;\n    font-weight: 400;\n    line-height: 1.5;\n    /* color: #022648; */\n    text-align: left;\n    background: #fff;\n    overflow-x: hidden;\n    width: 100vw;\n    height: 100vh;\n    top: 0;\n    left: 0;\n}\nbody::-webkit-scrollbar {\n    width: 5px;\n}\nbody::-webkit-scrollbar-track {\n    box-shadow: inset 0 0 5px grey;\n    border-radius: 10px;\n}\nbody::-webkit-scrollbar-thumb {\n    background: #022648;\n    border-radius: 10px;\n}\nbody::-webkit-scrollbar-thumb:hover {\n    background: #eac435;\n}\n.general-module_shadow_bottom__YcJR3 {\n    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);\n    transition: 0.3s;\n}\n.general-module_shadow_bottom__YcJR3:hover {\n    box-shadow: 0px 9px 20px rgba(75, 72, 72, 0.3);\n}\n.general-module_overflowY_scroll__m5upZ {\n    overflow-y: scroll;\n}\n\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar {\n    width: 5px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-track {\n    /* box-shadow: inset 0 0 5px grey; */\n    border-radius: 10px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb {\n    background: #4d4d4d;\n    border-radius: 10px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb:hover {\n    background: #999999;\n}\n/* badges */\n.general-module_badge__GTiMs {\n    display: inline-block;\n    padding: 0.25em;\n    font-size: 90%;\n    font-weight: 700;\n    line-height: 1;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: baseline;\n    border-radius: 50%;\n    margin-left: -15%;\n    width: 3vh;\n    height: 3vh;\n    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n    .general-module_badge__GTiMs {\n        transition: none;\n    }\n}\n.general-module_badge__GTiMs:empty {\n    display: none;\n}\n.general-module_badge_secondary__p6ErJ {\n    min-width: 2.5vh;\n    height: 2.5vh;\n    border-radius: 5px;\n    background: #eac435;\n    color: white;\n    font-size: 12px;\n    /* line-height: 3vh; */\n}\na {\n    color: #022648;\n    text-decoration: none;\n    background-color: transparent;\n}\n\n.general-module_divider__WFV-A {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    height: 1px;\n    overflow: hidden;\n    background: #e9ecef;\n}\n.general-module_verical_divider__u5DxE {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    height: 40px;\n    overflow: hidden;\n    background: #e1e6ea;\n    width: 1px;\n}\n\n/* Table */\ntable {\n    border-collapse: collapse;\n}\nth {\n    text-align: inherit;\n}\n.general-module_table__hdcWN {\n    width: 100%;\n    margin-bottom: 1rem;\n    background-color: rgba(0, 0, 0, 0);\n}\n.general-module_table__hdcWN th,\n.general-module_table__hdcWN td {\n    padding: 0.55rem;\n    border-top: 1px solid #e9ecef;\n}\n.general-module_table__hdcWN th.general-module_mw-200__PaU8G,\n.general-module_table__hdcWN td.general-module_mw-200__PaU8G {\n    max-width: 200px;\n}\n.general-module_table__hdcWN thead th {\n    vertical-align: bottom;\n    border-bottom: 2px solid #e9ecef;\n    font-size: 15px;\n}\n.general-module_table__hdcWN td {\n    color: var(--focus);\n    font-size: 15px;\n}\n.general-module_table_bordered__JKIJp {\n    border: 1px solid #e9ecef;\n}\n.general-module_table_bordered__JKIJp th,\n.general-module_table_bordered__JKIJp td {\n    border: 1px solid #e9ecef;\n}\n.general-module_table_bordered__JKIJp thead th,\n.general-module_table_bordered__JKIJp thead td {\n    border-bottom-width: 2px;\n}\n.general-module_table_borderless__OF0cl th,\n.general-module_table_borderless__OF0cl td,\n.general-module_table_borderless__OF0cl thead th,\n.general-module_table_borderless__OF0cl tbody + tbody {\n    border: 0;\n}\n.general-module_table_striped__wWBA6 tbody tr:nth-of-type(odd) {\n    background-color: rgba(0, 0, 0, 0.03);\n}\n.general-module_table_hover__EiJha tbody tr:hover {\n    background-color: #e0f3ff;\n}\n.general-module_table_responsive__JPCKF {\n    display: block;\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n.general-module_table_responsive__JPCKF > .general-module_table_bordered__JKIJp {\n    border: 0;\n}\n.general-module_table_translation__x1Rpf {\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: 20px;\n    padding: 5px;\n    font-weight: 500;\n    width: 100px;\n    /* margin-left: auto;\n    margin-right: auto; */\n}\n.general-module_table_translation__x1Rpf i {\n    font-size: 20px;\n}\n.general-module_table_icon__EMMDI {\n    font-size: 20px;\n    transition: 0.3s;\n    cursor: pointer;\n}\n.general-module_table_icon__EMMDI:hover {\n    color: var(--secondary);\n}\n.general-module_image_table__HqRaH {\n    width: 5vh;\n    height: 5vh;\n    box-shadow: 0 0 10px #ccc;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    border-radius: 5px;\n}\n.general-module_image_table__HqRaH img {\n    max-width: 95%;\n    max-height: 95%;\n    border-radius: 5px;\n}\n.general-module_shownumber_cont__34Y5j {\n    min-width: 3rem;\n    background: white;\n    box-shadow: 0 0 10px #ccc;\n    border: 1px solid #ccc;\n    border-radius: 10px;\n    cursor: pointer;\n}\n.general-module_card_input_table__vVK0p {\n    min-width: 90%;\n    height: 35px;\n}\n.general-module_card_input_table__vVK0p imput {\n    height: 35px;\n}\n\n/* Buttons */\n.general-module_btn__FAb1b {\n    display: inline-block;\n    font-weight: 500;\n    text-align: center;\n    vertical-align: middle;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    background-color: transparent;\n    border-radius: 20px;\n    height: 35px;\n    padding: 0 10px;\n    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n    font-size: 13px;\n}\n.general-module_btn_rounded__Rkb8o {\n    width: 5vh !important;\n    height: 5vh !important;\n    border-radius: 50% !important;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .general-module_btn__FAb1b {\n        transition: none;\n    }\n}\n.general-module_btn__FAb1b:hover {\n    text-decoration: none;\n}\n.general-module_btn__FAb1b:focus,\n.general-module_btn__FAb1b.general-module_focus__8-F6p {\n    outline: 0;\n    box-shadow: none;\n}\n.general-module_btn__FAb1b.general-module_disabled__PRzt-,\n.general-module_btn__FAb1b:disabled {\n    opacity: 0.65;\n    cursor: not-allowed;\n}\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-) {\n    cursor: pointer;\n}\na.general-module_btn__FAb1b.general-module_disabled__PRzt- {\n    pointer-events: none;\n    cursor: not-allowed;\n}\n.general-module_btn_tranparent__GFTRs {\n    color: #fff;\n    background-color: tranparent;\n    border-color: tranparent;\n}\n.general-module_btn_circle__lOyd4 {\n    border-radius: 100%;\n    width: 35px;\n    height: 35px;\n    line-height: 20px;\n    padding: 10px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.general-module_btn_white__H0esd {\n    color: #fff;\n    background-color: #fff;\n    border-color: #fff;\n    color: var(--primary);\n}\n.general-module_btn_white__H0esd:hover {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n}\n.general-module_btn_white__H0esd.general-module_disabled__PRzt-,\n.general-module_btn_white__H0esd:disabled {\n    color: #fff;\n    background-color: #fff;\n    border-color: #fff;\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_black__NcqLp {\n    color: #fff;\n    background-color: #000;\n    border-color: #000;\n}\n.general-module_btn_black__NcqLp:hover {\n    color: #fff;\n    background-color: #595959;\n    border-color: #595959;\n}\n.general-module_btn_black__NcqLp.general-module_disabled__PRzt-,\n.general-module_btn_black__NcqLp:disabled {\n    color: #fff;\n    background-color: #000;\n    border-color: #000;\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_primary__C5oTz {\n    color: #fff;\n    background-color: var(--primary);\n    border-color: var(--primary);\n}\n.general-module_btn_primary__C5oTz:hover {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n}\n.general-module_btn_primary__C5oTz.general-module_disabled__PRzt-,\n.general-module_btn_primary__C5oTz:disabled {\n    color: #fff;\n    background-color: var(--primary);\n    border-color: var(--primary);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_secondary__MbOCN {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n}\n.general-module_btn_secondary__MbOCN:hover {\n    color: #fff;\n    background-color: #5a6268;\n    border-color: #545b62;\n}\n.general-module_btn_secondary__MbOCN.general-module_disabled__PRzt-,\n.general-module_btn_secondary__MbOCN:disabled {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_success__iV5-t {\n    color: #fff;\n    background-color: var(--success);\n    border-color: var(--success);\n}\n.general-module_btn_success__iV5-t:hover {\n    color: #fff;\n    background-color: var(--successhover);\n    border-color: var(--successhover);\n}\n.general-module_btn_success__iV5-t.general-module_disabled__PRzt-,\n.general-module_btn_success__iV5-t:disabled {\n    color: #fff;\n    background-color: var(--success);\n    border-color: var(--success);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_info__-ClLB {\n    color: #fff;\n    background-color: var(--info);\n    border-color: var(--info);\n}\n.general-module_btn_info__-ClLB:hover {\n    color: #fff;\n    background-color: var(--infohover);\n    border-color: var(--infohover);\n}\n.general-module_btn_info__-ClLB.general-module_disabled__PRzt-,\n.general-module_btn_info__-ClLB:disabled {\n    color: #fff;\n    background-color: var(--info);\n    border-color: var(--info);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_danger__b0QkM {\n    color: #fff;\n    background-color: var(--danger);\n    border-color: var(--danger);\n}\n.general-module_btn_danger__b0QkM:hover {\n    color: #fff;\n    background-color: var(--dangerhover);\n    border-color: var(--dangerhover);\n}\n.general-module_btn_danger__b0QkM.general-module_disabled__PRzt-,\n.general-module_btn_danger__b0QkM:disabled {\n    color: #fff;\n    background-color: var(--danger);\n    border-color: var(--danger);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_dark__hSWyC {\n    color: #fff;\n    background-color: var(--dark);\n    border-color: var(--dark);\n}\n.general-module_btn_dark__hSWyC:hover {\n    color: #fff;\n    background-color: var(--darkhover);\n    border-color: var(--darkhover);\n}\n.general-module_btn_dark__hSWyC.general-module_disabled__PRzt-,\n.general-module_btn_dark__hSWyC:disabled {\n    color: #fff;\n    background-color: var(--dark);\n    border-color: var(--dark);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-):active,\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-).general-module_active__MPpsF {\n    color: #fff;\n    background-color: #ccc;\n    border-color: #ccc;\n}\n.general-module_btn_grey__fGIYU {\n    color: #fff;\n    background-color: var(--focus);\n    border-color: var(--focus);\n}\n.general-module_btn_grey__fGIYU:hover {\n    color: #fff;\n    background-color: var(--dark);\n    border-color: var(--dark);\n}\n.general-module_btn_cardheader__vccWl {\n    color: #fff;\n    background-color: var(--cardheader);\n    border-color: var(--cardheader);\n}\n.general-module_btn_cardheader__vccWl:hover {\n    color: #fff;\n    background-color: #007a99;\n    border-color: #007a99;\n}\n.general-module_btn_cardheader__vccWl.general-module_disabled__PRzt-,\n.general-module_btn_cardheader__vccWl:disabled {\n    color: #fff;\n    background-color: #005166;\n    border-color: #005166;\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n\n/* Borders */\n.general-module_border_primary__Jqm8o {\n    border-color: #022648;\n}\n.general-module_border_secondary__xiHt3 {\n    border-color: #eac435;\n}\n.general-module_border_success__kWv6N {\n    border-color: var(--success);\n}\n.general-module_border_info__wfOF- {\n    border-color: #16aaff;\n}\n.general-module_border_warning__mSIRm {\n    border-color: #f7b924;\n}\n.general-module_border_danger__U7veI {\n    border-color: #d92550;\n}\n.general-module_border__Pvp44 {\n    border: 1px solid #dee2e6 !important;\n}\n.general-module_border_top__0-KRU {\n    border-top: 1px solid #dee2e6 !important;\n}\n.general-module_border_right__7QXHH {\n    border-right: 1px solid #dee2e6 !important;\n}\n.general-module_border_bottom__Xyy95 {\n    border-bottom: 1px solid #dee2e6 !important;\n}\n.general-module_border_left__90qSD {\n    border-left: 1px solid #dee2e6 !important;\n}\n.general-module_border_0__YO9qY {\n    border: 0 !important;\n}\n.general-module_border_top_0__KFIha {\n    border-top: 0 !important;\n}\n.general-module_border_right_0__FaED6 {\n    border-right: 0 !important;\n}\n.general-module_border_bottom_0__NZhJm {\n    border-bottom: 0 !important;\n}\n.general-module_border_top_0__KFIha {\n    border-top: 0 !important;\n}\n.general-module_border_left_0__gjITr {\n    border-left: 0 !important;\n}\n/* Inner Content */\n.general-module_app_container__-NNzK {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    position: relative !important;\n}\n.general-module_app_main__3s9rd {\n    z-index: 8;\n    position: relative;\n}\n.general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n    flex: 1;\n    padding: 130px 40px 0;\n}\n.general-module_app_main_inner_headertwo__UkOlN {\n    padding: 100px 40px 0 !important;\n}\n.general-module_app_main_inner_headerfour__slUk1 {\n    padding: 80px 20px 0 280px !important;\n}\n@media screen and (max-width: 1025px) {\n    .general-module_app_main_inner_headerfour__slUk1 {\n        padding: 80px 10px !important;\n    }\n}\n/* Card */\n.general-module_card__KT-JI {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    word-wrap: break-word;\n    background-color: white !important;\n    background-clip: border-box;\n    border-radius: 15px;\n    padding: 0.5em 0.8em;\n    transition: all 0.2s;\n}\n.general-module_card_border_10__M-cl- {\n    border-radius: 10px !important;\n}\n/* Responsive */\n@media (max-width: 991.98px) {\n    .general-module_app_main__3s9rd {\n        display: block;\n    }\n    .general-module_app_main__3s9rd .general-module_app_main_outer__gNSLc {\n        padding-left: 0 !important;\n    }\n    .general-module_app_main__3s9rd .general-module_app_main_outertranslated__IZRx2 {\n        padding-right: 0;\n        padding-left: 0;\n    }\n}\n@media (max-width: 1025px) {\n    .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n        padding: 130px 20px 0;\n    }\n}\n@media (max-width: 800px) {\n    .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n        padding: 130px 20px 0 !important;\n    }\n}\n\n@media (max-width: 600px) {\n    .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n        padding: 70px 20px !important;\n    }\n}\n\n/* Pills */\n.general-module_pill__gHCcE {\n    min-width: 9vh;\n    height: 4vh;\n    color: white;\n    padding: 0 1%;\n    display: flex;\n    text-align: center;\n    justify-content: center;\n    align-items: center;\n    border-radius: 20px;\n    font-size: 12px;\n}\n.general-module_fadeIn__bUx2u {\n    /* opacity: 1; */\n    display: block;\n    visibility: visible;\n    transition: 1s ease-in-out;\n    transition-delay: 0s;\n}\n.general-module_fadeOut__R13Fc {\n    /* opacity: 0; */\n    display: none;\n    visibility: hidden;\n    transition: 1s ease-in-out;\n}\n.general-module_fadeInButton__1daVD {\n    display: block;\n}\n.general-module_fadeOutButton__8BRUG {\n    display: none;\n}\n\n/* Section Title */\n.general-module_sectiontitlecont__F-e6k {\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n.general-module_sectiontitlecont__F-e6k span {\n    position: relative;\n    white-space: nowrap;\n    transition: 0.3s;\n}\n.general-module_sectiontitlecont__F-e6k span::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    left: 0;\n    display: block;\n    height: 3px;\n    border-radius: 20px;\n    z-index: 1000;\n}\n.general-module_homesectiontitlecont__ZfXNm span {\n    font-size: 25px !important;\n}\n\n.general-module_sectiontitlecont2__mfEaP {\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n.general-module_sectiontitlecont2__mfEaP span {\n    position: relative;\n    white-space: nowrap;\n    transition: 0.3s;\n}\n.general-module_sectiontitlecont2__mfEaP span::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    left: 0;\n    display: block;\n    border-radius: 20px;\n    z-index: 1000;\n}\n\n/* Search Overlay */\n.general-module_search_modern__Emxk4 {\n    position: relative;\n    z-index: 2000;\n    display: inline-block;\n    vertical-align: middle;\n}\n.general-module_search_wrap__XD-i0 {\n  position: fixed;\n  left: 0;\n  z-index: 100;\n  width: 100%;\n  height: 200px;\n  top:0;\n}\n.general-module_search_form__ENSm4 {\n  position: absolute;\n  z-index: 1;\n  top: 55%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  width: 90%;\n  border: none;\n  -webkit-animation-delay: 0.5s;\n  -moz-animation-delay: 0.5s;\n  -o-animation-delay: 0.5s;\n  animation-delay: 0.5s;\n  -webkit-animation-name: general-module_fadeIn__bUx2u;\n  animation-name: general-module_fadeIn__bUx2u;\n  -webkit-animation-duration: 0.7s;\n  animation-duration: 0.7s;\n  -webkit-animation-fill-mode: both;\n  animation-fill-mode: both;\n  visibility: visible;\n}\n.general-module_search_form__ENSm4:after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    -webkit-transform: scale3d(0, 1, 1);\n    -ms-transform: scale3d(0, 1, 1);\n    transform: scale3d(0, 1, 1);\n    -webkit-transform-origin: left center;\n    -ms-transform-origin: left center;\n    transform-origin: left center;\n    -webkit-animation-delay: 0.3s;\n    -moz-animation-delay: 0.3s;\n    -o-animation-delay: 0.3s;\n    animation-delay: 0.3s;\n    -webkit-animation-name: general-module_fadeInMove__AZr3h;\n    animation-name: general-module_fadeInMove__AZr3h;\n    -webkit-animation-duration: 0.7s;\n    animation-duration: 0.7s;\n    -webkit-animation-fill-mode: both;\n    animation-fill-mode: both;\n    visibility: visible;\n}\n.general-module_search_form_wrap__mqmVB {\n    position: absolute;\n    z-index: 1;\n    top: 50%;\n    left: 50%;\n    -webkit-transform: translate(-50%, -50%);\n    -ms-transform: translate(-50%, -50%);\n    transform: translate(-50%, -50%);\n    width: 100%;\n    height: 100%;\n}\n.general-module_search_field__ik-q3 {\n  width: 100%;\n    height: 3em;\n    padding: 0 1.5em 0 0;\n    letter-spacing: 0;\n    border: none;\n    background-color: transparent;\n    margin: 0;\n    border: none;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    resize: none;\n    overflow: hidden;\n    display: block;\n    visibility: visible;\n    vertical-align: middle;\n    -webkit-box-sizing: border-box;\n    -ms-box-sizing: border-box;\n    box-sizing: border-box;   \n}\n.general-module_search_modern__Emxk4 .general-module_search_wrap__XD-i0 .general-module_search_field__ik-q3::-ms-clear {\n  display: none;\n} \n.general-module_logo_image__lTnSu {\n  -webkit-animation-delay: 0.3s;\n  -moz-animation-delay: 0.3s;\n  -o-animation-delay: 0.3s;\n  animation-delay: 0.3s;\n  -webkit-animation-name: general-module_fadeInAnim__UYit1;\n  animation-name: general-module_fadeInAnim__UYit1;\n  -webkit-animation-duration: 0.6s;\n  animation-duration: 0.6s;\n  -webkit-animation-fill-mode: both;\n  animation-fill-mode: both;\n  visibility: visible;\n}\n@-webkit-keyframes general-module_fadeInAnim__UYit1 {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes general-module_fadeInAnim__UYit1 {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@-webkit-keyframes general-module_fadeInMove__AZr3h {\n  0% {\n    opacity: 0;\n    -webkit-transform: scale3d(0, 1, 1);\n  }\n  10% {\n    opacity: 1;\n    -webkit-transform: scale3d(0.1, 1, 1);\n  }\n  100% {\n    opacity: 0.14;\n    -webkit-transform: scale3d(1, 1, 1);\n  }\n}\n@keyframes general-module_fadeInMove__AZr3h {\n  0% {\n    opacity: 0;\n    transform: scale3d(0, 1, 1);\n  }\n  10% {\n    opacity: 1;\n    transform: scale3d(0.1, 1, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n}\n";
     var generalstyles = {"shadow_bottom":"general-module_shadow_bottom__YcJR3","overflowY_scroll":"general-module_overflowY_scroll__m5upZ","sub_scrollbar":"general-module_sub_scrollbar__mpHTI","badge":"general-module_badge__GTiMs","badge_secondary":"general-module_badge_secondary__p6ErJ","divider":"general-module_divider__WFV-A","verical_divider":"general-module_verical_divider__u5DxE","table":"general-module_table__hdcWN","mw-200":"general-module_mw-200__PaU8G","table_bordered":"general-module_table_bordered__JKIJp","table_borderless":"general-module_table_borderless__OF0cl","table_striped":"general-module_table_striped__wWBA6","table_hover":"general-module_table_hover__EiJha","table_responsive":"general-module_table_responsive__JPCKF","table_translation":"general-module_table_translation__x1Rpf","table_icon":"general-module_table_icon__EMMDI","image_table":"general-module_image_table__HqRaH","shownumber_cont":"general-module_shownumber_cont__34Y5j","card_input_table":"general-module_card_input_table__vVK0p","btn":"general-module_btn__FAb1b","btn_rounded":"general-module_btn_rounded__Rkb8o","focus":"general-module_focus__8-F6p","disabled":"general-module_disabled__PRzt-","btn_tranparent":"general-module_btn_tranparent__GFTRs","btn_circle":"general-module_btn_circle__lOyd4","btn_white":"general-module_btn_white__H0esd","btn_black":"general-module_btn_black__NcqLp","btn_primary":"general-module_btn_primary__C5oTz","btn_secondary":"general-module_btn_secondary__MbOCN","btn_success":"general-module_btn_success__iV5-t","btn_info":"general-module_btn_info__-ClLB","btn_danger":"general-module_btn_danger__b0QkM","btn_dark":"general-module_btn_dark__hSWyC","active":"general-module_active__MPpsF","btn_grey":"general-module_btn_grey__fGIYU","btn_cardheader":"general-module_btn_cardheader__vccWl","border_primary":"general-module_border_primary__Jqm8o","border_secondary":"general-module_border_secondary__xiHt3","border_success":"general-module_border_success__kWv6N","border_info":"general-module_border_info__wfOF-","border_warning":"general-module_border_warning__mSIRm","border_danger":"general-module_border_danger__U7veI","border":"general-module_border__Pvp44","border_top":"general-module_border_top__0-KRU","border_right":"general-module_border_right__7QXHH","border_bottom":"general-module_border_bottom__Xyy95","border_left":"general-module_border_left__90qSD","border_0":"general-module_border_0__YO9qY","border_top_0":"general-module_border_top_0__KFIha","border_right_0":"general-module_border_right_0__FaED6","border_bottom_0":"general-module_border_bottom_0__NZhJm","border_left_0":"general-module_border_left_0__gjITr","app_container":"general-module_app_container__-NNzK","app_main":"general-module_app_main__3s9rd","app_main_inner":"general-module_app_main_inner__OdEv-","app_main_inner_headertwo":"general-module_app_main_inner_headertwo__UkOlN","app_main_inner_headerfour":"general-module_app_main_inner_headerfour__slUk1","card":"general-module_card__KT-JI","card_border_10":"general-module_card_border_10__M-cl-","app_main_outer":"general-module_app_main_outer__gNSLc","app_main_outertranslated":"general-module_app_main_outertranslated__IZRx2","pill":"general-module_pill__gHCcE","fadeIn":"general-module_fadeIn__bUx2u","fadeOut":"general-module_fadeOut__R13Fc","fadeInButton":"general-module_fadeInButton__1daVD","fadeOutButton":"general-module_fadeOutButton__8BRUG","sectiontitlecont":"general-module_sectiontitlecont__F-e6k","homesectiontitlecont":"general-module_homesectiontitlecont__ZfXNm","sectiontitlecont2":"general-module_sectiontitlecont2__mfEaP","search_modern":"general-module_search_modern__Emxk4","search_wrap":"general-module_search_wrap__XD-i0","search_form":"general-module_search_form__ENSm4","fadeInMove":"general-module_fadeInMove__AZr3h","search_form_wrap":"general-module_search_form_wrap__mqmVB","search_field":"general-module_search_field__ik-q3","logo_image":"general-module_logo_image__lTnSu","fadeInAnim":"general-module_fadeInAnim__UYit1"};
     styleInject(css_248z$G);
 
@@ -500,9 +500,9 @@
       }));
     };
 
-    function ownKeys$1v(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 ownKeys$1w(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 _objectSpread$1v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1v(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$1w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1w(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
     var Login = function Login(props) {
       var _css;
@@ -545,7 +545,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$1v({}, secpropobj));
+          setsectionproperties(_objectSpread$1w({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
 
@@ -610,7 +610,7 @@
           display: 'flex',
           alignItems: 'center',
           borderBottom: sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor
-        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':focus', {
+        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, ':focus', {
           borderColor: sectionproperties.inputfeildbordercoloronfocus
         }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
           color: sectionproperties.inputfeildbordercoloronfocus
@@ -660,10 +660,10 @@
         className: "".concat(loginstyles2.form_control),
         value: payloadobj.email,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$1v({}, payloadobj);
+          var temppayloadobj = _objectSpread$1w({}, payloadobj);
 
           temppayloadobj.email = event.target.value;
-          setpayloadobj(_objectSpread$1v({}, temppayloadobj));
+          setpayloadobj(_objectSpread$1w({}, temppayloadobj));
         }
       }), /*#__PURE__*/React__default["default"].createElement("span", {
         className: langdetect == 'en' ? loginstyles$1.login_input_icon + ' login_input_icon ' : loginstyles$1.login_input_icontrans + ' login_input_icon '
@@ -681,10 +681,10 @@
         textplaceholder: "",
         value: payloadobj.password,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$1v({}, payloadobj);
+          var temppayloadobj = _objectSpread$1w({}, payloadobj);
 
           temppayloadobj.password = event.target.value;
-          setpayloadobj(_objectSpread$1v({}, temppayloadobj));
+          setpayloadobj(_objectSpread$1w({}, temppayloadobj));
         }
       }), /*#__PURE__*/React__default["default"].createElement("span", {
         className: langdetect == 'en' ? loginstyles$1.login_input_icon : loginstyles$1.login_input_icontrans
@@ -698,7 +698,7 @@
         },
         className: "m-0 p-0"
       }, statusreason)), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3"
+        className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-4"
       }, /*#__PURE__*/React__default["default"].createElement("button", {
         className: " ".concat(loginstyles2.loginbtn) + ' d-flex align-items-center justify-content-center ',
         onClick: function onClick() {
@@ -796,9 +796,9 @@
     var css_248z$E = ".image-gallery_image-gallery-icon__WE2UX {\r\n\tcolor: #fff;\r\n\ttransition: all .3s ease-out;\r\n\tappearance: none;\r\n\tbackground-color: transparent;\r\n\tborder: 0;\r\n\tcursor: pointer;\r\n\toutline: none;\r\n\tposition: absolute;\r\n\tz-index: 4;\r\n    display: none !important;\r\n\t/* filter: drop-shadow(0 2px 2px #1a1a1a); */\r\n}\r\n\r\n@media(hover: hover)and (pointer: fine) {\r\n\t.image-gallery_image-gallery-icon__WE2UX:hover {\r\n\t\tcolor: var(--secondary)\r\n\t}\r\n\r\n\t.image-gallery_image-gallery-icon__WE2UX:hover .image-gallery_image-gallery-svg__XloJd {\r\n\t\ttransform: scale(1.1)\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-icon__WE2UX:focus {\r\n\toutline: 2px solid #000\r\n}\r\n\r\n.image-gallery_image-gallery-using-mouse__lBKAU .image-gallery_image-gallery-icon__WE2UX:focus {\r\n\toutline: none\r\n}\r\n\r\n.image-gallery_image-gallery-fullscreen-button__xyF3z,\r\n.image-gallery_image-gallery-play-button__2AS3J {\r\n\tbottom: 0;\r\n\tpadding: 20px\r\n}\r\n\r\n.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\r\n.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\r\n\theight: 28px;\r\n\twidth: 28px\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\r\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\r\n\t.image-gallery_image-gallery-play-button__2AS3J {\r\n\t\tpadding: 15px\r\n\t}\r\n\r\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\r\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\r\n\t\theight: 24px;\r\n\t\twidth: 24px\r\n\t}\r\n}\r\n\r\n@media(max-width: 480px) {\r\n\r\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\r\n\t.image-gallery_image-gallery-play-button__2AS3J {\r\n\t\tpadding: 10px\r\n\t}\r\n\r\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\r\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\r\n\t\theight: 16px;\r\n\t\twidth: 16px\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-fullscreen-button__xyF3z {\r\n\tright: 0\r\n}\r\n\r\n.image-gallery_image-gallery-play-button__2AS3J {\r\n\tleft: 0\r\n}\r\n\r\n.image-gallery_image-gallery-left-nav__BmHmk,\r\n.image-gallery_image-gallery-right-nav__53hut {\r\n\tpadding: 50px 10px;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%)\r\n}\r\n\r\n.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\r\n.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\r\n\theight: 120px;\r\n\twidth: 60px\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\r\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\r\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\r\n\t\theight: 72px;\r\n\t\twidth: 36px\r\n\t}\r\n}\r\n\r\n@media(max-width: 480px) {\r\n\r\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\r\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\r\n\t\theight: 48px;\r\n\t\twidth: 24px\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-left-nav__BmHmk[disabled],\r\n.image-gallery_image-gallery-right-nav__53hut[disabled] {\r\n\tcursor: disabled;\r\n\topacity: .6;\r\n\tpointer-events: none\r\n}\r\n\r\n.image-gallery_image-gallery-left-nav__BmHmk {\r\n\tleft: 0\r\n}\r\n\r\n.image-gallery_image-gallery-right-nav__53hut {\r\n\tright: 0\r\n}\r\n\r\n.image-gallery_image-gallery__FfPQj {\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\t-o-user-select: none;\r\n\tuser-select: none;\r\n\t-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n\tposition: relative\r\n}\r\n\r\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw {\r\n\tbackground: #000;\r\n\tbottom: 0;\r\n\theight: 100%;\r\n\tleft: 0;\r\n\tposition: fixed;\r\n\tright: 0;\r\n\ttop: 0;\r\n\twidth: 100%;\r\n\tz-index: 5\r\n}\r\n\r\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw .image-gallery_image-gallery-content__kMTBU {\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%)\r\n}\r\n\r\n.image-gallery_image-gallery-content__kMTBU {\r\n\tposition: relative;\r\n\tline-height: 0;\r\n\ttop: 0\r\n}\r\n\r\n.image-gallery_image-gallery-content__kMTBU.image-gallery_fullscreen__VMCyX {\r\n\tbackground: #000\r\n}\r\n\r\n.image-gallery_image-gallery-content__kMTBU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\r\n\tmax-height: 50vh !important;\r\n}\r\n\r\n.image-gallery_image-gallery-content__kMTBU.image-gallery_left__K0NWU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh,\r\n.image-gallery_image-gallery-content__kMTBU.image-gallery_right__PlchD .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\r\n\tmax-height: 100vh\r\n}\r\n\r\n.image-gallery_image-gallery-slide-wrapper__gdmSf {\r\n\tposition: relative\r\n}\r\n\r\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\r\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\r\n\tdisplay: inline-block;\r\n\twidth: calc(100% - 110px)\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\r\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\r\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\r\n\t\twidth: calc(100% - 87px)\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_image-gallery-rtl__jhrNg {\r\n\tdirection: rtl\r\n}\r\n\r\n.image-gallery_image-gallery-slides__cWfmF {\r\n\tline-height: 0;\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n\twhite-space: nowrap;\r\n\ttext-align: center\r\n}\r\n\r\n.image-gallery_image-gallery-slide__2BfHc {\r\n\tleft: 0;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\twidth: 100%\r\n}\r\n\r\n.image-gallery_image-gallery-slide__2BfHc.image-gallery_center__1gH-w {\r\n\tposition: relative\r\n}\r\n\r\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\r\n\twidth: 100%;\r\n\tobject-fit: contain\r\n}\r\n\r\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\r\n\tbackground: rgba(0, 0, 0, .4);\r\n\tbottom: 70px;\r\n\tcolor: #fff;\r\n\tleft: 0;\r\n\tline-height: 1;\r\n\tpadding: 10px 20px;\r\n\tposition: absolute;\r\n\twhite-space: normal\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\r\n\t\tbottom: 45px;\r\n\t\tfont-size: .8em;\r\n\t\tpadding: 8px 15px\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-bullets__CEQBy {\r\n\tbottom: 20px;\r\n\tleft: 0;\r\n\tmargin: 0 auto;\r\n\tposition: absolute;\r\n\tright: 0;\r\n\twidth: 80%;\r\n\tz-index: 4\r\n}\r\n\r\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullets-container__BXDlg {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\ttext-align: center\r\n}\r\n\r\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\r\n\tappearance: none;\r\n\tbackground-color: transparent;\r\n\tborder: 1px solid #fff;\r\n\tborder-radius: 50%;\r\n\tbox-shadow: 0 2px 2px #1a1a1a;\r\n\tcursor: pointer;\r\n\tdisplay: inline-block;\r\n\tmargin: 0 5px;\r\n\toutline: none;\r\n\tpadding: 5px;\r\n\ttransition: all .2s ease-out\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\r\n\t\tmargin: 0 3px;\r\n\t\tpadding: 3px\r\n\t}\r\n}\r\n\r\n@media(max-width: 480px) {\r\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\r\n\t\tpadding: 2.7px\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:focus {\r\n\ttransform: scale(1.2);\r\n\tbackground: #000;\r\n\tborder: 1px solid #000\r\n}\r\n\r\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR {\r\n\ttransform: scale(1.2);\r\n\tborder: 1px solid #fff;\r\n\tbackground: #fff\r\n}\r\n\r\n@media(hover: hover)and (pointer: fine) {\r\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:hover {\r\n\t\tbackground: #000;\r\n\t\tborder: 1px solid #000\r\n\t}\r\n\r\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR:hover {\r\n\t\tbackground: #000\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv- {\r\n\tposition: relative\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-horizontal__5-5qp {\r\n\ttouch-action: pan-y\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-vertical__-NAhb {\r\n\ttouch-action: pan-x\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-wrapper-rtl__Ya5gz {\r\n\tdirection: rtl\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\r\n\tdisplay: inline-block;\r\n\tvertical-align: top;\r\n\twidth: 100px;\r\n\theight: 100px !important;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\r\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\r\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\r\n\t\twidth: 81px\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn,\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn {\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\tleft: 0;\r\n\tpadding: 0;\r\n\tposition: absolute;\r\n\ttop: 0\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF,\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF {\r\n\tdisplay: block;\r\n\tmargin-right: 0;\r\n\tpadding: 0\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF,\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\r\n\tmargin-left: 0;\r\n\tmargin-top: 2px\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\r\n\tmargin: 0 5px\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\r\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\r\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\r\n\t\tmargin: 0 3px\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails__1BFBn {\r\n\toverflow: hidden;\r\n\tpadding: 5px 0\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.image-gallery_image-gallery-thumbnails__1BFBn {\r\n\t\tpadding: 3px 0\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnails-container__Z3mr8 {\r\n\tcursor: pointer;\r\n\ttext-align: center;\r\n\twhite-space: nowrap\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnail__EKbDF {\r\n\tdisplay: inline-block;\r\n\tborder: 2px solid transparent;\r\n\ttransition: border .3s ease-out;\r\n\twidth: 10vh;\r\n\tbackground: transparent;\r\n\tpadding: 0\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.image-gallery_image-gallery-thumbnail__EKbDF {\r\n\t\tborder: 3px solid transparent;\r\n\t\twidth: 81px\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\r\n\tmargin-left: 2px\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-inner__4F4ry {\r\n\tdisplay: block;\r\n\tposition: relative\r\n}\r\n.image-gallery_image-gallery-thumbnail__EKbDF{\r\n\twidth: 10vh;\r\n\theight: 7vh;\r\n\toverflow: hidden;\r\n}\r\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-image__Oi9qX {\r\n\twidth: 100%;\r\n    height:100%;\r\n\tline-height: 0;\r\n    object-fit: contain;\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnail__EKbDF.image-gallery_active__B2qrR,\r\n.image-gallery_image-gallery-thumbnail__EKbDF:focus {\r\n\toutline: none;\r\n\tborder: 2px solid var(--light);\r\n}\r\n@media(hover: hover)and (pointer: fine) {\r\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\r\n\t\toutline: none;\r\n\t\tborder: 2px solid var(--light)\r\n\t}\r\n}\r\n\r\n@media(hover: hover)and (pointer: fine)and (max-width: 768px) {\r\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\r\n\t\tborder: 2px solid var(--primary)\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnail-label__4Xph8 {\r\n\tbox-sizing: border-box;\r\n\tcolor: #fff;\r\n\tfont-size: 1em;\r\n\tleft: 0;\r\n\tline-height: 1em;\r\n\tpadding: 5%;\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\ttext-shadow: 0 2px 2px #1a1a1a;\r\n\ttransform: translateY(-50%);\r\n\twhite-space: normal;\r\n\twidth: 100%\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.image-gallery_image-gallery-thumbnail-label__4Xph8 {\r\n\t\tfont-size: .8em;\r\n\t\tline-height: .8em\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-index__DbRoC {\r\n\tbackground: rgba(0, 0, 0, .4);\r\n\tcolor: #fff;\r\n\tline-height: 1;\r\n\tpadding: 10px 20px;\r\n\tposition: absolute;\r\n\tright: 0;\r\n\ttop: 0;\r\n\tz-index: 4\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.image-gallery_image-gallery-index__DbRoC {\r\n\t\tfont-size: .8em;\r\n\t\tpadding: 5px 10px\r\n\t}\r\n}";
     styleInject(css_248z$E);
 
-    function ownKeys$1u(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 ownKeys$1v(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 _objectSpread$1u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1u(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$1v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1v(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
     var Productinfo = function Productinfo(props) {
       var _authdetailsContext$c, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i3, _authdetailsContext$i4;
@@ -855,7 +855,7 @@
           StatePagePropertiesContext.pageobj != undefined && StatePagePropertiesContext.pageobj.pageproperties != undefined && StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$1u({}, secpropobj));
+          setsectionproperties(_objectSpread$1v({}, secpropobj));
         }
       }, [StatePagePropertiesContext]); // const FetchRelatedProductsQuery = useQuery([' FetchRelatedProducts_API' + RelatedProductsTagid], () => FetchRelatedProducts_API({ tagid: RelatedProductsTagid, productid: '' }), {
       //     keepPreviousData: true,
@@ -885,7 +885,7 @@
         templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[pageindexcontext]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$1u({}, secpropobj));
+        setsectionproperties(_objectSpread$1v({}, secpropobj));
       }, [pageindexcontext]);
 
       var _useState9 = React.useState([]),
@@ -922,15 +922,15 @@
       }, [fetchProductInfoQueryContext.isSuccess, fetchProductInfoQueryContext.data]);
 
       var productidassigner = function productidassigner(productid) {
-        var tempFetchQueriesEngineContext = _objectSpread$1u({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$1v({}, FetchQueriesEngineContext);
 
         tempFetchQueriesEngineContext.fetchproductinfo = true;
-        setFetchQueriesEngineContext(_objectSpread$1u({}, tempFetchQueriesEngineContext));
+        setFetchQueriesEngineContext(_objectSpread$1v({}, tempFetchQueriesEngineContext));
 
-        var tempfetchproductinfoObjContext = _objectSpread$1u({}, fetchproductinfoObjContext);
+        var tempfetchproductinfoObjContext = _objectSpread$1v({}, fetchproductinfoObjContext);
 
         tempfetchproductinfoObjContext.productid = productid;
-        setfetchproductinfoObjContext(_objectSpread$1u({}, tempfetchproductinfoObjContext));
+        setfetchproductinfoObjContext(_objectSpread$1v({}, tempfetchproductinfoObjContext));
       };
 
       React.useEffect(function () {
@@ -951,10 +951,10 @@
             setproductimagesarray([].concat(tempproductimagesarray));
             variantchecker();
 
-            var tempaddtocardpayloadobj = _objectSpread$1u({}, addtocardpayloadobj);
+            var tempaddtocardpayloadobj = _objectSpread$1v({}, addtocardpayloadobj);
 
             tempaddtocardpayloadobj.productid = fetchProductInfoQueryContext.data.data.productinfo.productid;
-            setaddtocardpayloadobj(_objectSpread$1u({}, tempaddtocardpayloadobj));
+            setaddtocardpayloadobj(_objectSpread$1v({}, tempaddtocardpayloadobj));
             setRelatedProductsTagid(fetchProductInfoQueryContext.data.data.productinfo.maintagid);
           }
         }
@@ -978,7 +978,7 @@
         variantchecker();
         variantcompleting(); // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
 
-        setProductInfoObj(_objectSpread$1u({}, productarr));
+        setProductInfoObj(_objectSpread$1v({}, productarr));
       };
 
       var variantchecker = function variantchecker() {
@@ -1056,7 +1056,7 @@
             } // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
 
 
-            setProductInfoObj(_objectSpread$1u({}, productarr));
+            setProductInfoObj(_objectSpread$1v({}, productarr));
           }
         }
       };
@@ -1064,10 +1064,10 @@
       var variantcompleting = function variantcompleting() {
         setvariantindexcompleted('');
 
-        var tempaddtocardpayloadobj = _objectSpread$1u({}, addtocardpayloadobj);
+        var tempaddtocardpayloadobj = _objectSpread$1v({}, addtocardpayloadobj);
 
         tempaddtocardpayloadobj.variantid = '';
-        setaddtocardpayloadobj(_objectSpread$1u({}, tempaddtocardpayloadobj));
+        setaddtocardpayloadobj(_objectSpread$1v({}, tempaddtocardpayloadobj));
         var productarr = ProductInfoObj;
         var selectedoptionsvalues = [];
         productarr.data.productinfo.productoptions.forEach(function (productoptionsitem, productoptionsindex) {
@@ -1103,16 +1103,16 @@
             } else {
               variantid = variantobj.variantid;
 
-              var tempaddtocardpayloadobj = _objectSpread$1u({}, addtocardpayloadobj);
+              var tempaddtocardpayloadobj = _objectSpread$1v({}, addtocardpayloadobj);
 
               tempaddtocardpayloadobj.variantid = variantid;
-              setaddtocardpayloadobj(_objectSpread$1u({}, tempaddtocardpayloadobj));
+              setaddtocardpayloadobj(_objectSpread$1v({}, tempaddtocardpayloadobj));
               setvariantindexcompleted(ProductVariantIndex);
             }
           }
         }); // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
 
-        setProductInfoObj(_objectSpread$1u({}, productarr));
+        setProductInfoObj(_objectSpread$1v({}, productarr));
       };
 
       var addtocartfunc = function addtocartfunc() {
@@ -1321,7 +1321,8 @@
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: 'row w-100 ml-0 mr-0',
         style: {
-          marginTop: sectionproperties.marginTop + 'px'
+          marginTop: sectionproperties.marginTop + 'px',
+          marginBottom: sectionproperties.marginBottom + 'px'
         }
       }, fetchProductInfoQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
         className: 'row ml-0 mr-0 mt-2 w-100 pb-3 mb-3'
@@ -1584,13 +1585,13 @@
       }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
         onClick: function onClick() {
-          var tempaddtocardpayloadobj = _objectSpread$1u({}, addtocardpayloadobj);
+          var tempaddtocardpayloadobj = _objectSpread$1v({}, addtocardpayloadobj);
 
           if (tempaddtocardpayloadobj.quantity > 0) {
             tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
           }
 
-          setaddtocardpayloadobj(_objectSpread$1u({}, tempaddtocardpayloadobj));
+          setaddtocardpayloadobj(_objectSpread$1v({}, tempaddtocardpayloadobj));
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: "fa fa-chevron-down font-12"
@@ -1599,10 +1600,10 @@
       }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
         className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
         onClick: function onClick() {
-          var tempaddtocardpayloadobj = _objectSpread$1u({}, addtocardpayloadobj);
+          var tempaddtocardpayloadobj = _objectSpread$1v({}, addtocardpayloadobj);
 
           tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
-          setaddtocardpayloadobj(_objectSpread$1u({}, tempaddtocardpayloadobj));
+          setaddtocardpayloadobj(_objectSpread$1v({}, tempaddtocardpayloadobj));
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: "fa fa-chevron-up font-12"
@@ -1912,9 +1913,9 @@
     var staticroutersidenav = {"vertical_nav_menu":"staticroutersidenav-module_vertical_nav_menu__p0mIj","sidebar_item":"staticroutersidenav-module_sidebar_item__3F9Q1","sidenav_page_name":"staticroutersidenav-module_sidenav_page_name__46AJV","sidenav_icon_cont":"staticroutersidenav-module_sidenav_icon_cont__O8YSe","metismenu_icon":"staticroutersidenav-module_metismenu_icon__EcRZ1","sidenav_active":"staticroutersidenav-module_sidenav_active__IjRo0","horizontal_nav_menu":"staticroutersidenav-module_horizontal_nav_menu__6V32S","sidebar_itemlastchild":"staticroutersidenav-module_sidebar_itemlastchild__9O187"};
     styleInject(css_248z$D);
 
-    function ownKeys$1t(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 ownKeys$1u(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 _objectSpread$1t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1t(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$1u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1u(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
     var Staticpagesrouter = function Staticpagesrouter(props) {
       var _useState = React.useState(props.currentpageprops),
@@ -2018,7 +2019,7 @@
           templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$1t({}, secpropobj));
+          setsectionproperties(_objectSpread$1u({}, secpropobj));
           setnavigationstyle('Upper Navigation');
         } // }
         // }
@@ -2178,12 +2179,12 @@
       }))))));
     };
 
-    function ownKeys$1s(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 ownKeys$1t(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 _objectSpread$1s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1s(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$1t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1t(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
     var Ordershistory = function Ordershistory(props) {
-      var _props$actions2, _bgimagesarray$, _bgimagesarray$2;
+      var _props$actions2, _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8;
 
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
@@ -2216,10 +2217,10 @@
 
       React.useEffect(function () {
         if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) == true) {
-          var tempFetchQueriesEngineContext = _objectSpread$1s({}, FetchQueriesEngineContext);
+          var tempFetchQueriesEngineContext = _objectSpread$1t({}, FetchQueriesEngineContext);
 
           tempFetchQueriesEngineContext.orderhistory = true;
-          setFetchQueriesEngineContext(_objectSpread$1s({}, tempFetchQueriesEngineContext));
+          setFetchQueriesEngineContext(_objectSpread$1t({}, tempFetchQueriesEngineContext));
         } else {
           routingcountext('');
         }
@@ -2247,7 +2248,7 @@
         props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$1s({}, secpropobj)); // }
+        setsectionproperties(_objectSpread$1t({}, secpropobj)); // }
       }, [props === null || props === void 0 ? void 0 : (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
       var orderhistory_cssstyles = {
         sectiontitlespan: glamor.css({
@@ -2403,7 +2404,23 @@
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100"
       }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0 d-flex justify-content-center"
+        className: "col-lg-12 p-0 d-flex justify-content-center",
+        style: {
+          cursor: ((_bgimagesarray$ = bgimagesarray[0]) === null || _bgimagesarray$ === void 0 ? void 0 : _bgimagesarray$.IsClickable) == 'Yes' ? 'pointer' : 'default'
+        },
+        onClick: function onClick() {
+          var _bgimagesarray$2;
+
+          if (((_bgimagesarray$2 = bgimagesarray[0]) === null || _bgimagesarray$2 === void 0 ? void 0 : _bgimagesarray$2.IsClickable) == 'Yes') {
+            var _bgimagesarray$3, _bgimagesarray$4;
+
+            if ((_bgimagesarray$3 = bgimagesarray[0]) !== null && _bgimagesarray$3 !== void 0 && _bgimagesarray$3.clickable_page_route && ((_bgimagesarray$4 = bgimagesarray[0]) === null || _bgimagesarray$4 === void 0 ? void 0 : _bgimagesarray$4.clickable_page_route.length) != 0) {
+              routingcountext(bgimagesarray[0].clickable_page_route, false, '');
+            } else {
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, bgimagesarray[0].Clickable_Reference_Collection_ID);
+            }
+          }
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           width: sectionproperties.image_width + 'vw',
@@ -2414,11 +2431,11 @@
       }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
         urlEndpoint: IKurlEndpoint,
         publicKey: IKpublicKey,
-        path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-3500,h-650/' + ((_bgimagesarray$ = bgimagesarray[0]) === null || _bgimagesarray$ === void 0 ? void 0 : _bgimagesarray$.bgsection_image) : '/tr:w-3500,h-650/' + ((_bgimagesarray$2 = bgimagesarray[0]) === null || _bgimagesarray$2 === void 0 ? void 0 : _bgimagesarray$2.bgsection_image_ar) : '',
+        path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-3500,h-650/' + ((_bgimagesarray$5 = bgimagesarray[0]) === null || _bgimagesarray$5 === void 0 ? void 0 : _bgimagesarray$5.bgsection_image) : '/tr:w-3500,h-650/' + ((_bgimagesarray$6 = bgimagesarray[0]) === null || _bgimagesarray$6 === void 0 ? void 0 : _bgimagesarray$6.bgsection_image_ar) : '',
+        "class": "d-flex d-sm-none",
         style: {
           height: '100%',
           width: '100%',
-          // objectFit: 'cover',
           margin: 0,
           padding: 0,
           background: sectionproperties.image_bgcolor,
@@ -2426,8 +2443,26 @@
           borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
           borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
-          zIndex: -1 // transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)',
-
+          objectFit: sectionproperties.bgcovercontain,
+          zIndex: -1
+        }
+      }), /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+        urlEndpoint: IKurlEndpoint,
+        publicKey: IKpublicKey,
+        path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-600,h-750/' + ((_bgimagesarray$7 = bgimagesarray[0]) === null || _bgimagesarray$7 === void 0 ? void 0 : _bgimagesarray$7.bgsection_imageresponsive) : '/tr:w-600,h-750/' + ((_bgimagesarray$8 = bgimagesarray[0]) === null || _bgimagesarray$8 === void 0 ? void 0 : _bgimagesarray$8.bgsection_imageresponsive_ar) : '',
+        "class": "d-none d-sm-flex",
+        style: {
+          height: '100%',
+          width: '100%',
+          margin: 0,
+          padding: 0,
+          objectFit: sectionproperties.bgcovercontainresponsive,
+          background: sectionproperties.image_bgcolor,
+          borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+          borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+          borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+          borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+          zIndex: -1
         }
       }), /*#__PURE__*/React__default["default"].createElement("div", {
         className: ' col-lg-12 p-0 w-100 d-flex align-items-center justify-content-center ',
@@ -3030,12 +3065,12 @@
     var wishliststyles = {"wishlist_card":"wishlist-module_wishlist_card__sUXul","image_container":"wishlist-module_image_container__FuptA","floatbtn":"wishlist-module_floatbtn__PZDvQ"};
     styleInject(css_248z$C);
 
-    function ownKeys$1r(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 ownKeys$1s(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 _objectSpread$1r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1r(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$1s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1s(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
     var Wishlist = function Wishlist(props) {
-      var _bgimagesarray$, _bgimagesarray$2;
+      var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8;
 
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
@@ -3057,7 +3092,7 @@
           StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$1r({}, secpropobj));
+          setsectionproperties(_objectSpread$1s({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
 
@@ -3067,10 +3102,10 @@
           _useState2[1];
 
       React.useEffect(function () {
-        var tempFetchQueriesEngineContext = _objectSpread$1r({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$1s({}, FetchQueriesEngineContext);
 
         tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
-        setFetchQueriesEngineContext(_objectSpread$1r({}, tempFetchQueriesEngineContext));
+        setFetchQueriesEngineContext(_objectSpread$1s({}, tempFetchQueriesEngineContext));
       }, []);
 
       var _useState3 = React.useState(''),
@@ -3102,7 +3137,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$1r({}, secpropobj));
+          setsectionproperties(_objectSpread$1s({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       var wishlist_cssstyles = {
@@ -3213,7 +3248,23 @@
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: 'row ml-0 mr-0 w-100'
       }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0 d-flex justify-content-center"
+        className: "col-lg-12 p-0 d-flex justify-content-center",
+        style: {
+          cursor: ((_bgimagesarray$ = bgimagesarray[0]) === null || _bgimagesarray$ === void 0 ? void 0 : _bgimagesarray$.IsClickable) == 'Yes' ? 'pointer' : 'default'
+        },
+        onClick: function onClick() {
+          var _bgimagesarray$2;
+
+          if (((_bgimagesarray$2 = bgimagesarray[0]) === null || _bgimagesarray$2 === void 0 ? void 0 : _bgimagesarray$2.IsClickable) == 'Yes') {
+            var _bgimagesarray$3, _bgimagesarray$4;
+
+            if ((_bgimagesarray$3 = bgimagesarray[0]) !== null && _bgimagesarray$3 !== void 0 && _bgimagesarray$3.clickable_page_route && ((_bgimagesarray$4 = bgimagesarray[0]) === null || _bgimagesarray$4 === void 0 ? void 0 : _bgimagesarray$4.clickable_page_route.length) != 0) {
+              routingcountext(bgimagesarray[0].clickable_page_route, false, '');
+            } else {
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, bgimagesarray[0].Clickable_Reference_Collection_ID);
+            }
+          }
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           width: sectionproperties.image_width + 'vw',
@@ -3224,11 +3275,11 @@
       }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
         urlEndpoint: IKurlEndpoint,
         publicKey: IKpublicKey,
-        path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-3500,h-650/' + ((_bgimagesarray$ = bgimagesarray[0]) === null || _bgimagesarray$ === void 0 ? void 0 : _bgimagesarray$.bgsection_image) : '/tr:w-3500,h-650/' + ((_bgimagesarray$2 = bgimagesarray[0]) === null || _bgimagesarray$2 === void 0 ? void 0 : _bgimagesarray$2.bgsection_image_ar) : '',
+        path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-3500,h-650/' + ((_bgimagesarray$5 = bgimagesarray[0]) === null || _bgimagesarray$5 === void 0 ? void 0 : _bgimagesarray$5.bgsection_image) : '/tr:w-3500,h-650/' + ((_bgimagesarray$6 = bgimagesarray[0]) === null || _bgimagesarray$6 === void 0 ? void 0 : _bgimagesarray$6.bgsection_image_ar) : '',
+        "class": "d-flex d-sm-none",
         style: {
           height: '100%',
           width: '100%',
-          // objectFit: 'cover',
           margin: 0,
           padding: 0,
           background: sectionproperties.image_bgcolor,
@@ -3236,8 +3287,26 @@
           borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
           borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
-          zIndex: -1 // transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)',
-
+          zIndex: -1,
+          objectFit: sectionproperties.bgcovercontain
+        }
+      }), /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+        urlEndpoint: IKurlEndpoint,
+        publicKey: IKpublicKey,
+        path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-600,h-750/' + ((_bgimagesarray$7 = bgimagesarray[0]) === null || _bgimagesarray$7 === void 0 ? void 0 : _bgimagesarray$7.bgsection_imageresponsive) : '/tr:w-600,h-750/' + ((_bgimagesarray$8 = bgimagesarray[0]) === null || _bgimagesarray$8 === void 0 ? void 0 : _bgimagesarray$8.bgsection_imageresponsive_ar) : '',
+        "class": "d-none d-sm-flex",
+        style: {
+          height: '100%',
+          width: '100%',
+          margin: 0,
+          padding: 0,
+          objectFit: sectionproperties.bgcovercontainresponsive,
+          background: sectionproperties.image_bgcolor,
+          borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+          borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+          borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+          borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+          zIndex: -1
         }
       }), /*#__PURE__*/React__default["default"].createElement("div", {
         className: ' col-lg-12 p-0 w-100 d-flex align-items-center justify-content-center ',
@@ -3541,12 +3610,12 @@
     var cartstyles$1 = {"cartslider_container":"viewcart-module_cartslider_container__UL-Hd","cartslider_container_opened":"viewcart-module_cartslider_container_opened__F7T-6","close_menu_icon_cont":"viewcart-module_close_menu_icon_cont__iLLUP","cart_slider_imagecont":"viewcart-module_cart_slider_imagecont__IX0L7","checkout_quantity_cont":"viewcart-module_checkout_quantity_cont__lJQsv","btn_circle":"viewcart-module_btn_circle__mj95R","cart_progress_card":"viewcart-module_cart_progress_card__1FShH","cart_progress_card_active":"viewcart-module_cart_progress_card_active__Gnvfg","trash_btn":"viewcart-module_trash_btn__WA3Ht","checkout_card_card":"viewcart-module_checkout_card_card__gkpcm"};
     styleInject(css_248z$B);
 
-    function ownKeys$1q(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 ownKeys$1r(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 _objectSpread$1q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1q(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$1r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1r(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
     var Viewcart = function Viewcart(props) {
-      var _css, _bgimagesarray$, _bgimagesarray$2, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28, _fetchcustomercartQue29, _fetchcustomercartQue30, _fetchcustomercartQue31, _fetchcustomercartQue32, _fetchcustomercartQue33, _fetchcustomercartQue34, _fetchcustomercartQue35, _fetchcustomercartQue36, _fetchcustomercartQue37;
+      var _css, _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28, _fetchcustomercartQue29, _fetchcustomercartQue30, _fetchcustomercartQue31, _fetchcustomercartQue32, _fetchcustomercartQue33, _fetchcustomercartQue34, _fetchcustomercartQue35, _fetchcustomercartQue36, _fetchcustomercartQue37;
 
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
@@ -3580,7 +3649,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$1q({}, secpropobj));
+          setsectionproperties(_objectSpread$1r({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -3878,7 +3947,23 @@
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: 'row m-0 w-100 d-flex justify-content-center'
       }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0 d-flex justify-content-center"
+        className: "col-lg-12 p-0 d-flex justify-content-center",
+        style: {
+          cursor: ((_bgimagesarray$ = bgimagesarray[0]) === null || _bgimagesarray$ === void 0 ? void 0 : _bgimagesarray$.IsClickable) == 'Yes' ? 'pointer' : 'default'
+        },
+        onClick: function onClick() {
+          var _bgimagesarray$2;
+
+          if (((_bgimagesarray$2 = bgimagesarray[0]) === null || _bgimagesarray$2 === void 0 ? void 0 : _bgimagesarray$2.IsClickable) == 'Yes') {
+            var _bgimagesarray$3, _bgimagesarray$4;
+
+            if ((_bgimagesarray$3 = bgimagesarray[0]) !== null && _bgimagesarray$3 !== void 0 && _bgimagesarray$3.clickable_page_route && ((_bgimagesarray$4 = bgimagesarray[0]) === null || _bgimagesarray$4 === void 0 ? void 0 : _bgimagesarray$4.clickable_page_route.length) != 0) {
+              routingcountext(bgimagesarray[0].clickable_page_route, false, '');
+            } else {
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, bgimagesarray[0].Clickable_Reference_Collection_ID);
+            }
+          }
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           width: sectionproperties.image_width + 'vw',
@@ -3889,11 +3974,11 @@
       }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
         urlEndpoint: IKurlEndpoint,
         publicKey: IKpublicKey,
-        path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-3500,h-650/' + ((_bgimagesarray$ = bgimagesarray[0]) === null || _bgimagesarray$ === void 0 ? void 0 : _bgimagesarray$.bgsection_image) : '/tr:w-3500,h-650/' + ((_bgimagesarray$2 = bgimagesarray[0]) === null || _bgimagesarray$2 === void 0 ? void 0 : _bgimagesarray$2.bgsection_image_ar) : '',
+        path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-3500,h-650/' + ((_bgimagesarray$5 = bgimagesarray[0]) === null || _bgimagesarray$5 === void 0 ? void 0 : _bgimagesarray$5.bgsection_image) : '/tr:w-3500,h-650/' + ((_bgimagesarray$6 = bgimagesarray[0]) === null || _bgimagesarray$6 === void 0 ? void 0 : _bgimagesarray$6.bgsection_image_ar) : '',
+        "class": "d-flex d-sm-none",
         style: {
           height: '100%',
           width: '100%',
-          // objectFit: 'cover',
           margin: 0,
           padding: 0,
           background: sectionproperties.image_bgcolor,
@@ -3901,8 +3986,26 @@
           borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
           borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
-          zIndex: -1 // transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)',
-
+          zIndex: -1,
+          objectFit: sectionproperties.bgcovercontain
+        }
+      }), /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+        urlEndpoint: IKurlEndpoint,
+        publicKey: IKpublicKey,
+        path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-600,h-750/' + ((_bgimagesarray$7 = bgimagesarray[0]) === null || _bgimagesarray$7 === void 0 ? void 0 : _bgimagesarray$7.bgsection_imageresponsive) : '/tr:w-600,h-750/' + ((_bgimagesarray$8 = bgimagesarray[0]) === null || _bgimagesarray$8 === void 0 ? void 0 : _bgimagesarray$8.bgsection_imageresponsive_ar) : '',
+        "class": "d-none d-sm-flex",
+        style: {
+          height: '100%',
+          width: '100%',
+          margin: 0,
+          padding: 0,
+          objectFit: sectionproperties.bgcovercontainresponsive,
+          background: sectionproperties.image_bgcolor,
+          borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+          borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+          borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+          borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+          zIndex: -1
         }
       }), /*#__PURE__*/React__default["default"].createElement("div", {
         className: ' col-lg-12 p-0 w-100 d-flex align-items-center justify-content-center ',
@@ -4222,7 +4325,7 @@
           },
           loading: "lazy"
         })), /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "pl-2 pr-2"
+          className: "col-lg-9 col-sm-9 col-md-9"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           className: "".concat(viewcart_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak d-flex justify-content-start '
         }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar), item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
@@ -4343,12 +4446,12 @@
     var formstyles = {"form_control":"form-module_form_control__4-RGw","form_controlcheckout":"form-module_form_controlcheckout__IoXvi","textarea":"form-module_textarea__zG0ed","form_control_border_none":"form-module_form_control_border_none__TJvdZ","disabled":"form-module_disabled__AtvSI","input_label_name":"form-module_input_label_name__416wN","input_label_name-bolder":"form-module_input_label_name-bolder__UQn0a","input_icon":"form-module_input_icon__X-CzC","radiobtn_label":"form-module_radiobtn_label__-4Hoi","text-grey":"form-module_text-grey__JdZMY","radiobtn_label_translated":"form-module_radiobtn_label_translated__WN5Jj","checkbox":"form-module_checkbox__XPkWy","checkbox_label":"form-module_checkbox_label__VvcKs","checkbox_sub":"form-module_checkbox_sub__QWYil","checkboxtranslated":"form-module_checkboxtranslated__zvEV-"};
     styleInject(css_248z$A);
 
-    function ownKeys$1p(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 ownKeys$1q(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 _objectSpread$1p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1p(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$1q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1q(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var defaultstyles = {
       option: function option(provided, state) {
-        return _objectSpread$1p(_objectSpread$1p({}, provided), {}, {
+        return _objectSpread$1q(_objectSpread$1q({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -4375,7 +4478,7 @@
         };
       },
       dropdownIndicator: function dropdownIndicator(provided) {
-        return _objectSpread$1p(_objectSpread$1p({}, provided), {}, {
+        return _objectSpread$1q(_objectSpread$1q({}, provided), {}, {
           '&:hover': {// color: '#eac435',
           }
         });
@@ -4383,7 +4486,7 @@
     };
     var defaultstylestranslated = {
       option: function option(provided, state) {
-        return _objectSpread$1p(_objectSpread$1p({}, provided), {}, {
+        return _objectSpread$1q(_objectSpread$1q({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -4412,21 +4515,21 @@
         };
       },
       dropdownIndicator: function dropdownIndicator(provided) {
-        return _objectSpread$1p(_objectSpread$1p({}, provided), {}, {
+        return _objectSpread$1q(_objectSpread$1q({}, provided), {}, {
           '&:hover': {// color: '#eac435',
           }
         });
       },
       placeholder: function placeholder(provided, state) {
-        return _objectSpread$1p(_objectSpread$1p({}, provided), {}, {
+        return _objectSpread$1q(_objectSpread$1q({}, provided), {}, {
           textAlign: 'right'
         });
       }
     };
 
-    function ownKeys$1o(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 ownKeys$1p(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 _objectSpread$1o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1o(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$1p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1p(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var Select$1 = /*#__PURE__*/React__default["default"].lazy(function () {
       return import('react-select');
     });
@@ -4497,18 +4600,18 @@
         props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$1o({}, secpropobj)); // }
+        setsectionproperties(_objectSpread$1p({}, secpropobj)); // }
       }, [props.actions.StatePagePropertiesContext]);
       React.useEffect(function () {
         var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14;
 
         // if (authdetailsContext.loggedin == true) {
-        var tempFetchQueriesEngineContext = _objectSpread$1o({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$1p({}, FetchQueriesEngineContext);
 
         tempFetchQueriesEngineContext.fetchtabexcountries = true;
-        setFetchQueriesEngineContext(_objectSpread$1o({}, tempFetchQueriesEngineContext));
+        setFetchQueriesEngineContext(_objectSpread$1p({}, tempFetchQueriesEngineContext));
 
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1o({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1p({}, FetchTabexStatesPayloadobjContext);
 
         if ( // Aya
         !fetchcustomercartQueryContext.isFetching && fetchcustomercartQueryContext.isSuccess && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != undefined && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.customercart.countryid) != null && // End
@@ -4526,7 +4629,7 @@
           tempFetchTabexStatesPayloadobjContext.state_id = fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue15 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue15 === void 0 ? void 0 : (_fetchcustomercartQue16 = _fetchcustomercartQue15.data) === null || _fetchcustomercartQue16 === void 0 ? void 0 : _fetchcustomercartQue16.customercart.stateid;
         }
 
-        setFetchTabexStatesPayloadobjContext(_objectSpread$1o({}, tempFetchTabexStatesPayloadobjContext)); // } else {
+        setFetchTabexStatesPayloadobjContext(_objectSpread$1p({}, tempFetchTabexStatesPayloadobjContext)); // } else {
         // routingcountext('');
         // }
       }, []);
@@ -5077,7 +5180,7 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement(gr.GrMail, null)), /*#__PURE__*/React__default["default"].createElement("p", {
         className: "m-0 p-0 wordbreak"
-      }, authdetailsContext.customerinfo.email))))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, authdetailsContext.customerinfo.email))))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 justify-content-end float-right pl-2 pr-2",
         style: {
           fontSize: sectionproperties.userinfo_titlefontsize + 'px',
@@ -5093,6 +5196,22 @@
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.accountinfo);
         }
+      }, lang.update), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 justify-content-end float-left pl-2 pr-2",
+        style: {
+          fontSize: sectionproperties.userinfo_titlefontsize + 'px',
+          color: sectionproperties.userinfo_titlecolor,
+          fontWeight: sectionproperties.userinfo_titlefontweight,
+          textAlign: 'left',
+          textDecoration: 'underline',
+          cursor: 'pointer',
+          position: 'absolute',
+          left: 10,
+          top: 10
+        },
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.accountinfo);
+        }
       }, lang.update)))), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -5198,11 +5317,11 @@
           return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 ? void 0 : (_fetchcustomercartQue76 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue76 === void 0 ? void 0 : _fetchcustomercartQue76.customercart.countryid);
         }),
         onChange: function onChange(option) {
-          var tempFetchTabexStatesPayloadobjContext = _objectSpread$1o({}, FetchTabexStatesPayloadobjContext);
+          var tempFetchTabexStatesPayloadobjContext = _objectSpread$1p({}, FetchTabexStatesPayloadobjContext);
 
           tempFetchTabexStatesPayloadobjContext.functype = 'states';
           tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-          setFetchTabexStatesPayloadobjContext(_objectSpread$1o({}, tempFetchTabexStatesPayloadobjContext));
+          setFetchTabexStatesPayloadobjContext(_objectSpread$1p({}, tempFetchTabexStatesPayloadobjContext));
           cartinfoupdater('countryid', option.id);
         },
         styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -5236,11 +5355,11 @@
           var _fetchcustomercartQue79, _fetchcustomercartQue80;
 
           if (option.id.length != 0 && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue79 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue79 === void 0 ? void 0 : (_fetchcustomercartQue80 = _fetchcustomercartQue79.data) === null || _fetchcustomercartQue80 === void 0 ? void 0 : _fetchcustomercartQue80.customercart.countryid.length) != 0) {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$1o({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$1p({}, FetchTabexStatesPayloadobjContext);
 
             tempFetchTabexStatesPayloadobjContext.functype = 'cities';
             tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$1o({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$1p({}, tempFetchTabexStatesPayloadobjContext));
             cartinfoupdater('stateid', option.id);
           } else {
             NotificationManager.warning('', 'Please Choose Country Or State');
@@ -5495,9 +5614,9 @@
     var loginstyles = {"rightContainer":"signup-module_rightContainer__yEcoL","rightContainerTrans":"signup-module_rightContainerTrans__fkdBH","rightContainerText":"signup-module_rightContainerText__-pvN-","form_control":"signup-module_form_control__7s76W","anim-shadow":"signup-module_anim-shadow__CsxhG","login_input_icon":"signup-module_login_input_icon__RDTS0","form_control_border_none":"signup-module_form_control_border_none__HjUMS","disabled":"signup-module_disabled__h55ao","leftcontainer":"signup-module_leftcontainer__bqfnN","form_controltextarea":"signup-module_form_controltextarea__-LGz6","checkbox":"signup-module_checkbox__8ejBx","checkbox_label":"signup-module_checkbox_label__d84Q2","checkbox_sub":"signup-module_checkbox_sub__WQLUX","checkboxtranslated":"signup-module_checkboxtranslated__4xHR-"};
     styleInject(css_248z$z);
 
-    function ownKeys$1n(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 ownKeys$1o(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 _objectSpread$1n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$1o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1o(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var Select = /*#__PURE__*/React__default["default"].lazy(function () {
       return import('react-select');
     });
@@ -5551,27 +5670,27 @@
           setpayloadobj = _useState6[1];
 
       React.useEffect(function () {
-        var tempFetchQueriesEngineContext = _objectSpread$1n({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$1o({}, FetchQueriesEngineContext);
 
         tempFetchQueriesEngineContext.institutecustomerinfosignup = true;
         tempFetchQueriesEngineContext.fetchtabexcountries = true;
-        setFetchQueriesEngineContext(_objectSpread$1n({}, tempFetchQueriesEngineContext));
+        setFetchQueriesEngineContext(_objectSpread$1o({}, tempFetchQueriesEngineContext));
 
-        var tempFetchQueriesEngineContext = _objectSpread$1n({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$1o({}, FetchQueriesEngineContext);
       }, []);
       React.useEffect(function () {
         if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
-          setsectionproperties(_objectSpread$1n({}, props.sectionpropertiesprops));
+          setsectionproperties(_objectSpread$1o({}, props.sectionpropertiesprops));
         }
       }, [props.sectionpropertiesprops]);
       React.useEffect(function () {
         if (fetchinstitutecustomerinfosignupQueryContext.isSuccess) {
           if (authdetailsContext.loggedin == true) {
-            var tempcustomerinfoobj = _objectSpread$1n({}, fetchinstitutecustomerinfosignupQueryContext.data.data.customerinfo);
+            var tempcustomerinfoobj = _objectSpread$1o({}, fetchinstitutecustomerinfosignupQueryContext.data.data.customerinfo);
 
-            setpayloadobj(_objectSpread$1n({}, tempcustomerinfoobj));
+            setpayloadobj(_objectSpread$1o({}, tempcustomerinfoobj));
 
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$1n({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$1o({}, FetchTabexStatesPayloadobjContext);
 
             if (tempcustomerinfoobj.countryid != null) {
               tempFetchTabexStatesPayloadobjContext.country_id = tempcustomerinfoobj.countryid;
@@ -5581,28 +5700,28 @@
               tempFetchTabexStatesPayloadobjContext.state_id = tempcustomerinfoobj.stateid;
             }
 
-            setFetchTabexStatesPayloadobjContext(_objectSpread$1n({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$1o({}, tempFetchTabexStatesPayloadobjContext));
             setdataloaded(true);
           } else {
             var _fetchinstitutecustom, _fetchinstitutecustom2;
 
-            var tempcustomerinfoobj = _objectSpread$1n({}, payloadobj);
+            var tempcustomerinfoobj = _objectSpread$1o({}, payloadobj);
 
             if (Array.isArray(fetchinstitutecustomerinfosignupQueryContext === null || fetchinstitutecustomerinfosignupQueryContext === void 0 ? void 0 : (_fetchinstitutecustom = fetchinstitutecustomerinfosignupQueryContext.data) === null || _fetchinstitutecustom === void 0 ? void 0 : (_fetchinstitutecustom2 = _fetchinstitutecustom.data) === null || _fetchinstitutecustom2 === void 0 ? void 0 : _fetchinstitutecustom2.instsignupformvalues)) {
               tempcustomerinfoobj.instsignupformvalues = _toConsumableArray__default["default"](fetchinstitutecustomerinfosignupQueryContext.data.data.instsignupformvalues);
             }
 
-            setpayloadobj(_objectSpread$1n({}, tempcustomerinfoobj));
+            setpayloadobj(_objectSpread$1o({}, tempcustomerinfoobj));
             setdataloaded(true);
           }
         }
       }, [fetchinstitutecustomerinfosignupQueryContext.isSuccess, fetchinstitutecustomerinfosignupQueryContext.data, authdetailsContext]);
 
       var payloadobjchange = function payloadobjchange(key, value) {
-        var temppayloadobj = _objectSpread$1n({}, payloadobj);
+        var temppayloadobj = _objectSpread$1o({}, payloadobj);
 
         temppayloadobj[key] = value;
-        setpayloadobj(_objectSpread$1n({}, temppayloadobj));
+        setpayloadobj(_objectSpread$1o({}, temppayloadobj));
       };
 
       var formstyles = {
@@ -5765,11 +5884,11 @@
             return option.id == payloadobj.countryid;
           }),
           onChange: function onChange(option) {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$1n({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$1o({}, FetchTabexStatesPayloadobjContext);
 
             tempFetchTabexStatesPayloadobjContext.functype = 'states';
             tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$1n({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$1o({}, tempFetchTabexStatesPayloadobjContext));
             payloadobjchange('countryid', option.id);
           },
           styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -5803,11 +5922,11 @@
             return option.id == payloadobj.stateid;
           }),
           onChange: function onChange(option) {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$1n({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$1o({}, FetchTabexStatesPayloadobjContext);
 
             tempFetchTabexStatesPayloadobjContext.functype = 'cities';
             tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$1n({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$1o({}, tempFetchTabexStatesPayloadobjContext));
             payloadobjchange('stateid', option.id);
           },
           styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -5916,10 +6035,10 @@
             value: item.customersignupvalue,
             textplaceholder: "",
             onChange: function onChange(event) {
-              var temppayloadobj = _objectSpread$1n({}, payloadobj);
+              var temppayloadobj = _objectSpread$1o({}, payloadobj);
 
               temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-              setpayloadobj(_objectSpread$1n({}, temppayloadobj));
+              setpayloadobj(_objectSpread$1o({}, temppayloadobj));
             }
           }), item.inputtype == 'checkbox' && /*#__PURE__*/React__default["default"].createElement("label", {
             className: langdetect == 'en' ? "".concat(loginstyles.checkbox, " ").concat(formstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(loginstyles.checkbox, " ").concat(loginstyles.checkboxtranslated) + ' d-flex mb-0 ',
@@ -5930,7 +6049,7 @@
             className: formstyles.checkboxinputstyles + ' mt-auto mb-auto ',
             checked: item.customersignupvalue == 1 ? true : false,
             onChange: function onChange() {
-              var temppayloadobj = _objectSpread$1n({}, payloadobj);
+              var temppayloadobj = _objectSpread$1o({}, payloadobj);
 
               if (temppayloadobj.instsignupformvalues[index].customersignupvalue == 1) {
                 temppayloadobj.instsignupformvalues[index].customersignupvalue = 0;
@@ -5938,7 +6057,7 @@
                 temppayloadobj.instsignupformvalues[index].customersignupvalue = 1;
               }
 
-              setpayloadobj(_objectSpread$1n({}, temppayloadobj));
+              setpayloadobj(_objectSpread$1o({}, temppayloadobj));
             }
           }), /*#__PURE__*/React__default["default"].createElement("svg", {
             viewBox: "0 0 21 21",
@@ -5953,10 +6072,10 @@
             value: item.customersignupvalue,
             textplaceholder: "",
             onChange: function onChange(event) {
-              var temppayloadobj = _objectSpread$1n({}, payloadobj);
+              var temppayloadobj = _objectSpread$1o({}, payloadobj);
 
               temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-              setpayloadobj(_objectSpread$1n({}, temppayloadobj));
+              setpayloadobj(_objectSpread$1o({}, temppayloadobj));
             }
           }, /*#__PURE__*/React__default["default"].createElement("option", {
             value: '',
@@ -5971,10 +6090,10 @@
             value: item.customersignupvalue,
             textplaceholder: "",
             onChange: function onChange(event) {
-              var temppayloadobj = _objectSpread$1n({}, payloadobj);
+              var temppayloadobj = _objectSpread$1o({}, payloadobj);
 
               temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-              setpayloadobj(_objectSpread$1n({}, temppayloadobj));
+              setpayloadobj(_objectSpread$1o({}, temppayloadobj));
             }
           }), /*#__PURE__*/React__default["default"].createElement("span", {
             className: loginstyles.login_input_focus
@@ -6145,7 +6264,7 @@
             });
 
             if (signupformismissing) {
-              var temppayloadobj = _objectSpread$1n({}, payloadobj);
+              var temppayloadobj = _objectSpread$1o({}, payloadobj);
 
               if (authdetailsContext.loggedin == true) {
                 temppayloadobj.functype = 'edit';
@@ -6203,9 +6322,9 @@
       })))));
     };
 
-    function ownKeys$1m(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 ownKeys$1n(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 _objectSpread$1m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1m(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$1n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
     var Signup = function Signup(props) {
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -6258,7 +6377,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$1m({}, secpropobj));
+          setsectionproperties(_objectSpread$1n({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       var loginstyles2 = {
@@ -6365,9 +6484,9 @@
       }))))))));
     };
 
-    function ownKeys$1l(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 ownKeys$1m(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 _objectSpread$1l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1l(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$1m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1m(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
     var AccountInformation = function AccountInformation(props) {
       var _bgimagesarray$, _bgimagesarray$2;
@@ -6385,7 +6504,7 @@
         props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$1l({}, secpropobj));
+        setsectionproperties(_objectSpread$1m({}, secpropobj));
       }, [props.actions.StatePagePropertiesContext]);
 
       var _useState = React.useState(''),
@@ -6580,12 +6699,12 @@
     var tabstyles = {"tabs":"tabs-module_tabs__36dMY","tabsul":"tabs-module_tabsul__wNZqy","tabsli":"tabs-module_tabsli__-uR10","active":"tabs-module_active__6wLfI","policiestabs":"tabs-module_policiestabs__nopXD"};
     styleInject(css_248z$y);
 
-    function ownKeys$1k(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 ownKeys$1l(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 _objectSpread$1k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1k(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$1l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1l(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
     var Policies = function Policies(props) {
-      var _bgimagesarray$, _bgimagesarray$2;
+      var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchInstitutePolici, _fetchInstitutePolici2, _fetchInstitutePolici3, _fetchInstitutePolici4, _fetchInstitutePolici5, _fetchInstitutePolici6, _fetchInstitutePolici7, _fetchInstitutePolici8;
 
       var _useState = React.useState(''),
           _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -6620,7 +6739,7 @@
           StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$1k({}, secpropobj));
+          setsectionproperties(_objectSpread$1l({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -6641,13 +6760,13 @@
         templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$2 = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$2 === void 0 ? void 0 : (_templatepropcontext$3 = _templatepropcontext$2.pageproperties) === null || _templatepropcontext$3 === void 0 ? void 0 : _templatepropcontext$3.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$1k({}, secpropobj));
+        setsectionproperties(_objectSpread$1l({}, secpropobj));
       }, [CurrentPageId]);
       React.useEffect(function () {
-        var tempFetchQueriesEngineContext = _objectSpread$1k({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$1l({}, FetchQueriesEngineContext);
 
         tempFetchQueriesEngineContext.fetchinstitutepolicy = true;
-        setFetchQueriesEngineContext(_objectSpread$1k({}, tempFetchQueriesEngineContext));
+        setFetchQueriesEngineContext(_objectSpread$1l({}, tempFetchQueriesEngineContext));
       }, []);
 
       var _useState7 = React.useState([]),
@@ -6703,7 +6822,23 @@
           backgroundColor: sectionproperties.backgroundColor
         }
       }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0 d-flex justify-content-center"
+        className: "col-lg-12 p-0 d-flex justify-content-center",
+        style: {
+          cursor: ((_bgimagesarray$ = bgimagesarray[0]) === null || _bgimagesarray$ === void 0 ? void 0 : _bgimagesarray$.IsClickable) == 'Yes' ? 'pointer' : 'default'
+        },
+        onClick: function onClick() {
+          var _bgimagesarray$2;
+
+          if (((_bgimagesarray$2 = bgimagesarray[0]) === null || _bgimagesarray$2 === void 0 ? void 0 : _bgimagesarray$2.IsClickable) == 'Yes') {
+            var _bgimagesarray$3, _bgimagesarray$4;
+
+            if ((_bgimagesarray$3 = bgimagesarray[0]) !== null && _bgimagesarray$3 !== void 0 && _bgimagesarray$3.clickable_page_route && ((_bgimagesarray$4 = bgimagesarray[0]) === null || _bgimagesarray$4 === void 0 ? void 0 : _bgimagesarray$4.clickable_page_route.length) != 0) {
+              routingcountext(bgimagesarray[0].clickable_page_route, false, '');
+            } else {
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, bgimagesarray[0].Clickable_Reference_Collection_ID);
+            }
+          }
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           width: sectionproperties.image_width + 'vw',
@@ -6714,11 +6849,12 @@
       }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
         urlEndpoint: IKurlEndpoint,
         publicKey: IKpublicKey,
-        path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-3500,h-650/' + ((_bgimagesarray$ = bgimagesarray[0]) === null || _bgimagesarray$ === void 0 ? void 0 : _bgimagesarray$.bgsection_image) : '/tr:w-3500,h-650/' + ((_bgimagesarray$2 = bgimagesarray[0]) === null || _bgimagesarray$2 === void 0 ? void 0 : _bgimagesarray$2.bgsection_image_ar) : '',
+        path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-3500,h-650/' + ((_bgimagesarray$5 = bgimagesarray[0]) === null || _bgimagesarray$5 === void 0 ? void 0 : _bgimagesarray$5.bgsection_image) : '/tr:w-3500,h-650/' + ((_bgimagesarray$6 = bgimagesarray[0]) === null || _bgimagesarray$6 === void 0 ? void 0 : _bgimagesarray$6.bgsection_image_ar) : '',
+        "class": "d-flex d-sm-none",
         style: {
           height: '100%',
           width: '100%',
-          // objectFit: 'cover',
+          objectFit: sectionproperties.bgcovercontain,
           margin: 0,
           padding: 0,
           background: sectionproperties.image_bgcolor,
@@ -6726,8 +6862,25 @@
           borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
           borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
-          zIndex: -1 // transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)',
-
+          zIndex: -1
+        }
+      }), /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+        urlEndpoint: IKurlEndpoint,
+        publicKey: IKpublicKey,
+        path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-600,h-750/' + ((_bgimagesarray$7 = bgimagesarray[0]) === null || _bgimagesarray$7 === void 0 ? void 0 : _bgimagesarray$7.bgsection_imageresponsive) : '/tr:w-600,h-750/' + ((_bgimagesarray$8 = bgimagesarray[0]) === null || _bgimagesarray$8 === void 0 ? void 0 : _bgimagesarray$8.bgsection_imageresponsive_ar) : '',
+        "class": "d-none d-sm-flex",
+        style: {
+          height: '100%',
+          width: '100%',
+          margin: 0,
+          padding: 0,
+          objectFit: sectionproperties.bgcovercontainresponsive,
+          background: sectionproperties.image_bgcolor,
+          borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+          borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+          borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+          borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+          zIndex: -1
         }
       }), /*#__PURE__*/React__default["default"].createElement("div", {
         className: ' col-lg-12 p-0 w-100 d-flex align-items-center justify-content-center ',
@@ -6838,7 +6991,7 @@
           background: sectionproperties.tabcontainerbgcolor,
           borderRadius: sectionproperties.tabcontainerborderradius + 'px'
         }
-      }, fetchInstitutePoliciesQueryContext.data.data.policies.map(function (item, index) {
+      }, fetchInstitutePoliciesQueryContext === null || fetchInstitutePoliciesQueryContext === void 0 ? void 0 : (_fetchInstitutePolici = fetchInstitutePoliciesQueryContext.data) === null || _fetchInstitutePolici === void 0 ? void 0 : (_fetchInstitutePolici2 = _fetchInstitutePolici.data) === null || _fetchInstitutePolici2 === void 0 ? void 0 : _fetchInstitutePolici2.policies.map(function (item, index) {
 
         return /*#__PURE__*/React__default["default"].createElement("li", {
           className: index == policychoosedindex ? "".concat(tabstyles.tabsli, " ").concat(policies_cssstyles.tabsli, " ").concat(policies_cssstyles.tabsliactive) : "".concat(tabstyles.tabsli, " ").concat(policies_cssstyles.tabsli),
@@ -6867,12 +7020,12 @@
       }, policychoosedindex.length != 0 && langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "w-100 mt-3",
         dangerouslySetInnerHTML: {
-          __html: fetchInstitutePoliciesQueryContext.data.data.policies[policychoosedindex].policycontent_en
+          __html: fetchInstitutePoliciesQueryContext === null || fetchInstitutePoliciesQueryContext === void 0 ? void 0 : (_fetchInstitutePolici3 = fetchInstitutePoliciesQueryContext.data) === null || _fetchInstitutePolici3 === void 0 ? void 0 : (_fetchInstitutePolici4 = _fetchInstitutePolici3.data) === null || _fetchInstitutePolici4 === void 0 ? void 0 : (_fetchInstitutePolici5 = _fetchInstitutePolici4.policies[policychoosedindex]) === null || _fetchInstitutePolici5 === void 0 ? void 0 : _fetchInstitutePolici5.policycontent_en
         }
       }), policychoosedindex.length != 0 && langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "w-100 mt-3",
         dangerouslySetInnerHTML: {
-          __html: fetchInstitutePoliciesQueryContext.data.data.policies[policychoosedindex].policycontent_ar
+          __html: fetchInstitutePoliciesQueryContext === null || fetchInstitutePoliciesQueryContext === void 0 ? void 0 : (_fetchInstitutePolici6 = fetchInstitutePoliciesQueryContext.data) === null || _fetchInstitutePolici6 === void 0 ? void 0 : (_fetchInstitutePolici7 = _fetchInstitutePolici6.data) === null || _fetchInstitutePolici7 === void 0 ? void 0 : (_fetchInstitutePolici8 = _fetchInstitutePolici7.policies[policychoosedindex]) === null || _fetchInstitutePolici8 === void 0 ? void 0 : _fetchInstitutePolici8.policycontent_ar
         }
       })))))))), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 d-flex align-items-center justify-content-center p-0"
@@ -6883,9 +7036,9 @@
     var cartstyles = {"cartslider_container":"cart-module_cartslider_container__idend","close_menu_icon_cont":"cart-module_close_menu_icon_cont__uh-pE","cart_slider_imagecont":"cart-module_cart_slider_imagecont__tnHMt","checkout_cart_slider_imagecont":"cart-module_checkout_cart_slider_imagecont__UX2ct","checkout_quantity_cont":"cart-module_checkout_quantity_cont__Rr3RO","btn_circle":"cart-module_btn_circle__p-BDZ","cart_progress_card":"cart-module_cart_progress_card__jEFwg","cart_progress_card_active":"cart-module_cart_progress_card_active__gQzWT","trash_btn":"cart-module_trash_btn__bHQxy","btn_apply":"cart-module_btn_apply__phbo8","checkout_card_card":"cart-module_checkout_card_card__4zUo9"};
     styleInject(css_248z$x);
 
-    function ownKeys$1j(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 ownKeys$1k(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 _objectSpread$1j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1j(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$1k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1k(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
     var CartSlider = function CartSlider(props) {
       var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14, _fetchcustomercartQue15, _fetchcustomercartQue16, _fetchcustomercartQue17, _fetchcustomercartQue18, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24;
@@ -6958,7 +7111,7 @@
         templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$1j({}, secpropobj));
+        setsectionproperties(_objectSpread$1k({}, secpropobj));
       }, [CurrentPageId]);
       React.useEffect(function () {
         if (CurrentSrcTypeContext == 'workplace') {
@@ -6969,7 +7122,7 @@
             StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
               secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
             });
-            setsectionproperties(_objectSpread$1j({}, secpropobj));
+            setsectionproperties(_objectSpread$1k({}, secpropobj));
           }
         }
       }, [StatePagePropertiesContext]);
@@ -7524,6 +7677,155 @@
       }))))))))));
     };
 
+    function ownKeys$1j(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 _objectSpread$1j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1j(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+    var OrderSuccess = function OrderSuccess(props) {
+      var _props$actions2;
+
+      // let location = useLocation();
+      var lang = props.actions.lang;
+      var langdetect = props.actions.langdetect;
+      var routingcountext = props.actions.routingcountext;
+      var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+      var templatepropcontext = props.actions.templatepropcontext;
+
+      var _useState = React.useState(false),
+          _useState2 = _slicedToArray__default["default"](_useState, 2),
+          IsOrderSuccess = _useState2[0];
+          _useState2[1];
+
+      var _useState3 = React.useState(''),
+          _useState4 = _slicedToArray__default["default"](_useState3, 2),
+          ReasonFail = _useState4[0];
+          _useState4[1];
+
+      var _useState5 = React.useState(''),
+          _useState6 = _slicedToArray__default["default"](_useState5, 2),
+          sectionproperties = _useState6[0],
+          setsectionproperties = _useState6[1];
+
+      var _useState7 = React.useState(''),
+          _useState8 = _slicedToArray__default["default"](_useState7, 2);
+          _useState8[0];
+          var setCurrentPageId = _useState8[1]; // useEffect(() => {
+      //     const query = new URLSearchParams(location.search);
+      //     var issuccess = query.get('status');
+      //     if (issuccess == true || issuccess == 1 || issuccess == 'true') {
+      //         setIsOrderSuccess(true);
+      //     } else {
+      //         setIsOrderSuccess(false);
+      //         setReasonFail(query.get('reason'));
+      //     }
+      // }, []);
+
+
+      React.useEffect(function () {
+        var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
+          return x.staticpageid == '62af2f545cebb';
+        });
+
+        if (cartindex >= 0) {
+          setCurrentPageId(templatepropcontext.pagesnprop[cartindex].pageid);
+        }
+      }, []);
+      React.useEffect(function () {
+        var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
+
+        var secpropobj = {};
+        props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
+          secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
+        });
+        setsectionproperties(_objectSpread$1j({}, secpropobj));
+      }, [props === null || props === void 0 ? void 0 : (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
+      var authdetailsContext = props.actions.authdetailsContext;
+      var ordersuccessstyle = {
+        ordersuccessbtn: glamor.css({
+          background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+          color: sectionproperties.generalbtn_textColor,
+          borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
+          borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
+          borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+          borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
+          fontSize: sectionproperties.generalbtn_fontsize + 'px',
+          textTransform: sectionproperties.generalbtn_texttransform,
+          width: sectionproperties.generalbtn_width + 'px',
+          height: sectionproperties.generalbtn_height + 'px',
+          fontWeight: sectionproperties.generalbtn_fontweight,
+          transition: '.3s',
+          border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+          ':hover': {
+            background: sectionproperties.generalbtn_bgColoronhover,
+            color: sectionproperties.generalbtn_textColoronhover
+          }
+        })
+      };
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: 'row m-0 w-100 justify-content-center mt-4 mb-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
+        style: {
+          paddingLeft: sectionproperties.paddingLeft + 'px',
+          paddingRight: sectionproperties.paddingRight + 'px',
+          paddingTop: sectionproperties.paddingTop + 'px',
+          paddingBottom: sectionproperties.paddingBottom + 'px'
+        }
+      }, IsOrderSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 allcentered flex-column d-none",
+        style: {
+          minHeight: '50vh',
+          background: 'white',
+          borderRadius: '10px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(bs.BsBagCheck, {
+        size: sectionproperties.icontextfontsize,
+        color: sectionproperties.iconcontainercolor,
+        className: "mb-2"
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "m-0 p-0 wordbreak",
+        style: {
+          color: sectionproperties.slideshowText1ContentColor,
+          fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+          fontWeight: sectionproperties.slideshowText1ContentFontWeight
+        },
+        dangerouslySetInnerHTML: {
+          __html: langdetect == 'en' ? sectionproperties.text1editortexten : sectionproperties.text1editortextar
+        }
+      }), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
+        className: "".concat(ordersuccessstyle.ordersuccessbtn, " ") + ' mt-3 d-flex align-items-center justify-content-center ',
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.Ordershistory);
+        }
+      }, lang.checkyourorder)), !IsOrderSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 allcentered flex-column",
+        style: {
+          minHeight: '50vh',
+          background: 'white',
+          borderRadius: '10px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(bs.BsBagX, {
+        size: sectionproperties.icontextfontsize,
+        color: sectionproperties.iconcontainercolor,
+        className: "mb-2"
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "m-0 p-0 wordbreak",
+        style: {
+          color: sectionproperties.slideshowText2ContentColor,
+          fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+          fontWeight: sectionproperties.slideshowText2ContentFontWeight
+        },
+        dangerouslySetInnerHTML: {
+          __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "m-0 p-0 wordbreak",
+        style: {
+          color: sectionproperties.slideshowText2ContentColor,
+          fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+          fontWeight: sectionproperties.slideshowText2ContentFontWeight
+        }
+      }, ReasonFail)));
+    };
+
     var css_248z$v = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n    position: relative;\n    margin-left: 20px;\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n    /* width: 3vh;\n    height: 3vh; */\n    z-index: 1;\n    /* margin-left: -13px;\n    background-color: #e6e6e6; */\n    cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n    cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n    cursor: pointer !important;\n    transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n    border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n    position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n    display: inline-block;\n    content: '✓';\n    color: white;\n    margin: auto !important;\n    font-size: 12px;\n    margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n    background-color: var(--focus) !important;\n    cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n    border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n    border-right: 1px solid #000;\n    position: relative;\n    margin-right: 17px;\n    border-left: 0 !important;\n    margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n    border-left: 1px solid #000 !important;\n    border-right: none !important ;\n    background-color: red;\n    position: relative;\n    margin-left: 17px !important;\n    border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n    margin-left: 0 !important ;\n    margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n    .filter-module_filterslider_container__I-7sG {\n        position: fixed !important;\n        height: 100vh;\n        width: 100vw;\n        /* background-color: #f7f1ee; */\n        z-index: 1000;\n        top: 0;\n        right: 0;\n        transform: translateX(150%) !important;\n        transition: 0.3s;\n        border-left: 2px solid #e6e6e6;\n        overflow-y: scroll;\n    }\n}\n@media screen and (max-width: 500px) {\n    .filter-module_filterslider_container__I-7sG {\n        position: fixed;\n        height: 100vh;\n        width: 90vw;\n        background-color: #f7f1ee;\n\n        top: 0;\n        right: 0;\n        transform: translateX(-100%);\n\n        transition: 0.3s;\n        border-left: 2px solid #e6e6e6;\n        z-index: 2000 !important;\n    }\n}\n.filter-module_filterslider_container_opened__2eZes {\n    transform: translateX(0) !important;\n    z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n    width: 100% !important;\n    /* white-space: nowrap !important; */\n    /* position: relative !important; */\n    overflow-x: scroll !important;\n    /* overflow-y: hidden !important; */\n    -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n    width: 100% !important;\n    /* white-space: nowrap !important; */\n    /* position: relative !important; */\n    overflow-x: scroll !important;\n    overflow-y: hidden !important;\n    -webkit-overflow-scrolling: touch !important;\n    overflow-y: visible !important;\n    position: static !important;\n\n    white-space: nowrap;\n    -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n    float: none !important;\n    display: inline-block !important;\n    zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n    width: 5px;\n    height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n    box-shadow: inset 0 0 5px transparent;\n    border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n    background: transparent;\n    border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n    background: transparent;\n}\n";
     var filterstyles$1 = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
     styleInject(css_248z$v);
@@ -7745,7 +8047,10 @@
         })
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0 w-100 filter"
+        className: "col-lg-12 p-0 w-100 filter",
+        style: {
+          marginTop: sectionproperties.filtersection_mt + 'px'
+        }
       }, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles$1.outercontainer) + ' row m-0 w-100 '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -7958,14 +8263,7 @@
         })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
           className: "mt-3 mb-3"
         }));
-      }))), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 d-flex align-items-center justify-content-center",
-        onClick: function onClick() {
-          setfilterfunc('', '', '', 'clearfilters');
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("button", {
-        className: filter_cssstyles.btnstyles + '  ml-1 ml-1 '
-      }, langdetect == 'en' ? 'Clear Filters' : 'حذف الإختيارات')))));
+      }))))));
     };
 
     function ownKeys$1h(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; }
@@ -8317,26 +8615,7 @@
       var cardsrender = function cardsrender() {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.showFilter == 'show' && sectionproperties.filterdirection == 'Vertical' ? 'col-lg-9 p-sm-0' : 'row m-0 w-100'
-        }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "row m-0 w-100 d-flex align-items-center",
-          style: {
-            height: '50vh'
-          }
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "col-lg-12 text-light d-flex align-items-center justify-content-center flex-column"
-        }, /*#__PURE__*/React__default["default"].createElement(md.MdOutlineLayersClear, {
-          style: {
-            fontSize: sectionproperties.noprod_iconfontSize + 'px',
-            color: sectionproperties.noprod_iconcolor
-          }
-        }), /*#__PURE__*/React__default["default"].createElement("p", {
-          style: {
-            fontSize: sectionproperties.noprod_fontSize + 'px',
-            fontWeight: sectionproperties.noprod_fontWeight,
-            textTransform: sectionproperties.noprod_textTransform,
-            color: sectionproperties.noprod_color
-          }
-        }, langdetect == 'en' ? 'No Products Found' : 'لا توجد منتجات'))), cardsarray.length != 0 && sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+        }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
           className: "row m-0 w-100 d-flex align-items-center p-sm-0"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "row ml-0 mr-0 w-100 pl-md-2 pr-md-2 pl-sm-2 pr-sm-2",
@@ -8436,7 +8715,28 @@
           style: {
             borderColor: sectionproperties.upperseparatorbgcolor
           }
-        }))), StatePagePropertiesContext.pageobj.sections[props.sectionindexprops].childsections.map(function (item, index) {
+        }))), !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "row m-0 w-100 d-flex align-items-center",
+          style: {
+            height: '20vh'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-lg-12 text-light d-flex align-items-center justify-content-center flex-column"
+        }, /*#__PURE__*/React__default["default"].createElement(md.MdOutlineLayersClear, {
+          style: {
+            fontSize: sectionproperties.noprod_iconfontSize + 'px',
+            color: sectionproperties.noprod_iconcolor
+          }
+        }), /*#__PURE__*/React__default["default"].createElement("p", {
+          style: {
+            fontSize: sectionproperties.noprod_fontSize + 'px',
+            fontWeight: sectionproperties.noprod_fontWeight,
+            textTransform: sectionproperties.noprod_textTransform,
+            color: sectionproperties.noprod_color
+          }
+        }, langdetect == 'en' ? 'No Products Found' : 'لا توجد منتجات'))), cardsarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0"
+        }, StatePagePropertiesContext.pageobj.sections[props.sectionindexprops].childsections.map(function (item, index) {
           if (item.tabexsectioninfo != null) {
             if (item.sectionstructype == 'child' && TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname] != undefined) {
               var Sectioncomp = TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname];
@@ -8477,7 +8777,7 @@
                 className: "row m-0 w-100"
               }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
                 return /*#__PURE__*/React__default["default"].createElement("div", {
-                  "class": sectionproperties.numberOfColsvertical == '1' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '2' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0  ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft ' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : sectionproperties.numberOfColsvertical == '3' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '4' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '12' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6  d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : '' : sectionproperties.numberOfColsvertical == '6' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ''
+                  "class": sectionproperties.numberOfColsvertical == '1' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '2' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0  ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft ' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : sectionproperties.numberOfColsvertical == '3' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '4' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '12' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6  d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : '' : sectionproperties.numberOfColsvertical == '6' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-2 p-0 col-lg-2 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ''
                 }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, {
                   sectiontypeprops: 'horizontal',
                   fetchingtypeprops: fetchingtype,
@@ -8509,7 +8809,7 @@
               })))));
             }
           }
-        })));
+        }))));
       };
 
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -9896,8 +10196,7 @@
           zIndex: 2
         }
       }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? // mb-md-4
-        ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pr-md-2 ' : sectionproperties.paddingRight != 0 ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 ' : sectionproperties.paddingLeft != 0 ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 ' : ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 justify-content-center ',
+        "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 p-0 ' : sectionproperties.paddingRight != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : sectionproperties.paddingRight != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 justify-content-center ',
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -15072,7 +15371,7 @@
               }
             }
           },
-          "class": 'p-0 align-items-center d-flex d-sm-none ',
+          "class": 'p-0 align-items-center d-sm-none ',
           key: index,
           style: {
             cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
@@ -15254,7 +15553,8 @@
           width: sectionproperties.width + 'vw',
           marginBottom: sectionproperties.marginBottom + 'px',
           marginTop: sectionproperties.marginTop + 'px',
-          height: sectionproperties.height + 'vh'
+          height: sectionproperties.height + 'vh',
+          overflow: 'hidden'
         }
       }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Slide, _extends__default["default"]({}, Slideshowsettings, {
         transitionDuration: 1500,
@@ -15269,32 +15569,35 @@
             borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
             borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
             borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-            height: sectionproperties.height + 'px'
+            height: sectionproperties.height + 'vh'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": 'p-0 align-items-center d-flex d-sm-none ',
           key: index,
-          style: {
+          onClick: function onClick() {
+            if (item.IsClickableimg == 'Yes') {
+              if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
+                routingcountext(item.clickableimg_page_route, false, '');
+              } else {
+                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
+              }
+            }
+          },
+          style: _defineProperty__default["default"]({
+            cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
             direction: langdetect == 'en' ? 'ltr' : 'rtl',
             width: '100%',
-            height: sectionproperties.height + 'vh',
+            height: '100%',
             backgroundSize: 'cover',
-            backgroundPosition: 'center',
-            // backgroundImage: langdetect == 'en' ? `url(` + serverbaselink + item.imageen + `)` : `url(` + serverbaselink + item.imagear + `)`,
+            backgroundImage: langdetect == 'en' ? "url(" + serverbaselink$1 + item.imageen + ")" : "url(" + serverbaselink$1 + item.imagear + ")",
             paddingTop: sectionproperties.paddingTop + 'px'
-          }
-        }, /*#__PURE__*/React__default["default"].createElement("img", {
-          src: langdetect == 'en' ? serverbaselink$1 + item.imageen : serverbaselink$1 + item.imagear,
-          style: {
-            width: '100%',
-            height: sectionproperties.height + 'vh'
-          }
-        }), SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
+          }, "height", sectionproperties.height + 'vh')
+        }, SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": 'p-0 align-items-center d-none d-sm-flex ',
           key: index,
           style: {
             width: '100%',
-            height: sectionproperties.height + 'vh',
+            height: '100%',
             backgroundSize: 'cover',
             backgroundPosition: 'center',
             backgroundImage: langdetect == 'en' ? "url(" + serverbaselink$1 + item.image_resp_en + ")" : "url(" + serverbaselink$1 + item.image_resp_ar + ")",
@@ -15420,6 +15723,27 @@
         pauseOnHover: false,
         scale: 1.4
       };
+      var slideshow_styles = {
+        slideshow_btn: glamor.css({
+          height: sectionproperties.generalbtn_height + 'px',
+          width: sectionproperties.generalbtn_width + 'px',
+          background: sectionproperties.generalbtn_bgColor,
+          color: sectionproperties.generalbtn_textColor,
+          borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
+          borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
+          borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
+          borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+          fontSize: sectionproperties.generalbtn_fontsize + 'px',
+          lineHeight: sectionproperties.generalbtn_fontsize + 'px',
+          textTransform: sectionproperties.generalbtn_texttransform,
+          fontWeight: sectionproperties.generalbtn_fontweight,
+          transition: '.3s',
+          ':hover': {
+            background: sectionproperties.generalbtn_bgColoronhover,
+            color: sectionproperties.generalbtn_textColoronhover
+          }
+        })
+      };
 
       var SlideShowTextContainer = function SlideShowTextContainer(item) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15456,9 +15780,9 @@
           onClick: function onClick() {
             routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
           }
-        }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundForward, {
+        }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(io.IoIosArrowRoundForward, {
           size: 20
-        }) : /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundBack, {
+        }) : /*#__PURE__*/React__default["default"].createElement(io.IoIosArrowRoundBack, {
           size: 20
         }))));
       };
@@ -15599,7 +15923,7 @@
     function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
     var Subheader = function Subheader(props) {
-      var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery, _fetchCategoriesQuery2, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _props$subheaderprope8, _props$subheaderprope9, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _fetchCategoriesQuery13;
+      var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery, _fetchCategoriesQuery2, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _props$subheaderprope10, _props$subheaderprope11, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _fetchCategoriesQuery13, _fetchCategoriesQuery14, _fetchCategoriesQuery15;
 
       var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
       var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
@@ -15677,9 +16001,8 @@
         })
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ((_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$a.sub_outercontainer) + ' ml-0 mr-0 ' : "".concat(headerstyles$a.sub_outercontainer) + ' row ml-0 mr-0 w-100 mt-md-3 pl-sm-2 pr-sm-2 ',
+        "class": ((_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$a.sub_outercontainer) + ' ml-0 mr-0 ' : "".concat(headerstyles$a.sub_outercontainer) + ' row ml-0 mr-0 w-100 ',
         style: {
-          background: sectionproperties.subheaderbgtransparent == 'Transparent' ? 'transparent' : sectionproperties.subheaderbg,
           zIndex: 200,
           flex: 1,
           paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
@@ -15688,9 +16011,10 @@
       }, sectionproperties != undefined && sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(headerstyles$a.sub_container) + ' w-100 p-md-0 '
       }, fetchCategoriesQueryContext.isSuccess && fetchCategoriesQueryContext.data.data.status && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": " ".concat(headerstyles$a.subheader) + ' row w-100 m-0 d-flex flex-row align-items-center w-sm-100 ',
+        "class": "".concat(headerstyles$a.subheader) + ' row w-100 m-0 d-flex flex-row align-items-center w-sm-100 ',
         style: {
-          position: 'relative'
+          position: 'relative',
+          background: 'transparent'
         }
       }, (props === null || props === void 0 ? void 0 : props.subheaderpositionprops) == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg 12 p-0 allcentered",
@@ -15704,17 +16028,18 @@
           height: sectionproperties.upperseparatorheight + 'px'
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 m-auto d-flex flex-column align-items-center justify-content-center p-0",
+        "class": "col-lg-12 m-auto d-flex d-md-none flex-column align-items-center justify-content-center pt-md-3 pb-md-3 pl-sm-2 pr-sm-2",
         style: {
           borderBottom: sectionproperties.separator_borderwidth + 'px solid ' + sectionproperties.separator_bgcolor,
           paddingTop: sectionproperties.subheader_margintop + 'px',
-          paddingBottom: sectionproperties.subheader_marginbottom + 'px'
+          paddingBottom: sectionproperties.subheader_marginbottom + 'px',
+          background: sectionproperties.subheaderbgtransparent == 'Transparent' ? 'transparent' : sectionproperties.subheaderbg
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(headerstyles$a.nav__item) + ' scrollhorizontal flex-row align-items-center w-md-100 justify-content-md-center ',
         style: {
           zIndex: 1000,
-          justifyContent: ((_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops) == 'center' ? 'center' : langdetect == 'en' ? 'start' : 'end'
+          justifyContent: ((_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops) == 'center' ? 'center' : 'start'
         }
       }, (props === null || props === void 0 ? void 0 : (_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.subheaderpositionprops) == 'in nav' && (templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
         if (item.isnavigation == 1 && item.isactive == 1) {
@@ -15754,26 +16079,60 @@
             marginRight: langdetect == 'en' ? (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingRightprops : 0
           }
         }, langdetect == 'en' ? item.title_en : item.title_ar);
-      }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : (_fetchCategoriesQuery4 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : (_fetchCategoriesQuery5 = _fetchCategoriesQuery4.categories[Choosenindex]) === null || _fetchCategoriesQuery5 === void 0 ? void 0 : (_fetchCategoriesQuery6 = _fetchCategoriesQuery5.parentcolletions) === null || _fetchCategoriesQuery6 === void 0 ? void 0 : _fetchCategoriesQuery6.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(headerstyles$a.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center ',
+      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 m-auto d-none d-md-flex flex-column align-items-center justify-content-center pt-md-3 pb-md-3 pl-sm-2 pr-sm-2",
+        style: {
+          borderBottom: sectionproperties.separator_borderwidth + 'px solid ' + sectionproperties.separator_bgcolor,
+          paddingTop: sectionproperties.subheader_margintop + 'px',
+          paddingBottom: sectionproperties.subheader_marginbottom + 'px',
+          background: sectionproperties.subheaderbgresp
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "".concat(headerstyles$a.nav__item) + ' scrollhorizontal flex-row align-items-center w-md-100 justify-content-md-center ',
+        style: {
+          zIndex: 1000,
+          justifyContent: 'center',
+          textAlign: 'center'
+        }
+      }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : (_fetchCategoriesQuery4 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.categories.map(function (item, index) {
+        var _props$subheaderprope8, _props$subheaderprope9;
+
+        return /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "".concat(headerstyles$a.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
+          onClick: function onClick() {},
+          onMouseEnter: function onMouseEnter() {
+            setshowdownheadermenu(true);
+            setChoosenindex(index);
+          },
+          style: {
+            marginLeft: langdetect == 'ar' ? (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops : 0,
+            marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0,
+            color: sectionproperties.subheader_categorytitle_fontColor_resp,
+            fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
+            textTransform: sectionproperties.subheader_categorytitle_textTransform,
+            fontWeight: sectionproperties.subheader_categorytitle_textfontweight
+          }
+        }, langdetect == 'en' ? item.title_en : item.title_ar);
+      }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery5 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery5 === void 0 ? void 0 : (_fetchCategoriesQuery6 = _fetchCategoriesQuery5.data) === null || _fetchCategoriesQuery6 === void 0 ? void 0 : (_fetchCategoriesQuery7 = _fetchCategoriesQuery6.categories[Choosenindex]) === null || _fetchCategoriesQuery7 === void 0 ? void 0 : (_fetchCategoriesQuery8 = _fetchCategoriesQuery7.parentcolletions) === null || _fetchCategoriesQuery8 === void 0 ? void 0 : _fetchCategoriesQuery8.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "".concat(headerstyles$a.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center p-sm-0 position-md-relative ',
         onMouseLeave: function onMouseLeave() {
           setshowdownheadermenu(false);
         },
         style: {
           width: '95%',
           zIndex: 2000,
-          position: ((_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
-          top: ((_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.subheaderpositionprops) == 'in nav' ? 20 : ''
+          position: ((_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
+          top: ((_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.subheaderpositionprops) == 'in nav' ? 20 : ''
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 d-flex pl-2 pr-2 pt-3 pb-3"
-      }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery7 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery7 === void 0 ? void 0 : (_fetchCategoriesQuery8 = _fetchCategoriesQuery7.data) === null || _fetchCategoriesQuery8 === void 0 ? void 0 : (_fetchCategoriesQuery9 = _fetchCategoriesQuery8.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : (_fetchCategoriesQuery10 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery10 === void 0 ? void 0 : _fetchCategoriesQuery10.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 d-flex pt-3 pb-3"
+      }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : (_fetchCategoriesQuery10 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery10 === void 0 ? void 0 : (_fetchCategoriesQuery11 = _fetchCategoriesQuery10.categories[Choosenindex]) === null || _fetchCategoriesQuery11 === void 0 ? void 0 : (_fetchCategoriesQuery12 = _fetchCategoriesQuery11.parentcolletions) === null || _fetchCategoriesQuery12 === void 0 ? void 0 : _fetchCategoriesQuery12.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
       }, /*#__PURE__*/React__default["default"].createElement(md.MdOutlineLayersClear, {
         size: 30
       }), /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "font-16 font-weight-500 m-0 p-0"
-      }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery11 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery11 === void 0 ? void 0 : (_fetchCategoriesQuery12 = _fetchCategoriesQuery11.data) === null || _fetchCategoriesQuery12 === void 0 ? void 0 : (_fetchCategoriesQuery13 = _fetchCategoriesQuery12.categories[Choosenindex]) === null || _fetchCategoriesQuery13 === void 0 ? void 0 : _fetchCategoriesQuery13.parentcolletions.map(function (item, index) {
+      }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery13 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery13 === void 0 ? void 0 : (_fetchCategoriesQuery14 = _fetchCategoriesQuery13.data) === null || _fetchCategoriesQuery14 === void 0 ? void 0 : (_fetchCategoriesQuery15 = _fetchCategoriesQuery14.categories[Choosenindex]) === null || _fetchCategoriesQuery15 === void 0 ? void 0 : _fetchCategoriesQuery15.parentcolletions.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4",
           style: {
@@ -15950,7 +16309,7 @@
           transition: '0.3s'
         }),
         languagecontainer: glamor.css({
-          color: sectionproperties.language_container_color,
+          color: sectionproperties.language_container_color_resp,
           cursor: 'pointer',
           transition: '.3s',
           ':hover': {
@@ -16024,12 +16383,12 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0"
       }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: ' row m-0 w-100 d-none d-md-flex p-0 ',
+        className: ' row m-0 w-100 d-none d-md-flex p-0 '
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 p-0",
         style: {
           background: sectionproperties.resposive_bgcolor
         }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 p-0 pl-2 pr-2 "
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -17139,6 +17498,7 @@
       var routingcountext = props.actions.routingcountext;
       var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
       var actions = props.actions;
+      var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
       React.useEffect(function () {
         var secpropobj = {};
         StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -17822,7 +18182,7 @@
         "class": "".concat(header_cssstyles.searchbarcont) + ' d-flex justify-content-center align-items-center '
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": headerstyles$9.searchbaractive + ' h-100 d-flex align-items-center'
-      }, /*#__PURE__*/React__default["default"].createElement(go.GoSearch, {
+      }, /*#__PURE__*/React__default["default"].createElement(bi.BiSearch, {
         size: sectionproperties.searchbarcontfontsize,
         style: {
           transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
@@ -22343,6 +22703,12 @@
             color: sectionproperties.closeSlider_colorOnHover,
             borderColor: sectionproperties.closeSlider_colorOnHover
           }
+        }),
+        storeinfocont: glamor.css({
+          ':hover .storeinfotext': {
+            transition: '.3s',
+            color: sectionproperties.footerinfotext_coloronhover
+          }
         })
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22385,21 +22751,21 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 d-flex align-items-center justify-content-end h-100"
       }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "d-flex align-items-center justify-content-center pl-3 pr-3 h-100",
+        "class": header_cssstyles.storeinfocont + ' d-flex align-items-center justify-content-center pl-3 pr-3 h-100 ',
         style: {
-          borderRight: sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg
+          borderRight: langdetect == 'en' ? sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg : 0
         }
       }, /*#__PURE__*/React__default["default"].createElement("a", {
         href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.contactinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.mobile),
         target: '_self',
         "class": "d-flex align-items-center"
       }, /*#__PURE__*/React__default["default"].createElement(ai.AiFillPhone, {
-        "class": header_cssstyles.upperheadertext + '  ml-1 mr-1  ',
+        "class": header_cssstyles.upperheadertext + '  ml-1 mr-1 storeinfotext ',
         size: sectionproperties.footerinfotext_fontsize
       }), /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": header_cssstyles.upperheadertext
+        "class": header_cssstyles.upperheadertext + ' storeinfotext '
       }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.mobile))), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "d-flex align-items-center justify-content-center pl-3 pr-3 h-100 cursor-pointer",
+        "class": header_cssstyles.storeinfocont + ' d-flex align-items-center justify-content-center pl-3 pr-3 h-100 cursor-pointer ',
         style: {
           borderRight: sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg
         },
@@ -22409,10 +22775,10 @@
           window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.email), '_self');
         }
       }, /*#__PURE__*/React__default["default"].createElement(ai.AiOutlineMail, {
-        "class": header_cssstyles.upperheadertext + '  ml-1 mr-1  ',
+        "class": header_cssstyles.upperheadertext + '  ml-1 mr-1 storeinfotext ',
         size: sectionproperties.footerinfotext_fontsize
       }), /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": header_cssstyles.upperheadertext
+        "class": header_cssstyles.upperheadertext + ' storeinfotext '
       }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.email)), sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "d-flex align-items-center justify-content-center pl-3 pr-3 h-100",
         style: {
@@ -22426,7 +22792,8 @@
       }, " Monday - Friday: 10:00 - 18:00")), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "d-flex align-items-center justify-content-center pl-3 pr-3 h-100",
         style: {
-          borderRight: sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg
+          borderRight: sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg,
+          borderLeft: langdetect == 'ar' ? sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg : 0
         },
         onClick: function onClick() {
           setopenSearchBar(true);
@@ -22512,7 +22879,7 @@
           maxHeight: '100%'
         }
       }))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-6 p-0 d-flex align-items-center justify-content-start"
+        "class": "col-lg-7 p-0 d-flex align-items-center justify-content-start"
       }, /*#__PURE__*/React__default["default"].createElement("nav", {
         "class": headerstyles$3.navbar,
         style: {
@@ -22550,7 +22917,7 @@
           subheadercontentpositionprops: 'start'
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-4 d-flex align-items-center justify-content-end"
+        "class": "col-lg-3 d-flex align-items-center justify-content-end"
       }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -24466,7 +24833,8 @@
           zIndex: 1000,
           transition: '.3s',
           ':hover .dropdownitem': {
-            color: sectionproperties.dropdown_hovercolor
+            color: sectionproperties.dropdown_hovercolor,
+            transition: '.3s'
           }
         }),
         divider: glamor.css({
@@ -24647,6 +25015,12 @@
           marginBottom: sectionproperties.header_marginBottom + 'px',
           width: sectionproperties.header_width + 'vw',
           maxWidth: '100vw'
+        }),
+        storeinfocontainer: glamor.css({
+          ':hover .storeinfotext': {
+            transition: '.3s',
+            color: sectionproperties.footerinfotext_coloronhover
+          }
         })
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -24673,9 +25047,8 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
       }, sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "d-flex align-items-center justify-content-center cursor-pointer",
+        "class": header_cssstyles.storeinfocontainer + ' d-flex align-items-center justify-content-center cursor-pointer ',
         style: {
-          borderRight: sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg,
           marginRight: langdetect == 'en' ? '2rem' : 0,
           marginLeft: langdetect == 'ar' ? '2rem' : 0
         },
@@ -24685,24 +25058,21 @@
           window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.contactinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.email), '_self');
         }
       }, /*#__PURE__*/React__default["default"].createElement(ai.AiOutlineMail, {
-        "class": header_cssstyles.upperheadertext + '  ml-1 mr-1  ',
+        "class": header_cssstyles.upperheadertext + ' storeinfotext ml-1 mr-1  ',
         size: sectionproperties.footerinfotext_fontsize
       }), /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": header_cssstyles.upperheadertext
+        "class": header_cssstyles.upperheadertext + ' storeinfotext '
       }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "d-flex align-items-center justify-content-center",
-        style: {
-          borderRight: sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg
-        }
+        "class": header_cssstyles.storeinfocontainer + ' d-flex align-items-center justify-content-center '
       }, /*#__PURE__*/React__default["default"].createElement("a", {
         href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.mobile),
         target: '_self',
         "class": "d-flex align-items-center"
       }, /*#__PURE__*/React__default["default"].createElement(ai.AiFillPhone, {
-        "class": header_cssstyles.upperheadertext + '  ml-1 mr-1  ',
+        "class": header_cssstyles.upperheadertext + ' storeinfotext ml-1 mr-1  ',
         size: sectionproperties.footerinfotext_fontsize
       }), /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": header_cssstyles.upperheadertext
+        "class": header_cssstyles.upperheadertext + ' storeinfotext '
       }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.mobile))))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-4 d-flex align-items-center p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -25451,12 +25821,12 @@
         }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-6 col-sm-5 p-0"
         }, /*#__PURE__*/React__default["default"].createElement("img", {
-          "class": "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center ',
+          "class": "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ',
           src: appstore
         })), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-6 col-sm-5 p-0"
         }, /*#__PURE__*/React__default["default"].createElement("img", {
-          "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center ',
+          "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer ',
           src: googleplay
         }))))));
       };
@@ -27143,15 +27513,10 @@
           textTransform: sectionproperties.footerinfotext_textTransform,
           fontSize: sectionproperties.footerinfotext_fontsize + 'px',
           fontWeight: sectionproperties.footerinfotext_fontweight,
-          color: sectionproperties.footerinfotext_color
-        }),
-        footeraddress: glamor.css({
-          textTransform: sectionproperties.footeraddress_texttransform,
-          fontSize: sectionproperties.footeraddress__fontsize + 'px',
-          fontWeight: sectionproperties.footeraddress__fontweight,
-          color: sectionproperties.footeraddress_textColor,
-          ':hover': {
-            color: sectionproperties.footersubtitle_textColoronhover
+          color: sectionproperties.footerinfotext_color,
+          ':hover .storeinfotext': {
+            transition: '.3s',
+            color: sectionproperties.footerinfotext_coloronhover
           }
         }),
         divider: glamor.css({
@@ -27379,7 +27744,7 @@
         className: "col-lg-12 p-0 d-flex justify-content-start justify-content-md-center mt-2"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         className: "".concat(footerStyles.footertitlestyles) + ' wordbreak p-0 mb-4 '
-      }, "Contact Info")), sectionproperties.showfooteraddress == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? 'Contact Info' : 'البيانات')), sectionproperties.showfooteraddress == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "".concat(footerStyles.footerinformationstyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start justify-content-md-center align-items-center mb-3 '
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: "h-100 d-flex justify-content-center align-items-center"
@@ -27389,7 +27754,7 @@
       })), /*#__PURE__*/React__default["default"].createElement("p", {
         className: ' p-0 m-0 wordbreak '
       }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.address_en)), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "".concat(footerStyles.footerinformationstyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start justify-content-md-center align-items-center mb-3 ',
+        className: "".concat(footerStyles.footerinformationstyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start justify-content-md-center align-items-center mb-3 storeinfotext ',
         onClick: function onClick() {
           var _authdetailsContext$i7, _authdetailsContext$i8;
 
@@ -27401,12 +27766,12 @@
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: "h-100 d-flex justify-content-center align-items-center"
       }, /*#__PURE__*/React__default["default"].createElement(ai.AiOutlineMail, {
-        className: langdetect == 'en' ? 'mr-2' : 'ml-2',
+        className: langdetect == 'en' ? 'mr-2 storeinfotext' : 'ml-2 storeinfotext',
         size: 20
       })), /*#__PURE__*/React__default["default"].createElement("p", {
-        className: ' p-0 m-0 wordbreak text-transform-none '
+        className: ' p-0 m-0 wordbreak text-transform-none storeinfotext '
       }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.contactinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.email)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "".concat(footerStyles.footerinformationstyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start justify-content-md-center align-items-center  mb-md-3',
+        className: "".concat(footerStyles.footerinformationstyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start justify-content-md-center align-items-center mb-md-3 storeinfotext ',
         onClick: function onClick() {
           var _authdetailsContext$i11, _authdetailsContext$i12;
 
@@ -27418,17 +27783,17 @@
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: "h-100 d-flex justify-content-center align-items-center"
       }, /*#__PURE__*/React__default["default"].createElement(ai.AiOutlinePhone, {
-        className: langdetect == 'en' ? 'mr-2' : 'ml-2',
+        className: langdetect == 'en' ? 'mr-2 storeinfotext' : 'ml-2 storeinfotext',
         size: 20
       })), /*#__PURE__*/React__default["default"].createElement("p", {
-        className: ' p-0 m-0 wordbreak '
+        className: ' p-0 m-0 wordbreak storeinfotext '
       }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : (_authdetailsContext$i14 = _authdetailsContext$i13.contactinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.mobile)), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 mt-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 d-flex justify-content-md-center"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         className: "".concat(footerStyles.footertitlestyles) + ' m-0 p-0 '
-      }, "We accept")), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? 'We accept' : 'نقبل')), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 m-0 w-100 d-flex flex-row align-items-center justify-content-start justify-content-md-center"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "".concat(footerStyles.payimgcont),
@@ -29926,13 +30291,13 @@
             if (addtocardpayloadobj.variantid.length != 0) {
               runfunc = true;
             } else {
-              NotificationManager.warning('', 'Please Choose Product Options');
+              NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
             }
           } else {
             runfunc = true;
           }
         } else {
-          NotificationManager.warning('', 'Please Choose Quantity');
+          NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
         }
 
         if (runfunc == true) {
@@ -30204,10 +30569,7 @@
       }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(cardsstyles$4.product_details) + ' mb-2 '
       }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12",
-        style: {
-          minHeight: '5vh'
-        }
+        "class": "col-lg-12"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         onClick: function onClick() {
           if (props.fetchingtypeprops == 'collections') {
@@ -30216,7 +30578,7 @@
             routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
           }
         },
-        "class": "".concat(cardsstyles2.productNameStyles) + ' m-0 p-0 wordbreak wordbreak2 ',
+        "class": "".concat(cardsstyles2.productNameStyles) + ' m-0 p-0 wordbreak wordbreak1 ',
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
@@ -32544,6 +32906,20 @@
       var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
       var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
       var routingcountext = props.actions.routingcountext;
+      var NotificationManager = NotificationManager;
+
+      var _useState5 = React.useState(false),
+          _useState6 = _slicedToArray__default["default"](_useState5, 2),
+          showquantity = _useState6[0],
+          setshowquantity = _useState6[1];
+
+      React.useEffect(function () {
+        if (item.quantity == 0) {
+          setshowquantity(false);
+        } else {
+          setshowquantity(true);
+        }
+      }, [props.cardinfoitemprops]);
       React.useEffect(function () {
         if (props.srcfrom == 'addsectionform') {
           var secpropobj = {};
@@ -32568,40 +32944,13 @@
           setitem(props.cardinfoitemprops);
         }
       }, [props.cardinfoitemprops]);
-      React.useEffect(function () {
-        if (item.quantity == 0) {
-          setshowquantity(false);
-        } else {
-          setshowquantity(true);
-        }
-      }, [props.cardinfoitemprops]);
-
-      var updatequantity = function updatequantity(type) {
-        var tempitem = _objectSpread$e({}, item);
-
-        tempitem.quantity = parseInt(tempitem.quantity);
-
-        if (type == 'add') {
-          tempitem.quantity = tempitem.quantity + 1;
-        } else if (type == 'remove') {
-          tempitem.quantity = tempitem.quantity - 1;
-        }
 
-        if (tempitem.quantity <= 0) {
-          tempitem.quantity = 0;
-        }
-
-        setitem(_objectSpread$e({}, tempitem));
-        addtocartfunc();
-      };
-
-      var addtocartfunc = function addtocartfunc() {
-        // updatequantity('add');
+      var addtocartfunc = function addtocartfunc(type, quantity) {
         var addtocardpayloadobj = {
           functype: 'add',
           productid: item.productid,
           variantid: '',
-          quantity: item.quantity
+          quantity: quantity
         };
         var runfunc = false;
 
@@ -32609,10 +32958,14 @@
           if (item.hasvariants == 1) {
             if (addtocardpayloadobj.variantid.length != 0) {
               runfunc = true;
+            } else {
+              NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
             }
           } else {
             runfunc = true;
           }
+        } else {
+          NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
         }
 
         if (runfunc == true) {
@@ -32620,11 +32973,6 @@
         }
       };
 
-      var _useState5 = React.useState(false),
-          _useState6 = _slicedToArray__default["default"](_useState5, 2),
-          showquantity = _useState6[0],
-          setshowquantity = _useState6[1];
-
       var cardsstyles2 = {
         productcard: glamor.css({
           background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -32696,7 +33044,6 @@
           borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
           color: sectionproperties.cartBtnTextcolor,
           fontSize: sectionproperties.cartBtnTextfontsize + 'px',
-          // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
           textTransform: sectionproperties.cartBtnTexttransform,
           fontWeight: sectionproperties.cartBtnTextfontweight,
           border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
@@ -32751,6 +33098,10 @@
           ':hover': {
             color: sectionproperties.add_quantitybtn_textcoloronhover,
             background: sectionproperties.add_quantitybtn_bgcoloronhover
+          },
+          ':hover .addbtn': {
+            color: sectionproperties.add_quantitybtn_textcoloronhover,
+            transition: '.3s'
           }
         }),
         minus_quantitybtn_icon_container: glamor.css({
@@ -32768,33 +33119,13 @@
           ':hover': {
             color: sectionproperties.remove_quantitybtn_textcoloronhover,
             background: sectionproperties.remove_quantitybtn_bgcoloronhover
+          },
+          ':hover .minusbtn': {
+            transition: '.3s',
+            color: sectionproperties.remove_quantitybtn_textcoloronhover
           }
         })
       };
-
-      var addtocartbuttonrender = function addtocartbuttonrender() {
-        if (AddtoCartMutationContext.isLoading) {
-          var _AddtoCartMutationCon;
-
-          if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 ? void 0 : (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
-            return /*#__PURE__*/React__default["default"].createElement("div", {
-              "class": ' d-flex align-items-center justify-content-center '
-            }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-              color: "white",
-              width: "20px",
-              height: "20px",
-              duration: "1s"
-            }));
-          } else {
-            return lang.addtocart;
-          }
-        }
-
-        if (!AddtoCartMutationContext.isLoading) {
-          return lang.addtocart;
-        }
-      };
-
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row ml-0 mr-0 w-100",
         style: {
@@ -32881,7 +33212,10 @@
             routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
           }
         },
-        "class": "".concat(cardsstyles2.productNameStyles) + ' m-0 p-0 wordbreak wordbreak1 '
+        "class": "".concat(cardsstyles2.productNameStyles) + ' m-0 p-0 wordbreak wordbreak1 ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
       }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 d-flex align-items-center"
       }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
@@ -32897,91 +33231,68 @@
       }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), showquantity == true && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 allcentered mt-3 mb-1"
       }, /*#__PURE__*/React__default["default"].createElement("button", {
-        "class": "".concat(cardsstyles2.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center '
-      }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": "".concat(cardsstyles2.minus_quantitybtn_icon_container),
+        "class": "".concat(cardsstyles2.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center ',
         style: {
-          transform: ' rotate(-180deg)'
-        },
-        onClick: function onClick() {
-          if (item.hasvariants == 0) {
-            updatequantity('remove');
-          } else {
-            setShowProductInfoModalContext(true);
-            setProductIdProdutInfoModalContext(item.productid);
-          }
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        "class": "fa fa-chevron-up"
-      })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": "".concat(cardsstyles2.add_quantitybtn_icon_container),
-        onClick: function onClick() {
-          if (item.hasvariants == 0) {
-            updatequantity('add');
-          } else {
-            setShowProductInfoModalContext(true);
-            setProductIdProdutInfoModalContext(item.productid);
-          }
+          direction: 'ltr'
         }
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        "class": "fa fa-chevron-up font-12"
-      })), /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": "".concat(cardsstyles2.quantitybtn_text) + ' d-flex align-items-center justify-content-center '
-      }, item.quantity), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
         "class": "".concat(cardsstyles2.minus_quantitybtn_icon_container),
         style: {
           transform: ' rotate(-180deg)'
         },
         onClick: function onClick() {
           if (item.hasvariants == 0) {
-            updatequantity('remove');
+            var tempitem = _objectSpread$e({}, item);
+
+            tempitem.quantity = parseInt(tempitem.quantity);
+            tempitem.quantity = tempitem.quantity - 1;
+
+            if (tempitem.quantity <= 0) {
+              tempitem.quantity = 0;
+            }
+
+            setitem(_objectSpread$e({}, tempitem));
+            addtocartfunc('add', tempitem.quantity);
           } else {
             setShowProductInfoModalContext(true);
             setProductIdProdutInfoModalContext(item.productid);
           }
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
-        "class": "fa fa-chevron-up"
-      })), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": "fa fa-chevron-up minusbtn"
+      })), /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": "".concat(cardsstyles2.quantitybtn_text) + ' d-flex align-items-center justify-content-center '
+      }, item.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
         "class": "".concat(cardsstyles2.add_quantitybtn_icon_container),
         onClick: function onClick() {
           if (item.hasvariants == 0) {
-            updatequantity('add');
+            var tempitem = _objectSpread$e({}, item);
+
+            tempitem.quantity = parseInt(tempitem.quantity);
+            tempitem.quantity = tempitem.quantity + 1;
+
+            if (tempitem.quantity <= 0) {
+              tempitem.quantity = 0;
+            }
+
+            setitem(_objectSpread$e({}, tempitem));
+            addtocartfunc('add', tempitem.quantity);
           } else {
             setShowProductInfoModalContext(true);
             setProductIdProdutInfoModalContext(item.productid);
           }
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
-        "class": "fa fa-chevron-up"
+        "class": "fa fa-chevron-up addbtn"
       })))), showquantity == false && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 col-sm-11 ml-auto mr-auto d-flex align-items-center justify-content-center p-0 mt-3",
         onClick: function onClick() {
           setshowquantity(true);
-
-          if (item.hasvariants == 0) {
-            addtocartfunc();
-          } else {
-            setShowProductInfoModalContext(true);
-            setProductIdProdutInfoModalContext(item.productid);
-          }
-        } // onClick={() => {
-        //     if (item.hasvariants == 0) {
-        //         addtocartfunc();
-        //     } else {
-        //         setShowProductInfoModalContext(true);
-        //         setProductIdProdutInfoModalContext(item.productid);
-        //     }
-        // }}
-
-      }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "".concat(cardsstyles2.cart_btn) + ' font-md-13 m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
         disabled: AddtoCartMutationContext.isLoading
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
-      }, /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingCart, {
-        size: sectionproperties.cartBtn_iconFontSize
-      })), addtocartbuttonrender())))));
+      }, lang.addtocart)))));
     };
 
     function ownKeys$d(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; }
@@ -36435,7 +36746,8 @@
         wishlist_btn: glamor.css({
           position: 'absolute',
           top: 10,
-          right: 10,
+          left: langdetect == 'en' ? 0 : 10,
+          right: langdetect == 'en' ? 10 : 0,
           width: sectionproperties.favBtnWidth + 'px',
           height: sectionproperties.favBtnHeight + 'px',
           background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
@@ -36667,6 +36979,7 @@
         Policies: Policies,
         CartSlider: CartSlider,
         Categoriesdropdown: Categoriesdropdown,
+        OrderSuccess: OrderSuccess,
         // Cards Sections
         CardsSection: CardsSection,
         CardsSection2: CardsSection2,