Skip to content

Instantly share code, notes, and snippets.

@Ashon-G

Ashon-G/goto-path.markdown

Created July 31, 2023 02:49
Show Gist options
  • Save Ashon-G/edaf91da07506681e9c53062e174fa3a to your computer and use it in GitHub Desktop.
Save Ashon-G/edaf91da07506681e9c53062e174fa3a to your computer and use it in GitHub Desktop.
Download ZIP
Goto Path
Raw
index.html
<div class="roadmap-wrapper">
<div class="path-roadmap">
<div class="path-roadmap__lessons">
<button class="btn-start" data-prog="0">
<span>start here</span>
<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="60" cy="60" r="56" fill="#10B588" stroke="#AFE8DF" stroke-width="8"></circle><path d="M83.966 56.012a4.79 4.79 0 10-9.58 0 4.79 4.79 0 109.58 0z" fill="#FFD146"></path><path d="M79.171 61.681a5.675 5.675 0 01-5.666-5.669 5.675 5.675 0 015.666-5.669 5.675 5.675 0 015.667 5.67 5.676 5.676 0 01-5.666 5.668zm0-9.589a3.926 3.926 0 00-3.918 3.92c0 2.16 1.76 3.92 3.918 3.92a3.926 3.926 0 003.919-3.92c0-2.16-1.76-3.92-3.919-3.92z" fill="#007C68"></path><path d="M80.846 42.123a4.06 4.06 0 10-8.12 0 4.06 4.06 0 108.12 0z" fill="#AFE8DF"></path><path d="M80.846 42.123a4.06 4.06 0 10-8.12 0 4.06 4.06 0 108.12 0z" fill="#fff"></path><path d="M80.846 42.123a4.06 4.06 0 10-8.12 0 4.06 4.06 0 108.12 0z" fill="#FFD146"></path><path d="M76.782 47.058a4.943 4.943 0 01-4.936-4.94 4.943 4.943 0 014.936-4.938 4.94 4.94 0 014.936 4.939 4.94 4.94 0 01-4.936 4.939zm0-8.125a3.191 3.191 0 000 6.38 3.191 3.191 0 000-6.38z" fill="#007C68"></path><path d="M55.67 44.425a3.412 3.412 0 10-6.823 0 3.412 3.412 0 106.823 0z" fill="#fff"></path><path d="M55.67 44.425a3.412 3.412 0 10-6.823 0 3.412 3.412 0 106.823 0z" fill="#FFD146"></path><path d="M52.263 48.71a4.288 4.288 0 01-4.284-4.285 4.288 4.288 0 014.284-4.286 4.288 4.288 0 014.283 4.285 4.29 4.29 0 01-4.283 4.286zm0-6.826a2.538 2.538 0 00-2.536 2.537 2.538 2.538 0 002.536 2.536 2.538 2.538 0 002.535-2.536 2.538 2.538 0 00-2.535-2.537z" fill="#007C68"></path><path d="M52.263 48.71a4.288 4.288 0 01-4.284-4.285 4.288 4.288 0 014.284-4.286 4.288 4.288 0 014.283 4.285 4.29 4.29 0 01-4.283 4.286zm0-6.826a2.538 2.538 0 00-2.536 2.537 2.538 2.538 0 002.536 2.536 2.538 2.538 0 002.535-2.536 2.538 2.538 0 00-2.535-2.537z" fill="#007C68"></path><path d="M54.358 58.38a4.06 4.06 0 10-7.903-1.867 4.06 4.06 0 107.903 1.867z" fill="#FFD146"></path><path d="M50.407 62.385a4.94 4.94 0 01-4.936-4.939 4.94 4.94 0 014.936-4.939 4.943 4.943 0 014.936 4.94c-.004 2.72-2.216 4.938-4.936 4.938zm0-8.129a3.191 3.191 0 000 6.38c1.76 0 3.189-1.43 3.189-3.19s-1.433-3.19-3.189-3.19zM68.454 52.077a.872.872 0 01-.872-.872V45.37a.872.872 0 111.744 0v5.835a.867.867 0 01-.872.872zm0-9.194a.872.872 0 01-.872-.872v-1.345a.872.872 0 111.744 0v1.345a.869.869 0 01-.872.872zM59.8 52.077a.872.872 0 01-.873-.872V45.37a.872.872 0 111.744 0v5.835a.872.872 0 01-.872.872zm0-9.194a.872.872 0 01-.873-.872v-1.345a.872.872 0 111.744 0v1.345c0 .48-.392.872-.872.872zM64.071 50.774a.872.872 0 01-.872-.873v-8.324a.872.872 0 111.744 0v8.32a.875.875 0 01-.872.877zm0-11.684a.872.872 0 01-.872-.872v-1.346a.872.872 0 111.744 0v1.346c0 .48-.392.872-.872.872z" fill="#007C68"></path><path d="M71.181 62.27a6.696 6.696 0 01-2.823 5.457h-7.714a6.684 6.684 0 013.857-12.141 6.684 6.684 0 016.68 6.684z" fill="#FFD146"></path><path d="M66.326 69.192l-4.667-.654a7.525 7.525 0 01-4.714-7.002c0-4.167 3.388-7.56 7.556-7.56 4.164 0 7.556 3.39 7.556 7.56 0 3.57-2.178 6.549-5.547 7.598l-.184.058zm-4.11-2.318l3.952.53c3.05-1.037 4.138-3.793 4.138-5.868a5.815 5.815 0 00-5.809-5.812 5.815 5.815 0 00-5.808 5.812 5.79 5.79 0 003.526 5.338z" fill="#007C68"></path><path d="M67.106 62.938c0 1.038-.73 1.684-1.771 1.895v1.35a5.007 5.007 0 01-.834.072 4.48 4.48 0 01-.787-.069v-1.364c-.776-.15-1.51-.485-2.06-.95l.585-1.206c.676.6 1.632.983 2.324.983.61 0 .975-.226.975-.63 0-1.234-3.491-.515-3.491-2.836 0-.938.649-1.6 1.67-1.834l.012-1.472a5.2 5.2 0 01.776-.061c.288 0 .572.023.845.077l-.011 1.422c.649.111 1.264.342 1.732.65l-.565 1.222c-.695-.412-1.517-.673-2.04-.673-.499 0-.833.177-.833.534-.008 1.207 3.484.53 3.473 2.89z" fill="#007C68"></path><path d="M58.228 73.143l12.339 1.149a2.71 2.71 0 002.712-2.656c.008-.023.008-.046.008-.073a2.719 2.719 0 00-2.72-2.729l-22.972-2.221-1.133-.104a7.547 7.547 0 00-.596-.023h-3.345v9.981l.776-.023a7.85 7.85 0 012.927.469l15.58 5.665a8.967 8.967 0 006.773-.238l18.412-8.194a3.118 3.118 0 001.49-4.293 3.124 3.124 0 00-2.766-1.676c-.284 0-.58.038-.872.127l-11.558 3.332-15.055 1.507z" fill="#AFE8DF"></path><path d="M58.228 73.143l12.339 1.149a2.71 2.71 0 002.712-2.656c.008-.023.008-.046.008-.073a2.719 2.719 0 00-2.72-2.729l-22.972-2.221-1.133-.104a7.547 7.547 0 00-.596-.023h-3.345v9.981l.776-.023a7.85 7.85 0 012.927.469l15.58 5.665a8.967 8.967 0 006.773-.238l18.412-8.194a3.118 3.118 0 001.49-4.293 3.124 3.124 0 00-2.766-1.676c-.284 0-.58.038-.872.127l-11.558 3.332-15.055 1.507z" fill="#AFE8DF"></path><path d="M64.9 84c-1.144 0-2.293-.2-3.395-.607l-15.577-5.665a7.032 7.032 0 00-2.6-.415l-.78.022a.847.847 0 01-.634-.245.88.88 0 01-.265-.627v-9.981c0-.484.391-.873.872-.873h3.346c.222 0 .453.008.668.027l1.14.104 22.938 2.218a3.577 3.577 0 012.5 1.057c.423.422.727.937.896 1.498l10.587-3.055a3.988 3.988 0 014.886 5.146 4 4 0 01-2.144 2.33l-18.411 8.194A9.75 9.75 0 0164.9 84zm-21.346-8.44a8.62 8.62 0 012.97.526l15.58 5.666a8.066 8.066 0 006.116-.216l18.412-8.194a2.228 2.228 0 001.202-1.306 2.223 2.223 0 00-.13-1.784 2.242 2.242 0 00-2.617-1.11l-11.01 3.174a3.561 3.561 0 01-3.51 2.852c-.027 0-.054 0-.08-.004l-12.34-1.15a.873.873 0 01-.787-.952.877.877 0 01.953-.788l12.292 1.145a1.83 1.83 0 001.802-1.787c0-.038.004-.073.008-.112a1.82 1.82 0 00-.538-1.264 1.842 1.842 0 00-1.31-.546c-.027 0-.058 0-.085-.004l-24.097-2.325a7.36 7.36 0 00-.515-.019h-2.473v8.206c.053-.008.103-.008.157-.008z" fill="#007C68"></path><path d="M42.52 62.904H32.073v17.533h10.449V62.904z" fill="#fff"></path><path d="M42.52 62.904H32.073v17.533h10.449V62.904z" fill="#fff"></path><path d="M43.397 81.31H31.2V62.027h12.197V81.31zm-10.45-1.75h8.702V63.777h-8.701v15.785z" fill="#007C68"></path><path d="M38.668 75.937a1.368 1.368 0 10-2.737 0 1.368 1.368 0 002.737 0z" fill="#007C68"></path></svg>
</button>
<button class="active" data-prog=".09">
<!-- <img src="https://bankingstage.wpengine.com/wp-content/uploads/2021/04/1-1.png" alt=""> -->
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.356 50.218h-.033a21.166 21.166 0 01-1.283-.113l-.03-.004.152-1.245.029.009c.398.05.805.08 1.207.104h.03l-.072 1.25zm-2.557-.297l-.029-.005c-.423-.075-.85-.167-1.257-.268l-.03-.008.302-1.211.025.008c.386.092.788.18 1.187.252l-.005.029h.03l-.223 1.203zm-2.493-.616h-.1l.012-.017c-.386-.126-.78-.256-1.161-.398l-.034-.013.445-1.17.025.013c.373.139.763.269 1.144.386h.038l-.37 1.199zm-2.414-.897l-.025-.013c-.386-.176-.78-.36-1.157-.562l-.03-.012.583-1.106.025.012c.357.189.725.36 1.086.532l.03.013-.512 1.136zm-2.28-1.19l-.025-.022c-.37-.226-.73-.456-1.082-.7l-.025-.012.713-1.031.025.02c.33.227.662.445.989.638l.042-.067-.004.13-.633 1.043zm-2.117-1.455l-.025-.02a21.08 21.08 0 01-.989-.827l-.025-.016.83-.94.025.018c.28.251.582.507.9.75l.043-.08v.143l-.004.008-.755.964zM11.58 44.05l-.038-.013a18.332 18.332 0 01-.88-.938l-.025-.017.939-.83.02.02c.277.307.558.609.83.881l.026.025-.872.872zm-1.723-1.911l-.025-.025a19.245 19.245 0 01-.75-1.019h-.088l1.094-.742.004.021c.23.327.47.65.725.977l.017.025-.977.763zm-1.475-2.112L8.37 40a22.655 22.655 0 01-.633-1.106l-.013-.05.021-.009 1.081-.57.013.025c.193.37.394.717.6 1.056l.012.026-1.069.654zM7.175 37.75l-.013-.03a23.717 23.717 0 01-.494-1.186l-.013-.029 1.17-.444.012.025c.143.381.302.754.47 1.123v.03l-1.132.51zm-.893-2.419l-.033-.02c-.13-.42-.243-.83-.352-1.245l-.004-.03 1.21-.301.013.029c.093.386.202.78.327 1.17l.004.029-1.165.368zm-.645-2.485l-.004-.03c-.076-.41-.139-.842-.193-1.273v-.03l1.236-.15.005.029c.05.41.113.817.18 1.198l.008.03-1.232.226zm-.31-2.556v-.03a21.771 21.771 0 01-.038-1.287l.03-.029h1.219v.03c0 .398.013.804.03 1.21l.004.03-1.245.076zm1.24-2.503l-1.249-.067v-.029c.03-.436.067-.867.118-1.287v-.033l1.245.15-.005.03c-.042.398-.08.805-.104 1.207v.03h-.005zm.281-2.397l-1.232-.226.004-.03c.08-.423.168-.85.268-1.261l.005-.025 1.437.348H7.1c-.093.385-.18.775-.252 1.16v.034zm.579-2.36l-1.195-.368.004-.03c.13-.41.268-.817.42-1.22l.012-.033 1.17.444-.013.03c-.139.369-.269.754-.394 1.144l-.004.034zm.922-2.23l-1.32-.594h.125c.168-.373.356-.755.558-1.136l.012-.025 1.11.582-.02.026c-.18.343-.356.708-.52 1.077l.055.07zM9.4 18.627l-1.07-.65.013-.025c.218-.365.457-.725.692-1.077v-.042l.025.012.038-.054v.08l.976.691v.076l-.025-.026c-.218.315-.432.65-.637.99l-.012.025zm1.366-1.995l-.968-.78v-.075l.025.029c.264-.331.532-.658.805-.964l.016-.025.94.83-.026.025c-.268.306-.532.62-.775.93l-.017.03zm1.622-1.832l-.038-.012-.863-.855.025-.026c.302-.301.62-.599.939-.88l.02-.025.856.968h-.055c-.302.264-.595.545-.876.818l-.008.012zm1.794-1.597l-.772-.98.026-.021c.33-.264.683-.52 1.039-.767l.025-.013.713 1.027-.03.017c-.33.226-.658.47-.976.72l-.025.017zm1.99-1.383l-.645-1.064.03-.042.012.008c.352-.213.708-.41 1.064-.6l-.025-.024h.092l.013.017.562 1.077-.026.016c-.356.189-.712.386-1.056.595l-.02.017zm2.146-1.131l-.511-1.144.025-.013c.398-.18.8-.344 1.195-.495h.033l.436 1.157-.025.013c-.373.142-.75.302-1.123.47l-.03.012zm2.293-.876l-.038-.025-.365-1.161.034-.009c.394-.125.8-.239 1.22-.343v-.23l.05.217h.012v.038l.29 1.182-.03.008c-.398.092-.792.205-1.173.323zm2.326-.574l-.226-1.233h.033a23.37 23.37 0 011.245-.192h.054l.005.025.142 1.211h-.03c-.398.05-.8.113-1.194.18l-.03.009zm2.397-.294L25.26 7.7l.03-.008c.43-.025.862-.038 1.286-.038l.03.034-.03 1.22c-.407 0-.813.012-1.212.037h-.029z" fill="#007C68"></path><path d="M36.92 54.388h-17.9c-.986 0-1.79.805-1.79 1.79s.804 1.79 1.79 1.79h17.9c.984 0 1.789-.805 1.789-1.79s-.805-1.79-1.79-1.79z" fill="#fff"></path><path d="M49.564 33.918H47.23a.529.529 0 00-.512.671c.285 1.014.708 2.9.218 3.537-.691.88-3.508-.167-.863 4.644 2.343 4.25-.918 4.74-5.968 3.982-7.113-1.073-4.372 3.742-4.678 8.067H19.665c.947-4.836.737-10.792-3.026-20.264-1.274-2.342-3.366-7.682-3.282-10.553.264-9.094 9.778-14.882 18.873-14.929 10.033-.054 17.179 9.896 13.348 17.679-.318.64.298 1.4.771 1.944l3.676 4.225a.605.605 0 01-.461.997z" fill="#AFE8DF"></path><path d="M34.4 53.747H20.943l.096-.868c.604-5.398-.482-11.345-3.407-18.721l-.055-.114c-1.366-2.514-3.227-7.535-3.151-10.012.247-8.525 9.438-13.848 17.812-13.894 4.723 0 9.166 2.427 11.597 6.333 1.99 3.202 2.28 6.777.788 9.807-.57 1.157.192 2.272.917 3.114l3.588 3.537-1.538.235-.415.055c-.319.037-1.06.121-1.224.276-.297.39-.394.897-.26 1.383.201.717.34 1.404.39 1.932l.059.612-.579.202c-.532.184-1.186.494-1.5 1.278-.39.968-.054 2.322 1.085 4.392.357.65.57 1.195.625 1.614l.084.607-.57.227c-.86.34-2.565.33-5.013-.038a13.295 13.295 0 00-1.949-.163c-1.521 0-2.607.38-3.32 1.169-1.139 1.257-.955 3.101-.762 5.054.038.382.076.771.105 1.153l.054.83zm-11.726-1.564h10.033a6.326 6.326 0 00-.03-.276c-.209-2.104-.443-4.489 1.162-6.257 1.027-1.132 2.49-1.681 4.476-1.681.658 0 1.37.059 2.18.18 1.177.18 2.166.268 2.933.268.205 0 .377-.008.528-.017a5.223 5.223 0 00-.188-.364c-1.404-2.553-1.752-4.262-1.17-5.725.436-1.081 1.24-1.639 1.836-1.928-.05-.28-.13-.646-.256-1.09a3.139 3.139 0 01.533-2.758c.268-.347.674-.548 1.106-.67l-1.467-1.45c-.553-.641-2.238-2.59-1.14-4.824 1.25-2.536.99-5.558-.712-8.29-2.146-3.45-6.082-5.595-10.264-5.595-7.645.042-16.036 4.782-16.254 12.372-.067 2.15 1.74 6.974 2.964 9.22l.134.285c2.875 7.23 4.027 13.173 3.596 18.6z" fill="#fff"></path><path d="M50.31 32.355l-3.604-4.145c-.612-.704-.65-.934-.638-.997 1.765-3.58 1.442-7.762-.884-11.48-2.732-4.363-7.661-7.066-12.883-7.066h-.08c-9.09.05-19.07 5.972-19.346 15.448-.092 3.114 2.087 8.496 3.294 10.734 3.747 9.455 3.667 14.962 3.03 18.705h-.18a2.62 2.62 0 000 5.239h17.9a2.62 2.62 0 000-5.24h-.708c-.008-.812-.084-1.621-.16-2.359-.15-1.534-.293-2.984.332-3.575.515-.486 1.672-.6 3.445-.33 4.032.607 6.236.292 7.15-1.02.683-.98.54-2.325-.44-4.107-1.12-2.032-.993-2.59-.956-2.682.034-.084.327-.176.524-.239.407-.13.91-.293 1.237-.763.687-.989.34-2.569.012-3.772h1.886c.562 0 1.06-.318 1.295-.83a1.425 1.425 0 00-.226-1.52zM36.13 55.218h.788a.96.96 0 110 1.92h-17.9a.962.962 0 01-.96-.96c0-.529.432-.96.96-.96h17.112zm10.81-22.163c-.424 0-.818.193-1.074.532-.255.34-.34.767-.218 1.207.176.625.642 2.285.348 2.716-.058.046-.268.113-.406.16-.49.159-1.237.398-1.555 1.206-.352.893-.042 2.117 1.048 4.095.611 1.11.804 1.97.536 2.36-.272.394-1.358.96-5.545.327-2.368-.357-3.902-.113-4.832.77-1.211 1.154-1.031 2.993-.838 4.942.07.725.146 1.467.15 2.196h-13.68c.877-5.624-.12-11.65-3.184-19.363l-.042-.092c-1.161-2.137-3.198-7.284-3.119-9.937.248-8.491 9.38-13.797 17.7-13.843h.075c4.652 0 9.044 2.406 11.475 6.287 2.012 3.214 2.305 6.81.8 9.865-.565 1.153.407 2.276.872 2.817l3.27 3.755H46.94z" fill="#007C68"></path><path d="M34.87 26.023l-.03 4.53a1.255 1.255 0 01-1.253 1.245h-7.225a1.257 1.257 0 01-1.257-1.253v-4.523h9.765z" fill="#fff"></path><path d="M32.355 31.798v.972c0 .742-.603 1.35-1.35 1.35h-2.044a1.35 1.35 0 01-1.346-1.35v-.972h4.74z" fill="#AFE8DF"></path><path d="M36.856 17.846c-1.596 2.418-1.693 3.667-1.986 6.55v1.627h-9.761v-1.576c-.273-2.737-.855-4.48-1.513-5.809-1.312-2.653-2.926-3.625-2.926-7.452a9.314 9.314 0 019.313-9.312c5.147 0 9.317 4.17 9.317 9.312.004 2.82-1.526 5.092-2.444 6.66z" fill="#FFD146"></path><path d="M35.65 26.802H24.325v-2.318c-.226-2.238-.679-3.985-1.429-5.498-.356-.717-.738-1.312-1.11-1.89-.973-1.514-1.895-2.943-1.895-5.91 0-5.566 4.527-10.092 10.092-10.092 5.57 0 10.1 4.526 10.1 10.092 0 2.779-1.323 4.996-2.292 6.613l-.28.474c-1.455 2.2-1.568 3.311-1.845 5.998l-.016.163v2.368zm-9.761-1.559h8.197l.026-1.127c.285-2.775.427-4.17 2.082-6.685l.256-.432c.876-1.463 2.07-3.466 2.07-5.813 0-4.702-3.83-8.529-8.537-8.529-4.702 0-8.533 3.827-8.533 8.529 0 2.506.725 3.634 1.647 5.063.394.612.8 1.245 1.195 2.04.842 1.698 1.345 3.63 1.588 6.078l.004.075v.801h.005z" fill="#007C68"></path><path d="M24.032 9.48a.78.78 0 01-.725-1.069c.188-.473.427-.93.716-1.349a.781.781 0 011.291.88 5.533 5.533 0 00-.553 1.044.792.792 0 01-.73.494zm3.202-3.348a.78.78 0 01-.319-1.492 6.943 6.943 0 015.273-.151.786.786 0 01.452 1.01.788.788 0 01-1.01.452 5.37 5.37 0 00-4.078.118.956.956 0 01-.318.063z" fill="#fff"></path><path d="M33.588 32.578h-7.226a2.038 2.038 0 01-2.037-2.033v-5.302h11.329l-.034 5.315a2.035 2.035 0 01-2.032 2.02zm-7.7-5.772v3.739c0 .26.214.47.474.47h7.226c.26 0 .469-.21.469-.47l.025-3.743h-8.194v.004z" fill="#007C68"></path><path d="M28.898 21.664l-1.953-9.959c-.013-.075.07-.13.134-.088l1.76 1.149c.042.03.1.012.126-.034l.947-1.747a.09.09 0 01.155-.005l1.073 1.811a.087.087 0 00.13.025l1.618-1.186c.063-.046.15.008.138.084l-1.949 9.945h-2.18v.005z" fill="#fff"></path><path d="M31.077 22.444a.782.782 0 01-.767-.93l1.61-8.203-.19.139a.858.858 0 01-.686.15.873.873 0 01-.575-.41l-.452-.759-.365.675a.867.867 0 01-1.236.314l-.386-.251 1.635 8.344a.782.782 0 01-1.534.302l-1.953-9.958a.873.873 0 01.377-.893.87.87 0 01.951 0l1.128.738.59-1.09a.88.88 0 01.747-.457.88.88 0 01.767.424l.687 1.156 1.002-.733a.86.86 0 01.968-.038.863.863 0 01.402.88l-1.953 9.967a.78.78 0 01-.767.633zM32.355 31.798v.972c0 .742-.603 1.35-1.35 1.35h-2.044a1.35 1.35 0 01-1.346-1.35v-.972h4.74zM29.417 25.487l-4.748 5.069 1.14 1.069 4.749-5.069-1.141-1.069z" fill="#007C68"></path><path d="M34.296 25.49l-5.127 5.516 1.145 1.065 5.127-5.516-1.145-1.065zM26.538 36.856h-1.676v1.677h1.676v-1.677zM30.226 36.856H28.55v1.677h1.676v-1.677zM26.538 40.07h-1.676v1.677h1.676v-1.676zM30.226 40.07H28.55v1.677h1.676v-1.676zM33.994 36.856h-1.676v1.677h1.676v-1.677zM37.682 36.856h-1.676v1.677h1.676v-1.677zM33.994 40.07h-1.676v1.677h1.676v-1.676zM37.682 40.07h-1.676v1.677h1.676v-1.676zM26.538 43.29h-1.676v1.677h1.676V43.29zm0 3.428h-1.676v1.677h1.676v-1.677zm3.688-3.428H28.55v1.677h1.676V43.29zm0 3.428H28.55v1.677h1.676v-1.677z" fill="#007C68"></path></svg>
<span class="lesson-title">Lorem ipsum dolor sit amet consectetur </span>
</button>
<button class="locked" data-prog=".28">
<!-- <img src="https://bankingstage.wpengine.com/wp-content/uploads/2021/04/2-2.png" alt=""> -->
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.356 50.218h-.033a21.166 21.166 0 01-1.283-.113l-.03-.004.152-1.245.029.009c.398.05.805.08 1.207.104h.03l-.072 1.25zm-2.557-.297l-.029-.005c-.423-.075-.85-.167-1.257-.268l-.03-.008.302-1.211.025.008c.386.092.788.18 1.187.252l-.005.029h.03l-.223 1.203zm-2.493-.616h-.1l.012-.017c-.386-.126-.78-.256-1.161-.398l-.034-.013.445-1.17.025.013c.373.139.763.269 1.144.386h.038l-.37 1.199zm-2.414-.897l-.025-.013c-.386-.176-.78-.36-1.157-.562l-.03-.012.583-1.106.025.012c.357.189.725.36 1.086.532l.03.013-.512 1.136zm-2.28-1.19l-.025-.022c-.37-.226-.73-.456-1.082-.7l-.025-.012.713-1.031.025.02c.33.227.662.445.989.638l.042-.067-.004.13-.633 1.043zm-2.117-1.455l-.025-.02a21.08 21.08 0 01-.989-.827l-.025-.016.83-.94.025.018c.28.251.582.507.9.75l.043-.08v.143l-.004.008-.755.964zM11.58 44.05l-.038-.013a18.332 18.332 0 01-.88-.938l-.025-.017.939-.83.02.02c.277.307.558.609.83.881l.026.025-.872.872zm-1.723-1.911l-.025-.025a19.245 19.245 0 01-.75-1.019h-.088l1.094-.742.004.021c.23.327.47.65.725.977l.017.025-.977.763zm-1.475-2.112L8.37 40a22.655 22.655 0 01-.633-1.106l-.013-.05.021-.009 1.081-.57.013.025c.193.37.394.717.6 1.056l.012.026-1.069.654zM7.175 37.75l-.013-.03a23.717 23.717 0 01-.494-1.186l-.013-.029 1.17-.444.012.025c.143.381.302.754.47 1.123v.03l-1.132.51zm-.893-2.419l-.033-.02c-.13-.42-.243-.83-.352-1.245l-.004-.03 1.21-.301.013.029c.093.386.202.78.327 1.17l.004.029-1.165.368zm-.645-2.485l-.004-.03c-.076-.41-.139-.842-.193-1.273v-.03l1.236-.15.005.029c.05.41.113.817.18 1.198l.008.03-1.232.226zm-.31-2.556v-.03a21.771 21.771 0 01-.038-1.287l.03-.029h1.219v.03c0 .398.013.804.03 1.21l.004.03-1.245.076zm1.24-2.503l-1.249-.067v-.029c.03-.436.067-.867.118-1.287v-.033l1.245.15-.005.03c-.042.398-.08.805-.104 1.207v.03h-.005zm.281-2.397l-1.232-.226.004-.03c.08-.423.168-.85.268-1.261l.005-.025 1.437.348H7.1c-.093.385-.18.775-.252 1.16v.034zm.579-2.36l-1.195-.368.004-.03c.13-.41.268-.817.42-1.22l.012-.033 1.17.444-.013.03c-.139.369-.269.754-.394 1.144l-.004.034zm.922-2.23l-1.32-.594h.125c.168-.373.356-.755.558-1.136l.012-.025 1.11.582-.02.026c-.18.343-.356.708-.52 1.077l.055.07zM9.4 18.627l-1.07-.65.013-.025c.218-.365.457-.725.692-1.077v-.042l.025.012.038-.054v.08l.976.691v.076l-.025-.026c-.218.315-.432.65-.637.99l-.012.025zm1.366-1.995l-.968-.78v-.075l.025.029c.264-.331.532-.658.805-.964l.016-.025.94.83-.026.025c-.268.306-.532.62-.775.93l-.017.03zm1.622-1.832l-.038-.012-.863-.855.025-.026c.302-.301.62-.599.939-.88l.02-.025.856.968h-.055c-.302.264-.595.545-.876.818l-.008.012zm1.794-1.597l-.772-.98.026-.021c.33-.264.683-.52 1.039-.767l.025-.013.713 1.027-.03.017c-.33.226-.658.47-.976.72l-.025.017zm1.99-1.383l-.645-1.064.03-.042.012.008c.352-.213.708-.41 1.064-.6l-.025-.024h.092l.013.017.562 1.077-.026.016c-.356.189-.712.386-1.056.595l-.02.017zm2.146-1.131l-.511-1.144.025-.013c.398-.18.8-.344 1.195-.495h.033l.436 1.157-.025.013c-.373.142-.75.302-1.123.47l-.03.012zm2.293-.876l-.038-.025-.365-1.161.034-.009c.394-.125.8-.239 1.22-.343v-.23l.05.217h.012v.038l.29 1.182-.03.008c-.398.092-.792.205-1.173.323zm2.326-.574l-.226-1.233h.033a23.37 23.37 0 011.245-.192h.054l.005.025.142 1.211h-.03c-.398.05-.8.113-1.194.18l-.03.009zm2.397-.294L25.26 7.7l.03-.008c.43-.025.862-.038 1.286-.038l.03.034-.03 1.22c-.407 0-.813.012-1.212.037h-.029z" fill="#007C68"></path><path d="M36.92 54.388h-17.9c-.986 0-1.79.805-1.79 1.79s.804 1.79 1.79 1.79h17.9c.984 0 1.789-.805 1.789-1.79s-.805-1.79-1.79-1.79z" fill="#fff"></path><path d="M49.564 33.918H47.23a.529.529 0 00-.512.671c.285 1.014.708 2.9.218 3.537-.691.88-3.508-.167-.863 4.644 2.343 4.25-.918 4.74-5.968 3.982-7.113-1.073-4.372 3.742-4.678 8.067H19.665c.947-4.836.737-10.792-3.026-20.264-1.274-2.342-3.366-7.682-3.282-10.553.264-9.094 9.778-14.882 18.873-14.929 10.033-.054 17.179 9.896 13.348 17.679-.318.64.298 1.4.771 1.944l3.676 4.225a.605.605 0 01-.461.997z" fill="#AFE8DF"></path><path d="M34.4 53.747H20.943l.096-.868c.604-5.398-.482-11.345-3.407-18.721l-.055-.114c-1.366-2.514-3.227-7.535-3.151-10.012.247-8.525 9.438-13.848 17.812-13.894 4.723 0 9.166 2.427 11.597 6.333 1.99 3.202 2.28 6.777.788 9.807-.57 1.157.192 2.272.917 3.114l3.588 3.537-1.538.235-.415.055c-.319.037-1.06.121-1.224.276-.297.39-.394.897-.26 1.383.201.717.34 1.404.39 1.932l.059.612-.579.202c-.532.184-1.186.494-1.5 1.278-.39.968-.054 2.322 1.085 4.392.357.65.57 1.195.625 1.614l.084.607-.57.227c-.86.34-2.565.33-5.013-.038a13.295 13.295 0 00-1.949-.163c-1.521 0-2.607.38-3.32 1.169-1.139 1.257-.955 3.101-.762 5.054.038.382.076.771.105 1.153l.054.83zm-11.726-1.564h10.033a6.326 6.326 0 00-.03-.276c-.209-2.104-.443-4.489 1.162-6.257 1.027-1.132 2.49-1.681 4.476-1.681.658 0 1.37.059 2.18.18 1.177.18 2.166.268 2.933.268.205 0 .377-.008.528-.017a5.223 5.223 0 00-.188-.364c-1.404-2.553-1.752-4.262-1.17-5.725.436-1.081 1.24-1.639 1.836-1.928-.05-.28-.13-.646-.256-1.09a3.139 3.139 0 01.533-2.758c.268-.347.674-.548 1.106-.67l-1.467-1.45c-.553-.641-2.238-2.59-1.14-4.824 1.25-2.536.99-5.558-.712-8.29-2.146-3.45-6.082-5.595-10.264-5.595-7.645.042-16.036 4.782-16.254 12.372-.067 2.15 1.74 6.974 2.964 9.22l.134.285c2.875 7.23 4.027 13.173 3.596 18.6z" fill="#fff"></path><path d="M50.31 32.355l-3.604-4.145c-.612-.704-.65-.934-.638-.997 1.765-3.58 1.442-7.762-.884-11.48-2.732-4.363-7.661-7.066-12.883-7.066h-.08c-9.09.05-19.07 5.972-19.346 15.448-.092 3.114 2.087 8.496 3.294 10.734 3.747 9.455 3.667 14.962 3.03 18.705h-.18a2.62 2.62 0 000 5.239h17.9a2.62 2.62 0 000-5.24h-.708c-.008-.812-.084-1.621-.16-2.359-.15-1.534-.293-2.984.332-3.575.515-.486 1.672-.6 3.445-.33 4.032.607 6.236.292 7.15-1.02.683-.98.54-2.325-.44-4.107-1.12-2.032-.993-2.59-.956-2.682.034-.084.327-.176.524-.239.407-.13.91-.293 1.237-.763.687-.989.34-2.569.012-3.772h1.886c.562 0 1.06-.318 1.295-.83a1.425 1.425 0 00-.226-1.52zM36.13 55.218h.788a.96.96 0 110 1.92h-17.9a.962.962 0 01-.96-.96c0-.529.432-.96.96-.96h17.112zm10.81-22.163c-.424 0-.818.193-1.074.532-.255.34-.34.767-.218 1.207.176.625.642 2.285.348 2.716-.058.046-.268.113-.406.16-.49.159-1.237.398-1.555 1.206-.352.893-.042 2.117 1.048 4.095.611 1.11.804 1.97.536 2.36-.272.394-1.358.96-5.545.327-2.368-.357-3.902-.113-4.832.77-1.211 1.154-1.031 2.993-.838 4.942.07.725.146 1.467.15 2.196h-13.68c.877-5.624-.12-11.65-3.184-19.363l-.042-.092c-1.161-2.137-3.198-7.284-3.119-9.937.248-8.491 9.38-13.797 17.7-13.843h.075c4.652 0 9.044 2.406 11.475 6.287 2.012 3.214 2.305 6.81.8 9.865-.565 1.153.407 2.276.872 2.817l3.27 3.755H46.94z" fill="#007C68"></path><path d="M34.87 26.023l-.03 4.53a1.255 1.255 0 01-1.253 1.245h-7.225a1.257 1.257 0 01-1.257-1.253v-4.523h9.765z" fill="#fff"></path><path d="M32.355 31.798v.972c0 .742-.603 1.35-1.35 1.35h-2.044a1.35 1.35 0 01-1.346-1.35v-.972h4.74z" fill="#AFE8DF"></path><path d="M36.856 17.846c-1.596 2.418-1.693 3.667-1.986 6.55v1.627h-9.761v-1.576c-.273-2.737-.855-4.48-1.513-5.809-1.312-2.653-2.926-3.625-2.926-7.452a9.314 9.314 0 019.313-9.312c5.147 0 9.317 4.17 9.317 9.312.004 2.82-1.526 5.092-2.444 6.66z" fill="#FFD146"></path><path d="M35.65 26.802H24.325v-2.318c-.226-2.238-.679-3.985-1.429-5.498-.356-.717-.738-1.312-1.11-1.89-.973-1.514-1.895-2.943-1.895-5.91 0-5.566 4.527-10.092 10.092-10.092 5.57 0 10.1 4.526 10.1 10.092 0 2.779-1.323 4.996-2.292 6.613l-.28.474c-1.455 2.2-1.568 3.311-1.845 5.998l-.016.163v2.368zm-9.761-1.559h8.197l.026-1.127c.285-2.775.427-4.17 2.082-6.685l.256-.432c.876-1.463 2.07-3.466 2.07-5.813 0-4.702-3.83-8.529-8.537-8.529-4.702 0-8.533 3.827-8.533 8.529 0 2.506.725 3.634 1.647 5.063.394.612.8 1.245 1.195 2.04.842 1.698 1.345 3.63 1.588 6.078l.004.075v.801h.005z" fill="#007C68"></path><path d="M24.032 9.48a.78.78 0 01-.725-1.069c.188-.473.427-.93.716-1.349a.781.781 0 011.291.88 5.533 5.533 0 00-.553 1.044.792.792 0 01-.73.494zm3.202-3.348a.78.78 0 01-.319-1.492 6.943 6.943 0 015.273-.151.786.786 0 01.452 1.01.788.788 0 01-1.01.452 5.37 5.37 0 00-4.078.118.956.956 0 01-.318.063z" fill="#fff"></path><path d="M33.588 32.578h-7.226a2.038 2.038 0 01-2.037-2.033v-5.302h11.329l-.034 5.315a2.035 2.035 0 01-2.032 2.02zm-7.7-5.772v3.739c0 .26.214.47.474.47h7.226c.26 0 .469-.21.469-.47l.025-3.743h-8.194v.004z" fill="#007C68"></path><path d="M28.898 21.664l-1.953-9.959c-.013-.075.07-.13.134-.088l1.76 1.149c.042.03.1.012.126-.034l.947-1.747a.09.09 0 01.155-.005l1.073 1.811a.087.087 0 00.13.025l1.618-1.186c.063-.046.15.008.138.084l-1.949 9.945h-2.18v.005z" fill="#fff"></path><path d="M31.077 22.444a.782.782 0 01-.767-.93l1.61-8.203-.19.139a.858.858 0 01-.686.15.873.873 0 01-.575-.41l-.452-.759-.365.675a.867.867 0 01-1.236.314l-.386-.251 1.635 8.344a.782.782 0 01-1.534.302l-1.953-9.958a.873.873 0 01.377-.893.87.87 0 01.951 0l1.128.738.59-1.09a.88.88 0 01.747-.457.88.88 0 01.767.424l.687 1.156 1.002-.733a.86.86 0 01.968-.038.863.863 0 01.402.88l-1.953 9.967a.78.78 0 01-.767.633zM32.355 31.798v.972c0 .742-.603 1.35-1.35 1.35h-2.044a1.35 1.35 0 01-1.346-1.35v-.972h4.74zM29.417 25.487l-4.748 5.069 1.14 1.069 4.749-5.069-1.141-1.069z" fill="#007C68"></path><path d="M34.296 25.49l-5.127 5.516 1.145 1.065 5.127-5.516-1.145-1.065zM26.538 36.856h-1.676v1.677h1.676v-1.677zM30.226 36.856H28.55v1.677h1.676v-1.677zM26.538 40.07h-1.676v1.677h1.676v-1.676zM30.226 40.07H28.55v1.677h1.676v-1.676zM33.994 36.856h-1.676v1.677h1.676v-1.677zM37.682 36.856h-1.676v1.677h1.676v-1.677zM33.994 40.07h-1.676v1.677h1.676v-1.676zM37.682 40.07h-1.676v1.677h1.676v-1.676zM26.538 43.29h-1.676v1.677h1.676V43.29zm0 3.428h-1.676v1.677h1.676v-1.677zm3.688-3.428H28.55v1.677h1.676V43.29zm0 3.428H28.55v1.677h1.676v-1.677z" fill="#007C68"></path></svg>
<span class="lesson-title">Lorem ipsum dolor sit amet consectetur </span>
</button>
<button class="locked" data-prog=".45">
<!-- <img src="https://bankingstage.wpengine.com/wp-content/uploads/2021/04/3-3.png" alt=""> -->
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.356 50.218h-.033a21.166 21.166 0 01-1.283-.113l-.03-.004.152-1.245.029.009c.398.05.805.08 1.207.104h.03l-.072 1.25zm-2.557-.297l-.029-.005c-.423-.075-.85-.167-1.257-.268l-.03-.008.302-1.211.025.008c.386.092.788.18 1.187.252l-.005.029h.03l-.223 1.203zm-2.493-.616h-.1l.012-.017c-.386-.126-.78-.256-1.161-.398l-.034-.013.445-1.17.025.013c.373.139.763.269 1.144.386h.038l-.37 1.199zm-2.414-.897l-.025-.013c-.386-.176-.78-.36-1.157-.562l-.03-.012.583-1.106.025.012c.357.189.725.36 1.086.532l.03.013-.512 1.136zm-2.28-1.19l-.025-.022c-.37-.226-.73-.456-1.082-.7l-.025-.012.713-1.031.025.02c.33.227.662.445.989.638l.042-.067-.004.13-.633 1.043zm-2.117-1.455l-.025-.02a21.08 21.08 0 01-.989-.827l-.025-.016.83-.94.025.018c.28.251.582.507.9.75l.043-.08v.143l-.004.008-.755.964zM11.58 44.05l-.038-.013a18.332 18.332 0 01-.88-.938l-.025-.017.939-.83.02.02c.277.307.558.609.83.881l.026.025-.872.872zm-1.723-1.911l-.025-.025a19.245 19.245 0 01-.75-1.019h-.088l1.094-.742.004.021c.23.327.47.65.725.977l.017.025-.977.763zm-1.475-2.112L8.37 40a22.655 22.655 0 01-.633-1.106l-.013-.05.021-.009 1.081-.57.013.025c.193.37.394.717.6 1.056l.012.026-1.069.654zM7.175 37.75l-.013-.03a23.717 23.717 0 01-.494-1.186l-.013-.029 1.17-.444.012.025c.143.381.302.754.47 1.123v.03l-1.132.51zm-.893-2.419l-.033-.02c-.13-.42-.243-.83-.352-1.245l-.004-.03 1.21-.301.013.029c.093.386.202.78.327 1.17l.004.029-1.165.368zm-.645-2.485l-.004-.03c-.076-.41-.139-.842-.193-1.273v-.03l1.236-.15.005.029c.05.41.113.817.18 1.198l.008.03-1.232.226zm-.31-2.556v-.03a21.771 21.771 0 01-.038-1.287l.03-.029h1.219v.03c0 .398.013.804.03 1.21l.004.03-1.245.076zm1.24-2.503l-1.249-.067v-.029c.03-.436.067-.867.118-1.287v-.033l1.245.15-.005.03c-.042.398-.08.805-.104 1.207v.03h-.005zm.281-2.397l-1.232-.226.004-.03c.08-.423.168-.85.268-1.261l.005-.025 1.437.348H7.1c-.093.385-.18.775-.252 1.16v.034zm.579-2.36l-1.195-.368.004-.03c.13-.41.268-.817.42-1.22l.012-.033 1.17.444-.013.03c-.139.369-.269.754-.394 1.144l-.004.034zm.922-2.23l-1.32-.594h.125c.168-.373.356-.755.558-1.136l.012-.025 1.11.582-.02.026c-.18.343-.356.708-.52 1.077l.055.07zM9.4 18.627l-1.07-.65.013-.025c.218-.365.457-.725.692-1.077v-.042l.025.012.038-.054v.08l.976.691v.076l-.025-.026c-.218.315-.432.65-.637.99l-.012.025zm1.366-1.995l-.968-.78v-.075l.025.029c.264-.331.532-.658.805-.964l.016-.025.94.83-.026.025c-.268.306-.532.62-.775.93l-.017.03zm1.622-1.832l-.038-.012-.863-.855.025-.026c.302-.301.62-.599.939-.88l.02-.025.856.968h-.055c-.302.264-.595.545-.876.818l-.008.012zm1.794-1.597l-.772-.98.026-.021c.33-.264.683-.52 1.039-.767l.025-.013.713 1.027-.03.017c-.33.226-.658.47-.976.72l-.025.017zm1.99-1.383l-.645-1.064.03-.042.012.008c.352-.213.708-.41 1.064-.6l-.025-.024h.092l.013.017.562 1.077-.026.016c-.356.189-.712.386-1.056.595l-.02.017zm2.146-1.131l-.511-1.144.025-.013c.398-.18.8-.344 1.195-.495h.033l.436 1.157-.025.013c-.373.142-.75.302-1.123.47l-.03.012zm2.293-.876l-.038-.025-.365-1.161.034-.009c.394-.125.8-.239 1.22-.343v-.23l.05.217h.012v.038l.29 1.182-.03.008c-.398.092-.792.205-1.173.323zm2.326-.574l-.226-1.233h.033a23.37 23.37 0 011.245-.192h.054l.005.025.142 1.211h-.03c-.398.05-.8.113-1.194.18l-.03.009zm2.397-.294L25.26 7.7l.03-.008c.43-.025.862-.038 1.286-.038l.03.034-.03 1.22c-.407 0-.813.012-1.212.037h-.029z" fill="#007C68"></path><path d="M36.92 54.388h-17.9c-.986 0-1.79.805-1.79 1.79s.804 1.79 1.79 1.79h17.9c.984 0 1.789-.805 1.789-1.79s-.805-1.79-1.79-1.79z" fill="#fff"></path><path d="M49.564 33.918H47.23a.529.529 0 00-.512.671c.285 1.014.708 2.9.218 3.537-.691.88-3.508-.167-.863 4.644 2.343 4.25-.918 4.74-5.968 3.982-7.113-1.073-4.372 3.742-4.678 8.067H19.665c.947-4.836.737-10.792-3.026-20.264-1.274-2.342-3.366-7.682-3.282-10.553.264-9.094 9.778-14.882 18.873-14.929 10.033-.054 17.179 9.896 13.348 17.679-.318.64.298 1.4.771 1.944l3.676 4.225a.605.605 0 01-.461.997z" fill="#AFE8DF"></path><path d="M34.4 53.747H20.943l.096-.868c.604-5.398-.482-11.345-3.407-18.721l-.055-.114c-1.366-2.514-3.227-7.535-3.151-10.012.247-8.525 9.438-13.848 17.812-13.894 4.723 0 9.166 2.427 11.597 6.333 1.99 3.202 2.28 6.777.788 9.807-.57 1.157.192 2.272.917 3.114l3.588 3.537-1.538.235-.415.055c-.319.037-1.06.121-1.224.276-.297.39-.394.897-.26 1.383.201.717.34 1.404.39 1.932l.059.612-.579.202c-.532.184-1.186.494-1.5 1.278-.39.968-.054 2.322 1.085 4.392.357.65.57 1.195.625 1.614l.084.607-.57.227c-.86.34-2.565.33-5.013-.038a13.295 13.295 0 00-1.949-.163c-1.521 0-2.607.38-3.32 1.169-1.139 1.257-.955 3.101-.762 5.054.038.382.076.771.105 1.153l.054.83zm-11.726-1.564h10.033a6.326 6.326 0 00-.03-.276c-.209-2.104-.443-4.489 1.162-6.257 1.027-1.132 2.49-1.681 4.476-1.681.658 0 1.37.059 2.18.18 1.177.18 2.166.268 2.933.268.205 0 .377-.008.528-.017a5.223 5.223 0 00-.188-.364c-1.404-2.553-1.752-4.262-1.17-5.725.436-1.081 1.24-1.639 1.836-1.928-.05-.28-.13-.646-.256-1.09a3.139 3.139 0 01.533-2.758c.268-.347.674-.548 1.106-.67l-1.467-1.45c-.553-.641-2.238-2.59-1.14-4.824 1.25-2.536.99-5.558-.712-8.29-2.146-3.45-6.082-5.595-10.264-5.595-7.645.042-16.036 4.782-16.254 12.372-.067 2.15 1.74 6.974 2.964 9.22l.134.285c2.875 7.23 4.027 13.173 3.596 18.6z" fill="#fff"></path><path d="M50.31 32.355l-3.604-4.145c-.612-.704-.65-.934-.638-.997 1.765-3.58 1.442-7.762-.884-11.48-2.732-4.363-7.661-7.066-12.883-7.066h-.08c-9.09.05-19.07 5.972-19.346 15.448-.092 3.114 2.087 8.496 3.294 10.734 3.747 9.455 3.667 14.962 3.03 18.705h-.18a2.62 2.62 0 000 5.239h17.9a2.62 2.62 0 000-5.24h-.708c-.008-.812-.084-1.621-.16-2.359-.15-1.534-.293-2.984.332-3.575.515-.486 1.672-.6 3.445-.33 4.032.607 6.236.292 7.15-1.02.683-.98.54-2.325-.44-4.107-1.12-2.032-.993-2.59-.956-2.682.034-.084.327-.176.524-.239.407-.13.91-.293 1.237-.763.687-.989.34-2.569.012-3.772h1.886c.562 0 1.06-.318 1.295-.83a1.425 1.425 0 00-.226-1.52zM36.13 55.218h.788a.96.96 0 110 1.92h-17.9a.962.962 0 01-.96-.96c0-.529.432-.96.96-.96h17.112zm10.81-22.163c-.424 0-.818.193-1.074.532-.255.34-.34.767-.218 1.207.176.625.642 2.285.348 2.716-.058.046-.268.113-.406.16-.49.159-1.237.398-1.555 1.206-.352.893-.042 2.117 1.048 4.095.611 1.11.804 1.97.536 2.36-.272.394-1.358.96-5.545.327-2.368-.357-3.902-.113-4.832.77-1.211 1.154-1.031 2.993-.838 4.942.07.725.146 1.467.15 2.196h-13.68c.877-5.624-.12-11.65-3.184-19.363l-.042-.092c-1.161-2.137-3.198-7.284-3.119-9.937.248-8.491 9.38-13.797 17.7-13.843h.075c4.652 0 9.044 2.406 11.475 6.287 2.012 3.214 2.305 6.81.8 9.865-.565 1.153.407 2.276.872 2.817l3.27 3.755H46.94z" fill="#007C68"></path><path d="M34.87 26.023l-.03 4.53a1.255 1.255 0 01-1.253 1.245h-7.225a1.257 1.257 0 01-1.257-1.253v-4.523h9.765z" fill="#fff"></path><path d="M32.355 31.798v.972c0 .742-.603 1.35-1.35 1.35h-2.044a1.35 1.35 0 01-1.346-1.35v-.972h4.74z" fill="#AFE8DF"></path><path d="M36.856 17.846c-1.596 2.418-1.693 3.667-1.986 6.55v1.627h-9.761v-1.576c-.273-2.737-.855-4.48-1.513-5.809-1.312-2.653-2.926-3.625-2.926-7.452a9.314 9.314 0 019.313-9.312c5.147 0 9.317 4.17 9.317 9.312.004 2.82-1.526 5.092-2.444 6.66z" fill="#FFD146"></path><path d="M35.65 26.802H24.325v-2.318c-.226-2.238-.679-3.985-1.429-5.498-.356-.717-.738-1.312-1.11-1.89-.973-1.514-1.895-2.943-1.895-5.91 0-5.566 4.527-10.092 10.092-10.092 5.57 0 10.1 4.526 10.1 10.092 0 2.779-1.323 4.996-2.292 6.613l-.28.474c-1.455 2.2-1.568 3.311-1.845 5.998l-.016.163v2.368zm-9.761-1.559h8.197l.026-1.127c.285-2.775.427-4.17 2.082-6.685l.256-.432c.876-1.463 2.07-3.466 2.07-5.813 0-4.702-3.83-8.529-8.537-8.529-4.702 0-8.533 3.827-8.533 8.529 0 2.506.725 3.634 1.647 5.063.394.612.8 1.245 1.195 2.04.842 1.698 1.345 3.63 1.588 6.078l.004.075v.801h.005z" fill="#007C68"></path><path d="M24.032 9.48a.78.78 0 01-.725-1.069c.188-.473.427-.93.716-1.349a.781.781 0 011.291.88 5.533 5.533 0 00-.553 1.044.792.792 0 01-.73.494zm3.202-3.348a.78.78 0 01-.319-1.492 6.943 6.943 0 015.273-.151.786.786 0 01.452 1.01.788.788 0 01-1.01.452 5.37 5.37 0 00-4.078.118.956.956 0 01-.318.063z" fill="#fff"></path><path d="M33.588 32.578h-7.226a2.038 2.038 0 01-2.037-2.033v-5.302h11.329l-.034 5.315a2.035 2.035 0 01-2.032 2.02zm-7.7-5.772v3.739c0 .26.214.47.474.47h7.226c.26 0 .469-.21.469-.47l.025-3.743h-8.194v.004z" fill="#007C68"></path><path d="M28.898 21.664l-1.953-9.959c-.013-.075.07-.13.134-.088l1.76 1.149c.042.03.1.012.126-.034l.947-1.747a.09.09 0 01.155-.005l1.073 1.811a.087.087 0 00.13.025l1.618-1.186c.063-.046.15.008.138.084l-1.949 9.945h-2.18v.005z" fill="#fff"></path><path d="M31.077 22.444a.782.782 0 01-.767-.93l1.61-8.203-.19.139a.858.858 0 01-.686.15.873.873 0 01-.575-.41l-.452-.759-.365.675a.867.867 0 01-1.236.314l-.386-.251 1.635 8.344a.782.782 0 01-1.534.302l-1.953-9.958a.873.873 0 01.377-.893.87.87 0 01.951 0l1.128.738.59-1.09a.88.88 0 01.747-.457.88.88 0 01.767.424l.687 1.156 1.002-.733a.86.86 0 01.968-.038.863.863 0 01.402.88l-1.953 9.967a.78.78 0 01-.767.633zM32.355 31.798v.972c0 .742-.603 1.35-1.35 1.35h-2.044a1.35 1.35 0 01-1.346-1.35v-.972h4.74zM29.417 25.487l-4.748 5.069 1.14 1.069 4.749-5.069-1.141-1.069z" fill="#007C68"></path><path d="M34.296 25.49l-5.127 5.516 1.145 1.065 5.127-5.516-1.145-1.065zM26.538 36.856h-1.676v1.677h1.676v-1.677zM30.226 36.856H28.55v1.677h1.676v-1.677zM26.538 40.07h-1.676v1.677h1.676v-1.676zM30.226 40.07H28.55v1.677h1.676v-1.676zM33.994 36.856h-1.676v1.677h1.676v-1.677zM37.682 36.856h-1.676v1.677h1.676v-1.677zM33.994 40.07h-1.676v1.677h1.676v-1.676zM37.682 40.07h-1.676v1.677h1.676v-1.676zM26.538 43.29h-1.676v1.677h1.676V43.29zm0 3.428h-1.676v1.677h1.676v-1.677zm3.688-3.428H28.55v1.677h1.676V43.29zm0 3.428H28.55v1.677h1.676v-1.677z" fill="#007C68"></path></svg>
<span class="lesson-title">Lorem ipsum dolor sit amet consectetur </span>
</button>
<button class="locked" data-prog=".55">
<!-- <img src="https://bankingstage.wpengine.com/wp-content/uploads/2021/04/4.png" alt=""> -->
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.356 50.218h-.033a21.166 21.166 0 01-1.283-.113l-.03-.004.152-1.245.029.009c.398.05.805.08 1.207.104h.03l-.072 1.25zm-2.557-.297l-.029-.005c-.423-.075-.85-.167-1.257-.268l-.03-.008.302-1.211.025.008c.386.092.788.18 1.187.252l-.005.029h.03l-.223 1.203zm-2.493-.616h-.1l.012-.017c-.386-.126-.78-.256-1.161-.398l-.034-.013.445-1.17.025.013c.373.139.763.269 1.144.386h.038l-.37 1.199zm-2.414-.897l-.025-.013c-.386-.176-.78-.36-1.157-.562l-.03-.012.583-1.106.025.012c.357.189.725.36 1.086.532l.03.013-.512 1.136zm-2.28-1.19l-.025-.022c-.37-.226-.73-.456-1.082-.7l-.025-.012.713-1.031.025.02c.33.227.662.445.989.638l.042-.067-.004.13-.633 1.043zm-2.117-1.455l-.025-.02a21.08 21.08 0 01-.989-.827l-.025-.016.83-.94.025.018c.28.251.582.507.9.75l.043-.08v.143l-.004.008-.755.964zM11.58 44.05l-.038-.013a18.332 18.332 0 01-.88-.938l-.025-.017.939-.83.02.02c.277.307.558.609.83.881l.026.025-.872.872zm-1.723-1.911l-.025-.025a19.245 19.245 0 01-.75-1.019h-.088l1.094-.742.004.021c.23.327.47.65.725.977l.017.025-.977.763zm-1.475-2.112L8.37 40a22.655 22.655 0 01-.633-1.106l-.013-.05.021-.009 1.081-.57.013.025c.193.37.394.717.6 1.056l.012.026-1.069.654zM7.175 37.75l-.013-.03a23.717 23.717 0 01-.494-1.186l-.013-.029 1.17-.444.012.025c.143.381.302.754.47 1.123v.03l-1.132.51zm-.893-2.419l-.033-.02c-.13-.42-.243-.83-.352-1.245l-.004-.03 1.21-.301.013.029c.093.386.202.78.327 1.17l.004.029-1.165.368zm-.645-2.485l-.004-.03c-.076-.41-.139-.842-.193-1.273v-.03l1.236-.15.005.029c.05.41.113.817.18 1.198l.008.03-1.232.226zm-.31-2.556v-.03a21.771 21.771 0 01-.038-1.287l.03-.029h1.219v.03c0 .398.013.804.03 1.21l.004.03-1.245.076zm1.24-2.503l-1.249-.067v-.029c.03-.436.067-.867.118-1.287v-.033l1.245.15-.005.03c-.042.398-.08.805-.104 1.207v.03h-.005zm.281-2.397l-1.232-.226.004-.03c.08-.423.168-.85.268-1.261l.005-.025 1.437.348H7.1c-.093.385-.18.775-.252 1.16v.034zm.579-2.36l-1.195-.368.004-.03c.13-.41.268-.817.42-1.22l.012-.033 1.17.444-.013.03c-.139.369-.269.754-.394 1.144l-.004.034zm.922-2.23l-1.32-.594h.125c.168-.373.356-.755.558-1.136l.012-.025 1.11.582-.02.026c-.18.343-.356.708-.52 1.077l.055.07zM9.4 18.627l-1.07-.65.013-.025c.218-.365.457-.725.692-1.077v-.042l.025.012.038-.054v.08l.976.691v.076l-.025-.026c-.218.315-.432.65-.637.99l-.012.025zm1.366-1.995l-.968-.78v-.075l.025.029c.264-.331.532-.658.805-.964l.016-.025.94.83-.026.025c-.268.306-.532.62-.775.93l-.017.03zm1.622-1.832l-.038-.012-.863-.855.025-.026c.302-.301.62-.599.939-.88l.02-.025.856.968h-.055c-.302.264-.595.545-.876.818l-.008.012zm1.794-1.597l-.772-.98.026-.021c.33-.264.683-.52 1.039-.767l.025-.013.713 1.027-.03.017c-.33.226-.658.47-.976.72l-.025.017zm1.99-1.383l-.645-1.064.03-.042.012.008c.352-.213.708-.41 1.064-.6l-.025-.024h.092l.013.017.562 1.077-.026.016c-.356.189-.712.386-1.056.595l-.02.017zm2.146-1.131l-.511-1.144.025-.013c.398-.18.8-.344 1.195-.495h.033l.436 1.157-.025.013c-.373.142-.75.302-1.123.47l-.03.012zm2.293-.876l-.038-.025-.365-1.161.034-.009c.394-.125.8-.239 1.22-.343v-.23l.05.217h.012v.038l.29 1.182-.03.008c-.398.092-.792.205-1.173.323zm2.326-.574l-.226-1.233h.033a23.37 23.37 0 011.245-.192h.054l.005.025.142 1.211h-.03c-.398.05-.8.113-1.194.18l-.03.009zm2.397-.294L25.26 7.7l.03-.008c.43-.025.862-.038 1.286-.038l.03.034-.03 1.22c-.407 0-.813.012-1.212.037h-.029z" fill="#007C68"></path><path d="M36.92 54.388h-17.9c-.986 0-1.79.805-1.79 1.79s.804 1.79 1.79 1.79h17.9c.984 0 1.789-.805 1.789-1.79s-.805-1.79-1.79-1.79z" fill="#fff"></path><path d="M49.564 33.918H47.23a.529.529 0 00-.512.671c.285 1.014.708 2.9.218 3.537-.691.88-3.508-.167-.863 4.644 2.343 4.25-.918 4.74-5.968 3.982-7.113-1.073-4.372 3.742-4.678 8.067H19.665c.947-4.836.737-10.792-3.026-20.264-1.274-2.342-3.366-7.682-3.282-10.553.264-9.094 9.778-14.882 18.873-14.929 10.033-.054 17.179 9.896 13.348 17.679-.318.64.298 1.4.771 1.944l3.676 4.225a.605.605 0 01-.461.997z" fill="#AFE8DF"></path><path d="M34.4 53.747H20.943l.096-.868c.604-5.398-.482-11.345-3.407-18.721l-.055-.114c-1.366-2.514-3.227-7.535-3.151-10.012.247-8.525 9.438-13.848 17.812-13.894 4.723 0 9.166 2.427 11.597 6.333 1.99 3.202 2.28 6.777.788 9.807-.57 1.157.192 2.272.917 3.114l3.588 3.537-1.538.235-.415.055c-.319.037-1.06.121-1.224.276-.297.39-.394.897-.26 1.383.201.717.34 1.404.39 1.932l.059.612-.579.202c-.532.184-1.186.494-1.5 1.278-.39.968-.054 2.322 1.085 4.392.357.65.57 1.195.625 1.614l.084.607-.57.227c-.86.34-2.565.33-5.013-.038a13.295 13.295 0 00-1.949-.163c-1.521 0-2.607.38-3.32 1.169-1.139 1.257-.955 3.101-.762 5.054.038.382.076.771.105 1.153l.054.83zm-11.726-1.564h10.033a6.326 6.326 0 00-.03-.276c-.209-2.104-.443-4.489 1.162-6.257 1.027-1.132 2.49-1.681 4.476-1.681.658 0 1.37.059 2.18.18 1.177.18 2.166.268 2.933.268.205 0 .377-.008.528-.017a5.223 5.223 0 00-.188-.364c-1.404-2.553-1.752-4.262-1.17-5.725.436-1.081 1.24-1.639 1.836-1.928-.05-.28-.13-.646-.256-1.09a3.139 3.139 0 01.533-2.758c.268-.347.674-.548 1.106-.67l-1.467-1.45c-.553-.641-2.238-2.59-1.14-4.824 1.25-2.536.99-5.558-.712-8.29-2.146-3.45-6.082-5.595-10.264-5.595-7.645.042-16.036 4.782-16.254 12.372-.067 2.15 1.74 6.974 2.964 9.22l.134.285c2.875 7.23 4.027 13.173 3.596 18.6z" fill="#fff"></path><path d="M50.31 32.355l-3.604-4.145c-.612-.704-.65-.934-.638-.997 1.765-3.58 1.442-7.762-.884-11.48-2.732-4.363-7.661-7.066-12.883-7.066h-.08c-9.09.05-19.07 5.972-19.346 15.448-.092 3.114 2.087 8.496 3.294 10.734 3.747 9.455 3.667 14.962 3.03 18.705h-.18a2.62 2.62 0 000 5.239h17.9a2.62 2.62 0 000-5.24h-.708c-.008-.812-.084-1.621-.16-2.359-.15-1.534-.293-2.984.332-3.575.515-.486 1.672-.6 3.445-.33 4.032.607 6.236.292 7.15-1.02.683-.98.54-2.325-.44-4.107-1.12-2.032-.993-2.59-.956-2.682.034-.084.327-.176.524-.239.407-.13.91-.293 1.237-.763.687-.989.34-2.569.012-3.772h1.886c.562 0 1.06-.318 1.295-.83a1.425 1.425 0 00-.226-1.52zM36.13 55.218h.788a.96.96 0 110 1.92h-17.9a.962.962 0 01-.96-.96c0-.529.432-.96.96-.96h17.112zm10.81-22.163c-.424 0-.818.193-1.074.532-.255.34-.34.767-.218 1.207.176.625.642 2.285.348 2.716-.058.046-.268.113-.406.16-.49.159-1.237.398-1.555 1.206-.352.893-.042 2.117 1.048 4.095.611 1.11.804 1.97.536 2.36-.272.394-1.358.96-5.545.327-2.368-.357-3.902-.113-4.832.77-1.211 1.154-1.031 2.993-.838 4.942.07.725.146 1.467.15 2.196h-13.68c.877-5.624-.12-11.65-3.184-19.363l-.042-.092c-1.161-2.137-3.198-7.284-3.119-9.937.248-8.491 9.38-13.797 17.7-13.843h.075c4.652 0 9.044 2.406 11.475 6.287 2.012 3.214 2.305 6.81.8 9.865-.565 1.153.407 2.276.872 2.817l3.27 3.755H46.94z" fill="#007C68"></path><path d="M34.87 26.023l-.03 4.53a1.255 1.255 0 01-1.253 1.245h-7.225a1.257 1.257 0 01-1.257-1.253v-4.523h9.765z" fill="#fff"></path><path d="M32.355 31.798v.972c0 .742-.603 1.35-1.35 1.35h-2.044a1.35 1.35 0 01-1.346-1.35v-.972h4.74z" fill="#AFE8DF"></path><path d="M36.856 17.846c-1.596 2.418-1.693 3.667-1.986 6.55v1.627h-9.761v-1.576c-.273-2.737-.855-4.48-1.513-5.809-1.312-2.653-2.926-3.625-2.926-7.452a9.314 9.314 0 019.313-9.312c5.147 0 9.317 4.17 9.317 9.312.004 2.82-1.526 5.092-2.444 6.66z" fill="#FFD146"></path><path d="M35.65 26.802H24.325v-2.318c-.226-2.238-.679-3.985-1.429-5.498-.356-.717-.738-1.312-1.11-1.89-.973-1.514-1.895-2.943-1.895-5.91 0-5.566 4.527-10.092 10.092-10.092 5.57 0 10.1 4.526 10.1 10.092 0 2.779-1.323 4.996-2.292 6.613l-.28.474c-1.455 2.2-1.568 3.311-1.845 5.998l-.016.163v2.368zm-9.761-1.559h8.197l.026-1.127c.285-2.775.427-4.17 2.082-6.685l.256-.432c.876-1.463 2.07-3.466 2.07-5.813 0-4.702-3.83-8.529-8.537-8.529-4.702 0-8.533 3.827-8.533 8.529 0 2.506.725 3.634 1.647 5.063.394.612.8 1.245 1.195 2.04.842 1.698 1.345 3.63 1.588 6.078l.004.075v.801h.005z" fill="#007C68"></path><path d="M24.032 9.48a.78.78 0 01-.725-1.069c.188-.473.427-.93.716-1.349a.781.781 0 011.291.88 5.533 5.533 0 00-.553 1.044.792.792 0 01-.73.494zm3.202-3.348a.78.78 0 01-.319-1.492 6.943 6.943 0 015.273-.151.786.786 0 01.452 1.01.788.788 0 01-1.01.452 5.37 5.37 0 00-4.078.118.956.956 0 01-.318.063z" fill="#fff"></path><path d="M33.588 32.578h-7.226a2.038 2.038 0 01-2.037-2.033v-5.302h11.329l-.034 5.315a2.035 2.035 0 01-2.032 2.02zm-7.7-5.772v3.739c0 .26.214.47.474.47h7.226c.26 0 .469-.21.469-.47l.025-3.743h-8.194v.004z" fill="#007C68"></path><path d="M28.898 21.664l-1.953-9.959c-.013-.075.07-.13.134-.088l1.76 1.149c.042.03.1.012.126-.034l.947-1.747a.09.09 0 01.155-.005l1.073 1.811a.087.087 0 00.13.025l1.618-1.186c.063-.046.15.008.138.084l-1.949 9.945h-2.18v.005z" fill="#fff"></path><path d="M31.077 22.444a.782.782 0 01-.767-.93l1.61-8.203-.19.139a.858.858 0 01-.686.15.873.873 0 01-.575-.41l-.452-.759-.365.675a.867.867 0 01-1.236.314l-.386-.251 1.635 8.344a.782.782 0 01-1.534.302l-1.953-9.958a.873.873 0 01.377-.893.87.87 0 01.951 0l1.128.738.59-1.09a.88.88 0 01.747-.457.88.88 0 01.767.424l.687 1.156 1.002-.733a.86.86 0 01.968-.038.863.863 0 01.402.88l-1.953 9.967a.78.78 0 01-.767.633zM32.355 31.798v.972c0 .742-.603 1.35-1.35 1.35h-2.044a1.35 1.35 0 01-1.346-1.35v-.972h4.74zM29.417 25.487l-4.748 5.069 1.14 1.069 4.749-5.069-1.141-1.069z" fill="#007C68"></path><path d="M34.296 25.49l-5.127 5.516 1.145 1.065 5.127-5.516-1.145-1.065zM26.538 36.856h-1.676v1.677h1.676v-1.677zM30.226 36.856H28.55v1.677h1.676v-1.677zM26.538 40.07h-1.676v1.677h1.676v-1.676zM30.226 40.07H28.55v1.677h1.676v-1.676zM33.994 36.856h-1.676v1.677h1.676v-1.677zM37.682 36.856h-1.676v1.677h1.676v-1.677zM33.994 40.07h-1.676v1.677h1.676v-1.676zM37.682 40.07h-1.676v1.677h1.676v-1.676zM26.538 43.29h-1.676v1.677h1.676V43.29zm0 3.428h-1.676v1.677h1.676v-1.677zm3.688-3.428H28.55v1.677h1.676V43.29zm0 3.428H28.55v1.677h1.676v-1.677z" fill="#007C68"></path></svg>
<span class="lesson-title">Lorem ipsum dolor sit amet consectetur </span>
</button>
<button class="locked" data-prog=".73">
<!-- <img src="https://bankingstage.wpengine.com/wp-content/uploads/2021/04/5.png" alt=""> -->
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.356 50.218h-.033a21.166 21.166 0 01-1.283-.113l-.03-.004.152-1.245.029.009c.398.05.805.08 1.207.104h.03l-.072 1.25zm-2.557-.297l-.029-.005c-.423-.075-.85-.167-1.257-.268l-.03-.008.302-1.211.025.008c.386.092.788.18 1.187.252l-.005.029h.03l-.223 1.203zm-2.493-.616h-.1l.012-.017c-.386-.126-.78-.256-1.161-.398l-.034-.013.445-1.17.025.013c.373.139.763.269 1.144.386h.038l-.37 1.199zm-2.414-.897l-.025-.013c-.386-.176-.78-.36-1.157-.562l-.03-.012.583-1.106.025.012c.357.189.725.36 1.086.532l.03.013-.512 1.136zm-2.28-1.19l-.025-.022c-.37-.226-.73-.456-1.082-.7l-.025-.012.713-1.031.025.02c.33.227.662.445.989.638l.042-.067-.004.13-.633 1.043zm-2.117-1.455l-.025-.02a21.08 21.08 0 01-.989-.827l-.025-.016.83-.94.025.018c.28.251.582.507.9.75l.043-.08v.143l-.004.008-.755.964zM11.58 44.05l-.038-.013a18.332 18.332 0 01-.88-.938l-.025-.017.939-.83.02.02c.277.307.558.609.83.881l.026.025-.872.872zm-1.723-1.911l-.025-.025a19.245 19.245 0 01-.75-1.019h-.088l1.094-.742.004.021c.23.327.47.65.725.977l.017.025-.977.763zm-1.475-2.112L8.37 40a22.655 22.655 0 01-.633-1.106l-.013-.05.021-.009 1.081-.57.013.025c.193.37.394.717.6 1.056l.012.026-1.069.654zM7.175 37.75l-.013-.03a23.717 23.717 0 01-.494-1.186l-.013-.029 1.17-.444.012.025c.143.381.302.754.47 1.123v.03l-1.132.51zm-.893-2.419l-.033-.02c-.13-.42-.243-.83-.352-1.245l-.004-.03 1.21-.301.013.029c.093.386.202.78.327 1.17l.004.029-1.165.368zm-.645-2.485l-.004-.03c-.076-.41-.139-.842-.193-1.273v-.03l1.236-.15.005.029c.05.41.113.817.18 1.198l.008.03-1.232.226zm-.31-2.556v-.03a21.771 21.771 0 01-.038-1.287l.03-.029h1.219v.03c0 .398.013.804.03 1.21l.004.03-1.245.076zm1.24-2.503l-1.249-.067v-.029c.03-.436.067-.867.118-1.287v-.033l1.245.15-.005.03c-.042.398-.08.805-.104 1.207v.03h-.005zm.281-2.397l-1.232-.226.004-.03c.08-.423.168-.85.268-1.261l.005-.025 1.437.348H7.1c-.093.385-.18.775-.252 1.16v.034zm.579-2.36l-1.195-.368.004-.03c.13-.41.268-.817.42-1.22l.012-.033 1.17.444-.013.03c-.139.369-.269.754-.394 1.144l-.004.034zm.922-2.23l-1.32-.594h.125c.168-.373.356-.755.558-1.136l.012-.025 1.11.582-.02.026c-.18.343-.356.708-.52 1.077l.055.07zM9.4 18.627l-1.07-.65.013-.025c.218-.365.457-.725.692-1.077v-.042l.025.012.038-.054v.08l.976.691v.076l-.025-.026c-.218.315-.432.65-.637.99l-.012.025zm1.366-1.995l-.968-.78v-.075l.025.029c.264-.331.532-.658.805-.964l.016-.025.94.83-.026.025c-.268.306-.532.62-.775.93l-.017.03zm1.622-1.832l-.038-.012-.863-.855.025-.026c.302-.301.62-.599.939-.88l.02-.025.856.968h-.055c-.302.264-.595.545-.876.818l-.008.012zm1.794-1.597l-.772-.98.026-.021c.33-.264.683-.52 1.039-.767l.025-.013.713 1.027-.03.017c-.33.226-.658.47-.976.72l-.025.017zm1.99-1.383l-.645-1.064.03-.042.012.008c.352-.213.708-.41 1.064-.6l-.025-.024h.092l.013.017.562 1.077-.026.016c-.356.189-.712.386-1.056.595l-.02.017zm2.146-1.131l-.511-1.144.025-.013c.398-.18.8-.344 1.195-.495h.033l.436 1.157-.025.013c-.373.142-.75.302-1.123.47l-.03.012zm2.293-.876l-.038-.025-.365-1.161.034-.009c.394-.125.8-.239 1.22-.343v-.23l.05.217h.012v.038l.29 1.182-.03.008c-.398.092-.792.205-1.173.323zm2.326-.574l-.226-1.233h.033a23.37 23.37 0 011.245-.192h.054l.005.025.142 1.211h-.03c-.398.05-.8.113-1.194.18l-.03.009zm2.397-.294L25.26 7.7l.03-.008c.43-.025.862-.038 1.286-.038l.03.034-.03 1.22c-.407 0-.813.012-1.212.037h-.029z" fill="#007C68"></path><path d="M36.92 54.388h-17.9c-.986 0-1.79.805-1.79 1.79s.804 1.79 1.79 1.79h17.9c.984 0 1.789-.805 1.789-1.79s-.805-1.79-1.79-1.79z" fill="#fff"></path><path d="M49.564 33.918H47.23a.529.529 0 00-.512.671c.285 1.014.708 2.9.218 3.537-.691.88-3.508-.167-.863 4.644 2.343 4.25-.918 4.74-5.968 3.982-7.113-1.073-4.372 3.742-4.678 8.067H19.665c.947-4.836.737-10.792-3.026-20.264-1.274-2.342-3.366-7.682-3.282-10.553.264-9.094 9.778-14.882 18.873-14.929 10.033-.054 17.179 9.896 13.348 17.679-.318.64.298 1.4.771 1.944l3.676 4.225a.605.605 0 01-.461.997z" fill="#AFE8DF"></path><path d="M34.4 53.747H20.943l.096-.868c.604-5.398-.482-11.345-3.407-18.721l-.055-.114c-1.366-2.514-3.227-7.535-3.151-10.012.247-8.525 9.438-13.848 17.812-13.894 4.723 0 9.166 2.427 11.597 6.333 1.99 3.202 2.28 6.777.788 9.807-.57 1.157.192 2.272.917 3.114l3.588 3.537-1.538.235-.415.055c-.319.037-1.06.121-1.224.276-.297.39-.394.897-.26 1.383.201.717.34 1.404.39 1.932l.059.612-.579.202c-.532.184-1.186.494-1.5 1.278-.39.968-.054 2.322 1.085 4.392.357.65.57 1.195.625 1.614l.084.607-.57.227c-.86.34-2.565.33-5.013-.038a13.295 13.295 0 00-1.949-.163c-1.521 0-2.607.38-3.32 1.169-1.139 1.257-.955 3.101-.762 5.054.038.382.076.771.105 1.153l.054.83zm-11.726-1.564h10.033a6.326 6.326 0 00-.03-.276c-.209-2.104-.443-4.489 1.162-6.257 1.027-1.132 2.49-1.681 4.476-1.681.658 0 1.37.059 2.18.18 1.177.18 2.166.268 2.933.268.205 0 .377-.008.528-.017a5.223 5.223 0 00-.188-.364c-1.404-2.553-1.752-4.262-1.17-5.725.436-1.081 1.24-1.639 1.836-1.928-.05-.28-.13-.646-.256-1.09a3.139 3.139 0 01.533-2.758c.268-.347.674-.548 1.106-.67l-1.467-1.45c-.553-.641-2.238-2.59-1.14-4.824 1.25-2.536.99-5.558-.712-8.29-2.146-3.45-6.082-5.595-10.264-5.595-7.645.042-16.036 4.782-16.254 12.372-.067 2.15 1.74 6.974 2.964 9.22l.134.285c2.875 7.23 4.027 13.173 3.596 18.6z" fill="#fff"></path><path d="M50.31 32.355l-3.604-4.145c-.612-.704-.65-.934-.638-.997 1.765-3.58 1.442-7.762-.884-11.48-2.732-4.363-7.661-7.066-12.883-7.066h-.08c-9.09.05-19.07 5.972-19.346 15.448-.092 3.114 2.087 8.496 3.294 10.734 3.747 9.455 3.667 14.962 3.03 18.705h-.18a2.62 2.62 0 000 5.239h17.9a2.62 2.62 0 000-5.24h-.708c-.008-.812-.084-1.621-.16-2.359-.15-1.534-.293-2.984.332-3.575.515-.486 1.672-.6 3.445-.33 4.032.607 6.236.292 7.15-1.02.683-.98.54-2.325-.44-4.107-1.12-2.032-.993-2.59-.956-2.682.034-.084.327-.176.524-.239.407-.13.91-.293 1.237-.763.687-.989.34-2.569.012-3.772h1.886c.562 0 1.06-.318 1.295-.83a1.425 1.425 0 00-.226-1.52zM36.13 55.218h.788a.96.96 0 110 1.92h-17.9a.962.962 0 01-.96-.96c0-.529.432-.96.96-.96h17.112zm10.81-22.163c-.424 0-.818.193-1.074.532-.255.34-.34.767-.218 1.207.176.625.642 2.285.348 2.716-.058.046-.268.113-.406.16-.49.159-1.237.398-1.555 1.206-.352.893-.042 2.117 1.048 4.095.611 1.11.804 1.97.536 2.36-.272.394-1.358.96-5.545.327-2.368-.357-3.902-.113-4.832.77-1.211 1.154-1.031 2.993-.838 4.942.07.725.146 1.467.15 2.196h-13.68c.877-5.624-.12-11.65-3.184-19.363l-.042-.092c-1.161-2.137-3.198-7.284-3.119-9.937.248-8.491 9.38-13.797 17.7-13.843h.075c4.652 0 9.044 2.406 11.475 6.287 2.012 3.214 2.305 6.81.8 9.865-.565 1.153.407 2.276.872 2.817l3.27 3.755H46.94z" fill="#007C68"></path><path d="M34.87 26.023l-.03 4.53a1.255 1.255 0 01-1.253 1.245h-7.225a1.257 1.257 0 01-1.257-1.253v-4.523h9.765z" fill="#fff"></path><path d="M32.355 31.798v.972c0 .742-.603 1.35-1.35 1.35h-2.044a1.35 1.35 0 01-1.346-1.35v-.972h4.74z" fill="#AFE8DF"></path><path d="M36.856 17.846c-1.596 2.418-1.693 3.667-1.986 6.55v1.627h-9.761v-1.576c-.273-2.737-.855-4.48-1.513-5.809-1.312-2.653-2.926-3.625-2.926-7.452a9.314 9.314 0 019.313-9.312c5.147 0 9.317 4.17 9.317 9.312.004 2.82-1.526 5.092-2.444 6.66z" fill="#FFD146"></path><path d="M35.65 26.802H24.325v-2.318c-.226-2.238-.679-3.985-1.429-5.498-.356-.717-.738-1.312-1.11-1.89-.973-1.514-1.895-2.943-1.895-5.91 0-5.566 4.527-10.092 10.092-10.092 5.57 0 10.1 4.526 10.1 10.092 0 2.779-1.323 4.996-2.292 6.613l-.28.474c-1.455 2.2-1.568 3.311-1.845 5.998l-.016.163v2.368zm-9.761-1.559h8.197l.026-1.127c.285-2.775.427-4.17 2.082-6.685l.256-.432c.876-1.463 2.07-3.466 2.07-5.813 0-4.702-3.83-8.529-8.537-8.529-4.702 0-8.533 3.827-8.533 8.529 0 2.506.725 3.634 1.647 5.063.394.612.8 1.245 1.195 2.04.842 1.698 1.345 3.63 1.588 6.078l.004.075v.801h.005z" fill="#007C68"></path><path d="M24.032 9.48a.78.78 0 01-.725-1.069c.188-.473.427-.93.716-1.349a.781.781 0 011.291.88 5.533 5.533 0 00-.553 1.044.792.792 0 01-.73.494zm3.202-3.348a.78.78 0 01-.319-1.492 6.943 6.943 0 015.273-.151.786.786 0 01.452 1.01.788.788 0 01-1.01.452 5.37 5.37 0 00-4.078.118.956.956 0 01-.318.063z" fill="#fff"></path><path d="M33.588 32.578h-7.226a2.038 2.038 0 01-2.037-2.033v-5.302h11.329l-.034 5.315a2.035 2.035 0 01-2.032 2.02zm-7.7-5.772v3.739c0 .26.214.47.474.47h7.226c.26 0 .469-.21.469-.47l.025-3.743h-8.194v.004z" fill="#007C68"></path><path d="M28.898 21.664l-1.953-9.959c-.013-.075.07-.13.134-.088l1.76 1.149c.042.03.1.012.126-.034l.947-1.747a.09.09 0 01.155-.005l1.073 1.811a.087.087 0 00.13.025l1.618-1.186c.063-.046.15.008.138.084l-1.949 9.945h-2.18v.005z" fill="#fff"></path><path d="M31.077 22.444a.782.782 0 01-.767-.93l1.61-8.203-.19.139a.858.858 0 01-.686.15.873.873 0 01-.575-.41l-.452-.759-.365.675a.867.867 0 01-1.236.314l-.386-.251 1.635 8.344a.782.782 0 01-1.534.302l-1.953-9.958a.873.873 0 01.377-.893.87.87 0 01.951 0l1.128.738.59-1.09a.88.88 0 01.747-.457.88.88 0 01.767.424l.687 1.156 1.002-.733a.86.86 0 01.968-.038.863.863 0 01.402.88l-1.953 9.967a.78.78 0 01-.767.633zM32.355 31.798v.972c0 .742-.603 1.35-1.35 1.35h-2.044a1.35 1.35 0 01-1.346-1.35v-.972h4.74zM29.417 25.487l-4.748 5.069 1.14 1.069 4.749-5.069-1.141-1.069z" fill="#007C68"></path><path d="M34.296 25.49l-5.127 5.516 1.145 1.065 5.127-5.516-1.145-1.065zM26.538 36.856h-1.676v1.677h1.676v-1.677zM30.226 36.856H28.55v1.677h1.676v-1.677zM26.538 40.07h-1.676v1.677h1.676v-1.676zM30.226 40.07H28.55v1.677h1.676v-1.676zM33.994 36.856h-1.676v1.677h1.676v-1.677zM37.682 36.856h-1.676v1.677h1.676v-1.677zM33.994 40.07h-1.676v1.677h1.676v-1.676zM37.682 40.07h-1.676v1.677h1.676v-1.676zM26.538 43.29h-1.676v1.677h1.676V43.29zm0 3.428h-1.676v1.677h1.676v-1.677zm3.688-3.428H28.55v1.677h1.676V43.29zm0 3.428H28.55v1.677h1.676v-1.677z" fill="#007C68"></path></svg>
<span class="lesson-title">Lorem ipsum dolor sit amet consectetur </span>
</button>
<button class="locked" data-prog=".9">
<!-- <img src="https://bankingstage.wpengine.com/wp-content/uploads/2021/04/6.png" alt=""> -->
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.356 50.218h-.033a21.166 21.166 0 01-1.283-.113l-.03-.004.152-1.245.029.009c.398.05.805.08 1.207.104h.03l-.072 1.25zm-2.557-.297l-.029-.005c-.423-.075-.85-.167-1.257-.268l-.03-.008.302-1.211.025.008c.386.092.788.18 1.187.252l-.005.029h.03l-.223 1.203zm-2.493-.616h-.1l.012-.017c-.386-.126-.78-.256-1.161-.398l-.034-.013.445-1.17.025.013c.373.139.763.269 1.144.386h.038l-.37 1.199zm-2.414-.897l-.025-.013c-.386-.176-.78-.36-1.157-.562l-.03-.012.583-1.106.025.012c.357.189.725.36 1.086.532l.03.013-.512 1.136zm-2.28-1.19l-.025-.022c-.37-.226-.73-.456-1.082-.7l-.025-.012.713-1.031.025.02c.33.227.662.445.989.638l.042-.067-.004.13-.633 1.043zm-2.117-1.455l-.025-.02a21.08 21.08 0 01-.989-.827l-.025-.016.83-.94.025.018c.28.251.582.507.9.75l.043-.08v.143l-.004.008-.755.964zM11.58 44.05l-.038-.013a18.332 18.332 0 01-.88-.938l-.025-.017.939-.83.02.02c.277.307.558.609.83.881l.026.025-.872.872zm-1.723-1.911l-.025-.025a19.245 19.245 0 01-.75-1.019h-.088l1.094-.742.004.021c.23.327.47.65.725.977l.017.025-.977.763zm-1.475-2.112L8.37 40a22.655 22.655 0 01-.633-1.106l-.013-.05.021-.009 1.081-.57.013.025c.193.37.394.717.6 1.056l.012.026-1.069.654zM7.175 37.75l-.013-.03a23.717 23.717 0 01-.494-1.186l-.013-.029 1.17-.444.012.025c.143.381.302.754.47 1.123v.03l-1.132.51zm-.893-2.419l-.033-.02c-.13-.42-.243-.83-.352-1.245l-.004-.03 1.21-.301.013.029c.093.386.202.78.327 1.17l.004.029-1.165.368zm-.645-2.485l-.004-.03c-.076-.41-.139-.842-.193-1.273v-.03l1.236-.15.005.029c.05.41.113.817.18 1.198l.008.03-1.232.226zm-.31-2.556v-.03a21.771 21.771 0 01-.038-1.287l.03-.029h1.219v.03c0 .398.013.804.03 1.21l.004.03-1.245.076zm1.24-2.503l-1.249-.067v-.029c.03-.436.067-.867.118-1.287v-.033l1.245.15-.005.03c-.042.398-.08.805-.104 1.207v.03h-.005zm.281-2.397l-1.232-.226.004-.03c.08-.423.168-.85.268-1.261l.005-.025 1.437.348H7.1c-.093.385-.18.775-.252 1.16v.034zm.579-2.36l-1.195-.368.004-.03c.13-.41.268-.817.42-1.22l.012-.033 1.17.444-.013.03c-.139.369-.269.754-.394 1.144l-.004.034zm.922-2.23l-1.32-.594h.125c.168-.373.356-.755.558-1.136l.012-.025 1.11.582-.02.026c-.18.343-.356.708-.52 1.077l.055.07zM9.4 18.627l-1.07-.65.013-.025c.218-.365.457-.725.692-1.077v-.042l.025.012.038-.054v.08l.976.691v.076l-.025-.026c-.218.315-.432.65-.637.99l-.012.025zm1.366-1.995l-.968-.78v-.075l.025.029c.264-.331.532-.658.805-.964l.016-.025.94.83-.026.025c-.268.306-.532.62-.775.93l-.017.03zm1.622-1.832l-.038-.012-.863-.855.025-.026c.302-.301.62-.599.939-.88l.02-.025.856.968h-.055c-.302.264-.595.545-.876.818l-.008.012zm1.794-1.597l-.772-.98.026-.021c.33-.264.683-.52 1.039-.767l.025-.013.713 1.027-.03.017c-.33.226-.658.47-.976.72l-.025.017zm1.99-1.383l-.645-1.064.03-.042.012.008c.352-.213.708-.41 1.064-.6l-.025-.024h.092l.013.017.562 1.077-.026.016c-.356.189-.712.386-1.056.595l-.02.017zm2.146-1.131l-.511-1.144.025-.013c.398-.18.8-.344 1.195-.495h.033l.436 1.157-.025.013c-.373.142-.75.302-1.123.47l-.03.012zm2.293-.876l-.038-.025-.365-1.161.034-.009c.394-.125.8-.239 1.22-.343v-.23l.05.217h.012v.038l.29 1.182-.03.008c-.398.092-.792.205-1.173.323zm2.326-.574l-.226-1.233h.033a23.37 23.37 0 011.245-.192h.054l.005.025.142 1.211h-.03c-.398.05-.8.113-1.194.18l-.03.009zm2.397-.294L25.26 7.7l.03-.008c.43-.025.862-.038 1.286-.038l.03.034-.03 1.22c-.407 0-.813.012-1.212.037h-.029z" fill="#007C68"></path><path d="M36.92 54.388h-17.9c-.986 0-1.79.805-1.79 1.79s.804 1.79 1.79 1.79h17.9c.984 0 1.789-.805 1.789-1.79s-.805-1.79-1.79-1.79z" fill="#fff"></path><path d="M49.564 33.918H47.23a.529.529 0 00-.512.671c.285 1.014.708 2.9.218 3.537-.691.88-3.508-.167-.863 4.644 2.343 4.25-.918 4.74-5.968 3.982-7.113-1.073-4.372 3.742-4.678 8.067H19.665c.947-4.836.737-10.792-3.026-20.264-1.274-2.342-3.366-7.682-3.282-10.553.264-9.094 9.778-14.882 18.873-14.929 10.033-.054 17.179 9.896 13.348 17.679-.318.64.298 1.4.771 1.944l3.676 4.225a.605.605 0 01-.461.997z" fill="#AFE8DF"></path><path d="M34.4 53.747H20.943l.096-.868c.604-5.398-.482-11.345-3.407-18.721l-.055-.114c-1.366-2.514-3.227-7.535-3.151-10.012.247-8.525 9.438-13.848 17.812-13.894 4.723 0 9.166 2.427 11.597 6.333 1.99 3.202 2.28 6.777.788 9.807-.57 1.157.192 2.272.917 3.114l3.588 3.537-1.538.235-.415.055c-.319.037-1.06.121-1.224.276-.297.39-.394.897-.26 1.383.201.717.34 1.404.39 1.932l.059.612-.579.202c-.532.184-1.186.494-1.5 1.278-.39.968-.054 2.322 1.085 4.392.357.65.57 1.195.625 1.614l.084.607-.57.227c-.86.34-2.565.33-5.013-.038a13.295 13.295 0 00-1.949-.163c-1.521 0-2.607.38-3.32 1.169-1.139 1.257-.955 3.101-.762 5.054.038.382.076.771.105 1.153l.054.83zm-11.726-1.564h10.033a6.326 6.326 0 00-.03-.276c-.209-2.104-.443-4.489 1.162-6.257 1.027-1.132 2.49-1.681 4.476-1.681.658 0 1.37.059 2.18.18 1.177.18 2.166.268 2.933.268.205 0 .377-.008.528-.017a5.223 5.223 0 00-.188-.364c-1.404-2.553-1.752-4.262-1.17-5.725.436-1.081 1.24-1.639 1.836-1.928-.05-.28-.13-.646-.256-1.09a3.139 3.139 0 01.533-2.758c.268-.347.674-.548 1.106-.67l-1.467-1.45c-.553-.641-2.238-2.59-1.14-4.824 1.25-2.536.99-5.558-.712-8.29-2.146-3.45-6.082-5.595-10.264-5.595-7.645.042-16.036 4.782-16.254 12.372-.067 2.15 1.74 6.974 2.964 9.22l.134.285c2.875 7.23 4.027 13.173 3.596 18.6z" fill="#fff"></path><path d="M50.31 32.355l-3.604-4.145c-.612-.704-.65-.934-.638-.997 1.765-3.58 1.442-7.762-.884-11.48-2.732-4.363-7.661-7.066-12.883-7.066h-.08c-9.09.05-19.07 5.972-19.346 15.448-.092 3.114 2.087 8.496 3.294 10.734 3.747 9.455 3.667 14.962 3.03 18.705h-.18a2.62 2.62 0 000 5.239h17.9a2.62 2.62 0 000-5.24h-.708c-.008-.812-.084-1.621-.16-2.359-.15-1.534-.293-2.984.332-3.575.515-.486 1.672-.6 3.445-.33 4.032.607 6.236.292 7.15-1.02.683-.98.54-2.325-.44-4.107-1.12-2.032-.993-2.59-.956-2.682.034-.084.327-.176.524-.239.407-.13.91-.293 1.237-.763.687-.989.34-2.569.012-3.772h1.886c.562 0 1.06-.318 1.295-.83a1.425 1.425 0 00-.226-1.52zM36.13 55.218h.788a.96.96 0 110 1.92h-17.9a.962.962 0 01-.96-.96c0-.529.432-.96.96-.96h17.112zm10.81-22.163c-.424 0-.818.193-1.074.532-.255.34-.34.767-.218 1.207.176.625.642 2.285.348 2.716-.058.046-.268.113-.406.16-.49.159-1.237.398-1.555 1.206-.352.893-.042 2.117 1.048 4.095.611 1.11.804 1.97.536 2.36-.272.394-1.358.96-5.545.327-2.368-.357-3.902-.113-4.832.77-1.211 1.154-1.031 2.993-.838 4.942.07.725.146 1.467.15 2.196h-13.68c.877-5.624-.12-11.65-3.184-19.363l-.042-.092c-1.161-2.137-3.198-7.284-3.119-9.937.248-8.491 9.38-13.797 17.7-13.843h.075c4.652 0 9.044 2.406 11.475 6.287 2.012 3.214 2.305 6.81.8 9.865-.565 1.153.407 2.276.872 2.817l3.27 3.755H46.94z" fill="#007C68"></path><path d="M34.87 26.023l-.03 4.53a1.255 1.255 0 01-1.253 1.245h-7.225a1.257 1.257 0 01-1.257-1.253v-4.523h9.765z" fill="#fff"></path><path d="M32.355 31.798v.972c0 .742-.603 1.35-1.35 1.35h-2.044a1.35 1.35 0 01-1.346-1.35v-.972h4.74z" fill="#AFE8DF"></path><path d="M36.856 17.846c-1.596 2.418-1.693 3.667-1.986 6.55v1.627h-9.761v-1.576c-.273-2.737-.855-4.48-1.513-5.809-1.312-2.653-2.926-3.625-2.926-7.452a9.314 9.314 0 019.313-9.312c5.147 0 9.317 4.17 9.317 9.312.004 2.82-1.526 5.092-2.444 6.66z" fill="#FFD146"></path><path d="M35.65 26.802H24.325v-2.318c-.226-2.238-.679-3.985-1.429-5.498-.356-.717-.738-1.312-1.11-1.89-.973-1.514-1.895-2.943-1.895-5.91 0-5.566 4.527-10.092 10.092-10.092 5.57 0 10.1 4.526 10.1 10.092 0 2.779-1.323 4.996-2.292 6.613l-.28.474c-1.455 2.2-1.568 3.311-1.845 5.998l-.016.163v2.368zm-9.761-1.559h8.197l.026-1.127c.285-2.775.427-4.17 2.082-6.685l.256-.432c.876-1.463 2.07-3.466 2.07-5.813 0-4.702-3.83-8.529-8.537-8.529-4.702 0-8.533 3.827-8.533 8.529 0 2.506.725 3.634 1.647 5.063.394.612.8 1.245 1.195 2.04.842 1.698 1.345 3.63 1.588 6.078l.004.075v.801h.005z" fill="#007C68"></path><path d="M24.032 9.48a.78.78 0 01-.725-1.069c.188-.473.427-.93.716-1.349a.781.781 0 011.291.88 5.533 5.533 0 00-.553 1.044.792.792 0 01-.73.494zm3.202-3.348a.78.78 0 01-.319-1.492 6.943 6.943 0 015.273-.151.786.786 0 01.452 1.01.788.788 0 01-1.01.452 5.37 5.37 0 00-4.078.118.956.956 0 01-.318.063z" fill="#fff"></path><path d="M33.588 32.578h-7.226a2.038 2.038 0 01-2.037-2.033v-5.302h11.329l-.034 5.315a2.035 2.035 0 01-2.032 2.02zm-7.7-5.772v3.739c0 .26.214.47.474.47h7.226c.26 0 .469-.21.469-.47l.025-3.743h-8.194v.004z" fill="#007C68"></path><path d="M28.898 21.664l-1.953-9.959c-.013-.075.07-.13.134-.088l1.76 1.149c.042.03.1.012.126-.034l.947-1.747a.09.09 0 01.155-.005l1.073 1.811a.087.087 0 00.13.025l1.618-1.186c.063-.046.15.008.138.084l-1.949 9.945h-2.18v.005z" fill="#fff"></path><path d="M31.077 22.444a.782.782 0 01-.767-.93l1.61-8.203-.19.139a.858.858 0 01-.686.15.873.873 0 01-.575-.41l-.452-.759-.365.675a.867.867 0 01-1.236.314l-.386-.251 1.635 8.344a.782.782 0 01-1.534.302l-1.953-9.958a.873.873 0 01.377-.893.87.87 0 01.951 0l1.128.738.59-1.09a.88.88 0 01.747-.457.88.88 0 01.767.424l.687 1.156 1.002-.733a.86.86 0 01.968-.038.863.863 0 01.402.88l-1.953 9.967a.78.78 0 01-.767.633zM32.355 31.798v.972c0 .742-.603 1.35-1.35 1.35h-2.044a1.35 1.35 0 01-1.346-1.35v-.972h4.74zM29.417 25.487l-4.748 5.069 1.14 1.069 4.749-5.069-1.141-1.069z" fill="#007C68"></path><path d="M34.296 25.49l-5.127 5.516 1.145 1.065 5.127-5.516-1.145-1.065zM26.538 36.856h-1.676v1.677h1.676v-1.677zM30.226 36.856H28.55v1.677h1.676v-1.677zM26.538 40.07h-1.676v1.677h1.676v-1.676zM30.226 40.07H28.55v1.677h1.676v-1.676zM33.994 36.856h-1.676v1.677h1.676v-1.677zM37.682 36.856h-1.676v1.677h1.676v-1.677zM33.994 40.07h-1.676v1.677h1.676v-1.676zM37.682 40.07h-1.676v1.677h1.676v-1.676zM26.538 43.29h-1.676v1.677h1.676V43.29zm0 3.428h-1.676v1.677h1.676v-1.677zm3.688-3.428H28.55v1.677h1.676V43.29zm0 3.428H28.55v1.677h1.676v-1.677z" fill="#007C68"></path></svg>
<span class="lesson-title">Lorem ipsum dolor sit amet consectetur </span>
</button>
<button class="locked" data-prog="1">
<!-- <img src="https://bankingstage.wpengine.com/wp-content/uploads/2021/04/8.png" alt=""> -->
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.356 50.218h-.033a21.166 21.166 0 01-1.283-.113l-.03-.004.152-1.245.029.009c.398.05.805.08 1.207.104h.03l-.072 1.25zm-2.557-.297l-.029-.005c-.423-.075-.85-.167-1.257-.268l-.03-.008.302-1.211.025.008c.386.092.788.18 1.187.252l-.005.029h.03l-.223 1.203zm-2.493-.616h-.1l.012-.017c-.386-.126-.78-.256-1.161-.398l-.034-.013.445-1.17.025.013c.373.139.763.269 1.144.386h.038l-.37 1.199zm-2.414-.897l-.025-.013c-.386-.176-.78-.36-1.157-.562l-.03-.012.583-1.106.025.012c.357.189.725.36 1.086.532l.03.013-.512 1.136zm-2.28-1.19l-.025-.022c-.37-.226-.73-.456-1.082-.7l-.025-.012.713-1.031.025.02c.33.227.662.445.989.638l.042-.067-.004.13-.633 1.043zm-2.117-1.455l-.025-.02a21.08 21.08 0 01-.989-.827l-.025-.016.83-.94.025.018c.28.251.582.507.9.75l.043-.08v.143l-.004.008-.755.964zM11.58 44.05l-.038-.013a18.332 18.332 0 01-.88-.938l-.025-.017.939-.83.02.02c.277.307.558.609.83.881l.026.025-.872.872zm-1.723-1.911l-.025-.025a19.245 19.245 0 01-.75-1.019h-.088l1.094-.742.004.021c.23.327.47.65.725.977l.017.025-.977.763zm-1.475-2.112L8.37 40a22.655 22.655 0 01-.633-1.106l-.013-.05.021-.009 1.081-.57.013.025c.193.37.394.717.6 1.056l.012.026-1.069.654zM7.175 37.75l-.013-.03a23.717 23.717 0 01-.494-1.186l-.013-.029 1.17-.444.012.025c.143.381.302.754.47 1.123v.03l-1.132.51zm-.893-2.419l-.033-.02c-.13-.42-.243-.83-.352-1.245l-.004-.03 1.21-.301.013.029c.093.386.202.78.327 1.17l.004.029-1.165.368zm-.645-2.485l-.004-.03c-.076-.41-.139-.842-.193-1.273v-.03l1.236-.15.005.029c.05.41.113.817.18 1.198l.008.03-1.232.226zm-.31-2.556v-.03a21.771 21.771 0 01-.038-1.287l.03-.029h1.219v.03c0 .398.013.804.03 1.21l.004.03-1.245.076zm1.24-2.503l-1.249-.067v-.029c.03-.436.067-.867.118-1.287v-.033l1.245.15-.005.03c-.042.398-.08.805-.104 1.207v.03h-.005zm.281-2.397l-1.232-.226.004-.03c.08-.423.168-.85.268-1.261l.005-.025 1.437.348H7.1c-.093.385-.18.775-.252 1.16v.034zm.579-2.36l-1.195-.368.004-.03c.13-.41.268-.817.42-1.22l.012-.033 1.17.444-.013.03c-.139.369-.269.754-.394 1.144l-.004.034zm.922-2.23l-1.32-.594h.125c.168-.373.356-.755.558-1.136l.012-.025 1.11.582-.02.026c-.18.343-.356.708-.52 1.077l.055.07zM9.4 18.627l-1.07-.65.013-.025c.218-.365.457-.725.692-1.077v-.042l.025.012.038-.054v.08l.976.691v.076l-.025-.026c-.218.315-.432.65-.637.99l-.012.025zm1.366-1.995l-.968-.78v-.075l.025.029c.264-.331.532-.658.805-.964l.016-.025.94.83-.026.025c-.268.306-.532.62-.775.93l-.017.03zm1.622-1.832l-.038-.012-.863-.855.025-.026c.302-.301.62-.599.939-.88l.02-.025.856.968h-.055c-.302.264-.595.545-.876.818l-.008.012zm1.794-1.597l-.772-.98.026-.021c.33-.264.683-.52 1.039-.767l.025-.013.713 1.027-.03.017c-.33.226-.658.47-.976.72l-.025.017zm1.99-1.383l-.645-1.064.03-.042.012.008c.352-.213.708-.41 1.064-.6l-.025-.024h.092l.013.017.562 1.077-.026.016c-.356.189-.712.386-1.056.595l-.02.017zm2.146-1.131l-.511-1.144.025-.013c.398-.18.8-.344 1.195-.495h.033l.436 1.157-.025.013c-.373.142-.75.302-1.123.47l-.03.012zm2.293-.876l-.038-.025-.365-1.161.034-.009c.394-.125.8-.239 1.22-.343v-.23l.05.217h.012v.038l.29 1.182-.03.008c-.398.092-.792.205-1.173.323zm2.326-.574l-.226-1.233h.033a23.37 23.37 0 011.245-.192h.054l.005.025.142 1.211h-.03c-.398.05-.8.113-1.194.18l-.03.009zm2.397-.294L25.26 7.7l.03-.008c.43-.025.862-.038 1.286-.038l.03.034-.03 1.22c-.407 0-.813.012-1.212.037h-.029z" fill="#007C68"></path><path d="M36.92 54.388h-17.9c-.986 0-1.79.805-1.79 1.79s.804 1.79 1.79 1.79h17.9c.984 0 1.789-.805 1.789-1.79s-.805-1.79-1.79-1.79z" fill="#fff"></path><path d="M49.564 33.918H47.23a.529.529 0 00-.512.671c.285 1.014.708 2.9.218 3.537-.691.88-3.508-.167-.863 4.644 2.343 4.25-.918 4.74-5.968 3.982-7.113-1.073-4.372 3.742-4.678 8.067H19.665c.947-4.836.737-10.792-3.026-20.264-1.274-2.342-3.366-7.682-3.282-10.553.264-9.094 9.778-14.882 18.873-14.929 10.033-.054 17.179 9.896 13.348 17.679-.318.64.298 1.4.771 1.944l3.676 4.225a.605.605 0 01-.461.997z" fill="#AFE8DF"></path><path d="M34.4 53.747H20.943l.096-.868c.604-5.398-.482-11.345-3.407-18.721l-.055-.114c-1.366-2.514-3.227-7.535-3.151-10.012.247-8.525 9.438-13.848 17.812-13.894 4.723 0 9.166 2.427 11.597 6.333 1.99 3.202 2.28 6.777.788 9.807-.57 1.157.192 2.272.917 3.114l3.588 3.537-1.538.235-.415.055c-.319.037-1.06.121-1.224.276-.297.39-.394.897-.26 1.383.201.717.34 1.404.39 1.932l.059.612-.579.202c-.532.184-1.186.494-1.5 1.278-.39.968-.054 2.322 1.085 4.392.357.65.57 1.195.625 1.614l.084.607-.57.227c-.86.34-2.565.33-5.013-.038a13.295 13.295 0 00-1.949-.163c-1.521 0-2.607.38-3.32 1.169-1.139 1.257-.955 3.101-.762 5.054.038.382.076.771.105 1.153l.054.83zm-11.726-1.564h10.033a6.326 6.326 0 00-.03-.276c-.209-2.104-.443-4.489 1.162-6.257 1.027-1.132 2.49-1.681 4.476-1.681.658 0 1.37.059 2.18.18 1.177.18 2.166.268 2.933.268.205 0 .377-.008.528-.017a5.223 5.223 0 00-.188-.364c-1.404-2.553-1.752-4.262-1.17-5.725.436-1.081 1.24-1.639 1.836-1.928-.05-.28-.13-.646-.256-1.09a3.139 3.139 0 01.533-2.758c.268-.347.674-.548 1.106-.67l-1.467-1.45c-.553-.641-2.238-2.59-1.14-4.824 1.25-2.536.99-5.558-.712-8.29-2.146-3.45-6.082-5.595-10.264-5.595-7.645.042-16.036 4.782-16.254 12.372-.067 2.15 1.74 6.974 2.964 9.22l.134.285c2.875 7.23 4.027 13.173 3.596 18.6z" fill="#fff"></path><path d="M50.31 32.355l-3.604-4.145c-.612-.704-.65-.934-.638-.997 1.765-3.58 1.442-7.762-.884-11.48-2.732-4.363-7.661-7.066-12.883-7.066h-.08c-9.09.05-19.07 5.972-19.346 15.448-.092 3.114 2.087 8.496 3.294 10.734 3.747 9.455 3.667 14.962 3.03 18.705h-.18a2.62 2.62 0 000 5.239h17.9a2.62 2.62 0 000-5.24h-.708c-.008-.812-.084-1.621-.16-2.359-.15-1.534-.293-2.984.332-3.575.515-.486 1.672-.6 3.445-.33 4.032.607 6.236.292 7.15-1.02.683-.98.54-2.325-.44-4.107-1.12-2.032-.993-2.59-.956-2.682.034-.084.327-.176.524-.239.407-.13.91-.293 1.237-.763.687-.989.34-2.569.012-3.772h1.886c.562 0 1.06-.318 1.295-.83a1.425 1.425 0 00-.226-1.52zM36.13 55.218h.788a.96.96 0 110 1.92h-17.9a.962.962 0 01-.96-.96c0-.529.432-.96.96-.96h17.112zm10.81-22.163c-.424 0-.818.193-1.074.532-.255.34-.34.767-.218 1.207.176.625.642 2.285.348 2.716-.058.046-.268.113-.406.16-.49.159-1.237.398-1.555 1.206-.352.893-.042 2.117 1.048 4.095.611 1.11.804 1.97.536 2.36-.272.394-1.358.96-5.545.327-2.368-.357-3.902-.113-4.832.77-1.211 1.154-1.031 2.993-.838 4.942.07.725.146 1.467.15 2.196h-13.68c.877-5.624-.12-11.65-3.184-19.363l-.042-.092c-1.161-2.137-3.198-7.284-3.119-9.937.248-8.491 9.38-13.797 17.7-13.843h.075c4.652 0 9.044 2.406 11.475 6.287 2.012 3.214 2.305 6.81.8 9.865-.565 1.153.407 2.276.872 2.817l3.27 3.755H46.94z" fill="#007C68"></path><path d="M34.87 26.023l-.03 4.53a1.255 1.255 0 01-1.253 1.245h-7.225a1.257 1.257 0 01-1.257-1.253v-4.523h9.765z" fill="#fff"></path><path d="M32.355 31.798v.972c0 .742-.603 1.35-1.35 1.35h-2.044a1.35 1.35 0 01-1.346-1.35v-.972h4.74z" fill="#AFE8DF"></path><path d="M36.856 17.846c-1.596 2.418-1.693 3.667-1.986 6.55v1.627h-9.761v-1.576c-.273-2.737-.855-4.48-1.513-5.809-1.312-2.653-2.926-3.625-2.926-7.452a9.314 9.314 0 019.313-9.312c5.147 0 9.317 4.17 9.317 9.312.004 2.82-1.526 5.092-2.444 6.66z" fill="#FFD146"></path><path d="M35.65 26.802H24.325v-2.318c-.226-2.238-.679-3.985-1.429-5.498-.356-.717-.738-1.312-1.11-1.89-.973-1.514-1.895-2.943-1.895-5.91 0-5.566 4.527-10.092 10.092-10.092 5.57 0 10.1 4.526 10.1 10.092 0 2.779-1.323 4.996-2.292 6.613l-.28.474c-1.455 2.2-1.568 3.311-1.845 5.998l-.016.163v2.368zm-9.761-1.559h8.197l.026-1.127c.285-2.775.427-4.17 2.082-6.685l.256-.432c.876-1.463 2.07-3.466 2.07-5.813 0-4.702-3.83-8.529-8.537-8.529-4.702 0-8.533 3.827-8.533 8.529 0 2.506.725 3.634 1.647 5.063.394.612.8 1.245 1.195 2.04.842 1.698 1.345 3.63 1.588 6.078l.004.075v.801h.005z" fill="#007C68"></path><path d="M24.032 9.48a.78.78 0 01-.725-1.069c.188-.473.427-.93.716-1.349a.781.781 0 011.291.88 5.533 5.533 0 00-.553 1.044.792.792 0 01-.73.494zm3.202-3.348a.78.78 0 01-.319-1.492 6.943 6.943 0 015.273-.151.786.786 0 01.452 1.01.788.788 0 01-1.01.452 5.37 5.37 0 00-4.078.118.956.956 0 01-.318.063z" fill="#fff"></path><path d="M33.588 32.578h-7.226a2.038 2.038 0 01-2.037-2.033v-5.302h11.329l-.034 5.315a2.035 2.035 0 01-2.032 2.02zm-7.7-5.772v3.739c0 .26.214.47.474.47h7.226c.26 0 .469-.21.469-.47l.025-3.743h-8.194v.004z" fill="#007C68"></path><path d="M28.898 21.664l-1.953-9.959c-.013-.075.07-.13.134-.088l1.76 1.149c.042.03.1.012.126-.034l.947-1.747a.09.09 0 01.155-.005l1.073 1.811a.087.087 0 00.13.025l1.618-1.186c.063-.046.15.008.138.084l-1.949 9.945h-2.18v.005z" fill="#fff"></path><path d="M31.077 22.444a.782.782 0 01-.767-.93l1.61-8.203-.19.139a.858.858 0 01-.686.15.873.873 0 01-.575-.41l-.452-.759-.365.675a.867.867 0 01-1.236.314l-.386-.251 1.635 8.344a.782.782 0 01-1.534.302l-1.953-9.958a.873.873 0 01.377-.893.87.87 0 01.951 0l1.128.738.59-1.09a.88.88 0 01.747-.457.88.88 0 01.767.424l.687 1.156 1.002-.733a.86.86 0 01.968-.038.863.863 0 01.402.88l-1.953 9.967a.78.78 0 01-.767.633zM32.355 31.798v.972c0 .742-.603 1.35-1.35 1.35h-2.044a1.35 1.35 0 01-1.346-1.35v-.972h4.74zM29.417 25.487l-4.748 5.069 1.14 1.069 4.749-5.069-1.141-1.069z" fill="#007C68"></path><path d="M34.296 25.49l-5.127 5.516 1.145 1.065 5.127-5.516-1.145-1.065zM26.538 36.856h-1.676v1.677h1.676v-1.677zM30.226 36.856H28.55v1.677h1.676v-1.677zM26.538 40.07h-1.676v1.677h1.676v-1.676zM30.226 40.07H28.55v1.677h1.676v-1.676zM33.994 36.856h-1.676v1.677h1.676v-1.677zM37.682 36.856h-1.676v1.677h1.676v-1.677zM33.994 40.07h-1.676v1.677h1.676v-1.676zM37.682 40.07h-1.676v1.677h1.676v-1.676zM26.538 43.29h-1.676v1.677h1.676V43.29zm0 3.428h-1.676v1.677h1.676v-1.677zm3.688-3.428H28.55v1.677h1.676V43.29zm0 3.428H28.55v1.677h1.676v-1.677z" fill="#007C68"></path></svg>
<span class="lesson-title">Lorem ipsum dolor sit amet consectetur </span>
</button>
</div>
<svg id="roadmap" viewBox="0 0 616 1296" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 1; visibility: inherit;">
<defs>
<mask id="theMask" maskUnits="userSpaceOnUse">
<path id="maskPath" d="M155 8H528C572.183 8 608 43.8172 608 88V248C608 292.183 572.183 328 528 328H88C43.8172 328 8 363.817 8 408V568C8 612.183 43.8172 648 88 648H518C562.183 648 598 683.817 598 728V888C598 932.183 562.183 968 518 968H88C43.8172 968 8 1003.82 8 1048V1208C8 1252.18 43.8172 1288 88 1288H308H464" stroke="#E3EAF0" stroke-width="16"></path>
</mask>
</defs>
<path id="thePath" d="M155 8H528C572.183 8 608 43.8172 608 88V248C608 292.183 572.183 328 528 328H88C43.8172 328 8 363.817 8 408V568C8 612.183 43.8172 648 88 648H518C562.183 648 598 683.817 598 728V888C598 932.183 562.183 968 518 968H88C43.8172 968 8 1003.82 8 1048V1208C8 1252.18 43.8172 1288 88 1288H308H464" stroke="#E3EAF0" stroke-width="16"></path>
<g id="maskReveal" mask="url(#theMask)">
<path d="M155 8H528C572.183 8 608 43.8172 608 88V248C608 292.183 572.183 328 528 328H88C43.8172 328 8 363.817 8 408V568C8 612.183 43.8172 648 88 648H518C562.183 648 598 683.817 598 728V888C598 932.183 562.183 968 518 968H88C43.8172 968 8 1003.82 8 1048V1208C8 1252.18 43.8172 1288 88 1288H308H464" stroke="#FFD146" stroke-width="16"></path>
</g>
</svg>
</div>
</div>
Raw
script.js
gsap.defaults({
ease: "none",
duration: 1
});
document.querySelector(".btn-start").addEventListener("click", gotoPath);
const tl = gsap.timeline({ paused: true});
let prog = 0;
tl.from("#maskPath", { drawSVG: 0 }, 0);
tl.progress(1).progress(0);
gsap.set("#roadmap", {autoAlpha:1});
function gotoPath() {
let currentLesson = document.querySelector('.path-roadmap__lessons .active');
let currentLessonProgress = currentLesson.getAttribute('data-prog');
if (prog < 1) {
prog += parseFloat(currentLessonProgress);
gsap.to(tl, { progress: prog, duration:3});
console.log(prog)
}
}
gotoPath();
Raw
scripts
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>
<script src="https://unpkg.com/gsap@3/dist/MotionPathPlugin.min.js"></script>
<script src="https://assets.codepen.io/16327/DrawSVGPlugin3.min.js"></script>
Raw
style.scss
.roadmap-wrapper {
max-width:600px;
margin:0 auto;
position:relative;
}
.path {
background: #ffffff;
border: 1px solid #e3eaf0;
border-radius: 10px;
padding: 60px 60px 236px;
&-inner {
h2 {
font-weight: 600;
font-size: 24px;
line-height: 36px;
text-align: center;
color: #007c68;
margin-bottom: 8px;
}
p {
font-weight: normal;
font-size: 16px;
line-height: 28px;
text-align: center;
color: #475e71;
}
}
&-roadmap {
margin-top: 152px;
position: relative;
&__lessons {
button {
padding: 0;
box-shadow: none;
background: #ffffff;
border: 8px solid #e3eaf0;
width: 120px;
height: 120px;
position: absolute;
border-radius:50%;
cursor:pointer;
&.current {
border: 8px solid #AFE8DF;
}
.lesson-title {
font-weight: 600;
font-size: 18px;
line-height: 32px;
text-align: center;
text-transform: capitalize;
color: #475e71;
position: absolute;
width: 220px;
top: 100%;
margin-top: 16px;
left:50%;
transform:translateX(-50%);
}
&.btn-start {
border: 0;
top: -50px;
left: 15%;
span {
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #007c68;
position: absolute;
top: -30px;
text-transform: uppercase;
}
}
img {
width: 60px;
height: 60px;
object-fit: contain;
filter: grayscale(1);
}
&:nth-child(2) {
top: -50px;
right: 15%;
}
&:nth-child(3) {
top: 21%;
left: 40%;
}
&:nth-child(4) {
top: 45%;
left: 15%;
}
&:nth-child(5) {
right: 15%;
top: 45%;
}
&:nth-child(6) {
top: 70%;
left: 40%;
}
&:nth-child(7) {
left: 13%;
top: 94%;
}
&:last-child {
right: 15%;
top: 94%;
}
}
}
.dashedPath {
stroke-dasharray: 8;
stroke-width: 4;
fill: none;
stroke-miterlimit: 10;
}
#thePath {
stroke: #ddd;
}
#pathHighlight {
stroke: #42a6e0;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment