tabexseriescomponents 0.0.73 → 0.0.74

package/dist/index.cjs.js

@@ -45,6 +45,7 @@ var Select$2 = require('react-select');
 var BackgroundSlideshow = require('react-background-slideshow');
 var _extends = require('@babel/runtime/helpers/extends');
 var reactSlideshowImage = require('react-slideshow-image');
+require('react-slideshow-image/dist/styles.css');
 var bi = require('react-icons/bi');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -509,7 +510,7 @@ var GoogleLoginButton = function GoogleLoginButton(props) {
   })))));
 };
 
-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);
 
@@ -671,7 +672,7 @@ var Login = function Login(props) {
       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
@@ -1430,7 +1431,7 @@ var Productinfo = function Productinfo(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
     }
-  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar, props.srcfromprops, "lkjhgf")), props.srcfromprops == 'templatdraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), props.srcfromprops == 'templatdraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-2 d-flex justify-content-start align-items-center"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start '
@@ -2245,7 +2246,7 @@ function ownKeys$1t(object, enumerableOnly) { var keys = Object.keys(object); if
 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;
@@ -2465,7 +2466,23 @@ var Ordershistory = function Ordershistory(props) {
   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',
@@ -2476,11 +2493,11 @@ var Ordershistory = function Ordershistory(props) {
   }, /*#__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,
@@ -2488,8 +2505,26 @@ var Ordershistory = function Ordershistory(props) {
       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 ',
@@ -3097,7 +3132,7 @@ function ownKeys$1s(object, enumerableOnly) { var keys = Object.keys(object); if
 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;
@@ -3275,7 +3310,23 @@ var Wishlist = function Wishlist(props) {
   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',
@@ -3286,11 +3337,11 @@ var Wishlist = function Wishlist(props) {
   }, /*#__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,
@@ -3298,8 +3349,26 @@ var Wishlist = function Wishlist(props) {
       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 ',
@@ -3608,7 +3677,7 @@ function ownKeys$1r(object, enumerableOnly) { var keys = Object.keys(object); if
 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;
@@ -3940,7 +4009,23 @@ var Viewcart = function Viewcart(props) {
   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',
@@ -3951,11 +4036,11 @@ var Viewcart = function Viewcart(props) {
   }, /*#__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,
@@ -3963,8 +4048,26 @@ var Viewcart = function Viewcart(props) {
       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 ',
@@ -4284,7 +4387,7 @@ var Viewcart = function Viewcart(props) {
       },
       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) {
@@ -5139,7 +5242,7 @@ var Checkout = function Checkout(props) {
     }
   }, /*#__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',
@@ -5155,6 +5258,22 @@ var Checkout = function Checkout(props) {
     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", {
@@ -6647,7 +6766,7 @@ function ownKeys$1l(object, enumerableOnly) { var keys = Object.keys(object); if
 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, _fetchInstitutePolici, _fetchInstitutePolici2, _fetchInstitutePolici3, _fetchInstitutePolici4, _fetchInstitutePolici5, _fetchInstitutePolici6, _fetchInstitutePolici7, _fetchInstitutePolici8;
+  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),
@@ -6765,7 +6884,23 @@ var Policies = function Policies(props) {
       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',
@@ -6776,11 +6911,12 @@ var Policies = function Policies(props) {
   }, /*#__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,
@@ -6788,8 +6924,25 @@ var Policies = function Policies(props) {
       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 ',
@@ -10105,8 +10258,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
       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',
@@ -15281,7 +15433,7 @@ var Slideshowfade = function Slideshowfade(props) {
           }
         }
       },
-      "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',
@@ -15463,7 +15615,8 @@ var Slideshowslide = function Slideshowslide(props) {
       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,
@@ -15478,32 +15631,35 @@ var Slideshowslide = function Slideshowslide(props) {
         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 + ")",
@@ -15629,6 +15785,27 @@ var Slideshowzoom = function Slideshowzoom(props) {
     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", {
@@ -15665,9 +15842,9 @@ var Slideshowzoom = function Slideshowzoom(props) {
       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
     }))));
   };
@@ -15808,7 +15985,7 @@ function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if
 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, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _fetchCategoriesQuery13, _fetchCategoriesQuery14, _fetchCategoriesQuery15;
+  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;
@@ -15924,7 +16101,7 @@ var Subheader = function Subheader(props) {
     "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) {
@@ -15976,7 +16153,8 @@ var Subheader = function Subheader(props) {
     "class": "".concat(headerstyles$a.nav__item) + ' scrollhorizontal flex-row align-items-center w-md-100 justify-content-md-center ',
     style: {
       zIndex: 1000,
-      justifyContent: 'center'
+      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;
@@ -15993,18 +16171,20 @@ var Subheader = function Subheader(props) {
         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_resp,
-        fontWeight: sectionproperties.subheader_categorytitle_textfontweight_resp
+        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 ',
+    "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
+      zIndex: 2000,
+      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 pt-3 pb-3"
@@ -18064,7 +18244,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
     "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)'
@@ -22585,6 +22765,12 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
         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", {
@@ -22627,21 +22813,21 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
   }, /*#__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
     },
@@ -22651,10 +22837,10 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       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: {
@@ -22668,7 +22854,8 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
   }, " 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);
@@ -22754,7 +22941,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       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: {
@@ -22792,7 +22979,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       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", {
@@ -25696,12 +25883,12 @@ var Allinonefooter = function Allinonefooter(props) {
     }, 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
     }))))));
   };
@@ -27388,15 +27575,10 @@ var Footer5 = function Footer5(props) {
       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({
@@ -27624,7 +27806,7 @@ var Footer5 = function Footer5(props) {
     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"
@@ -27634,7 +27816,7 @@ var Footer5 = function Footer5(props) {
   })), /*#__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;
 
@@ -27646,12 +27828,12 @@ var Footer5 = function Footer5(props) {
   }, /*#__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;
 
@@ -27663,17 +27845,17 @@ var Footer5 = function Footer5(props) {
   }, /*#__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),
@@ -30449,10 +30631,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   }, 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') {
@@ -30461,7 +30640,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
         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'
     }
@@ -32780,7 +32959,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       setitem = _useState4[1];
 
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
-  props.actions.lang;
+  var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
   var addtofavoritescontext = props.actions.addtofavoritescontext;
@@ -32790,6 +32969,19 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
   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 = {};
@@ -32815,30 +33007,12 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
     }
   }, [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));
-  };
-
-  var addtocartfunc = function addtocartfunc() {
+  var addtocartfunc = function addtocartfunc(type, quantity) {
     var addtocardpayloadobj = {
       functype: 'add',
       productid: item.productid,
       variantid: '',
-      quantity: item.quantity
+      quantity: quantity
     };
     var runfunc = false;
 
@@ -32929,10 +33103,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       width: sectionproperties.cartBtnWidth + 'px',
       height: sectionproperties.cartBtnHeight + 'px',
       background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.cart_btn_borderBottomLeftRadius + 'px' : 0,
-      borderBottomRightRadius: langdetect == 'en' ? 0 : sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.cart_btn_borderBottomLeftRadius + 'px' : 0,
-      borderTopRightRadius: langdetect == 'en' ? 0 : sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cartBtnTextcolor,
       fontSize: sectionproperties.cartBtnTextfontsize + 'px',
       textTransform: sectionproperties.cartBtnTexttransform,
@@ -32989,6 +33160,10 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       ':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({
@@ -33006,69 +33181,13 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       ':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 /*#__PURE__*/React__default["default"].createElement("i", {
-          "class": 'h-100 d-flex align-items-center justify-content-center'
-        }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingBag, {
-          "class": "",
-          size: sectionproperties.cartBtn_iconFontSize
-        }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(cg.CgShoppingBag, {
-          "class": "",
-          size: sectionproperties.cartBtn_iconFontSize
-        }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(bs.BsBag, {
-          "class": "",
-          size: sectionproperties.cartBtn_iconFontSize
-        }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(bs.BsHandbag, {
-          size: sectionproperties.cartBtn_iconFontSize
-        }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingCart, {
-          "class": "",
-          size: sectionproperties.cartBtn_iconFontSize
-        }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(md.MdOutlineShoppingCart, {
-          size: sectionproperties.cartBtn_iconFontSize
-        }));
-      }
-    }
-
-    if (!AddtoCartMutationContext.isLoading) {
-      return /*#__PURE__*/React__default["default"].createElement("i", {
-        "class": 'h-100 d-flex align-items-center justify-content-center'
-      }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingBag, {
-        "class": "",
-        size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(cg.CgShoppingBag, {
-        "class": "",
-        size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(bs.BsBag, {
-        "class": "",
-        size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(bs.BsHandbag, {
-        size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingCart, {
-        "class": "",
-        size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(md.MdOutlineShoppingCart, {
-        size: sectionproperties.cartBtn_iconFontSize
-      }));
-    }
-  };
-
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row ml-0 mr-0 w-100",
     style: {
@@ -33155,7 +33274,10 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
         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", {
@@ -33168,82 +33290,71 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, 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("div", {
-    "class": "col-lg-9 col-md-9 col-sm-9 d-flex justify-content-start align-items-center"
   }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(cardsstyles2.quantitybtn) + ' 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"
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-3 col-md-3 col-sm-3 d-flex align-items-center justify-content-end p-0",
+    "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() {
-      if (item.hasvariants == 0) {
-        addtocartfunc();
-      } else {
-        setShowProductInfoModalContext(true);
-        setProductIdProdutInfoModalContext(item.productid);
-      }
+      setshowquantity(true);
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(cardsstyles2.cart_btn) + '  m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
+    "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
-  }, 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; }
@@ -36697,7 +36808,8 @@ var StylishProductCard = function StylishProductCard(props) {
     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,