tabexseriescomponents 0.2.1275 → 0.2.1276

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -548,7 +548,7 @@ var GoogleLoginButton = function GoogleLoginButton(props) {
548
548
  })))));
549
549
  };
550
550
 
551
- var css_248z$M = "@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');\r\n:root {\r\n --cimon: #f76566;\r\n --primary: #022648; /* rgba (2,38,72) */\r\n --secondary: #eac435;\r\n --success: #2f9d64;\r\n --successhover: #1d623f;\r\n --info: #16aaff; /*rgb(22, 170, 255)*/\r\n --infohover: #0071b3; /*rgb(0, 113, 179)*/\r\n --danger: #d92550; /* rgb(217, 37, 80) */\r\n --dangerhover: #991a37; /* rgb(153, 26, 55) */\r\n --fav: #ff1a75; /* rgb(255, 26, 117) */\r\n --favhover: #cc0052; /* rgb(204, 0, 82) */\r\n --light: #999999;\r\n --light2: #808080;\r\n --dark: #454d54;\r\n --darkhover: #343a40;\r\n --focus: #444054;\r\n --cardtitle: rgba(13, 27, 62, 0.7);\r\n --cardheader: #008eb3;\r\n --cardHeaderHover: #007a99;\r\n --darkblue: #0000b3;\r\n --orange: #ff6600;\r\n}\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box;\r\n}\r\nhtml {\r\n width: 100vw;\r\n height: 100vh;\r\n top: 0;\r\n left: 0;\r\n font-family: 'Poppins', sans-serif;\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\nbody {\r\n margin: 0;\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 0.88rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n /* color: #022648; */\r\n text-align: left;\r\n background: #fff;\r\n overflow-x: hidden;\r\n width: 100vw;\r\n height: 100vh;\r\n top: 0;\r\n left: 0;\r\n}\r\n/* body::-webkit-scrollbar {\r\n width: 5px;\r\n}\r\nbody::-webkit-scrollbar-track {\r\n box-shadow: inset 0 0 5px grey;\r\n border-radius: 10px;\r\n}\r\nbody::-webkit-scrollbar-thumb {\r\n background: #022648;\r\n border-radius: 10px;\r\n}\r\nbody::-webkit-scrollbar-thumb:hover {\r\n background: #eac435;\r\n} */\r\n.general-module_shadow_bottom__YcJR3 {\r\n box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);\r\n transition: 0.3s;\r\n}\r\n.general-module_shadow_bottom__YcJR3:hover {\r\n box-shadow: 0px 9px 20px rgba(75, 72, 72, 0.3);\r\n}\r\n.general-module_overflowY_scroll__m5upZ {\r\n overflow-y: scroll;\r\n}\r\n\r\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar {\r\n width: 5px;\r\n}\r\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-track {\r\n /* box-shadow: inset 0 0 5px grey; */\r\n border-radius: 10px;\r\n}\r\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb {\r\n background: #4d4d4d;\r\n border-radius: 10px;\r\n}\r\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb:hover {\r\n background: #999999;\r\n}\r\n/* badges */\r\n.general-module_badge__GTiMs {\r\n display: inline-block;\r\n padding: 0.25em;\r\n font-size: 90%;\r\n font-weight: 700;\r\n line-height: 1;\r\n text-align: center;\r\n white-space: nowrap;\r\n vertical-align: baseline;\r\n border-radius: 50%;\r\n margin-left: -15%;\r\n width: 3vh;\r\n height: 3vh;\r\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;\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n .general-module_badge__GTiMs {\r\n transition: none;\r\n }\r\n}\r\n.general-module_badge__GTiMs:empty {\r\n display: none;\r\n}\r\n.general-module_badge_secondary__p6ErJ {\r\n min-width: 2.5vh;\r\n height: 2.5vh;\r\n border-radius: 5px;\r\n background: #eac435;\r\n color: white;\r\n font-size: 12px;\r\n /* line-height: 3vh; */\r\n}\r\na {\r\n color: #022648;\r\n text-decoration: none;\r\n background-color: transparent;\r\n}\r\n\r\n.general-module_divider__WFV-A {\r\n margin-top: 1rem;\r\n margin-bottom: 1rem;\r\n height: 1px;\r\n overflow: hidden;\r\n background: #e9ecef;\r\n}\r\n.general-module_verical_divider__u5DxE {\r\n margin-top: 1rem;\r\n margin-bottom: 1rem;\r\n height: 40px;\r\n overflow: hidden;\r\n background: #e1e6ea;\r\n width: 1px;\r\n}\r\n\r\n/* Table */\r\ntable {\r\n border-collapse: collapse;\r\n}\r\nth {\r\n text-align: inherit;\r\n}\r\n.general-module_table__hdcWN {\r\n width: 100%;\r\n margin-bottom: 1rem;\r\n background-color: rgba(0, 0, 0, 0);\r\n}\r\n.general-module_table__hdcWN th,\r\n.general-module_table__hdcWN td {\r\n padding: 0.55rem;\r\n border-top: 1px solid #e9ecef;\r\n}\r\n.general-module_table__hdcWN th.general-module_mw-200__PaU8G,\r\n.general-module_table__hdcWN td.general-module_mw-200__PaU8G {\r\n max-width: 200px;\r\n}\r\n.general-module_table__hdcWN thead th {\r\n vertical-align: bottom;\r\n border-bottom: 2px solid #e9ecef;\r\n font-size: 15px;\r\n}\r\n.general-module_table__hdcWN td {\r\n color: var(--focus);\r\n font-size: 15px;\r\n}\r\n.general-module_table_bordered__JKIJp {\r\n border: 1px solid #e9ecef;\r\n}\r\n.general-module_table_bordered__JKIJp th,\r\n.general-module_table_bordered__JKIJp td {\r\n border: 1px solid #e9ecef;\r\n}\r\n.general-module_table_bordered__JKIJp thead th,\r\n.general-module_table_bordered__JKIJp thead td {\r\n border-bottom-width: 2px;\r\n}\r\n.general-module_table_borderless__OF0cl th,\r\n.general-module_table_borderless__OF0cl td,\r\n.general-module_table_borderless__OF0cl thead th,\r\n.general-module_table_borderless__OF0cl tbody + tbody {\r\n border: 0;\r\n}\r\n.general-module_table_striped__wWBA6 tbody tr:nth-of-type(odd) {\r\n background-color: rgba(0, 0, 0, 0.03);\r\n}\r\n.general-module_table_hover__EiJha tbody tr:hover {\r\n background-color: #e0f3ff;\r\n}\r\n.general-module_table_responsive__JPCKF {\r\n display: block;\r\n width: 100%;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n -ms-overflow-style: -ms-autohiding-scrollbar;\r\n}\r\n.general-module_table_responsive__JPCKF > .general-module_table_bordered__JKIJp {\r\n border: 0;\r\n}\r\n.general-module_table_translation__x1Rpf {\r\n background: rgba(0, 0, 0, 0.1);\r\n border-radius: 20px;\r\n padding: 5px;\r\n font-weight: 500;\r\n width: 100px;\r\n /* margin-left: auto;\r\n margin-right: auto; */\r\n}\r\n.general-module_table_translation__x1Rpf i {\r\n font-size: 20px;\r\n}\r\n.general-module_table_icon__EMMDI {\r\n font-size: 20px;\r\n transition: 0.3s;\r\n cursor: pointer;\r\n}\r\n.general-module_table_icon__EMMDI:hover {\r\n color: var(--secondary);\r\n}\r\n.general-module_image_table__HqRaH {\r\n width: 5vh;\r\n height: 5vh;\r\n box-shadow: 0 0 10px #ccc;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n border-radius: 5px;\r\n}\r\n.general-module_image_table__HqRaH img {\r\n max-width: 95%;\r\n max-height: 95%;\r\n border-radius: 5px;\r\n}\r\n.general-module_shownumber_cont__34Y5j {\r\n min-width: 3rem;\r\n background: white;\r\n box-shadow: 0 0 10px #ccc;\r\n border: 1px solid #ccc;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n}\r\n.general-module_card_input_table__vVK0p {\r\n min-width: 90%;\r\n height: 35px;\r\n}\r\n.general-module_card_input_table__vVK0p imput {\r\n height: 35px;\r\n}\r\n\r\n/* Buttons */\r\n.general-module_btn__FAb1b {\r\n display: inline-block;\r\n font-weight: 500;\r\n text-align: center;\r\n vertical-align: middle;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n background-color: transparent;\r\n border-radius: 20px;\r\n height: 35px;\r\n padding: 0 10px;\r\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;\r\n font-size: 13px;\r\n}\r\n.general-module_btn_rounded__Rkb8o {\r\n width: 5vh !important;\r\n height: 5vh !important;\r\n border-radius: 50% !important;\r\n}\r\n@media screen and (prefers-reduced-motion: reduce) {\r\n .general-module_btn__FAb1b {\r\n transition: none;\r\n }\r\n}\r\n.general-module_btn__FAb1b:hover {\r\n text-decoration: none;\r\n}\r\n.general-module_btn__FAb1b:focus,\r\n.general-module_btn__FAb1b.general-module_focus__8-F6p {\r\n outline: 0;\r\n box-shadow: none;\r\n}\r\n.general-module_btn__FAb1b.general-module_disabled__PRzt-,\r\n.general-module_btn__FAb1b:disabled {\r\n opacity: 0.65;\r\n cursor: not-allowed;\r\n}\r\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-) {\r\n cursor: pointer;\r\n}\r\na.general-module_btn__FAb1b.general-module_disabled__PRzt- {\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n}\r\n.general-module_btn_tranparent__GFTRs {\r\n color: #fff;\r\n background-color: tranparent;\r\n border-color: tranparent;\r\n}\r\n.general-module_btn_circle__lOyd4 {\r\n border-radius: 100%;\r\n width: 35px;\r\n height: 35px;\r\n line-height: 20px;\r\n padding: 10px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n.general-module_btn_white__H0esd {\r\n color: #fff;\r\n background-color: #fff;\r\n border-color: #fff;\r\n color: var(--primary);\r\n}\r\n.general-module_btn_white__H0esd:hover {\r\n color: #fff;\r\n background-color: var(--secondary);\r\n border-color: var(--secondary);\r\n}\r\n.general-module_btn_white__H0esd.general-module_disabled__PRzt-,\r\n.general-module_btn_white__H0esd:disabled {\r\n color: #fff;\r\n background-color: #fff;\r\n border-color: #fff;\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn_black__NcqLp {\r\n color: #fff;\r\n background-color: #000;\r\n border-color: #000;\r\n}\r\n.general-module_btn_black__NcqLp:hover {\r\n color: #fff;\r\n background-color: #595959;\r\n border-color: #595959;\r\n}\r\n.general-module_btn_black__NcqLp.general-module_disabled__PRzt-,\r\n.general-module_btn_black__NcqLp:disabled {\r\n color: #fff;\r\n background-color: #000;\r\n border-color: #000;\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn_primary__C5oTz {\r\n color: #fff;\r\n background-color: var(--primary);\r\n border-color: var(--primary);\r\n}\r\n.general-module_btn_primary__C5oTz:hover {\r\n color: #fff;\r\n background-color: var(--secondary);\r\n border-color: var(--secondary);\r\n}\r\n.general-module_btn_primary__C5oTz.general-module_disabled__PRzt-,\r\n.general-module_btn_primary__C5oTz:disabled {\r\n color: #fff;\r\n background-color: var(--primary);\r\n border-color: var(--primary);\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn_secondary__MbOCN {\r\n color: #fff;\r\n background-color: var(--secondary);\r\n border-color: var(--secondary);\r\n}\r\n.general-module_btn_secondary__MbOCN:hover {\r\n color: #fff;\r\n background-color: #5a6268;\r\n border-color: #545b62;\r\n}\r\n.general-module_btn_secondary__MbOCN.general-module_disabled__PRzt-,\r\n.general-module_btn_secondary__MbOCN:disabled {\r\n color: #fff;\r\n background-color: var(--secondary);\r\n border-color: var(--secondary);\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn_success__iV5-t {\r\n color: #fff;\r\n background-color: var(--success);\r\n border-color: var(--success);\r\n}\r\n.general-module_btn_success__iV5-t:hover {\r\n color: #fff;\r\n background-color: var(--successhover);\r\n border-color: var(--successhover);\r\n}\r\n.general-module_btn_success__iV5-t.general-module_disabled__PRzt-,\r\n.general-module_btn_success__iV5-t:disabled {\r\n color: #fff;\r\n background-color: var(--success);\r\n border-color: var(--success);\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn_info__-ClLB {\r\n color: #fff;\r\n background-color: var(--info);\r\n border-color: var(--info);\r\n}\r\n.general-module_btn_info__-ClLB:hover {\r\n color: #fff;\r\n background-color: var(--infohover);\r\n border-color: var(--infohover);\r\n}\r\n.general-module_btn_info__-ClLB.general-module_disabled__PRzt-,\r\n.general-module_btn_info__-ClLB:disabled {\r\n color: #fff;\r\n background-color: var(--info);\r\n border-color: var(--info);\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn_danger__b0QkM {\r\n color: #fff;\r\n background-color: var(--danger);\r\n border-color: var(--danger);\r\n}\r\n.general-module_btn_danger__b0QkM:hover {\r\n color: #fff;\r\n background-color: var(--dangerhover);\r\n border-color: var(--dangerhover);\r\n}\r\n.general-module_btn_danger__b0QkM.general-module_disabled__PRzt-,\r\n.general-module_btn_danger__b0QkM:disabled {\r\n color: #fff;\r\n background-color: var(--danger);\r\n border-color: var(--danger);\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn_dark__hSWyC {\r\n color: #fff;\r\n background-color: var(--dark);\r\n border-color: var(--dark);\r\n}\r\n.general-module_btn_dark__hSWyC:hover {\r\n color: #fff;\r\n background-color: var(--darkhover);\r\n border-color: var(--darkhover);\r\n}\r\n.general-module_btn_dark__hSWyC.general-module_disabled__PRzt-,\r\n.general-module_btn_dark__hSWyC:disabled {\r\n color: #fff;\r\n background-color: var(--dark);\r\n border-color: var(--dark);\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-):active,\r\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-).general-module_active__MPpsF {\r\n color: #fff;\r\n background-color: #ccc;\r\n border-color: #ccc;\r\n}\r\n.general-module_btn_grey__fGIYU {\r\n color: #fff;\r\n background-color: var(--focus);\r\n border-color: var(--focus);\r\n}\r\n.general-module_btn_grey__fGIYU:hover {\r\n color: #fff;\r\n background-color: var(--dark);\r\n border-color: var(--dark);\r\n}\r\n.general-module_btn_cardheader__vccWl {\r\n color: #fff;\r\n background-color: var(--cardheader);\r\n border-color: var(--cardheader);\r\n}\r\n.general-module_btn_cardheader__vccWl:hover {\r\n color: #fff;\r\n background-color: #007a99;\r\n border-color: #007a99;\r\n}\r\n.general-module_btn_cardheader__vccWl.general-module_disabled__PRzt-,\r\n.general-module_btn_cardheader__vccWl:disabled {\r\n color: #fff;\r\n background-color: #005166;\r\n border-color: #005166;\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n\r\n/* Borders */\r\n.general-module_border_primary__Jqm8o {\r\n border-color: #022648;\r\n}\r\n.general-module_border_secondary__xiHt3 {\r\n border-color: #eac435;\r\n}\r\n.general-module_border_success__kWv6N {\r\n border-color: var(--success);\r\n}\r\n.general-module_border_info__wfOF- {\r\n border-color: #16aaff;\r\n}\r\n.general-module_border_warning__mSIRm {\r\n border-color: #f7b924;\r\n}\r\n.general-module_border_danger__U7veI {\r\n border-color: #d92550;\r\n}\r\n.general-module_border__Pvp44 {\r\n border: 1px solid #dee2e6 !important;\r\n}\r\n.general-module_border_top__0-KRU {\r\n border-top: 1px solid #dee2e6 !important;\r\n}\r\n.general-module_border_right__7QXHH {\r\n border-right: 1px solid #dee2e6 !important;\r\n}\r\n.general-module_border_bottom__Xyy95 {\r\n border-bottom: 1px solid #dee2e6 !important;\r\n}\r\n.general-module_border_left__90qSD {\r\n border-left: 1px solid #dee2e6 !important;\r\n}\r\n.general-module_border_0__YO9qY {\r\n border: 0 !important;\r\n}\r\n.general-module_border_top_0__KFIha {\r\n border-top: 0 !important;\r\n}\r\n.general-module_border_right_0__FaED6 {\r\n border-right: 0 !important;\r\n}\r\n.general-module_border_bottom_0__NZhJm {\r\n border-bottom: 0 !important;\r\n}\r\n.general-module_border_top_0__KFIha {\r\n border-top: 0 !important;\r\n}\r\n.general-module_border_left_0__gjITr {\r\n border-left: 0 !important;\r\n}\r\n/* Inner Content */\r\n.general-module_app_container__-NNzK {\r\n display: flex;\r\n flex-direction: column;\r\n margin: 0;\r\n position: relative !important;\r\n}\r\n.general-module_app_main__3s9rd {\r\n z-index: 8;\r\n position: relative;\r\n}\r\n.general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\r\n flex: 1;\r\n padding: 130px 40px 0;\r\n}\r\n.general-module_app_main_inner_headertwo__UkOlN {\r\n padding: 100px 40px 0 !important;\r\n}\r\n.general-module_app_main_inner_headerfour__slUk1 {\r\n padding: 80px 20px 0 280px !important;\r\n}\r\n@media screen and (max-width: 1025px) {\r\n .general-module_app_main_inner_headerfour__slUk1 {\r\n padding: 80px 10px !important;\r\n }\r\n}\r\n/* Card */\r\n.general-module_card__KT-JI {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n min-width: 0;\r\n word-wrap: break-word;\r\n background-color: white !important;\r\n background-clip: border-box;\r\n border-radius: 15px;\r\n padding: 0.5em 0.8em;\r\n transition: all 0.2s;\r\n}\r\n.general-module_card_border_10__M-cl- {\r\n border-radius: 10px !important;\r\n}\r\n/* Responsive */\r\n@media (max-width: 991.98px) {\r\n .general-module_app_main__3s9rd {\r\n display: block;\r\n }\r\n .general-module_app_main__3s9rd .general-module_app_main_outer__gNSLc {\r\n padding-left: 0 !important;\r\n }\r\n .general-module_app_main__3s9rd .general-module_app_main_outertranslated__IZRx2 {\r\n padding-right: 0;\r\n padding-left: 0;\r\n }\r\n}\r\n@media (max-width: 1025px) {\r\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\r\n padding: 130px 20px 0;\r\n }\r\n}\r\n@media (max-width: 800px) {\r\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\r\n padding: 130px 20px 0 !important;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\r\n padding: 70px 20px !important;\r\n }\r\n}\r\n\r\n/* Pills */\r\n.general-module_pill__gHCcE {\r\n min-width: 9vh;\r\n height: 4vh;\r\n color: white;\r\n padding: 0 1%;\r\n display: flex;\r\n text-align: center;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 20px;\r\n font-size: 12px;\r\n}\r\n.general-module_fadeIn__bUx2u {\r\n /* opacity: 1; */\r\n display: block;\r\n visibility: visible;\r\n transition: 1s ease-in-out;\r\n transition-delay: 0s;\r\n}\r\n.general-module_fadeOut__R13Fc {\r\n /* opacity: 0; */\r\n display: none;\r\n visibility: hidden;\r\n transition: 1s ease-in-out;\r\n}\r\n.general-module_fadeInButton__1daVD {\r\n display: block;\r\n}\r\n.general-module_fadeOutButton__8BRUG {\r\n display: none;\r\n}\r\n\r\n/* Section Title */\r\n.general-module_sectiontitlecont__F-e6k {\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n}\r\n.general-module_sectiontitlecont__F-e6k span {\r\n position: relative;\r\n white-space: nowrap;\r\n transition: 0.3s;\r\n}\r\n.general-module_sectiontitlecont__F-e6k span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -3px;\r\n left: 0;\r\n display: block;\r\n height: 3px;\r\n border-radius: 20px;\r\n z-index: 1000;\r\n}\r\n.general-module_homesectiontitlecont__ZfXNm span {\r\n font-size: 25px !important;\r\n}\r\n\r\n.general-module_sectiontitlecont2__mfEaP {\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n}\r\n.general-module_sectiontitlecont2__mfEaP span {\r\n position: relative;\r\n white-space: nowrap;\r\n transition: 0.3s;\r\n}\r\n.general-module_sectiontitlecont2__mfEaP span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -3px;\r\n left: 0;\r\n display: block;\r\n border-radius: 20px;\r\n z-index: 1000;\r\n}\r\n\r\n/* Search Overlay */\r\n.general-module_search_modern__Emxk4 {\r\n position: relative;\r\n z-index: 2000;\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n.general-module_search_wrap__XD-i0 {\r\n position: fixed;\r\n left: 0;\r\n z-index: 100;\r\n width: 100%;\r\n height: 280px;\r\n top:0;\r\n}\r\n.general-module_search_wrap2__NHS-l {\r\n position: fixed;\r\n left: 0;\r\n z-index: 100;\r\n width: 100%;\r\n /* height: 280px; */\r\n top:0;\r\n }\r\n.general-module_search_form__ENSm4 {\r\n position: absolute;\r\n z-index: 1;\r\n top: 55%;\r\n left: 50%;\r\n -webkit-transform: translate(-50%, -50%);\r\n -ms-transform: translate(-50%, -50%);\r\n transform: translate(-50%, -50%);\r\n width: 90%;\r\n border: none;\r\n -webkit-animation-delay: 0.5s;\r\n -moz-animation-delay: 0.5s;\r\n -o-animation-delay: 0.5s;\r\n animation-delay: 0.5s;\r\n -webkit-animation-name: general-module_fadeIn__bUx2u;\r\n animation-name: general-module_fadeIn__bUx2u;\r\n -webkit-animation-duration: 0.7s;\r\n animation-duration: 0.7s;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n visibility: visible;\r\n}\r\n.general-module_search_form__ENSm4:after {\r\n content: '';\r\n display: block;\r\n width: 100%;\r\n height: 1px;\r\n -webkit-transform: scale3d(0, 1, 1);\r\n -ms-transform: scale3d(0, 1, 1);\r\n transform: scale3d(0, 1, 1);\r\n -webkit-transform-origin: left center;\r\n -ms-transform-origin: left center;\r\n transform-origin: left center;\r\n -webkit-animation-delay: 0.3s;\r\n -moz-animation-delay: 0.3s;\r\n -o-animation-delay: 0.3s;\r\n animation-delay: 0.3s;\r\n -webkit-animation-name: general-module_fadeInMove__AZr3h;\r\n animation-name: general-module_fadeInMove__AZr3h;\r\n -webkit-animation-duration: 0.7s;\r\n animation-duration: 0.7s;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n visibility: visible;\r\n}\r\n.general-module_search_form_wrap__mqmVB {\r\n position: absolute;\r\n z-index: 1;\r\n top: 50%;\r\n left: 50%;\r\n -webkit-transform: translate(-50%, -50%);\r\n -ms-transform: translate(-50%, -50%);\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n height: 100%;\r\n}\r\n.general-module_search_field__ik-q3 {\r\n width: 100%;\r\n height: 3em;\r\n padding: 0 1.5em 0 0;\r\n letter-spacing: 0;\r\n border: none;\r\n background-color: transparent;\r\n margin: 0;\r\n border: none;\r\n white-space: pre-wrap;\r\n word-wrap: break-word;\r\n resize: none;\r\n overflow: hidden;\r\n display: block;\r\n visibility: visible;\r\n vertical-align: middle;\r\n -webkit-box-sizing: border-box;\r\n -ms-box-sizing: border-box;\r\n box-sizing: border-box; \r\n}\r\n.general-module_search_modern__Emxk4 .general-module_search_wrap__XD-i0 .general-module_search_field__ik-q3::-ms-clear {\r\n display: none;\r\n} \r\n.general-module_search_modern__Emxk4 .general-module_search_wrap2__NHS-l .general-module_search_field__ik-q3::-ms-clear {\r\n display: none;\r\n} \r\n.general-module_logo_image__lTnSu {\r\n -webkit-animation-delay: 0.3s;\r\n -moz-animation-delay: 0.3s;\r\n -o-animation-delay: 0.3s;\r\n animation-delay: 0.3s;\r\n -webkit-animation-name: general-module_fadeInAnim__UYit1;\r\n animation-name: general-module_fadeInAnim__UYit1;\r\n -webkit-animation-duration: 0.6s;\r\n animation-duration: 0.6s;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n visibility: visible;\r\n}\r\n@-webkit-keyframes general-module_fadeInAnim__UYit1 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes general-module_fadeInAnim__UYit1 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n@-webkit-keyframes general-module_fadeInMove__AZr3h {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale3d(0, 1, 1);\r\n }\r\n 10% {\r\n opacity: 1;\r\n -webkit-transform: scale3d(0.1, 1, 1);\r\n }\r\n 100% {\r\n opacity: 0.14;\r\n -webkit-transform: scale3d(1, 1, 1);\r\n }\r\n}\r\n@keyframes general-module_fadeInMove__AZr3h {\r\n 0% {\r\n opacity: 0;\r\n transform: scale3d(0, 1, 1);\r\n }\r\n 10% {\r\n opacity: 1;\r\n transform: scale3d(0.1, 1, 1);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale3d(1, 1, 1);\r\n }\r\n}\r\n";
551
+ var css_248z$M = "@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');\r\n:root {\r\n --cimon: #f76566;\r\n --primary: #022648; /* rgba (2,38,72) */\r\n --secondary: #eac435;\r\n --success: #2f9d64;\r\n --successhover: #1d623f;\r\n --info: #16aaff; /*rgb(22, 170, 255)*/\r\n --infohover: #0071b3; /*rgb(0, 113, 179)*/\r\n --danger: #d92550; /* rgb(217, 37, 80) */\r\n --dangerhover: #991a37; /* rgb(153, 26, 55) */\r\n --fav: #ff1a75; /* rgb(255, 26, 117) */\r\n --favhover: #cc0052; /* rgb(204, 0, 82) */\r\n --light: #999999;\r\n --light2: #808080;\r\n --dark: #454d54;\r\n --darkhover: #343a40;\r\n --focus: #444054;\r\n --cardtitle: rgba(13, 27, 62, 0.7);\r\n --cardheader: #008eb3;\r\n --cardHeaderHover: #007a99;\r\n --darkblue: #0000b3;\r\n --orange: #ff6600;\r\n}\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box;\r\n}\r\nhtml {\r\n width: 100vw;\r\n height: 100vh;\r\n top: 0;\r\n left: 0;\r\n font-family: 'Poppins', sans-serif;\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\nbody {\r\n margin: 0;\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 0.88rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n /* color: #022648; */\r\n text-align: left;\r\n background: #fff;\r\n overflow-x: hidden;\r\n width: 100vw;\r\n height: 100vh;\r\n top: 0;\r\n left: 0;\r\n}\r\n/* body::-webkit-scrollbar {\r\n width: 5px;\r\n}\r\nbody::-webkit-scrollbar-track {\r\n box-shadow: inset 0 0 5px grey;\r\n border-radius: 10px;\r\n}\r\nbody::-webkit-scrollbar-thumb {\r\n background: #022648;\r\n border-radius: 10px;\r\n}\r\nbody::-webkit-scrollbar-thumb:hover {\r\n background: #eac435;\r\n} */\r\n.general-module_shadow_bottom__YcJR3 {\r\n box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);\r\n transition: 0.3s;\r\n}\r\n.general-module_shadow_bottom__YcJR3:hover {\r\n box-shadow: 0px 9px 20px rgba(75, 72, 72, 0.3);\r\n}\r\n.general-module_overflowY_scroll__m5upZ {\r\n overflow-y: scroll;\r\n}\r\n\r\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar {\r\n width: 5px;\r\n}\r\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-track {\r\n /* box-shadow: inset 0 0 5px grey; */\r\n border-radius: 10px;\r\n}\r\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb {\r\n background: #4d4d4d;\r\n border-radius: 10px;\r\n}\r\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb:hover {\r\n background: #999999;\r\n}\r\n/* badges */\r\n.general-module_badge__GTiMs {\r\n display: inline-block;\r\n padding: 0.25em;\r\n font-size: 90%;\r\n font-weight: 700;\r\n line-height: 1;\r\n text-align: center;\r\n white-space: nowrap;\r\n vertical-align: baseline;\r\n border-radius: 50%;\r\n margin-left: -15%;\r\n width: 3vh;\r\n height: 3vh;\r\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;\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n .general-module_badge__GTiMs {\r\n transition: none;\r\n }\r\n}\r\n.general-module_badge__GTiMs:empty {\r\n display: none;\r\n}\r\n.general-module_badge_secondary__p6ErJ {\r\n min-width: 2.5vh;\r\n height: 2.5vh;\r\n border-radius: 5px;\r\n background: #eac435;\r\n color: white;\r\n font-size: 12px;\r\n /* line-height: 3vh; */\r\n}\r\na {\r\n color: #022648;\r\n text-decoration: none;\r\n background-color: transparent;\r\n}\r\n\r\n.general-module_divider__WFV-A {\r\n margin-top: 1rem;\r\n margin-bottom: 1rem;\r\n height: 1px;\r\n overflow: hidden;\r\n background: #e9ecef;\r\n}\r\n.general-module_verical_divider__u5DxE {\r\n margin-top: 1rem;\r\n margin-bottom: 1rem;\r\n height: 40px;\r\n overflow: hidden;\r\n background: #e1e6ea;\r\n width: 1px;\r\n}\r\n\r\n/* Table */\r\ntable {\r\n border-collapse: collapse;\r\n}\r\nth {\r\n text-align: inherit;\r\n}\r\n.general-module_table__hdcWN {\r\n width: 100%;\r\n margin-bottom: 1rem;\r\n background-color: rgba(0, 0, 0, 0);\r\n}\r\n.general-module_table__hdcWN th,\r\n.general-module_table__hdcWN td {\r\n padding: 0.55rem;\r\n border-top: 1px solid #e9ecef;\r\n}\r\n.general-module_table__hdcWN th.general-module_mw-200__PaU8G,\r\n.general-module_table__hdcWN td.general-module_mw-200__PaU8G {\r\n max-width: 200px;\r\n}\r\n.general-module_table__hdcWN thead th {\r\n vertical-align: bottom;\r\n border-bottom: 2px solid #e9ecef;\r\n font-size: 15px;\r\n}\r\n.general-module_table__hdcWN td {\r\n color: var(--focus);\r\n font-size: 15px;\r\n}\r\n.general-module_table_bordered__JKIJp {\r\n border: 1px solid #e9ecef;\r\n}\r\n.general-module_table_bordered__JKIJp th,\r\n.general-module_table_bordered__JKIJp td {\r\n border: 1px solid #e9ecef;\r\n}\r\n.general-module_table_bordered__JKIJp thead th,\r\n.general-module_table_bordered__JKIJp thead td {\r\n border-bottom-width: 2px;\r\n}\r\n.general-module_table_borderless__OF0cl th,\r\n.general-module_table_borderless__OF0cl td,\r\n.general-module_table_borderless__OF0cl thead th,\r\n.general-module_table_borderless__OF0cl tbody + tbody {\r\n border: 0;\r\n}\r\n.general-module_table_striped__wWBA6 tbody tr:nth-of-type(odd) {\r\n background-color: rgba(0, 0, 0, 0.03);\r\n}\r\n.general-module_table_hover__EiJha tbody tr:hover {\r\n background-color: #e0f3ff;\r\n}\r\n.general-module_table_responsive__JPCKF {\r\n display: block;\r\n width: 100%;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n -ms-overflow-style: -ms-autohiding-scrollbar;\r\n}\r\n.general-module_table_responsive__JPCKF > .general-module_table_bordered__JKIJp {\r\n border: 0;\r\n}\r\n.general-module_table_translation__x1Rpf {\r\n background: rgba(0, 0, 0, 0.1);\r\n border-radius: 20px;\r\n padding: 5px;\r\n font-weight: 500;\r\n width: 100px;\r\n /* margin-left: auto;\r\n margin-right: auto; */\r\n}\r\n.general-module_table_translation__x1Rpf i {\r\n font-size: 20px;\r\n}\r\n.general-module_table_icon__EMMDI {\r\n font-size: 20px;\r\n transition: 0.3s;\r\n cursor: pointer;\r\n}\r\n.general-module_table_icon__EMMDI:hover {\r\n color: var(--secondary);\r\n}\r\n.general-module_image_table__HqRaH {\r\n width: 5vh;\r\n height: 5vh;\r\n box-shadow: 0 0 10px #ccc;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n border-radius: 5px;\r\n}\r\n.general-module_image_table__HqRaH img {\r\n max-width: 95%;\r\n max-height: 95%;\r\n border-radius: 5px;\r\n}\r\n.general-module_shownumber_cont__34Y5j {\r\n min-width: 3rem;\r\n background: white;\r\n box-shadow: 0 0 10px #ccc;\r\n border: 1px solid #ccc;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n}\r\n.general-module_card_input_table__vVK0p {\r\n min-width: 90%;\r\n height: 35px;\r\n}\r\n.general-module_card_input_table__vVK0p imput {\r\n height: 35px;\r\n}\r\n\r\n/* Buttons */\r\n.general-module_btn__FAb1b {\r\n display: inline-block;\r\n font-weight: 500;\r\n text-align: center;\r\n vertical-align: middle;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n background-color: transparent;\r\n border-radius: 20px;\r\n height: 35px;\r\n padding: 0 10px;\r\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;\r\n font-size: 13px;\r\n}\r\n.general-module_btn_rounded__Rkb8o {\r\n width: 5vh !important;\r\n height: 5vh !important;\r\n border-radius: 50% !important;\r\n}\r\n@media screen and (prefers-reduced-motion: reduce) {\r\n .general-module_btn__FAb1b {\r\n transition: none;\r\n }\r\n}\r\n.general-module_btn__FAb1b:hover {\r\n text-decoration: none;\r\n}\r\n.general-module_btn__FAb1b:focus,\r\n.general-module_btn__FAb1b.general-module_focus__8-F6p {\r\n outline: 0;\r\n box-shadow: none;\r\n}\r\n.general-module_btn__FAb1b.general-module_disabled__PRzt-,\r\n.general-module_btn__FAb1b:disabled {\r\n opacity: 0.65;\r\n cursor: not-allowed;\r\n}\r\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-) {\r\n cursor: pointer;\r\n}\r\na.general-module_btn__FAb1b.general-module_disabled__PRzt- {\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n}\r\n.general-module_btn_tranparent__GFTRs {\r\n color: #fff;\r\n background-color: tranparent;\r\n border-color: tranparent;\r\n}\r\n.general-module_btn_circle__lOyd4 {\r\n border-radius: 100%;\r\n width: 35px;\r\n height: 35px;\r\n line-height: 20px;\r\n padding: 10px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n.general-module_btn_white__H0esd {\r\n color: #fff;\r\n background-color: #fff;\r\n border-color: #fff;\r\n color: var(--primary);\r\n}\r\n.general-module_btn_white__H0esd:hover {\r\n color: #fff;\r\n background-color: var(--secondary);\r\n border-color: var(--secondary);\r\n}\r\n.general-module_btn_white__H0esd.general-module_disabled__PRzt-,\r\n.general-module_btn_white__H0esd:disabled {\r\n color: #fff;\r\n background-color: #fff;\r\n border-color: #fff;\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn_black__NcqLp {\r\n color: #fff;\r\n background-color: #000;\r\n border-color: #000;\r\n}\r\n.general-module_btn_black__NcqLp:hover {\r\n color: #fff;\r\n background-color: #595959;\r\n border-color: #595959;\r\n}\r\n.general-module_btn_black__NcqLp.general-module_disabled__PRzt-,\r\n.general-module_btn_black__NcqLp:disabled {\r\n color: #fff;\r\n background-color: #000;\r\n border-color: #000;\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn_primary__C5oTz {\r\n color: #fff;\r\n background-color: var(--primary);\r\n border-color: var(--primary);\r\n}\r\n.general-module_btn_primary__C5oTz:hover {\r\n color: #fff;\r\n background-color: var(--secondary);\r\n border-color: var(--secondary);\r\n}\r\n.general-module_btn_primary__C5oTz.general-module_disabled__PRzt-,\r\n.general-module_btn_primary__C5oTz:disabled {\r\n color: #fff;\r\n background-color: var(--primary);\r\n border-color: var(--primary);\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn_secondary__MbOCN {\r\n color: #fff;\r\n background-color: var(--secondary);\r\n border-color: var(--secondary);\r\n}\r\n.general-module_btn_secondary__MbOCN:hover {\r\n color: #fff;\r\n background-color: #5a6268;\r\n border-color: #545b62;\r\n}\r\n.general-module_btn_secondary__MbOCN.general-module_disabled__PRzt-,\r\n.general-module_btn_secondary__MbOCN:disabled {\r\n color: #fff;\r\n background-color: var(--secondary);\r\n border-color: var(--secondary);\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn_success__iV5-t {\r\n color: #fff;\r\n background-color: var(--success);\r\n border-color: var(--success);\r\n}\r\n.general-module_btn_success__iV5-t:hover {\r\n color: #fff;\r\n background-color: var(--successhover);\r\n border-color: var(--successhover);\r\n}\r\n.general-module_btn_success__iV5-t.general-module_disabled__PRzt-,\r\n.general-module_btn_success__iV5-t:disabled {\r\n color: #fff;\r\n background-color: var(--success);\r\n border-color: var(--success);\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn_info__-ClLB {\r\n color: #fff;\r\n background-color: var(--info);\r\n border-color: var(--info);\r\n}\r\n.general-module_btn_info__-ClLB:hover {\r\n color: #fff;\r\n background-color: var(--infohover);\r\n border-color: var(--infohover);\r\n}\r\n.general-module_btn_info__-ClLB.general-module_disabled__PRzt-,\r\n.general-module_btn_info__-ClLB:disabled {\r\n color: #fff;\r\n background-color: var(--info);\r\n border-color: var(--info);\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn_danger__b0QkM {\r\n color: #fff;\r\n background-color: var(--danger);\r\n border-color: var(--danger);\r\n}\r\n.general-module_btn_danger__b0QkM:hover {\r\n color: #fff;\r\n background-color: var(--dangerhover);\r\n border-color: var(--dangerhover);\r\n}\r\n.general-module_btn_danger__b0QkM.general-module_disabled__PRzt-,\r\n.general-module_btn_danger__b0QkM:disabled {\r\n color: #fff;\r\n background-color: var(--danger);\r\n border-color: var(--danger);\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn_dark__hSWyC {\r\n color: #fff;\r\n background-color: var(--dark);\r\n border-color: var(--dark);\r\n}\r\n.general-module_btn_dark__hSWyC:hover {\r\n color: #fff;\r\n background-color: var(--darkhover);\r\n border-color: var(--darkhover);\r\n}\r\n.general-module_btn_dark__hSWyC.general-module_disabled__PRzt-,\r\n.general-module_btn_dark__hSWyC:disabled {\r\n color: #fff;\r\n background-color: var(--dark);\r\n border-color: var(--dark);\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-):active,\r\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-).general-module_active__MPpsF {\r\n color: #fff;\r\n background-color: #ccc;\r\n border-color: #ccc;\r\n}\r\n.general-module_btn_grey__fGIYU {\r\n color: #fff;\r\n background-color: var(--focus);\r\n border-color: var(--focus);\r\n}\r\n.general-module_btn_grey__fGIYU:hover {\r\n color: #fff;\r\n background-color: var(--dark);\r\n border-color: var(--dark);\r\n}\r\n.general-module_btn_cardheader__vccWl {\r\n color: #fff;\r\n background-color: var(--cardheader);\r\n border-color: var(--cardheader);\r\n}\r\n.general-module_btn_cardheader__vccWl:hover {\r\n color: #fff;\r\n background-color: #007a99;\r\n border-color: #007a99;\r\n}\r\n.general-module_btn_cardheader__vccWl.general-module_disabled__PRzt-,\r\n.general-module_btn_cardheader__vccWl:disabled {\r\n color: #fff;\r\n background-color: #005166;\r\n border-color: #005166;\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n}\r\n\r\n/* Borders */\r\n.general-module_border_primary__Jqm8o {\r\n border-color: #022648;\r\n}\r\n.general-module_border_secondary__xiHt3 {\r\n border-color: #eac435;\r\n}\r\n.general-module_border_success__kWv6N {\r\n border-color: var(--success);\r\n}\r\n.general-module_border_info__wfOF- {\r\n border-color: #16aaff;\r\n}\r\n.general-module_border_warning__mSIRm {\r\n border-color: #f7b924;\r\n}\r\n.general-module_border_danger__U7veI {\r\n border-color: #d92550;\r\n}\r\n.general-module_border__Pvp44 {\r\n border: 1px solid #dee2e6 !important;\r\n}\r\n.general-module_border_top__0-KRU {\r\n border-top: 1px solid #dee2e6 !important;\r\n}\r\n.general-module_border_right__7QXHH {\r\n border-right: 1px solid #dee2e6 !important;\r\n}\r\n.general-module_border_bottom__Xyy95 {\r\n border-bottom: 1px solid #dee2e6 !important;\r\n}\r\n.general-module_border_left__90qSD {\r\n border-left: 1px solid #dee2e6 !important;\r\n}\r\n.general-module_border_0__YO9qY {\r\n border: 0 !important;\r\n}\r\n.general-module_border_top_0__KFIha {\r\n border-top: 0 !important;\r\n}\r\n.general-module_border_right_0__FaED6 {\r\n border-right: 0 !important;\r\n}\r\n.general-module_border_bottom_0__NZhJm {\r\n border-bottom: 0 !important;\r\n}\r\n.general-module_border_top_0__KFIha {\r\n border-top: 0 !important;\r\n}\r\n.general-module_border_left_0__gjITr {\r\n border-left: 0 !important;\r\n}\r\n/* Inner Content */\r\n.general-module_app_container__-NNzK {\r\n display: flex;\r\n flex-direction: column;\r\n margin: 0;\r\n position: relative !important;\r\n}\r\n.general-module_app_main__3s9rd {\r\n z-index: 8;\r\n position: relative;\r\n}\r\n.general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\r\n flex: 1;\r\n padding: 130px 40px 0;\r\n}\r\n.general-module_app_main_inner_headertwo__UkOlN {\r\n padding: 100px 40px 0 !important;\r\n}\r\n.general-module_app_main_inner_headerfour__slUk1 {\r\n padding: 80px 20px 0 280px !important;\r\n}\r\n@media screen and (max-width: 1025px) {\r\n .general-module_app_main_inner_headerfour__slUk1 {\r\n padding: 80px 10px !important;\r\n }\r\n}\r\n/* Card */\r\n.general-module_card__KT-JI {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n min-width: 0;\r\n word-wrap: break-word;\r\n background-color: white !important;\r\n background-clip: border-box;\r\n border-radius: 15px;\r\n padding: 0.5em 0.8em;\r\n transition: all 0.2s;\r\n}\r\n.general-module_card_border_10__M-cl- {\r\n border-radius: 10px !important;\r\n}\r\n/* Responsive */\r\n@media (max-width: 991.98px) {\r\n .general-module_app_main__3s9rd {\r\n display: block;\r\n }\r\n .general-module_app_main__3s9rd .general-module_app_main_outer__gNSLc {\r\n padding-left: 0 !important;\r\n }\r\n .general-module_app_main__3s9rd .general-module_app_main_outertranslated__IZRx2 {\r\n padding-right: 0;\r\n padding-left: 0;\r\n }\r\n}\r\n@media (max-width: 1025px) {\r\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\r\n padding: 130px 20px 0;\r\n }\r\n}\r\n@media (max-width: 800px) {\r\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\r\n padding: 130px 20px 0 !important;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\r\n padding: 70px 20px !important;\r\n }\r\n}\r\n\r\n/* Pills */\r\n.general-module_pill__gHCcE {\r\n min-width: 9vh;\r\n height: 4vh;\r\n color: white;\r\n padding: 0 1%;\r\n display: flex;\r\n text-align: center;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 20px;\r\n font-size: 12px;\r\n}\r\n.general-module_fadeIn__bUx2u {\r\n /* opacity: 1; */\r\n display: block;\r\n visibility: visible;\r\n transition: 1s ease-in-out;\r\n transition-delay: 0s;\r\n}\r\n.general-module_fadeOut__R13Fc {\r\n /* opacity: 0; */\r\n display: none;\r\n visibility: hidden;\r\n transition: 1s ease-in-out;\r\n}\r\n.general-module_fadeInButton__1daVD {\r\n display: block;\r\n}\r\n.general-module_fadeOutButton__8BRUG {\r\n display: none;\r\n}\r\n\r\n/* Section Title */\r\n.general-module_sectiontitlecont__F-e6k {\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n}\r\n.general-module_sectiontitlecont__F-e6k span {\r\n position: relative;\r\n white-space: nowrap;\r\n transition: 0.3s;\r\n}\r\n.general-module_sectiontitlecont__F-e6k span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -3px;\r\n left: 0;\r\n display: block;\r\n height: 3px;\r\n border-radius: 20px;\r\n z-index: 1000;\r\n}\r\n.general-module_homesectiontitlecont__ZfXNm span {\r\n font-size: 25px !important;\r\n}\r\n\r\n.general-module_sectiontitlecont2__mfEaP {\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n}\r\n.general-module_sectiontitlecont2__mfEaP span {\r\n position: relative;\r\n white-space: nowrap;\r\n transition: 0.3s;\r\n}\r\n.general-module_sectiontitlecont2__mfEaP span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -3px;\r\n left: 0;\r\n display: block;\r\n border-radius: 20px;\r\n z-index: 1000;\r\n}\r\n\r\n/* Search Overlay */\r\n.general-module_search_modern__Emxk4 {\r\n position: relative;\r\n z-index: 2000;\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n.general-module_search_wrap__XD-i0 {\r\n position: fixed;\r\n left: 0;\r\n z-index: 100;\r\n width: 100%;\r\n height: 280px;\r\n top:0;\r\n}\r\n.general-module_search_wrap2__NHS-l {\r\n position: fixed;\r\n left: 0;\r\n z-index: 100;\r\n width: 100%;\r\n /* height: 280px; */\r\n top:0;\r\n }\r\n.general-module_search_form__ENSm4 {\r\n position: absolute;\r\n z-index: 1;\r\n top: 55%;\r\n left: 50%;\r\n -webkit-transform: translate(-50%, -50%);\r\n -ms-transform: translate(-50%, -50%);\r\n transform: translate(-50%, -50%);\r\n width: 90%;\r\n border: none;\r\n -webkit-animation-delay: 0.5s;\r\n -moz-animation-delay: 0.5s;\r\n -o-animation-delay: 0.5s;\r\n animation-delay: 0.5s;\r\n -webkit-animation-name: general-module_fadeIn__bUx2u;\r\n animation-name: general-module_fadeIn__bUx2u;\r\n -webkit-animation-duration: 0.7s;\r\n animation-duration: 0.7s;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n visibility: visible;\r\n}\r\n.general-module_search_form__ENSm4:after {\r\n content: '';\r\n display: block;\r\n width: 100%;\r\n height: 1px;\r\n -webkit-transform: scale3d(0, 1, 1);\r\n -ms-transform: scale3d(0, 1, 1);\r\n transform: scale3d(0, 1, 1);\r\n -webkit-transform-origin: left center;\r\n -ms-transform-origin: left center;\r\n transform-origin: left center;\r\n -webkit-animation-delay: 0.3s;\r\n -moz-animation-delay: 0.3s;\r\n -o-animation-delay: 0.3s;\r\n animation-delay: 0.3s;\r\n -webkit-animation-name: general-module_fadeInMove__AZr3h;\r\n animation-name: general-module_fadeInMove__AZr3h;\r\n -webkit-animation-duration: 0.7s;\r\n animation-duration: 0.7s;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n visibility: visible;\r\n}\r\n.general-module_search_form_wrap__mqmVB {\r\n position: absolute;\r\n z-index: 1;\r\n top: 50%;\r\n left: 50%;\r\n -webkit-transform: translate(-50%, -50%);\r\n -ms-transform: translate(-50%, -50%);\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n height: 100%;\r\n}\r\n.general-module_search_field__ik-q3 {\r\n width: 100%;\r\n height: 3em;\r\n padding: 0 1.5em 0 0;\r\n letter-spacing: 0;\r\n border: none;\r\n background-color: transparent;\r\n margin: 0;\r\n /* border: none; */\r\n white-space: pre-wrap;\r\n word-wrap: break-word;\r\n resize: none;\r\n overflow: hidden;\r\n display: block;\r\n visibility: visible;\r\n vertical-align: middle;\r\n -webkit-box-sizing: border-box;\r\n -ms-box-sizing: border-box;\r\n box-sizing: border-box; \r\n}\r\n.general-module_search_modern__Emxk4 .general-module_search_wrap__XD-i0 .general-module_search_field__ik-q3::-ms-clear {\r\n display: none;\r\n} \r\n.general-module_search_modern__Emxk4 .general-module_search_wrap2__NHS-l .general-module_search_field__ik-q3::-ms-clear {\r\n display: none;\r\n} \r\n.general-module_logo_image__lTnSu {\r\n -webkit-animation-delay: 0.3s;\r\n -moz-animation-delay: 0.3s;\r\n -o-animation-delay: 0.3s;\r\n animation-delay: 0.3s;\r\n -webkit-animation-name: general-module_fadeInAnim__UYit1;\r\n animation-name: general-module_fadeInAnim__UYit1;\r\n -webkit-animation-duration: 0.6s;\r\n animation-duration: 0.6s;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n visibility: visible;\r\n}\r\n@-webkit-keyframes general-module_fadeInAnim__UYit1 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes general-module_fadeInAnim__UYit1 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n@-webkit-keyframes general-module_fadeInMove__AZr3h {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale3d(0, 1, 1);\r\n }\r\n 10% {\r\n opacity: 1;\r\n -webkit-transform: scale3d(0.1, 1, 1);\r\n }\r\n 100% {\r\n opacity: 0.14;\r\n -webkit-transform: scale3d(1, 1, 1);\r\n }\r\n}\r\n@keyframes general-module_fadeInMove__AZr3h {\r\n 0% {\r\n opacity: 0;\r\n transform: scale3d(0, 1, 1);\r\n }\r\n 10% {\r\n opacity: 1;\r\n transform: scale3d(0.1, 1, 1);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale3d(1, 1, 1);\r\n }\r\n}\r\n";
552
552
  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_wrap2":"general-module_search_wrap2__NHS-l","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"};
553
553
  styleInject(css_248z$M);
554
554
 
@@ -2672,7 +2672,7 @@ var ProductExtras = function ProductExtras(props) {
2672
2672
  };
2673
2673
 
2674
2674
  var ProductHeaderPricing = function ProductHeaderPricing(props) {
2675
- var _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer0, _fetchProductInfoQuer1, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21;
2675
+ var _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer0, _fetchProductInfoQuer1, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22;
2676
2676
  props.actions.lang;
2677
2677
  var langdetect = props.actions.langdetect;
2678
2678
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -2742,6 +2742,34 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
2742
2742
  }
2743
2743
  }, '-' + parseFloat(Math.round(10.0 * ((parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)) - parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted))) / parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted))) * 100) / 10.0).toFixed(0) + '%'))));
2744
2744
  };
2745
+ var SaleCounterPill2 = function SaleCounterPill2() {
2746
+ var _fetchProductInfoQuer4, _fetchProductInfoQuer5;
2747
+ return /*#__PURE__*/React.createElement("div", {
2748
+ "class": 'mx-3 px-2 allcentered',
2749
+ style: {
2750
+ background: sectionproperties.pillbgcolor,
2751
+ width: 'fit-content',
2752
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
2753
+ border: sectionproperties.pillBorderWidth + 'px solid ' + sectionproperties.pillBorderColor,
2754
+ direction: 'ltr',
2755
+ height: sectionproperties.pillheight + 'px'
2756
+ }
2757
+ }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React.createElement("p", {
2758
+ "class": "m-0 p-0",
2759
+ style: {
2760
+ color: sectionproperties.counterValueColor,
2761
+ fontWeight: sectionproperties.counterValueFontWeight,
2762
+ fontSize: sectionproperties.counterValueFontSize + 'px'
2763
+ }
2764
+ }, '-' + parseFloat(Math.round(10.0 * ((parseInt(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)) - parseInt(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted))) / parseInt(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted))) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React.createElement("p", {
2765
+ "class": "m-0 p-0 text-uppercase",
2766
+ style: {
2767
+ color: sectionproperties.counterValueColor,
2768
+ fontWeight: sectionproperties.counterValueFontWeight,
2769
+ fontSize: sectionproperties.counterValueFontSize + 'px'
2770
+ }
2771
+ }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.currencyname_en : '', ' ', parseFloat(Math.round(parseInt(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)) - parseInt(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted)))).toFixed(0), ' ', langdetect == 'en' ? '' : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.currencyname_ar));
2772
+ };
2745
2773
  return /*#__PURE__*/React.createElement("div", {
2746
2774
  "class": props.srcfromprops == 'servicestyle2' ? 'col-lg-12 p-0 mt-1' : 'col-lg-12 p-0'
2747
2775
  }, /*#__PURE__*/React.createElement("div", {
@@ -2783,14 +2811,14 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
2783
2811
  fontWeight: sectionproperties.defaultPriceFontWeight,
2784
2812
  color: sectionproperties.defaultPriceColor
2785
2813
  }
2786
- }, langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.currencyname_en : '', " ", variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.variants[variantindexcompleted]) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.hassale) == 1 && getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.variants[variantindexcompleted]) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.hassale) == 0 && getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && variantindexcompleted.length == 0 && /*#__PURE__*/React.createElement("span", {
2814
+ }, langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.currencyname_en : '', " ", variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.variants[variantindexcompleted]) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.hassale) == 1 && getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.variants[variantindexcompleted]) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.hassale) == 0 && getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && variantindexcompleted.length == 0 && /*#__PURE__*/React.createElement("span", {
2787
2815
  "class": "mx-2",
2788
2816
  style: {
2789
2817
  fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
2790
2818
  fontWeight: sectionproperties.defaultSalePriceFontWeight,
2791
2819
  color: sectionproperties.defaultSalePriceColor
2792
2820
  }
2793
- }, "-"), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.variants[variantindexcompleted]) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
2821
+ }, "-"), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer0 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.productinfo) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.variants[variantindexcompleted]) === null || _fetchProductInfoQuer0 === void 0 ? void 0 : _fetchProductInfoQuer0.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
2794
2822
  "class": "mx-2",
2795
2823
  style: {
2796
2824
  fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
@@ -2804,38 +2832,14 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
2804
2832
  fontWeight: sectionproperties.defaultSalePriceFontWeight,
2805
2833
  color: sectionproperties.defaultSalePriceColor
2806
2834
  }
2807
- }, langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.currencyname_en : '', ' ', getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer0 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.data) === null || _fetchProductInfoQuer0 === void 0 ? void 0 : _fetchProductInfoQuer0.currencyname_ar), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer1 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.productinfo) === null || _fetchProductInfoQuer1 === void 0 ? void 0 : _fetchProductInfoQuer1.hasvariants) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.variants[variantindexcompleted]) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
2835
+ }, langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer1 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.data) === null || _fetchProductInfoQuer1 === void 0 ? void 0 : _fetchProductInfoQuer1.currencyname_en : '', ' ', getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.currencyname_ar), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.hasvariants) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.variants[variantindexcompleted]) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
2808
2836
  "class": "linethrough",
2809
2837
  style: {
2810
2838
  fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
2811
2839
  fontWeight: sectionproperties.defaultSalePriceFontWeight,
2812
2840
  color: sectionproperties.defaultSalePriceColor
2813
2841
  }
2814
- }, langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.currencyname_en : '', ' ', getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.currencyname_ar), sectionproperties.showpill == 'Show' && sectionproperties.counterposition == 'Besides Sale Price' && /*#__PURE__*/React.createElement("div", {
2815
- "class": 'mx-3 px-2 allcentered',
2816
- style: {
2817
- background: sectionproperties.pillbgcolor,
2818
- width: 'fit-content',
2819
- borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
2820
- border: sectionproperties.pillBorderWidth + 'px solid ' + sectionproperties.pillBorderColor,
2821
- direction: 'ltr',
2822
- height: sectionproperties.pillheight + 'px'
2823
- }
2824
- }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React.createElement("p", {
2825
- "class": "m-0 p-0",
2826
- style: {
2827
- color: sectionproperties.counterValueColor,
2828
- fontWeight: sectionproperties.counterValueFontWeight,
2829
- fontSize: sectionproperties.counterValueFontSize + 'px'
2830
- }
2831
- }, '-' + parseFloat(Math.round(10.0 * ((parseInt(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)) - parseInt(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted))) / parseInt(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted))) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React.createElement("p", {
2832
- "class": "m-0 p-0 text-uppercase",
2833
- style: {
2834
- color: sectionproperties.counterValueColor,
2835
- fontWeight: sectionproperties.counterValueFontWeight,
2836
- fontSize: sectionproperties.counterValueFontSize + 'px'
2837
- }
2838
- }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.currencyname_en : '', ' ', parseFloat(Math.round(parseInt(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)) - parseInt(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted)))).toFixed(0), ' ', langdetect == 'en' ? '' : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.currencyname_ar))), sectionproperties.showmeasurementunit == 'Show' && sectionproperties.measurementunitposition == 'Besides Price' && /*#__PURE__*/React.createElement("p", {
2842
+ }, langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.currencyname_en : '', ' ', getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && variantindexcompleted.length == 0 && sectionproperties.showpill == 'Show' && sectionproperties.counterposition == 'Besides Sale Price' && SaleCounterPill2(), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && variantindexcompleted.length == 0 && sectionproperties.showpill == 'Show' && sectionproperties.counterposition == 'Besides Sale Price' && SaleCounterPill2(), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && sectionproperties.showpill == 'Show' && sectionproperties.counterposition == 'Besides Sale Price' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.variants[variantindexcompleted]) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.hassale) == 1 && SaleCounterPill2()), sectionproperties.showmeasurementunit == 'Show' && sectionproperties.measurementunitposition == 'Besides Price' && /*#__PURE__*/React.createElement("p", {
2839
2843
  className: ' m-0 p-0 wordbreak d-flex justify-content-start mt-auto mb-auto px-2 ',
2840
2844
  style: {
2841
2845
  textAlign: langdetect == 'en' ? 'left' : 'right',
@@ -2845,9 +2849,9 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
2845
2849
  }
2846
2850
  }, fetchProductInfoQueryContext.data.data.productinfo.measurmentunit)), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && sectionproperties.showpill == 'Show' && variantindexcompleted.length == 0 && sectionproperties.counterposition == 'Below Pricing' && /*#__PURE__*/React.createElement("div", {
2847
2851
  "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
2848
- }, SaleCounterPill()), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.variants[variantindexcompleted]) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.hassale) == 1 && sectionproperties.showpill == 'Show' && sectionproperties.counterposition == 'Below Pricing' && /*#__PURE__*/React.createElement("div", {
2852
+ }, SaleCounterPill()), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.variants[variantindexcompleted]) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.hassale) == 1 && sectionproperties.showpill == 'Show' && sectionproperties.counterposition == 'Below Pricing' && /*#__PURE__*/React.createElement("div", {
2849
2853
  "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
2850
- }, SaleCounterPill()))), sectionproperties.showcashbackcontainer == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.productcashbackvalue) > 0 && /*#__PURE__*/React.createElement("div", {
2854
+ }, SaleCounterPill()))), sectionproperties.showcashbackcontainer == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.productcashbackvalue) > 0 && /*#__PURE__*/React.createElement("div", {
2851
2855
  "class": "col-lg-12 p-0 d-flex justify-content-start mt-1 mb-2"
2852
2856
  }, /*#__PURE__*/React.createElement("div", {
2853
2857
  "class": "".concat(productinfo_cssstyles.cashbackoutercontainer) + ' d-flex flex-row allcentered px-2 '
@@ -2861,7 +2865,7 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
2861
2865
  style: {
2862
2866
  fontWeight: 600
2863
2867
  }
2864
- }, langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.currencyname_en : '', " ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.productcashbackvalue, ' ', langdetect == 'en' ? '' : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.currencyname_ar))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
2868
+ }, langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.currencyname_en : '', " ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.productcashbackvalue, ' ', langdetect == 'en' ? '' : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.currencyname_ar))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
2865
2869
  "class": "col-lg-12 p-0 mb-2"
2866
2870
  }, /*#__PURE__*/React.createElement("div", {
2867
2871
  "class": productinfo_cssstyles.profitcontainer + ' allcentered '
@@ -2876,7 +2880,7 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
2876
2880
  style: {
2877
2881
  fontWeight: sectionproperties.profitcontainersecondaryfontweight
2878
2882
  }
2879
- }, langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.currencyname_en : '', ' ', parseFloat(Math.round(parseInt(fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2) : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2)) * (fetchProductInfoQueryContext.data.data.productinfo.prodaffpercentprofit / 100))).toFixed(0), ' ', langdetect == 'en' ? '' : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.currencyname_ar))))));
2883
+ }, langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.currencyname_en : '', ' ', parseFloat(Math.round(parseInt(fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2) : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2)) * (fetchProductInfoQueryContext.data.data.productinfo.prodaffpercentprofit / 100))).toFixed(0), ' ', langdetect == 'en' ? '' : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.currencyname_ar))))));
2880
2884
  };
2881
2885
 
2882
2886
  function ownKeys$2I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -7611,7 +7615,7 @@ var TamaraWidget = function TamaraWidget(props) {
7611
7615
  function ownKeys$2C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7612
7616
  function _objectSpread$2C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7613
7617
  var Productinfo = function Productinfo(props) {
7614
- var _css, _fetchProductInfoQuer84, _ref, _fetchProductInfoQuer85, _authdetailsContext$i35, _ref2, _fetchProductInfoQuer86, _authdetailsContext$i36, _ref3, _fetchProductInfoQuer87, _ref4, _authdetailsContext$i37, _authdetailsContext$i38, _authdetailsContext$i39, _authdetailsContext$i40, _authdetailsContext$i41, _authdetailsContext$i42, _authdetailsContext$i43, _authdetailsContext$i44, _authdetailsContext$i45, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _authdetailsContext$i46, _returnpolicyobj15, _returnpolicyobj16, _returnpolicyobj17, _returnpolicyobj18, _fetchProductInfoQuer95, _fetchProductInfoQuer96, _fetchProductInfoQuer97, _fetchProductInfoQuer98, _returnpolicyobj19, _returnpolicyobj20, _returnpolicyobj21, _returnpolicyobj22, _authdetailsContext$i47, _returnpolicyobj23, _returnpolicyobj24, _returnpolicyobj25, _returnpolicyobj26, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _returnpolicyobj27, _returnpolicyobj28, _returnpolicyobj29, _returnpolicyobj30, _authdetailsContext$i48, _fetchProductInfoQuer101, _fetchProductInfoQuer102, _fetchProductInfoQuer103, _fetchProductInfoQuer104, _returnpolicyobj31, _returnpolicyobj32, _returnpolicyobj33, _returnpolicyobj34, _authdetailsContext$i49, _authdetailsContext$i50, _authdetailsContext$i51;
7618
+ var _css, _fetchProductInfoQuer84, _ref, _fetchProductInfoQuer85, _authdetailsContext$i35, _ref2, _fetchProductInfoQuer86, _authdetailsContext$i36, _ref3, _fetchProductInfoQuer87, _ref4, _authdetailsContext$i37, _authdetailsContext$i38, _authdetailsContext$i39, _authdetailsContext$i40, _authdetailsContext$i41, _authdetailsContext$i42, _authdetailsContext$i43, _authdetailsContext$i44, _authdetailsContext$i45, _authdetailsContext$i46, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _authdetailsContext$i47, _returnpolicyobj15, _returnpolicyobj16, _returnpolicyobj17, _returnpolicyobj18, _fetchProductInfoQuer95, _fetchProductInfoQuer96, _fetchProductInfoQuer97, _fetchProductInfoQuer98, _returnpolicyobj19, _returnpolicyobj20, _returnpolicyobj21, _returnpolicyobj22, _authdetailsContext$i48, _returnpolicyobj23, _returnpolicyobj24, _returnpolicyobj25, _returnpolicyobj26, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _returnpolicyobj27, _returnpolicyobj28, _returnpolicyobj29, _returnpolicyobj30, _authdetailsContext$i49, _fetchProductInfoQuer101, _fetchProductInfoQuer102, _fetchProductInfoQuer103, _fetchProductInfoQuer104, _returnpolicyobj31, _returnpolicyobj32, _returnpolicyobj33, _returnpolicyobj34, _authdetailsContext$i50, _authdetailsContext$i51, _authdetailsContext$i52;
7615
7619
  var _useState = useState({}),
7616
7620
  _useState2 = _slicedToArray(_useState, 2),
7617
7621
  ProductInfoObj = _useState2[0],
@@ -10963,7 +10967,7 @@ var Productinfo = function Productinfo(props) {
10963
10967
  lang: lang,
10964
10968
  srcfromprops: props.srcfromprops
10965
10969
  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref4, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), "ProductInfoObj", ProductInfoObj), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref4, "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "StaticPagesLinksContext", StaticPagesLinksContext), "variantindexcompleted", variantindexcompleted), "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref4, "NotificationManager", NotificationManager), "getprice_discountpriceprops", getprice_discountpriceprops), "quantityconditionfoundobjprops", quantityconditionfoundobj), "relatedproducts", relatedproducts), "getQuantityCondition", getQuantityCondition), "StoreInfoprops", StoreInfo), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "sizeguideimage", sizeguideimage), "setopensizeguidemodal", setopensizeguidemodal), _defineProperty(_defineProperty(_defineProperty(_ref4, "isOptionInStock", isOptionInStock), "addtocartfunc_extras", addtocartfunc_extras), "productpdfsarray", productpdfsarray))
10966
- }), props.srcfromprops != 'templatedraftrouter' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.contactinfo.instid) != '6852e5ed44e14' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.contactinfo.instid) != '696b839eebc8c' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.contactinfo.instid) != '68a9e83c05b75' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.contactinfo.instid) != '68c27b4570751' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i41 = authdetailsContext.instinfo) === null || _authdetailsContext$i41 === void 0 ? void 0 : _authdetailsContext$i41.contactinfo.instid) != '68e4efe8cb18e' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i42 = authdetailsContext.instinfo) === null || _authdetailsContext$i42 === void 0 ? void 0 : _authdetailsContext$i42.contactinfo.instid) != '694befd291698' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i43 = authdetailsContext.instinfo) === null || _authdetailsContext$i43 === void 0 ? void 0 : _authdetailsContext$i43.contactinfo.instid) != '693ae1f70d9a4' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i44 = authdetailsContext.instinfo) === null || _authdetailsContext$i44 === void 0 ? void 0 : _authdetailsContext$i44.contactinfo.instid) != '68e7c7c93c5bd' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i45 = authdetailsContext.instinfo) === null || _authdetailsContext$i45 === void 0 ? void 0 : _authdetailsContext$i45.contactinfo.instid) != '693ae1f70d9a4' && /*#__PURE__*/React.createElement("div", {
10970
+ }), props.srcfromprops != 'templatedraftrouter' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.contactinfo.instid) != '6852e5ed44e14' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.contactinfo.instid) != '696b839eebc8c' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.contactinfo.instid) != '68a9e83c05b75' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.contactinfo.instid) != '68c27b4570751' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i41 = authdetailsContext.instinfo) === null || _authdetailsContext$i41 === void 0 ? void 0 : _authdetailsContext$i41.contactinfo.instid) != '68e4efe8cb18e' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i42 = authdetailsContext.instinfo) === null || _authdetailsContext$i42 === void 0 ? void 0 : _authdetailsContext$i42.contactinfo.instid) != '694befd291698' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i43 = authdetailsContext.instinfo) === null || _authdetailsContext$i43 === void 0 ? void 0 : _authdetailsContext$i43.contactinfo.instid) != '693ae1f70d9a4' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i44 = authdetailsContext.instinfo) === null || _authdetailsContext$i44 === void 0 ? void 0 : _authdetailsContext$i44.contactinfo.instid) != '68e7c7c93c5bd' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i45 = authdetailsContext.instinfo) === null || _authdetailsContext$i45 === void 0 ? void 0 : _authdetailsContext$i45.contactinfo.instid) != '69ef34fd77c0f' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i46 = authdetailsContext.instinfo) === null || _authdetailsContext$i46 === void 0 ? void 0 : _authdetailsContext$i46.contactinfo.instid) != '693ae1f70d9a4' && /*#__PURE__*/React.createElement("div", {
10967
10971
  className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
10968
10972
  style: {
10969
10973
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -11154,7 +11158,7 @@ var Productinfo = function Productinfo(props) {
11154
11158
  productinfo_cssstyles: productinfo_cssstyles,
11155
11159
  sectionproperties: sectionproperties
11156
11160
  })
11157
- }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i46 = authdetailsContext.instinfo) === null || _authdetailsContext$i46 === void 0 ? void 0 : _authdetailsContext$i46.contactinfo.instid) == '693ae1f70d9a4' && /*#__PURE__*/React.createElement("div", {
11161
+ }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i47 = authdetailsContext.instinfo) === null || _authdetailsContext$i47 === void 0 ? void 0 : _authdetailsContext$i47.contactinfo.instid) == '693ae1f70d9a4' && /*#__PURE__*/React.createElement("div", {
11158
11162
  className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
11159
11163
  style: {
11160
11164
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -11304,7 +11308,7 @@ var Productinfo = function Productinfo(props) {
11304
11308
  productinfo_cssstyles: productinfo_cssstyles,
11305
11309
  sectionproperties: sectionproperties
11306
11310
  })
11307
- }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i47 = authdetailsContext.instinfo) === null || _authdetailsContext$i47 === void 0 ? void 0 : _authdetailsContext$i47.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React.createElement("div", {
11311
+ }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i48 = authdetailsContext.instinfo) === null || _authdetailsContext$i48 === void 0 ? void 0 : _authdetailsContext$i48.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React.createElement("div", {
11308
11312
  className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
11309
11313
  style: {
11310
11314
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -11446,7 +11450,7 @@ var Productinfo = function Productinfo(props) {
11446
11450
  productinfo_cssstyles: productinfo_cssstyles,
11447
11451
  sectionproperties: sectionproperties
11448
11452
  })
11449
- }))))), props.srcfromprops != 'templatedraftrouter' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i48 = authdetailsContext.instinfo) === null || _authdetailsContext$i48 === void 0 ? void 0 : _authdetailsContext$i48.contactinfo.instid) == '68e4efe8cb18e' && /*#__PURE__*/React.createElement("div", {
11453
+ }))))), props.srcfromprops != 'templatedraftrouter' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i49 = authdetailsContext.instinfo) === null || _authdetailsContext$i49 === void 0 ? void 0 : _authdetailsContext$i49.contactinfo.instid) == '68e4efe8cb18e' && /*#__PURE__*/React.createElement("div", {
11450
11454
  className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
11451
11455
  style: {
11452
11456
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -11597,7 +11601,7 @@ var Productinfo = function Productinfo(props) {
11597
11601
  productinfo_cssstyles: productinfo_cssstyles,
11598
11602
  sectionproperties: sectionproperties
11599
11603
  })
11600
- }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i49 = authdetailsContext.instinfo) === null || _authdetailsContext$i49 === void 0 ? void 0 : _authdetailsContext$i49.contactinfo.instid) == '68e7c7c93c5bd' && /*#__PURE__*/React.createElement("div", {
11604
+ }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i50 = authdetailsContext.instinfo) === null || _authdetailsContext$i50 === void 0 ? void 0 : _authdetailsContext$i50.contactinfo.instid) == '68e7c7c93c5bd' && /*#__PURE__*/React.createElement("div", {
11601
11605
  "class": "row m-0 w-100 w-100 pl-5 pr-5 p-md-0 allcentered"
11602
11606
  }, productVideos.map(function (item, index) {
11603
11607
  return /*#__PURE__*/React.createElement("div", {
@@ -11614,12 +11618,12 @@ var Productinfo = function Productinfo(props) {
11614
11618
  loop: true,
11615
11619
  muted: true
11616
11620
  }));
11617
- })), props.srcfromprops != 'templatedraftrouter' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i50 = authdetailsContext.instinfo) === null || _authdetailsContext$i50 === void 0 ? void 0 : _authdetailsContext$i50.contactinfo.instid) != '644aac19db95b' && /*#__PURE__*/React.createElement("div", {
11621
+ })), props.srcfromprops != 'templatedraftrouter' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i51 = authdetailsContext.instinfo) === null || _authdetailsContext$i51 === void 0 ? void 0 : _authdetailsContext$i51.contactinfo.instid) != '644aac19db95b' && /*#__PURE__*/React.createElement("div", {
11618
11622
  className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
11619
11623
  style: {
11620
11624
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
11621
11625
  paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0,
11622
- marginBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i51 = authdetailsContext.instinfo) === null || _authdetailsContext$i51 === void 0 ? void 0 : _authdetailsContext$i51.contactinfo.instid) == '69a3437faf64f' ? 30 : 0
11626
+ marginBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i52 = authdetailsContext.instinfo) === null || _authdetailsContext$i52 === void 0 ? void 0 : _authdetailsContext$i52.contactinfo.instid) == '69a3437faf64f' ? 30 : 0
11623
11627
  }
11624
11628
  }, relatedproducts()))));
11625
11629
  };
@@ -27566,7 +27570,29 @@ var Resetpassword = function Resetpassword(props) {
27566
27570
  borderColor: sectionproperties.inputfeildbordercoloronfocus
27567
27571
  }), ':focus .login_input_icon', {
27568
27572
  color: sectionproperties.inputfeildbordercoloronfocus
27569
- })))
27573
+ }))),
27574
+ sectiontitle: css({
27575
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
27576
+ color: sectionproperties.sectionTitleColor,
27577
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
27578
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
27579
+ marginLeft: sectionproperties.sectionTitleMarginLeft + 'px',
27580
+ marginRight: sectionproperties.sectionTitleMarginRight + 'px',
27581
+ textTransform: sectionproperties.sectionTitleTextTransform,
27582
+ fontWeight: sectionproperties.sectionTitleFontWeight,
27583
+ '@media (max-width: 800px)': {
27584
+ fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
27585
+ }
27586
+ }),
27587
+ descriptioncontent: css({
27588
+ fontSize: sectionproperties.prodCatFontSize + 'px',
27589
+ color: sectionproperties.prodCatColor,
27590
+ marginBottom: sectionproperties.descriptionMarginBottom + 'px',
27591
+ fontWeight: sectionproperties.prodCatFontWeight,
27592
+ '@media (max-width: 800px)': {
27593
+ fontSize: sectionproperties.prodCatFontSizeResp + 'px'
27594
+ }
27595
+ })
27570
27596
  };
27571
27597
  var LoginContent = function LoginContent() {
27572
27598
  var _authdetailsContext$i;
@@ -27579,27 +27605,13 @@ var Resetpassword = function Resetpassword(props) {
27579
27605
  }, /*#__PURE__*/React.createElement("div", {
27580
27606
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
27581
27607
  }, /*#__PURE__*/React.createElement("p", {
27582
- className: "text-md-center",
27583
- style: {
27584
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
27585
- color: sectionproperties.sectionTitleColor,
27586
- marginTop: sectionproperties.sectionTitleMarginTop + 'px',
27587
- marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
27588
- marginLeft: sectionproperties.sectionTitleMarginLeft + 'px',
27589
- marginRight: sectionproperties.sectionTitleMarginRight + 'px',
27590
- textTransform: sectionproperties.sectionTitleTextTransform,
27591
- fontWeight: sectionproperties.sectionTitleFontWeight
27592
- }
27608
+ className: loginstyles2.sectiontitle + ' text-md-center ',
27609
+ style: {}
27593
27610
  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
27594
27611
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
27595
27612
  }, /*#__PURE__*/React.createElement("p", {
27596
- className: "text-md-center",
27597
- style: {
27598
- fontSize: sectionproperties.prodCatFontSize + 'px',
27599
- color: sectionproperties.prodCatColor,
27600
- marginBottom: sectionproperties.descriptionMarginBottom + 'px',
27601
- fontWeight: sectionproperties.prodCatFontWeight
27602
- }
27613
+ className: loginstyles2.descriptioncontent + ' text-md-center ',
27614
+ style: {}
27603
27615
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React.createElement("div", {
27604
27616
  className: "col-lg-12 col-md-12 col-sm-12 p-sm-0 d-flex justify-content-center"
27605
27617
  }, /*#__PURE__*/React.createElement("div", {
@@ -27879,11 +27891,11 @@ var Searchlist$1 = function Searchlist(props) {
27879
27891
  borderRadius: sectionproperties.searchlistcontainer_borderradius + 'px',
27880
27892
  border: sectionproperties.searchlistcontainer_borderwidth + 'px solid ' + sectionproperties.searchlistcontainer_bordercolor,
27881
27893
  zIndex: 1000,
27882
- maxHeight: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '30vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : '50vh',
27883
- minHeight: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '30vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : '30vh'
27894
+ maxHeight: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '30vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : props.srcfromprops == 'modernheader' ? '70vh' : '50vh',
27895
+ minHeight: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '30vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : props.srcfromprops == 'modernheader' ? '70vh' : '30vh'
27884
27896
  }),
27885
27897
  searchlist_innercontainer: css({
27886
- height: props.srcfromprops == 'cardssection' ? '25vh' : props.srcfromprops == 'ElegantHeader' ? '48vh' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : '30vh',
27898
+ height: props.srcfromprops == 'cardssection' ? '25vh' : props.srcfromprops == 'ElegantHeader' ? '48vh' : props.srcfromprops == 'modernheader' ? '68vh' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : '30vh',
27887
27899
  overflowY: 'scroll'
27888
27900
  // height: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '25vh' : '30vh',
27889
27901
  // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
@@ -27898,9 +27910,9 @@ var Searchlist$1 = function Searchlist(props) {
27898
27910
  className: props.srcfromprops == 'header' ? "".concat(searchlist_styles.searchlist_outercontainer) + ' m-0 row d-flex d-md-none justify-content-center p-1 ' : "".concat(searchlist_styles.searchlist_outercontainer) + ' m-0 row d-flex justify-content-center p-1 ',
27899
27911
  style: {
27900
27912
  zIndex: 1000,
27901
- width: props.srcfromprops == 'header' ? '300px' : props.srcfromprops == 'headerfullwidth' ? '100%' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100%' : props.srcfromprops == 'headerfullwidth-200' ? '270px' : props.srcfromprops == 'respheader' ? '100%' : props.srcfromprops == 'header-400' ? '400px' : props.srcfromprops == 'header-250' ? '250px' : props.srcfromprops == 'header-300' ? '300px' : props.srcfromprops == 'StylishHeader' ? '90%' : props.srcfromprops == 'ElegantHeader' ? '90%' : '100%',
27902
- top: props.headernameprops == 'categoryfeaturingheader' || props.headernameprops == 'Header_threesectionslogocentered' ? 20 : props.srcfromprops == 'respheader' ? 10 : props.srcfromprops == 'StylishHeader' ? 50 : props.srcfromprops == 'ElegantHeader' ? 50 : 10,
27903
- left: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? '' : 0 : props.srcfromprops == 'StylishHeader' ? langdetect == 'en' ? '5%' : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'en' ? '5%' : '' : '',
27913
+ width: props.srcfromprops == 'header' ? '300px' : props.srcfromprops == 'headerfullwidth' ? '100%' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100%' : props.srcfromprops == 'headerfullwidth-200' ? '270px' : props.srcfromprops == 'respheader' ? '100%' : props.srcfromprops == 'header-400' ? '400px' : props.srcfromprops == 'header-250' ? '250px' : props.srcfromprops == 'header-300' ? '300px' : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? '90%' : props.srcfromprops == 'ElegantHeader' ? '90%' : '100%',
27914
+ top: props.headernameprops == 'categoryfeaturingheader' || props.headernameprops == 'Header_threesectionslogocentered' ? 20 : props.srcfromprops == 'respheader' ? 10 : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? 50 : props.srcfromprops == 'ElegantHeader' ? 50 : 10,
27915
+ left: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? '' : 0 : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? langdetect == 'en' ? '5%' : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'en' ? '5%' : '' : '',
27904
27916
  right: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? 0 : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'ar' ? '5%' : '' : props.srcfromprops == 'Elegant' ? langdetect == 'ar' ? '5%' : '' : '',
27905
27917
  margin: props.srcfromprops == 'respheader' ? 'auto' : ''
27906
27918
  }
@@ -27951,7 +27963,7 @@ var Searchlist$1 = function Searchlist(props) {
27951
27963
  borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
27952
27964
  }
27953
27965
  })), /*#__PURE__*/React.createElement("div", {
27954
- "class": props.srcfromprops == 'StylishHeader' ? searchlist_styles.productnamecont + ' col-lg-11 col-md-11 col-sm-9 d-flex ' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? searchlist_styles.productnamecont + ' col-lg-9 col-md-10 col-sm-9 d-flex ' : searchlist_styles.productnamecont + ' col-lg-10 col-md-11 col-sm-9 d-flex ',
27966
+ "class": props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? searchlist_styles.productnamecont + ' col-lg-11 col-md-11 col-sm-9 d-flex ' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? searchlist_styles.productnamecont + ' col-lg-9 col-md-10 col-sm-9 d-flex ' : searchlist_styles.productnamecont + ' col-lg-10 col-md-11 col-sm-9 d-flex ',
27955
27967
  style: {
27956
27968
  alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
27957
27969
  }
@@ -41485,7 +41497,7 @@ var Modernheader = function Modernheader(props) {
41485
41497
  color: sectionproperties.searchbarcontinput_color,
41486
41498
  fontWeight: sectionproperties.searchbarcont_inputfontweight,
41487
41499
  fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
41488
- borderBottom: '1px solid #000',
41500
+ borderBottom: sectionproperties.searchbarcontinput_borderBottom + 'px solid ' + sectionproperties.searchbarcontinput_borderBottomcolor,
41489
41501
  '::placeholder': {
41490
41502
  color: sectionproperties.searchbarcontinput_color
41491
41503
  }
@@ -41742,14 +41754,14 @@ var Modernheader = function Modernheader(props) {
41742
41754
  marginLeft: langdetect == 'en' ? 0 : '30px'
41743
41755
  }
41744
41756
  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
41745
- className: header_cssstyles.userbtncont + ' flex-row d-flex allcentered '
41757
+ className: header_cssstyles.userbtncont + ' flex-row d-flex allcentered ',
41758
+ onClick: function onClick() {
41759
+ routingcountext(StaticPagesLinksContext.Login);
41760
+ }
41746
41761
  }, /*#__PURE__*/React.createElement("div", {
41747
41762
  "class": " ".concat(header_cssstyles.user_btn) + ' userbtntext d-flex align-items-center justify-content-center ',
41748
41763
  sytle: {
41749
41764
  position: 'relative'
41750
- },
41751
- onClick: function onClick() {
41752
- routingcountext(StaticPagesLinksContext.Login);
41753
41765
  }
41754
41766
  }, sectionproperties.usericontype == 'Icon 1' && /*#__PURE__*/React.createElement("i", {
41755
41767
  "class": ' h-100 d-flex align-items-center '
@@ -42174,7 +42186,7 @@ var Modernheader = function Modernheader(props) {
42174
42186
  }, /*#__PURE__*/React.createElement("div", {
42175
42187
  className: "".concat(generalstyles.search_wrap2, " ").concat(header_cssstyles.search_wrap),
42176
42188
  style: {
42177
- height: '120px',
42189
+ height: '220px',
42178
42190
  background: '#fff'
42179
42191
  }
42180
42192
  }, /*#__PURE__*/React.createElement("div", {
@@ -42221,7 +42233,7 @@ var Modernheader = function Modernheader(props) {
42221
42233
  }, /*#__PURE__*/React.createElement(Searchlist$1, {
42222
42234
  actions: actions,
42223
42235
  sectionpropertiesprops: sectionproperties,
42224
- srcfromprops: 'StylishHeader'
42236
+ srcfromprops: 'modernheader'
42225
42237
  }))))))), /*#__PURE__*/React.createElement(Offcanvas, {
42226
42238
  show: menuactive,
42227
42239
  onHide: function onHide() {
@@ -75046,8 +75058,10 @@ var MarqueeSection = function MarqueeSection(props) {
75046
75058
  color: sectionproperties.generaltext_fontColor,
75047
75059
  fontWeight: sectionproperties.generaltext_fontWeight,
75048
75060
  opacity: sectionproperties.generaltext_opacity,
75049
- marginLeft: '100px',
75050
- marginRight: '100px',
75061
+ // marginLeft: '100px',
75062
+ // marginRight: '100px',
75063
+ marginLeft: '10px',
75064
+ marginRight: '10px',
75051
75065
  '@media (max-width: 800px)': {
75052
75066
  fontSize: sectionproperties.generaltext_fontsizeresponsive + 'px'
75053
75067
  }
@@ -75069,7 +75083,7 @@ var MarqueeSection = function MarqueeSection(props) {
75069
75083
  }
75070
75084
  }),
75071
75085
  marqueeimagecontainer: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
75072
- width: sectionproperties.image_width == 0 ? 'auto' : sectionproperties.image_width + 'px',
75086
+ // width: sectionproperties.image_width == 0 ? 'auto' : sectionproperties.image_width + 'px',
75073
75087
  height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
75074
75088
  border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
75075
75089
  flex: '0 0 auto',
@@ -75103,11 +75117,17 @@ var MarqueeSection = function MarqueeSection(props) {
75103
75117
  "class": section_styles.container + ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center '
75104
75118
  // data-aos={'fade-up'}
75105
75119
  ,
75106
- style: {}
75120
+ style: {
75121
+ borderTop: sectionproperties.borderhorizontalwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
75122
+ borderBottom: sectionproperties.borderhorizontalwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
75123
+ borderLeft: sectionproperties.borderverticalwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
75124
+ borderRight: sectionproperties.borderverticalwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
75125
+ }
75107
75126
  }, /*#__PURE__*/React.createElement("div", {
75108
75127
  "class": "rotating-text-container rotating-text-containermarqueesection"
75109
75128
  }, /*#__PURE__*/React.createElement("span", {
75110
- "class": sectionproperties.marqueemovementdirection == 'Right to Left' ? 'd-flex flex-row align-items-center rotating-text2' : 'd-flex flex-row align-items-center rotating-text-reverse2'
75129
+ "class": sectionproperties.marqueemovementdirection == 'Right to Left' ? 'd-flex flex-row align-items-center rotating-text2' : 'd-flex flex-row align-items-center rotating-text-reverse2',
75130
+ style: {}
75111
75131
  }, [].concat(_toConsumableArray(cardsarray), _toConsumableArray(cardsarray)).map(function (cardinfoitem, cardinfoindex) {
75112
75132
  var _authdetailsContext$i;
75113
75133
  return /*#__PURE__*/React.createElement("div", {
@@ -79848,6 +79868,8 @@ var Slideshowzoom = function Slideshowzoom(props) {
79848
79868
  // width: sectionproperties.generalbtn_position == 'Centered' ? '100%' : '%',
79849
79869
  // left: sectionproperties.generalbtn_position == 'Centered' ? '' : sectionproperties.showanimation == 'Yes' ? 0 : langdetect == 'en' ? 20 : '',
79850
79870
  // right: sectionproperties.generalbtn_position == 'Centered' ? '' : langdetect == 'ar' ? 20 : '',
79871
+
79872
+ left: 0,
79851
79873
  '@media (max-width: 800px)': {
79852
79874
  // bottom: '20px',
79853
79875
  bottom: sectionproperties.innersectionmarginbottomresponsive + 'px'
@@ -95161,7 +95183,11 @@ var Simpleproductcard = function Simpleproductcard(props) {
95161
95183
  ':hover': {
95162
95184
  backgroundColor: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.bgopacityonhover + ')' : 1,
95163
95185
  transition: 0.3,
95164
- boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcoloronhover
95186
+ boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcoloronhover,
95187
+ borderColor: sectionproperties.bordercoloronhover
95188
+ },
95189
+ ':hover .pname': {
95190
+ textDecoration: sectionproperties.pnameunderlineonhover == 'Yes' ? 'underline' : 'none'
95165
95191
  }
95166
95192
  }),
95167
95193
  iconsContainer: css({