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.umd.js CHANGED
@@ -405,7 +405,7 @@
405
405
  })))));
406
406
  };
407
407
 
408
- 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";
408
+ 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";
409
409
  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"};
410
410
  styleInject(css_248z$M);
411
411
 
@@ -2529,7 +2529,7 @@
2529
2529
  };
2530
2530
 
2531
2531
  var ProductHeaderPricing = function ProductHeaderPricing(props) {
2532
- var _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer0, _fetchProductInfoQuer1, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21;
2532
+ var _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer0, _fetchProductInfoQuer1, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22;
2533
2533
  props.actions.lang;
2534
2534
  var langdetect = props.actions.langdetect;
2535
2535
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -2599,6 +2599,34 @@
2599
2599
  }
2600
2600
  }, '-' + 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) + '%'))));
2601
2601
  };
2602
+ var SaleCounterPill2 = function SaleCounterPill2() {
2603
+ var _fetchProductInfoQuer4, _fetchProductInfoQuer5;
2604
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2605
+ "class": 'mx-3 px-2 allcentered',
2606
+ style: {
2607
+ background: sectionproperties.pillbgcolor,
2608
+ width: 'fit-content',
2609
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
2610
+ border: sectionproperties.pillBorderWidth + 'px solid ' + sectionproperties.pillBorderColor,
2611
+ direction: 'ltr',
2612
+ height: sectionproperties.pillheight + 'px'
2613
+ }
2614
+ }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React__default["default"].createElement("p", {
2615
+ "class": "m-0 p-0",
2616
+ style: {
2617
+ color: sectionproperties.counterValueColor,
2618
+ fontWeight: sectionproperties.counterValueFontWeight,
2619
+ fontSize: sectionproperties.counterValueFontSize + 'px'
2620
+ }
2621
+ }, '-' + 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__default["default"].createElement("p", {
2622
+ "class": "m-0 p-0 text-uppercase",
2623
+ style: {
2624
+ color: sectionproperties.counterValueColor,
2625
+ fontWeight: sectionproperties.counterValueFontWeight,
2626
+ fontSize: sectionproperties.counterValueFontSize + 'px'
2627
+ }
2628
+ }, 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));
2629
+ };
2602
2630
  return /*#__PURE__*/React__default["default"].createElement("div", {
2603
2631
  "class": props.srcfromprops == 'servicestyle2' ? 'col-lg-12 p-0 mt-1' : 'col-lg-12 p-0'
2604
2632
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2640,14 +2668,14 @@
2640
2668
  fontWeight: sectionproperties.defaultPriceFontWeight,
2641
2669
  color: sectionproperties.defaultPriceColor
2642
2670
  }
2643
- }, 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__default["default"].createElement("span", {
2671
+ }, 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__default["default"].createElement("span", {
2644
2672
  "class": "mx-2",
2645
2673
  style: {
2646
2674
  fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
2647
2675
  fontWeight: sectionproperties.defaultSalePriceFontWeight,
2648
2676
  color: sectionproperties.defaultSalePriceColor
2649
2677
  }
2650
- }, "-"), 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__default["default"].createElement("span", {
2678
+ }, "-"), 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__default["default"].createElement("span", {
2651
2679
  "class": "mx-2",
2652
2680
  style: {
2653
2681
  fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
@@ -2661,38 +2689,14 @@
2661
2689
  fontWeight: sectionproperties.defaultSalePriceFontWeight,
2662
2690
  color: sectionproperties.defaultSalePriceColor
2663
2691
  }
2664
- }, 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__default["default"].createElement("span", {
2692
+ }, 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__default["default"].createElement("span", {
2665
2693
  "class": "linethrough",
2666
2694
  style: {
2667
2695
  fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
2668
2696
  fontWeight: sectionproperties.defaultSalePriceFontWeight,
2669
2697
  color: sectionproperties.defaultSalePriceColor
2670
2698
  }
2671
- }, 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__default["default"].createElement("div", {
2672
- "class": 'mx-3 px-2 allcentered',
2673
- style: {
2674
- background: sectionproperties.pillbgcolor,
2675
- width: 'fit-content',
2676
- borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
2677
- border: sectionproperties.pillBorderWidth + 'px solid ' + sectionproperties.pillBorderColor,
2678
- direction: 'ltr',
2679
- height: sectionproperties.pillheight + 'px'
2680
- }
2681
- }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React__default["default"].createElement("p", {
2682
- "class": "m-0 p-0",
2683
- style: {
2684
- color: sectionproperties.counterValueColor,
2685
- fontWeight: sectionproperties.counterValueFontWeight,
2686
- fontSize: sectionproperties.counterValueFontSize + 'px'
2687
- }
2688
- }, '-' + 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__default["default"].createElement("p", {
2689
- "class": "m-0 p-0 text-uppercase",
2690
- style: {
2691
- color: sectionproperties.counterValueColor,
2692
- fontWeight: sectionproperties.counterValueFontWeight,
2693
- fontSize: sectionproperties.counterValueFontSize + 'px'
2694
- }
2695
- }, 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__default["default"].createElement("p", {
2699
+ }, 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__default["default"].createElement("p", {
2696
2700
  className: ' m-0 p-0 wordbreak d-flex justify-content-start mt-auto mb-auto px-2 ',
2697
2701
  style: {
2698
2702
  textAlign: langdetect == 'en' ? 'left' : 'right',
@@ -2702,9 +2706,9 @@
2702
2706
  }
2703
2707
  }, fetchProductInfoQueryContext.data.data.productinfo.measurmentunit)), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && sectionproperties.showpill == 'Show' && variantindexcompleted.length == 0 && sectionproperties.counterposition == 'Below Pricing' && /*#__PURE__*/React__default["default"].createElement("div", {
2704
2708
  "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
2705
- }, 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__default["default"].createElement("div", {
2709
+ }, 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__default["default"].createElement("div", {
2706
2710
  "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
2707
- }, 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__default["default"].createElement("div", {
2711
+ }, 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__default["default"].createElement("div", {
2708
2712
  "class": "col-lg-12 p-0 d-flex justify-content-start mt-1 mb-2"
2709
2713
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2710
2714
  "class": "".concat(productinfo_cssstyles.cashbackoutercontainer) + ' d-flex flex-row allcentered px-2 '
@@ -2718,7 +2722,7 @@
2718
2722
  style: {
2719
2723
  fontWeight: 600
2720
2724
  }
2721
- }, 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__default["default"].createElement("div", {
2725
+ }, 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__default["default"].createElement("div", {
2722
2726
  "class": "col-lg-12 p-0 mb-2"
2723
2727
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2724
2728
  "class": productinfo_cssstyles.profitcontainer + ' allcentered '
@@ -2733,7 +2737,7 @@
2733
2737
  style: {
2734
2738
  fontWeight: sectionproperties.profitcontainersecondaryfontweight
2735
2739
  }
2736
- }, 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))))));
2740
+ }, 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))))));
2737
2741
  };
2738
2742
 
2739
2743
  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; }
@@ -7468,7 +7472,7 @@
7468
7472
  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; }
7469
7473
  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__default["default"](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; }
7470
7474
  var Productinfo = function Productinfo(props) {
7471
- 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;
7475
+ 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;
7472
7476
  var _useState = React.useState({}),
7473
7477
  _useState2 = _slicedToArray__default["default"](_useState, 2),
7474
7478
  ProductInfoObj = _useState2[0],
@@ -10820,7 +10824,7 @@
10820
10824
  lang: lang,
10821
10825
  srcfromprops: props.srcfromprops
10822
10826
  }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref4, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref4, "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "StaticPagesLinksContext", StaticPagesLinksContext), "variantindexcompleted", variantindexcompleted), "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref4, "NotificationManager", NotificationManager), "getprice_discountpriceprops", getprice_discountpriceprops), "quantityconditionfoundobjprops", quantityconditionfoundobj), "relatedproducts", relatedproducts), "getQuantityCondition", getQuantityCondition), "StoreInfoprops", StoreInfo), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "sizeguideimage", sizeguideimage), "setopensizeguidemodal", setopensizeguidemodal), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref4, "isOptionInStock", isOptionInStock), "addtocartfunc_extras", addtocartfunc_extras), "productpdfsarray", productpdfsarray))
10823
- }), 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__default["default"].createElement("div", {
10827
+ }), 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__default["default"].createElement("div", {
10824
10828
  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 ',
10825
10829
  style: {
10826
10830
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -11011,7 +11015,7 @@
11011
11015
  productinfo_cssstyles: productinfo_cssstyles,
11012
11016
  sectionproperties: sectionproperties
11013
11017
  })
11014
- }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i46 = authdetailsContext.instinfo) === null || _authdetailsContext$i46 === void 0 ? void 0 : _authdetailsContext$i46.contactinfo.instid) == '693ae1f70d9a4' && /*#__PURE__*/React__default["default"].createElement("div", {
11018
+ }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i47 = authdetailsContext.instinfo) === null || _authdetailsContext$i47 === void 0 ? void 0 : _authdetailsContext$i47.contactinfo.instid) == '693ae1f70d9a4' && /*#__PURE__*/React__default["default"].createElement("div", {
11015
11019
  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 ',
11016
11020
  style: {
11017
11021
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -11161,7 +11165,7 @@
11161
11165
  productinfo_cssstyles: productinfo_cssstyles,
11162
11166
  sectionproperties: sectionproperties
11163
11167
  })
11164
- }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i47 = authdetailsContext.instinfo) === null || _authdetailsContext$i47 === void 0 ? void 0 : _authdetailsContext$i47.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React__default["default"].createElement("div", {
11168
+ }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i48 = authdetailsContext.instinfo) === null || _authdetailsContext$i48 === void 0 ? void 0 : _authdetailsContext$i48.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React__default["default"].createElement("div", {
11165
11169
  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 ',
11166
11170
  style: {
11167
11171
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -11303,7 +11307,7 @@
11303
11307
  productinfo_cssstyles: productinfo_cssstyles,
11304
11308
  sectionproperties: sectionproperties
11305
11309
  })
11306
- }))))), 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__default["default"].createElement("div", {
11310
+ }))))), 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__default["default"].createElement("div", {
11307
11311
  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 ',
11308
11312
  style: {
11309
11313
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -11454,7 +11458,7 @@
11454
11458
  productinfo_cssstyles: productinfo_cssstyles,
11455
11459
  sectionproperties: sectionproperties
11456
11460
  })
11457
- }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i49 = authdetailsContext.instinfo) === null || _authdetailsContext$i49 === void 0 ? void 0 : _authdetailsContext$i49.contactinfo.instid) == '68e7c7c93c5bd' && /*#__PURE__*/React__default["default"].createElement("div", {
11461
+ }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i50 = authdetailsContext.instinfo) === null || _authdetailsContext$i50 === void 0 ? void 0 : _authdetailsContext$i50.contactinfo.instid) == '68e7c7c93c5bd' && /*#__PURE__*/React__default["default"].createElement("div", {
11458
11462
  "class": "row m-0 w-100 w-100 pl-5 pr-5 p-md-0 allcentered"
11459
11463
  }, productVideos.map(function (item, index) {
11460
11464
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11471,12 +11475,12 @@
11471
11475
  loop: true,
11472
11476
  muted: true
11473
11477
  }));
11474
- })), 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__default["default"].createElement("div", {
11478
+ })), 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__default["default"].createElement("div", {
11475
11479
  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 ',
11476
11480
  style: {
11477
11481
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
11478
11482
  paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0,
11479
- marginBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i51 = authdetailsContext.instinfo) === null || _authdetailsContext$i51 === void 0 ? void 0 : _authdetailsContext$i51.contactinfo.instid) == '69a3437faf64f' ? 30 : 0
11483
+ marginBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i52 = authdetailsContext.instinfo) === null || _authdetailsContext$i52 === void 0 ? void 0 : _authdetailsContext$i52.contactinfo.instid) == '69a3437faf64f' ? 30 : 0
11480
11484
  }
11481
11485
  }, relatedproducts()))));
11482
11486
  };
@@ -27423,7 +27427,29 @@
27423
27427
  borderColor: sectionproperties.inputfeildbordercoloronfocus
27424
27428
  }), ':focus .login_input_icon', {
27425
27429
  color: sectionproperties.inputfeildbordercoloronfocus
27426
- })))
27430
+ }))),
27431
+ sectiontitle: glamor.css({
27432
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
27433
+ color: sectionproperties.sectionTitleColor,
27434
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
27435
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
27436
+ marginLeft: sectionproperties.sectionTitleMarginLeft + 'px',
27437
+ marginRight: sectionproperties.sectionTitleMarginRight + 'px',
27438
+ textTransform: sectionproperties.sectionTitleTextTransform,
27439
+ fontWeight: sectionproperties.sectionTitleFontWeight,
27440
+ '@media (max-width: 800px)': {
27441
+ fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
27442
+ }
27443
+ }),
27444
+ descriptioncontent: glamor.css({
27445
+ fontSize: sectionproperties.prodCatFontSize + 'px',
27446
+ color: sectionproperties.prodCatColor,
27447
+ marginBottom: sectionproperties.descriptionMarginBottom + 'px',
27448
+ fontWeight: sectionproperties.prodCatFontWeight,
27449
+ '@media (max-width: 800px)': {
27450
+ fontSize: sectionproperties.prodCatFontSizeResp + 'px'
27451
+ }
27452
+ })
27427
27453
  };
27428
27454
  var LoginContent = function LoginContent() {
27429
27455
  var _authdetailsContext$i;
@@ -27436,27 +27462,13 @@
27436
27462
  }, /*#__PURE__*/React__default["default"].createElement("div", {
27437
27463
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
27438
27464
  }, /*#__PURE__*/React__default["default"].createElement("p", {
27439
- className: "text-md-center",
27440
- style: {
27441
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
27442
- color: sectionproperties.sectionTitleColor,
27443
- marginTop: sectionproperties.sectionTitleMarginTop + 'px',
27444
- marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
27445
- marginLeft: sectionproperties.sectionTitleMarginLeft + 'px',
27446
- marginRight: sectionproperties.sectionTitleMarginRight + 'px',
27447
- textTransform: sectionproperties.sectionTitleTextTransform,
27448
- fontWeight: sectionproperties.sectionTitleFontWeight
27449
- }
27465
+ className: loginstyles2.sectiontitle + ' text-md-center ',
27466
+ style: {}
27450
27467
  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
27451
27468
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
27452
27469
  }, /*#__PURE__*/React__default["default"].createElement("p", {
27453
- className: "text-md-center",
27454
- style: {
27455
- fontSize: sectionproperties.prodCatFontSize + 'px',
27456
- color: sectionproperties.prodCatColor,
27457
- marginBottom: sectionproperties.descriptionMarginBottom + 'px',
27458
- fontWeight: sectionproperties.prodCatFontWeight
27459
- }
27470
+ className: loginstyles2.descriptioncontent + ' text-md-center ',
27471
+ style: {}
27460
27472
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
27461
27473
  className: "col-lg-12 col-md-12 col-sm-12 p-sm-0 d-flex justify-content-center"
27462
27474
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -27736,11 +27748,11 @@
27736
27748
  borderRadius: sectionproperties.searchlistcontainer_borderradius + 'px',
27737
27749
  border: sectionproperties.searchlistcontainer_borderwidth + 'px solid ' + sectionproperties.searchlistcontainer_bordercolor,
27738
27750
  zIndex: 1000,
27739
- maxHeight: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '30vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : '50vh',
27740
- minHeight: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '30vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : '30vh'
27751
+ maxHeight: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '30vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : props.srcfromprops == 'modernheader' ? '70vh' : '50vh',
27752
+ minHeight: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '30vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : props.srcfromprops == 'modernheader' ? '70vh' : '30vh'
27741
27753
  }),
27742
27754
  searchlist_innercontainer: glamor.css({
27743
- height: props.srcfromprops == 'cardssection' ? '25vh' : props.srcfromprops == 'ElegantHeader' ? '48vh' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : '30vh',
27755
+ height: props.srcfromprops == 'cardssection' ? '25vh' : props.srcfromprops == 'ElegantHeader' ? '48vh' : props.srcfromprops == 'modernheader' ? '68vh' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : '30vh',
27744
27756
  overflowY: 'scroll'
27745
27757
  // height: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '25vh' : '30vh',
27746
27758
  // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
@@ -27755,9 +27767,9 @@
27755
27767
  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 ',
27756
27768
  style: {
27757
27769
  zIndex: 1000,
27758
- 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%',
27759
- top: props.headernameprops == 'categoryfeaturingheader' || props.headernameprops == 'Header_threesectionslogocentered' ? 20 : props.srcfromprops == 'respheader' ? 10 : props.srcfromprops == 'StylishHeader' ? 50 : props.srcfromprops == 'ElegantHeader' ? 50 : 10,
27760
- 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%' : '' : '',
27770
+ 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%',
27771
+ 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,
27772
+ 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%' : '' : '',
27761
27773
  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%' : '' : '',
27762
27774
  margin: props.srcfromprops == 'respheader' ? 'auto' : ''
27763
27775
  }
@@ -27808,7 +27820,7 @@
27808
27820
  borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
27809
27821
  }
27810
27822
  })), /*#__PURE__*/React__default["default"].createElement("div", {
27811
- "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 ',
27823
+ "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 ',
27812
27824
  style: {
27813
27825
  alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
27814
27826
  }
@@ -41342,7 +41354,7 @@
41342
41354
  color: sectionproperties.searchbarcontinput_color,
41343
41355
  fontWeight: sectionproperties.searchbarcont_inputfontweight,
41344
41356
  fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
41345
- borderBottom: '1px solid #000',
41357
+ borderBottom: sectionproperties.searchbarcontinput_borderBottom + 'px solid ' + sectionproperties.searchbarcontinput_borderBottomcolor,
41346
41358
  '::placeholder': {
41347
41359
  color: sectionproperties.searchbarcontinput_color
41348
41360
  }
@@ -41599,14 +41611,14 @@
41599
41611
  marginLeft: langdetect == 'en' ? 0 : '30px'
41600
41612
  }
41601
41613
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
41602
- className: header_cssstyles.userbtncont + ' flex-row d-flex allcentered '
41614
+ className: header_cssstyles.userbtncont + ' flex-row d-flex allcentered ',
41615
+ onClick: function onClick() {
41616
+ routingcountext(StaticPagesLinksContext.Login);
41617
+ }
41603
41618
  }, /*#__PURE__*/React__default["default"].createElement("div", {
41604
41619
  "class": " ".concat(header_cssstyles.user_btn) + ' userbtntext d-flex align-items-center justify-content-center ',
41605
41620
  sytle: {
41606
41621
  position: 'relative'
41607
- },
41608
- onClick: function onClick() {
41609
- routingcountext(StaticPagesLinksContext.Login);
41610
41622
  }
41611
41623
  }, sectionproperties.usericontype == 'Icon 1' && /*#__PURE__*/React__default["default"].createElement("i", {
41612
41624
  "class": ' h-100 d-flex align-items-center '
@@ -42031,7 +42043,7 @@
42031
42043
  }, /*#__PURE__*/React__default["default"].createElement("div", {
42032
42044
  className: "".concat(generalstyles.search_wrap2, " ").concat(header_cssstyles.search_wrap),
42033
42045
  style: {
42034
- height: '120px',
42046
+ height: '220px',
42035
42047
  background: '#fff'
42036
42048
  }
42037
42049
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -42078,7 +42090,7 @@
42078
42090
  }, /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
42079
42091
  actions: actions,
42080
42092
  sectionpropertiesprops: sectionproperties,
42081
- srcfromprops: 'StylishHeader'
42093
+ srcfromprops: 'modernheader'
42082
42094
  }))))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
42083
42095
  show: menuactive,
42084
42096
  onHide: function onHide() {
@@ -74903,8 +74915,10 @@
74903
74915
  color: sectionproperties.generaltext_fontColor,
74904
74916
  fontWeight: sectionproperties.generaltext_fontWeight,
74905
74917
  opacity: sectionproperties.generaltext_opacity,
74906
- marginLeft: '100px',
74907
- marginRight: '100px',
74918
+ // marginLeft: '100px',
74919
+ // marginRight: '100px',
74920
+ marginLeft: '10px',
74921
+ marginRight: '10px',
74908
74922
  '@media (max-width: 800px)': {
74909
74923
  fontSize: sectionproperties.generaltext_fontsizeresponsive + 'px'
74910
74924
  }
@@ -74926,7 +74940,7 @@
74926
74940
  }
74927
74941
  }),
74928
74942
  marqueeimagecontainer: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
74929
- width: sectionproperties.image_width == 0 ? 'auto' : sectionproperties.image_width + 'px',
74943
+ // width: sectionproperties.image_width == 0 ? 'auto' : sectionproperties.image_width + 'px',
74930
74944
  height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
74931
74945
  border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
74932
74946
  flex: '0 0 auto',
@@ -74960,11 +74974,17 @@
74960
74974
  "class": section_styles.container + ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center '
74961
74975
  // data-aos={'fade-up'}
74962
74976
  ,
74963
- style: {}
74977
+ style: {
74978
+ borderTop: sectionproperties.borderhorizontalwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
74979
+ borderBottom: sectionproperties.borderhorizontalwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
74980
+ borderLeft: sectionproperties.borderverticalwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
74981
+ borderRight: sectionproperties.borderverticalwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
74982
+ }
74964
74983
  }, /*#__PURE__*/React__default["default"].createElement("div", {
74965
74984
  "class": "rotating-text-container rotating-text-containermarqueesection"
74966
74985
  }, /*#__PURE__*/React__default["default"].createElement("span", {
74967
- "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'
74986
+ "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',
74987
+ style: {}
74968
74988
  }, [].concat(_toConsumableArray__default["default"](cardsarray), _toConsumableArray__default["default"](cardsarray)).map(function (cardinfoitem, cardinfoindex) {
74969
74989
  var _authdetailsContext$i;
74970
74990
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -79705,6 +79725,8 @@
79705
79725
  // width: sectionproperties.generalbtn_position == 'Centered' ? '100%' : '%',
79706
79726
  // left: sectionproperties.generalbtn_position == 'Centered' ? '' : sectionproperties.showanimation == 'Yes' ? 0 : langdetect == 'en' ? 20 : '',
79707
79727
  // right: sectionproperties.generalbtn_position == 'Centered' ? '' : langdetect == 'ar' ? 20 : '',
79728
+
79729
+ left: 0,
79708
79730
  '@media (max-width: 800px)': {
79709
79731
  // bottom: '20px',
79710
79732
  bottom: sectionproperties.innersectionmarginbottomresponsive + 'px'
@@ -95018,7 +95040,11 @@
95018
95040
  ':hover': {
95019
95041
  backgroundColor: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.bgopacityonhover + ')' : 1,
95020
95042
  transition: 0.3,
95021
- boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcoloronhover
95043
+ boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcoloronhover,
95044
+ borderColor: sectionproperties.bordercoloronhover
95045
+ },
95046
+ ':hover .pname': {
95047
+ textDecoration: sectionproperties.pnameunderlineonhover == 'Yes' ? 'underline' : 'none'
95022
95048
  }
95023
95049
  }),
95024
95050
  iconsContainer: glamor.css({