diy-template-components 2.0.18 → 2.0.20

package/build/index.js

@@ -1099,12 +1099,11 @@ function OptionList({
   const downloadAppText = countryCode === 'KR' ? '앱다운로드' : 'Download App';
   const renderDownloadAppButton = () => {
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, apkURL && /*#__PURE__*/React__default["default"].createElement("a", {
-      download: true,
       href: headerData?.apkURL,
       target: "_blank",
       className: classes.socialBtnItems,
       onClick: () => {
-        if (typeof onDownloadAppTriggered == "function") {
+        if (typeof onDownloadAppTriggered == 'function') {
           onDownloadAppTriggered(isAndroidDelisted, headerData?.apkURL);
         }
       }
@@ -1433,7 +1432,7 @@ function MobileHeader({
         onClick: () => {
           let url = getAppDownloadLink(apkURL, iosDownloadLink);
           window.open(url, '_blank');
-          if (!header?.iosUrl && typeof onDownloadAppTriggered == 'function') {
+          if (url === apkURL && typeof onDownloadAppTriggered == 'function') {
             onDownloadAppTriggered(header?.isAndroidDelisted, header?.apkURL);
           }
         }
@@ -1468,7 +1467,7 @@ function MobileHeader({
         onClick: () => {
           let url = getAppDownloadLink(apkURL, iosDownloadLink);
           window.open(url, '_blank');
-          if (!header?.iosUrl && typeof onDownloadAppTriggered == 'function') {
+          if (url === apkURL && typeof onDownloadAppTriggered == 'function') {
             onDownloadAppTriggered(header?.isAndroidDelisted, header?.apkURL);
           }
         }
@@ -1609,7 +1608,6 @@ const useSectionStyles$9 = createUseStyles(theme => ({
 
     // '& img': { maxHeight: '55px' }
   },
-
   upperContainerItem1Img: {
     maxHeight: '55px',
     paddingBottom: '84px',
@@ -2036,7 +2034,6 @@ const mobilePadding = {
   // 24px
   medium: baseFactor * 6 // 48px
 };
-
 const padding = {
   minute: baseFactor * 2,
   // 16px
@@ -2502,7 +2499,6 @@ const useSectionStyles$8 = createUseStyles(theme => ({
     //   }
     // }
   },
-
   sectionContainer: {
     margin: '0 auto',
     maxWidth: ({
@@ -3072,7 +3068,6 @@ const useSectionStyles$7 = createUseStyles(theme => ({
           // padding: '0'
         }
       },
-
       '&:nth-child(2n+1)': {
         marginRight: '0',
         '& $contentText': {
@@ -3082,7 +3077,6 @@ const useSectionStyles$7 = createUseStyles(theme => ({
         }
       }
     },
-
     contentNumber: {
       width: '100%',
       padding: '24px',
@@ -3475,7 +3469,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
       //   }
       // }
     },
-
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -3489,7 +3482,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
 
       // padding: `${theme?.spacing?.padding?.regular}px ${theme?.spacing?.padding?.medium}px 0px ${theme?.spacing?.padding?.medium}px`
     },
-
     imageContainerDiv: {
       width: '50%',
       position: 'relative'
@@ -3561,7 +3553,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
         width: '100%'
         // padding: `${theme?.spacing?.padding?.medium}px ${theme?.spacing?.padding?.regular}px`
       },
-
       imageContainer: {
         height: 'unset !important',
         '& img': {
@@ -4568,7 +4559,6 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
         fontFamily: theme?.typography?.fontFamily
         // boxSizing: 'border-box'
       },
-
       '& h2,& h3,& p': {
         marginTop: '0'
       }
@@ -4593,7 +4583,6 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
       wordBreak: 'break-word'
       // marginBottom: '8px'
     },
-
     videoTestimonialTitle: {
       fontSize: theme.typography.fontSize.h2,
       // lineHeight: '71px',
@@ -5034,7 +5023,6 @@ const useSectionStyles$3 = createUseStyles(theme => ({
     //   }
     // }
   },
-
   sectionContainer: {
     margin: '0 auto',
     maxWidth: ({
@@ -5392,7 +5380,6 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
       //   }
       // }
     },
-
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -5423,7 +5410,6 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
       position: 'relative',
       paddingBottom: '59.83%' // keeping aspect ratio 585x350
     },
-
     contentRow: {
       display: 'grid',
       gridTemplateColumns: ({
@@ -5970,7 +5956,6 @@ const useCourseStyles = createUseStyles(theme => {
       //   }
       // }
     },
-
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -6003,7 +5988,6 @@ const useCourseStyles = createUseStyles(theme => {
       // textAlign: 'center',
       // wordBreak: 'break-word'
     },
-
     slickContainer: {
       marginRight: '-20px'
     },
@@ -6051,7 +6035,6 @@ const useCourseStyles = createUseStyles(theme => {
       justifyContent: 'space-between'
       //alignItems: 'center',
     },
-
     courseCardTags: {
       display: 'flex',
       justifyContent: 'flex-start',
@@ -6082,7 +6065,6 @@ const useCourseStyles = createUseStyles(theme => {
       // whiteSpace: 'nowrap',
       // textOverflow: 'ellipsis'
     },
-
     courseCardDiscount: {
       display: 'flex',
       justifyContent: 'flex-start',
@@ -6189,7 +6171,6 @@ const useCourseStyles = createUseStyles(theme => {
         // whiteSpace: 'nowrap',
         // textOverflow: 'ellipsis'
       },
-
       singleCard: {
         margin: '6px 2px'
         // width: 'calc(100% - 12px)'
@@ -6513,7 +6494,8 @@ const useTeamStyles = createUseStyles(theme => {
       marginBottom: '8px',
       color: theme?.colors?.font2,
       // wordBreak: 'break-word',
-      position: 'relative'
+      position: 'relative',
+      textAlign: 'center'
     },
     teamTitle: {
       fontSize: theme.typography.fontSize.h2,
@@ -6522,7 +6504,9 @@ const useTeamStyles = createUseStyles(theme => {
       letterSpacing: '-3px',
       wordBreak: 'break-word',
       color: theme?.colors?.font2,
-      position: 'relative'
+      position: 'relative',
+      textAlign: 'center',
+      marginBottom: '10px !important'
     },
     sliderContainer: {
       margin: '0 -20px'
@@ -6537,47 +6521,71 @@ const useTeamStyles = createUseStyles(theme => {
       backgroundColor: theme?.palette?.background?.default,
       margin: '20px',
       width: 'calc(100% - 24px)',
-      // height: 'calc(100% - 40px)',
-      border: '3px solid #D8E0F0',
-      borderRadius: theme?.shape?.borderRadius?.regular,
-      padding: theme.spacing.padding.tiny,
+      borderRadius: theme?.shape?.borderRadius?.large,
       boxShadow: theme?.shadows?.primary,
-      minHeight: '320px'
+      minHeight: '385px'
     },
     imageContainer: {
       minWidth: '100%',
-      borderRadius: theme?.shape?.borderRadius?.regular,
-      paddingBottom: '100%',
       position: 'relative'
     },
     image: {
       width: '100%',
-      height: '100%',
-      position: 'absolute',
-      borderRadius: '50%',
+      height: '208px',
       top: '0',
       left: '0',
-      borderRadius: '50%',
+      borderRadius: '12px 12px 0px 0px',
       objectFit: 'cover'
     },
     teamDetailsContainer: {
-      textAlign: 'center',
-      margin: '20px 0 0'
+      textAlign: 'left',
+      padding: '24px'
       // overflowWrap: 'break-word'
     },
-
     teamDetailsHeading: {
       fontSize: theme.typography.fontSize.h6,
       fontWeight: theme.typography.fontWeight.bold,
       lineHeight: '24px',
       margin: '0',
-      color: theme?.palette?.font?.default
+      color: theme?.palette?.font?.default,
+      textOverflow: 'ellipsis',
+      overflow: 'hidden',
+      display: '-webkit-box',
+      WebkitLineClamp: 2,
+      WebkitBoxOrient: 'vertical',
+      minHeight: '2.1em'
     },
     teamDetailsSubHeading: {
-      fontSize: theme.typography.fontSize.body,
-      lineHeight: '24px',
-      margin: '6px 0 0',
-      color: theme?.palette?.font?.primary
+      fontSize: '14px',
+      lineHeight: '18px',
+      color: theme?.palette?.font?.primary,
+      fontWeight: '500',
+      textOverflow: 'ellipsis',
+      overflow: 'hidden',
+      display: '-webkit-box',
+      WebkitLineClamp: 1,
+      WebkitBoxOrient: 'vertical'
+    },
+    subHeadingWrapper: {
+      display: 'flex',
+      alignItems: 'center',
+      margin: '10px 0px 0px',
+      gap: '6px'
+    },
+    starTag: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '6px',
+      position: 'absolute',
+      marginTop: '16px',
+      background: 'rgba(22, 118, 243, 1)',
+      borderRadius: '0px 6px 6px 0px',
+      padding: '2px 16px'
+    },
+    starTagText: {
+      color: 'white',
+      fontSize: '12px',
+      lineHeight: '20px'
     },
     '@media (max-width: 767px)': {
       // teamSuperContainer: {
@@ -6605,11 +6613,10 @@ const useTeamStyles = createUseStyles(theme => {
         minHeight: '260px'
       },
       teamDetailsContainer: {
-        textAlign: 'center'
+        // textAlign: 'center'
         // margin: '15px 0 0',
         // paddingBottom: '0'
       },
-
       teamDetailsHeading: {
         fontSize: '16px',
         lineHeight: '24px',
@@ -6622,6 +6629,14 @@ const useTeamStyles = createUseStyles(theme => {
   };
 });
 
+var RankIcon = "data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.00033%209.77085C6.76699%209.77085%206.53366%209.75335%206.31199%209.71252C5.07533%209.53168%203.94949%208.82002%203.23783%207.76419C2.74199%207.01752%202.47949%206.14835%202.47949%205.25002C2.47949%202.75919%204.50949%200.729187%207.00033%200.729187C9.49116%200.729187%2011.5212%202.75919%2011.5212%205.25002C11.5212%206.14835%2011.2587%207.01752%2010.7628%207.76419C10.0453%208.82585%208.91949%209.53169%207.67116%209.71836C7.46699%209.75336%207.23366%209.77085%207.00033%209.77085ZM7.00033%201.60419C4.98783%201.60419%203.35449%203.23752%203.35449%205.25002C3.35449%205.97919%203.56449%206.67919%203.96116%207.27419C4.53866%208.12585%205.44283%208.69752%206.44616%208.84336C6.81949%208.90752%207.18699%208.90752%207.53116%208.84336C8.55199%208.69752%209.45616%208.12002%2010.0337%207.26835C10.4303%206.67335%2010.6403%205.97335%2010.6403%205.24418C10.6462%203.23751%209.01283%201.60419%207.00033%201.60419Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20d%3D%22M3.77426%2013.1775C3.6926%2013.1775%203.61676%2013.1658%203.5351%2013.1483C3.15593%2013.0608%202.86426%2012.7691%202.77676%2012.39L2.5726%2011.5325C2.56093%2011.48%202.5201%2011.4391%202.46176%2011.4216L1.49926%2011.1941C1.1376%2011.1066%200.851764%2010.8383%200.752597%2010.4825C0.65343%2010.1266%200.752597%209.74163%201.0151%209.47913L3.2901%207.20413C3.38343%207.1108%203.51176%207.06413%203.6401%207.0758C3.76843%207.08746%203.8851%207.15746%203.96093%207.26829C4.53843%208.11996%205.4426%208.69746%206.45176%208.8433C6.8251%208.90746%207.1926%208.90746%207.53676%208.8433C8.5576%208.69746%209.46176%208.11996%2010.0393%207.26829C10.1093%207.15746%2010.2318%207.08746%2010.3601%207.0758C10.4884%207.06413%2010.6168%207.1108%2010.7101%207.20413L12.9851%209.47913C13.2476%209.74163%2013.3468%2010.1266%2013.2476%2010.4825C13.1484%2010.8383%2012.8568%2011.1125%2012.5009%2011.1941L11.5384%2011.4216C11.4859%2011.4333%2011.4451%2011.4741%2011.4276%2011.5325L11.2234%2012.39C11.1359%2012.7691%2010.8443%2013.0608%2010.4651%2013.1483C10.0859%2013.2416%209.6951%2013.1075%209.4501%2012.81L7.0001%209.99246L4.5501%2012.8158C4.35176%2013.0491%204.07176%2013.1775%203.77426%2013.1775ZM3.5526%208.18413L1.63343%2010.1033C1.58093%2010.1558%201.58676%2010.2141%201.59843%2010.2491C1.60426%2010.2783%201.63343%2010.3366%201.70343%2010.3483L2.66593%2010.5758C3.0451%2010.6633%203.33676%2010.955%203.42426%2011.3341L3.62843%2012.1916C3.64593%2012.2675%203.70426%2012.2908%203.73926%2012.3025C3.77426%2012.3083%203.8326%2012.3141%203.8851%2012.2558L6.11926%209.6833C5.1276%209.4908%204.2176%208.95996%203.5526%208.18413ZM7.88093%209.67746L10.1151%2012.2441C10.1676%2012.3083%2010.2318%2012.3083%2010.2668%2012.2966C10.3018%2012.2908%2010.3543%2012.2616%2010.3776%2012.1858L10.5818%2011.3283C10.6693%2010.9491%2010.9609%2010.6575%2011.3401%2010.57L12.3026%2010.3425C12.3726%2010.325%2012.4018%2010.2725%2012.4076%2010.2433C12.4193%2010.2141%2012.4251%2010.15%2012.3726%2010.0975L10.4534%208.17829C9.7826%208.95412%208.87843%209.48496%207.88093%209.67746Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20d%3D%22M8.1025%207.51932C7.95083%207.51932%207.77%207.47848%207.55417%207.35015L7%207.01764L6.44583%207.34431C5.93833%207.64764%205.60583%207.47264%205.48333%207.38514C5.36083%207.29764%205.09833%207.03515%205.2325%206.45765L5.3725%205.85681L4.90583%205.42514C4.64917%205.16847%204.55583%204.85931%204.64333%204.57931C4.73083%204.29931%204.9875%204.10097%205.34917%204.04264L5.97333%203.93764L6.27083%203.28431C6.44%202.95181%206.7025%202.76514%207%202.76514C7.2975%202.76514%207.56583%202.95765%207.72917%203.29015L8.07333%203.97848L8.65083%204.04848C9.00667%204.10681%209.26334%204.30513%209.35667%204.58513C9.44417%204.86513%209.35083%205.17431%209.09417%205.43097L8.61%205.91515L8.76167%206.45765C8.89584%207.03515%208.63333%207.29764%208.51083%207.38514C8.44667%207.43764%208.30667%207.51932%208.1025%207.51932ZM5.60583%204.89432L6.00833%205.2968C6.195%205.48347%206.28833%205.79848%206.23%206.05515L6.11917%206.52181L6.58583%206.24764C6.83667%206.1018%207.175%206.1018%207.42%206.24764L7.88667%206.52181L7.78167%206.05515C7.72333%205.79265%207.81083%205.48347%207.9975%205.2968L8.4%204.89432L7.8925%204.8068C7.6475%204.76597%207.4025%204.58515%207.29167%204.36348L7%203.79181L6.70833%204.37514C6.60333%204.59098%206.35833%204.77765%206.11333%204.81848L5.60583%204.89432Z%22%20fill%3D%22%230A1629%22%2F%3E%3C%2Fsvg%3E";
+
+var Book = "data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.00035%2013.38C6.82535%2013.38%206.65036%2013.3392%206.50453%2013.2575C5.41369%2012.6625%203.50035%2012.0325%202.29868%2011.875L2.12953%2011.8517C1.36536%2011.7583%200.735352%2011.0408%200.735352%2010.265V3.21831C0.735352%202.75747%200.916188%202.33749%201.24869%202.03416C1.58119%201.73082%202.01283%201.58498%202.46783%201.62582C3.74533%201.73082%205.68201%202.37249%206.77868%203.05499L6.91867%203.13667C6.9595%203.15417%207.04702%203.16%207.08202%203.13667L7.17534%203.07831C7.56617%202.83331%208.05617%202.59414%208.59284%202.3783C8.727%202.3258%208.87868%202.34331%209.00118%202.42498C9.12368%202.50665%209.19369%202.64081%209.19369%202.78664V4.34997L9.67786%204.02915C9.8237%203.92998%2010.0162%203.92998%2010.162%204.02915L10.6462%204.34997V2.12167C10.6462%201.91167%2010.7978%201.73081%2011.002%201.68998C11.1712%201.66081%2011.3404%201.63748%2011.492%201.62582C11.5037%201.62582%2011.5504%201.62582%2011.562%201.62582C11.9879%201.59082%2012.4253%201.73666%2012.752%202.04C13.0845%202.34333%2013.2653%202.76331%2013.2653%203.22414V10.265C13.2653%2011.0466%2012.6354%2011.7583%2011.8654%2011.8517L11.6729%2011.875C10.4712%2012.0325%208.54618%2012.6683%207.47868%2013.2575C7.35035%2013.3392%207.17535%2013.38%207.00035%2013.38ZM2.322%202.48914C2.13533%202.48914%201.96619%202.55331%201.83202%202.67581C1.68619%202.80998%201.60451%203.00247%201.60451%203.21831V10.265C1.60451%2010.6091%201.90202%2010.9416%202.23452%2010.9883L2.40952%2011.0117C3.72202%2011.1867%205.73452%2011.8458%206.90119%2012.4875C6.95369%2012.5108%207.0295%2012.5167%207.05867%2012.505C8.23117%2011.8575%2010.2495%2011.1925%2011.5679%2011.0175L11.7662%2010.9942C12.0987%2010.9533%2012.3962%2010.615%2012.3962%2010.2708V3.22998C12.3962%203.01415%2012.3145%202.82749%2012.1687%202.68749C12.0228%202.55332%2011.8187%202.48915%2011.6087%202.50082C11.5912%202.50082%2011.5387%202.50082%2011.527%202.50082V5.16666C11.527%205.32999%2011.4395%205.47581%2011.2937%205.55164C11.1478%205.62747%2010.9787%205.62165%2010.8445%205.52832L9.92285%204.91583L9.00118%205.52832C8.86701%205.61582%208.69783%205.62747%208.552%205.55164C8.412%205.47581%208.31869%205.32999%208.31869%205.16666V3.45749C8.06785%203.57999%207.84033%203.70249%207.642%203.81916L7.54868%203.87748C7.22785%204.07581%206.77286%204.07581%206.46369%203.88331L6.3237%203.79584C5.33786%203.1775%203.54117%202.58247%202.39784%202.48914C2.36867%202.48914%202.34533%202.48914%202.322%202.48914Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20d%3D%22M7%2012.8901C6.76083%2012.8901%206.5625%2012.6918%206.5625%2012.4526V3.70264C6.5625%203.46347%206.76083%203.26514%207%203.26514C7.23917%203.26514%207.4375%203.46347%207.4375%203.70264V12.4526C7.4375%2012.6976%207.23917%2012.8901%207%2012.8901Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20d%3D%22M11.0833%205.60416C10.9958%205.60416%2010.9142%205.58082%2010.8383%205.52832L9.91667%204.91583L8.99499%205.52832C8.86082%205.61582%208.69168%205.62748%208.54585%205.55164C8.40585%205.47581%208.3125%205.32999%208.3125%205.16666V2.78665C8.3125%202.60582%208.42332%202.44831%208.58665%202.37831C9.39165%202.05748%2010.2725%201.80665%2011.0133%201.68998C11.1417%201.66665%2011.27%201.70751%2011.3692%201.78917C11.4683%201.87084%2011.5208%201.99334%2011.5208%202.12168V5.16666C11.5208%205.32999%2011.4333%205.47581%2011.2875%205.55164C11.2233%205.58664%2011.1533%205.60416%2011.0833%205.60416ZM9.91667%203.95332C9.99833%203.95332%2010.0858%203.97665%2010.1617%204.02915L10.6458%204.34998V2.65249C10.1792%202.75749%209.67167%202.90916%209.1875%203.08999V4.34998L9.67168%204.02915C9.74751%203.97665%209.835%203.95332%209.91667%203.95332Z%22%20fill%3D%22%230A1629%22%2F%3E%3C%2Fsvg%3E";
+
+var Teacher = "data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.00569%209.91681C6.50986%209.91681%206.00819%209.78848%205.61736%209.53764L2.10569%207.24514C1.45236%206.81931%201.06152%206.10181%201.06152%205.32014C1.06152%204.53848%201.45236%203.82098%202.10569%203.39514L5.62319%201.10848C6.40486%200.600976%207.62402%200.600976%208.39986%201.11431L11.894%203.40681C12.5415%203.83264%2012.9324%204.55014%2012.9324%205.32598C12.9324%206.10181%2012.5415%206.81931%2011.894%207.24514L8.39986%209.53764C8.00902%209.79431%207.50736%209.91681%207.00569%209.91681ZM7.00569%201.60431C6.67319%201.60431%206.34069%201.68014%206.10152%201.84348L2.58986%204.13014C2.18152%204.39848%201.94236%204.83014%201.94236%205.32014C1.94236%205.81014%202.17569%206.24181%202.58986%206.51014L6.10152%208.80264C6.58569%209.11764%207.43736%209.11764%207.92152%208.80264L11.4157%206.51014C11.824%206.24181%2012.0574%205.81014%2012.0574%205.32014C12.0574%204.83014%2011.824%204.39848%2011.4157%204.13014L7.92152%201.83764C7.67652%201.68598%207.34402%201.60431%207.00569%201.60431Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20d%3D%22M7.00002%2013.2708C6.74336%2013.2708%206.48086%2013.2358%206.27086%2013.1658L4.41002%2012.5475C3.52919%2012.2558%202.83502%2011.2933%202.84086%2010.3658L2.84669%207.63C2.84669%207.39084%203.04502%207.1925%203.28419%207.1925C3.52336%207.1925%203.72169%207.39084%203.72169%207.63L3.71586%2010.3658C3.71586%2010.9142%204.17086%2011.5442%204.69002%2011.7192L6.55086%2012.3375C6.78419%2012.4133%207.21586%2012.4133%207.44919%2012.3375L9.31002%2011.7192C9.82919%2011.5442%2010.2842%2010.9142%2010.2842%2010.3717V7.66501C10.2842%207.42584%2010.4825%207.22751%2010.7217%207.22751C10.9609%207.22751%2011.1592%207.42584%2011.1592%207.66501V10.3717C11.1592%2011.2992%2010.4709%2012.2558%209.59002%2012.5533L7.72919%2013.1717C7.51919%2013.2358%207.25669%2013.2708%207.00002%2013.2708Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20d%3D%22M12.4834%209.1875C12.2442%209.1875%2012.0459%208.98917%2012.0459%208.75V5.25C12.0459%205.01083%2012.2442%204.8125%2012.4834%204.8125C12.7226%204.8125%2012.9209%205.01083%2012.9209%205.25V8.75C12.9209%208.98917%2012.7226%209.1875%2012.4834%209.1875Z%22%20fill%3D%22%230A1629%22%2F%3E%3C%2Fsvg%3E";
+
+var StarIcon = "data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.33006%2011.8352C9.06506%2011.8352%208.72506%2011.7502%208.30006%2011.5002L6.80506%2010.6152C6.65006%2010.5252%206.35006%2010.5252%206.20006%2010.6152L4.70006%2011.5002C3.81506%2012.0252%203.29506%2011.8152%203.06006%2011.6452C2.83006%2011.4752%202.47006%2011.0402%202.70506%2010.0402L3.06006%208.50516C3.10006%208.34516%203.02006%208.07016%202.90006%207.95016L1.66006%206.71016C1.04006%206.09016%201.09006%205.56016%201.17506%205.30016C1.26006%205.04016%201.53006%204.58016%202.39006%204.43516L3.98506%204.17016C4.13506%204.14516%204.35006%203.98516%204.41506%203.85016L5.30006%202.08516C5.70006%201.28016%206.22506%201.16016%206.50006%201.16016C6.77506%201.16016%207.30006%201.28016%207.70006%202.08516L8.58006%203.84516C8.65006%203.98016%208.86506%204.14016%209.01506%204.16516L10.6101%204.43016C11.4751%204.57516%2011.7451%205.03516%2011.8251%205.29516C11.9051%205.55516%2011.9551%206.08516%2011.3401%206.70516L10.1001%207.95016C9.98006%208.07016%209.90506%208.34016%209.94006%208.50516L10.2951%2010.0402C10.5251%2011.0402%2010.1701%2011.4752%209.94006%2011.6452C9.81506%2011.7352%209.61506%2011.8352%209.33006%2011.8352ZM6.50006%209.79516C6.74506%209.79516%206.99006%209.85516%207.18506%209.97016L8.68006%2010.8552C9.11506%2011.1152%209.39006%2011.1152%209.49506%2011.0402C9.60006%2010.9652%209.67506%2010.7002%209.56506%2010.2102L9.21006%208.67516C9.11506%208.26016%209.27006%207.72516%209.57006%207.42016L10.8101%206.18016C11.0551%205.93516%2011.1651%205.69516%2011.1151%205.53016C11.0601%205.36516%2010.8301%205.23016%2010.4901%205.17516L8.89506%204.91016C8.51006%204.84516%208.09006%204.53516%207.91506%204.18516L7.03506%202.42516C6.87506%202.10516%206.67506%201.91516%206.50006%201.91516C6.32506%201.91516%206.12506%202.10516%205.97006%202.42516L5.08506%204.18516C4.91006%204.53516%204.49006%204.84516%204.10506%204.91016L2.51506%205.17516C2.17506%205.23016%201.94506%205.36516%201.89006%205.53016C1.83506%205.69516%201.95006%205.94016%202.19506%206.18016L3.43506%207.42016C3.73506%207.72016%203.89006%208.26016%203.79506%208.67516L3.44006%2010.2102C3.32506%2010.7052%203.40506%2010.9652%203.51006%2011.0402C3.61506%2011.1152%203.88506%2011.1102%204.32506%2010.8552L5.82006%209.97016C6.01006%209.85516%206.25506%209.79516%206.50006%209.79516Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E";
+
 const SingleSlide = ({
   data,
   sectionIndex
@@ -6631,7 +6646,13 @@ const SingleSlide = ({
     className: classes.singleSlideContainer
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.imageContainer
-  }, /*#__PURE__*/React__default["default"].createElement(NextImageRenderer, {
+  }, data?.teamSlideStarTutor?.metadata?.value === 'true' ? /*#__PURE__*/React__default["default"].createElement("span", {
+    className: classes.starTag
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: StarIcon
+  }), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: classes.starTagText
+  }, "Star Tutor")) : null, /*#__PURE__*/React__default["default"].createElement(NextImageRenderer, {
     ref: data?.image?.refSetter,
     className: classes.image,
     alt: "Hero Image",
@@ -6646,12 +6667,36 @@ const SingleSlide = ({
       __html: data.teamSlideTitle.metadata.value
     }
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    ref: data?.teamSlideSubTitle?.refSetter,
+    className: classes.subHeadingWrapper
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: RankIcon
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: data?.teamSlideYearOfExperience?.refSetter,
     className: classes.teamDetailsSubHeading,
     dangerouslySetInnerHTML: {
-      __html: data.teamSlideSubTitle.metadata.value
+      __html: data.teamSlideYearOfExperience.metadata.value
     }
-  })));
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.subHeadingWrapper
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: Book
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: data?.teamSlideSpecialisation?.refSetter,
+    className: classes.teamDetailsSubHeading,
+    dangerouslySetInnerHTML: {
+      __html: data.teamSlideSpecialisation.metadata.value
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.subHeadingWrapper
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: Teacher
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: data?.teamSlideQualification?.refSetter,
+    className: classes.teamDetailsSubHeading,
+    dangerouslySetInnerHTML: {
+      __html: data.teamSlideQualification.metadata.value
+    }
+  }))));
 };
 
 function TeamCard({
@@ -6742,7 +6787,6 @@ const useSectionStyles$1 = createUseStyles(theme => ({
     //   }
     // }
   },
-
   formContainer: {
     margin: '0 auto',
     maxWidth: ({
@@ -6779,14 +6823,12 @@ const useSectionStyles$1 = createUseStyles(theme => ({
     display: 'flex'
     // alignItems: 'flex-start',
   },
-
   leftContainerForm: {
     width: '65%',
     display: 'flex',
     flexDirection: 'column'
     // justifyContent: 'space-between'
   },
-
   subtitle: {
     // margin: '0 0 40px 0',
     fontSize: theme.typography.fontSize.h5,
@@ -6854,7 +6896,6 @@ const useSectionStyles$1 = createUseStyles(theme => ({
       width: '100%'
       // padding: '0 16ox'
     },
-
     rightContainer: {
       width: '100%',
       padding: '0'
@@ -7167,7 +7208,6 @@ const useSectionStyles = createUseStyles(theme => ({
     //   }
     // }
   },
-
   contactContainer: {
     width: '100%',
     margin: '0 auto',
@@ -7206,7 +7246,6 @@ const useSectionStyles = createUseStyles(theme => ({
     // justifyContent: 'space-between',
     // flex: 1
   },
-
   subtitle: {
     // margin: '0 0 auto 0',
     fontSize: theme.typography.fontSize.h6,
@@ -7651,7 +7690,6 @@ const useWebinarPromotionPage = createUseStyles(theme => {
       marginTop: '5%'
       // padding: '0px 5% 0px 5%'
     },
-
     iframe: {
       position: 'absolute',
       width: '100%',
@@ -7999,7 +8037,6 @@ const SingleVideoSlide$1 = props => {
       value: data.isPaid ? buyNowText : registerNowText
       // isExternal: 1
     },
-
     onClick: webinarCtaClick,
     type: 'primary',
     size: 'medium',
@@ -8068,7 +8105,6 @@ const useCoursePromotionPage = createUseStyles(theme => {
       //   }
       // }
     },
-
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -8186,7 +8222,6 @@ const useCoursePromotionPage = createUseStyles(theme => {
       // paddingBottom: '10px',
       // paddingTop: '10px'
     },
-
     bannerContainer: {
       width: '100%',
       background: theme?.colors?.bannerColor,
@@ -8201,7 +8236,6 @@ const useCoursePromotionPage = createUseStyles(theme => {
       clipPath: 'polygon(0 0, 100% 0, 100% calc(100% - 10px), 0 calc(100% - 10px), 15px calc(50% - 10px/2))'
       // marginBottom: '16px'
     },
-
     bannerContainerText: {
       transform: 'rotate(180deg)'
     },
@@ -8314,7 +8348,6 @@ const useCoursePromotionPage = createUseStyles(theme => {
         height: 'max-content'
         // paddingRight: '10px'
       },
-
       videoDetails: {
         width: '100%'
       },
@@ -8573,7 +8606,6 @@ const SingleVideoSlide = props => {
       value: buyNowText
       // isExternal: 1
     },
-
     onClick: courseBuyNow,
     type: 'primary',
     size: 'medium',
@@ -8678,7 +8710,6 @@ const useFormPageStyles = createUseStyles(theme => ({
     // border: '1px solid #D8E0F0',
     // borderRadius: '16px'
   },
-
   inputFieldLabel: {
     color: theme?.colors?.lightblack,
     fontSize: theme.typography.fontSize.body,
@@ -8991,7 +9022,6 @@ const FormPage = ({
       value: countryCode === 'KR' ? '제출하기' : 'SUBMIT'
       // isExternal: 1
     },
-
     type: 'primary',
     size: 'medium',
     target: null,
@@ -9174,7 +9204,6 @@ const useEmailStyles = createUseStyles(theme => ({
     height: '48px'
     /* margin: 18px 0px; */
   },
-
   'p-young-guru-title': {
     fontFamily: theme?.typography?.fontFamily,
     fontStyle: 'normal',
@@ -9202,7 +9231,6 @@ const useEmailStyles = createUseStyles(theme => ({
     textAlign: 'center'
     /* padding:35px 0 40px */
   },
-
   'two-columns .column': {
     width: '100%',
     maxWidth: '275px',