师范大学东西DVDvv在v下错v下
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
师范大学东西DVDvv在v下错v下
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
dsgdsgA🐘<form action="" method="post"><input type="text" name="_tk"><input type="submit" value=">>"></form><!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="utf-8">
<!-- CSRF Token -->
<meta name="csrf-token" content="FerwKefpDqexNRjO9X1RwmALfVaNxTxoN13Waqah">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<meta name='robots' content="index, follow, all">

    <meta name="description" content="Improve your reactive habits, define your listening mindset, amplify your curiosity, &amp; add value as a great listener">
    <meta property="og:description" content="Improve your reactive habits, define your listening mindset, amplify your curiosity, &amp; add value as a great listener">
    <meta name='twitter:description' content='Improve your reactive habits, define your listening mindset, amplify your curiosity, &amp; add value as a great listener'>

<link rel='shortcut icon' type='image/x-icon' href="https://www.lifelearnt.com/store/1/favicon.png">
<link rel="manifest" href="/mix-manifest.json?v=4">
<meta name="theme-color" content="#FFF">
<!-- Windows Phone -->
<meta name="msapplication-starturl" content="/">
<meta name="msapplication-TileColor" content="#FFF">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-title" content="LifeLearnt">
<link rel="apple-touch-icon" href="https://www.lifelearnt.com/store/1/favicon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<!-- Android -->
<link rel='icon' href='https://www.lifelearnt.com/store/1/favicon.png'>
<meta name="application-name" content="LifeLearnt">
<meta name="mobile-web-app-capable" content="yes">
<!-- Other -->
<meta name="layoutmode" content="fitscreen/standard">
<link rel="home" href="https://www.lifelearnt.com">

<!-- Open Graph -->
<meta property='og:title' content='Active Listening: You Can Be a Great Listener'>
<meta name='twitter:card' content='summary'>
<meta name='twitter:title' content='Active Listening: You Can Be a Great Listener'>


<meta property='og:site_name' content='https://www.lifelearnt.com/LifeLearnt'>
<meta property='og:image' content='https://www.lifelearnt.com/store/864/couple-listening-music.jpg'>
<meta name='twitter:image' content='https://www.lifelearnt.com/store/864/couple-listening-music.jpg'>
<meta property='og:locale' content='https://www.lifelearnt.com/en_US'>
<meta property='og:type' content='website'>



    <title>Active Listening: You Can Be a Great Listener | LifeLearnt</title>

    <!-- General CSS File -->
    <link rel="stylesheet" href="/assets/default/vendors/simplebar/simplebar.css">
    <link rel="stylesheet" href="/assets/design_1/css/app.min.css">

    
            <link rel="stylesheet" href="/assets/design_1/css/parts/theme/headers/header_1.min.css">
    
            <link rel="stylesheet" href="/assets/design_1/css/parts/theme/footers/footer_1.min.css">
    
        <link rel="stylesheet" href="/assets/default/vendors/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="/assets/vendors/plyr.io/plyr.min.css">
    <link rel="stylesheet" href="/assets/design_1/css/parts/installment_card.min.css">
    <link rel="stylesheet" href="/assets/design_1/css/parts/css_stars.min.css">
    <link rel="stylesheet" href="/assets/design_1/css/parts/buy_with_points.min.css">
    <link rel="stylesheet" href="/assets/design_1/css/parts/reviews_and_comments.min.css">
    <link rel="stylesheet" href="/assets/design_1/css/parts/show_course.min.css">
    
    <style>
        

        @font-face {
                      font-family: 'main-font-family';
                      font-style: normal;
                      font-weight: 400;
                      font-display: swap;
                      src: url(/store/1/fonts/Gilroy-Regular.woff2) format('woff2');
                    }@font-face {
                      font-family: 'main-font-family';
                      font-style: normal;
                      font-weight: bold;
                      font-display: swap;
                      src: url(/store/1/fonts/Gilroy-Bold.woff2) format('woff2');
                    }@font-face {
                      font-family: 'main-font-family';
                      font-style: normal;
                      font-weight: 500;
                      font-display: swap;
                      src: url(/store/1/fonts/Gilroy-Medium.woff2) format('woff2');
                    }@font-face {
                      font-family: 'rtl-font-family';
                      font-style: normal;
                      font-weight: 400;
                      font-display: swap;
                      src: url(/store/1/fonts/Tajawal-Regular.woff2) format('woff2');
                    }@font-face {
                      font-family: 'rtl-font-family';
                      font-style: normal;
                      font-weight: bold;
                      font-display: swap;
                      src: url(/store/1/fonts/Tajawal-Bold.woff2) format('woff2');
                    }@font-face {
                      font-family: 'rtl-font-family';
                      font-style: normal;
                      font-weight: 500;
                      font-display: swap;
                      src: url(/store/1/fonts/Tajawal-Medium.woff2) format('woff2');
                    }

        :root{
--primary:#0170ff;
--primary-hover:#0064e5;
--primary-border:#0170ff;
--primary-hover-border:#0064e5;
--primary-btn-color:#ffffff;
--primary-btn-hover-color:#ffffff;
--primary-saturated:#67a9ff;
--secondary:#0e2145;
--secondary-hover:#0c1d3e;
--secondary-border:#0e2145;
--secondary-hover-border:#0c1d3e;
--secondary-btn-color:#ffffff;
--secondary-btn-hover-color:#ffffff;
--accent:#fe6257;
--accent-hover:#e4584e;
--accent-border:#fe6257;
--accent-hover-border:#e4584e;
--accent-btn-color:#ffffff;
--accent-btn-hover-color:#ffffff;
--success:#3fcd82;
--success-hover:#38b875;
--success-border:#3fcd82;
--success-hover-border:#38b875;
--success-btn-color:#ffffff;
--success-btn-hover-color:#ffffff;
--info:#67a9ff;
--info-hover:#5c98e5;
--info-border:#67a9ff;
--info-hover-border:#5c98e5;
--info-btn-color:#ffffff;
--info-btn-hover-color:#ffffff;
--warning:#ffa200;
--warning-hover:#e59100;
--warning-border:#ffa200;
--warning-hover-border:#e59100;
--warning-btn-color:#ffffff;
--warning-btn-hover-color:#ffffff;
--danger:#f63c3c;
--danger-hover:#dd3636;
--danger-border:#f63c3c;
--danger-hover-border:#dd3636;
--danger-btn-color:#ffffff;
--danger-btn-hover-color:#ffffff;
--dark:#121f3e;
--black:#000000;
--white:#ffffff;
--white-hover:#e5e5e5;
--white-border:#ffffff;
--white-hover-border:#e5e5e5;
--white-btn-color:#ffffff;
--white-btn-hover-color:#ffffff;
--gray-100:#fafcff;
--gray-200:#f0f4f9;
--gray-300:#e9edf3;
--gray-400:#cdd5e2;
--gray-500:#97a7bf;
--gray:#f5f8f9;
--section-bg:#eaf0f3;
}

    </style>

</head>

<body class="bg-gray  light-mode">

<div id="app">

    
            <div id="themeHeaderVacuum"></div>
    <div class="theme-header-1">
        
                    <div class="theme-header-1__top-navbar bg-primary pb-54 pt-12">
    <div class="container">
        <div class="row align-items-center">

            <div class="col-12 col-lg-4">
                <div class="d-flex align-items-center gap-24">
                    
                                            <div class="d-flex align-items-center gap-8 opacity-75">
                            <svg width="16px" height="16x" class="icons text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-miterlimit="10" stroke-width="1.5" d="M21.97 18.33c0 .36-.08.73-.25 1.09-.17.36-.39.7-.68 1.02-.49.54-1.03.93-1.64 1.18-.6.25-1.25.38-1.95.38-1.02 0-2.11-.24-3.26-.73s-2.3-1.15-3.44-1.98a28.75 28.75 0 01-3.28-2.8 28.414 28.414 0 01-2.79-3.27c-.82-1.14-1.48-2.28-1.96-3.41C2.24 8.67 2 7.58 2 6.54c0-.68.12-1.33.36-1.93.24-.61.62-1.17 1.15-1.67C4.15 2.31 4.85 2 5.59 2c.28 0 .56.06.81.18.26.12.49.3.67.56l2.32 3.27c.18.25.31.48.4.7.09.21.14.42.14.61 0 .24-.07.48-.21.71-.13.23-.32.47-.56.71l-.76.79c-.11.11-.16.24-.16.4 0 .08.01.15.03.23.03.08.06.14.08.2.18.33.49.76.93 1.28.45.52.93 1.05 1.45 1.58.54.53 1.06 1.02 1.59 1.47.52.44.95.74 1.29.92.05.02.11.05.18.08.08.03.16.04.25.04.17 0 .3-.06.41-.17l.76-.75c.25-.25.49-.44.72-.56.23-.14.46-.21.71-.21.19 0 .39.04.61.13.22.09.45.22.7.39l3.31 2.35c.26.18.44.39.55.64.1.25.16.5.16.78z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.5 9c0-.6-.47-1.52-1.17-2.27-.64-.69-1.49-1.23-2.33-1.23M22 9c0-3.87-3.13-7-7-7"/>
</svg>                            <span class="text-white">+1 (323) 555-9876</span>
                        </div>
                    
                    
                                            <div class="d-flex align-items-center gap-8 opacity-75">
                            <svg width="16px" height="16x" class="icons text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 20.5H7c-3 0-5-1.5-5-5v-7c0-3.5 2-5 5-5h10c3 0 5 1.5 5 5v7c0 3.5-2 5-5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 9l-3.13 2.5c-1.03.82-2.72.82-3.75 0L7 9"/>
</svg>                            <span class="text-white">mail@rocket-soft.org</span>
                        </div>
                    
                    
                                            <div class="js-theme-color-toggle theme-color-toggle light-mode d-flex-center size-16 opacity-75">
                            <svg width="16px" height="16px" class="dark-icon icons text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.03 12.42c.36 5.15 4.73 9.34 9.96 9.57 3.69.16 6.99-1.56 8.97-4.27.82-1.11.38-1.85-.99-1.6-.67.12-1.36.17-2.08.14C13 16.06 9 11.97 8.98 7.14c-.01-1.3.26-2.53.75-3.65.54-1.24-.11-1.83-1.36-1.3C4.41 3.86 1.7 7.85 2.03 12.42z"/>
</svg>                            <svg width="16px" height="16px" class="light-icon icons text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 18.5a6.5 6.5 0 100-13 6.5 6.5 0 000 13z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.14 19.14l-.13-.13m0-14.02l.13-.13-.13.13zM4.86 19.14l.13-.13-.13.13zM12 2.08V2v.08zM12 22v-.08.08zM2.08 12H2h.08zM22 12h-.08.08zM4.99 4.99l-.13-.13.13.13z"/>
</svg>                        </div>
                    
                </div>
            </div>

            <div class="col-12 col-lg-8 mt-12 mt-lg-0">
                <div class="row">
                    
                    <div class="col-12 col-lg-4">
                        <form action="/search" method="get" class="theme-header-1__top-navbar-search position-relative">
                            <input class="form-control bg-transparent opacity-75" type="text" name="search" placeholder="Search..." aria-label="Search">

                            <button type="submit" class="btn-transparent d-flex-center search-icon">
                                <svg width="16px" height="16px" class="icons text-white opacity-75" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 20a9 9 0 100-18 9 9 0 000 18zM18.93 20.69c.53 1.6 1.74 1.76 2.67.36.85-1.28.29-2.33-1.25-2.33-1.14-.01-1.78.88-1.42 1.97z"/>
</svg>                            </button>
                        </form>
                    </div>
                                         <div class="col-12 col-lg-8 mt-12 mt-lg-8">
                         
                        <div class="d-flex align-items-center justify-content-between gap-12 gap-lg-24">
                            <div class="d-flex align-items-center gap-12 gap-lg-24">
                                
                                <div class="js-language-select theme-header-1__dropdown position-relative">
    <form action="/locale" method="post">
        <input type="hidden" name="_token" value="FerwKefpDqexNRjO9X1RwmALfVaNxTxoN13Waqah">
        <input type="hidden" name="locale" value="en">

                                    <div class="d-flex align-items-center gap-8">
                    <div class="size-32 d-flex-center bg-white-10 rounded-8">
                        <img src="https://www.lifelearnt.com/vendor/blade-country-flags/4x3-us.svg" class="img-fluid" width="16px" height="16px" alt="English flag"/>
                    </div>
                    <span class="js-lang-title text-white opacity-75 d-none d-md-flex">English</span>
                    <svg width="16px" height="16px" class="icons text-white opacity-75" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 8.95l-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95"/>
</svg>                </div>
                                                                </form>

    <div class="header-1-dropdown-menu py-8 mx-w-200">

        <div class="py-8 px-16 font-12 text-gray-500">Select a Language</div>

                    <div class="js-language-dropdown-item header-1-dropdown-menu__item cursor-pointer active" data-value="EN" data-title="English">
                <div class=" d-flex align-items-center w-100 px-16 py-8 text-dark bg-transparent">
                    <div class="header-1-dropdown-menu__flag">
                        <img src="https://www.lifelearnt.com/vendor/blade-country-flags/4x3-us.svg" class="img-cover" alt="English flag"/>
                    </div>
                    <span class="ml-8 font-14">English</span>
                </div>
            </div>
                    <div class="js-language-dropdown-item header-1-dropdown-menu__item cursor-pointer " data-value="AR" data-title="Arabic">
                <div class=" d-flex align-items-center w-100 px-16 py-8 text-dark bg-transparent">
                    <div class="header-1-dropdown-menu__flag">
                        <img src="https://www.lifelearnt.com/vendor/blade-country-flags/4x3-iq.svg" class="img-cover" alt="Arabic flag"/>
                    </div>
                    <span class="ml-8 font-14">Arabic</span>
                </div>
            </div>
                    <div class="js-language-dropdown-item header-1-dropdown-menu__item cursor-pointer " data-value="ES" data-title="Spanish">
                <div class=" d-flex align-items-center w-100 px-16 py-8 text-dark bg-transparent">
                    <div class="header-1-dropdown-menu__flag">
                        <img src="https://www.lifelearnt.com/vendor/blade-country-flags/4x3-es.svg" class="img-cover" alt="Spanish flag"/>
                    </div>
                    <span class="ml-8 font-14">Spanish</span>
                </div>
            </div>
        
    </div>
</div>

                                
                                
                                
                                <div class="js-view-cart-drawer position-relative d-flex-center size-32 bg-white-10 rounded-8 cursor-pointer">
                                    <svg width="20px" height="20px" class="icons text-white opacity-75" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.81 2L5.19 5.63M15.19 2l3.62 3.63"/>
  <path stroke-width="1.5" d="M2 7.85c0-1.85.99-2 2.22-2h15.56c1.23 0 2.22.15 2.22 2 0 2.15-.99 2-2.22 2H4.22C2.99 9.85 2 10 2 7.85z"/>
  <path stroke-linecap="round" stroke-width="1.5" d="M9.76 14v3.55M14.36 14v3.55M3.5 10l1.41 8.64C5.23 20.58 6 22 8.86 22h6.03c3.11 0 3.57-1.36 3.93-3.24L20.5 10"/>
</svg>                                    <span class="js-cart-counter theme-header-1__top-navbar-cart-counter d-inline-flex-center font-12 text-white d-none">0</span>
                                </div>
                            </div>

                            <div class="d-flex align-items-center">
                                                                                                            <a href="/login" class="d-flex align-items-center text-white opacity-75">
                                            <span class="">Login</span>
                                        </a>
                                    
                                                                            <a href="/register" class="d-flex align-items-center text-white opacity-75 ml-32">
                                            <span class="">Register</span>
                                        </a>
                                                                                                </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        
        
        <div id="themeHeaderSticky" class="theme-header-1__main">
    <div class="container h-100 position-relative">
        <div class="theme-header-1__main-mask"></div>

        <div class="position-relative z-index-2 bg-white rounded-24 w-100 h-100 p-16">
            <div class="row align-items-center h-100">
                
                <div class="col-6 col-lg-2">
                    <a href="/" class="theme-header-1__logo text-left d-block">
                                                    <img src="/store/1/default_images/logo.svg" class="img-fluid light-only" alt="LifeLearnt">
                        
                                                    <img src="/store/1/default_images/logo-dark.svg" class="img-fluid dark-only" alt="LifeLearnt">
                                            </a>
                </div>

                
                <div class="col-6 col-lg-2 d-flex align-items-center justify-content-end">
                    <div class="theme-header-1__dropdown position-relative">
    <div class="d-inline-flex align-items-center gap-8 p-16 rounded-12 bg-gray-100">
        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M5 10h2c2 0 3-1 3-3V5c0-2-1-3-3-3H5C3 2 2 3 2 5v2c0 2 1 3 3 3zM17 10h2c2 0 3-1 3-3V5c0-2-1-3-3-3h-2c-2 0-3 1-3 3v2c0 2 1 3 3 3zM17 22h2c2 0 3-1 3-3v-2c0-2-1-3-3-3h-2c-2 0-3 1-3 3v2c0 2 1 3 3 3zM5 22h2c2 0 3-1 3-3v-2c0-2-1-3-3-3H5c-2 0-3 1-3 3v2c0 2 1 3 3 3z"/>
</svg>        <span class="text-gray-500">Categories</span>
    </div>

    <div class="header-1-dropdown-menu auth-user-info-dropdown-menu py-12">

        <ul class="theme-header-1__categories">
                            <li class="header-1-dropdown-menu__item position-relative">
                    <a href="/categories/Development" class="d-flex align-items-center justify-content-between w-100 px-16 py-8  js-has-subcategory">
                        <div class="d-flex align-items-center">
                                                            <img src="/store/1/default_images/categories_icons/code.png" class="cat-dropdown-menu-icon mr-8" alt="Development icon">
                            
                            <span class="">Development</span>
                        </div>

                                                    <svg width="16px" height="16px" class="icons" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.91 19.92l6.52-6.52c.77-.77.77-2.03 0-2.8L8.91 4.08"/>
</svg>                                            </a>

                                            <ul class="header-1-dropdown-menu__sub-menu py-12">
                                                            <li class="">
                                    <a href="/categories/Development/Web-Development" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/layout.png" class="cat-dropdown-menu-icon mr-8" alt="Web Development icon">
                                            
                                            <span class="">Web Development</span>
                                        </div>
                                    </a>
                                </li>
                                                            <li class="">
                                    <a href="/categories/Development/Mobile-Development" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/smartphone.png" class="cat-dropdown-menu-icon mr-8" alt="Mobile Development icon">
                                            
                                            <span class="">Mobile Development</span>
                                        </div>
                                    </a>
                                </li>
                                                            <li class="">
                                    <a href="/categories/Development/Game-Development" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/codesandbox.png" class="cat-dropdown-menu-icon mr-8" alt="Game Development icon">
                                            
                                            <span class="">Game Development</span>
                                        </div>
                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="header-1-dropdown-menu__item position-relative">
                    <a href="/categories/Business" class="d-flex align-items-center justify-content-between w-100 px-16 py-8  js-has-subcategory">
                        <div class="d-flex align-items-center">
                                                            <img src="/store/1/default_images/categories_icons/anchor.png" class="cat-dropdown-menu-icon mr-8" alt="Business icon">
                            
                            <span class="">Business</span>
                        </div>

                                                    <svg width="16px" height="16px" class="icons" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.91 19.92l6.52-6.52c.77-.77.77-2.03 0-2.8L8.91 4.08"/>
</svg>                                            </a>

                                            <ul class="header-1-dropdown-menu__sub-menu py-12">
                                                            <li class="">
                                    <a href="/categories/Business/Management" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/users.png" class="cat-dropdown-menu-icon mr-8" alt="Management icon">
                                            
                                            <span class="">Management</span>
                                        </div>
                                    </a>
                                </li>
                                                            <li class="">
                                    <a href="/categories/Business/Communications" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/share-2.png" class="cat-dropdown-menu-icon mr-8" alt="Communications icon">
                                            
                                            <span class="">Communications</span>
                                        </div>
                                    </a>
                                </li>
                                                            <li class="">
                                    <a href="/categories/Business/Business-Strategy" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/target.png" class="cat-dropdown-menu-icon mr-8" alt="Business Strategy icon">
                                            
                                            <span class="">Business Strategy</span>
                                        </div>
                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="header-1-dropdown-menu__item position-relative">
                    <a href="/categories/Marketing" class="d-flex align-items-center justify-content-between w-100 px-16 py-8  ">
                        <div class="d-flex align-items-center">
                                                            <img src="/store/1/default_images/categories_icons/pie-chart.png" class="cat-dropdown-menu-icon mr-8" alt="Marketing icon">
                            
                            <span class="">Marketing</span>
                        </div>

                                            </a>

                                    </li>
                            <li class="header-1-dropdown-menu__item position-relative">
                    <a href="/categories/Lifestyles" class="d-flex align-items-center justify-content-between w-100 px-16 py-8  js-has-subcategory">
                        <div class="d-flex align-items-center">
                                                            <img src="/store/1/default_images/categories_icons/umbrella.png" class="cat-dropdown-menu-icon mr-8" alt="Lifestyle icon">
                            
                            <span class="">Lifestyle</span>
                        </div>

                                                    <svg width="16px" height="16px" class="icons" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.91 19.92l6.52-6.52c.77-.77.77-2.03 0-2.8L8.91 4.08"/>
</svg>                                            </a>

                                            <ul class="header-1-dropdown-menu__sub-menu py-12">
                                                            <li class="">
                                    <a href="/categories/Lifestyles/Lifestyle" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/sun.png" class="cat-dropdown-menu-icon mr-8" alt="Lifestyle icon">
                                            
                                            <span class="">Lifestyle</span>
                                        </div>
                                    </a>
                                </li>
                                                            <li class="">
                                    <a href="/categories/Lifestyles/Beauty-and-Makeup" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/droplet.png" class="cat-dropdown-menu-icon mr-8" alt="Beauty &amp; Makeup icon">
                                            
                                            <span class="">Beauty &amp; Makeup</span>
                                        </div>
                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="header-1-dropdown-menu__item position-relative">
                    <a href="/categories/Health-and-Fitness" class="d-flex align-items-center justify-content-between w-100 px-16 py-8  ">
                        <div class="d-flex align-items-center">
                                                            <img src="/store/1/default_images/categories_icons/heart.png" class="cat-dropdown-menu-icon mr-8" alt="Health &amp; Fitness icon">
                            
                            <span class="">Health &amp; Fitness</span>
                        </div>

                                            </a>

                                    </li>
                            <li class="header-1-dropdown-menu__item position-relative">
                    <a href="/categories/Academics" class="d-flex align-items-center justify-content-between w-100 px-16 py-8  js-has-subcategory">
                        <div class="d-flex align-items-center">
                                                            <img src="/store/1/default_images/categories_icons/briefcase.png" class="cat-dropdown-menu-icon mr-8" alt="Academics icon">
                            
                            <span class="">Academics</span>
                        </div>

                                                    <svg width="16px" height="16px" class="icons" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.91 19.92l6.52-6.52c.77-.77.77-2.03 0-2.8L8.91 4.08"/>
</svg>                                            </a>

                                            <ul class="header-1-dropdown-menu__sub-menu py-12">
                                                            <li class="">
                                    <a href="/categories/Academics/Math" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/divide-square.png" class="cat-dropdown-menu-icon mr-8" alt="Math icon">
                                            
                                            <span class="">Math</span>
                                        </div>
                                    </a>
                                </li>
                                                            <li class="">
                                    <a href="/categories/Academics/Science" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/zap.png" class="cat-dropdown-menu-icon mr-8" alt="Science icon">
                                            
                                            <span class="">Science</span>
                                        </div>
                                    </a>
                                </li>
                                                            <li class="">
                                    <a href="/categories/Academics/Language" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/globe.png" class="cat-dropdown-menu-icon mr-8" alt="Language icon">
                                            
                                            <span class="">Language</span>
                                        </div>
                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="header-1-dropdown-menu__item position-relative">
                    <a href="/categories/Design" class="d-flex align-items-center justify-content-between w-100 px-16 py-8  ">
                        <div class="d-flex align-items-center">
                                                            <img src="/store/1/default_images/categories_icons/feather.png" class="cat-dropdown-menu-icon mr-8" alt="Design icon">
                            
                            <span class="">Design</span>
                        </div>

                                            </a>

                                    </li>
                    </ul>

    </div>
</div>
                </div>

                
                <div class="col-6 col-lg-5 mt-12 mt-lg-0">
                                            <div class="d-flex align-items-center gap-16 gap-lg-32">
                                                            <a href="/" class="text-dark">Home</a>
                                                            <a href="/classes?sort=newest" class="text-dark">Courses</a>
                                                            <a href="/instructor-finder" class="text-dark">Instructors</a>
                                                            <a href="/products" class="text-dark">Store</a>
                                                            <a href="/forums" class="text-dark">Forums</a>
                                                    </div>
                                    </div>

                
                <div class="col-6 col-lg-3 mt-12 mt-lg-0 d-flex align-items-center justify-content-end">
                                            <a href="/login" class="btn-flip-effect btn btn-primary btn-lg gap-8 text-white" data-text="Start Learning">
                                                            <svg width="20px" height="20px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M18.38 12.84v4.93c0 1.27-.99 2.63-2.18 3.03l-3.19 1.06c-.56.19-1.47.19-2.02 0L7.8 20.8c-1.2-.4-2.18-1.76-2.18-3.03l.01-4.93 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88z" opacity=".4"/>
  <path d="M19.98 6.46l-5.99-3.93c-1.08-.71-2.86-.71-3.94 0L4.03 6.46c-1.93 1.25-1.93 4.08 0 5.34l1.6 1.04 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88 1.37-.9V15c0 .41.34.75.75.75s.75-.34.75-.75v-4.92c.4-1.29-.01-2.79-1.27-3.62z"/>
</svg>                            
                            <span class="btn-flip-effect__text text-white">Start Learning</span>
                        </a>
                                    </div>

            </div>
        </div>
    </div>
</div>
    </div>
    
    
        <div class="container position-relative mt-80 pb-120 ">

        
        
        
        <div class="course-hero d-flex flex-column justify-content-end rounded-32 px-20 bg-gray-200">
    <div class="course-hero__mask rounded-32"></div>

    <img src="/store/864/Active Listening You Can Be a Great Listener_c.png" class="course-hero__cover-img img-cover rounded-32" alt="Active Listening: You Can Be a Great Listener"/>

    <div class="course-hero__content position-relative z-index-3">
                    <div class="d-flex align-items-center text-white opacity-50">
                <a href="/classes" class="text-white">Courses</a>
                <svg width="16px" height="16px" class="icons text-white mx-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.91 19.92l6.52-6.52c.77-.77.77-2.03 0-2.8L8.91 4.08"/>
</svg>                <a href="/categories/Business/Communications" class="text-white">Communications</a>
            </div>
        
        <div class="d-flex align-items-center flex-wrap gap-12 mt-4">
            <h1 class="course-hero__title font-32 font-weight-bold text-white text-ellipsis">Active Listening: You Can Be a Great Listener</h1>

            
            <div class="d-flex flex-wrap align-items-center gap-12">
                
                
                
                            </div>
        </div>

                    <div class="mt-8 text-white opacity-50">Active listening is a valuable skill that helps you truly understand others. By giving full attention, asking thoughtful questions, and showing empathy, you can strengthen relationships, resolve conflicts, and become a genuinely great listener in any situation.</div>
        
        <div class="d-flex align-items-center flex-wrap gap-24 mt-12">
            
            <div class="stars-card d-flex align-items-center ">
    
                        <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                
                    <span class="ml-4 text-gray-500 font-14">(1)</span>
            </div>

            
            <div class="d-flex align-items-center font-12 text-white">
                <svg width="16px" height="16px" class="icons text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.05 2.53L4.03 6.46c-1.93 1.26-1.93 4.08 0 5.34l6.02 3.93c1.08.71 2.86.71 3.94 0l5.99-3.93c1.92-1.26 1.92-4.07 0-5.33l-5.99-3.93c-1.08-.72-2.86-.72-3.94-.01z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.63 13.08l-.01 4.69c0 1.27.98 2.63 2.18 3.03l3.19 1.06c.55.18 1.46.18 2.02 0l3.19-1.06c1.2-.4 2.18-1.76 2.18-3.03v-4.64M21.4 15V9"/>
</svg>                <span class="mx-4 font-weight-bold">3</span>
                <span class="opacity-50">Students</span>
            </div>

            
            <div class="d-flex align-items-center font-12 text-white">
                <svg width="16px" height="16px" class="icons text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.66 10.44l-.98 4.18c-.84 3.61-2.5 5.07-5.62 4.77-.5-.04-1.04-.13-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19c.2-.85.44-1.59.74-2.2 1.17-2.42 3.16-3.07 6.5-2.28l1.67.39c4.19.98 5.47 3.05 4.49 7.23z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.06 19.39c-.62.42-1.4.77-2.35 1.08l-1.58.52c-3.97 1.28-6.06.21-7.35-3.76L2.5 13.28c-1.28-3.97-.22-6.07 3.75-7.35l1.58-.52c.41-.13.8-.24 1.17-.31-.3.61-.54 1.35-.74 2.2l-.98 4.19c-.98 4.18.31 6.24 4.48 7.23l1.68.4c.58.14 1.12.23 1.62.27zM12.64 8.53l4.85 1.23M11.66 12.4l2.9.74"/>
</svg>                <span class="mx-4 font-weight-bold">5</span>
                <span class="opacity-50">Lectures</span>
            </div>
        </div>

        <div class="d-flex align-items-center justify-content-between mt-20">
            <div class="d-flex align-items-center">
                <div class="size-40 rounded-circle">
                    <img src="/store/3/setting/avatar.jpg" class="img-cover rounded-circle" alt="James Kong">
                </div>

                <div class="ml-8">
                    <a href="/users/james-kong/profile" target="_blank" class="font-14 font-weight-bold text-white">James Kong</a>
                    <p class="mt-2 font-12 text-white">Instructor</p>
                </div>
            </div>
        </div>

    </div>
</div>

        <div class="d-flex flex-column flex-lg-row gap-24">
            
            <div class="course-body-side position-relative course-body-card flex-1">
                <div class="custom-tabs mt-16">
    <div class="course-tabs-card position-relative">
        <div class="course-tabs-card__mask"></div>

        <div class="position-relative d-flex align-items-center gap-20 gap-lg-40 flex-wrap bg-white px-16 px-lg-20 rounded-12 z-index-2 w-100">
            <div class="navbar-item d-flex-center cursor-pointer active" data-tab-toggle data-tab-href="#aboutCourseTab">
                <span class="">About the Course</span>
            </div>

            <div class="navbar-item d-flex-center cursor-pointer " data-tab-toggle data-tab-href="#contentTab">
                <span class="">Content</span>
            </div>

            <div class="navbar-item d-flex-center cursor-pointer " data-tab-toggle data-tab-href="#commentsTab">
                <span class="ml-4">Comments</span>

                <span class="course-tab-counter d-flex-center p-4 rounded-8 ml-4 font-12">
                    2
                </span>
            </div>

            <div id="showCourseReviewsTab" class="navbar-item d-flex-center cursor-pointer " data-tab-toggle data-tab-href="#reviewsTab">
                <span class="ml-4">Reviews</span>

                <span class="course-tab-counter d-flex-center p-4 rounded-8 ml-4 font-12">
                    1
                </span>
            </div>
        </div>
    </div>

    <div class="custom-tabs-body mt-16">

        <div class="custom-tabs-content active" id="aboutCourseTab">
            <div class="bg-white py-16 rounded-24">

    
            <div class="mb-32 px-16">
            <div class="course-extra-card bg-gray-100 p-12 rounded-12 mt-40">
                <div class="course-extra-card__title p-16 rounded-12 border-dashed border-gray-200 bg-white">
                    <h3 class="font-16 font-weight-bold">What Will You Learn?</h3>
                </div>

                <div class="d-grid grid-columns-auto grid-lg-columns-2 gap-12 mt-12">
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Real-world applications</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Active listening exercises</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Cultural differences</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Conflict resolution</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Paraphrasing skills</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Feedback methods</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Questioning techniques</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Body language awareness</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Empathy development</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Listening barriers</span>
                        </div>
                                    </div>
            </div>
        </div>
    
    
            <div class="px-16">
            <h2 class="font-16 font-weight-bold">About This Course</h2>

            <div class="course-show-description mt-12 text-gray-500">
                <p>Most of us want to get better at talking. But the REAL power tool for influencing others, leading, collaborating, having an impact, and being an an-all-around-better person is Active Listening. While regular listening can look like being blank and silent, Active Listening is engaged, creative, and responsive.</p><p><br></p><p>In this course, you will gain both the internal awareness and external skill-set that are the foundation of Active Listening. You will be able to have far more satisfying, interesting, successful conversations.</p><p><br></p><p>I created this practical  Udemy course for you--filled with my unique insights from starting out as a terrible listener to now being a professional listener, a Master Certified Coach. I’ve been teaching people how to listen actively for twenty years now and these skills are both learnable and priceless. My course is packed with real-world examples that demystify and simplify what to pay attention to so you can be a great listener.</p>
            </div>
        </div>
    
    
            <div class="px-16 pb-28">
            <div class="course-extra-card bg-gray-100 p-12 pb-28 rounded-12 mt-32">
                <div class="course-extra-card__title d-flex align-items-center justify-content-between p-16 rounded-12 border-dashed border-gray-200 bg-white">
                    <h3 class="font-16 font-weight-bold">Requirements</h3>

                    <div class="size-24">
                        <svg width="24px" height="24px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21" fill="currentColor" aria-hidden="true">
  <path d="M14.19.97H5.81C2.17.97 0 3.14 0 6.78v8.38c0 3.64 2.17 5.81 5.81 5.81h8.38c3.64 0 5.81-2.17 5.81-5.81V6.78C20 3.14 17.83.97 14.19.97z" opacity=".4"/>
  <path d="M16.31 7.84c0 .41-.33.75-.75.75h-5.25c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h5.25c.42 0 .75.34.75.75zM7.97 6.87L5.72 9.12c-.15.15-.34.22-.53.22s-.39-.07-.53-.22l-.75-.75c-.3-.29-.3-.77 0-1.06.29-.29.76-.29 1.06 0l.22.22 1.72-1.72c.29-.29.76-.29 1.06 0 .29.29.29.77 0 1.06zM16.31 14.84c0 .41-.33.75-.75.75h-5.25c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h5.25c.42 0 .75.34.75.75zM7.97 13.87l-2.25 2.25c-.15.15-.34.22-.53.22s-.39-.07-.53-.22l-.75-.75c-.3-.29-.3-.77 0-1.06.29-.29.76-.29 1.06 0l.22.22 1.72-1.72c.29-.29.76-.29 1.06 0 .29.29.29.77 0 1.06z"/>
</svg>                    </div>
                </div>

                <div class="">
                                            <div class="d-flex align-items-center mt-20">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Quiet space to practice</span>
                        </div>
                                            <div class="d-flex align-items-center mt-16">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Patience with self</span>
                        </div>
                                            <div class="d-flex align-items-center mt-16">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Willingness to improve</span>
                        </div>
                                            <div class="d-flex align-items-center mt-16">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Note-taking materials</span>
                        </div>
                                            <div class="d-flex align-items-center mt-16">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Open mind to learn</span>
                        </div>
                                    </div>

                <div class="course-extra-card__float-img">
                    <img src="/assets/design_1/img/courses/requirements.svg" alt="Requirements" class="img-fluid">
                </div>
            </div>
        </div>
    
            <div class="mt-32 p-16 pb-28 border-top-gray-200 border-bottom-gray-200">
            <div class="">
                <h2 class="font-16 font-weight-bold">Trusted Companies</h2>
                <p class="mt-4 font-12 text-gray-500">+3200 Companies trusted our courses for their staff tutoring</p>
            </div>

            <div class="position-relative mt-16">
                <div class="swiper-container js-make-swiper course-trusted-companies-slider pb-0"
                     data-item="course-trusted-companies-slider"
                     data-autoplay="true"
                     data-loop="true"
                     data-breakpoints="1440:5.5,769:4.2,320:1.4"
                >
                    <div class="swiper-wrapper py-0 mx-16 mx-md-32">
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/1015/logo_files/logo (1).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/1015/logo_files/logo (2).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/1015/logo_files/logo (1).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/929/logo/logo (4).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/929/logo/logo (3).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/929/logo/logo (2).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/929/logo/logo (1).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/1015/logo_files/logo (4).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/1015/logo_files/logo (3).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/1015/logo_files/logo (2).png" class="img-fluid" alt="Company Logos">
                            </div>
                                            </div>
                </div>
            </div>
        </div>
    
    
            <div id="courseFAQParent" class="px-16 mt-32">
            <div class="">
                <h2 class="font-16 font-weight-bold">FAQ</h2>
                <p class="mt-4 font-12 text-gray-500">Check the frequently asked questions about this course.</p>
            </div>

                            <div class="accordion p-20 rounded-12 border-gray-200 bg-white mt-16">
                    <div class="accordion__title d-flex align-items-center justify-content-between">
                        <div class="d-flex align-items-center cursor-pointer" href="#courseFAQ_29" data-parent="#courseFAQParent" role="button" data-toggle="collapse">
                            <div class="size-24">
                                <svg width="24px" height="24px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 18.43h-4l-4.45 2.96A.997.997 0 017 20.56v-2.13c-3 0-5-2-5-5v-6c0-3 2-5 5-5h10c3 0 5 2 5 5v6c0 3-2 5-5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 11.36v-.21c0-.68.42-1.04.84-1.33.41-.28.82-.64.82-1.3 0-.92-.74-1.66-1.66-1.66-.92 0-1.66.74-1.66 1.66M11.995 13.75h.01"/>
</svg>                            </div>

                            <div class="font-14 font-weight-bold ml-8">
                                How can I get course updates?
                            </div>
                        </div>

                        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#courseFAQ_29" data-parent="#courseFAQParent" role="button" data-toggle="collapse">
                            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>                        </div>
                    </div>

                    <div id="courseFAQ_29" class="accordion__collapse border-0 " role="tabpanel">
                        <div class="p-16 rounded-8 border-gray-200 text-gray-500 mt-8">
                            You will receive a notification after each update is released so you can download updated files from the course page.
                        </div>
                    </div>
                </div>
                            <div class="accordion p-20 rounded-12 border-gray-200 bg-white mt-20">
                    <div class="accordion__title d-flex align-items-center justify-content-between">
                        <div class="d-flex align-items-center cursor-pointer" href="#courseFAQ_30" data-parent="#courseFAQParent" role="button" data-toggle="collapse">
                            <div class="size-24">
                                <svg width="24px" height="24px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 18.43h-4l-4.45 2.96A.997.997 0 017 20.56v-2.13c-3 0-5-2-5-5v-6c0-3 2-5 5-5h10c3 0 5 2 5 5v6c0 3-2 5-5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 11.36v-.21c0-.68.42-1.04.84-1.33.41-.28.82-.64.82-1.3 0-.92-.74-1.66-1.66-1.66-.92 0-1.66.74-1.66 1.66M11.995 13.75h.01"/>
</svg>                            </div>

                            <div class="font-14 font-weight-bold ml-8">
                                Can I have a private meeting with the instructor?
                            </div>
                        </div>

                        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#courseFAQ_30" data-parent="#courseFAQParent" role="button" data-toggle="collapse">
                            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>                        </div>
                    </div>

                    <div id="courseFAQ_30" class="accordion__collapse border-0 " role="tabpanel">
                        <div class="p-16 rounded-8 border-gray-200 text-gray-500 mt-8">
                            Yes, you can reserve a 1 to 1 meeting with the instructor using the instructor profile.
                        </div>
                    </div>
                </div>
                            <div class="accordion p-20 rounded-12 border-gray-200 bg-white mt-20">
                    <div class="accordion__title d-flex align-items-center justify-content-between">
                        <div class="d-flex align-items-center cursor-pointer" href="#courseFAQ_31" data-parent="#courseFAQParent" role="button" data-toggle="collapse">
                            <div class="size-24">
                                <svg width="24px" height="24px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 18.43h-4l-4.45 2.96A.997.997 0 017 20.56v-2.13c-3 0-5-2-5-5v-6c0-3 2-5 5-5h10c3 0 5 2 5 5v6c0 3-2 5-5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 11.36v-.21c0-.68.42-1.04.84-1.33.41-.28.82-.64.82-1.3 0-.92-.74-1.66-1.66-1.66-.92 0-1.66.74-1.66 1.66M11.995 13.75h.01"/>
</svg>                            </div>

                            <div class="font-14 font-weight-bold ml-8">
                                Is it a supported course?
                            </div>
                        </div>

                        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#courseFAQ_31" data-parent="#courseFAQParent" role="button" data-toggle="collapse">
                            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>                        </div>
                    </div>

                    <div id="courseFAQ_31" class="accordion__collapse border-0 " role="tabpanel">
                        <div class="p-16 rounded-8 border-gray-200 text-gray-500 mt-8">
                            Yes, you can get in touch with the instructor using the support system.
                        </div>
                    </div>
                </div>
            
        </div>
    
    
            <div class="px-16 mt-32">
            <div class="">
                <h2 class="font-16 font-weight-bold">Prerequisites</h2>
                <p class="mt-4 font-12 text-gray-500">We recommend completing the prerequisites for more effective learning.</p>
            </div>

            <div class="row">
                                                            <div class="col-12 col-md-6 col-lg-3 mt-16">
                            <div class="course-prerequisite-card position-relative rounded-12 bg-gray-100">
    <div class="course-prerequisite-card__mask"></div>

    <div class="course-prerequisite-card__required align-items-center rounded-32 bg-accent" data-tippy-content="You need to complete this prerequisite to purchase the course.">
        <svg width="20px" height="20px" class="icons text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M18.38 12.84v4.93c0 1.27-.99 2.63-2.18 3.03l-3.19 1.06c-.56.19-1.47.19-2.02 0L7.8 20.8c-1.2-.4-2.18-1.76-2.18-3.03l.01-4.93 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88z" opacity=".4"/>
  <path d="M19.98 6.46l-5.99-3.93c-1.08-.71-2.86-.71-3.94 0L4.03 6.46c-1.93 1.25-1.93 4.08 0 5.34l1.6 1.04 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88 1.37-.9V15c0 .41.34.75.75.75s.75-.34.75-.75v-4.92c.4-1.29-.01-2.79-1.27-3.62z"/>
</svg>        <span class="ml-4 text-white font-12">Required</span>
    </div>

    <img src="/store/1016/1.jpg" class="img-cover rounded-12" alt="Become a Product Manager">

    <div class="course-prerequisite-card__body d-flex flex-column p-12">
        <a href="https://www.lifelearnt.com/course/Become-a-Product-Manager">
            <h3 class="card-title font-14 font-weight-bold text-white">Become a Product Manager 1995</h3>
        </a>

        <div class="d-flex align-items-center justify-content-between mt-12">
            <div class="stars-card d-flex align-items-center ">
    
                        <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                            <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
        
            </div>

            <div class="d-flex align-items-center font-16 font-weight-bold text-primary">
                <span class="">Free</span>
            </div>
        </div>
    </div>
</div>
                        </div>
                                                </div>
        </div>
    
</div>



<div class="course-about-instructor-card position-relative mt-32 mt-lg-60">
    <div class="course-about-instructor-card__mask"></div>

    <div class="position-relative d-flex flex-column flex-lg-row align-items-start gap-24 bg-white px-16 rounded-24 z-index-3">
        <div class="course-about-instructor-card__details flex-1 py-16">
            <div class="d-flex align-items-center">
                <div class="position-relative d-flex-center size-80 rounded-12 bg-gray-200">
                    <img src="/store/3/setting/avatar.jpg" alt="James Kong" class="img-cover rounded-12">
                </div>

                <div class="ml-12 flex-1">
                    <a href="/users/james-kong/profile" target="_blank" class="">
                        <h6 class="font-14 font-weight-bold text-dark">James Kong</h6>
                    </a>

                    
                    <div class="stars-card d-flex align-items-center mt-4">
    
                        <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                            <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
        
                    <span class="ml-4 text-gray-500 font-14">(2)</span>
            </div>

                    <div class="d-flex align-items-center gap-12 mt-8">
                        <div class="d-flex align-items-center p-8 rounded-24 border-gray-200 bg-gray-100 text-gray-500 font-12">
                            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 15V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7h6c5 0 7-2 7-7zM2.52 7.11h18.96M8.52 2.11v4.86M15.48 2.11v4.41"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M9.75 14.45v-1.2c0-1.54 1.09-2.17 2.42-1.4l1.04.6 1.04.6c1.33.77 1.33 2.03 0 2.8l-1.04.6-1.04.6c-1.33.77-2.42.14-2.42-1.4v-1.2 0z"/>
</svg>                            <span class="mx-4 font-weight-bold">4</span>
                            <span class="">Courses</span>
                        </div>

                        <div class="d-flex align-items-center p-8 rounded-24 border-gray-200 bg-gray-100 text-gray-500 font-12">
                            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.05 2.53L4.03 6.46c-1.93 1.26-1.93 4.08 0 5.34l6.02 3.93c1.08.71 2.86.71 3.94 0l5.99-3.93c1.92-1.26 1.92-4.07 0-5.33l-5.99-3.93c-1.08-.72-2.86-.72-3.94-.01z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.63 13.08l-.01 4.69c0 1.27.98 2.63 2.18 3.03l3.19 1.06c.55.18 1.46.18 2.02 0l3.19-1.06c1.2-.4 2.18-1.76 2.18-3.03v-4.64M21.4 15V9"/>
</svg>                            <span class="mx-4 font-weight-bold">1</span>
                            <span class="">Students</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-16 text-gray-500">James Kong is a sound and communication expert. His vision is for a world that listens consciously and speaks powerfully.

Julian is author of the books How to be Heard: Secrets for Powerful Speaking and Listening and Sound Business. 

His five TED talks about sound and communication have been watched over 90 million times and his latest talk, How to speak so that people want to listen, is the sixth most watched TED talk of all time. 

James is a media commentator on speaking and listening skills, and has been featured by the likes of TIME Magazine, The Economist, The BBC, and The Times. 

James's company, The Sound Agency, works with major brands worldwide to improve the way they sound. Their ...</div>
        </div>

        <div class="course-about-instructor-card__secondary-img position-relative">
            <img src="/store/3/setting/profile_secondary_image.png" alt="James Kong" class="img-cover">

                    </div>
    </div>
</div>






        </div>

        <div class="custom-tabs-content " id="contentTab">
            <div class="bg-white p-16 rounded-24">

    <div class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between p-16 rounded-12 bg-gray-100 border-gray-200">
        <div class="d-flex align-items-center">
            <div class="d-flex-center size-40 bg-gray-300 rounded-12">
                <svg width="24px" height="24px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M18.38 12.84v4.93c0 1.27-.99 2.63-2.18 3.03l-3.19 1.06c-.56.19-1.47.19-2.02 0L7.8 20.8c-1.2-.4-2.18-1.76-2.18-3.03l.01-4.93 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88z" opacity=".4"/>
  <path d="M19.98 6.46l-5.99-3.93c-1.08-.71-2.86-.71-3.94 0L4.03 6.46c-1.93 1.25-1.93 4.08 0 5.34l1.6 1.04 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88 1.37-.9V15c0 .41.34.75.75.75s.75-.34.75-.75v-4.92c.4-1.29-.01-2.79-1.27-3.62z"/>
</svg>            </div>

            <div class="ml-8">
                <h5 class="font-14 font-weight-bold">Curriculum Overview</h5>
                <p class="mt-4 font-12 text-gray-500">This course includes 2 modules, 5 lessons, and 1:15 hours of materials.</p>
            </div>
        </div>

            </div>


    

            <section class="">
            <div id="chaptersAccordion">
                        <div class="accordion p-12 rounded-12 border-gray-200 bg-white mt-16">
                <div class="accordion__title d-flex align-items-center justify-content-between">
                    <div class="d-flex align-items-center cursor-pointer" href="#collapseChapter12" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
                        <div class="d-flex-center size-48 rounded-12 bg-primary-20">
                            <svg width="24px" height="24px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M7.24 2h-1.9C3.15 2 2 3.15 2 5.33v1.9c0 2.18 1.15 3.33 3.33 3.33h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9C10.57 3.15 9.42 2 7.24 2z"/>
  <path d="M18.67 2h-1.9c-2.18 0-3.33 1.15-3.33 3.33v1.9c0 2.18 1.15 3.33 3.33 3.33h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9C22 3.15 20.85 2 18.67 2z" opacity=".4"/>
  <path d="M18.67 13.43h-1.9c-2.18 0-3.33 1.15-3.33 3.33v1.9c0 2.18 1.15 3.33 3.33 3.33h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9c0-2.18-1.15-3.33-3.33-3.33z"/>
  <path d="M7.24 13.43h-1.9C3.15 13.43 2 14.58 2 16.76v1.9C2 20.85 3.15 22 5.33 22h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9c.01-2.19-1.14-3.34-3.32-3.34z" opacity=".4"/>
</svg>                        </div>
                        <div class="ml-8">
                            <div class="font-14 font-weight-bold">Introduction</div>
                            <div class="d-flex align-items-center mt-4 font-12 text-gray-500">1 Parts </div>
                        </div>
                    </div>

                    <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseChapter12" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
                        <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>                    </div>
                </div>

                <div id="collapseChapter12" class="accordion__collapse border-0 " role="tabpanel">
                                                                                                        <div class="accordion bg-gray-100 border-gray-200 p-16 rounded-12 mt-16">
    <div class="accordion__title d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center cursor-pointer" href="#collapseFiles45" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <div class="d-flex mr-8">
                
                <svg height="20" width="20" class="text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7zM15.75 9h-7.5M15.75 15h-7.5"/>
</svg>            </div>

            <div class="font-14 font-weight-bold d-block">Introduction</div>
        </div>

        <div class="d-flex align-items-center gap-12">
                            <span class="px-8 py-4 bg-primary-20 text-primary font-12 rounded-8">Free</span>
            
            <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseFiles45" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
                <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>            </div>
        </div>
    </div>

    <div id="collapseFiles45" class="accordion__collapse border-0 " role="tabpanel">
        <div class="p-16 rounded-12 border-gray-200 bg-gray-100 mt-16">
            <div class="font-14 text-gray-500">
                <p>Improve your reactive habits, define your listening mindset, amplify your curiosity, &amp; add value as a great listener</p>
            </div>

                    </div>

        <div class="position-relative d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mt-24 p-16 bg-white border-gray-200 rounded-12">
            <div class="course-content-separator-with-circles">
                <span class="circle-top"></span>
                <span class="circle-bottom"></span>
            </div>


            <div class="d-flex align-items-center">
                <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                    <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.5 7v10c0 3 1.47 5 5 5h7c3.47 0 5-2 5-5v-1.17c0-.53-.21-1.04-.59-1.41l-.83-.83c-.38-.38-.59-.88-.59-1.41V10c0-.55.45-1 1-1s1-.45 1-1V7c0-3-1.53-5-5-5h-7C4.97 2 3.5 4 3.5 7z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.99 21.97L7.98 19c0-1.11.89-2 2-2h4.01c1.1 0 1.99.89 2 1.99l.03 2.99M8.94 4.95l.05-2.89M11.94 4.95l.05-2.89M14.94 4.92l.05-2.88"/>
</svg>                </div>
                <div class="ml-8">
                    <span class="d-block font-12 text-gray-400">Volume</span>
                    <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">3.78 MB</span>
                </div>
            </div>

            <div class="mt-16 mt-lg-0">
                                                            <a href="https://www.lifelearnt.com/course/Active-Listening-You-Can-Be-a-Great-Listener/file/45/download" class="btn btn-lg btn-primary">
                            <svg width="16px" height="16px" class="icons text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 2v7l2-2M12 9l-2-2M1.98 13h4.41c.38 0 .72.21.89.55l1.17 2.34A2 2 0 0010.24 17h3.53a2 2 0 001.79-1.11l1.17-2.34a1 1 0 01.89-.55h4.36"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 4.13c-3.54.52-5 2.6-5 6.87v4c0 5 2 7 7 7h6c5 0 7-2 7-7v-4c0-4.27-1.46-6.35-5-6.87"/>
</svg>                            <span class="ml-4 text-white">Download</span>
                        </a>
                                                </div>

        </div>

    </div>
</div>
                                                                                        </div>
            </div>
                                <div class="accordion p-12 rounded-12 border-gray-200 bg-white mt-16">
                <div class="accordion__title d-flex align-items-center justify-content-between">
                    <div class="d-flex align-items-center cursor-pointer" href="#collapseChapter13" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
                        <div class="d-flex-center size-48 rounded-12 bg-primary-20">
                            <svg width="24px" height="24px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M7.24 2h-1.9C3.15 2 2 3.15 2 5.33v1.9c0 2.18 1.15 3.33 3.33 3.33h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9C10.57 3.15 9.42 2 7.24 2z"/>
  <path d="M18.67 2h-1.9c-2.18 0-3.33 1.15-3.33 3.33v1.9c0 2.18 1.15 3.33 3.33 3.33h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9C22 3.15 20.85 2 18.67 2z" opacity=".4"/>
  <path d="M18.67 13.43h-1.9c-2.18 0-3.33 1.15-3.33 3.33v1.9c0 2.18 1.15 3.33 3.33 3.33h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9c0-2.18-1.15-3.33-3.33-3.33z"/>
  <path d="M7.24 13.43h-1.9C3.15 13.43 2 14.58 2 16.76v1.9C2 20.85 3.15 22 5.33 22h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9c.01-2.19-1.14-3.34-3.32-3.34z" opacity=".4"/>
</svg>                        </div>
                        <div class="ml-8">
                            <div class="font-14 font-weight-bold">Why Active Listening?</div>
                            <div class="d-flex align-items-center mt-4 font-12 text-gray-500">4 Parts  | 1:15 Hours</div>
                        </div>
                    </div>

                    <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseChapter13" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
                        <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>                    </div>
                </div>

                <div id="collapseChapter13" class="accordion__collapse border-0 " role="tabpanel">
                                                                                                        <div class="accordion bg-gray-100 border-gray-200 p-16 rounded-12 mt-16">
    <div class="accordion__title d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center cursor-pointer" href="#collapseSession71" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <div class="d-flex mr-8">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.53 20.42H6.21c-3.16 0-4.21-2.1-4.21-4.21V7.79c0-3.16 1.05-4.21 4.21-4.21h6.32c3.16 0 4.21 1.05 4.21 4.21v8.42c0 3.16-1.06 4.21-4.21 4.21z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.52 17.1l-2.78-1.95V8.84l2.78-1.95c1.36-.95 2.48-.37 2.48 1.3v7.62c0 1.67-1.12 2.25-2.48 1.29zM11.5 11a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"/>
</svg>            </div>

            <div class="font-14 font-weight-bold d-block">Why Active Listening?</div>
        </div>

        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseSession71" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>        </div>
    </div>

    <div id="collapseSession71" class="accordion__collapse border-0 " role="tabpanel">
        <div class="p-16 rounded-12 border-gray-200 bg-gray-100 text-gray-500">
            <div class="font-14 text-gray-500">
                <p>Most of us want to get better at talking. But the REAL power tool for influencing others, leading, collaborating, having an impact, and being an an-all-around-better person is Active Listening. While regular listening can look like being blank and silent, Active Listening is engaged, creative, and responsive.</p>
            </div>

                    </div>


        <div class="position-relative d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mt-24 p-16 bg-white border-gray-200 rounded-12">
            <div class="course-content-separator-with-circles">
                <span class="circle-top"></span>
                <span class="circle-bottom"></span>
            </div>

            <div class="d-flex align-items-center flex-wrap gap-20 gap-lg-40">
                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8 2v3M16 2v3M3.5 9.09h17M21 8.5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Start Date</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">5 Oct 2023 | 07:30</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Duration</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">20 Minutes</span>
                    </div>
                </div>
            </div>

            <div class="mt-16 mt-lg-0">
                                    <button type="button" class="btn btn-lg bg-gray-300 disabled session-finished-toast">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                        <span class="ml-4 text-gray-500">Finished</span>
                    </button>
                            </div>
        </div>

    </div>
</div>
                                                                                                                <div class="accordion bg-gray-100 border-gray-200 p-16 rounded-12 mt-16">
    <div class="accordion__title d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center cursor-pointer" href="#collapseSession72" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <div class="d-flex mr-8">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.53 20.42H6.21c-3.16 0-4.21-2.1-4.21-4.21V7.79c0-3.16 1.05-4.21 4.21-4.21h6.32c3.16 0 4.21 1.05 4.21 4.21v8.42c0 3.16-1.06 4.21-4.21 4.21z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.52 17.1l-2.78-1.95V8.84l2.78-1.95c1.36-.95 2.48-.37 2.48 1.3v7.62c0 1.67-1.12 2.25-2.48 1.29zM11.5 11a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"/>
</svg>            </div>

            <div class="font-14 font-weight-bold d-block">Automatic Listening Habits</div>
        </div>

        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseSession72" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>        </div>
    </div>

    <div id="collapseSession72" class="accordion__collapse border-0 " role="tabpanel">
        <div class="p-16 rounded-12 border-gray-200 bg-gray-100 text-gray-500">
            <div class="font-14 text-gray-500">
                <p>In this course, you will gain both the internal awareness and external skill-set that are the foundation of Active Listening. You will be able to have far more satisfying, interesting, successful conversations.</p>
            </div>

                    </div>


        <div class="position-relative d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mt-24 p-16 bg-white border-gray-200 rounded-12">
            <div class="course-content-separator-with-circles">
                <span class="circle-top"></span>
                <span class="circle-bottom"></span>
            </div>

            <div class="d-flex align-items-center flex-wrap gap-20 gap-lg-40">
                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8 2v3M16 2v3M3.5 9.09h17M21 8.5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Start Date</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">10 Oct 2023 | 01:30</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Duration</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">20 Minutes</span>
                    </div>
                </div>
            </div>

            <div class="mt-16 mt-lg-0">
                                    <button type="button" class="btn btn-lg bg-gray-300 disabled session-finished-toast">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                        <span class="ml-4 text-gray-500">Finished</span>
                    </button>
                            </div>
        </div>

    </div>
</div>
                                                                                                                <div class="accordion bg-gray-100 border-gray-200 p-16 rounded-12 mt-16">
    <div class="accordion__title d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center cursor-pointer" href="#collapseSession73" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <div class="d-flex mr-8">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.53 20.42H6.21c-3.16 0-4.21-2.1-4.21-4.21V7.79c0-3.16 1.05-4.21 4.21-4.21h6.32c3.16 0 4.21 1.05 4.21 4.21v8.42c0 3.16-1.06 4.21-4.21 4.21z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.52 17.1l-2.78-1.95V8.84l2.78-1.95c1.36-.95 2.48-.37 2.48 1.3v7.62c0 1.67-1.12 2.25-2.48 1.29zM11.5 11a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"/>
</svg>            </div>

            <div class="font-14 font-weight-bold d-block">Helpful Habits</div>
        </div>

        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseSession73" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>        </div>
    </div>

    <div id="collapseSession73" class="accordion__collapse border-0 " role="tabpanel">
        <div class="p-16 rounded-12 border-gray-200 bg-gray-100 text-gray-500">
            <div class="font-14 text-gray-500">
                <p>Most of us want to get better at talking. But the REAL power tool for influencing others, leading, collaborating, having an impact, and being an an-all-around-better person is Active Listening.</p>
            </div>

                    </div>


        <div class="position-relative d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mt-24 p-16 bg-white border-gray-200 rounded-12">
            <div class="course-content-separator-with-circles">
                <span class="circle-top"></span>
                <span class="circle-bottom"></span>
            </div>

            <div class="d-flex align-items-center flex-wrap gap-20 gap-lg-40">
                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8 2v3M16 2v3M3.5 9.09h17M21 8.5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Start Date</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">14 Oct 2023 | 17:30</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Duration</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">35 Minutes</span>
                    </div>
                </div>
            </div>

            <div class="mt-16 mt-lg-0">
                                    <button type="button" class="btn btn-lg bg-gray-300 disabled session-finished-toast">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                        <span class="ml-4 text-gray-500">Finished</span>
                    </button>
                            </div>
        </div>

    </div>
</div>
                                                                                                                <div class="accordion bg-gray-100 border-gray-200 p-16 rounded-12 mt-16">
    <div class="accordion__title d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center cursor-pointer" href="#collapseQuiz32" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <div class="d-flex mr-8">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.31 14.7l1.5 1.5 4-4"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M10 6h4c2 0 2-1 2-2 0-2-1-2-2-2h-4C9 2 8 2 8 4s1 2 2 2z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M16 4.02c3.33.18 5 1.41 5 5.98v6c0 4-1 6-6 6H9c-5 0-6-2-6-6v-6c0-4.56 1.67-5.8 5-5.98"/>
</svg>            </div>

            <div class="font-14 font-weight-bold d-block">Midterm Quiz</div>
        </div>

        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseQuiz32" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>        </div>
    </div>

    <div id="collapseQuiz32" class="accordion__collapse border-0 " role="tabpanel">
                    <div class="p-16 rounded-12 border-gray-200 bg-gray-100">
                <div class="font-14 text-gray-500">
                    <p>Assess your developing active listening skills with this mid-term quiz to reinforce techniques learned during the course.</p>
                </div>
            </div>
        
        <div class="position-relative d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between p-16 bg-white border-gray-200 rounded-12 mt-16mt-24">
                            <div class="course-content-separator-with-circles">
                    <span class="circle-top"></span>
                    <span class="circle-bottom"></span>
                </div>
            
            <div class="d-flex align-items-center flex-wrap gap-24">
                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 18.43h-4l-4.45 2.96A.997.997 0 017 20.56v-2.13c-3 0-5-2-5-5v-6c0-3 2-5 5-5h10c3 0 5 2 5 5v6c0 3-2 5-5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 11.36v-.21c0-.68.42-1.04.84-1.33.41-.28.82-.64.82-1.3 0-.92-.74-1.66-1.66-1.66-.92 0-1.66.74-1.66 1.66M11.995 13.75h.01"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Questions</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">5</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Duration</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">10 Minutes</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.38 12l2.41 2.42 4.83-4.84"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.75 2.45c.69-.59 1.82-.59 2.52 0l1.58 1.36c.3.26.86.47 1.26.47h1.7c1.06 0 1.93.87 1.93 1.93v1.7c0 .39.21.96.47 1.26l1.36 1.58c.59.69.59 1.82 0 2.52l-1.36 1.58c-.26.3-.47.86-.47 1.26v1.7c0 1.06-.87 1.93-1.93 1.93h-1.7c-.39 0-.96.21-1.26.47l-1.58 1.36c-.69.59-1.82.59-2.52 0l-1.58-1.36c-.3-.26-.86-.47-1.26-.47H6.18c-1.06 0-1.93-.87-1.93-1.93V16.1c0-.39-.21-.95-.46-1.25l-1.35-1.59c-.58-.69-.58-1.81 0-2.5l1.35-1.59c.25-.3.46-.86.46-1.25V6.2c0-1.06.87-1.93 1.93-1.93h1.73c.39 0 .96-.21 1.26-.47l1.58-1.35z"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Passing Grade</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">60/100</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.5 18V7c0-4 1-5 5-5h7c4 0 5 1 5 5v10c0 .14 0 .28-.01.42"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.35 15H20.5v3.5c0 1.93-1.57 3.5-3.5 3.5H7c-1.93 0-3.5-1.57-3.5-3.5v-.65C3.5 16.28 4.78 15 6.35 15zM8 7h8M8 10.5h5"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Total Grade</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">100</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10s-8.89-5.56-8.89-5.56m0 0h4.52m-4.52 0v5M2 12C2 6.48 6.44 2 12 2c6.67 0 10 5.56 10 5.56m0 0v-5m0 5h-4.44"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Attempts</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">0/3</span>
                    </div>
                </div>

                            </div>

            <div class="mt-16 mt-lg-0">
                                    <button type="button" class="btn btn-lg bg-gray-300 disabled not-login-toast">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M14.43 5.93L20.5 12l-6.07 6.07M3.5 12h16.83"/>
</svg>                        <span class="ml-4 text-gray-500">Start Quiz</span>
                    </button>
                            </div>

        </div>

    </div>
</div>
                                                                                        </div>
            </div>
            </div>

        </section>
    
    
    
    
    
    

    

    
    
    
    <div id="allCertificatesAccordion">
        <div class="accordion p-12 rounded-12 border-gray-200 bg-white mt-16">
            <div class="accordion__title d-flex align-items-center justify-content-between">
                <div class="d-flex align-items-center cursor-pointer" href="#collapseCertificatesAccordion" data-parent="#allCertificatesAccordion" role="button" data-toggle="collapse">
                    <div class="d-flex-center size-48 rounded-12 bg-primary-20">
                        <svg width="24px" height="24px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M17.95 7.71l-.14-.08-1.39-.8-2.87-1.66c-.88-.51-2.22-.51-3.1 0L7.58 6.83l-1.39.81-.18.1C4.22 8.94 4.1 9.16 4.1 11.09v4.61c0 1.93.12 2.15 1.95 3.38l4.4 2.54c.44.26.99.38 1.55.38.55 0 1.11-.12 1.55-.38l4.44-2.57c1.79-1.2 1.91-1.42 1.91-3.35v-4.61c0-1.93-.12-2.15-1.95-3.38z" opacity=".4"/>
  <path d="M6.19 7.64l1.39-.81 2.74-1.58.13-.08c.88-.51 2.22-.51 3.1 0l.13.08 2.74 1.58 1.39.8V5.49c0-2.25-1.24-3.49-3.49-3.49H9.67C7.42 2 6.19 3.24 6.19 5.49v2.15zM14.84 13.34l-.62.76c-.1.11-.17.33-.16.48l.06.98c.04.6-.39.91-.95.69l-.91-.36a.92.92 0 00-.52 0l-.91.36c-.56.22-.99-.09-.95-.69l.06-.98a.751.751 0 00-.16-.48l-.62-.76c-.39-.46-.22-.97.36-1.12l.95-.24c.15-.04.33-.18.41-.31l.53-.82c.33-.51.85-.51 1.18 0l.53.82c.08.13.26.27.41.31l.95.24c.58.15.75.66.36 1.12z"/>
</svg>                    </div>
                    <div class="ml-8">
                        <div class="font-14 font-weight-bold">Certificates</div>
                        <div class="d-flex align-items-center mt-4 font-12 text-gray-500">2 Parts</div>
                    </div>
                </div>

                <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseCertificatesAccordion" data-parent="#allCertificatesAccordion" role="button" data-toggle="collapse">
                    <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>                </div>
            </div>

            <div id="collapseCertificatesAccordion" class="accordion__collapse border-0 " role="tabpanel">
                                                            <section class="" id="certificateAccordion">
                            <div class="accordion bg-gray-100 border-gray-200 p-16 rounded-12 mt-16">
    <div class="accordion__title d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center cursor-pointer" href="#quizCertificateCollapse32" data-parent="#certificateAccordion" role="button" data-toggle="collapse">
            <div class="d-flex mr-8">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 15c3.728 0 6.75-2.91 6.75-6.5S15.728 2 12 2 5.25 4.91 5.25 8.5 8.272 15 12 15z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.52 13.52l-.01 7.38c0 .9.63 1.34 1.41.97l2.68-1.27c.22-.11.59-.11.81 0l2.69 1.27c.77.36 1.41-.07 1.41-.97v-7.56"/>
</svg>            </div>

            <div class="font-14 font-weight-bold d-block">Certificate</div>
        </div>

        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#quizCertificateCollapse32" data-parent="#certificateAccordion" role="button" data-toggle="collapse">
            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>        </div>
    </div>

    <div id="quizCertificateCollapse32" class="accordion__collapse border-0 " role="tabpanel">

        <div class="d-flex align-items-center p-16 rounded-12 border-gray-200 bg-gray-100 mt-16">
            <div class="d-flex-center size-52 rounded-8 bg-primary-20">
                <svg width="28px" height="28px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M16.24 3.65H7.76c-2.47 0-4.47 2.01-4.47 4.47v9.41C3.29 19.99 5.3 22 7.76 22h8.47c2.47 0 4.47-2.01 4.47-4.47V8.12c.01-2.47-2-4.47-4.46-4.47z" opacity=".4"/>
  <path d="M14.35 2h-4.7c-1.04 0-1.89.84-1.89 1.88v.94c0 1.04.84 1.88 1.88 1.88h4.71c1.04 0 1.88-.84 1.88-1.88v-.94C16.24 2.84 15.39 2 14.35 2zM10.81 16.95c-.19 0-.38-.07-.53-.22l-1.5-1.5a.754.754 0 010-1.06c.29-.29.77-.29 1.06 0l.97.97 3.47-3.47c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-4 4c-.14.15-.34.22-.53.22z"/>
</svg>            </div>
            <div class="ml-14">
                <h6 class="font-14 font-weight-bold">Quiz Certificate</h6>
                <div class="mt-4 text-gray-500">You will receive this certificate after passing the “Midterm QuizZ” quiz.</div>
            </div>
        </div>

        <div class="position-relative d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mt-24 p-16 bg-white border-gray-200 rounded-12">
            <div class="course-content-separator-with-circles">
                <span class="circle-top"></span>
                <span class="circle-bottom"></span>
            </div>

            <div class="d-flex align-items-center flex-wrap gap-20 gap-lg-40">
                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.31 14.7l1.5 1.5 4-4"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M10 6h4c2 0 2-1 2-2 0-2-1-2-2-2h-4C9 2 8 2 8 4s1 2 2 2z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M16 4.02c3.33.18 5 1.41 5 5.98v6c0 4-1 6-6 6H9c-5 0-6-2-6-6v-6c0-4.56 1.67-5.8 5-5.98"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Type</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">Quiz Certificate</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.38 12l2.41 2.42 4.83-4.84"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.75 2.45c.69-.59 1.82-.59 2.52 0l1.58 1.36c.3.26.86.47 1.26.47h1.7c1.06 0 1.93.87 1.93 1.93v1.7c0 .39.21.96.47 1.26l1.36 1.58c.59.69.59 1.82 0 2.52l-1.36 1.58c-.26.3-.47.86-.47 1.26v1.7c0 1.06-.87 1.93-1.93 1.93h-1.7c-.39 0-.96.21-1.26.47l-1.58 1.36c-.69.59-1.82.59-2.52 0l-1.58-1.36c-.3-.26-.86-.47-1.26-.47H6.18c-1.06 0-1.93-.87-1.93-1.93V16.1c0-.39-.21-.95-.46-1.25l-1.35-1.59c-.58-.69-.58-1.81 0-2.5l1.35-1.59c.25-.3.46-.86.46-1.25V6.2c0-1.06.87-1.93 1.93-1.93h1.73c.39 0 .96-.21 1.26-.47l1.58-1.35z"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Passing Grade</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">60/100</span>
                    </div>
                </div>

                
            </div>

            <div class="mt-16 mt-lg-0">
                                    <button type="button" class="btn btn-lg bg-gray-300 disabled not-login-toast">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 2v7l2-2M12 9l-2-2M1.98 13h4.41c.38 0 .72.21.89.55l1.17 2.34A2 2 0 0010.24 17h3.53a2 2 0 001.79-1.11l1.17-2.34a1 1 0 01.89-.55h4.36"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 4.13c-3.54.52-5 2.6-5 6.87v4c0 5 2 7 7 7h6c5 0 7-2 7-7v-4c0-4.27-1.46-6.35-5-6.87"/>
</svg>                        <span class="ml-4 text-gray-500">Download</span>
                    </button>
                            </div>

        </div>

    </div>
</div>
                        </section>
                                    
                                    <section class="mt-16" id="courseCertificateAccordion">
                        <div class="accordion bg-gray-100 border-gray-200 p-16 rounded-12 mt-16">
    <div class="accordion__title d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center cursor-pointer" href="#courseCertificateCollapse" data-parent="#courseCertificateAccordion" role="button" data-toggle="collapse">
            <div class="d-flex mr-8">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 15c3.728 0 6.75-2.91 6.75-6.5S15.728 2 12 2 5.25 4.91 5.25 8.5 8.272 15 12 15z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.52 13.52l-.01 7.38c0 .9.63 1.34 1.41.97l2.68-1.27c.22-.11.59-.11.81 0l2.69 1.27c.77.36 1.41-.07 1.41-.97v-7.56"/>
</svg>            </div>

            <div class="font-14 font-weight-bold d-block">Course Certificate</div>
        </div>

        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#courseCertificateCollapse" data-parent="#courseCertificateAccordion" role="button" data-toggle="collapse">
            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>        </div>
    </div>

    <div id="courseCertificateCollapse" class="accordion__collapse border-0 " role="tabpanel">

        <div class="d-flex align-items-center p-16 rounded-12 border-gray-200 bg-gray-100 mt-16">
            <div class="d-flex-center size-52 rounded-8 bg-primary-20">
                <svg width="28px" height="28px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M16.24 3.65H7.76c-2.47 0-4.47 2.01-4.47 4.47v9.41C3.29 19.99 5.3 22 7.76 22h8.47c2.47 0 4.47-2.01 4.47-4.47V8.12c.01-2.47-2-4.47-4.46-4.47z" opacity=".4"/>
  <path d="M14.35 2h-4.7c-1.04 0-1.89.84-1.89 1.88v.94c0 1.04.84 1.88 1.88 1.88h4.71c1.04 0 1.88-.84 1.88-1.88v-.94C16.24 2.84 15.39 2 14.35 2zM10.81 16.95c-.19 0-.38-.07-.53-.22l-1.5-1.5a.754.754 0 010-1.06c.29-.29.77-.29 1.06 0l.97.97 3.47-3.47c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-4 4c-.14.15-.34.22-.53.22z"/>
</svg>            </div>
            <div class="ml-14">
                <h6 class="font-14 font-weight-bold">Course Certificate</h6>
                <div class="mt-4 text-gray-500">If you pass all the lessons in this course, you will receive this certificate.</div>
            </div>
        </div>

        <div class="position-relative d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mt-24 p-16 bg-white border-gray-200 rounded-12">
            <div class="course-content-separator-with-circles">
                <span class="circle-top"></span>
                <span class="circle-bottom"></span>
            </div>

            <div class="d-flex align-items-center flex-wrap gap-20 gap-lg-40">
                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.31 14.7l1.5 1.5 4-4"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M10 6h4c2 0 2-1 2-2 0-2-1-2-2-2h-4C9 2 8 2 8 4s1 2 2 2z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M16 4.02c3.33.18 5 1.41 5 5.98v6c0 4-1 6-6 6H9c-5 0-6-2-6-6v-6c0-4.56 1.67-5.8 5-5.98"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Type</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">Course Certificate</span>
                    </div>
                </div>

                            </div>

            <div class="mt-16 mt-lg-0">
                                    <button type="button" class="btn btn-lg bg-gray-300 disabled can-not-download-certificate-toast">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 2v7l2-2M12 9l-2-2M1.98 13h4.41c.38 0 .72.21.89.55l1.17 2.34A2 2 0 0010.24 17h3.53a2 2 0 001.79-1.11l1.17-2.34a1 1 0 01.89-.55h4.36"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 4.13c-3.54.52-5 2.6-5 6.87v4c0 5 2 7 7 7h6c5 0 7-2 7-7v-4c0-4.27-1.46-6.35-5-6.87"/>
</svg>                        <span class="ml-4 text-gray-500">Download</span>
                    </button>
                            </div>

        </div>

    </div>
</div>
                    </section>
                            </div>
        </div>
    </div>

</div>
        </div>

        <div class="custom-tabs-content " id="commentsTab">
            <div class="bg-white p-16 rounded-24">

    
    <div class="d-flex-center flex-column text-center rounded-12 border-gray-200 border-dashed bg-white p-32 pb-40">
        <div class="d-flex-center size-56 rounded-12 bg-primary-20">
            <svg width="32px" height="32px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M17.98 10.79v4c0 .26-.01.51-.04.75-.23 2.7-1.82 4.04-4.75 4.04h-.4c-.25 0-.49.12-.64.32l-1.2 1.6c-.53.71-1.39.71-1.92 0l-1.2-1.6a.924.924 0 00-.64-.32h-.4C3.6 19.58 2 18.79 2 14.79v-4c0-2.93 1.35-4.52 4.04-4.75.24-.03.49-.04.75-.04h6.4c3.19 0 4.79 1.6 4.79 4.79z" opacity=".4"/>
  <path d="M9.99 14c-.56 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.44 1-1 1zM13.49 14c-.56 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zM6.5 14c-.56 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/>
  <path d="M21.98 6.79v4c0 2.94-1.35 4.52-4.04 4.75.03-.24.04-.49.04-.75v-4c0-3.19-1.6-4.79-4.79-4.79h-6.4c-.26 0-.51.01-.75.04C6.27 3.35 7.86 2 10.79 2h6.4c3.19 0 4.79 1.6 4.79 4.79z"/>
</svg>        </div>

        <h5 class="font-14 font-weight-bold mt-12">Leave a Comment</h5>
        <a href="/login" class="font-12 text-gray-500 mt-4">Please log in to leave a comment.</a>
    </div>

    
            <div class="js-course-comments-container">
            <div class="js-comment-card">
        <div class="bg-white p-16 rounded-12 border-gray-200 mt-24">
    <div class="d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center">
            <div class="size-48 rounded-circle bg-gray-100">
                <img src="/store/996/setting/avatar.jpg" class="js-avatar-img img-cover rounded-circle" alt="Jessica B. Gray">
            </div>
            <div class="ml-8">
                <h6 class="font-14 font-weight-bold">Jessica B. Gray</h6>
                <div class="mt-4 font-12 text-gray-500">Student</div>
            </div>
        </div>

        <div class="d-flex align-items-center">
            <span class="font-12 text-gray-500">17 Jul 2021</span>

            <div class="actions-dropdown position-relative d-flex justify-content-end align-items-center">
                <button type="button" class="d-flex-center size-20 ml-8 btn-transparent">
                    <svg width="20" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-width="1.5" d="M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
</svg>                </button>

                <div class="actions-dropdown__dropdown-menu dropdown-menu-top-32">
                    <ul class="my-8">

                        <li class="actions-dropdown__dropdown-menu-item">
                            <button type="button" class="js-reply-comment" data-comment="63" data-item="2003" data-item-name="webinar_id">Reply</button>
                        </li>

                        <li class="actions-dropdown__dropdown-menu-item">
                            <button type="button" class="js-report-comment" data-comment="63" data-item="2003" data-item-name="webinar_id">Report</button>
                        </li>

                        
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="mt-12 text-gray-500 font-14">
        As i already new a lot on this matter i was surprised that i actually find out that there are more ways to tweak your time management
    </div>

    
</div>

        <div class="js-comment-reply-form">

        </div>
    </div>
    <div class="js-comment-card">
        <div class="bg-white p-16 rounded-12 border-gray-200 mt-16">
    <div class="d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center">
            <div class="size-48 rounded-circle bg-gray-100">
                <img src="/store/929/setting/avatar.jpg" class="js-avatar-img img-cover rounded-circle" alt="Kate Williams">
            </div>
            <div class="ml-8">
                <h6 class="font-14 font-weight-bold">Kate Williams</h6>
                <div class="mt-4 font-12 text-gray-500">Instructor</div>
            </div>
        </div>

        <div class="d-flex align-items-center">
            <span class="font-12 text-gray-500">14 Jul 2021</span>

            <div class="actions-dropdown position-relative d-flex justify-content-end align-items-center">
                <button type="button" class="d-flex-center size-20 ml-8 btn-transparent">
                    <svg width="20" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-width="1.5" d="M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
</svg>                </button>

                <div class="actions-dropdown__dropdown-menu dropdown-menu-top-32">
                    <ul class="my-8">

                        <li class="actions-dropdown__dropdown-menu-item">
                            <button type="button" class="js-reply-comment" data-comment="56" data-item="2003" data-item-name="webinar_id">Reply</button>
                        </li>

                        <li class="actions-dropdown__dropdown-menu-item">
                            <button type="button" class="js-report-comment" data-comment="56" data-item="2003" data-item-name="webinar_id">Report</button>
                        </li>

                        
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="mt-12 text-gray-500 font-14">
        Hi.
Is it possible to start the class earlier?
    </div>

                        <div class="bg-gray-100 p-16 rounded-8 mt-16">
    <div class="d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center">
            <div class="size-48 rounded-circle bg-gray-100">
                <img src="/store/3/setting/avatar.jpg" class="js-avatar-img img-cover rounded-circle" alt="James Kong">
            </div>
            <div class="ml-8">
                <h6 class="font-14 font-weight-bold">James Kong</h6>
                <div class="mt-4 font-12 text-gray-500">Instructor</div>
            </div>
        </div>

        <div class="d-flex align-items-center">
            <span class="font-12 text-gray-500">14 Jul 2021</span>

            <div class="actions-dropdown position-relative d-flex justify-content-end align-items-center">
                <button type="button" class="d-flex-center size-20 ml-8 btn-transparent">
                    <svg width="20" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-width="1.5" d="M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
</svg>                </button>

                <div class="actions-dropdown__dropdown-menu dropdown-menu-top-32">
                    <ul class="my-8">

                        <li class="actions-dropdown__dropdown-menu-item">
                            <button type="button" class="js-reply-comment" data-comment="56" data-item="2003" data-item-name="webinar_id">Reply</button>
                        </li>

                        <li class="actions-dropdown__dropdown-menu-item">
                            <button type="button" class="js-report-comment" data-comment="58" data-item="2003" data-item-name="webinar_id">Report</button>
                        </li>

                        
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="mt-12 text-gray-500 font-14">
        Hi kate.
No, but it may change in the future. Thank you
    </div>

    
</div>
            
</div>

        <div class="js-comment-reply-form">

        </div>
    </div>
        </div>

            
</div>

<div class="js-reply-to-comment-html d-none">
    <div class="bg-white mt-16 p-16 rounded-8 border-gray-200 border-dashed">
    <h5 class="font-14 font-weight-bold">Reply to Comment</h5>

    <form action="" class="mt-16" method="post">
        <input type="hidden" name="item_id" value=""/>
        <input type="hidden" name="item_name" value=""/>

        <div class="form-group mb-0">
            <textarea name="reply" class="js-ajax-reply form-control" rows="6"></textarea>
            <div class="invalid-feedback"></div>
        </div>

        <div class="d-flex align-items-center justify-content-between mt-16 pt-16 border-top-gray-100">
            <div class="d-flex align-items-center">
                <div class="d-flex-center size-48 bg-gray-300 rounded-12">
                    <svg width="24px" height="24px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm-.75 6c0-.41.34-.75.75-.75s.75.34.75.75v5c0 .41-.34.75-.75.75s-.75-.34-.75-.75V8zm1.67 8.38c-.05.13-.12.23-.21.33-.1.09-.21.16-.33.21-.12.05-.25.08-.38.08s-.26-.03-.38-.08-.23-.12-.33-.21c-.09-.1-.16-.2-.21-.33A.995.995 0 0111 16c0-.13.03-.26.08-.38s.12-.23.21-.33c.1-.09.21-.16.33-.21a1 1 0 01.76 0c.12.05.23.12.33.21.09.1.16.21.21.33.05.12.08.25.08.38s-.03.26-.08.38z"/>
</svg>                </div>
                <div class="ml-8">
                    <h6 class="font-14">Comments Approval</h6>
                    <p class="mt-4 font-12 text-gray-500">Your comment will be visible after admin approval.</p>
                </div>
            </div>

            <div class="d-flex align-items-center">
                <button type="button" class="js-close-comment-reply-btn btn btn-lg bg-gray-400 text-gray-500 mr-12">Close</button>
                <button type="button" class="js-submit-comment-reply-btn btn btn-lg btn-primary">Reply</button>
            </div>
        </div>
    </form>
</div>
</div>
        </div>

        <div class="custom-tabs-content " id="reviewsTab">
            <div class="bg-white p-16 rounded-24">

    

    
    <div class="d-flex">
    <div class="review-rate-box position-relative">
        <div class="review-rate-box__mask"></div>

        <div class="position-relative d-flex-center flex-column text-center bg-gray-100 border-gray-200 rounded-12 p-14 p-lg-20 z-index-2 w-100 h-100">
            <div class="font-44 font-weight-bold">5.00</div>

            <div class="stars-card d-flex align-items-center mt-8">
    
                        <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                
            </div>

            <div class="mt-8 font-12 text-gray-500">1  Reviews</div>
        </div>
    </div>

    <div class="flex-1 ml-24">

                    
            <div class="mt-16">
                <div class="font-12 text-gray-500">Content Quality (5)</div>
                <div class="review-progress position-relative mt-8 rounded-4 bg-gray-100">
                    <span class="review-progress__bar rounded-4 bg-warning" style="width: 100%"></span>
                </div>
            </div>
                    
            <div class="mt-16">
                <div class="font-12 text-gray-500">Instructor Skills (5)</div>
                <div class="review-progress position-relative mt-8 rounded-4 bg-gray-100">
                    <span class="review-progress__bar rounded-4 bg-warning" style="width: 100%"></span>
                </div>
            </div>
                    
            <div class="mt-16">
                <div class="font-12 text-gray-500">Value for Money (5)</div>
                <div class="review-progress position-relative mt-8 rounded-4 bg-gray-100">
                    <span class="review-progress__bar rounded-4 bg-warning" style="width: 100%"></span>
                </div>
            </div>
                    
            <div class="mt-16">
                <div class="font-12 text-gray-500">Support Quality (5)</div>
                <div class="review-progress position-relative mt-8 rounded-4 bg-gray-100">
                    <span class="review-progress__bar rounded-4 bg-warning" style="width: 100%"></span>
                </div>
            </div>
        
    </div>
</div>

    
    
    
            <div class="js-course-reviews-container">
            <div class="js-all-reviews-card">
        <div class="bg-white p-16 rounded-12 border-gray-200 mt-24">
    <div class="d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center">
            <div class="size-48 rounded-circle bg-gray-100">
                <img src="/store/996/setting/avatar.jpg" class="js-avatar-img img-cover rounded-circle" alt="Jessica B. Gray">
            </div>
            <div class="ml-8">
                <h6 class="font-14 font-weight-bold">Jessica B. Gray</h6>

                                    <div class="stars-card d-flex align-items-center mt-4">
    
                        <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                
            </div>
                            </div>
        </div>

        <div class="d-flex align-items-center">
            <span class="font-12 text-gray-500">25 Jun 2022 00:16</span>

            <div class="actions-dropdown position-relative d-flex justify-content-end align-items-center">
                <button type="button" class="d-flex-center size-20 ml-8 btn-transparent">
                    <svg width="20" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-width="1.5" d="M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
</svg>                </button>

                <div class="actions-dropdown__dropdown-menu dropdown-menu-top-32">
                    <ul class="my-8">

                        <li class="actions-dropdown__dropdown-menu-item">
                            <button type="button" class="js-reply-review" data-review="39">Reply</button>
                        </li>

                        
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="mt-12 text-gray-500 font-14">
        It was a perfect course.
I recommend it to everyone.
    </div>

    </div>

        <div class="js-review-reply-form">

        </div>
    </div>
        </div>

            
</div>

<div class="js-reply-to-review-html d-none">
    <div class="bg-white mt-16 p-16 rounded-8 border-gray-200 border-dashed">
    <h5 class="font-14 font-weight-bold">Reply to Review</h5>

    <form action="/reviews/store-reply-comment" class="mt-16" method="post">
        <input type="hidden" name="webinar_id" value="2003"/>
        <input type="hidden" name="review_id" value=""/>

        <div class="form-group mb-0">
            <textarea name="reply" class="js-ajax-reply form-control" rows="6"></textarea>
            <div class="invalid-feedback"></div>
        </div>

        <div class="d-flex align-items-center justify-content-between mt-16 pt-16 border-top-gray-100">
            <div class="d-flex align-items-center">
                <div class="d-flex-center size-48 bg-gray-300 rounded-12">
                    <svg width="24px" height="24px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm-.75 6c0-.41.34-.75.75-.75s.75.34.75.75v5c0 .41-.34.75-.75.75s-.75-.34-.75-.75V8zm1.67 8.38c-.05.13-.12.23-.21.33-.1.09-.21.16-.33.21-.12.05-.25.08-.38.08s-.26-.03-.38-.08-.23-.12-.33-.21c-.09-.1-.16-.2-.21-.33A.995.995 0 0111 16c0-.13.03-.26.08-.38s.12-.23.21-.33c.1-.09.21-.16.33-.21a1 1 0 01.76 0c.12.05.23.12.33.21.09.1.16.21.21.33.05.12.08.25.08.38s-.03.26-.08.38z"/>
</svg>                </div>
                <div class="ml-8">
                    <h6 class="font-14">Submit Reply</h6>
                    <p class="mt-4 font-12 text-gray-500">Your reply to this review will be visible to all users.</p>
                </div>
            </div>

            <div class="d-flex align-items-center">
                <button type="button" class="js-close-review-reply-btn btn btn-lg bg-gray-400 text-gray-500 mr-12">Close</button>
                <button type="button" class="js-submit-review-reply-btn btn btn-lg btn-primary">Reply</button>
            </div>
        </div>
    </form>
</div>
</div>
        </div>
    </div>

</div>


                
                                
            </div>

            
            <div class="course-right-side position-relative">
                <div class="course-right-side-section position-relative">
    <div class="course-right-side-section__mask"></div>

    <div class="position-relative bg-white rounded-24 pb-24 z-index-2">

        
        <div class="course-right-side__thumbnail position-relative bg-gray-200">
            <img src="/store/864/couple-listening-music.jpg" class="img-cover" alt="Active Listening: You Can Be a Great Listener">

                            <div id="webinarDemoVideoBtn" class="has-video-icon d-flex-center size-64 rounded-circle cursor-pointer"
                     data-video-path="https://www.lifelearnt.com/store/864/Active Listening- You Can Be a Great Listener.mkv"
                     data-video-source="upload"
                     data-thumbnail="/store/864/couple-listening-music.jpg"
                >
                    <svg width="24px" height="24px" class="icons text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M17.49 9.6L5.6 16.77c-.7.42-1.6-.08-1.6-.9v-8c0-3.49 3.77-5.67 6.8-3.93l4.59 2.64 2.09 1.2c.69.41.7 1.41.01 1.82zM18.089 15.46l-4.05 2.34-4.04 2.33c-1.45.83-3.09.66-4.28-.18-.58-.4-.51-1.29.1-1.65l12.71-7.62c.6-.36 1.39-.02 1.5.67.25 1.55-.39 3.22-1.94 4.11z"/>
</svg>                </div>
                    </div>

        <form action="/cart/store" method="post">
            <input type="hidden" name="_token" value="FerwKefpDqexNRjO9X1RwmALfVaNxTxoN13Waqah">
            <input type="hidden" name="item_id" value="2003">
            <input type="hidden" name="item_name" value="webinar_id">

            
            <div class="mt-16 px-16">
        <h6 class="font-12 font-weight-bold mb-16">Select a Pricing Plan</h6>

                    
            <div class="course-right-side__price-plan position-relative custom-input-button position-relative mt-12">
                <input class="form-check-input" type="radio"
                       disabled
                       data-discount-price="$30"
                       value=""
                       name="ticket_id"
                       id="courseOff31">

                <label for="courseOff31" class="position-relative d-flex flex-column align-items-start p-16 rounded-12 bg-white disabled">
                    <span class="course-price-plan-title font-12 font-weight-bold">First Price Plan (25% Off)</span>
                    <span class="course-price-plan-subtitle font-12 mt-8">Available for the first 5 students until 31 July 2023</span>
                </label>

                                    <span class="course-right-side__price-plan-expired px-8 py-4 bg-danger-20 text-danger font-12 rounded-8">Expired</span>
                            </div>
            </div>


    
    <div id="priceBox" class="d-flex align-items-end justify-content-center  mt-20 px-16">
        
        <div class="d-flex align-items-center text-center">
            <div id="realPrice"
                 data-value="40"
                 data-special-offer=""
                 class="d-block  font-24 font-weight-bold ">
                $40
            </div>

                    </div>
    </div>

            
            <div class="js-enroll-actions-card mt-20 d-flex flex-column px-16">
            <button type="button" class="btn btn-block btn-primary btn-lg  disabled ">
                                                Live Class Conducted
                                    </button>

        
        
            
    
</div>

        </form>


        
        
        <div class="mt-16 px-16">
            <h4 class="font-12 font-weight-bold">This Course Includes</h4>

                            <div class="d-flex align-items-center mt-12 font-12 text-gray-500">
                    <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 11v6l2-2M9 17l-2-2"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 10v5c0 5-2 7-7 7H9c-5 0-7-2-7-7V9c0-5 2-7 7-7h5"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 10h-4c-3 0-4-1-4-4V2l8 8z"/>
</svg>                    <span class="ml-4">Downloadable Content</span>
                </div>
            
                            <div class="d-flex align-items-center mt-12 font-12 text-gray-500">
                    <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.31 14.7l1.5 1.5 4-4"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M10 6h4c2 0 2-1 2-2 0-2-1-2-2-2h-4C9 2 8 2 8 4s1 2 2 2z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M16 4.02c3.33.18 5 1.41 5 5.98v6c0 4-1 6-6 6H9c-5 0-6-2-6-6v-6c0-4.56 1.67-5.8 5-5.98"/>
</svg>                    <span class="ml-4">1 Online Quiz(zes)</span>
                </div>
            
                            <div class="d-flex align-items-center mt-12 font-12 text-gray-500">
                    <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 15c3.728 0 6.75-2.91 6.75-6.5S15.728 2 12 2 5.25 4.91 5.25 8.5 8.272 15 12 15z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.52 13.52l-.01 7.38c0 .9.63 1.34 1.41.97l2.68-1.27c.22-.11.59-.11.81 0l2.69 1.27c.77.36 1.41-.07 1.41-.97v-7.56"/>
</svg>                    <span class="ml-4">Official Certificate</span>
                </div>
            
            
                            <div class="d-flex align-items-center mt-12 font-12 text-gray-500">
                    <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 18.43h-4l-4.45 2.96A.997.997 0 017 20.56v-2.13c-3 0-5-2-5-5v-6c0-3 2-5 5-5h10c3 0 5 2 5 5v6c0 3-2 5-5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 11.36v-.21c0-.68.42-1.04.84-1.33.41-.28.82-.64.82-1.3 0-.92-.74-1.66-1.66-1.66-.92 0-1.66.74-1.66 1.66M11.995 13.75h.01"/>
</svg>                    <span class="ml-4">Instructor Support</span>
                </div>
            
            
            <div class="d-flex align-items-center justify-content-around mt-16 p-12 rounded-12 border-dashed border-gray-200">
                                    <a href="https://calendar.google.com/calendar/render?action=TEMPLATE&amp;dates=20230930T163000/20230930T163000&amp;ctz=UTC&amp;text=Active+Listening%3A+You+Can+Be+a+Great+Listener" target="_blank" class="d-flex-center flex-column text-gray-500 font-12">
                        <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8 2v3M16 2v3M3.5 9.09h17M21 8.5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01"/>
</svg>                        <span class="mt-2">Reminder</span>
                    </a>
                
                <a  href="/login"  class="d-flex-center flex-column font-12 text-gray-500">
                    <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.62 20.81c-.34.12-.9.12-1.24 0C8.48 19.82 2 15.69 2 8.69 2 5.6 4.49 3.1 7.56 3.1c1.82 0 3.43.88 4.44 2.24a5.53 5.53 0 014.44-2.24C19.51 3.1 22 5.6 22 8.69c0 7-6.48 11.13-9.38 12.12z"/>
</svg>                    <span class="mt-2">Favorite</span>
                </a>

                <div class="js-share-course d-flex-center flex-column text-gray-500 font-12 cursor-pointer" data-path="/course/Active-Listening-You-Can-Be-a-Great-Listener/share-modal">
                    <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.96 6.17c2 1.39 3.38 3.6 3.66 6.15M3.49 12.37a8.601 8.601 0 013.6-6.15M8.19 20.94c1.16.59 2.48.92 3.87.92 1.34 0 2.6-.3 3.73-.85M12.06 7.7a2.78 2.78 0 100-5.56 2.78 2.78 0 000 5.56zM4.83 19.92a2.78 2.78 0 100-5.56 2.78 2.78 0 000 5.56zM19.17 19.92a2.78 2.78 0 100-5.56 2.78 2.78 0 000 5.56z"/>
</svg>                    <span class="mt-2">Share</span>
                </div>
            </div>

            <div class="mt-24 text-center">
                                    <a href="/login" class="font-12 text-gray-500">Report Content</a>
                            </div>

        </div>

    </div>
</div>


<div class="course-right-side-section position-relative mt-28">
    <div class="course-right-side-section__mask"></div>

    <div class="position-relative card-before-line bg-white rounded-24 p-16 z-index-2">
        <h4 class="font-14 font-weight-bold">Course Specifications</h4>

                    <div class="d-flex align-items-center justify-content-between mt-16">
                <div class="d-flex align-items-center font-14 text-gray-500">
                    <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                    <span class="ml-4">Start Date</span>
                </div>

                <span class="">30 Sep 2023 | 16:30</span>
            </div>
        
        <div class="d-flex align-items-center justify-content-between mt-16">
            <div class="d-flex align-items-center font-14 text-gray-500">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M5 10h2c2 0 3-1 3-3V5c0-2-1-3-3-3H5C3 2 2 3 2 5v2c0 2 1 3 3 3zM17 10h2c2 0 3-1 3-3V5c0-2-1-3-3-3h-2c-2 0-3 1-3 3v2c0 2 1 3 3 3zM17 22h2c2 0 3-1 3-3v-2c0-2-1-3-3-3h-2c-2 0-3 1-3 3v2c0 2 1 3 3 3zM5 22h2c2 0 3-1 3-3v-2c0-2-1-3-3-3H5c-2 0-3 1-3 3v2c0 2 1 3 3 3z"/>
</svg>                <span class="ml-4">Sections</span>
            </div>

            <span class="">2</span>
        </div>

        <div class="d-flex align-items-center justify-content-between mt-16">
            <div class="d-flex align-items-center font-14 text-gray-500">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.66 10.44l-.98 4.18c-.84 3.61-2.5 5.07-5.62 4.77-.5-.04-1.04-.13-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19c.2-.85.44-1.59.74-2.2 1.17-2.42 3.16-3.07 6.5-2.28l1.67.39c4.19.98 5.47 3.05 4.49 7.23z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.06 19.39c-.62.42-1.4.77-2.35 1.08l-1.58.52c-3.97 1.28-6.06.21-7.35-3.76L2.5 13.28c-1.28-3.97-.22-6.07 3.75-7.35l1.58-.52c.41-.13.8-.24 1.17-.31-.3.61-.54 1.35-.74 2.2l-.98 4.19c-.98 4.18.31 6.24 4.48 7.23l1.68.4c.58.14 1.12.23 1.62.27zM12.64 8.53l4.85 1.23M11.66 12.4l2.9.74"/>
</svg>                <span class="ml-4">Lessons</span>
            </div>

            <span class="">5</span>
        </div>

        <div class="d-flex align-items-center justify-content-between mt-16">
            <div class="d-flex align-items-center font-14 text-gray-500">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 12a5 5 0 100-10 5 5 0 000 10zM20.59 22c0-3.87-3.85-7-8.59-7s-8.59 3.13-8.59 7"/>
</svg>                <span class="ml-4">Capacity</span>
            </div>

                            <span class="">10 Students</span>
                    </div>

        <div class="d-flex align-items-center justify-content-between mt-16">
            <div class="d-flex align-items-center font-14 text-gray-500">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 9.66v2.79l1.4 1.4"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.5 12a6.5 6.5 0 1113 0c0 2.08-.98 3.94-2.5 5.13h-.01c-1.1.86-2.48 1.37-3.99 1.37-1.49 0-2.86-.5-3.96-1.35h-.01A6.486 6.486 0 015.5 12z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.03 17.15h.01c1.1.85 2.47 1.35 3.96 1.35 1.51 0 2.89-.51 3.99-1.37H16l-.51 2.47C15 21.5 13.9 22 12.55 22h-1.09c-1.35 0-2.46-.5-2.94-2.41l-.49-2.44zM8.03 6.85h.01C9.14 6 10.51 5.5 12 5.5c1.51 0 2.89.51 3.99 1.37H16l-.51-2.47C15 2.5 13.9 2 12.55 2h-1.09C10.11 2 9 2.5 8.52 4.41l-.49 2.44z"/>
</svg>                <span class="ml-4">Duration</span>
            </div>

            <span class="">1:15 Hours</span>
        </div>

        <div class="d-flex align-items-center justify-content-between mt-16">
            <div class="d-flex align-items-center font-14 text-gray-500">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.05 2.53L4.03 6.46c-1.93 1.26-1.93 4.08 0 5.34l6.02 3.93c1.08.71 2.86.71 3.94 0l5.99-3.93c1.92-1.26 1.92-4.07 0-5.33l-5.99-3.93c-1.08-.72-2.86-.72-3.94-.01z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.63 13.08l-.01 4.69c0 1.27.98 2.63 2.18 3.03l3.19 1.06c.55.18 1.46.18 2.02 0l3.19-1.06c1.2-.4 2.18-1.76 2.18-3.03v-4.64M21.4 15V9"/>
</svg>                <span class="ml-4">Students</span>
            </div>

            <span class="">3</span>
        </div>

        
        <div class="d-flex align-items-center justify-content-between mt-16">
            <div class="d-flex align-items-center font-14 text-gray-500">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8 2v3M16 2v3M3.5 9.09h17M21 8.5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01"/>
</svg>                <span class="ml-4">Created Date</span>
            </div>

            <span class="">3 Jul 2021</span>
        </div>

        <div class="d-flex align-items-center justify-content-between mt-16">
            <div class="d-flex align-items-center font-14 text-gray-500">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8 2v3M16 2v3M3.5 9.09h17M22 19c0 .75-.21 1.46-.58 2.06A3.97 3.97 0 0118 23c-1.01 0-1.93-.37-2.63-1-.31-.26-.58-.58-.79-.94A3.92 3.92 0 0114 19c0-2.21 1.79-4 4-4 1.2 0 2.27.53 3 1.36A4 4 0 0122 19z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.44 19l.99.99 2.13-1.97"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M21 8.5v7.86c-.73-.83-1.8-1.36-3-1.36-2.21 0-4 1.79-4 4 0 .75.21 1.46.58 2.06.21.36.48.68.79.94H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01"/>
</svg>                <span class="ml-4">Updated Date</span>
            </div>

            <span class="">5 Jul 2025</span>
        </div>

    </div>
</div>


<div class="course-right-side-section position-relative mt-28">
    <div class="course-right-side-section__mask"></div>

    <div class="position-relative bg-white rounded-24 p-16 z-index-2">

        

        <div class="d-flex align-items-center">
            <div class="position-relative size-64 rounded-circle">
                <img src="/store/3/setting/avatar.jpg" alt="James Kong" class="img-cover rounded-circle">

                            </div>

            <div class="ml-8">
                <a href="/users/james-kong/profile" target="_blank" class="">
                    <div class="d-block font-weight-bold text-dark">James Kong</div>
                </a>

                <p class="mt-2 font-12 text-gray-500">Master Certified Coach</p>
            </div>
        </div>

        
        <div class="position-relative d-flex align-items-center flex-wrap gap-12 mt-32 pt-36 pr-16 pl-20 pb-20 rounded-12 border-gray-200">

            <div class="course-right-side__teacher-rate-card p-8 rounded-24 bg-gray-100">
                <div class="stars-card d-flex align-items-center ">
    
                        <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                            <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
        
                    <span class="ml-4 text-gray-500 font-14">(2)</span>
            </div>
            </div>

                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Old Membership">
                    <img src="/store/1/default_images/badges/registration3.svg" class="img-cover rounded-8" alt="Faithful User">
                </div>
                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Has 3 to 6 Classes">
                    <img src="/store/1/default_images/badges/courses3.svg" class="img-cover rounded-8" alt="Expert Vendor">
                </div>
                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Classes Rating from 4 to 5">
                    <img src="/store/1/default_images/badges/rating3.svg" class="img-cover rounded-8" alt="Golden Classes">
                </div>
                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Classes Sales from 1 to 2">
                    <img src="/store/1/default_images/badges/sales1.svg" class="img-cover rounded-8" alt="Best Seller">
                </div>
                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Support Rating from 4 to 5">
                    <img src="/store/1/default_images/badges/support3.svg" class="img-cover rounded-8" alt="Fantastic Support">
                </div>
                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Has 2 to 5 Topics">
                    <img src="/store/1/default_images/badges/forum1.svg" class="img-cover rounded-8" alt="Forums Top User">
                </div>
                    </div>

        <div class="d-flex align-items-center gap-16 mt-16">
            <a href="/users/james-kong/profile" target="_blank" class="btn btn-primary btn-lg flex-1">Profile</a>

                    </div>

                    <div class="mt-16 p-12 rounded-12 border-gray-200 bg-gray-100">
                <div class="d-flex align-items-center">
                    <svg width="24px" height="24px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.41 18.09l-2.82 2.82M18.41 20.91l-2.82-2.82M12.16 10.87c-.1-.01-.22-.01-.33 0a4.42 4.42 0 01-4.27-4.43C7.56 3.99 9.54 2 12 2a4.435 4.435 0 01.16 8.87zM12 21.81c-1.82 0-3.63-.46-5.01-1.38-2.42-1.62-2.42-4.26 0-5.87 2.75-1.84 7.26-1.84 10.01 0"/>
</svg>                    <span class="ml-4 font-12 font-weight-bold text-gray-500">The instructor is currently unavailable.</span>
                </div>

                <div class="mt-12 text-gray-500">I will not be available for 2 weeks until  end of January due to a business trip.</div>
            </div>
        
    </div>
</div>


    <div class="course-right-side-section position-relative mt-28">
    <div class="course-right-side-section__mask"></div>

    <div class="position-relative bg-white rounded-24 p-16 z-index-2">

        

        <div class="d-flex align-items-center">
            <div class="position-relative size-64 rounded-circle">
                <img src="/store/864/setting/avatar.jpg" alt="Affogato Media" class="img-cover rounded-circle">

                            </div>

            <div class="ml-8">
                <a href="/users/affogato-media/profile" target="_blank" class="">
                    <div class="d-block font-weight-bold text-dark">Affogato Media</div>
                </a>

                <p class="mt-2 font-12 text-gray-500">Learn Creative Skills</p>
            </div>
        </div>

        
        <div class="position-relative d-flex align-items-center flex-wrap gap-12 mt-32 pt-36 pr-16 pl-20 pb-20 rounded-12 border-gray-200">

            <div class="course-right-side__teacher-rate-card p-8 rounded-24 bg-gray-100">
                <div class="stars-card d-flex align-items-center ">
    
                        <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                
                    <span class="ml-4 text-gray-500 font-14">(1)</span>
            </div>
            </div>

                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Old Membership">
                    <img src="/store/1/default_images/badges/registration3.svg" class="img-cover rounded-8" alt="Faithful User">
                </div>
                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Has 2 Classes">
                    <img src="/store/1/default_images/badges/courses2.svg" class="img-cover rounded-8" alt="Senior Vendor">
                </div>
                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Classes Rating from 4 to 5">
                    <img src="/store/1/default_images/badges/rating3.svg" class="img-cover rounded-8" alt="Golden Classes">
                </div>
                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Classes Sales from 3 to 9">
                    <img src="/store/1/default_images/badges/sales2.svg" class="img-cover rounded-8" alt="Top Seller">
                </div>
                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Support Rating from 4 to 5">
                    <img src="/store/1/default_images/badges/support3.svg" class="img-cover rounded-8" alt="Fantastic Support">
                </div>
                    </div>

        <div class="d-flex align-items-center gap-16 mt-16">
            <a href="/users/affogato-media/profile" target="_blank" class="btn btn-primary btn-lg flex-1">Profile</a>

                    </div>

        
    </div>
</div>








    <div class="course-right-side-section position-relative mt-28">
        <div class="course-right-side-section__mask"></div>

        <div class="position-relative card-before-line bg-white rounded-24 p-16 z-index-2">
            <h4 class="font-14 font-weight-bold">Tags</h4>

            <div class="d-flex gap-12 flex-wrap mt-16">
                                    <a href="/tags/courses/Listening" target="_blank" class="d-flex-center p-10 rounded-8 bg-gray-100 font-12 text-gray-500 text-center">Listening</a>
                                    <a href="/tags/courses/Listen" target="_blank" class="d-flex-center p-10 rounded-8 bg-gray-100 font-12 text-gray-500 text-center">Listen</a>
                                    <a href="/tags/courses/Listener" target="_blank" class="d-flex-center p-10 rounded-8 bg-gray-100 font-12 text-gray-500 text-center">Listener</a>
                            </div>
        </div>
    </div>

                
                <div class="row">
                    <div class="mt-32 mt-16-48 col-12">
                <a href="/instructor-finder" class="d-flex sidebar-ads rounded-16">
                    <img src="/store/1/default_images/banners/meeting-banner-side.png" class="img-cover rounded-16" alt="Meeting Booking - Course page">
                </a>
            </div>
                    <div class="mt-32 mt-16-48 col-12">
                <a href="/reward-courses" class="d-flex sidebar-ads rounded-16">
                    <img src="/store/1/default_images/banners/rewards-banner-side.png" class="img-cover rounded-16" alt="Reward - Course page">
                </a>
            </div>
            </div>
            </div>
        </div>
    </div>

    
    <div class="course-bottom-fixed-card bg-white">
    <div class="container d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between h-100">
        <div class="d-flex align-items-center mb-16 mb-lg-0">
            <div class="course-bottom-fixed-card__course-img rounded-8">
                <img src="/store/864/couple-listening-music.jpg" class="img-cover rounded-8" alt="Active Listening: You Can Be a Great Listener">
            </div>
            <div class="ml-8">
                <div class="font-12 text-gray-500">You are viewing</div>
                <div class="mt-4 font-14 font-weight-bold">Active Listening: You Can Be a Great Listener</div>
            </div>
        </div>

                    <button type="button" class="js-bottom-fixed-enroll-on-course-btn btn btn-primary btn-lg">Enroll in Course</button>
            </div>
</div>

<div class="course-bottom-fixed-card__progress">
    <div class="progress-line"></div>
</div>


            <div class="theme-footer-1 has-newsletter position-relative">
        <div class="theme-footer-1__section position-relative">
            <div class="theme-footer-1__section-bg-wrapper light-only" style="background-color: var(--secondary); background-image: url(/store/themes/footers/2/footer_background_7gn.png); "></div>
            <div class="theme-footer-1__section-bg-wrapper dark-only" style="background-color: var(--secondary); background-image: url(/store/themes/footers/2/footer_background_7gn.png); "></div>


            
                            <div class="theme-footer-1__newsletter">
    <div class="container position-relative">
        <div class="theme-footer-1__newsletter-mask"></div>

        <div class="position-relative z-index-2 bg-white p-16 rounded-24">
            <div class="row align-items-center">
                <div class="col-12 col-lg-6">
                    <div class="">
                        <div class="d-flex align-items-center gap-4">
                                                            <h4 class="font-20">Subscribe to Our Newsletter</h4>
                            
                                                            <div class="theme-footer-1__newsletter-emoji">
                                    <img src="/store/themes/footers/2/happy_emoji_zoa.svg" alt="emoji" class="img-fluid" width="20px" height="20px">
                                </div>
                                                    </div>

                                                    <div class="mt-8 font-14 text-gray-500">Receive expert insights, course updates, and learning resources directly in your inbox and get notified</div>
                        
                    </div>
                </div>

                <div class="col-12 col-lg-6 mt-16 mt-lg-0 d-flex justify-content-end">
                    <div class="js-newsletter-form newsletter-form d-flex align-items-center justify-content-between p-12 rounded-12 border-gray-200">
                        <div class="form-group mb-0 flex-1">
                            <div class="d-flex align-items-center gap-8 px-12 flex-1">
                                <svg width="24px" height="24px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 20.5H7c-3 0-5-1.5-5-5v-7c0-3.5 2-5 5-5h10c3 0 5 1.5 5 5v7c0 3.5-2 5-5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 9l-3.13 2.5c-1.03.82-2.72.82-3.75 0L7 9"/>
</svg>                                <input type="email" name="newsletter_email" class="js-ajax-newsletter_email flex-1" placeholder="Enter your email address here">
                            </div>

                            <div class="invalid-feedback d-block position-absolute position-bottom-0"></div>
                        </div>

                        <button type="button" class="js-submit-newsletter-btn btn btn-primary btn-lg text-white">Join</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
            
            <div class="position-relative z-index-2">

                <div class="container position-relative">
                    <div class="row">
                        <div class="col-12 col-lg-5">
                                                            <div class="d-inline-flex-center gap-8 border-2 border-white rounded-32 bg-white-10 text-white px-16 py-12">
                                                                            <div class="size-24">
                                            <img src="/store/themes/footers/2/power_emoji_42t.svg" alt="footer cta btn icon" class="img-fluid" width="24px" height="24px">
                                        </div>
                                    
                                                                            <span class="">Let’s get started now!</span>
                                                                    </div>

                                                                    <h3 class="mt-16 font-44 text-white mr-0 mr-lg-48">Take the First Step Towards Mastery!</h3>
                                
                                                                    <a href="/classes" class="btn-flip-effect btn btn-xlg btn-primary gap-8 mt-32" data-text="Enroll on Courses">
                                                                                    <svg width="24px" height="24px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M18.38 12.84v4.93c0 1.27-.99 2.63-2.18 3.03l-3.19 1.06c-.56.19-1.47.19-2.02 0L7.8 20.8c-1.2-.4-2.18-1.76-2.18-3.03l.01-4.93 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88z" opacity=".4"/>
  <path d="M19.98 6.46l-5.99-3.93c-1.08-.71-2.86-.71-3.94 0L4.03 6.46c-1.93 1.25-1.93 4.08 0 5.34l1.6 1.04 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88 1.37-.9V15c0 .41.34.75.75.75s.75-.34.75-.75v-4.92c.4-1.29-.01-2.79-1.27-3.62z"/>
</svg>                                        
                                        <span class="btn-flip-effect__text">Enroll on Courses</span>
                                    </a>
                                                                                    </div>

                        <div class="col-6 col-lg-2 mt-32 mt-lg-0">
                                                            <h4 class="font-16 text-white">Additional Links</h4>
                            
                                                                                                                                        <a href="/login" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-16" data-text="Login">
                                            <span class="btn-flip-effect__text">Login</span>
                                        </a>
                                                                                                                                                <a href="/register" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Register">
                                            <span class="btn-flip-effect__text">Register</span>
                                        </a>
                                                                                                                                                <a href="/contact" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Contact">
                                            <span class="btn-flip-effect__text">Contact</span>
                                        </a>
                                                                                                                                                <a href="/certificate_validation" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Certificate Validation">
                                            <span class="btn-flip-effect__text">Certificate Validation</span>
                                        </a>
                                                                                                                                                <a href="/become-instructor" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Become Instructor">
                                            <span class="btn-flip-effect__text">Become Instructor</span>
                                        </a>
                                                                                                                                                <a href="/pages/about" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="About">
                                            <span class="btn-flip-effect__text">About</span>
                                        </a>
                                                                                                                                                <a href="/pages/terms" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Terms and Policies">
                                            <span class="btn-flip-effect__text">Terms and Policies</span>
                                        </a>
                                                                                                                                                                                            </div>

                        <div class="col-6 col-lg-2 mt-32 mt-lg-0">
                                                            <h4 class="font-16 text-white">Popular Categories</h4>
                            
                                                                                                                                        <a href="/categories/Development" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-16" data-text="Development">
                                            <span class="btn-flip-effect__text">Development</span>
                                        </a>
                                                                                                                                                <a href="/categories/Business" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Business">
                                            <span class="btn-flip-effect__text">Business</span>
                                        </a>
                                                                                                                                                <a href="/categories/Marketing" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Marketing">
                                            <span class="btn-flip-effect__text">Marketing</span>
                                        </a>
                                                                                                                                                <a href="/categories/Lifestyles" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Lifestyle">
                                            <span class="btn-flip-effect__text">Lifestyle</span>
                                        </a>
                                                                                                                                                <a href="/categories/Health-and-Fitness" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Health">
                                            <span class="btn-flip-effect__text">Health</span>
                                        </a>
                                                                                                                                                <a href="/categories/Academics" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Academics">
                                            <span class="btn-flip-effect__text">Academics</span>
                                        </a>
                                                                                                                                                <a href="/categories/Design" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Design">
                                            <span class="btn-flip-effect__text">Design</span>
                                        </a>
                                                                                                                                                                                            </div>

                        <div class="col-12 col-lg-3 mt-32 mt-lg-0">
                                                                                                <h4 class="font-16 text-white">Contact US</h4>
                                
                                                                    <div class="d-flex align-items-start gap-8 mt-20">
                                        <div class="size-24">
                                            <svg width="24px" height="24px" class="text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-width="1.5" d="M12 13.43a3.12 3.12 0 100-6.24 3.12 3.12 0 000 6.24z"/>
  <path stroke-width="1.5" d="M3.62 8.49c1.97-8.66 14.8-8.65 16.76.01 1.15 5.08-2.01 9.38-4.78 12.04a5.193 5.193 0 01-7.21 0c-2.76-2.66-5.92-6.97-4.77-12.05z"/>
</svg>                                        </div>
                                        <span class="font-16 text-white opacity-70">1234 Sunset Blvd, Suite 567 Los Angeles, CA 90026 United States</span>
                                    </div>
                                
                                                                    <div class="d-flex align-items-start gap-8 mt-16">
                                        <div class="size-24">
                                            <svg width="24px" height="24px" class="text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-miterlimit="10" stroke-width="1.5" d="M21.97 18.33c0 .36-.08.73-.25 1.09-.17.36-.39.7-.68 1.02-.49.54-1.03.93-1.64 1.18-.6.25-1.25.38-1.95.38-1.02 0-2.11-.24-3.26-.73s-2.3-1.15-3.44-1.98a28.75 28.75 0 01-3.28-2.8 28.414 28.414 0 01-2.79-3.27c-.82-1.14-1.48-2.28-1.96-3.41C2.24 8.67 2 7.58 2 6.54c0-.68.12-1.33.36-1.93.24-.61.62-1.17 1.15-1.67C4.15 2.31 4.85 2 5.59 2c.28 0 .56.06.81.18.26.12.49.3.67.56l2.32 3.27c.18.25.31.48.4.7.09.21.14.42.14.61 0 .24-.07.48-.21.71-.13.23-.32.47-.56.71l-.76.79c-.11.11-.16.24-.16.4 0 .08.01.15.03.23.03.08.06.14.08.2.18.33.49.76.93 1.28.45.52.93 1.05 1.45 1.58.54.53 1.06 1.02 1.59 1.47.52.44.95.74 1.29.92.05.02.11.05.18.08.08.03.16.04.25.04.17 0 .3-.06.41-.17l.76-.75c.25-.25.49-.44.72-.56.23-.14.46-.21.71-.21.19 0 .39.04.61.13.22.09.45.22.7.39l3.31 2.35c.26.18.44.39.55.64.1.25.16.5.16.78z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.5 9c0-.6-.47-1.52-1.17-2.27-.64-.69-1.49-1.23-2.33-1.23M22 9c0-3.87-3.13-7-7-7"/>
</svg>                                        </div>
                                        <span class="font-16 text-white opacity-70">+1 (323) 555-9876</span>
                                    </div>
                                
                                                                    <div class="d-flex align-items-start gap-8 mt-16">
                                        <div class="size-24">
                                            <svg width="24px" height="24px" class="text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 22" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17 6v10c0 4-1 5-5 5H6c-4 0-5-1-5-5V6c0-4 1-5 5-5h6c4 0 5 1 5 5zM11 4.5H7"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 18.1A1.55 1.55 0 109 15a1.55 1.55 0 000 3.1z"/>
</svg>                                        </div>
                                        <span class="font-16 text-white opacity-70">+1 (213) 555-4321</span>
                                    </div>
                                
                                                                    <div class="d-flex align-items-start gap-8 mt-16">
                                        <div class="size-24">
                                            <svg width="24px" height="24px" class="text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 20.5H7c-3 0-5-1.5-5-5v-7c0-3.5 2-5 5-5h10c3 0 5 1.5 5 5v7c0 3.5-2 5-5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 9l-3.13 2.5c-1.03.82-2.72.82-3.75 0L7 9"/>
</svg>                                        </div>
                                        <span class="font-16 text-white opacity-70">mail@lms.rocket-soft.org</span>
                                    </div>
                                                                                    </div>


                    </div>
                </div>

                <div class="theme-footer-1__bottom-section-divider"></div>

                <div class="container d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between py-24 px-16 gap-16">
                                            <div class="font-14 text-white opacity-70">© 2025 Rocket Soft. All Rights Reserved. Empowering Learning Worldwide.</div>
                    
                    <div class="d-flex align-items-center justify-content-center gap-16 gap-lg-24">
                                                    
                                                                                                                                        <a href="https://www.instagram.com/" target="_blank" rel="nofollow" title="Instagram" class="d-flex-center size-24">
                                            <img src="/store/1/default_images/social/instagram.svg" alt="Instagram" class="img-cover">
                                        </a>
                                                                                                                                                                                                            <a href="https://web.whatsapp.com/" target="_blank" rel="nofollow" title="Whatsapp" class="d-flex-center size-24">
                                            <img src="/store/1/default_images/social/whatsapp.svg" alt="Whatsapp" class="img-cover">
                                        </a>
                                                                                                                                                                                                            <a href="https://twitter.com/" target="_blank" rel="nofollow" title="Messenger" class="d-flex-center size-24">
                                            <img src="/store/1/default_images/social/messenger.svg" alt="Messenger" class="img-cover">
                                        </a>
                                                                                                                                                                                                            <a href="https://www.facebook.com/" target="_blank" rel="nofollow" title="Facebook" class="d-flex-center size-24">
                                            <img src="/store/1/default_images/social/facebook.svg" alt="Facebook" class="img-cover">
                                        </a>
                                                                                                                        

                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    
    
    <div class="cart-drawer no-footer bg-white py-16">
    <div class="d-flex align-items-center pb-16 border-bottom-gray-bg px-16">
        <button type="button" class="js-cart-drawer-close d-flex btn-transparent">
            <svg width="25px" height="25px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M14.43 5.93L20.5 12l-6.07 6.07M3.5 12h16.83"/>
</svg>        </button>

        <span class="font-14 font-weight-bold ml-8">Cart</span>
    </div>

    <div class="cart-drawer__body pb-32" data-simplebar >

    </div>

    <div class="cart-drawer__footer pt-16 border-top-gray-bg d-none px-16">
        <div class="d-flex align-items-center justify-content-between">
            <span class="text-gray-500">Subtotal</span>
            <span class="js-side-cart-subtotal text-dark font-weight-bold"></span>
        </div>

        <div class="mt-12">
            <a href="/cart" class="btn btn-outline-primary btn-block">View Cart</a>
        </div>
    </div>
</div>
<div class="cart-drawer-mask"></div>

</div>

<!-- Template JS File -->
<script>
    var siteDomain = 'https://www.lifelearnt.com';
    var deleteAlertTitle = 'Are you sure?';
    var deleteAlertHint = 'This action cannot be undone!';
    var deleteAlertConfirm = 'Delete';
    var deleteAlertCancel = 'Cancel';
    var deleteAlertSuccess = 'Success';
    var deleteAlertFail = 'Failed';
    var deleteAlertFailHint = 'Failed to delete item!';
    var deleteAlertSuccessHint = 'Item deleted successfully.';
    var forbiddenRequestToastTitleLang = 'Forbidden Request';
    var forbiddenRequestToastMsgLang = 'You do not have access to this content.';
    var priceInvalidHintLang = 'Invalid price. Only numbers and decimals are accepted.';
    var clearLang = 'clear';
    var requestSuccessLang = 'Request completed successfully!';
    var saveSuccessLang = 'Item added successfully.';
    var requestFailedLang = 'Request Failed';
    var oopsLang = 'Oops...';
    var somethingWentWrongLang = 'Something went wrong...';
    var loadingDataPleaseWaitLang = 'Loading data. Please wait...';
    var deleteRequestLang = 'Content Deletion Request';
    var deleteRequestTitleLang = 'Are you sure to delete content?';
    var deleteRequestDescriptionLang = 'If you wish to remove your content, please provide a clear and detailed explanation.';
    var requestDetailsLang = 'Request Details';
    var sendRequestLang = 'Submit Request';
    var closeLang = 'Close';
    var generatedContentLang = 'Generated Content';
    var copyLang = 'Copy';
    var doneLang = 'Completed';
    var jsCurrentCurrency = '$';
    var defaultLocale = 'en';
    var appLocale = 'en';
    var dangerCloseIcon = `<svg width="24" height="24" class="icons text-danger" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 12h12M12 18V6"/>
</svg>`;
    var directSendIcon = `<svg width="24" height="24" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 9V2l-2 2M12 2l2 2M1.98 13h4.41c.38 0 .72.21.89.55l1.17 2.34A2 2 0 0010.24 17h3.53a2 2 0 001.79-1.11l1.17-2.34a1 1 0 01.89-.55h4.36"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 5.13c-3.54.52-5 2.6-5 6.87v3c0 5 2 7 7 7h6c5 0 7-2 7-7v-3c0-4.27-1.46-6.35-5-6.87"/>
</svg>`;
    var closeIcon = `<svg width="25px" height="25px" class="close-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 12h12M12 18V6"/>
</svg>`;
    var bulDangerIcon = `<svg width="32px" height="32px" class="icons text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M21.76 15.92L15.36 4.4C14.5 2.85 13.31 2 12 2s-2.5.85-3.36 2.4l-6.4 11.52c-.81 1.47-.9 2.88-.25 3.99.65 1.11 1.93 1.72 3.61 1.72h12.8c1.68 0 2.96-.61 3.61-1.72.65-1.11.56-2.53-.25-3.99z" opacity=".4"/>
  <path d="M12 14.75c-.41 0-.75-.34-.75-.75V9c0-.41.34-.75.75-.75s.75.34.75.75v5c0 .41-.34.75-.75.75zM12 18c-.06 0-.13-.01-.2-.02a.636.636 0 01-.18-.06.757.757 0 01-.18-.09l-.15-.12c-.18-.19-.29-.45-.29-.71 0-.26.11-.52.29-.71l.15-.12c.06-.04.12-.07.18-.09.06-.03.12-.05.18-.06.13-.03.27-.03.39 0 .07.01.13.03.19.06.06.02.12.05.18.09l.15.12c.18.19.29.45.29.71 0 .26-.11.52-.29.71l-.15.12c-.06.04-.12.07-.18.09-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02z"/>
</svg>`;
    var defaultAvatarPath = "/store/1/default_images/default_profile.jpg";
    var themeColorsMode = {"light":{"primary":"#0170ff","primary_saturated":"#67a9ff","secondary":"#0e2145","accent":"#fe6257","success":"#3fcd82","info":"#67a9ff","warning":"#ffa200","danger":"#f63c3c","dark":"#121f3e","black":"#000000","white":"#ffffff","gray_100":"#fafcff","gray_200":"#f0f4f9","gray_300":"#e9edf3","gray_400":"#cdd5e2","gray_500":"#97a7bf","gray":"#f5f8f9","section_bg":"#eaf0f3"},"dark":{"primary":"#3e93ff","primary_saturated":"#8dbeff","secondary":"#2658b7","accent":"#ff8077","success":"#5ade98","info":"#8dbeff","warning":"#ffb32d","danger":"#fe6363","dark":"#aab8c5","black":"#e1eaf6","white":"#1e1f26","gray_100":"#272832","gray_200":"#30313e","gray_300":"#3e404e","gray_400":"#5d5f72","gray_500":"#8391a2","gray":"#17181e","section_bg":"#2d323a"}};
</script>


<script type="text/javascript" src="/assets/design_1/js/app.min.js"></script>
<script type="text/javascript" src="/assets/default/vendors/simplebar/simplebar.min.js"></script>
<script defer src="/assets/design_1/js/parts/content_delete.min.js"></script>





    <script src="/assets/default/vendors/barrating/jquery.barrating.min.js"></script>
    <script src="/assets/vendors/plyr.io/plyr.min.js"></script>
    <script src="/assets/default/vendors/swiper/swiper-bundle.min.js"></script>
    <script src="/assets/design_1/js/parts/time-counter-down.min.js"></script>
    <script src="/assets/design_1/js/parts/swiper_slider.min.js"></script>
    <script src="/assets/design_1/js/parts/video_player_helpers.min.js"></script>

    <script>
        var webinarDemoLang = 'Course Demo';
        var notAccessToastTitleLang = 'Access Denied';
        var notAccessToastMsgLang = 'You do not have permission to access this content.';
        var closeLang = 'Close';
        var shareLang = 'Share';
        var reportCommentLang = 'Report Comment';
        var reportLang = 'Report';
        var reportCourseLang = 'Report Course';
        var joinCourseWaitlistLang = 'Join Course Waitlist';
        var joinWaitlistLang = 'Join Waitlist';
        var purchaseWithPointsLang = 'Purchase with Points';
    </script>

    <script src="/assets/design_1/js/parts/reviews.min.js"></script>
    <script src="/assets/design_1/js/parts/comments.min.js"></script>
    <script src="/assets/design_1/js/parts/show_course.min.js"></script>


<script>

    
    
</script>

<script src="/assets/design_1/js/parts/general.min.js"></script>
</body>
</html>