Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Auto Save

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

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="" data-prog=".09">
                <div class="courseprogress"></div>
                <!-- <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">
                <div class="courseprogress"></div>
                <!-- <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">
                <div class="courseprogress"></div>
                <!-- <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">
                <div class="courseprogress"></div>
                <!-- <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">
                <div class="courseprogress"></div>
                <!-- <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">
                <div class="courseprogress"></div>
                <!-- <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">
                <div class="courseprogress"></div>
                <!-- <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>

              
            
!

CSS

              
                .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;
          
          &.active,
          &.current {
            border: 8px solid #AFE8DF;
          }
          
          .courseprogress {
            width:40px;
            height:40px;
            position:absolute;
            bottom: -10px;
            right: -10px;
            border-radius:50%;
          }

          .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;
      }
    }
  }

button:focus {outline:0;}
              
            
!

JS

              
                jQuery(document).ready(function ($) {
  gsap.defaults({
    ease: "none",
    duration: 1
  });
  gsap.set("#roadmap", {autoAlpha:1});
  document.querySelector(".btn-start").addEventListener("click", gotoPath);

  const tl = gsap.timeline({ 
    paused: true,
    onUpdate() { // keep track of direction (set an .isReversed property on the timeline)
      const time = this.time();
      this.isReversed = time < this.prev;
      this.prev = time;
    }
  });

  tl.from("#maskPath", { drawSVG: 0 });

  const lessons = gsap.utils.toArray("[data-prog]");
  let minProgress = 0; 

  lessons.forEach(lesson => {
    const progress = +lesson.getAttribute('data-prog')
    tl.add(() => setLesson(lesson, tl.isReversed), progress);
    lesson.addEventListener("click", () => {
      if (progress > minProgress) { // don't let it go backwards
        gotoPath(lesson);
      }
    });
  });

  function setLesson(lesson, inactive) {
    if (inactive) {
      lesson.classList.remove("active");
    } else {
      lesson.classList.add("active");
      const circleProgress = lesson.querySelector('.courseprogress');
      gsap.fromTo(circleProgress, {opacity: 0}, {opacity: 1, duration: 0.4});
      $(circleProgress).circleProgress({
        value: +lesson.getAttribute('data-prog'),
        size: 40,
        fill: {
          gradient: ["red", "orange"]
        }
      });
    }
  }

  function gotoPath(lesson) {
    const progress = +lesson.getAttribute('data-prog')
    tl.tweenTo(progress, {duration: 3}); 
    gsap.to(window, {scrollTo: {y: lesson, offsetY: 20}, duration: 3, ease: "power1.inOut", overwrite: "auto"});
    minProgress = progress;
  }

  gotoPath(lessons[2]);
});
              
            
!
999px

Console