diy-template-components 2.0.52 → 2.0.54

package/build/index.js

@@ -678,6 +678,14 @@ var calendar$1 = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%
 
 var video = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2219%22%20viewBox%3D%220%200%2018%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.8625%205.1275C15.555%204.9625%2014.91%204.79%2014.0325%205.405L12.93%206.185C12.8475%203.8525%2011.835%202.9375%209.375%202.9375H4.875C2.31%202.9375%201.3125%203.935%201.3125%206.5V12.5C1.3125%2014.225%202.25%2016.0625%204.875%2016.0625H9.375C11.835%2016.0625%2012.8475%2015.1475%2012.93%2012.815L14.0325%2013.595C14.4975%2013.925%2014.9025%2014.03%2015.225%2014.03C15.5025%2014.03%2015.72%2013.9475%2015.8625%2013.8725C16.17%2013.715%2016.6875%2013.2875%2016.6875%2012.215V6.785C16.6875%205.7125%2016.17%205.285%2015.8625%205.1275ZM8.25%209.035C7.4775%209.035%206.84%208.405%206.84%207.625C6.84%206.845%207.4775%206.215%208.25%206.215C9.0225%206.215%209.66%206.845%209.66%207.625C9.66%208.405%209.0225%209.035%208.25%209.035Z%22%20fill%3D%22%23589DF5%22%2F%3E%3C%2Fsvg%3E";
 
+var bookSavedIcon = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22vuesax%2Foutline%2Fbook-saved%22%3E%3Cg%20id%3D%22book-saved%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M9.9998%2018.4C9.7498%2018.4%209.49982%2018.3417%209.29148%2018.225C7.73315%2017.375%204.9998%2016.475%203.28313%2016.25L3.04148%2016.2167C1.94982%2016.0834%201.0498%2015.0583%201.0498%2013.95V3.88333C1.0498%203.225%201.30814%202.62503%201.78314%202.19169C2.25814%201.75836%202.87478%201.55002%203.52478%201.60835C5.34978%201.75835%208.11646%202.67503%209.68313%203.65003L9.88312%203.76671C9.94145%203.79171%2010.0665%203.80004%2010.1165%203.76671L10.2498%203.68334C10.8081%203.33334%2011.5081%202.99166%2012.2748%202.68333C12.4664%202.60833%2012.6831%202.63335%2012.8581%202.75001C13.0331%202.86668%2013.1331%203.05834%2013.1331%203.26667V5.5L13.8248%205.04168C14.0332%204.90001%2014.3081%204.90001%2014.5164%205.04168L15.2081%205.5V2.31671C15.2081%202.01671%2015.4248%201.75834%2015.7165%201.7C15.9581%201.65834%2016.1998%201.62502%2016.4165%201.60835C16.4331%201.60835%2016.4998%201.60835%2016.5165%201.60835C17.1248%201.55835%2017.7498%201.7667%2018.2165%202.20003C18.6915%202.63337%2018.9498%203.23334%2018.9498%203.89167V13.95C18.9498%2015.0667%2018.0498%2016.0834%2016.9498%2016.2167L16.6748%2016.25C14.9581%2016.475%2012.2081%2017.3834%2010.6831%2018.225C10.4998%2018.3417%2010.2498%2018.4%209.9998%2018.4ZM3.31645%202.84167C3.04978%202.84167%202.80814%202.93334%202.61648%203.10834C2.40814%203.30001%202.29146%203.575%202.29146%203.88333V13.95C2.29146%2014.4417%202.71648%2014.9167%203.19148%2014.9833L3.44147%2015.0167C5.31647%2015.2667%208.19148%2016.2083%209.85814%2017.125C9.93314%2017.1583%2010.0414%2017.1667%2010.0831%2017.15C11.7581%2016.225%2014.6415%2015.275%2016.5248%2015.025L16.8081%2014.9917C17.2831%2014.9333%2017.7081%2014.45%2017.7081%2013.9584V3.90002C17.7081%203.59168%2017.5915%203.32502%2017.3831%203.12502C17.1748%202.93336%2016.8832%202.84168%2016.5832%202.85835C16.5582%202.85835%2016.4831%202.85835%2016.4665%202.85835V6.66669C16.4665%206.90002%2016.3415%207.10833%2016.1331%207.21667C15.9248%207.325%2015.6832%207.31669%2015.4915%207.18335L14.1748%206.30836L12.8581%207.18335C12.6665%207.30835%2012.4248%207.325%2012.2164%207.21667C12.0164%207.10833%2011.8831%206.90002%2011.8831%206.66669V4.22503C11.5248%204.40003%2011.1998%204.57502%2010.9164%204.74169L10.7831%204.825C10.3248%205.10834%209.67481%205.10835%209.23314%204.83335L9.03315%204.70838C7.62482%203.82504%205.05812%202.975%203.42478%202.84167C3.38312%202.84167%203.34978%202.84167%203.31645%202.84167Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M10%2017.7002C9.65833%2017.7002%209.375%2017.4169%209.375%2017.0752V4.5752C9.375%204.23353%209.65833%203.9502%2010%203.9502C10.3417%203.9502%2010.625%204.23353%2010.625%204.5752V17.0752C10.625%2017.4252%2010.3417%2017.7002%2010%2017.7002Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M15.8333%207.29166C15.7083%207.29166%2015.5917%207.25832%2015.4833%207.18332L14.1667%206.30833L12.85%207.18332C12.6583%207.30832%2012.4167%207.32497%2012.2084%207.21664C12.0084%207.1083%2011.875%206.89999%2011.875%206.66666V3.26664C11.875%203.00831%2012.0333%202.7833%2012.2666%202.6833C13.4166%202.22497%2014.675%201.86664%2015.7333%201.69997C15.9167%201.66664%2016.1%201.72501%2016.2417%201.84168C16.3833%201.95834%2016.4583%202.13335%2016.4583%202.31668V6.66666C16.4583%206.89999%2016.3333%207.1083%2016.125%207.21664C16.0333%207.26663%2015.9333%207.29166%2015.8333%207.29166ZM14.1667%204.93331C14.2833%204.93331%2014.4083%204.96665%2014.5167%205.04165L15.2083%205.49997V3.07499C14.5417%203.22499%2013.8167%203.44166%2013.125%203.69999V5.49997L13.8167%205.04165C13.925%204.96665%2014.05%204.93331%2014.1667%204.93331Z%22%20fill%3D%22%230A1629%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var teacherIcon = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22vuesax%2Foutline%2Fteacher%22%3E%3Cg%20id%3D%22teacher%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M10.0083%2014.1669C9.29994%2014.1669%208.58327%2013.9836%208.02494%2013.6252L3.00827%2010.3502C2.07493%209.74191%201.5166%208.71691%201.5166%207.60024C1.5166%206.48358%202.07493%205.45858%203.00827%204.85024L8.03327%201.58358C9.14994%200.858576%2010.8916%200.858576%2011.9999%201.59191L16.9916%204.86691C17.9166%205.47524%2018.4749%206.50024%2018.4749%207.60858C18.4749%208.71691%2017.9166%209.74191%2016.9916%2010.3502L11.9999%2013.6252C11.4416%2013.9919%2010.7249%2014.1669%2010.0083%2014.1669ZM10.0083%202.29191C9.53327%202.29191%209.05827%202.40024%208.7166%202.63358L3.69993%205.90024C3.1166%206.28358%202.77493%206.90024%202.77493%207.60024C2.77493%208.30024%203.10827%208.91691%203.69993%209.30024L8.7166%2012.5752C9.40827%2013.0252%2010.6249%2013.0252%2011.3166%2012.5752L16.3083%209.30024C16.8916%208.91691%2017.2249%208.30024%2017.2249%207.60024C17.2249%206.90024%2016.8916%206.28358%2016.3083%205.90024L11.3166%202.62524C10.9666%202.40858%2010.4916%202.29191%2010.0083%202.29191Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M10.0003%2018.9584C9.63365%2018.9584%209.25865%2018.9084%208.95865%2018.8084L6.30031%2017.925C5.04198%2017.5084%204.05031%2016.1334%204.05865%2014.8084L4.06698%2010.9C4.06698%2010.5584%204.35031%2010.275%204.69198%2010.275C5.03365%2010.275%205.31698%2010.5584%205.31698%2010.9L5.30865%2014.8084C5.30865%2015.5917%205.95865%2016.4917%206.70031%2016.7417L9.35865%2017.625C9.69198%2017.7334%2010.3086%2017.7334%2010.642%2017.625L13.3003%2016.7417C14.042%2016.4917%2014.692%2015.5917%2014.692%2014.8167V10.95C14.692%2010.6084%2014.9753%2010.325%2015.317%2010.325C15.6586%2010.325%2015.942%2010.6084%2015.942%2010.95V14.8167C15.942%2016.1417%2014.9586%2017.5084%2013.7003%2017.9334L11.042%2018.8167C10.742%2018.9084%2010.367%2018.9584%2010.0003%2018.9584Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M17.834%2013.125C17.4923%2013.125%2017.209%2012.8417%2017.209%2012.5V7.5C17.209%207.15833%2017.4923%206.875%2017.834%206.875C18.1757%206.875%2018.459%207.15833%2018.459%207.5V12.5C18.459%2012.8417%2018.1757%2013.125%2017.834%2013.125Z%22%20fill%3D%22%230A1629%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var medalIcon = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22vuesax%2Foutline%2Fmedal-star%22%3E%3Cg%20id%3D%22medal-star%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M10.0003%2013.9583C9.66699%2013.9583%209.33366%2013.9333%209.01699%2013.875C7.25033%2013.6167%205.64199%2012.6%204.62533%2011.0917C3.91699%2010.025%203.54199%208.78332%203.54199%207.49999C3.54199%203.94166%206.44199%201.04166%2010.0003%201.04166C13.5587%201.04166%2016.4587%203.94166%2016.4587%207.49999C16.4587%208.78332%2016.0837%2010.025%2015.3753%2011.0917C14.3503%2012.6083%2012.742%2013.6167%2010.9587%2013.8833C10.667%2013.9333%2010.3337%2013.9583%2010.0003%2013.9583ZM10.0003%202.29166C7.12533%202.29166%204.79199%204.62499%204.79199%207.49999C4.79199%208.54166%205.09199%209.54166%205.65866%2010.3917C6.48366%2011.6083%207.77533%2012.425%209.20866%2012.6333C9.74199%2012.725%2010.267%2012.725%2010.7587%2012.6333C12.217%2012.425%2013.5087%2011.6%2014.3337%2010.3833C14.9003%209.53332%2015.2003%208.53332%2015.2003%207.49165C15.2087%204.62498%2012.8753%202.29166%2010.0003%202.29166Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M5.39111%2018.825C5.27444%2018.825%205.16611%2018.8083%205.04944%2018.7833C4.50777%2018.6583%204.09111%2018.2416%203.96611%2017.7L3.67444%2016.475C3.65777%2016.4%203.59944%2016.3416%203.51611%2016.3166L2.14111%2015.9917C1.62444%2015.8667%201.21611%2015.4833%201.07444%2014.975C0.932774%2014.4667%201.07444%2013.9167%201.44944%2013.5417L4.69944%2010.2917C4.83277%2010.1583%205.01611%2010.0917%205.19944%2010.1083C5.38277%2010.125%205.54944%2010.225%205.65777%2010.3833C6.48277%2011.6%207.77444%2012.425%209.21611%2012.6333C9.74944%2012.725%2010.2744%2012.725%2010.7661%2012.6333C12.2244%2012.425%2013.5161%2011.6%2014.3411%2010.3833C14.4411%2010.225%2014.6161%2010.125%2014.7994%2010.1083C14.9828%2010.0917%2015.1661%2010.1583%2015.2994%2010.2917L18.5494%2013.5417C18.9244%2013.9167%2019.0661%2014.4667%2018.9244%2014.975C18.7828%2015.4833%2018.3661%2015.875%2017.8578%2015.9917L16.4828%2016.3166C16.4078%2016.3333%2016.3494%2016.3916%2016.3244%2016.475L16.0328%2017.7C15.9078%2018.2416%2015.4911%2018.6583%2014.9494%2018.7833C14.4078%2018.9167%2013.8494%2018.725%2013.4994%2018.3L9.99944%2014.275L6.49944%2018.3083C6.21611%2018.6417%205.81611%2018.825%205.39111%2018.825ZM5.07444%2011.6916L2.33277%2014.4333C2.25777%2014.5083%202.26611%2014.5917%202.28277%2014.6417C2.29111%2014.6833%202.33277%2014.7666%202.43277%2014.7833L3.80777%2015.1083C4.34944%2015.2333%204.76611%2015.65%204.89111%2016.1916L5.18277%2017.4166C5.20777%2017.525%205.29111%2017.5583%205.34111%2017.575C5.39111%2017.5833%205.47444%2017.5917%205.54944%2017.5083L8.74111%2013.8333C7.32444%2013.5583%206.02444%2012.8%205.07444%2011.6916ZM11.2578%2013.825L14.4494%2017.4916C14.5244%2017.5833%2014.6161%2017.5833%2014.6661%2017.5666C14.7161%2017.5583%2014.7911%2017.5167%2014.8244%2017.4083L15.1161%2016.1833C15.2411%2015.6417%2015.6578%2015.225%2016.1994%2015.1L17.5744%2014.775C17.6744%2014.75%2017.7161%2014.675%2017.7244%2014.6333C17.7411%2014.5916%2017.7494%2014.5%2017.6744%2014.425L14.9328%2011.6833C13.9744%2012.7916%2012.6828%2013.55%2011.2578%2013.825Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M11.5753%2010.7419C11.3586%2010.7419%2011.1003%2010.6835%2010.7919%2010.5002L10.0003%2010.0252L9.20861%2010.4919C8.48361%2010.9252%208.00861%2010.6752%207.83361%2010.5502C7.65861%2010.4252%207.28361%2010.0502%207.47528%209.22521L7.67528%208.36688L7.00861%207.75019C6.64195%207.38353%206.50861%206.94188%206.63361%206.54188C6.75861%206.14188%207.12528%205.85853%207.64195%205.7752L8.53361%205.6252L8.95861%204.69187C9.20028%204.21687%209.57528%203.9502%2010.0003%203.9502C10.4253%203.9502%2010.8086%204.22522%2011.0419%204.70022L11.5336%205.68354L12.3586%205.78354C12.8669%205.86687%2013.2336%206.15019%2013.3669%206.55019C13.4919%206.95019%2013.3586%207.39187%2012.9919%207.75853L12.3003%208.45022L12.5169%209.22521C12.7086%2010.0502%2012.3336%2010.4252%2012.1586%2010.5502C12.0669%2010.6252%2011.8669%2010.7419%2011.5753%2010.7419ZM8.00861%206.99188L8.58361%207.56686C8.85028%207.83353%208.98361%208.28354%208.90028%208.65021L8.74195%209.31686L9.40861%208.9252C9.76695%208.71686%2010.2503%208.71686%2010.6003%208.9252L11.2669%209.31686L11.1169%208.65021C11.0336%208.27521%2011.1586%207.83353%2011.4253%207.56686L12.0003%206.99188L11.2753%206.86686C10.9253%206.80853%2010.5753%206.55021%2010.4169%206.23355L10.0003%205.41687L9.58361%206.2502C9.43361%206.55854%209.08361%206.82521%208.73361%206.88355L8.00861%206.99188Z%22%20fill%3D%22%230A1629%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var groupProfile = "data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22vuesax%2Foutline%2Fprofile-2user%22%3E%3Cg%20id%3D%22profile-2user%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M12.2124%2015.4933C12.1724%2015.4933%2012.1458%2015.4933%2012.1058%2015.4933C12.0391%2015.48%2011.9458%2015.48%2011.8658%2015.4933C7.9991%2015.3733%205.0791%2012.3333%205.0791%208.58666C5.0791%204.77332%208.18577%201.66666%2011.9991%201.66666C15.8124%201.66666%2018.9191%204.77332%2018.9191%208.58666C18.9058%2012.3333%2015.9724%2015.3733%2012.2524%2015.4933C12.2391%2015.4933%2012.2258%2015.4933%2012.2124%2015.4933ZM11.9991%203.66666C9.29244%203.66666%207.0791%205.87999%207.0791%208.58666C7.0791%2011.2533%209.1591%2013.4%2011.8124%2013.4933C11.8924%2013.48%2012.0658%2013.48%2012.2391%2013.4933C14.8524%2013.3733%2016.9058%2011.2267%2016.9191%208.58666C16.9191%205.87999%2014.7058%203.66666%2011.9991%203.66666Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M22.0522%2015.6667C22.0122%2015.6667%2021.9722%2015.6667%2021.9322%2015.6533C21.3855%2015.7067%2020.8255%2015.32%2020.7722%2014.7733C20.7188%2014.2267%2021.0522%2013.7333%2021.5988%2013.6667C21.7588%2013.6533%2021.9322%2013.6533%2022.0788%2013.6533C24.0255%2013.5467%2025.5455%2011.9467%2025.5455%209.98668C25.5455%207.96001%2023.9055%206.32001%2021.8788%206.32001C21.3322%206.33334%2020.8788%205.88001%2020.8788%205.33334C20.8788%204.78668%2021.3322%204.33334%2021.8788%204.33334C24.9988%204.33334%2027.5455%206.88001%2027.5455%2010C27.5455%2013.0667%2025.1455%2015.5467%2022.0922%2015.6667C22.0788%2015.6667%2022.0655%2015.6667%2022.0522%2015.6667Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M12.2261%2030.0666C9.61281%2030.0666%206.98615%2029.4%204.99948%2028.0666C3.14615%2026.84%202.13281%2025.16%202.13281%2023.3333C2.13281%2021.5066%203.14615%2019.8133%204.99948%2018.5733C8.99948%2015.92%2015.4795%2015.92%2019.4528%2018.5733C21.2928%2019.8%2022.3195%2021.48%2022.3195%2023.3066C22.3195%2025.1333%2021.3061%2026.8266%2019.4528%2028.0666C17.4528%2029.4%2014.8395%2030.0666%2012.2261%2030.0666ZM6.10615%2020.2533C4.82615%2021.1066%204.13281%2022.2%204.13281%2023.3466C4.13281%2024.48%204.83948%2025.5733%206.10615%2026.4133C9.42615%2028.64%2015.0261%2028.64%2018.3461%2026.4133C19.6261%2025.56%2020.3195%2024.4666%2020.3195%2023.32C20.3195%2022.1866%2019.6128%2021.0933%2018.3461%2020.2533C15.0261%2018.04%209.42615%2018.04%206.10615%2020.2533Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_4%22%20d%3D%22M24.4526%2027.6667C23.9859%2027.6667%2023.5726%2027.3467%2023.4792%2026.8667C23.3726%2026.32%2023.7192%2025.8%2024.2526%2025.68C25.0926%2025.5067%2025.8659%2025.1734%2026.4659%2024.7067C27.2259%2024.1334%2027.6392%2023.4134%2027.6392%2022.6534C27.6392%2021.8934%2027.2259%2021.1734%2026.4792%2020.6134C25.8926%2020.16%2025.1592%2019.84%2024.2926%2019.64C23.7592%2019.52%2023.4126%2018.9867%2023.5326%2018.44C23.6526%2017.9067%2024.1859%2017.56%2024.7326%2017.68C25.8792%2017.9334%2026.8792%2018.3867%2027.6926%2019.0134C28.9326%2019.9467%2029.6392%2021.2667%2029.6392%2022.6534C29.6392%2024.04%2028.9192%2025.36%2027.6792%2026.3067C26.8526%2026.9467%2025.8126%2027.4134%2024.6659%2027.64C24.5859%2027.6667%2024.5192%2027.6667%2024.4526%2027.6667Z%22%20fill%3D%22%230A1629%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E";
+
 /** @returns {import('./types').IconData} */
 const getConfiguredIcon1 = url => ({
   url,
@@ -778,7 +786,11 @@ const icons = {
   'Book Saved': getConfiguredIcon2(bookSaved, false, true),
   Certificate: getConfiguredIcon2(certificate, false, true),
   Calendar: getConfiguredIcon2(calendar$1, false, true),
-  Video: getConfiguredIcon2(video, false, true)
+  Video: getConfiguredIcon2(video, false, true),
+  BookSaved: getConfiguredIcon2(bookSavedIcon, false, true),
+  Teacher: getConfiguredIcon2(teacherIcon, false, true),
+  Medal: getConfiguredIcon2(medalIcon, false, true),
+  GroupProfile: getConfiguredIcon2(groupProfile, false, true)
 };
 
 const someMethod1 = ( /** @type {import('./types').IconData["svgChildrenConfigs"]} */svgChildrenConfigs, color, hoverColor) => {
@@ -1077,12 +1089,23 @@ function OptionList({
     isPreview,
     countryCode
   } = React.useContext(PageContext);
+  function checkIsActiveTab(slug = '') {
+    if (typeof window !== 'undefined') {
+      const pathname = window.location.pathname;
+      const slugFromPathname = pathname?.split('/')[1];
+      if (slug && slugFromPathname.includes(slug)) {
+        return true;
+      } else {
+        return false;
+      }
+    }
+  }
   const tabsDataModifier = () => {
     return optionsData?.map(dt => {
       return {
         value: dt.title,
         link: dt.slug,
-        active: dt.active,
+        active: checkIsActiveTab(dt.slug),
         isLink: true,
         isExternal: 0
       };
@@ -1563,13 +1586,13 @@ function Header({
     header: data,
     isTutorWebsite: isTutorWebsite,
     isLandingPage: isLandingPage,
-    onDownloadAppTriggered: extraProps.DownloadAppButtonTriggered
+    onDownloadAppTriggered: extraProps?.DownloadAppButtonTriggered
   }) : /*#__PURE__*/React__default["default"].createElement(DesktopHeader, {
     navData: filterHiddenNavs(),
     header: data,
     isTutorWebsite: isTutorWebsite,
     isLandingPage: isLandingPage,
-    onDownloadAppTriggered: extraProps.DownloadAppButtonTriggered
+    onDownloadAppTriggered: extraProps?.DownloadAppButtonTriggered
   });
 }
 
@@ -2161,28 +2184,29 @@ function NanumSquare() {
 }
 
 const TYPE_TO_COMPONENT_MAP$1 = {
-  BANNER_CAROUSEL_RIGHT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$l; })),
-  GRID_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$k; })),
-  BANNER_CAROUSEL_CENTER: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$j; })),
-  BANNER_CAROUSEL_LEFT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$i; })),
-  FORM_SUBSCRIBE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$h; })),
-  TEXT_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$g; })),
-  VIDEO_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$f; })),
-  VIDEO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$e; })),
-  INFO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$d; })),
-  TEXT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$c; })),
-  IMAGE_GALLERY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$b; })),
-  FAQ_LISTING: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$a; })),
-  COURSE_CAROUSEL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$8; })),
-  TEAM_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$7; })),
-  TEXT_GRID: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$9; })),
-  CONTACT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$6; })),
-  FORM_ENQUIRY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$5; })),
-  WEBINAR_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$4; })),
-  COURSE_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$3; })),
-  FORM_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$2; })),
-  TILES_SECTION: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$1; })),
-  EMAIL_DRIP_MARKET: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index; }))
+  BANNER_CAROUSEL_RIGHT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$m; })),
+  GRID_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$l; })),
+  BANNER_CAROUSEL_CENTER: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$k; })),
+  BANNER_CAROUSEL_LEFT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$j; })),
+  FORM_SUBSCRIBE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$i; })),
+  TEXT_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$h; })),
+  VIDEO_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$g; })),
+  VIDEO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$f; })),
+  INFO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$e; })),
+  TEXT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$d; })),
+  IMAGE_GALLERY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$c; })),
+  FAQ_LISTING: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$b; })),
+  COURSE_CAROUSEL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$9; })),
+  TEAM_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$8; })),
+  TEXT_GRID: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$a; })),
+  CONTACT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$7; })),
+  FORM_ENQUIRY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$6; })),
+  WEBINAR_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$5; })),
+  COURSE_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$4; })),
+  FORM_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$3; })),
+  TILES_SECTION: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$2; })),
+  EMAIL_DRIP_MARKET: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$1; })),
+  ABOUT_INSTITUTE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index; }))
 };
 const getCompToRender$1 = type => TYPE_TO_COMPONENT_MAP$1[type] || (() => null);
 const MemoisedSection$1 = /*#__PURE__*/React.memo(({
@@ -2300,7 +2324,8 @@ const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
     gradient = themeColor[1];
     darkMode = themeColor[2];
   }
-  console.log('color', allColors, gradient, darkMode);
+
+  // console.log('color', allColors, gradient, darkMode);
 
   // switch (color) {
   //   case solidColors:
@@ -2933,7 +2958,7 @@ function BannerCarouselRight({
   })))));
 }
 
-var index$l = /*#__PURE__*/Object.freeze({
+var index$m = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselRight
 });
@@ -3159,7 +3184,7 @@ function List({
   }))));
 }
 
-var index$k = /*#__PURE__*/Object.freeze({
+var index$l = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': List
 });
@@ -3344,8 +3369,9 @@ const useSectionStyles$6 = createUseStyles(theme => {
         paddingBottom: '0'
       },
       centerBgImageContainerWithMobile: {
-        height: '40rem',
-        width: '100%'
+        // height: '40rem',
+        width: '100%',
+        aspectRatio: '1/2'
       },
       sectionContainer: {
         position: 'unset'
@@ -3453,7 +3479,7 @@ function BannerCarouselCenter({
   }))));
 }
 
-var index$j = /*#__PURE__*/Object.freeze({
+var index$k = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselCenter
 });
@@ -3685,7 +3711,7 @@ function BannerCarouselLeft({
   })))));
 }
 
-var index$i = /*#__PURE__*/Object.freeze({
+var index$j = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselLeft
 });
@@ -4081,7 +4107,7 @@ function SubscribeToNewsletter({
   })))))));
 }
 
-var index$h = /*#__PURE__*/Object.freeze({
+var index$i = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': SubscribeToNewsletter
 });
@@ -4369,7 +4395,7 @@ function Testimonials({
   }));
 }
 
-var index$g = /*#__PURE__*/Object.freeze({
+var index$h = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Testimonials
 });
@@ -4775,7 +4801,7 @@ function VideoTestimonial({
   }))))));
 }
 
-var index$f = /*#__PURE__*/Object.freeze({
+var index$g = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': VideoTestimonial
 });
@@ -5011,7 +5037,7 @@ function Video({
   }, carouselContent))));
 }
 
-var index$e = /*#__PURE__*/Object.freeze({
+var index$f = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Video
 });
@@ -5248,7 +5274,7 @@ function Info({
   }, carouselContent))));
 }
 
-var index$d = /*#__PURE__*/Object.freeze({
+var index$e = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Info
 });
@@ -5367,7 +5393,7 @@ const TextSection = ({
   })))));
 };
 
-var index$c = /*#__PURE__*/Object.freeze({
+var index$d = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextSection
 });
@@ -5592,7 +5618,7 @@ function PhotoGallery({
   }, carouselContent))));
 }
 
-var index$b = /*#__PURE__*/Object.freeze({
+var index$c = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PhotoGallery
 });
@@ -5775,7 +5801,7 @@ const Accordion = ({
   })));
 };
 
-var index$a = /*#__PURE__*/Object.freeze({
+var index$b = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FAQListing
 });
@@ -5946,7 +5972,7 @@ const TextGrid = ({
   }, carouselContent))));
 };
 
-var index$9 = /*#__PURE__*/Object.freeze({
+var index$a = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextGrid
 });
@@ -6478,7 +6504,7 @@ function SimpleCardsContainer({
   }, children);
 }
 
-var index$8 = /*#__PURE__*/Object.freeze({
+var index$9 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': courses
 });
@@ -6512,7 +6538,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,
@@ -6521,47 +6548,44 @@ 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'
     },
     contentRow: {
-      display: 'grid',
-      gridTemplateColumns: ({
-        slidesToShow
-      } = {}) => `repeat(${slidesToShow},minmax(0, 1fr))`
+      display: 'flex',
+      justifyContent: 'center',
+      gap: '20px'
+      // gridTemplateColumns: ({ slidesToShow } = {}) =>
+      //   `repeat(${slidesToShow},minmax(0, 1fr))`
     },
+
     singleSlideContainer: {
       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,
+      margin: '20px 0',
+      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'
+      position: 'relative',
+      height: '208px'
     },
     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'
     },
 
@@ -6570,13 +6594,45 @@ const useTeamStyles = createUseStyles(theme => {
       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: '400',
+      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: {
@@ -6599,16 +6655,15 @@ const useTeamStyles = createUseStyles(theme => {
       },
       singleSlideContainer: {
         padding: '24px',
-        width: 'calc(100% - 16px)',
+        // width: 'calc(100% - 16px)',
         margin: '12px 4px',
         minHeight: '260px'
       },
       teamDetailsContainer: {
-        textAlign: 'center'
+        // textAlign: 'center'
         // margin: '15px 0 0',
         // paddingBottom: '0'
       },
-
       teamDetailsHeading: {
         fontSize: '16px',
         lineHeight: '24px',
@@ -6621,16 +6676,39 @@ 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
+  sectionIndex,
+  fullWidth,
+  isMobile
 }) => {
   const classes = useTeamStyles();
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classes.singleSlideContainer
+    className: classes.singleSlideContainer,
+    style: isMobile ? {
+      width: 'calc(100% - 16px)'
+    } : fullWidth ? {
+      width: 'calc(100% - 24px)'
+    } : {
+      width: 'calc(25% - 24px)'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.imageContainer
-  }, /*#__PURE__*/React__default["default"].createElement(NextImageRenderer, {
+  }, data?.teamSlideStarTutor?.metadata?.value ? /*#__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",
@@ -6644,13 +6722,43 @@ const SingleSlide = ({
     dangerouslySetInnerHTML: {
       __html: data.teamSlideTitle.metadata.value
     }
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), data?.teamSlideSubTitle?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
     ref: data?.teamSlideSubTitle?.refSetter,
     className: classes.teamDetailsSubHeading,
     dangerouslySetInnerHTML: {
       __html: data.teamSlideSubTitle.metadata.value
     }
-  })));
+  }) : null, data?.teamSlideYearOfExperience?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
+    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.teamSlideYearOfExperience.metadata.value
+    }
+  })) : null, data?.teamSlideSpecialisation?.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
+    }
+  })) : null, data?.teamSlideQualification?.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
+    }
+  })) : null));
 };
 
 function TeamCard({
@@ -6680,11 +6788,13 @@ function TeamCard({
     centerPadding: isMobile ? '40px 0 0' : '8px 0 0 ',
     centerMode: true
   };
-  const carouselContent = teamData.teamCarousel.components.map((data, idx) => {
+  const getCarouselContent = (fullWidth = false) => teamData.teamCarousel.components.map((data, idx) => {
     return /*#__PURE__*/React__default["default"].createElement(SingleSlide, {
       key: idx,
       data: data,
-      sectionIndex: sectionIndex
+      sectionIndex: sectionIndex,
+      fullWidth: fullWidth,
+      isMobile: isMobile
     });
   });
   return /*#__PURE__*/React__default["default"].createElement("section", {
@@ -6708,12 +6818,12 @@ function TeamCard({
   })), cardsCount > slidesToShow ? /*#__PURE__*/React__default["default"].createElement(Carousel, {
     hideArrow: isMobile,
     settings: settings
-  }, carouselContent) : /*#__PURE__*/React__default["default"].createElement("div", {
+  }, getCarouselContent(true)) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.contentRow
-  }, " ", carouselContent)));
+  }, " ", getCarouselContent())));
 }
 
-var index$7 = /*#__PURE__*/Object.freeze({
+var index$8 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TeamCard
 });
@@ -7138,7 +7248,7 @@ function FormEnquiry({
   })))))));
 }
 
-var index$6 = /*#__PURE__*/Object.freeze({
+var index$7 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormEnquiry
 });
@@ -7562,7 +7672,7 @@ function Contact({
   })))))));
 }
 
-var index$5 = /*#__PURE__*/Object.freeze({
+var index$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Contact
 });
@@ -8041,13 +8151,13 @@ function CoursePromotionPage$1({
   }))));
 }
 
-var index$4 = /*#__PURE__*/Object.freeze({
+var index$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage$1
 });
 
 const useCoursePromotionPage = createUseStyles(theme => {
-  console.log(theme, 'themere');
+  // console.log(theme, 'themere');
   return {
     courseSuperContainer: {
       display: 'flex',
@@ -8356,17 +8466,21 @@ const SingleVideoSlide = props => {
     isEdit
   } = React.useContext(PageContext);
   const renderer = ({
+    days,
     hours,
     minutes,
     seconds,
     completed
   }) => {
-    console.log("siddharth", hours, minutes);
-    {
+    if (days === 0 && hours < 24) {
       if (countryCode === 'KR') {
         return /*#__PURE__*/React__default["default"].createElement("span", null, hours, " \uC2DC\uAC04 ", minutes, " \uBD84 ", seconds, "\uCD08");
       }
       return /*#__PURE__*/React__default["default"].createElement("span", null, hours, "h ", minutes, "m ", seconds, "s");
+    } else {
+      let given = moment__default["default"](props.data.endDate);
+      let current = moment__default["default"]().startOf('day');
+      return /*#__PURE__*/React__default["default"].createElement("span", null, Math.floor(moment__default["default"].duration(given.diff(current)).asDays()), ' ', countryCode === 'KR' ? '일' : 'day(s)');
     }
   };
   const {
@@ -8629,7 +8743,7 @@ function CoursePromotionPage({
   }))));
 }
 
-var index$3 = /*#__PURE__*/Object.freeze({
+var index$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage
 });
@@ -8994,7 +9108,7 @@ const FormPage = ({
   })))));
 };
 
-var index$2 = /*#__PURE__*/Object.freeze({
+var index$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormPage
 });
@@ -9142,7 +9256,7 @@ function Tiles({
   }, TileDiv)));
 }
 
-var index$1 = /*#__PURE__*/Object.freeze({
+var index$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Tiles
 });
@@ -9617,11 +9731,380 @@ function EmailDripMarket({
   })));
 }
 
-var index = /*#__PURE__*/Object.freeze({
+var index$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': EmailDripMarket
 });
 
+const useAboutInstituteStyles = createUseStyles(theme => ({
+  aboutInstText: {
+    alignSelf: 'center',
+    color: 'var(--Black, #0A1629)',
+    fontSize: '24px',
+    fontWeight: '400',
+    fontFamily: theme?.typography?.fontFamily
+  },
+  metaChild: {
+    fontSize: '16px',
+    fontStyle: 'normal',
+    fontWeight: '400',
+    fontFamily: theme?.typography?.fontFamily
+  },
+  aboutInstWrapper: {
+    padding: '64px 128px',
+    display: 'flex',
+    justifyContent: 'center',
+    flexDirection: 'column',
+    background: '#FFF',
+    fontFamily: theme?.typography?.fontFamily
+  },
+  abtoutInstText: {
+    color: theme?.palette?.font?.secondary,
+    fontWeight: '400',
+    fontSize: theme.typography.fontSize.subHead,
+    lineHeight: '20px',
+    textAlign: 'center',
+    textTransform: 'uppercase',
+    wordBreak: 'break-word'
+  },
+  aboutInstHeader: {
+    fontSize: theme.typography.fontSize.h2,
+    color: theme?.palette?.font?.default,
+    margin: '0px',
+    marginBottom: '56px',
+    textAlign: 'center'
+  },
+  imageContainer: {
+    width: '240px',
+    height: '240px',
+    position: 'relative'
+    // borderRadius: '16px',
+    // border: '1px solid var(--stroke, #D8E0F0)',
+  },
+
+  image: {
+    width: '100%',
+    height: '100%',
+    borderRadius: '16px',
+    border: '1px solid var(--stroke, #D8E0F0)'
+  },
+  infoContainer: {
+    padding: '24px',
+    gap: '16px',
+    display: 'flex',
+    flexDirection: 'column',
+    borderRadius: '16px',
+    background: 'var(--Blue-Tertiary, #F4F9FF)',
+    flex: 1
+  },
+  metaInfo: {
+    display: 'flex',
+    gap: '24px',
+    flexWrap: 'wrap'
+  },
+  metaInfoChild: {
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    gap: '6px'
+  },
+  contentWrapper: {
+    display: 'flex',
+    gap: '24px',
+    marginBottom: '24px'
+  },
+  cardWrapper: {
+    // display: 'flex',
+    // width: '100%',
+    // gap: '24px'
+    display: 'flex',
+    gap: '24px',
+    flex: 1,
+    lineHeight: 'normal'
+  },
+  card: {
+    padding: '24px',
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    borderRadius: '16px',
+    background: 'var(--Blue-Tertiary, #F4F9FF)',
+    flexGrow: 1
+  },
+  cardDesc: {
+    display: 'flex',
+    flexDirection: 'column'
+  },
+  infoDetails: {
+    display: 'flex',
+    flexDirection: 'Column',
+    gap: '10px',
+    lineHeight: 'normal'
+  },
+  infoContent: {
+    display: 'flex',
+    flexDirection: 'Column',
+    gap: '8px'
+  },
+  instHeading: {
+    color: 'var(--Black, #0A1629)',
+    fontSize: '32px',
+    fontStyle: 'normal',
+    fontWeight: '600'
+  },
+  aboutText: {
+    fontSize: '24px',
+    fontStyle: 'normal',
+    fontWeight: '600'
+  },
+  instAbout: {
+    fontFamily: theme?.typography?.fontFamily,
+    lineHeight: '22px',
+    fontSize: '14px',
+    fontStyle: 'normal',
+    fontWeight: '400',
+    wordBreak: 'break-word'
+  },
+  highlightText: {
+    color: 'var(--Black, #0A1629)',
+    fontSize: '24px',
+    fontStyle: 'normal',
+    fontWeight: '600',
+    wordBreak: 'break-word'
+  },
+  highlightHeading: {
+    fontSize: '16px',
+    fontStyle: 'normal',
+    fontWeight: '400'
+  },
+  // SMALL SCREEN
+  '@media screen and (max-width: 767px)': {
+    aboutInstText: {
+      fontSize: '16px'
+    },
+    imageContainer: {
+      height: '150px',
+      width: '150px'
+    },
+    image: {
+      borderRadius: '10px',
+      border: '1px solid var(--stroke, #D8E0F0)'
+    },
+    infoContainer: {
+      gap: '16px'
+    },
+    instHeading: {
+      fontSize: '24px'
+    },
+    cardWrapper: {
+      flexDirection: 'column',
+      gap: '8px',
+      lineHeight: 'normal'
+    },
+    aboutInstWrapper: {
+      padding: '16px'
+    },
+    aboutInstHeader: {
+      color: theme?.palette?.font?.default,
+      margin: '0px 0 24px 0',
+      textAlign: 'center',
+      fontSize: '20px'
+    },
+    contentWrapper: {
+      gap: '8px'
+    },
+    card: {
+      padding: '16px'
+    },
+    infoDetails: {
+      gap: '8px',
+      lineHeight: 'normal'
+    },
+    metaInfo: {
+      gap: '8px'
+    },
+    infoContent: {
+      gap: '8px'
+    },
+    metaChild: {
+      fontSize: '12px'
+    },
+    aboutText: {
+      fontSize: '16px'
+    },
+    instAbout: {
+      fontSize: '12px'
+    },
+    highlightText: {
+      fontSize: '16px'
+    },
+    highlightHeading: {
+      fontSize: '12px'
+    }
+  }
+}));
+
+function ABOUT_INSTITUTE({
+  sectionData,
+  sectionIndex
+}) {
+  const {
+    layout: {
+      containerWidth
+    },
+    isMobile
+  } = React.useContext(PageContext);
+  const classes = useAboutInstituteStyles({
+    containerWidth,
+    isMobile
+  });
+  const [nodeData] = sectionData?.components;
+  const [highlightNodeData] = nodeData?.highlight?.components;
+  const theme = useTheme();
+  const ImageJSX = () => {
+    if (!nodeData?.image?.metadata?.value) {
+      return null;
+    }
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: classes.imageContainer
+    }, /*#__PURE__*/React__default["default"].createElement(NextImageRenderer, {
+      className: classes.image,
+      alt: "logo",
+      src: nodeData?.image?.metadata?.value
+    }));
+  };
+  const ContentJSX = () => /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.infoContainer
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.infoDetails
+  }, nodeData?.instName?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.instHeading,
+    ref: nodeData?.instName?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData?.instName?.metadata?.value
+    }
+  }) : null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.metaInfo
+  }, nodeData?.spec?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.metaInfoChild
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+    name: 'BookSaved',
+    color: theme.palette.font.primary,
+    width: '20px',
+    height: '20px'
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.metaChild,
+    ref: nodeData?.spec?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData?.spec?.metadata?.value
+    }
+  })) : null, nodeData?.qual?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.metaInfoChild
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+    name: 'Teacher',
+    color: theme.palette.font.primary,
+    width: '20px',
+    height: '20px'
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.metaChild,
+    ref: nodeData?.qual?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData?.qual?.metadata?.value
+    }
+  })) : null, nodeData?.exp?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.metaInfoChild
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+    name: 'Medal',
+    color: theme.palette.font.primary,
+    width: '20px',
+    height: '20px'
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.metaChild,
+    ref: nodeData?.exp?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData?.exp?.metadata?.value
+    }
+  })) : null)), nodeData?.content?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.infoContent
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.aboutText
+  }, "About"), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.instAbout,
+    ref: nodeData?.content?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData?.content?.metadata?.value
+    }
+  })) : null);
+  const HighlightJSX = () => {
+    if (!nodeData?.highlight?.metadata?.value) {
+      return null;
+    }
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: classes.cardWrapper
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: classes.card
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: classes.cardDesc
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: classes.highlightText,
+      ref: highlightNodeData?.courses?.refSetter,
+      dangerouslySetInnerHTML: {
+        __html: highlightNodeData?.courses?.metadata?.value
+      }
+    }), /*#__PURE__*/React__default["default"].createElement("span", {
+      className: classes.highlightHeading
+    }, "Courses")), /*#__PURE__*/React__default["default"].createElement(Icon, {
+      name: 'BookSaved',
+      color: theme.palette.font.primary,
+      width: '32px',
+      height: '32px'
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: classes.card
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: classes.cardDesc
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: classes.highlightText,
+      ref: highlightNodeData?.students?.refSetter,
+      dangerouslySetInnerHTML: {
+        __html: highlightNodeData?.students?.metadata?.value
+      }
+    }), /*#__PURE__*/React__default["default"].createElement("span", {
+      className: classes.highlightHeading
+    }, "Active Students")), /*#__PURE__*/React__default["default"].createElement(Icon, {
+      name: 'GroupProfile',
+      color: theme.palette.font.primary,
+      width: '32px',
+      height: '32px'
+    })));
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.aboutInstWrapper
+  }, nodeData?.heading?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.aboutInstText
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    ref: nodeData?.heading?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData?.heading?.metadata?.value
+    }
+  })) : null, nodeData?.title?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("h2", {
+    className: classes.aboutInstHeader
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    ref: nodeData?.title?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData?.title?.metadata?.value
+    }
+  })) : null, isMobile ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.contentWrapper
+  }, /*#__PURE__*/React__default["default"].createElement(ImageJSX, null), /*#__PURE__*/React__default["default"].createElement(HighlightJSX, null)), /*#__PURE__*/React__default["default"].createElement(ContentJSX, null)) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.contentWrapper
+  }, /*#__PURE__*/React__default["default"].createElement(ImageJSX, null), /*#__PURE__*/React__default["default"].createElement(ContentJSX, null)), /*#__PURE__*/React__default["default"].createElement(HighlightJSX, null)));
+}
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': ABOUT_INSTITUTE
+});
+
 const TYPE_TO_COMPONENT_MAP = {
   BANNER_CAROUSEL_RIGHT: BannerCarouselRight,
   GRID_CARD: List,
@@ -9644,7 +10127,8 @@ const TYPE_TO_COMPONENT_MAP = {
   COURSE_LANDING_PAGE: CoursePromotionPage,
   FORM_LANDING_PAGE: FormPage,
   TILES_SECTION: Tiles,
-  EMAIL_DRIP_MARKET: EmailDripMarket
+  EMAIL_DRIP_MARKET: EmailDripMarket,
+  ABOUT_INSTITUTE
 };
 const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
 const MemoisedSection = /*#__PURE__*/React.memo(({