diy-template-components 1.1.2 → 1.1.4

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.
Files changed (5) hide show
  1. package/build/index.es.js +403 -286
  2. package/build/index.es.js.map +1 -1
  3. package/build/index.js +403 -286
  4. package/build/index.js.map +1 -1
  5. package/package.json +1 -1
package/build/index.es.js CHANGED
@@ -361,13 +361,11 @@ const buttonStyles = createUseStyles(theme => ({
361
361
  textAlign: 'center',
362
362
  color: ({
363
363
  disabled
364
- } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.palette?.background?.default,
364
+ } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.colors?.CtaTextColor,
365
365
  background: ({
366
366
  disabled
367
- } = {}) => disabled ? colorMixer(theme?.palette?.primary.main, 0.5).color : theme?.palette?.primary?.main,
368
- border: ({
369
- disabled
370
- } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme?.palette?.primary?.main}`,
367
+ } = {}) => disabled ? colorMixer(theme?.palette?.primary.main, 0.5).color : theme?.colors?.ctaColor,
368
+ border: 'none',
371
369
  textDecoration: 'none',
372
370
  cursor: ({
373
371
  disabled
@@ -389,13 +387,13 @@ const buttonStyles = createUseStyles(theme => ({
389
387
  lineHeight: '18px',
390
388
  color: ({
391
389
  disabled
392
- } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme.palette.primary.main,
390
+ } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme?.colors?.CtaTextColor,
393
391
  background: ({
394
392
  disabled
395
- } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.palette?.background?.default,
393
+ } = {}) => disabled ? colorMixer(theme?.palette?.parimar?.default, 0.5).color : theme?.colors?.ctaColor,
396
394
  border: ({
397
395
  disabled
398
- } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme.palette.primary.main}`,
396
+ } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme?.colors?.ctaColor}`,
399
397
  cursor: ({
400
398
  disabled
401
399
  } = {}) => disabled ? 'not-allowed' : 'pointer',
@@ -1028,25 +1026,6 @@ var appStore = "data:image/svg+xml,%3Csvg%20width%3D%22116%22%20height%3D%2240%2
1028
1026
 
1029
1027
  var downloadApkImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQwAAABLCAYAAACFprnzAAAMPmlDQ1BJQ0MgUHJvZmlsZQAASImVVwdYU8kWnltSIbTQpYTepEgNICWEFkB6EWyEJEAoMQaCih1ZVHAtqFjAhq6KKHZA7IidRbH3xYKKsi4W7MqbFNB1X/nefN/c+e8/Z/5z5tyZe+8AoH6cKxbnoRoA5IsKJfFhQYzRqWkM0lNAAcaADJyBJ5dXIGbFxkYBWAbbv5d31wEia684yrT+2f9fiyZfUMADAImFOINfwMuHeD8AeA1PLCkEgCjjLSYXimUYVqAtgQFCPF+GsxS4RoYzFHi33CYxng1xGwBkVS5XkgWA2iXIM4p4WVBDrQ9iFxFfKAJAnQGxf37+RD7E6RDbQhsxxDJ9ZsYPOll/08wY0uRys4awYi7yQg4WFojzuFP/z3T875KfJx30YQ2rarYkPF42Z5i3m7kTI2VYFeJeUUZ0DMRaEH8Q8uX2EKPUbGl4ksIeNeIVsGHOgC7ELnxucCTERhCHivKio5R8RqYwlAMxXCHoFGEhJxFifYjnCwpCEpQ2GyQT45W+0MZMCZul5M9yJXK/Ml/3pblJLKX+62wBR6mPqRVnJ6ZATIXYskiYHA2xGsROBbkJkUqbkcXZ7OhBG4k0Xha/JcTxAlFYkEIfK8qUhMYr7cvzCwbni23IFnKilXhvYXZiuCI/WBuPK48fzgW7JBCxkgZ1BAWjowbnwhcEhyjmjj0TiJISlDofxIVB8YqxOFWcF6u0x80FeWEy3hxi94KiBOVYPLkQLkiFPp4pLoxNVMSJF+dwI2IV8eBLQBRgg2DAAFJYM8BEkAOEHb1NvfBO0RMKuEACsoAAOCqZwREp8h4RvCaAYvAnRAJQMDQuSN4rAEWQ/zrEKq6OIFPeWyQfkQueQJwPIkEevJfKR4mGvCWDx5AR/sM7F1YejDcPVln/v+cH2e8MCzJRSkY66JGhPmhJDCEGE8OJoUQ73BD3x33xKHgNhNUVZ+Leg/P4bk94QugkPCRcI3QRbk0Qlkh+inIU6IL6ocpcZPyYC9waanrgQbgfVIfKuC5uCBxxd+iHhQdAzx6QZSvjlmWF8ZP232bww9NQ2lFcKChFjxJIsf15pJq9mseQiizXP+ZHEWvGUL7ZQz0/+2f/kH0+bCN/tsTmY/uwM9gJ7Bx2GGsCDOwY1oy1Y0dkeGh1PZavrkFv8fJ4cqGO8B/+Bp+sLJMFLvUuPS5fFH2FgimydzRgTxRPlQizsgsZLPhFEDA4Ip7TcIari6sbALLvi+L19SZO/t1AdNu/c3P/AMDv2MDAwKHvXMQxAPZ4we1/8Dtny4SfDhUAzh7kSSVFCg6XXQjwLaEOd5oBMAEWwBbOxxV4Al8QCEJABIgBiSAVjIfRZ8N1LgGTwXQwB5SBCrAErABrwHqwCWwDO8Fe0AQOgxPgNLgALoFr4A5cPd3gBegD78BnBEFICA2hIwaIKWKFOCCuCBPxR0KQKCQeSUXSkSxEhEiR6chcpAKpRNYgG5E6ZA9yEDmBnEM6kVvIA6QHeY18QjFUFdVGjVFr1Blloiw0Ek1Ex6FZ6CS0GC1FF6Gr0Fp0B9qInkAvoNfQLvQF2o8BTAXTxcwwR4yJsbEYLA3LxCTYTKwcq8JqsQasBT7nK1gX1ot9xIk4HWfgjnAFh+NJOA+fhM/EF+Jr8G14I96GX8Ef4H34NwKNYERwIPgQOITRhCzCZEIZoYqwhXCAcArupW7COyKRqEu0IXrBvZhKzCFOIy4kriXuIh4ndhIfEftJJJIByYHkR4ohcUmFpDLSatIO0jHSZVI36QNZhWxKdiWHktPIInIJuYq8nXyUfJn8lPyZokGxovhQYih8ylTKYspmSgvlIqWb8pmqSbWh+lETqTnUOdRV1AbqKepd6hsVFRVzFW+VOBWhymyVVSq7Vc6qPFD5qKqlaq/KVh2rKlVdpLpV9bjqLdU3NBrNmhZIS6MV0hbR6mgnafdpH9Toak5qHDW+2iy1arVGtctqL9Up6lbqLPXx6sXqVer71C+q92pQNKw12BpcjZka1RoHNW5o9GvSNUdoxmjmay7U3K55TvOZFknLWitEi69VqrVJ66TWIzpGt6Cz6Tz6XPpm+il6tzZR20abo52jXaG9U7tDu09HS8ddJ1lnik61zhGdLl1M11qXo5unu1h3r+513U96xnosPYHeAr0Gvct67/WH6QfqC/TL9XfpX9P/ZMAwCDHINVhq0GRwzxA3tDeMM5xsuM7wlGHvMO1hvsN4w8qH7R122wg1sjeKN5pmtMmo3ajf2MQ4zFhsvNr4pHGvia5JoEmOyXKToyY9pnRTf1Oh6XLTY6bPGToMFiOPsYrRxugzMzILN5OabTTrMPtsbmOeZF5ivsv8ngXVgmmRabHcotWiz9LUcpTldMt6y9tWFCumVbbVSqszVu+tbaxTrOdZN1k/s9G34dgU29Tb3LWl2QbYTrKttb1qR7Rj2uXarbW7ZI/ae9hn21fbX3RAHTwdhA5rHTqHE4Z7DxcNrx1+w1HVkeVY5Fjv+MBJ1ynKqcSpyemls6VzmvNS5zPO31w8XPJcNrvcGaE1ImJEyYiWEa9d7V15rtWuV91obqFus9ya3V65O7gL3Ne53/Sge4zymOfR6vHV08tT4tng2eNl6ZXuVeN1g6nNjGUuZJ71JngHec/yPuz90cfTp9Bnr89fvo6+ub7bfZ+NtBkpGLl55CM/cz+u30a/Ln+Gf7r/Bv+uALMAbkBtwMNAi0B+4JbApyw7Vg5rB+tlkEuQJOhA0Hu2D3sG+3gwFhwWXB7cEaIVkhSyJuR+qHloVmh9aF+YR9i0sOPhhPDI8KXhNzjGHB6njtMX4RUxI6ItUjUyIXJN5MMo+yhJVMsodFTEqGWj7kZbRYuim2JADCdmWcy9WJvYSbGH4ohxsXHVcU/iR8RPjz+TQE+YkLA94V1iUOLixDtJtknSpNZk9eSxyXXJ71OCUypTukY7j54x+kKqYaowtTmNlJactiWtf0zImBVjusd6jC0be32czbgp486NNxyfN/7IBPUJ3An70gnpKenb079wY7i13P4MTkZNRh+PzVvJe8EP5C/n9wj8BJWCp5l+mZWZz7L8spZl9WQHZFdl9wrZwjXCVznhOetz3ufG5G7NHchLyduVT85Pzz8o0hLlitommkycMrFT7CAuE3dN8pm0YlKfJFKypQApGFfQXKgNf+TbpbbSX6QPivyLqos+TE6evG+K5hTRlPap9lMXTH1aHFr82zR8Gm9a63Sz6XOmP5jBmrFxJjIzY2brLItZpbO6Z4fN3jaHOid3zu8lLiWVJW/npsxtKTUunV366JewX+rL1MokZTfm+c5bPx+fL5zfscBtweoF38r55ecrXCqqKr4s5C08/+uIX1f9OrAoc1HHYs/F65YQl4iWXF8asHRbpWZlceWjZaOWNS5nLC9f/nbFhBXnqtyr1q+krpSu7FoVtap5teXqJau/rMlec606qHpXjVHNgpr3a/lrL68LXNew3nh9xfpPG4Qbbm4M29hYa11btYm4qWjTk83Jm8/8xvytbovhlootX7eKtnZti9/WVudVV7fdaPvierReWt+zY+yOSzuDdzY3ODZs3KW7q2I32C3d/XxP+p7reyP3tu5j7mvYb7W/5gD9QHkj0ji1sa8pu6mrObW582DEwdYW35YDh5wObT1sdrj6iM6RxUepR0uPDhwrPtZ/XHy890TWiUetE1rvnBx98mpbXFvHqchTZ0+Hnj55hnXm2Fm/s4fP+Zw7eJ55vumC54XGdo/2A797/H6gw7Oj8aLXxeZL3pdaOkd2Hr0ccPnEleArp69yrl64Fn2t83rS9Zs3xt7ousm/+exW3q1Xt4tuf74z+y7hbvk9jXtV943u1/5h98euLs+uIw+CH7Q/THh45xHv0YvHBY+/dJc+oT2pemr6tO6Z67PDPaE9l56Ped79Qvzic2/Zn5p/1ry0fbn/r8C/2vtG93W/krwaeL3wjcGbrW/d37b2x/bff5f/7vP78g8GH7Z9ZH488ynl09PPk7+Qvqz6ave15Vvkt7sD+QMDYq6EK/8VwGBFMzMBeL0VAFoqAHR4PqOOUZz/5AVRnFnlCPwnrDgjyosnAA3w/z2uF/7d3ABg92Z4/IL66mMBiKUBkOgNUDe3oTp4VpOfK2WFCM8BG8K/ZuRngH9TFGfOH+L+uQUyVXfwc/svakh8lY/POukAAACWZVhJZk1NACoAAAAIAAUBEgADAAAAAQABAAABGgAFAAAAAQAAAEoBGwAFAAAAAQAAAFIBKAADAAAAAQACAACHaQAEAAAAAQAAAFoAAAAAAAAAkAAAAAEAAACQAAAAAQADkoYABwAAABIAAACEoAIABAAAAAEAAAEMoAMABAAAAAEAAABLAAAAAEFTQ0lJAAAAU2NyZWVuc2hvdM9gResAAAAJcEhZcwAAFiUAABYlAUlSJPAAAALWaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4yNzg8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpVc2VyQ29tbWVudD5TY3JlZW5zaG90PC9leGlmOlVzZXJDb21tZW50PgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+OTA8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj4xNDQ8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjE0NDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CtQZjSYAABt0SURBVHgB7Z0HsCVF1cd7lxwkLJIFlqACCgILSBQkC4gsooWlJAWVIMklFWlVECQoWARBQTALho9ogo/VBQRKMkVSWTIosKQls8x3fr3vP5zbd2589773Pl6fqns7ndRnes50nAlFAnfeeWcxYcKEIoSQf9kGuQ2M8jaAL8AnCIIihFOnTi3GjRuXG8kobyT5YZEflr4N4BPwDcAY/qww3HXXXWHTTTcN06dPJ5khWyBbIFugtIA5jTBlypRQOoy111473HLLLSVCjmQLZAtkC3gL2PDE+t4GkyZNysOQPAzJbSC3gZZtYAwTGquvvrp3JDmeLZAtkC1QaYHZ3nzzzcm33nprZWHOzBbIFsgW8BYYM3bs2OLtt9/2eTmeLZAtkC1QaYExlhtXSSpLc2a2QLZAtoCzwFgXz9FsgWyBbIGmFsgOo6l5cmG2QLaAt0B2GN4aOZ4tkC3Q1AKzNy3NhaUFrr322jL+17/+NcbZ+cavCtg1Cxx33HFB+JMnT455/FFO2cc//vEyTxHhKfT5m2yySaShjDi8q/CkWzM54ttKV+EplDyFyiesslMVnqfxcXThp7pRltIrrdDTI/8b3/hGvC6Uw0dQdR1UlsP2LDC2PbSMpZtKjY6GSOOsarTkUYZDoPEC4LMLX3y4oYkr7S0MnW/ovkzyyYMW3BSg9Xx9PMVtR9eUBpn8qvgqT3qq3lV2SvlKF2g8vXdComlkH8kXHml4iR96++sgvBy2bwFWSfKvhQ3YEWsNus5O1pgLfrKhNVBQK3GhB4Sb0pIvHPDgJVxCQDoQil55wiVfedJHZT5UmXB9mfj7POLkqww5aTk6pnqT9jqlNOLr6+dxoOWnPMlX2odefiO8lJ+nz/HmviD3MKyFDAboQdgNEX/wIU6eNdY6tuTRs1CZeh8pIvngeYAvINqYsD9wq3oZKm8WttIVWskVH8lCblomnDSkLq30pMcATlo/eDFsQ1a78lL5aVq9jTQ/p1tbYGxrlN5jzD777B0zHTNmTJhrrrk6pus3QXpjN+oqez08TnojcEOKp25OaBvdLODyq7rRvMyquOdfVU6ex5EMQmQCjfSKhe6vFT58hOPIyihl7coqiRpEqFN2Gg2M0yJ7yB3G3HPPHW644YYw77zztlCttnjixInhOyefXJs5QlK+Mbdq+L6hQudpdUOSlz7B9QSuqnKrp3cVjfKQ1Qi8rsJBlgBa71CU32koR9BMF3h6R9uuDHjbEKT82ZAlIEe2bpdPxptlgSF3GK+99lq49NJLw9577115DehJpLDEEkuEr3/96+HYY45Ji0ZEWg0eZVo1+iqF/Y2gGxI+/MSbkHQVkM+vHzeBdxqpc0idWpVu7eSpXqprIxqvSyOcqnzo9KO8amWqii7n1Vug87FBPY+Oc0486aRw0403huuuuy6MHz8+rLvuuoH3cRCfY445wgsvvBBuu+22cPvtt4crr7wyHHbYYeH0008PL774YseyhopAjR553Fg+7XXAOfiGz03HE5CbBTo5DNGQpxupEU9wxacTpwE/eDfi63UVX/LQ10MzHh6PeCNZjfJFjwxvN+W3CuEr3cFF/070bcV/tJUPi8OYd5554rDk5ptvDvQo1Kuguwgss8wy4UMf+lDYddddw6mnnhoee+yxcO655wZDZK1gRF0jGiONkh+gG7eqUYJLvm/4oiMf8I0bXnqqp44kIrs/6eDpXXFlVLqK1iNJV/80Bs/rLvxmDlI48GtWB/g24qM6KUQPOVLiApUrXRU2k1OFn/PqLVAuV1lR3+Orrrpq8fTTT3NClhWwEmpTRX254VuDK6wH0ncdq+yAovZkjUuGdnPHkDRA2tNYw424hOQLH1zleXzxqSqDBkjLSEPn+SAHIF/4ypMOPoRWfDy+aJQHHkC+l0dcuCoDDzrS+qEPv5Q2TQtPcqEnDxB/0ZAHXoqrNHjEoReNwip+KsthSx/QEqHO4N0ada211uJaRWeAw5DT8GGar7JIaH9XXHFFwZH8bnXolk7yFdIQfeNM+aqxevy00YuGfKCKn24Y4SoUf6UVCl+8xFt6KPQ3knj5Mq8r5YBkpKG3hXgo9GUpXVW6lS6iQT/p5WWpnFC8fB5xdOKX5ud0W76gLaRBG3e55ZYr3nrrLV3b4je/+U1x5plnlk5DBamD+Pe//10ceOCBxauvviqU4gc/+EFhw5hB65QbyNBc+37b2Tu3fsvK/M3j9tsI9Ajw6B6WXHLJwuYkinvvvddn18U/85nPRP1OO+20smzmzJnFSiut1He9+22XzL//bS/buOc27jnDuht5o402qulJ0Iu48cYbiz/+8Y+x1+F7FcR9+pFHHil+9atfFbZyEh2GyqAfjqFJboD9by/ZxiPaxv1X7uSTTy57B72M2P6MOueUG1v/r2e28ei18Vi7+H2HjTfeOMrg7vZgzoPpd58V0z7P4/g4RIsvvngNbU5kC2QL9NcCfXcYbMR673vfG2vBHk7vDLT/QlWkLM0jrTzFxWO++eYTaQ6zBbIFhsACPd+4xU0955xzhjffeiu8PXNmsAnKuGFnoYUW6nl1HnzwwZInMnEk9tmEMi9HsgWyBXprgZ46DJzCTTfdFN7//veH559/Pmy44Ybhvvvui2l2b/YaLr/88sDJ1+9973th//33D7ZsG3eH2iRpr0VlftkC2QIDFujJxKH1LIorr7qqZoXjgQceiCsZd9xxhz383wGtdJDj4z6d5r9D/U6MjWBf+tKXYobw2a8xzzzz9KROZp/MJ9sgtwHXBno2hzHbbLOFLbfYosYL22atcv7C7uqaMiU0P0EaHKUJU5o0Dc16661Xg8c7MzjMliFbIFug9xbomcNANW5y3fBSVWmF3ikIR6Fw2k2DB41+jeiUn8NZFuAksO1vib9Pf/rT7xqzMMHOkFh1++pXv/quqdtIqUhPHQaVquoFKF9lhPrJED7t8Txtmp+WeR7iO9ThDjvsENZYY42hFtuRvKWWWiq8733vi6eCO32RUUeChhiZB4ev2wILLNAXDeB73nnn9YX3SGfac4ehXkLVAKRRT4AbvaQbGLrIOUQDup6L8hVSHmkNZ7jBdp7Gd3ccffTRw61Ka/kjwF5eSYaSH/3oRwMvSxoMqF0oHAyvRrSf+MQnwuc///nA2+NGG/TcYciA6e3rHUIjx6Ebv658gGmaT3akIRyIK03ZUMMWNoez/vrrh6233josvPDCQy2+I3np9emIuMfIdq4o2MR4sO3+8d0nn/rUp7qW0O/rz94fXgBlE+vha1/7Wtd6/n8l7IvDaObduaCU+5+MF+kGehjk6eJ7fsSVL7qREKKTnaoN9DLmn3/+cOKJJ44EtRrq4G3aEGmICrbZZpvwwQ9+MEpj8vyMM86Iy+XdiO93+9hss83CeJvMB7jGo23zYM8dhhqiQl30NG13fSzSze/LFVdYhVPFF/yqoZBw+xl++MMfDltttVUUgR477bRTdB79lDkY3thU9h0Mn17Q2guVanR59NFH44a/XvDuJQ/2/PjhJg+HTTfdtJciRjyvnjsMaqwbPK19vKEHehC+S1zVcJUnGqWrGrpwouxU6BClv/WtbwWejtKT7fAjucsqPYfIPE3F/OEPfwgXXXRReOqpp+LQhInjweg3GNpmivK6wnXWWacG5Yc//GHc2VyT+S5O9NxhyFkolO1I6+fziCvfh+3mp3ikhxqYr2DewutP/KijjopOZKj1aUeedG0Ht984HB/Yc889A3MZrDA999xzXYtUvQh7DQcddFDdNWaSlsna0QI9dxjecI08fTsXsx2cRvy9DkMR5ymjGXMav/Sil8H2+AxDZwHZvtcSJ0yYEFgdAZChM0u0U3qXowX65jAwatVNT36zi1pVLnyF6cVh3mK45i6o45ZbbhlVQocTTjihfA0/ZRf95Cfx0wmpzjndHwtUtbleSDr00EPL9szGMCZq1R55fQMOZTRAzxyGneWI40/d8Fw4DqBNnz492tHnk6F0GlIGLfkAYUy7fNFQ/s9//jMuqRoiyThZdvfdd8f4UPxx8O0973lPFPWC1fecc84J9sKgsn7LLbtsWGWVVZqqQv2YbdePyTTydtlll/D73/8+XHbZZfGAneQ0ZTZQaG85CxzCs5cmh5///OdhWdMjBdnY57NbUnqwdAiwgmHvYI28mPRr9qnL8ePHhx//+MdRZ3Q/5ZRTQqsNVNSVDWSSS/2bwdJLLx1+Yo6Yw4cXX3xx0PtWoFHbqKpbM57NypZffvnwyU9+suT93e9+N1x/ww3hlVdeiXnou88++zRjEcs4Ua06yrYU7LzzzuGSSy6JNvvRj35Uea08c+wvPn7j3cc+9rF4zbHLT3/607Daaqt5sp7FudN68jPDFuYk7FoVxeuvv15st9128WW9HD7T4TDKiKdpn+/LyAc8jeIcPjODFVdffXUs512fdgP3pC7t2IRPHth4u9SP945CZ8OT4sknnyx1tkm9wiZEG+pluxOjvVQvDtT961//KullD/tqXHHEEUc0fQGy7QWJ70kVDZ9vII5t7BsehZ0aLv7zn/9Enfmzb7/U6HX44YeXcjk8ePzxx5evURTPqdddV1efbbfdtrjH3s+KHEC4xHn5M9fInFaNLNl43LhxhX2kCtRIZx8bqsRbYYUViuuvv76UEQkGaOwhUfAqSF7piGx+9gGsSj6S225oDjCKgufDDz8cry+08BeY8yjQrxlP2qZ0Q19bVSvsmztlHry4XtjwWnsH7qKLLlrJ78tf/nJJQ/vj0x28GxfeAuLwue322wtz+JV8munapKw3zkICzIsWa665ZrHgggtGJe3pUaSnVVUphaqowrp8y1DDVxkhDgO5Y+1mxCiNGqR063W43377lRcJB7nyyiuXF+YLX/hCVFV1anbRcBhvvPFGWTW9XV20KiDN73Of+1wpx9fJxtjljScaheJFA33FTvSqaVU5DNHMHJAnWuXjHCSX64uTAbcVvPjSS4XtYyhpxQOH8ZKVCWypsg7HPmxV/Pe//xVKDKVXbBuWg9N5acaMEqcXDgPdnnnmmVLeSSedVOpG3ZEpPWxfRlmmuvkQhyHgVDU3tGiV763IQ8cm1Ot44jAAaGkrajviJXso/fLLLxfW26jj43VrN97T92GY0GDKx88cEvdg9SuTdEGVJp4CZeQLr8QZoCvTA4S8qOf+++9P2fQ1TZfwhG9/O+qIoIutS8m7PwQsFfISoTms+0jNv/KVr4RDDjlExXUhdVa96eKy65FhwIwZM+JS3u677x6HAuCYo4pdT+ICNotdaEuTGrZYY4lfKbMXLceuM6sPDHHozgOiTG0Zy2T/iBni9bzrrrvCeBtucFbDnn4DJSF89rOfrdmkxucsf/3rX4c777wzxO3edpp4B+vOE0dHPn3JV+0edC8/kkxfn1KARajTL37xi5qTz//4xz/iEOnZZ5+NQyZ7u3zcVt6Ih+fXSZwhmDmNSMLqjfUiS3Jk/fnPfw4c4CO+xx57hG9bmzDnV+JURcBlkpyQPSi//OUvg/XmwqKLLRZ2tF2uXCvKeAWl9ajCRz7ykXKSNeXHUj7tBbszBOU6YS8maBmqwYdhyzXXXBPtNJgVKMmm7fT1Z+PM6A3xePJ6ilelfZmPW+Vr+AznpwZ23HHHGl1s0qvOhjbWLevLU4CeRJWt0yGJfUKy7gtv1qhKeTwxzGHV8Dr7nHMwTwSeXMccc0zd0IUeEMMRb9Pddtutho8fksDsfy69tBx+mHMpFllkkRKfp5/tnYgy4WkbroqqFzPb2Lqgyw6AZ423sHF4yUdDEumVDkm++MUv1uiMLRgOeluaIywYQokH4WB7GPSWqZ948j0cL5O4HeKL38wRjn00vA5HNH5IAv69991XmBOtwUemzT+UMrmWaY/LD0ng8+z06XGoKTmEDIHNeZV8wLOHVo0sj99BvL/OAkW4sRmz0e20J2ZBg0/BlqliGeX8UqDrBT0/uqYYgwbcQUV7hssLehjLCuxIdaUuiy22WOwyCs96GJU6yGEIz9b76/DsqaPiGDJfpLrTOOxJGxsHhfYUr9QHfDs0VeKBW+UwyAe4JgwFJCcN99prr4hHY2R+ZTn7WFWKozRyPXzgAx8oceUwVJ46DOY/BNzAjeaDsBG6CAbrMLgOAmzhh5yqF+HUqVOFVtxzzz0NbZ8OSaqGG/CzN9cVTzzxRMnz73//ew1PDUlAwKHYpHppS68Xzof7ToDtGL57nC7i/XcYqVIY3l9Y4j/72c9qKkIDBCjjZx/RrSlPeQ5lmolFD/aV+eJam6T6X/cjzY+5DQHflGVCNNU1dRjpEwV8bioareyx+uqrl3ysu1+OY5Fls+5lWSqLtCZkwW3mMOiNVNErj2sGoJOtVjXFxXl6sK3zJT5140EAwMs7DB4K2FD1tj0PJZ30UEivY9q0aZEPf4NxGPSAmMBHLkBc1zS9zjYcLvUD34YolTp6h2FDh0oc1eXYY4+NcvnjXrCVphLf9zDQq5EDhZcd5Cv5MM/UzKlLdrOw53MYJqwjsNqU8wCekHyAMfasmC8dvvgYGy+yVOiBMaZAepNGdw9s5LLJ0MDSWSOA3ibZ6oqtIQZ+LKml9mCnqV+KfDCZH0iZcVaj1Sca0MM+HpWS1qThAR71tBu1pixNpLyYD/Hg6+Ttxnti7UlZyvnLX/7iyWri5lCDOe+Q8q5BajPB3hqbuI9yIWFp2Bx5qYfYqP6kYx3MHkceeWT47W9/K5SaEHzAnHZNfprg9C4APvM//FLATsxJ0C4aga22lUVjDZ95pMFA8wXvwXDuAS3GigYeMHIPWA6axca2v4FJKUAX38d9Y/f5ijNhmeJQ5oGJ4ypoZA/rlpbo4HjnURYkEXTw+ifFMdmq3OtpT7kqFnV54ul1HhBW6iMc8m0oGoulL/tEmgF19/TNcBuVcXOyv6OKj/SAVuWEMT7QTq3313APhK59q2tU8nRyvL7So5XdPR9P3218WHsY0cjdaj5MdDapFSWjO4351FNPberhQebtVrZ8GR0FjWn77bePm47SKnRrD57e6ELjoSHx1nZWERrBsgPHs9V4UzzpoTAtV/rxxx+nGxWT45Meg3AU0lMQP0KbA1LRrHCAT6qTDVXiCoBWf5j9Z8a/CuiJ2JJ+LJKsKrxWeWuvvXZ8EosHB+NsOboVWdh3333DQtbbw6mdfvrpYfPNN6+jEU8bhtaV+QzbMhCT2MOGZPHny8WHng/Op84BDyDb8D/GhI89Bwv0kYb0l85hWGUq5zAYDwpGwhyGNaQ4j4BO6GZLbm3ZbTYbD7OCoPrYUlwNXTqH4ScEdW2YCNO8DvL9HAYTWXH1gwIDJgmtEdXIEJ+999671APcZnMYjM1FVxWyH0R1Yp6h2aqVJkiRCY3HjZOeDeYwkGs7FyGLdMwD+RUWrxfXR/qA380cBvMgTBTCh585xcKcVVM7SAc27kk+E/vUS2WEfpWEfRgrrrhiTblwbeha7jmBX6NJT8pYDPBzPuJByOQ8c0sC5q6azXd42kbxYRmSWAVMn1ow11CbYSn/tKmiqSPoc8YBBxxQbotm3ZveRTsw057+bP1VfVgfp6fRK2AfSpwXGbAhL3n55je/WXdSllOV7BOQHoOVzxZkzZfwdDenHmy3Yw1bZNErOOuss8p86KYlcx6z+iklSk2Ebc4AvJgHIq3DfkKkV8VejcHWjePr7BORPPZhtPtU5hCihlDsfaB9pPqQ5of+5tjrXklIjwE+tssz6kC7Z06kqv3Dh14le36ks+zBsAr55piVFSZPntywJ1IitRGp9HJG17d8doHGHXJmBQBPefDBB9fI89uXwTn33HNryvupXxVvnoh+uffCCy/sSB+2+VJngW3KKunpYbBPQ/2pRj0Mv+LiexjoyxKa78XoycS+CpYH0ZenWgpVPQzp0aqHgVx2ffKUEyDDnFeUaQe2CjsHU9Mrs+FT3Z6BtIdhk4ulbZDByhJbwgXUjeXL4447rrC3nBVnn312AV8P4HTaw+Dpe5V9WweAfkZFL6Gqbfg8rquA66Udz+BolQTeACGrQ2d8//uFPYwKc/LFA65HAA67pOn1eBlaJaEcgA92P//886M97LUKxS233DKrcOCfnhK9VM+ny3j/HEMzhezlMsVDDz1U0MW0MWKdUew0YHGfdYnt8FpBFz7t3jXj3Y8yGqWALc62QtCx8dnAJmA5TOvwchgq68ZhUOcNNtgg7scQn6qQtXjveKochuhs52pbdWSY43mKPg15CHBsIL0+0WG0OEuCw542bVpkqRsu5Y9D906xU4fBkIZ9DQC3NEubqa6t0vaSnUivP9q5aOQwKGMLO87CQ1ov7o+q4ZDfh/GGLbVzDzUDzps02kMi3ToIh8dhoODs5jmt61QaNFUaj8/TxbpeDXFSmn6kubH9RbEToF3pww2tBskFPvPMMyOfducw/E2Z9jBUbzbx8HR5a6DhqyHRGG+99dZ43sb33pqdJWmnhyG53Gw89X39JJtdnn/6058aPuG8w4Cm0ZicXtp1dvDN92jAp24cvrKPWsXDZ+QBnTgM2tgFF1wwi9D+6fH5vQ+qZ6uQ+RU/b8C8k3ZzeofBPAlOMNrM9PeAbOahfO/Ey/UOQw8eO0pQZxfsZJPfDXcYe57txhk60mgzNLEAY0V+Aru4lWNKlTcL/XJa9BYDa+g+35qPXZX6y+JxWunAGJi5A7uR4/mC3/3ud4FzF0AzPr6urWRU1ZPVEN6ezhfp2CPwt7/9LX5cyC/BVtF5ncwBVKGUecwP2Eno+IZ23k3BMXpC9PV8OtXf0yKslR6lQknE29DzMYcRXxRNnjmKwHtgAc73TJw4MSxvx+hvsGPzzG2k+1Yi4sCfOYxg29RjCjzmdVglIeT1hvBlP4oNryr39Hhe3cRjuzXCHGYb5DbQxzZAD4PeEEAPo9t7zs9htNrp2a2MRnTDskpiymTIFhiVFvA91cEagB7UUMOwbtwa6spmedkC7xYL9NLxdGKT3MPoxFoZN1tglFsgO4xR3gBy9bMFOrFAdhidWCvjZguMcgvkOYxR3gBy9YfOAiwz69CdvSCna8G2Qa3kw7b1oZz8tNc7jGWpp2vlM2G2QLZA+xbwk5WDudF7xad9zWdhjrX3JXZKk/GzBbIFurQATkK/LllEMvEYjNPpRv4Ye7szR6W7oc002QLZAqPMAmP5OtKkSZNGWbVzdbMFsgW6scAY69LE7WKcObBDS93wyDTZAtkCo8ACfD+2dBh8AMXeQ1B+C3UU1D9XMVsgW6BNC9iJ4jBlyhQORb4DfF9huN87Yfp3fSgn02bb5TbQ+zaAT9C3V2ocBq6DSdCqr3jlC9H7C5Ftmm060tsAvgCfIKhzGCqwidD8pM+9ndwGRnEbwAek8H8VNOJO7rX6rgAAAABJRU5ErkJggg==";
1030
1028
 
1031
- function getShortenedSubstring(name, length, allowDots = true) {
1032
- if (name) {
1033
- return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
1034
- }
1035
- return '';
1036
- }
1037
- function getAppDownloadLink(androidLink = '', iosLink = '') {
1038
- if (typeof window !== 'undefined') {
1039
- const userAgent = window.navigator?.userAgent;
1040
- if (/Android/.test(userAgent) && androidLink) {
1041
- return androidLink;
1042
- }
1043
- if (/iPad|iPhone|iPod/.test(userAgent) && iosLink) {
1044
- return iosLink;
1045
- }
1046
- return androidLink || iosLink;
1047
- }
1048
- }
1049
-
1050
1029
  function OptionList({
1051
1030
  optionsData,
1052
1031
  headerData,
@@ -1073,7 +1052,6 @@ function OptionList({
1073
1052
  };
1074
1053
  const tabData = tabsDataModifier();
1075
1054
  const classes = useSectionStyles$a();
1076
- console.log(headerData, 'sakshat header options');
1077
1055
  const isAndroidDelisted = headerData?.isAndroidDelisted;
1078
1056
  const apkURL = headerData?.apkURL;
1079
1057
  const downloadApkURL = isAndroidDelisted && apkURL ? apkURL : null;
@@ -1119,7 +1097,6 @@ function OptionList({
1119
1097
  alt: "appStore"
1120
1098
  })) : null);
1121
1099
  };
1122
- const iosLink = isTutorWebsite ? headerData?.iosUrl : headerData?.iosDownloadLink;
1123
1100
  return /*#__PURE__*/React.createElement("div", {
1124
1101
  className: classes.listSection
1125
1102
  }, /*#__PURE__*/React.createElement("div", {
@@ -1143,9 +1120,9 @@ function OptionList({
1143
1120
  list: moreContent,
1144
1121
  label: 'More',
1145
1122
  icon: arrowDown
1146
- }) : null, isTutorWebsite && /*#__PURE__*/React.createElement(React.Fragment, null, isAndroidDelisted && !headerData.navs ? /*#__PURE__*/React.createElement(React.Fragment, null, renderDownloadAppButton()) : /*#__PURE__*/React.createElement(React.Fragment, null, !headerData?.navs && renderAppDownloadLinks())), isMobile ? downloadApkURL?.length > 0 || headerData?.androidDownloadLink?.length || headerData?.iosDownloadLink?.length > 0 ? /*#__PURE__*/React.createElement(Button, {
1123
+ }) : null, isTutorWebsite && /*#__PURE__*/React.createElement(React.Fragment, null, isAndroidDelisted && !headerData.navs ? /*#__PURE__*/React.createElement(React.Fragment, null, renderDownloadAppButton()) : /*#__PURE__*/React.createElement(React.Fragment, null, !headerData?.navs && renderAppDownloadLinks())), isMobile ? downloadApkURL?.length > 0 || headerData?.appLink?.length > 0 ? /*#__PURE__*/React.createElement(Button, {
1147
1124
  data: {
1148
- link: isAndroidDelisted ? getAppDownloadLink(downloadApkURL, iosLink) : getAppDownloadLink(headerData?.androidDownloadLink, iosLink),
1125
+ link: downloadApkURL ? downloadApkURL : headerData?.appLink,
1149
1126
  isLink: 1,
1150
1127
  value: downloadAppText,
1151
1128
  isExternal: 1
@@ -1298,7 +1275,6 @@ function DesktopHeader({
1298
1275
  }
1299
1276
  return moreContent;
1300
1277
  };
1301
- console.log(header, 'sakshat header desktop');
1302
1278
  return /*#__PURE__*/React.createElement("nav", {
1303
1279
  className: classes.section
1304
1280
  }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React.createElement("div", {
@@ -1339,6 +1315,10 @@ function DesktopHeader({
1339
1315
  }));
1340
1316
  }
1341
1317
 
1318
+ var phoneIos = "data:image/svg+xml,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20filter%3D%22url%28%23filter0_d_3094_7439%29%22%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%224%22%20fill%3D%22%23F0F4F8%22%2F%3E%3Cpath%20d%3D%22M30.4539%2016.8288C30.3555%2016.8912%2028.0131%2018.1908%2028.0131%2021.0732C28.1235%2024.3612%2030.9687%2025.5132%2031.0179%2025.5132C30.9699%2025.5744%2030.5883%2027.084%2029.4603%2028.6656C28.5651%2030.0276%2027.5715%2031.4016%2026.0631%2031.4016C24.6279%2031.4016%2024.1119%2030.4932%2022.4559%2030.4932C20.6775%2030.4932%2020.1747%2031.4016%2018.8127%2031.4016C17.3043%2031.4016%2016.2375%2029.9544%2015.2931%2028.6044C14.0667%2026.838%2013.0251%2024.066%2012.9879%2021.4044C12.9627%2019.9944%2013.2327%2018.6084%2013.9191%2017.43C14.8887%2015.786%2016.6179%2014.67%2018.5067%2014.634C19.9539%2014.5848%2021.2427%2015.6264%2022.1247%2015.6264C22.9719%2015.6264%2024.5535%2014.6328%2026.3439%2014.6328C27.1167%2014.634%2029.1783%2014.8668%2030.4539%2016.8288ZM22.0023%2014.352C21.7455%2013.0632%2022.4559%2011.7756%2023.1183%2010.9536C23.9655%209.95998%2025.3023%209.28558%2026.4543%209.28558C26.5287%2010.5744%2026.0619%2011.8368%2025.2279%2012.7572C24.4803%2013.7508%2023.1927%2014.4984%2022.0023%2014.352Z%22%20fill%3D%22%234D4D4D%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_3094_7439%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2244%22%20height%3D%2244%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200.16%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_3094_7439%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_3094_7439%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
1319
+
1320
+ var phoneAndroid = "data:image/svg+xml,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20filter%3D%22url%28%23filter0_d_3094_7442%29%22%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%224%22%20fill%3D%22%23F0F4F8%22%2F%3E%3Cpath%20d%3D%22M13.9713%2011.7196C13.7108%2012.0303%2013.579%2012.4279%2013.6028%2012.8316V30.3709C13.5804%2030.7744%2013.712%2031.1716%2013.9713%2031.4829L14.0316%2031.5428L23.9128%2021.7144V21.4814L14.0316%2011.6597L13.9713%2011.7196Z%22%20fill%3D%22url%28%23paint0_linear_3094_7442%29%22%2F%3E%3Cpath%20d%3D%22M27.2088%2024.9906L23.9128%2021.7144V21.4814L27.2088%2018.2119L27.2825%2018.2519L31.1881%2020.4559C32.3069%2021.0819%2032.3069%2022.114%2031.1881%2022.7466L27.2825%2024.9506L27.2088%2024.9906Z%22%20fill%3D%22url%28%23paint1_linear_3094_7442%29%22%2F%3E%3Cpath%20d%3D%22M27.2824%2024.9507L23.9328%2021.6213L13.9712%2031.4829C14.2008%2031.6706%2014.4867%2031.777%2014.7838%2031.7854C15.0809%2031.7939%2015.3725%2031.7039%2015.6125%2031.5296L27.2623%2024.9507%22%20fill%3D%22url%28%23paint2_linear_3094_7442%29%22%2F%3E%3Cpath%20d%3D%22M27.2824%2018.2519L15.6125%2011.6663C15.375%2011.4849%2015.0816%2011.391%2014.7822%2011.4007C14.4829%2011.4104%2014.1962%2011.5231%2013.9712%2011.7196L23.9127%2021.6012L27.2824%2018.2519Z%22%20fill%3D%22url%28%23paint3_linear_3094_7442%29%22%2F%3E%3Cpath%20opacity%3D%220.1%22%20d%3D%22M27.209%2024.8774L15.6128%2031.4163C15.3815%2031.5876%2015.1007%2031.6802%2014.8123%2031.6802C14.5238%2031.6802%2014.243%2031.5876%2014.0117%2031.4163L13.9514%2031.4762L14.0117%2031.5362C14.243%2031.7075%2014.5238%2031.8%2014.8123%2031.8C15.1007%2031.8%2015.3815%2031.7075%2015.6128%2031.5362L27.2626%2024.9573L27.209%2024.8774Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20opacity%3D%220.07%22%20d%3D%22M13.9713%2031.3764C13.7116%2031.0627%2013.5801%2030.6633%2013.6029%2030.2577V30.3709C13.5804%2030.7745%2013.712%2031.1716%2013.9713%2031.4829L14.0316%2031.423L13.9713%2031.3764Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20opacity%3D%220.07%22%20d%3D%22M31.188%2022.6267L27.2087%2024.8773L27.2824%2024.9506L31.188%2022.7199C31.4171%2022.6198%2031.6154%2022.461%2031.7625%2022.2597C31.9096%2022.0585%2032.0003%2021.8221%2032.0254%2021.5746C31.9797%2021.8034%2031.88%2022.0181%2031.7344%2022.201C31.5888%2022.3839%2031.4015%2022.5298%2031.188%2022.6267Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M15.6123%2011.7861L31.1878%2020.5691C31.3992%2020.6635%2031.5852%2020.8062%2031.7307%2020.9856C31.8762%2021.1649%2031.9771%2021.3758%2032.0252%2021.6012C32.0015%2021.3533%2031.9113%2021.1162%2031.764%2020.9148C31.6167%2020.7133%2031.4177%2020.5548%2031.1878%2020.4559L15.6123%2011.6663C14.5136%2011.0403%2013.6025%2011.5597%2013.6025%2012.8315V12.9447C13.6025%2011.6796%2014.5136%2011.1535%2015.6123%2011.7861Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_3094_7442%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2244%22%20height%3D%2244%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200.16%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_3094_7442%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_3094_7442%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22paint0_linear_3094_7442%22%20x1%3D%2223.0419%22%20y1%3D%2212.6452%22%20x2%3D%229.73126%22%20y2%3D%2226.0365%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23008EFF%22%2F%3E%3Cstop%20offset%3D%220.01%22%20stop-color%3D%22%23008FFF%22%2F%3E%3Cstop%20offset%3D%220.26%22%20stop-color%3D%22%2300ACFF%22%2F%3E%3Cstop%20offset%3D%220.51%22%20stop-color%3D%22%2300C0FF%22%2F%3E%3Cstop%20offset%3D%220.76%22%20stop-color%3D%22%2300CDFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300D1FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_3094_7442%22%20x1%3D%2231.3221%22%20y1%3D%2221.6012%22%20x2%3D%2212.0152%22%20y2%3D%2221.6012%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFD800%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8A00%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_3094_7442%22%20x1%3D%2225.4535%22%20y1%3D%2223.4192%22%20x2%3D%227.40854%22%20y2%3D%2241.5735%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF3A44%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B11162%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint3_linear_3094_7442%22%20x1%3D%2211.4657%22%20y1%3D%225.87984%22%20x2%3D%2219.5294%22%20y2%3D%2213.9857%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23328E71%22%2F%3E%3Cstop%20offset%3D%220.07%22%20stop-color%3D%22%232D9571%22%2F%3E%3Cstop%20offset%3D%220.48%22%20stop-color%3D%22%2315BD74%22%2F%3E%3Cstop%20offset%3D%220.8%22%20stop-color%3D%22%2306D575%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300DE76%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
1321
+
1342
1322
  function MobileHeader({
1343
1323
  header,
1344
1324
  navData,
@@ -1371,18 +1351,56 @@ function MobileHeader({
1371
1351
  body?.removeAttribute('style');
1372
1352
  }
1373
1353
  }, [sideMenu]);
1354
+ let iosUrl = null;
1355
+ let androidUrl = null;
1374
1356
  let downloadLink = null;
1375
1357
  const downloadAppText = countryCode === 'KR' ? '앱다운로드' : 'Download App';
1376
- const apkURL = header?.apkURL;
1377
- const isAndroidDelisted = header?.isAndroidDelisted;
1378
- const iosDownloadLink = header?.iosDownloadLink;
1379
- const androidDownloadLink = header?.androidDownloadLink;
1380
- console.log(header, 'sakshat header mobile');
1381
1358
  if (isTutorWebsite) {
1382
- if (isAndroidDelisted && apkURL) {
1359
+ if (header?.iosUrl) {
1360
+ iosUrl = /*#__PURE__*/React.createElement(Button, {
1361
+ data: {
1362
+ link: header?.iosUrl,
1363
+ isLink: 1,
1364
+ value: /*#__PURE__*/React.createElement("img", {
1365
+ src: phoneIos,
1366
+ alt: "iosUrl"
1367
+ }),
1368
+ isExternal: 1
1369
+ },
1370
+ type: '',
1371
+ size: 'small',
1372
+ target: 'blank',
1373
+ rel: null,
1374
+ style: {
1375
+ padding: 0,
1376
+ paddingRight: '8px'
1377
+ }
1378
+ });
1379
+ }
1380
+ if (header?.androidURL) {
1381
+ androidUrl = /*#__PURE__*/React.createElement(Button, {
1382
+ data: {
1383
+ link: header?.androidURL,
1384
+ isLink: 1,
1385
+ value: /*#__PURE__*/React.createElement("img", {
1386
+ src: phoneAndroid,
1387
+ alt: "iosUrl"
1388
+ }),
1389
+ isExternal: 1
1390
+ },
1391
+ type: '',
1392
+ size: 'small',
1393
+ target: 'blank',
1394
+ rel: null,
1395
+ style: {
1396
+ padding: 0
1397
+ }
1398
+ });
1399
+ }
1400
+ if (header?.isAndroidDelisted && header?.apkURL) {
1383
1401
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1384
1402
  data: {
1385
- link: getAppDownloadLink(apkURL, iosDownloadLink),
1403
+ link: header?.iosUrl ? header?.iosUrl : header?.apkURL,
1386
1404
  isLink: 1,
1387
1405
  value: downloadAppText,
1388
1406
  isExternal: 1
@@ -1392,12 +1410,27 @@ function MobileHeader({
1392
1410
  target: 'blank',
1393
1411
  rel: null
1394
1412
  });
1395
- } else if (androidDownloadLink?.length || iosDownloadLink?.length) {
1413
+ } else if (iosUrl && androidUrl) {
1414
+ downloadLink = /*#__PURE__*/React.createElement("div", null, iosUrl, androidUrl);
1415
+ } else if (header?.iosUrl) {
1396
1416
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1397
1417
  data: {
1398
- link: getAppDownloadLink(androidDownloadLink, iosDownloadLink),
1418
+ link: header?.iosUrl,
1399
1419
  isLink: 1,
1400
- value: downloadAppText,
1420
+ value: header?.downloadAppButtonText || downloadAppText,
1421
+ isExternal: 1
1422
+ },
1423
+ type: 'primary',
1424
+ size: 'small',
1425
+ target: 'blank',
1426
+ rel: null
1427
+ });
1428
+ } else if (header?.androidURL) {
1429
+ downloadLink = /*#__PURE__*/React.createElement(Button, {
1430
+ data: {
1431
+ link: header?.androidURL,
1432
+ isLink: 1,
1433
+ value: header?.downloadAppButtonText || downloadAppText,
1401
1434
  isExternal: 1
1402
1435
  },
1403
1436
  type: 'primary',
@@ -1409,10 +1442,10 @@ function MobileHeader({
1409
1442
  downloadLink = null;
1410
1443
  }
1411
1444
  } else {
1412
- if (isAndroidDelisted && apkURL) {
1445
+ if (header?.isAndroidDelisted && header?.apkURL) {
1413
1446
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1414
1447
  data: {
1415
- link: getAppDownloadLink(header?.apkURL, header?.iosUrl),
1448
+ link: header?.iosUrl ? header?.iosUrl : header?.apkURL,
1416
1449
  isLink: 1,
1417
1450
  value: downloadAppText,
1418
1451
  isExternal: 1
@@ -1422,11 +1455,10 @@ function MobileHeader({
1422
1455
  target: 'blank',
1423
1456
  rel: null
1424
1457
  });
1425
- } else if (header?.appLink || header?.iosUrl) {
1426
- console.log('inside custom website');
1458
+ } else if (header?.appLink) {
1427
1459
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1428
1460
  data: {
1429
- link: getAppDownloadLink(header?.appLink, header?.iosUrl),
1461
+ link: header?.appLink,
1430
1462
  isLink: 1,
1431
1463
  value: downloadAppText,
1432
1464
  isExternal: 1
@@ -2042,17 +2074,13 @@ function getTheme(colorTheme = 'blue', fontFamily = 'Arial', isMobile) {
2042
2074
  const shape = {
2043
2075
  borderRadius
2044
2076
  };
2045
- const spacing = {
2046
- padding: isMobile ? mobilePadding : padding,
2047
- margin: isMobile ? mobileMargin : margin
2048
- };
2049
2077
  return {
2050
2078
  palette,
2051
2079
  shape,
2052
2080
  typography,
2053
2081
  shadows: generateShadows(palette),
2054
- borders: generateBorders(palette),
2055
- spacing
2082
+ borders: generateBorders(palette)
2083
+ // spacing
2056
2084
  };
2057
2085
  }
2058
2086
 
@@ -2174,6 +2202,173 @@ const defaultMetadata = {
2174
2202
  layout: defaultLayout
2175
2203
  };
2176
2204
 
2205
+ const GRADIENT = `linear-gradient`;
2206
+ const allColors = {
2207
+ white: '#FFFFFF',
2208
+ black: '#000000',
2209
+ lightblack: '#333333',
2210
+ gray: '#999999',
2211
+ // Blue gradient
2212
+
2213
+ blue: '#1676F3',
2214
+ bluegradient: `${GRADIENT}(180deg,#5418D1 0.42%,#2C88FF 79.92%)`,
2215
+ tertiaryblue: '#F4F9FF',
2216
+ // Orange gradient
2217
+
2218
+ orange: '#FF9000',
2219
+ orangegradient: `${GRADIENT}(138deg, #E96263 12.32%, #EAAE4C 98.22%)`,
2220
+ tertiaryorange: '#FFF6EA',
2221
+ // Pink gradient
2222
+
2223
+ pink: '#F72585',
2224
+ pinkgradient: `${GRADIENT}(135deg, #F97794 0%, #623AA2 100%)`,
2225
+ tertiarypink: '#FEE9F3',
2226
+ // Violet gradient
2227
+
2228
+ violet: '#6026A8',
2229
+ violetgradient: `${GRADIENT}(226deg, #B66EC0 -12.73%, #460FA1 104.66%)`,
2230
+ tertiaryviolet: '#F5F2FA',
2231
+ // Teal gradient
2232
+
2233
+ teal: '#46A9A9',
2234
+ tealgradient: `${GRADIENT}(135deg, #0E5CAD 0%, #79F1A4 100%)`,
2235
+ tertiaryteal: '#F4FAFA',
2236
+ //Red solid
2237
+
2238
+ red: '#F41828',
2239
+ tertiaryred: '#FFF2F3',
2240
+ // Green
2241
+
2242
+ green: '#8ECE19',
2243
+ tertiarygreen: '#F4FAFA',
2244
+ //Maroon solid
2245
+
2246
+ rust: '#9B2226',
2247
+ tertiaryrust: '#FFF0F0',
2248
+ //Purple solid
2249
+
2250
+ purple: '#6269C9',
2251
+ tertiarypurple: '#F4F6FF',
2252
+ //Golden gradient
2253
+
2254
+ golden: `#F2BA35`,
2255
+ goldengradient: `${GRADIENT}(180deg, #F0EA88 0%, #CFA749 99.48%)`,
2256
+ //light green gradient
2257
+
2258
+ lightgreen: `#D6E359`,
2259
+ lightgreengradient: `${GRADIENT}(180deg, #D6E359 0%, #9DB545 100%)`,
2260
+ //light blue gradient
2261
+
2262
+ lightblue: `#A8EDF8`,
2263
+ lightbluegradient: `${GRADIENT}(90deg, #A8EDF8 0.29%, #5EC9E1 97.33%)`,
2264
+ skyblue: '#00ADE7',
2265
+ tertiaryskyblue: '#F2FCFF'
2266
+ };
2267
+
2268
+ const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
2269
+ let themeColor = theme.split('-');
2270
+ let color, gradient, darkMode;
2271
+ if (themeColor.length === 1) {
2272
+ color = themeColor[0];
2273
+ } else if (themeColor.length === 2) {
2274
+ color = themeColor[0];
2275
+ gradient = themeColor[1];
2276
+ } else {
2277
+ color = themeColor[0];
2278
+ gradient = themeColor[1];
2279
+ darkMode = themeColor[2];
2280
+ }
2281
+ console.log('color', allColors, gradient, darkMode);
2282
+
2283
+ // switch (color) {
2284
+ // case solidColors:
2285
+ // break;
2286
+
2287
+ // case gradientColors:
2288
+ // break;
2289
+
2290
+ // default:
2291
+ // break;
2292
+ // }
2293
+
2294
+ // type 1
2295
+ // const solidColors = {
2296
+ // font1: solidBaseColors?.black,
2297
+ // font2: solidBaseColors?.black,
2298
+ // font3: solidBaseColors?.black,
2299
+ // font4: solidBaseColors?.black,
2300
+ // AccentColor: solidBaseColors[theme],
2301
+ // background1: solidBaseColors?.white,
2302
+ // background2: solidBaseColors['tertiary' + theme],
2303
+ // background3: solidBaseColors['tertiary' + theme],
2304
+ // ctaColor: solidBaseColors[theme],
2305
+ // CtaTextColor: solidBaseColors?.white,
2306
+ // icon: solidBaseColors[theme],
2307
+ // iconBg: solidBaseColors['tertiary' + theme],
2308
+ // stripBg: solidBaseColors[theme],
2309
+ // stripText: solidBaseColors?.white,
2310
+ // inputBorderColor: solidBaseColors?.blue2,
2311
+ // tertiaryBlue2: solidBaseColors?.tertiaryblue2
2312
+ // };
2313
+
2314
+ //type 2
2315
+ // const gradientColors = {
2316
+ // font1: gradientBaseColors?.white,
2317
+ // font2: gradientBaseColors?.black,
2318
+ // font3: gradientBaseColors?.black,
2319
+ // font4: gradientBaseColors?.white,
2320
+ // AccentColor: gradientBaseColors[theme],
2321
+ // background1: gradientBaseColors[theme + 'gradient'],
2322
+ // background2: gradientBaseColors['tertiary' + theme],
2323
+ // background3: gradientBaseColors[theme + 'gradient'],
2324
+ // ctaColor: gradientBaseColors[theme + 'gradient'],
2325
+ // CtaTextColor: gradientBaseColors?.white,
2326
+ // icon: gradientBaseColors[theme],
2327
+ // iconBg: gradientBaseColors['tertiary' + theme],
2328
+ // stripBg: gradientBaseColors?.black,
2329
+ // stripText: gradientBaseColors?.white
2330
+ // };
2331
+
2332
+ const colors = {
2333
+ font1: gradient ? allColors?.white : allColors?.black,
2334
+ font2: darkMode ? allColors[color] : allColors?.black,
2335
+ font3: darkMode ? allColors?.white : allColors?.black,
2336
+ font4: darkMode ? allColors[color] : gradient ? allColors?.white : allColors?.black,
2337
+ AccentColor: allColors[color],
2338
+ background1: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors?.white,
2339
+ background2: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
2340
+ background3: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors['tertiary' + color],
2341
+ ctaColor: darkMode ? allColors[color + 'gradient'] : gradient ? allColors[color + 'gradient'] : allColors[color],
2342
+ CtaTextColor: darkMode ? allColors?.lightblack : allColors?.white,
2343
+ icon: allColors[color],
2344
+ iconBg: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
2345
+ stripBg: darkMode ? allColors[color + 'gradient'] : allColors?.black,
2346
+ stripText: darkMode ? allColors?.lightblack : allColors?.white,
2347
+ inputBorderColor: allColors?.blue2,
2348
+ tertiaryBlue2: allColors?.tertiaryblue2,
2349
+ white: allColors?.white,
2350
+ black: allColors?.black,
2351
+ lightblack: allColors?.lightblack,
2352
+ gray: allColors?.gray
2353
+ };
2354
+ const typography = {
2355
+ fontFamily: `"${fontFamily}", "Roboto", "Helvetica", "Arial", "sans-serif"`,
2356
+ fontSize: isMobile ? fontSizeMob : fontSize,
2357
+ fontWeight
2358
+ };
2359
+ // const shape = { borderRadius };
2360
+ const spacing = {
2361
+ padding: isMobile ? mobilePadding : padding,
2362
+ margin: isMobile ? mobileMargin : margin
2363
+ };
2364
+ return {
2365
+ ...getTheme(theme),
2366
+ typography,
2367
+ spacing,
2368
+ colors
2369
+ };
2370
+ };
2371
+
2177
2372
  function PageRenderer$1({
2178
2373
  pageData: {
2179
2374
  metadata: {
@@ -2230,7 +2425,7 @@ function PageRenderer$1({
2230
2425
  countryCode,
2231
2426
  currencySymbol
2232
2427
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
2233
- const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
2428
+ const theme = useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
2234
2429
  const Wrapper = SectionWrapper || Fragment;
2235
2430
  return /*#__PURE__*/React.createElement(ThemeProvider, {
2236
2431
  theme: theme
@@ -2268,7 +2463,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2268
2463
  padding: ({
2269
2464
  isMobile
2270
2465
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
2271
- backgroundColor: theme?.palette?.background?.primary,
2466
+ background: theme?.colors?.background2,
2272
2467
  '&, & *, & *:before, & *:after': {
2273
2468
  fontFamily: theme?.typography?.fontFamily,
2274
2469
  boxSizing: 'border-box'
@@ -2326,14 +2521,14 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2326
2521
  marginBottom: '8px',
2327
2522
  fontSize: theme.typography.fontSize.subHead,
2328
2523
  letterSpacing: '3px',
2329
- color: theme?.palette?.font?.default,
2524
+ color: theme?.colors?.font3,
2330
2525
  wordBreak: 'break-word',
2331
2526
  maxWidth: '100%'
2332
2527
  },
2333
2528
  heading: {
2334
2529
  margin: '0',
2335
2530
  fontSize: theme.typography.fontSize.h1,
2336
- color: theme?.palette?.font?.default,
2531
+ color: theme?.colors?.font3,
2337
2532
  wordBreak: ({
2338
2533
  wordBreakValue
2339
2534
  }) => wordBreakValue || 'break-word',
@@ -2342,7 +2537,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2342
2537
  },
2343
2538
  description: {
2344
2539
  margin: `${theme.spacing.margin.tiny}px 0px`,
2345
- color: theme?.palette?.font?.primary,
2540
+ color: theme?.colors?.font3,
2346
2541
  lineHeight: '24px',
2347
2542
  wordBreak: 'break-word'
2348
2543
  },
@@ -2459,7 +2654,7 @@ const useCarouselStyles = createUseStyles(theme => ({
2459
2654
  width: '26px',
2460
2655
  background: ({
2461
2656
  inverted
2462
- } = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.palette.primary.main
2657
+ } = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.colors.AccentColor
2463
2658
  },
2464
2659
  '@media screen and (max-width: 767px)': {
2465
2660
  sliderClass: {
@@ -2495,7 +2690,7 @@ const useArrowButtonStyles = createUseStyles(theme => ({
2495
2690
  height: sizeHandler,
2496
2691
  border: ({
2497
2692
  inverted
2498
- }) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.light}`,
2693
+ }) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.colors?.AccentColor}`,
2499
2694
  borderRadius: '50%',
2500
2695
  display: 'flex',
2501
2696
  justifyContent: 'center',
@@ -2517,7 +2712,7 @@ function ArrowButton(props) {
2517
2712
  }, /*#__PURE__*/React.createElement(Icon, {
2518
2713
  height: props.size === 'small' ? '12px' : '18px',
2519
2714
  name: "Angle",
2520
- color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.main,
2715
+ color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.colors?.AccentColor,
2521
2716
  inverted: true
2522
2717
  }));
2523
2718
  }
@@ -2727,7 +2922,6 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2727
2922
  justifyContent: 'center',
2728
2923
  flexDirection: 'column',
2729
2924
  alignItems: 'center',
2730
- backgroundColor: theme?.palette?.background?.default,
2731
2925
  '&, & *, & *:before, & *:after': {
2732
2926
  fontFamily: theme?.typography?.fontFamily,
2733
2927
  boxSizing: 'border-box'
@@ -2745,7 +2939,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2745
2939
  subTitleHeading: {
2746
2940
  marginBottom: '8px',
2747
2941
  fontSize: theme.typography.fontSize.subHead,
2748
- color: theme?.palette?.font?.default,
2942
+ color: theme?.colors?.black,
2749
2943
  alignItems: 'center',
2750
2944
  textAlign: 'center',
2751
2945
  wordBreak: 'break-word',
@@ -2755,7 +2949,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2755
2949
  heading: {
2756
2950
  marginBottom: theme.spacing.margin.tiny,
2757
2951
  fontSize: theme.typography.fontSize.h2,
2758
- color: theme?.palette?.font?.default,
2952
+ color: theme?.colors?.black,
2759
2953
  fontWeight: theme.typography.fontWeight.bold,
2760
2954
  textAlign: 'center',
2761
2955
  wordBreak: 'break-word'
@@ -2772,7 +2966,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2772
2966
  display: 'flex',
2773
2967
  width: 'calc(100% - 200px)',
2774
2968
  alignItems: 'center',
2775
- background: theme?.palette?.background?.default,
2969
+ background: theme?.colors?.white,
2776
2970
  boxShadow: theme?.shadows?.primary,
2777
2971
  borderRadius: theme?.shape?.borderRadius?.regular,
2778
2972
  overflow: 'hidden',
@@ -2796,33 +2990,13 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2796
2990
  '& $contentText': {
2797
2991
  marginLeft: '170px'
2798
2992
  }
2799
- },
2800
- '&:nth-child(7n+1) $contentNumber': {
2801
- background: palettes.purple.primary.lightest
2802
- },
2803
- '&:nth-child(7n+2) $contentNumber': {
2804
- background: palettes.orange.primary.lightest
2805
- },
2806
- '&:nth-child(7n+3) $contentNumber': {
2807
- background: palettes.red.primary.lightest
2808
- },
2809
- '&:nth-child(7n+4) $contentNumber': {
2810
- background: palettes.green.primary.lightest
2811
- },
2812
- '&:nth-child(7n+5) $contentNumber': {
2813
- background: palettes.pink.primary.lightest
2814
- },
2815
- '&:nth-child(7n+6) $contentNumber': {
2816
- background: palettes.blue.primary.lightest
2817
- },
2818
- '&:nth-child(7n) $contentNumber': {
2819
- background: palettes.rust.primary.lightest
2820
2993
  }
2821
2994
  },
2822
2995
  contentNumber: {
2823
2996
  position: 'absolute',
2824
2997
  top: '0',
2825
2998
  fontWeight: '700',
2999
+ background: theme?.colors?.background3,
2826
3000
  fontSize: '72px',
2827
3001
  letterSpacing: '-3px',
2828
3002
  display: 'flex',
@@ -2830,7 +3004,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2830
3004
  justifyContent: 'center',
2831
3005
  padding: '48px',
2832
3006
  height: '100%',
2833
- color: theme?.palette?.font?.default,
3007
+ color: theme?.colors?.font4,
2834
3008
  wordBreak: 'break-word'
2835
3009
  },
2836
3010
  contentText: {
@@ -2842,14 +3016,14 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2842
3016
  fontWeight: theme.typography.fontWeight.bold,
2843
3017
  lineHeight: '32px',
2844
3018
  marginBottom: '8px',
2845
- color: theme?.palette?.font?.default,
3019
+ color: theme?.colors?.lightblack,
2846
3020
  wordBreak: 'break-word'
2847
3021
  },
2848
3022
  contentPara: {
2849
3023
  fontStyle: 'normal',
2850
3024
  fontSize: '16px',
2851
3025
  lineHeight: '26px',
2852
- color: theme?.palette?.font?.primary,
3026
+ color: theme?.colors?.gray,
2853
3027
  wordBreak: 'break-word'
2854
3028
  },
2855
3029
  '@media screen and (max-width: 767px)': {
@@ -3262,6 +3436,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3262
3436
  return {
3263
3437
  section: {
3264
3438
  padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
3439
+ background: theme?.colors?.background2,
3265
3440
  '&, & *, & *:before, & *:after': {
3266
3441
  fontFamily: theme?.typography?.fontFamily,
3267
3442
  boxSizing: 'border-box'
@@ -3305,7 +3480,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3305
3480
  }
3306
3481
  },
3307
3482
  imageBorder: {
3308
- border: `2px solid ${theme?.palette?.primary?.light}`,
3483
+ // border: `2px solid ${theme?.palette?.primary?.light}`,
3309
3484
  borderRadius: theme?.shape?.borderRadius?.small,
3310
3485
  position: 'absolute',
3311
3486
  width: '100%',
@@ -3330,13 +3505,13 @@ const useSectionStyles$5 = createUseStyles(theme => {
3330
3505
  marginBottom: '8px',
3331
3506
  fontSize: theme?.typography?.fontSize?.subHead,
3332
3507
  letterSpacing: '3px',
3333
- color: theme?.palette?.font?.default,
3508
+ color: theme?.colors?.font3,
3334
3509
  wordBreak: 'break-word'
3335
3510
  },
3336
3511
  heading: {
3337
3512
  margin: '0',
3338
3513
  fontSize: theme?.typography?.fontSize?.h1,
3339
- color: theme?.palette?.font?.default,
3514
+ color: theme?.colors?.font3,
3340
3515
  wordBreak: ({
3341
3516
  wordBreakValue
3342
3517
  }) => wordBreakValue || 'break-word',
@@ -3346,7 +3521,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3346
3521
  description: {
3347
3522
  marginTop: theme.spacing.margin.tiny,
3348
3523
  marginBottom: theme.spacing.margin.tiny,
3349
- color: theme?.palette?.font?.primary,
3524
+ color: theme?.colors?.font3,
3350
3525
  lineHeight: '24px',
3351
3526
  wordBreak: 'break-word'
3352
3527
  },
@@ -3512,16 +3687,16 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3512
3687
  containerWidth
3513
3688
  } = {}) => containerWidth
3514
3689
  },
3515
- partialBackground: {
3516
- top: '0',
3517
- left: '0',
3518
- width: '100%',
3519
- height: '50%',
3520
- position: 'absolute',
3521
- background: theme?.palette?.background?.primary
3522
- },
3690
+ // partialBackground: {
3691
+ // top: '0',
3692
+ // left: '0',
3693
+ // width: '100%',
3694
+ // height: '50%',
3695
+ // position: 'absolute',
3696
+ // background: theme?.palette?.background?.primary
3697
+ // },
3523
3698
  sectionContainer: {
3524
- backgroundColor: theme?.palette?.background?.default,
3699
+ backgroundColor: theme?.colors?.background2,
3525
3700
  boxShadow: theme?.shadows?.secondary,
3526
3701
  borderRadius: theme?.shape?.borderRadius?.regular,
3527
3702
  padding: theme.spacing.padding.small,
@@ -3532,7 +3707,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3532
3707
  fontWeight: theme.typography.fontWeight.bold,
3533
3708
  lineHeight: '71px',
3534
3709
  letterSpacing: '-3px',
3535
- color: theme?.palette?.font?.default,
3710
+ color: theme?.colors?.font3,
3536
3711
  marginBottom: theme.spacing.padding.tiny,
3537
3712
  wordBreak: 'break-word'
3538
3713
  },
@@ -3544,7 +3719,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3544
3719
  title: {
3545
3720
  fontSize: theme.typography.fontSize.h6,
3546
3721
  lineHeight: '32px',
3547
- color: theme?.palette?.font?.primary,
3722
+ color: theme?.colors?.font3,
3548
3723
  wordBreak: 'break-word',
3549
3724
  flex: 1
3550
3725
  },
@@ -3672,8 +3847,8 @@ const inputStyles = createUseStyles(theme => ({
3672
3847
  inputField: {
3673
3848
  width: '100%',
3674
3849
  // maxWidth: '314px',
3675
- background: theme?.palette?.background?.default,
3676
- border: `1px solid ${theme?.palette?.border?.secondary}`,
3850
+ // background: theme?.palette?.background?.default,
3851
+ border: `1px solid ${theme?.colors?.icon}`,
3677
3852
  borderRadius: theme?.shape?.borderRadius?.regular,
3678
3853
  padding: '14px 12px',
3679
3854
  display: 'flex',
@@ -3687,7 +3862,7 @@ const inputStyles = createUseStyles(theme => ({
3687
3862
  fontWeight: '400',
3688
3863
  fontSize: '16px',
3689
3864
  lineHeight: '20px',
3690
- color: theme?.palette?.font?.primary,
3865
+ color: theme?.colors?.black,
3691
3866
  fontFamily: theme?.typography?.fontFamily
3692
3867
  },
3693
3868
  '&:focus': {
@@ -3887,7 +4062,6 @@ var index$h = /*#__PURE__*/Object.freeze({
3887
4062
 
3888
4063
  const useTestimonialStyles = createUseStyles(theme => ({
3889
4064
  testimonialContainer: {
3890
- background: theme?.palette?.background?.primary,
3891
4065
  overflow: 'hidden',
3892
4066
  padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
3893
4067
  '&, & *, & *:before, & *:after': {
@@ -3905,14 +4079,14 @@ const useTestimonialStyles = createUseStyles(theme => ({
3905
4079
  } = {}) => containerWidth
3906
4080
  },
3907
4081
  testimonialText: {
3908
- color: theme?.palette?.font?.default,
4082
+ color: theme?.colors?.font2,
3909
4083
  fontSize: theme.typography.fontSize.subHead,
3910
4084
  wordBreak: 'break-word',
3911
4085
  textTransform: 'uppercase'
3912
4086
  },
3913
4087
  testimonialHeader: {
3914
4088
  fontSize: theme.typography.fontSize.h2,
3915
- color: theme?.palette?.font?.default,
4089
+ color: theme?.colors?.font2,
3916
4090
  fontWeight: theme.typography.fontWeight.bold,
3917
4091
  marginBottom: theme.spacing.margin.tiny,
3918
4092
  marginTop: '8px',
@@ -3929,7 +4103,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
3929
4103
  position: 'relative',
3930
4104
  height: 'calc(100% - 12px)',
3931
4105
  width: 'calc(100% - 24px)',
3932
- background: theme?.palette?.background?.default,
4106
+ background: theme?.colors?.background1,
3933
4107
  boxShadow: theme?.shadows?.primary,
3934
4108
  borderRadius: theme?.shape?.borderRadius?.regular
3935
4109
  },
@@ -3956,7 +4130,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
3956
4130
  marginBottom: theme.spacing.margin.tiny,
3957
4131
  fontSize: theme.typography.fontSize.body,
3958
4132
  wordBreak: 'break-word',
3959
- color: theme?.palette?.font?.primary,
4133
+ color: theme?.colors?.font1,
3960
4134
  lineHeight: '26px'
3961
4135
  },
3962
4136
  userContainer: {
@@ -3985,7 +4159,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
3985
4159
  marginRight: '16px'
3986
4160
  },
3987
4161
  userName: {
3988
- color: theme?.palette?.font?.default,
4162
+ color: theme?.colors?.font1,
3989
4163
  margin: '0',
3990
4164
  fontSize: theme.typography.fontSize.h5,
3991
4165
  // paddingTop: '16px',
@@ -4004,19 +4178,6 @@ const useTestimonialStyles = createUseStyles(theme => ({
4004
4178
  testimonialContainer: {
4005
4179
  padding: `${theme.spacing.padding.medium}px ${theme.spacing.padding.small}px`
4006
4180
  },
4007
- // testimonialCardAndText: {
4008
- // margin: '0 20px'
4009
- // },
4010
-
4011
- // testimonialHeader: {
4012
- // fontSize: '24px',
4013
- // color: theme?.palette?.font?.default,
4014
- // margin: '4px 0 12px 0',
4015
- // overflow: 'hidden',
4016
- // // whiteSpace: 'nowrap',
4017
- // wordBreak: 'break-word',
4018
- // textOverflow: 'ellipsis'
4019
- // },
4020
4181
  testimonialText: {
4021
4182
  textAlign: 'center'
4022
4183
  },
@@ -4069,7 +4230,7 @@ function QuotesComponent() {
4069
4230
  width: "28px",
4070
4231
  height: "21px",
4071
4232
  name: "Quote",
4072
- color: theme?.palette?.primary?.main
4233
+ color: theme?.colors?.icon
4073
4234
  }));
4074
4235
  }
4075
4236
 
@@ -4599,7 +4760,7 @@ const useVideoStyles = createUseStyles(theme => {
4599
4760
  padding: ({
4600
4761
  isMobile
4601
4762
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
4602
- backgroundColor: theme?.palette?.background?.primary,
4763
+ backgroundColor: theme?.colors?.background2,
4603
4764
  '&, & *, & *:before, & *:after': {
4604
4765
  fontFamily: theme?.typography?.fontFamily,
4605
4766
  boxSizing: 'border-box'
@@ -4622,7 +4783,7 @@ const useVideoStyles = createUseStyles(theme => {
4622
4783
  fontSize: theme.typography.fontSize.subHead,
4623
4784
  textTransform: 'uppercase',
4624
4785
  lineHeight: '20px',
4625
- color: theme?.palette?.font?.default,
4786
+ color: theme?.colors?.font2,
4626
4787
  letterSpacing: '3px',
4627
4788
  wordBreak: 'break-word'
4628
4789
  },
@@ -4633,14 +4794,14 @@ const useVideoStyles = createUseStyles(theme => {
4633
4794
  letterSpacing: '-3px',
4634
4795
  marginBottom: theme.spacing.margin.tiny,
4635
4796
  marginTop: '8px',
4636
- color: theme?.palette?.font?.default,
4797
+ color: theme?.colors?.font2,
4637
4798
  wordBreak: 'break-word'
4638
4799
  },
4639
4800
  sliderContainer: {
4640
4801
  marginRight: `-${theme.spacing.padding.medium}px`
4641
4802
  },
4642
4803
  singleSlideContainer: {
4643
- backgroundColor: theme?.palette?.background?.default,
4804
+ backgroundColor: 'white',
4644
4805
  // margin: '20px',
4645
4806
  width: 'calc(100% - 24px)',
4646
4807
  height: 'calc(100% - 40px)',
@@ -4677,14 +4838,14 @@ const useVideoStyles = createUseStyles(theme => {
4677
4838
  fontWeight: theme.typography.fontWeight.bold,
4678
4839
  lineHeight: '32px',
4679
4840
  marginBottom: '8px',
4680
- color: theme?.palette?.font?.default,
4841
+ color: theme?.colors?.lightblack,
4681
4842
  wordBreak: 'break-word'
4682
4843
  },
4683
4844
  videoDetailsSubHeading: {
4684
4845
  fontSize: theme.typography.fontSize.body,
4685
4846
  lineHeight: '24px',
4686
4847
  wordBreak: 'break-word',
4687
- color: theme?.palette?.font?.primary
4848
+ color: theme?.colors?.gray
4688
4849
  },
4689
4850
  '@media (max-width: 767px)': {
4690
4851
  videoHeading: {
@@ -4831,11 +4992,10 @@ var index$e = /*#__PURE__*/Object.freeze({
4831
4992
 
4832
4993
  const useSectionStyles$3 = createUseStyles(theme => ({
4833
4994
  section: {
4834
- position: 'relative',
4835
4995
  padding: ({
4836
4996
  isMobile
4837
4997
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px 0px ${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
4838
- backgroundColor: theme?.palette?.background?.default,
4998
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
4839
4999
  '&, & *, & *:before, & *:after': {
4840
5000
  fontFamily: theme?.typography?.fontFamily,
4841
5001
  boxSizing: 'border-box'
@@ -4854,21 +5014,13 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4854
5014
  containerWidth
4855
5015
  } = {}) => containerWidth
4856
5016
  },
4857
- partialBackground: {
4858
- position: 'absolute',
4859
- top: '0',
4860
- left: '0',
4861
- height: '50%',
4862
- background: theme?.palette?.background?.primary,
4863
- width: '100%'
4864
- },
4865
5017
  content: {
4866
5018
  position: 'relative'
4867
5019
  },
4868
5020
  subTitleHeading: {
4869
5021
  width: '100%',
4870
5022
  fontSize: theme.typography.fontSize.subHead,
4871
- color: theme?.palette?.font?.default,
5023
+ color: theme?.colors?.font2,
4872
5024
  textTransform: 'uppercase',
4873
5025
  textAlign: 'left',
4874
5026
  lineHeight: '20px',
@@ -4880,7 +5032,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4880
5032
  fontSize: theme.typography.fontSize.h2,
4881
5033
  width: '100%',
4882
5034
  lineHeight: '70px',
4883
- color: theme?.palette?.font?.default,
5035
+ color: theme?.colors?.font2,
4884
5036
  textAlign: 'left',
4885
5037
  wordBreak: 'break-word'
4886
5038
  },
@@ -4890,7 +5042,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4890
5042
  // },
4891
5043
 
4892
5044
  card: {
4893
- background: theme?.palette?.background?.default,
5045
+ background: theme?.colors?.white,
4894
5046
  boxShadow: theme?.shadows?.primary,
4895
5047
  borderRadius: theme.shape.borderRadius.large,
4896
5048
  margin: ({
@@ -4911,7 +5063,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4911
5063
  textAlign: 'center',
4912
5064
  fontSize: theme.typography.fontSize.h6,
4913
5065
  fontWeight: theme.typography.fontWeight.bold,
4914
- color: theme?.palette?.font?.default,
5066
+ color: theme?.colors?.lightblack,
4915
5067
  margin: `16px 0px`,
4916
5068
  wordBreak: 'break-word'
4917
5069
  },
@@ -4923,7 +5075,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4923
5075
  alignItems: 'center',
4924
5076
  justifyContent: 'center',
4925
5077
  borderRadius: '50%',
4926
- background: theme?.palette?.background?.primary
5078
+ background: theme?.colors?.background2
4927
5079
  },
4928
5080
  buttonContainerClass: {
4929
5081
  marginRight: theme.spacing.margin.regular,
@@ -4937,7 +5089,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4937
5089
  textAlign: 'center',
4938
5090
  fontSize: theme.typography.fontSize.body,
4939
5091
  lineHeight: '22px',
4940
- color: theme?.palette?.font?.primary,
5092
+ color: theme?.colors?.gray,
4941
5093
  margin: '0',
4942
5094
  wordBreak: 'break-word'
4943
5095
  },
@@ -5023,7 +5175,7 @@ function Info({
5023
5175
  className: classes.imageContainer
5024
5176
  }, /*#__PURE__*/React.createElement(Icon, {
5025
5177
  name: dt.icon.metadata.value,
5026
- color: theme.palette.primary.main,
5178
+ color: theme?.colors?.icon,
5027
5179
  width: isMobile ? '30px' : '40px',
5028
5180
  height: isMobile ? '30px' : '40px'
5029
5181
  })), /*#__PURE__*/React.createElement("h3", {
@@ -5080,7 +5232,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5080
5232
  padding: ({
5081
5233
  isMobile
5082
5234
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5083
- backgroundColor: theme?.palette?.background?.default,
5235
+ backgroundColor: theme?.colors?.background2,
5084
5236
  '&, & *, & *:before, & *:after': {
5085
5237
  fontFamily: theme?.typography?.fontFamily,
5086
5238
  boxSizing: 'border-box'
@@ -5097,7 +5249,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5097
5249
  subHeading: {
5098
5250
  fontSize: theme.typography.fontSize.subHead,
5099
5251
  marginBottom: '8px',
5100
- color: theme?.palette?.font?.default,
5252
+ color: theme?.colors?.font3,
5101
5253
  wordBreak: 'break-word',
5102
5254
  textTransform: 'uppercase',
5103
5255
  letterSpacing: '3px'
@@ -5107,7 +5259,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5107
5259
  fontWeight: theme.typography.fontWeight.bold,
5108
5260
  lineHeight: 'normal',
5109
5261
  margin: '0',
5110
- color: theme?.palette?.font?.default,
5262
+ color: theme?.colors?.font3,
5111
5263
  wordBreak: 'break-word',
5112
5264
  marginBottom: theme.spacing.margin.tiny
5113
5265
  },
@@ -5118,7 +5270,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5118
5270
  padding: '32px 0px'
5119
5271
  },
5120
5272
  textPara: {
5121
- color: theme?.palette?.font?.primary,
5273
+ color: theme?.colors?.font3,
5122
5274
  wordBreak: 'break-word',
5123
5275
  fontSize: theme.typography.fontSize.body,
5124
5276
  lineHeight: '24px'
@@ -5425,7 +5577,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5425
5577
  padding: ({
5426
5578
  isMobile
5427
5579
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5428
- backgroundColor: theme?.palette?.background?.primary,
5580
+ backgroundColor: theme?.colors?.background2,
5429
5581
  '&, & *, & *:before, & *:after': {
5430
5582
  fontFamily: theme?.typography?.fontFamily,
5431
5583
  boxSizing: 'border-box'
@@ -5440,7 +5592,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5440
5592
  } = {}) => containerWidth
5441
5593
  },
5442
5594
  sectionSubheading: {
5443
- color: theme?.palette?.font.default,
5595
+ color: theme?.colors?.font3,
5444
5596
  fontSize: theme.typography.fontSize.subHead,
5445
5597
  marginBottom: '8px',
5446
5598
  wordBreak: 'break-word'
@@ -5449,15 +5601,16 @@ const useFaqListStyles = createUseStyles(theme => ({
5449
5601
  fontSize: theme.typography.fontSize.h2,
5450
5602
  fontWeight: theme.typography.fontWeight.bold,
5451
5603
  wordBreak: 'break-word',
5452
- marginBottom: `${theme.spacing.margin.tiny}px`
5604
+ marginBottom: `${theme.spacing.margin.tiny}px`,
5605
+ color: theme?.colors?.font3
5453
5606
  },
5454
5607
  container: {
5455
5608
  boxShadow: theme?.shadows?.secondary,
5456
5609
  borderRadius: '8px',
5457
- backgroundColor: theme?.palette?.background?.default
5610
+ backgroundColor: theme?.colors?.white
5458
5611
  },
5459
5612
  basicCardContainer: {
5460
- borderBottom: theme?.borders?.secondary,
5613
+ borderBottom: `1px solid ${theme?.colors?.background2}`,
5461
5614
  padding: `${theme.spacing.padding.tiny}px`
5462
5615
  },
5463
5616
  innerContainer: {
@@ -5476,14 +5629,14 @@ const useFaqListStyles = createUseStyles(theme => ({
5476
5629
  alignItems: 'center'
5477
5630
  },
5478
5631
  title: {
5479
- color: theme?.palette?.font.default,
5632
+ color: theme?.colors?.lightblack,
5480
5633
  fontSize: theme.typography.fontSize.h5,
5481
5634
  fontWeight: theme.typography.fontWeight.bold,
5482
5635
  margin: '0',
5483
5636
  wordBreak: 'break-word'
5484
5637
  },
5485
5638
  content: {
5486
- color: theme?.palette?.font.primary,
5639
+ color: theme?.colors?.lightblack,
5487
5640
  fontSize: theme.typography.fontSize.body,
5488
5641
  lineHeight: '24px',
5489
5642
  maxHeight: ({
@@ -5603,11 +5756,10 @@ var index$a = /*#__PURE__*/Object.freeze({
5603
5756
 
5604
5757
  const useTextGridStyles = createUseStyles(theme => ({
5605
5758
  section: {
5759
+ background: theme.colors.background1,
5606
5760
  padding: ({
5607
5761
  isMobile
5608
5762
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5609
- // backgroundColor: theme?.palette?.background?.primary,
5610
-
5611
5763
  '&, & *, & *:before, & *:after': {
5612
5764
  fontFamily: theme?.typography?.fontFamily,
5613
5765
  boxSizing: 'border-box'
@@ -5615,14 +5767,7 @@ const useTextGridStyles = createUseStyles(theme => ({
5615
5767
  '& h2,& h3,& p': {
5616
5768
  marginTop: '0'
5617
5769
  }
5618
- // '& h2,& h3': {
5619
- // fontWeight: '500',
5620
- // '& b,& strong': {
5621
- // fontWeight: '700'
5622
- // }
5623
- // }
5624
5770
  },
5625
-
5626
5771
  sectionContainer: {
5627
5772
  margin: '0 auto',
5628
5773
  maxWidth: ({
@@ -5630,7 +5775,7 @@ const useTextGridStyles = createUseStyles(theme => ({
5630
5775
  } = {}) => containerWidth
5631
5776
  },
5632
5777
  subheading: {
5633
- color: theme?.palette?.font.default,
5778
+ color: theme?.colors?.font1,
5634
5779
  fontSize: theme.typography.fontSize.subHead,
5635
5780
  lineHeight: '20px',
5636
5781
  letterSpacing: '3px',
@@ -5644,7 +5789,8 @@ const useTextGridStyles = createUseStyles(theme => ({
5644
5789
  fontWeight: theme.typography.fontWeight.bold,
5645
5790
  letterSpacing: '-3px',
5646
5791
  marginBottom: theme.spacing.margin.tiny,
5647
- wordBreak: 'break-word'
5792
+ wordBreak: 'break-word',
5793
+ color: theme?.colors?.font1
5648
5794
  },
5649
5795
  sliderContainer: {
5650
5796
  margin: '0 -10px'
@@ -5914,7 +6060,7 @@ const useCourseStyles = createUseStyles(theme => {
5914
6060
  display: 'flex',
5915
6061
  justifyContent: 'flex-start',
5916
6062
  alignItems: 'center',
5917
- fontSize: theme.typography.fontSize.subHead,
6063
+ fontSize: theme.typography.fontSize.body,
5918
6064
  color: theme?.palette?.font?.primary,
5919
6065
  '& img': {
5920
6066
  marginRight: '5px'
@@ -5947,8 +6093,8 @@ const useCourseStyles = createUseStyles(theme => {
5947
6093
  },
5948
6094
  courseCardBuyBtn: {
5949
6095
  cursor: 'pointer',
5950
- background: theme?.palette?.primary?.main,
5951
- color: theme?.palette?.font?.invertedDefault,
6096
+ background: theme?.colors?.ctaColor,
6097
+ color: theme?.colors?.CtaTextColor,
5952
6098
  padding: '8px 16px',
5953
6099
  fontWeight: theme.typography.fontWeight.bold,
5954
6100
  cursor: 'pointer',
@@ -6047,6 +6193,13 @@ async function getCourseList(baseURLs, hashToken) {
6047
6193
 
6048
6194
  var tagIcon = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.843%208.64984L9.34297%201.14984C9.04297%200.849837%208.6263%200.666504%208.16797%200.666504H2.33464C1.41797%200.666504%200.667969%201.4165%200.667969%202.33317V8.1665C0.667969%208.62484%200.851302%209.0415%201.15964%209.34984L8.65964%2016.8498C8.95964%2017.1498%209.3763%2017.3332%209.83464%2017.3332C10.293%2017.3332%2010.7096%2017.1498%2011.0096%2016.8415L16.843%2011.0082C17.1513%2010.7082%2017.3346%2010.2915%2017.3346%209.83317C17.3346%209.37484%2017.143%208.94984%2016.843%208.64984ZM3.58464%204.83317C2.89297%204.83317%202.33464%204.27484%202.33464%203.58317C2.33464%202.8915%202.89297%202.33317%203.58464%202.33317C4.2763%202.33317%204.83464%202.8915%204.83464%203.58317C4.83464%204.27484%204.2763%204.83317%203.58464%204.83317Z%22%20fill%3D%22%23FE9B0E%22%2F%3E%3C%2Fsvg%3E";
6049
6195
 
6196
+ function getShortenedSubstring(name, length, allowDots = true) {
6197
+ if (name) {
6198
+ return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
6199
+ }
6200
+ return '';
6201
+ }
6202
+
6050
6203
  const formatCurrency = (countryCode, value, currencySymbol) => {
6051
6204
  let formattedValue = Number(value);
6052
6205
  const getFormattedValue = (countryCode, currencySymbol, value) => {
@@ -6314,11 +6467,10 @@ var index$8 = /*#__PURE__*/Object.freeze({
6314
6467
  const useTeamStyles = createUseStyles(theme => {
6315
6468
  return {
6316
6469
  teamSuperContainer: {
6470
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6317
6471
  padding: ({
6318
6472
  isMobile
6319
6473
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px ${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
6320
- // backgroundColor: theme?.palette?.background?.primary,
6321
-
6322
6474
  '&, & *, & *:before, & *:after': {
6323
6475
  fontFamily: theme?.typography?.fontFamily,
6324
6476
  boxSizing: 'border-box'
@@ -6339,25 +6491,17 @@ const useTeamStyles = createUseStyles(theme => {
6339
6491
  lineHeight: '20px',
6340
6492
  letterSpacing: '3px',
6341
6493
  marginBottom: '8px',
6342
- color: theme?.palette?.font?.default,
6494
+ color: theme?.colors?.font2,
6343
6495
  // wordBreak: 'break-word',
6344
6496
  position: 'relative'
6345
6497
  },
6346
- partialBackground: {
6347
- position: 'absolute',
6348
- top: '0',
6349
- left: '0',
6350
- height: '50%',
6351
- background: theme?.palette?.background?.primary,
6352
- width: '100%'
6353
- },
6354
6498
  teamTitle: {
6355
6499
  fontSize: theme.typography.fontSize.h2,
6356
6500
  fontWeight: theme.typography.fontWeight.bold,
6357
6501
  lineHeight: '70px',
6358
6502
  letterSpacing: '-3px',
6359
6503
  wordBreak: 'break-word',
6360
- color: theme?.palette?.font?.default,
6504
+ color: theme?.colors?.font2,
6361
6505
  position: 'relative'
6362
6506
  },
6363
6507
  sliderContainer: {
@@ -6449,12 +6593,10 @@ const useTeamStyles = createUseStyles(theme => {
6449
6593
  teamDetailsHeading: {
6450
6594
  fontSize: '16px',
6451
6595
  lineHeight: '24px',
6452
- margin: '0',
6453
- color: theme?.palette?.font?.body
6596
+ margin: '0'
6454
6597
  },
6455
6598
  teamDetailsSubHeading: {
6456
- marginTop: '0px',
6457
- color: theme?.palette?.font?.primary
6599
+ marginTop: '0px'
6458
6600
  }
6459
6601
  }
6460
6602
  };
@@ -6565,7 +6707,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6565
6707
  justifyContent: 'center',
6566
6708
  flexDirection: 'column',
6567
6709
  alignItems: 'center',
6568
- backgroundColor: theme?.palette?.background?.default,
6710
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6569
6711
  padding: ({
6570
6712
  isMobile
6571
6713
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
@@ -6587,16 +6729,16 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6587
6729
  containerWidth
6588
6730
  } = {}) => containerWidth
6589
6731
  },
6590
- partialBackground: {
6591
- top: '0',
6592
- left: '0',
6593
- width: '100%',
6594
- height: '50%',
6595
- position: 'absolute',
6596
- background: theme?.palette?.background?.primary
6597
- },
6732
+ // partialBackground: {
6733
+ // top: '0',
6734
+ // left: '0',
6735
+ // width: '100%',
6736
+ // height: '50%',
6737
+ // position: 'absolute',
6738
+ // background: theme?.colors?.white
6739
+ // },
6598
6740
  sectionContainer: {
6599
- backgroundColor: theme?.palette?.background?.default,
6741
+ backgroundColor: theme?.colors?.white,
6600
6742
  boxShadow: theme?.shadows?.secondary,
6601
6743
  borderRadius: theme?.shape?.borderRadius?.regular,
6602
6744
  padding: '48px',
@@ -6605,7 +6747,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6605
6747
  title: {
6606
6748
  margin: '0',
6607
6749
  fontSize: theme.typography.fontSize.h2,
6608
- color: theme?.palette?.font?.default,
6750
+ color: theme?.colors?.lightblack,
6609
6751
  fontWeight: theme.typography.fontWeight.bold,
6610
6752
  lineHeight: '71px',
6611
6753
  letterSpacing: '-3px',
@@ -6628,7 +6770,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6628
6770
  subtitle: {
6629
6771
  // margin: '0 0 40px 0',
6630
6772
  fontSize: theme.typography.fontSize.h5,
6631
- color: theme?.palette?.font?.default,
6773
+ color: theme?.colors?.lightblack,
6632
6774
  lineHeight: '32px',
6633
6775
  wordBreak: 'break-word',
6634
6776
  marginBottom: '32px'
@@ -6651,7 +6793,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6651
6793
  },
6652
6794
  addressText: {
6653
6795
  fontSize: theme.typography.fontSize.h6,
6654
- color: theme?.palette?.font?.default,
6796
+ color: theme?.colors?.lightblack,
6655
6797
  lineHeight: '24px',
6656
6798
  fontSize: '16px'
6657
6799
  },
@@ -6988,7 +7130,7 @@ const useSectionStyles = createUseStyles(theme => ({
6988
7130
  padding: ({
6989
7131
  isMobile
6990
7132
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
6991
- backgroundColor: theme?.palette?.background?.default,
7133
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6992
7134
  '&, & *, & *:before, & *:after': {
6993
7135
  fontFamily: theme?.typography?.fontFamily,
6994
7136
  boxSizing: 'border-box'
@@ -7008,16 +7150,8 @@ const useSectionStyles = createUseStyles(theme => ({
7008
7150
  containerWidth
7009
7151
  } = {}) => containerWidth
7010
7152
  },
7011
- partialBackground: {
7012
- top: '0',
7013
- left: '0',
7014
- width: '100%',
7015
- height: '50%',
7016
- position: 'absolute',
7017
- background: theme?.palette?.background?.primary
7018
- },
7019
7153
  sectionContainer: {
7020
- backgroundColor: theme?.palette?.background?.default,
7154
+ backgroundColor: theme?.colors?.white,
7021
7155
  boxShadow: theme?.shadows?.secondary,
7022
7156
  borderRadius: theme?.shape?.borderRadius?.regular,
7023
7157
  padding: '48px',
@@ -7026,7 +7160,7 @@ const useSectionStyles = createUseStyles(theme => ({
7026
7160
  title: {
7027
7161
  margin: '0',
7028
7162
  fontSize: theme.typography.fontSize.h2,
7029
- color: theme?.palette?.font?.default,
7163
+ color: theme?.colors?.lightblack?.default,
7030
7164
  lineHeight: '71px',
7031
7165
  letterSpacing: '-3px',
7032
7166
  textAlign: 'left',
@@ -7051,7 +7185,7 @@ const useSectionStyles = createUseStyles(theme => ({
7051
7185
  subtitle: {
7052
7186
  // margin: '0 0 auto 0',
7053
7187
  fontSize: theme.typography.fontSize.h6,
7054
- color: theme?.palette?.font?.default,
7188
+ color: theme?.colors?.lightblack,
7055
7189
  // lineHeight: '32px',
7056
7190
  // margin: '16px 0',
7057
7191
  textAlign: 'center',
@@ -7082,8 +7216,8 @@ const useSectionStyles = createUseStyles(theme => ({
7082
7216
  inputField: {
7083
7217
  width: '100%',
7084
7218
  // maxWidth: '314px',
7085
- background: theme?.palette?.background?.default,
7086
- border: `1px solid ${theme?.palette?.border?.secondary}`,
7219
+ // background: theme?.palette?.background?.default,
7220
+ border: `1px solid ${theme?.colors?.cta}`,
7087
7221
  borderRadius: theme?.shape?.borderRadius?.regular,
7088
7222
  // padding: '14px 12px',
7089
7223
  display: 'flex',
@@ -7096,7 +7230,7 @@ const useSectionStyles = createUseStyles(theme => ({
7096
7230
  fontWeight: '400',
7097
7231
  fontSize: theme.typography.fontSize.subHead,
7098
7232
  lineHeight: '20px',
7099
- color: theme?.palette?.font?.primary,
7233
+ color: theme?.colors?.lightblack,
7100
7234
  fontFamily: theme?.typography?.fontFamily
7101
7235
  },
7102
7236
  '&:focus': {
@@ -7409,6 +7543,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7409
7543
  webinarSuperContainer: {
7410
7544
  display: 'flex',
7411
7545
  justifyContent: 'center',
7546
+ background: theme.colors.background1,
7412
7547
  padding: ({
7413
7548
  isMobile
7414
7549
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
@@ -7431,30 +7566,6 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7431
7566
  maxWidth: '1440px',
7432
7567
  fontFamily: theme?.typography?.fontFamily
7433
7568
  },
7434
- // videoTestimonialHeading: {
7435
- // fontSize: theme.typography.fontSize.subHead,
7436
- // lineHeight: '20px',
7437
- // letterSpacing: '3px',
7438
- // textTransform: 'uppercase',
7439
- // color: theme.palette.font.tertiary,
7440
- // wordBreak: 'break-word',
7441
- // fontWeight: theme.typography.fontWeight.bold,
7442
- // },
7443
-
7444
- // videoTestimonialTitle: {
7445
- // fontSize: theme.typography.fontSize.h2,
7446
- // lineHeight: '71px',
7447
- // fontWeight: theme.typography.fontWeight.bold,
7448
- // letterSpacing: '-3px',
7449
- // margin: '0',
7450
- // color: theme.palette.font.default,
7451
- // wordBreak: 'break-word'
7452
- // },
7453
-
7454
- // videoCarouselContainer: {
7455
- // marginTop: '16px'
7456
- // },
7457
-
7458
7569
  webinarCarousel: {
7459
7570
  display: 'flex',
7460
7571
  justifyContent: 'flex-start',
@@ -7483,7 +7594,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7483
7594
  },
7484
7595
  offerText: {
7485
7596
  textAlign: 'center',
7486
- color: theme.palette.font.primary,
7597
+ color: theme?.colors?.font1,
7487
7598
  marginBottom: '5%'
7488
7599
  },
7489
7600
  offerPrice: {
@@ -7530,7 +7641,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7530
7641
  margin: '0',
7531
7642
  letterSpacing: '-1px',
7532
7643
  wordBreak: wordBreakValue => wordBreakValue || 'break-word',
7533
- color: theme.palette.font.default
7644
+ color: theme?.colors?.font1
7534
7645
  },
7535
7646
  courseViewContainer: {
7536
7647
  width: '645px',
@@ -7545,7 +7656,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7545
7656
  bannerContainer: {
7546
7657
  width: '100%',
7547
7658
  background: '#EB5757',
7548
- color: '#fff',
7659
+ color: theme?.colors?.font1,
7549
7660
  textAlign: 'center',
7550
7661
  padding: '10px 10px 23px 40px',
7551
7662
  wordWrap: 'break-word',
@@ -7564,24 +7675,26 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7564
7675
  display: 'flex',
7565
7676
  alignItems: 'center',
7566
7677
  marginRight: '20px',
7678
+ color: theme?.colors?.font1,
7567
7679
  '& div': {
7568
- fontSize: theme.typography.fontSize.subHead,
7680
+ fontSize: theme.typography.fontSize.body,
7569
7681
  marginLeft: '10px'
7570
7682
  }
7571
7683
  },
7572
7684
  courseDetailContent: {
7573
- fontSize: theme.typography.fontSize.subHead,
7685
+ fontSize: theme.typography.fontSize.body,
7686
+ lineHeight: '21px',
7574
7687
  wordBreak: 'break-word',
7575
- color: theme.palette.font.primary,
7688
+ color: theme?.colors?.font1,
7576
7689
  whiteSpace: 'pre-wrap',
7577
7690
  width: '80%'
7578
7691
  },
7579
7692
  courseDetailViewFullDetails: {
7580
7693
  cursor: 'pointer',
7581
- fontSize: theme.typography.fontSize.subHead,
7694
+ fontSize: theme.typography.fontSize.body,
7582
7695
  lineHeight: '24px',
7696
+ color: theme?.colors?.font1,
7583
7697
  marginTop: '-20px',
7584
- color: '#00ADE7',
7585
7698
  wordBreak: 'break-word'
7586
7699
  },
7587
7700
  courseDetailTime: {
@@ -7788,13 +7901,13 @@ const SingleVideoSlide$1 = props => {
7788
7901
  className: classes.iconBackground
7789
7902
  }, /*#__PURE__*/React.createElement(Icon, {
7790
7903
  name: 'Calendar',
7791
- color: theme.palette.primary.main
7904
+ color: theme?.colors?.icon
7792
7905
  })), /*#__PURE__*/React.createElement("div", null, moment(data.startDate).locale(momentLocale).format('Do MMM YY') + ' ', moment(data.startTime).locale(momentLocale).format('h:mm A'), /*#__PURE__*/React.createElement("span", null, " - "), moment(data.endTime).locale(momentLocale).format('h:mm A'))), /*#__PURE__*/React.createElement("div", {
7793
7906
  className: classes.courseDetailTag
7794
7907
  }, /*#__PURE__*/React.createElement("span", {
7795
7908
  className: classes.iconBackground
7796
7909
  }, /*#__PURE__*/React.createElement(Icon, {
7797
- color: theme.palette.primary.main,
7910
+ color: theme?.colors?.icon,
7798
7911
  width: "20px",
7799
7912
  name: `${data.webinarLocation === 'Location' ? 'Location' : 'Video'}`
7800
7913
  })), /*#__PURE__*/React.createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React.createElement("p", {
@@ -7902,13 +8015,15 @@ var index$4 = /*#__PURE__*/Object.freeze({
7902
8015
  });
7903
8016
 
7904
8017
  const useCoursePromotionPage = createUseStyles(theme => {
8018
+ console.log(theme, 'themere');
7905
8019
  return {
7906
8020
  courseSuperContainer: {
7907
8021
  display: 'flex',
7908
8022
  justifyContent: 'center',
8023
+ background: theme?.colors?.background1,
7909
8024
  padding: ({
7910
8025
  isMobile
7911
- } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
8026
+ } = {}) => isMobile ? `${theme.spacing.padding.small}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
7912
8027
  '&, & *, & *:before, & *:after': {
7913
8028
  fontFamily: theme?.typography?.fontFamily,
7914
8029
  boxSizing: 'border-box'
@@ -8018,7 +8133,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8018
8133
  display: 'flex',
8019
8134
  flexDirection: 'column',
8020
8135
  alignItems: 'flex-start',
8021
- gap: '20px'
8136
+ gap: '0px'
8022
8137
  },
8023
8138
  videoDetailsHeading: {
8024
8139
  fontSize: theme.typography.fontSize.h3,
@@ -8026,7 +8141,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8026
8141
  margin: '0',
8027
8142
  letterSpacing: '-1px',
8028
8143
  wordBreak: 'break-word',
8029
- color: theme.palette.font.default
8144
+ color: theme?.colors?.font1
8030
8145
  },
8031
8146
  courseViewContainer: {
8032
8147
  width: '445px',
@@ -8042,7 +8157,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8042
8157
  bannerContainer: {
8043
8158
  width: '100%',
8044
8159
  background: '#EB5757',
8045
- color: '#fff',
8160
+ color: theme?.colors.font1,
8046
8161
  textAlign: 'center',
8047
8162
  padding: '10px 10px 23px 40px',
8048
8163
  wordWrap: 'break-word',
@@ -8063,7 +8178,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8063
8178
  },
8064
8179
  courseEmblem: {
8065
8180
  background: '#F0F4F8',
8066
- fontSize: theme.typography.fontSize.subHead,
8181
+ fontSize: theme.typography.fontSize.body,
8067
8182
  borderRadius: '2.00337px',
8068
8183
  padding: '8px',
8069
8184
  display: 'flex',
@@ -8080,27 +8195,29 @@ const useCoursePromotionPage = createUseStyles(theme => {
8080
8195
  display: 'flex',
8081
8196
  alignItems: 'center',
8082
8197
  marginRight: '20px',
8198
+ color: theme?.colors?.font1,
8083
8199
  '& div': {
8084
- fontSize: theme.typography.fontSize.subHead,
8200
+ fontSize: theme.typography.fontSize.body,
8085
8201
  fontWeight: theme.typography.fontWeight.semiBold,
8086
8202
  marginLeft: '10px'
8087
8203
  }
8088
8204
  },
8089
8205
  courseDetailContent: {
8090
- // marginTop: '16px',
8091
- fontSize: theme.typography.fontSize.subHead,
8092
- lineHeight: '24px',
8206
+ marginTop: '20px',
8207
+ fontSize: theme.typography.fontSize.body,
8208
+ lineHeight: '21px',
8093
8209
  wordBreak: 'break-word',
8094
- color: theme.palette.font.primary,
8210
+ color: theme?.colors?.font1,
8095
8211
  whiteSpace: 'pre-wrap',
8096
8212
  margin: '10px 0 20px'
8097
8213
  },
8098
8214
  courseDetailViewFullDetails: {
8099
8215
  cursor: 'pointer',
8100
- fontSize: theme.typography.fontSize.subHead,
8101
- lineHeight: '24px',
8102
- marginTop: '-24px',
8103
- color: '#00ADE7',
8216
+ fontSize: theme.typography.fontSize.body,
8217
+ textDecoration: 'underline',
8218
+ lineHeight: '21px',
8219
+ marginTop: '20px',
8220
+ color: theme.colors?.font1,
8104
8221
  wordBreak: 'break-word'
8105
8222
  },
8106
8223
  courseDetailTime: {
@@ -8171,7 +8288,8 @@ const useCoursePromotionPage = createUseStyles(theme => {
8171
8288
  // fontSize: '20px',
8172
8289
  fontWeight: '600',
8173
8290
  lineHeight: 'normal',
8174
- letterSpacing: '0px'
8291
+ letterSpacing: '0px',
8292
+ color: theme?.colors?.font1
8175
8293
  },
8176
8294
  videoTestimonialTitle: {
8177
8295
  // fontSize: '24px',
@@ -8340,28 +8458,28 @@ const SingleVideoSlide = props => {
8340
8458
  className: classes.iconBackground
8341
8459
  }, /*#__PURE__*/React.createElement(Icon, {
8342
8460
  name: 'Clock',
8343
- color: theme.palette.primary.main
8461
+ color: theme?.colors?.icon
8344
8462
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.courseDuration?.text)) : null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React.createElement("div", {
8345
8463
  className: classes.courseDetailTag
8346
8464
  }, /*#__PURE__*/React.createElement("span", {
8347
8465
  className: classes.iconBackground
8348
8466
  }, /*#__PURE__*/React.createElement(Icon, {
8349
8467
  name: 'Book Saved',
8350
- color: theme.palette.primary.main
8468
+ color: theme?.colors?.icon
8351
8469
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? 'Physical Books' : null)) : null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? /*#__PURE__*/React.createElement("div", {
8352
8470
  className: classes.courseDetailTag
8353
8471
  }, /*#__PURE__*/React.createElement("span", {
8354
8472
  className: classes.iconBackground
8355
8473
  }, /*#__PURE__*/React.createElement(Icon, {
8356
8474
  name: 'Certificate',
8357
- color: theme.palette.primary.main
8475
+ color: theme?.colors?.icon
8358
8476
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? handleCourseCertificateText() : null)) : null, data?.courseOverviewData?.resourseDataText.heading ? /*#__PURE__*/React.createElement("div", {
8359
8477
  className: classes.courseDetailTag
8360
8478
  }, /*#__PURE__*/React.createElement("span", {
8361
8479
  className: classes.iconBackground
8362
8480
  }, /*#__PURE__*/React.createElement(Icon, {
8363
8481
  name: 'Certificate',
8364
- color: theme.palette.primary.main
8482
+ color: theme?.colors?.icon
8365
8483
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React.createElement("p", {
8366
8484
  ref: data?.videoTextContent?.refSetter,
8367
8485
  className: classes.courseDetailContent,
@@ -8488,7 +8606,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8488
8606
  padding: ({
8489
8607
  isMobile
8490
8608
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
8491
- background: '#F4F9FF',
8609
+ background: theme?.colors?.background3,
8492
8610
  '&, & *, & *:before, & *:after': {
8493
8611
  fontFamily: theme?.typography?.fontFamily,
8494
8612
  boxSizing: 'border-box'
@@ -8505,7 +8623,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8505
8623
  marginTop: '8px',
8506
8624
  fontSize: theme.typography.fontSize.h6,
8507
8625
  lineHeight: '23px',
8508
- color: 'rgba(51, 51, 51, 0.5)',
8626
+ color: theme?.colors?.gray,
8509
8627
  marginBottom: theme.spacing.margin.tiny
8510
8628
  },
8511
8629
  formPageFormContainer: {
@@ -8524,8 +8642,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8524
8642
  },
8525
8643
 
8526
8644
  inputFieldLabel: {
8527
- color: '#333',
8528
- fontSize: theme.typography.fontSize.subHead,
8645
+ color: theme?.colors?.lightblack,
8646
+ fontSize: theme.typography.fontSize.body,
8529
8647
  fontWeight: theme.typography.fontWeight.semiBold,
8530
8648
  display: 'block',
8531
8649
  marginTop: '20px',
@@ -8536,8 +8654,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8536
8654
  borderRadius: '8px',
8537
8655
  border: '1px solid #D8E0F0',
8538
8656
  padding: '12px 16px',
8539
- color: '#7D8592',
8540
- fontSize: theme.typography.fontSize.subHead
8657
+ color: theme?.colors?.lightblack,
8658
+ fontSize: theme.typography.fontSize.body
8541
8659
  },
8542
8660
  checkboxField: {
8543
8661
  // padding: '20px',
@@ -8545,21 +8663,21 @@ const useFormPageStyles = createUseStyles(theme => ({
8545
8663
  // borderRadius: '8px'
8546
8664
  },
8547
8665
  checkBoxFieldLabel: {
8548
- color: '#333',
8549
- fontSize: theme.typography.fontSize.subHead,
8666
+ color: theme?.colors?.lightblack,
8667
+ fontSize: theme.typography.fontSize.body,
8550
8668
  fontWeight: theme.typography.fontWeight.semiBold,
8551
8669
  marginTop: '20px',
8552
8670
  marginBottom: '12px'
8553
8671
  },
8554
8672
  inputFieldRequired: {
8555
- color: '#F41828'
8673
+ color: theme?.colors?.lightblack
8556
8674
  },
8557
8675
  checkboxFieldControl: {
8558
8676
  padding: '8px 0',
8559
8677
  '& label': {
8560
- fontSize: theme.typography.fontSize.subHead,
8678
+ fontSize: theme.typography.fontSize.body,
8561
8679
  marginLeft: '10px',
8562
- color: '#7D8592'
8680
+ color: theme?.colors?.lightblack
8563
8681
  }
8564
8682
  },
8565
8683
  submitBtnContainer: {
@@ -8572,8 +8690,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8572
8690
  '& button': {
8573
8691
  // height: '44px',
8574
8692
  padding: '16px 24px',
8575
- color: '#FFFFFF',
8576
- fontSize: theme.typography.fontSize.subHead,
8693
+ fontSize: theme.typography.fontSize.body,
8577
8694
  cursor: 'pointer',
8578
8695
  borderRadius: '8px'
8579
8696
  }
@@ -9581,7 +9698,7 @@ function PageRenderer({
9581
9698
  countryCode,
9582
9699
  currencySymbol
9583
9700
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
9584
- const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9701
+ const theme = useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9585
9702
  const Wrapper = SectionWrapper || Fragment;
9586
9703
  return /*#__PURE__*/React.createElement(ThemeProvider, {
9587
9704
  theme: theme