@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300;
    400;
    500;
    600&family=Poppins: wght@400;
    500;
    600;
    700&family=Raleway: wght@400;
    600&family=Roboto: wght@400;
    500;
    700&display=swap);
    *,  .blog-sidebar .widget .widget-list-group li: last-child a,  .course-sidebar .widget .widget-list-group li:last-child a,  ol,  p,  ul  {
    margin:  0 }
a,  img  {
    transition:  .3s ease-out }
a,  a:hover  {
    text-decoration:  none }
*,  ol,  ul  {
    padding:  0 }
.rate,  .rating-review li,  [dir=rtl] .rate:not(:checked)>label  {
    float:  left }
*,  .line-progress  {
    box-sizing:  border-box }
.comments-template.comments-template-v2 .comments-respond textarea,  .user-form textarea  {
    scrollbar-color:  var(--color-soft-white-4) var(--color-off-white) !important;
    scrollbar-width:  thin;
    resize:  none }
:root  {
    --color-secondary-4:  #3d6ce7;
    --color-secondary-rgb:  37 171 124;
    --color-white:  #fff;
    --color-white-2:  #fefefe;
    --color-soft-white:  #eeeeee;
    --color-soft-white-2:  #f3f3f3;
    --color-soft-white-3:  #fbfbfb;
    --color-soft-white-4:  #e5e5e5;
    --color-soft-white-5:  #cecece;
    --color-soft-white-6:  #bfbfbf;
    --color-soft-white-7:  #d7dde9;
    --color-soft-white-8:  #e7eaf3;
    --color-soft-white-9:  #ddd;
    --color-body:  #333333;
    --color-body-rgb:  51 51 51;
    --color-dark:  #1e1e1e;
    --color-dark-2:  #0f0f0f;
    --color-dark-3:  #141414;
    --color-dark-4:  #264d3f;
    --color-dark-5:  #08261c;
    --color-gray:  #666666;
    --color-gray-rgb:  102 102 102;
    --color-gray-2:  #555555;
    --color-gray-3:  #999999;
    --color-gray-4:  #96a6a7;
    --color-gray-5:  #646f75;
    --color-gray-6:  #525252;
    --color-gray-7:  #556068;
    --color-gray-8:  #8b8b8b;
    --color-supernova:  #fec800;
    --color-supernova-4:  #fff1c9;
    --color-supernova-rgb:  254 200 0;
    --color-off-white:  #f8f8f8;
    --color-off-white-2:  #ddeeff;
    --color-off-white-3:  #e2e2e2;
    --color-off-white-4:  #e1e2e3;
    --color-off-white-5:  #d9d9d9;
    --color-off-white-6:  #f1f1f1;
    --color-off-white-7:  #e1e1e1;
    --color-black:  #000;
    --color-black-rgb:  0 0 0;
    --color-white-rgb:  255 255 255;
    --color-pink:  #ff846c;
    --color-pink-2:  #ff6767;
    --color-pink-3:  #de6283;
    --plyr-color-main:  #4e9f3d;
    --color-facebook:  #4867aa;
    --color-twitter:  #1d9bf0;
    --color-link:  #4e9f3d;
    --color-hover:  #333333;
    --color-theme-0:  #4e9f3d;
    --color-theme-1:  #7367f0;
    --color-theme-2:  #ffb80e;
    --color-theme-3:  #f69eb1;
    --color-theme-4:  #57d0de;
    --color-theme-5:  #ff6767;
    --color-theme-6:  #3f497f;
    --color-theme-7:  #f7941d;
    --color-theme-8:  #d61d9a;
    --color-theme-9:  #3e51d9;
    --body-font:  'Poppins',  sans-serif;
    --header-font:  'Poppins',  sans-serif;
    --font-raleway:  'Raleway',  sans-serif;
    --font-roboto:  'Roboto',  sans-serif;
    --font-jost:  'Jost',  sans-serif }
.cart-product-table .table tr td a,  .color-dark,  .page-nav ul li.active a,  .section-title-v3.color-dark h3,  .team-member-items-v2 .team-member-item .member-content .title a,  .team-member-items-v3 .team-member-item .member-content h5 a,  .template-header .header-extra>li>a,  .template-header .header-navigation:not(.sticky-on) .header-right .header-extra .search-dark-color .searchbox-icon,  .template-header .header-navigation:not(.sticky-on) .header-right .header-extra .search-dark-color .searchbox-submit,  body,  h1,  h1 a,  h2,  h2 a,  h3,  h3 a,  h4,  h4 a,  h5,  h5 a,  h6,  h6 a  {
    color:  var(--color-body) }
body  {
    font-family:  var(--body-font);
    font-weight:  400;
    font-size:  14px;
    line-height:  1.8 }
img  {
    max-width:  100% }
h1,  h2,  h3,  h4,  h5,  h6  {
    font-family:  var(--header-font);
    font-weight:  700;
    line-height:  1.5;
    margin:  0 }
ol,  ul  {
    list-style-type:  none }
.about-instructor-content .list ul li:not(:last-child),  .average-rating-summary .average-rating-details h5,  .blog-sidebar .widget.widget-checklist ul li:not(:last-child),  .book-list-items-v3 .book-list-item .book-text-content .author,  .checklist li:not(:last-child),  .course-details-overview .course-details-overview-content ul.course-description li:not(:last-child),  .course-sidebar .widget.category-widget ul li:not(:last-child),  .course-sidebar .widget.widget-checklist ul li:not(:last-child),  .faq-tab .accordion-item .accordion-body ul li:not(:last-child),  .footer-area .footer-widget .widget.contact-widget ul li:not(:last-child),  .footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget .widget-title,  .list-title,  .product-buy-now-wrap .product-image,  .product-buy-now-wrap .product-summary .product-specification  {
    margin-bottom:  10px }
a:hover  {
    color:  var(--color-secondary-4) }
.blog-post-items-v1 .blog-post-item .post-content .post-meta li,  .blog-post-items-v2 .blog-post-item .post-content .post-meta li,  .blog-post-items-v3 .blog-post-item .post-content .post-meta li,  .blog-post-items-v3 .blog-post-item .post-thumbnail .post-meta li,  .course-shorter .grid-list li,  .footer-area .footer-copyright .copyright-nav-menu li,  .footer-area .footer-widget .widget .social-links li,  .search-sorter .grid-list li,  .slick-slide img,  .social-profile-v2 li,  a,  span  {
    display:  inline-block }
.course-shorter.course-shorter-v2 .grid-list li.sort-text,  .fw-medium,  .product-buy-now-wrap .product-summary .rating-review .total-review,  table th  {
    font-weight:  500 }
.table,  table,  table tbody  {
    border-color:  var(--color-soft-white) }
.disable_a  {
    pointer-events:  none;
    cursor:  default;
    opacity:  .5 }
::-moz-selection  {
    background:  var(--color-secondary-4);
    color:  var(--color-white);
    text-shadow:  none }
::selection  {
    background:  var(--color-secondary-4);
    color:  var(--color-white);
    text-shadow:  none }
.blog-details-content.blog-details-content-v2 .post-thumbnail img,  .course-items-v3 .course-item .course-category li:not(:first-of-type) a,  .course-sidebar.border-radius-3,  .rounded-3  {
    border-radius:  3px }
.rounded-15  {
    border-radius:  15px }
.border-soft-white  {
    border:  1px solid var(--color-soft-white) }
.book-details-tab-content .specification-table table td,  .book-details-tab-content .specification-table table tr,  .border-bottom-soft-white,  .curriculum-tab .accordion-item:last-child,  .faq-tab .accordion-item:last-child,  .nice-select .list .option:not(:last-child),  .profile-menu ul li:last-child .has-dropdown.sub-menu-opened,  .profile-menu ul li:not(:last-child) a,  .subscription-setting .setting-box .setting-check .dropdown-menu li:not(:last-child),  .ticket-table table tr  {
    border-bottom:  1px solid var(--color-soft-white) }
.shadow-none,  .user-form-container form input:focus,  .user-form-container form textarea:focus,  input:focus  {
    box-shadow:  none }
.fw-semibold  {
    font-weight:  600 !important }
.fz-22  {
    font-size:  22px }
.comments-template.comments-template-v2 .comments-list .comment .comment-content-p,  .fz-16  {
    font-size:  16px }
.fz-18,  .organiztion-head h3  {
    font-size:  18px }
.bg-cover  {
    background-size:  cover;
    background-attachment:  scroll;
    background-position:  center center;
    background-repeat:  no-repeat }
.bg-soft-white,  .curriculum-tab.curriculum-tab-v2 .accordion-item .accordion-button[aria-expanded=true]::before  {
    background-color:  var(--color-soft-white) }
.bg-soft-green  {
    background-color:  #eafde6 }
.bg-shape svg path,  .bg-shape-2 svg path,  .counter-items-v2 .counter-item .icon svg path,  .instructor-profile-preview .instructor-current-content .instructor-content-countdown svg path,  .pricing-table .plan-feature li .icon path,  .profile-menu ul li .sub-menu a:hover svg path,  .profile-menu ul li .sub-menu li.active a svg path,  .profile-menu ul li a:hover svg path,  .profile-menu ul li.active a svg path,  .svg-primary,  .template-header .header-inner .header-left .brand-logo .logo-icon path,  .testimonial-items-v2 .testimonial-item .testimonial-item-body .quote svg path,  svg.logo-icon path  {
    fill:  var(--color-secondary-4) }
.minh-450  {
    min-height:  450px }
.minh-255  {
    min-height:  255px }
.about-instructor-content .list ul li,  .checklist li,  .course-details-overview .course-details-overview-content ul.course-description li  {
    font-weight:  400;
    font-size:  14px;
    position:  relative;
    color:  var(--color-gray);
    padding-inline-start:  18px }
.about-instructor-content .list ul li::before,  .checklist li::before,  .course-details-overview .course-details-overview-content ul.course-description li::before  {
    position:  absolute;
    top:  10px;
    inset-inline-start:  0px;
    width:  6px;
    height:  6px;
    background:  var(--color-gray);
    content:  "";
    border-radius:  50px }
.table-responsive::-webkit-scrollbar-track  {
    box-shadow:  inset 0 0 5px rgb(var(--color-black-rgb)/.05);
    border-radius:  14px;
    background-color:  transparent }
.table-responsive::-webkit-scrollbar  {
    width:  8px;
    border-radius:  14px;
    background-color:  var(--color-off-white);
    height:  10px }
.demo-switcher-modal .switcher-btn,  .dir-switcher  {
    font-size:  24px;
    height:  50px;
    width:  50px;
    display:  flex;
    cursor:  pointer }
.table-responsive::-webkit-scrollbar-thumb  {
    border-radius:  10px;
    box-shadow:  none;
    background-color:  var(--color-secondary-4) }
.dir-switcher,  .dir-switcher:focus  {
    box-shadow:  0 3px 6px 0 rgb(var(--color-black-rgb)/15%) }
.container-1278  {
    max-width:  1278px }
.color-bg-primary  {
    background-color:  rgb(var(--color-secondary-rgb)/.04) }
.color-bg-off-white  {
    background-color:  var(--color-off-white) }
.color-bg-dark  {
    background-color:  var(--color-body) }
.assignment-details-wrapper .text-block p,  .balance-box .balance-box-content p,  .book-list-item .book-text-content .pages,  .cart-product-table .see-all-btn,  .color-gray,  .comments-template .comments-list .comment .comment-content p,  .organiztion-body ul li,  .product-buy-now-wrap .product-summary .author a,  .section-title-v5 p,  .subscription-setting .setting-box .setting-check .dropdown-menu li a,  .subscription-setting .setting-box .setting-check.dropdown,  .user-form .nice-select .current,  .user-intro .user-contact-info li a  {
    color:  var(--color-gray) }
.color-bg-black  {
    background-color:  var(--color-dark-5) }
.blog-post-items-v1 .blog-post-item .post-content .title a:hover,  .blog-post-items-v3 .blog-post-item .post-content .title a:hover,  .blog-sidebar .widget .widget-list-group li a:hover,  .book-list-item .book-text-content h6 a:hover,  .cart-product-table .cart-product .book-text-content h6 a:hover,  .color-secondary,  .course-item .title a:hover,  .course-items-v3 .course-item .course-item-footer .course-price,  .course-items-v3 .course-item .title a:hover,  .course-items-v4 .course-item .course-item-body .course-item-footer .course-price,  .course-items-v4 .course-item .course-item-body .title a:hover,  .course-shorter .sort-right .course-dropdown .nice-select .list .option.selected,  .course-shorter.color-secondary .course-dropdown .nice-select .list .option.selected,  .course-sidebar .widget .widget-list-group li a:hover,  .course-sidebar .widget.category-widget ul li a:hover,  .course-sidebar .widget.widget-checklist ul li a:hover,  .curriculum-tab.curriculum-tab-v2 .accordion-item .course-playlist ul li a:hover span,  .education-group-tabs .nav-tabs li .nav-link.active,  .footer-area.footer-area-v2 .copyright-text a,  .hero-area.hero-area-v5 .hero-content .hero-title span,  .hero-area.hero-dark .hero-content .hero-subtitle,  .lesson-playlist .lesson-playlist-items .lesson-playlist-item .nav-link.active .lesson-content h5,  .list-groups li a:hover,  .mobile-slide-panel .mobile-menu li.active>a,  .notification-wrap .nt-card .nt-card-text a.details:hover,  .notification-wrapper .sort-right .notification-dropdown .nice-select .list .option.selected,  .product-buy-now-wrap .product-summary .cart .current-stock,  .profile-menu ul li .sub-menu a:hover,  .profile-menu ul li .sub-menu li.active a,  .profile-menu ul li a:hover,  .profile-menu ul li.active a,  .remember-password label a,  .social-profile-v2 li a:hover,  .subscription-setting .setting-box .setting-check .dropdown-menu li a:focus,  .subscription-setting .setting-box .setting-check .dropdown-menu li a:hover,  .subscription-setting .setting-box .setting-check .nice-select .list .option.selected,  .team-member-items-v2 .team-member-item .member-content .title a:hover,  .template-header .language-selection .nice-select .list .option.selected,  .template-header .nav-menu .sub-menu li a:hover,  .template-header .nav-menu li a:hover,  .template-header .nav-menu li.active>a,  .user-form .accept-policy label a,  .user-form-container .was-validated .valid-feedback,  .user-form.was-validated .valid-feedback,  .window-load-modal .modal-content .modal-body .modal-content-inner .social-links ul li a:hover  {
    color:  var(--color-secondary-4) }
.average-rating-summary .average-rating .rating-star i,  .book-cta-wrapper .book-cta-content h3 span,  .book-list-item .book-text-content .rating-review .all-rating .main-rating i,  .color-supernova,  .comments-template .rating-review .all-rating .main-rating i,  .course-item .rating-review i,  .product-buy-now-wrap .product-summary .rating-review .all-rating .main-rating i,  .rate:not(:checked)>label:hover,  .rate:not(:checked)>label:hover~label,  .rate>input:checked+label:hover,  .rate>input:checked+label:hover~label,  .rate>input:checked~label,  .rate>input:checked~label:hover,  .rate>input:checked~label:hover~label,  .rate>label:hover~input:checked~label,  .rating-review .all-rating .main-rating i,  .rating-summary .rating-summary-content .rating-details .star-count-progress .rating-star i  {
    color:  var(--color-supernova) }
.color-bg-secondary,  .course-shorter .grid-list li.toggle-icon a:hover,  .course-shorter.course-shorter-v2 .grid-list li.toggle-icon a:hover,  .pricing-table.pricing-secondary .plan-title,  .search-sorter .grid-list li.toggle-icon a:hover,  .template-header.nav-white-color .header-navigation:not(.sticky-on) .nav-menu>ul>li>a::before,  .template-header.nav-white-color .header-navigation:not(.sticky-on) .navbar-toggler span  {
    background-color:  var(--color-secondary-4) }
.demo-switcher-modal .demo-switcher,  .demo-switcher-modal .switcher-btn  {
    background:  var(--color-white);
    position:  absolute;
    transition:  .3s ease-in-out }
.dir-switcher  {
    position:  fixed;
    top:  150px;
    right:  0;
    align-items:  center;
    justify-content:  center;
    color:  var(--color-secondary-4);
    background:  var(--color-white);
    border-radius:  50% 0 0 50%;
    z-index:  99;
    transition:  .3s }
.dir-switcher:hover  {
    color:  var(--color-dark-4) }
.demo-switcher-modal .switcher-btn i,  .dir-switcher i  {
    animation:  12s linear infinite spin-infinity }
.preloader  {
    position:  fixed;
    top:  0;
    left:  0;
    width:  100%;
    height:  100%;
    background-color:  var(--color-white);
    z-index:  9999 }
.loading  {
    position:  absolute;
    top:  50%;
    left:  50%;
    transform:  translate(-50%,  -50%);
    font-size:  2rem;
    color:  var(--color-black) }
.loading img  {
    max-height:  120px }
.preloader-finish  {
    opacity:  0;
    transition:  opacity .5s ease-out;
    z-index:  -999 }
.demo-switcher-modal  {
    position:  fixed;
    inset-inline-end:  -400px;
    top:  100px;
    width:  400px;
    background:  0 0;
    box-shadow:  none;
    z-index:  99;
    transition:  .3s ease-in-out }
.demo-switcher-modal .switcher-btn  {
    top:  50px;
    inset-inline-start:  -45px;
    align-items:  center;
    justify-content:  center;
    color:  var(--color-secondary-4);
    border-start-start-radius:  50%;
    border-end-start-radius:  50%;
    box-shadow:  0 3px 6px 0 rgb(var(--color-black-rgb)/.15);
    z-index:  -1 }
.demo-switcher-modal .demo-switcher  {
    box-shadow:  1px 1px 10px rgb(var(--color-black-rgb)/.4);
    border-start-start-radius:  10px;
    border-end-start-radius:  10px;
    width:  400px;
    top:  0;
    inset-inline-end:  -15px;
    z-index:  99 }
.demo-switcher-modal .demo-switcher .demo-switcher-title  {
    background-color:  var(--color-soft-white);
    padding:  14.5px 20px;
    border-start-start-radius:  10px }
.demo-switcher-modal .demo-switcher .demo-switcher-title h4  {
    color:  var(--color-body);
    font-weight:  600;
    font-size:  14px;
    text-transform:  uppercase }
.demo-switcher-modal .demo-switcher .demo-switcher-inner  {
    padding-block:  25px 25px;
    padding-inline-start:  20px;
    padding-inline-end:  10px }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content  {
    overflow-y:  scroll;
    max-height:  420px }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content::-webkit-scrollbar-track  {
    border-radius:  3px;
    background-color:  transparent }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content::-webkit-scrollbar  {
    width:  7px;
    border-radius:  3px;
    background-color:  transparent }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content::-webkit-scrollbar-thumb  {
    border-radius:  3px;
    background-color:  var(--color-soft-white) }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .switcher-title  {
    color:  var(--color-body);
    font-weight:  600;
    font-size:  14px;
    text-transform:  uppercase;
    margin-bottom:  10px }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .setting-check  {
    position:  relative;
    line-height:  1 }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .setting-check input,  .subscription-setting .setting-box .setting-check input  {
    display:  none;
    opacity:  0 }
.blog-post-items-v1.blog-post-slider-v1 .slick-dots li.slick-active button,  .blog-post-items-v2.blog-post-slider-v2 .slick-dots li.slick-active button,  .course-shorter.color-secondary .grid-list li.active a,  .demo-switcher-modal .demo-switcher .demo-switcher-inner-content .setting-check input:checked~label,  .footer-area.footer-bg-primary .footer-widget,  .subscription-setting .setting-box .setting-check input:checked~label,  .success-story-v1.success-story-slider-v1 .slick-dots li.slick-active button  {
    background:  var(--color-secondary-4) }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .setting-check input:checked~label:after,  .subscription-setting .setting-box .setting-check input:checked~label:after  {
    inset-inline-start:  15px }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .setting-check label,  .subscription-setting .setting-box .setting-check label  {
    position:  relative;
    width:  34px;
    height:  20px;
    display:  inline-block;
    background:  var(--color-soft-white);
    border-radius:  30px;
    cursor:  pointer;
    transition:  .3s }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .setting-check label::after,  .subscription-setting .setting-box .setting-check label::after  {
    content:  "";
    position:  absolute;
    inset-inline-start:  2px;
    top:  1px;
    width:  18px;
    height:  18px;
    background:  var(--color-white);
    border-radius:  50%;
    transition:  .3s }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .switcher-list  {
    display:  flex;
    flex-wrap:  wrap;
    gap:  12px }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .switcher-list li  {
    display:  inline-block;
    flex:  0 0 calc(33.333% - 12px);
    max-width:  calc(33.333% - 12px) }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .switcher-list li label  {
    display:  inline-block;
    color:  var(--color-gray);
    transition:  .3s;
    border-radius:  6px;
    cursor:  pointer;
    display:  flex;
    align-items:  center;
    justify-content:  center;
    border:  1px solid var(--color-soft-white);
    padding:  8px 15px;
    font-size:  14px }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .switcher-list li input[type=radio]  {
    position:  absolute;
    opacity:  0;
    cursor:  pointer;
    width:  auto;
    height:  auto }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .switcher-list li input[type=radio]:checked+label  {
    background:  var(--color-off-white) }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list  {
    gap:  15px 10px }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li  {
    flex:  inherit;
    max-width:  inherit }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li label  {
    background-color:  var(--color-secondary-4);
    color:  var(--color-white);
    height:  42px;
    width:  42px;
    padding:  inherit;
    border:  0;
    position:  relative }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li label::before  {
    display:  inline-block;
    font-style:  normal;
    font-variant:  normal;
    text-rendering:  auto;
    -webkit-font-smoothing:  antialiased;
    font-weight:  900;
    font-size:  12px;
    content:  "";
    transition:  transform .3s;
    transform:  scale(0);
    position:  absolute }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li input[type=radio]  {
    height:  42px;
    width:  42px }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li input[type=radio]:checked+label::before  {
    content:  "\f00c";
    font-family:  "Font Awesome 5 Pro";
    transform:  scale(1) }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li input#color1+label  {
    background-color:  var(--color-theme-0) }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li input#color2+label  {
    background-color:  var(--color-theme-1) }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li input#color3+label  {
    background-color:  var(--color-theme-2) }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li input#color4+label  {
    background-color:  var(--color-theme-3) }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li input#color5+label  {
    background-color:  var(--color-theme-4) }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li input#color6+label  {
    background-color:  var(--color-theme-5) }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li input#color7+label  {
    background-color:  var(--color-theme-6) }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li input#color8+label  {
    background-color:  var(--color-theme-7) }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li input#color9+label  {
    background-color:  var(--color-theme-8) }
.demo-switcher-modal .demo-switcher .demo-switcher-inner-content .color-switch .switcher-list li input#color10+label  {
    background-color:  var(--color-theme-9) }
.curriculum-tab.curriculum-tab-v2 .accordion-item .course-playlist ul li a .icon,  .demo-switcher-modal .demo-switcher .demo-switcher-inner-content .dir-switch  {
    padding-inline-end:  12px }
.demo-switcher-modal.active,  .demo-switcher-modal.active .demo-switcher  {
    inset-inline-end:  0 }
.demo-switcher-modal.active .switcher-btn  {
    inset-inline-start:  -50px }
@media screen and (min-width:1500px)  {
    .demo-switcher-modal  {
    top:  120px }
}@media screen and (min-width:1700px)  {
    .demo-switcher-modal  {
    top:  140px }
}@media (max-width:767px)  {
    .demo-switcher-modal  {
    display:  none }
}@media (max-width:475px)  {
    .demo-switcher-modal .demo-switcher .demo-switcher-inner-content  {
    padding:  8px 8px 15px !important }
.demo-switcher-modal.active .switcher-btn  {
    inset-inline-start:  -50px }
.demo-switcher-modal .demo-switcher .demo-switcher-title  {
    padding:  10px 40px }
}.assignment-table .table tbody tr td:last-child,  .assignment-table .table thead tr th:last-child,  .text-align-end  {
    text-align:  end }
.page-nav,  .post-pagination,  .profile-sidebar .profile-card .profile-info,  .text-align-center  {
    text-align:  center }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist ul li a.has-dropdown>i,  .m-s-auto  {
    margin-inline-start:  auto }
.blog-details-content .post-meta li a i,  .blog-post-items-v1 .blog-post-item .post-content .post-meta li a i,  .blog-post-items-v1 .blog-post-item .post-content .post-meta li.date a i,  .blog-post-items-v3 .blog-post-item .post-content .post-meta li a i,  .blog-post-items-v3 .blog-post-item .post-thumbnail .post-meta li.date a i,  .cart-product-table .cart-product.product-type-course .book-text-content .lesson i,  .course-item .course-item-info li i,  .m-e-2,  .subscription-setting .setting-box .setting-check .dropdown-menu li img,  .user-form .alt-login .template-btn i,  .user-form .alt-login .template-btn img,  .user-form .alt-login .template-btn svg  {
    margin-inline-end:  8px }
@media (min-width:992px)  {
    .text-align-lg-start  {
    text-align:  start }
.text-align-lg-end  {
    text-align:  end }
.w-lg-100  {
    width:  100% }
}@media (min-width:768px)  {
    .text-align-md-start  {
    text-align:  start }
.text-align-md-end  {
    text-align:  end }
.text-align-md-center  {
    text-align:  center }
}@media (min-width:576px)  {
    .text-align-sm-start  {
    text-align:  start }
.text-align-sm-end  {
    text-align:  end }
}@media (min-width:1200px)  {
    .text-align-xl-start  {
    text-align:  start }
}.navbar-toggler:focus,  .slick-initialized .slick-slide:focus,  a:focus,  button:focus,  input:focus,  select:focus,  textarea:focus  {
    text-decoration:  none;
    outline:  0;
    box-shadow:  none }
::-moz-placeholder  {
    color:  inherit;
    opacity:  1 }
::placeholder  {
    color:  inherit;
    opacity:  1 }
input[type=search]::-ms-clear  {
    display:  none;
    width:  0;
    height:  0 }
input[type=search]::-ms-reveal  {
    display:  none;
    width:  0;
    height:  0 }
input[type=search]::-webkit-search-cancel-button,  input[type=search]::-webkit-search-decoration,  input[type=search]::-webkit-search-results-button,  input[type=search]::-webkit-search-results-decoration  {
    display:  none }
input.subscription-mail:-webkit-autofill,  input.subscription-mail:-webkit-autofill:active,  input.subscription-mail:-webkit-autofill:focus,  input.subscription-mail:-webkit-autofill:hover  {
    -webkit-background-clip:  text;
    -webkit-text-fill-color:  #ffffff;
    font-weight:  400;
    -webkit-transition:  background-color 5000s ease-in-out;
    transition:  background-color 5000s ease-in-out }
.nice-select,  input,  select,  textarea  {
    width:  100%;
    height:  21px;
    padding:  0;
    background-color:  transparent;
    border:  none;
    color:  var(--color-dark-2);
    border-radius:  0;
    font-size:  14px;
    font-weight:  500 }
.blog-sidebar .widget .dropdown-title i,  .blog-sidebar .widget .widget-title i,  .course-details-sidebar .course-details-info .course-feature-list ul li span,  .course-shorter .sort-right .course-dropdown .nice-select .list .option,  .course-sidebar .widget.category-widget ul li i,  .course-sidebar .widget.widget-checklist ul li i,  .custom-select,  .header-topbar .contact-info .language-selection .nice-select,  .nice-select .list .option.selected,  .subscription-setting .setting-box .setting-check .nice-select .list .option  {
    font-weight:  400 }
textarea  {
    padding-top:  20px;
    height:  200px;
    display:  inherit }
.brand-items-v1 .slick-track,  .counter-items-v1 .counter-item,  .counter-items-v2 .counter-item,  .counter-items-v3 .counter-item,  .header-topbar .contact-info,  .header-topbar .header-topbar-right>ul,  .lesson-content-block .author-box,  .nice-select,  .rating-summary .rating-summary-content .rating-details .star-count-progress,  .template-header .header-left,  .template-header .header-right,  .template-header .header-right .header-extra,  .template-header .nav-menu>ul  {
    display:  flex;
    align-items:  center }
.nice-select .current,  .template-header .header-extra>li  {
    line-height:  1 }
.nice-select .list  {
    width:  100%;
    border:  none;
    border-radius:  0;
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/10%);
    border:  1px solid var(--color-soft-white);
    left:  inherit;
    inset-inline-start:  0;
    height:  100% }
.nice-select .list .option  {
    padding:  10px 18px;
    text-align:  start;
    font-size:  14px;
    font-weight:  500;
    height:  auto;
    min-height:  auto;
    line-height:  1 }
.nice-select .list .option.focus,  .nice-select .list .option.selected,  .nice-select .list .option.selected.focus,  .nice-select .list .option:hover  {
    background-color:  transparent }
.nice-select::after  {
    content:  "\ea4a";
    border:  none;
    position:  absolute;
    line-height:  1;
    right:  0;
    top:  0;
    transform:  rotate(0);
    height:  100%;
    display:  flex;
    align-items:  center;
    justify-content:  flex-end;
    transform-origin:  unset;
    width:  auto;
    margin:  0;
    font-size:  20px;
    font-weight:  500;
    font-family:  boxicons }
.select2-container .custom-select,  .select2-container .select2-selection--multiple  {
    margin-bottom:  25px;
    border-color:  var(--color-soft-white-7) }
.nice-select.open::after,  .testimonial-items-v2.testimonial-slider[dir=rtl] .slick-arrow,  .video-lesson-slider-v1[dir=rtl].video-lessons-v2 .slick-arrow,  .video-lessons-v1.video-lesson-slider-v1[dir=rtl] .slick-arrow,  .video-lessons-v2.video-lesson-slider-v2[dir=rtl] .slick-arrow,  [dir=rtl] .section-title-v3 .fa-long-arrow-left,  html[dir=rtl] .post-pagination .fa-angle-double-left,  html[dir=rtl] .post-pagination .fa-angle-double-right,  html[dir=rtl] .post-pagination .fa-angle-left,  html[dir=rtl] .post-pagination .fa-angle-right  {
    transform:  rotate(180deg) }
.selection  {
    width:  100%;
    display:  block }
.custom-select  {
    display:  inline-block;
    width:  100%;
    padding:  0 20px;
    font-size:  1rem;
    line-height:  1.6;
    color:  var(--color-black);
    vertical-align:  middle;
    background:  var(--color-white) url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72, 15.78a.75.75, 0, 0, 1-.53.22h-.38a.77.77, 0, 0, 1-.53-.22L6.15, 10.64a.5.5, 0, 0, 1, 0-.71l.71-.71a.49.49, 0, 0, 1, .7, 0L12, 13.67l4.44-4.45a.5.5, 0, 0, 1, .71, 0l.7.71a.5.5, 0, 0, 1, 0, .71Z'/%3E%3C/svg%3E") no-repeat right 1rem center/1rem 1rem;
    border:  .0625rem solid var(--color-soft-white-8);
    border-radius:  5px;
    -webkit-appearance:  none;
    -moz-appearance:  none;
    appearance:  none }
.select2-container .select2-selection--single .select2-selection__rendered  {
    padding-left:  0;
    height:  100%;
    display:  flex;
    justify-content:  space-between;
    align-items:  center;
    color:  var(--color-black) }
.select2-container .custom-select  {
    height:  50px }
.select2-container:not(.select2-container--open) .select2-selection.select2-selection--multiple .select2-search__field  {
    padding-left:  20px }
.select2-container--default .select2-selection--single .select2-selection__clear  {
    order:  2;
    color:  var(--color-gray-7);
    opacity:  .5;
    transition:  .3s;
    font-weight:  500 }
.page-nav ul li a:hover,  .select2-container--default .select2-selection--single .select2-selection__clear:hover  {
    opacity:  1 }
.blog-sidebar .widget.widget-checklist ul li label input[type=checkbox],  .cart-product-calculation .table tr:last-child::after,  .checkbox-default input[type=checkbox],  .checkout-accordion .accordion-button label input[type=checkbox],  .comments-template.comments-template-v2 .comments-list.active .comment ul.children li:not(:first-child,  :nth-child(2),  :nth-child(3)),  .course-details-header .course-details-info li:last-child::after,  .course-sidebar .widget.rating-widget input[type=checkbox],  .course-sidebar .widget.widget-checklist input[type=checkbox],  .footer-area.footer-area-v2 .footer-widget .widget.nav-widget ul li::after,  .footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget .footer-subscription [data-lastpass-icon-root=true],  .footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget-v2 .footer-subscription [data-lastpass-icon-root=true],  .header-extra .searchicon_mob,  .hero-area.hero-area-v5 .hero-content .hero-title span::after,  .hero-area.hero-area-v5 .hero-masonry-image.hero-masonry-image-v2::after,  .notification-wrap .nt-card .nt-card-left .nt-card-check input[type=checkbox],  .page-nav ul li:first-child::after,  .payment-methods-item input[type=radio],  .product-buy-now-wrap .product-summary .product-specification tr td input[type=checkbox],  .quiz-question-wrapper .quiz-question .question-options .option input[type=checkbox],  .quiz-question-wrapper .quiz-question .question-options .option input[type=radio],  .select2-container--default .select2-selection--single .select2-selection__arrow,  .select2-custom .select2-custom-hide,  .template-header .header-navigation.sticky-header.sticky-on .main-logo,  .template-header .header-right .header-extra .user-profile-dropdown .dropdown-toggle img,  .template-header .header-right .header-extra .user-profile-dropdown .dropdown-toggle::after,  .template-header .nav-menu .sub-menu li a::before,  .template-header .nav-menu .sub-menu li::before,  .template-header.course-item-active .header-navigation .nav-menu>ul>li.course-active>a::before,  .user-form [data-lastpass-icon-root=true],  .user-form-container [data-lastpass-icon-root=true]  {
    display:  none }
.select2-container--default .select2-selection--multiple  {
    border-color:  var(--color-soft-white-7);
    padding:  0 }
.select2-container--default .select2-selection--multiple .select2-selection__clear  {
    margin-right:  0 }
.select2-container--default .select2-selection--multiple .select2-selection__choice  {
    background-color:  var(--color-gray-7);
    border-color:  transparent;
    font-size:  12px;
    color:  var(--color-white) }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove  {
    color:  var(--color-black);
    margin-right:  5px;
    color:  var(--color-pink) }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover  {
    color:  var(--color-pink) }
.select2-container--default .select2-selection--multiple .select2-selection__rendered  {
    padding:  7px 20px 5px }
.select2-container--default .dropdown-wrapper  {
    display:  inline }
.select2-container--default .select2-search--dropdown .select2-search__field  {
    border-color:  var(--color-soft-white-7);
    background-color:  var(--color-white);
    padding:  8px 20px;
    border-radius:  5px;
    height:  auto;
    border-color:  var(--color-soft-white);
    font-weight:  400;
    font-size:  16px;
    color:  var(--color-black) }
.select2-container--default .select2-results__option  {
    padding-block:  0.25rem 0.25rem;
    padding-inline:  0.625rem 3rem;
    transition:  .3s;
    position:  relative;
    color:  var(--color-gray-7);
    font-weight:  500;
    font-size:  16px }
.select2-container--default .select2-results__option:first-child,  .select2-container--default .select2-results__option:first-child:hover  {
    border-top-left-radius:  5px;
    border-top-right-radius:  5px }
.select2-container--default .select2-results__option:last-child,  .select2-container--default .select2-results__option:last-child:hover  {
    border-bottom-right-radius:  5px;
    border-bottom-left-radius:  5px }
.select2-container--default .select2-results__option--highlighted[aria-selected]:not([aria-selected=true]),  .select2-container--default .select2-results__option[aria-selected=true]  {
    color:  var(--color-secondary-4);
    background-color:  transparent }
.select2-container--default .select2-results__option[aria-selected=true]::after  {
    position:  absolute;
    top:  35%;
    inset-inline-end:  0.5rem;
    width:  1rem;
    height:  1rem;
    content:  "\f00c";
    transform:  translateY(-50%);
    font-family:  "Font Awesome 5 Pro" }
.select2-container--default .select2-results>.select2-results__options  {
    margin-block:  5px 10px;
    margin-inline:  10px 15px }
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track  {
    box-shadow:  none;
    border-radius:  14px;
    background-color:  transparent }
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar  {
    width:  5px;
    border-radius:  3px;
    background-color:  transparent;
    height:  10px }
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb  {
    border-radius:  10px;
    box-shadow:  none;
    background-color:  var(--color-soft-white-4) }
.become-instructor-image,  .blog-post-items-v3 .blog-post-item .post-thumbnail,  .cart-product-calculation .coupon-input,  .cart-product-calculation .table tr,  .comments-template.comments-template-v2 .comments-list .comment .reply,  .country-code-filter,  .course-item .course-item-info:first-of-type,  .course-sidebar .widget.category-widget ul li,  .footer-area .footer-copyright .container,  .footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget-v2 .footer-subscription,  .header-topbar .header-topbar-right>ul .user-dropdown,  .lesson-playlist .lesson-playlist-content,  .profile-menu ul li a .notification,  .search-sorter .search-form,  .select2-custom,  .template-header .header-right .header-extra .shopping-mini-cart,  .template-header .header-right .header-extra .user-dropdown,  .template-header .header-right .header-extra .user-profile-dropdown,  .template-header .language-selection,  .template-header .nav-menu li,  .user-form .password-input,  .user-form-container form .password-input,  .video-lessons-v1 .video-lesson .play-btn .far,  .video-lessons-v1 .video-lessons-v2 .play-btn .far,  .video-lessons-v2 .video-lesson .play-btn .far,  .video-lessons-v2 .video-lessons-v2 .play-btn .far,  .window-load-modal .modal-content .modal-body .modal-content-inner .dont-show-popup .form-checkbox .form-group  {
    position:  relative }
.select2-custom .select2-container--open  {
    right:  0 !important;
    left:  auto !important }
.select2-dropdown  {
    border-color:  var(--color-soft-white-7);
    z-index:  99 }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single  {
    border-bottom-left-radius:  5px;
    border-bottom-right-radius:  5px }
.select2-container--open .select2-dropdown.select2-dropdown--below  {
    top:  -16px }
.select2-container--open .select2-dropdown--below  {
    border-top:  1px solid var(--color-soft-white);
    box-shadow:  0 4px 30px rgb(var(--color-black-rgb)/.1);
    border-radius:  5px;
    border-color:  var(--color-soft-white) }
.select2-container--open .select2-selection--multiple .select2-search__field  {
    padding-left:  20px }
.select2-selection--multiple .select2-selection__placeholder  {
    position:  absolute;
    top:  50%;
    left:  0;
    padding-left:  .75rem;
    transform:  translateY(-50%) }
.select2-search--dropdown  {
    padding:  15px 15px 5px }
.select2-container--default.select2-container--focus .select2-selection--multiple  {
    border-color:  rgb(var(--color-secondary-rgb)/.4);
    border-radius:  5px !important }
.select2-selection.select2-selection--multiple .select2-search__field,  .user-form .nice-select .list .option  {
    color:  var(--color-black) }
.select2-selection.select2-selection--multiple .select2-search__field::-moz-placeholder  {
    color:  var(--color-soft-white-6) }
.select2-selection.select2-selection--multiple .select2-search__field::placeholder  {
    color:  var(--color-soft-white-6) }
.select2-container[dir=rtl] .custom-select  {
    background-position:  1rem }
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice  {
    margin-left:  0;
    margin-right:  5px }
@keyframes sticky  {
    0%  {
    top:  -200px }
100%  {
    top:  0 }
}@keyframes zoomInOut  {
    0%  {
    transform:  rotate(0) scale(.7);
    opacity:  0 }
50%  {
    transform:  rotate(180deg) scale(1);
    opacity:  1 }
100%  {
    transform:  rotate(360deg) scale(.7);
    opacity:  0 }
}@keyframes zoom-fade  {
    0%,  100%  {
    transform:  scale(.8) }
50%  {
    transform:  scale(1.1) }
}@keyframes float-bob  {
    0%,  100%  {
    transform:  translateX(-100px) }
50%  {
    transform:  translateX(-10px) }
}@keyframes float-bob-x  {
    0%,  100%  {
    transform:  translateX(-20px) }
50%  {
    transform:  translateX(-10px) }
}@keyframes float-bob-y  {
    0%,  100%  {
    transform:  translateY(-20px) }
50%  {
    transform:  translateY(-10px) }
}@keyframes hero-float-bob-y  {
    0%,  100%  {
    transform:  rotate(-90deg) translateY(-20px);
    border-radius:  20px 90px }
50%  {
    transform:  rotate(-90deg) translateY(-10px);
    border-radius:  15px 70px }
}@keyframes rotateme  {
    from  {
    transform:  rotate(0) }
to  {
    transform:  rotate(360deg) }
}@keyframes slide-down  {
    0%  {
    transform:  translateY(30px);
    opacity:  .5 }
100%  {
    transform:  translateY(15px);
    opacity:  1 }
}@keyframes spin-infinity  {
    0%  {
    transform:  rotate(0) }
to  {
    transform:  rotate(1turn) }
}.animate-zoominout  {
    animation-name:  zoomInOut;
    animation-duration:  3s;
    animation-iteration-count:  infinite;
    animation-timing-function:  ease-in-out }
.animate-zoom-fade  {
    animation-name:  zoom-fade;
    animation-duration:  5s;
    animation-iteration-count:  infinite;
    animation-timing-function:  linear }
.animate-float-bob  {
    animation-name:  float-bob;
    animation-duration:  7s;
    animation-iteration-count:  infinite;
    animation-timing-function:  linear }
.animate-float-bob-x,  .animate-float-bob-y,  .hero-area.hero-area-v3 .hero-image .circle-element::after  {
    animation-duration:  2s;
    animation-iteration-count:  infinite;
    animation-timing-function:  linear }
.animate-float-bob-x  {
    animation-name:  float-bob-x }
.animate-float-bob-y  {
    animation-name:  float-bob-y }
.animate-rotate-me  {
    animation-name:  rotateme;
    animation-duration:  24s;
    animation-iteration-count:  infinite;
    animation-timing-function:  linear }
.template-header.nav-white-color .header-topbar  {
    background-color:  rgba(255,  255,  255,  .04) }
.back-to-top:hover,  .common-heading.color-white,  .common-heading.color-white h3,  .common-heading.color-white p,  .cookiealert-popup .cookiealert-content,  .counter-items-v1 .counter-item:hover .icon,  .course-details-header.color-white .title,  .cta-wrapper .cta-text-block .common-heading h3,  .cta-wrapper .cta-text-block .common-heading p,  .footer-area .footer-widget .widget.contact-widget ul li a,  .footer-area .footer-widget .widget.nav-widget ul li a,  .footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget-v2 .footer-subscription button .spinner-border,  .hero-area.hero-area-v5 .hero-content .hero-btns .template-btn,  .hero-area.hero-dark .hero-content .hero-title,  .hero-area.hero-dark .hero-content .hero-title span,  .hero-area.hero-dark .hero-content p,  .section-title.color-white,  .section-title.color-white h3,  .team-items-v1 .team-member-item:hover .member-content a,  .team-items-v1 .team-member-item:hover .member-content h5,  .team-items-v1 .team-member-item:hover .member-content p,  .template-header .header-extra .template-btn,  .template-header .header-navigation:not(.sticky-on) .header-right .header-extra .searchbox .searchbox-icon,  .template-header .header-navigation:not(.sticky-on) .header-right .header-extra .searchbox .searchbox-submit,  .template-header.nav-white-color .header-navigation:not(.sticky-on) .header-extra .search-bar form .search-btn,  .template-header.nav-white-color .header-navigation:not(.sticky-on) .header-extra .user-dropdown .icon,  .template-header.nav-white-color .header-navigation:not(.sticky-on) .header-extra>li>a,  .template-header.nav-white-color .header-navigation:not(.sticky-on) .nav-menu>ul>li>a,  .template-header.nav-white-color .header-navigation:not(.sticky-on) .nice-select,  .template-header.nav-white-color .header-navigation:not(.sticky-on) .nice-select::before,  .template-header.nav-white-color .header-topbar .contact-info li a,  .template-header.nav-white-color .header-topbar .header-topbar-right li a,  .template-header.nav-white-color .header-topbar .language-selection .nice-select,  .user-form .alt-login .template-btn:hover .fa-facebook,  .user-form .alt-login .template-btn:hover .fa-facebook-f,  .user-form .alt-login .template-btn:hover .fa-twitter,  .user-form-wrapper .form-title a,  .user-form-wrapper .form-title p  {
    color:  var(--color-white) }
.header-topbar  {
    background-color:  var(--color-off-white);
    padding:  10px 0 }
.header-topbar .contact-info li  {
    display:  inline-block;
    margin-inline-end:  36px }
.course-details-header .course-details-info li:last-child,  .header-topbar .contact-info li:last-child  {
    margin-inline-end:  0 }
.header-topbar .contact-info li a  {
    font-size:  14px;
    line-height:  1.8;
    color:  var(--color-body);
    font-weight:  400 }
.header-topbar .contact-info li a i  {
    margin-inline-end:  10px;
    font-weight:  400 }
.header-topbar .contact-info .language-selection .nice-select .list li  {
    display:  block;
    margin-inline-end:  0 }
.header-topbar .header-topbar-right>ul>li:not(:last-child)  {
    margin-inline-end:  16px }
.header-topbar .header-topbar-right>ul>li>a  {
    color:  var(--color-body);
    font-size:  16px }
.header-topbar .header-topbar-right>ul .shopping-mini-cart  {
    position:  relative;
    padding-right:  10px }
.header-topbar .header-topbar-right>ul .shopping-mini-cart .badge  {
    background-color:  var(--color-secondary-4);
    height:  15px;
    width:  15px;
    line-height:  15px;
    text-align:  center;
    padding:  0;
    font-size:  10px;
    border-radius:  50px;
    font-weight:  500;
    display:  inline-block;
    position:  absolute;
    right:  4px;
    top:  0;
    color:  var(--color-white);
    white-space:  nowrap;
    vertical-align:  baseline }
.header-topbar .header-topbar-right>ul .user-dropdown .dropdown-list  {
    position:  absolute;
    top:  49px;
    inset-inline-end:  0;
    width:  220px;
    height:  auto;
    z-index:  2;
    background-color:  var(--color-white);
    visibility:  hidden;
    opacity:  0;
    transform:  translateY(30px);
    transition:  .3s;
    box-shadow:  0 2px 2px 0 rgb(var(--color-black-rgb)/16%),  var(--color-black-rgb) 1px rgb(var(--color-black-rgb)/8%) }
.header-topbar .header-topbar-right>ul .user-dropdown .dropdown-list a  {
    padding:  10px 20px;
    color:  var(--color-body);
    font-size:  14px;
    font-family:  var(--body-font);
    font-weight:  500;
    display:  block;
    border-bottom:  1px solid rgba(0,  29,  35,  .05);
    transition:  .3s }
.header-topbar .header-topbar-right>ul .user-dropdown .dropdown-list a:hover,  .template-header .header-right .header-extra .user-dropdown .dropdown-list li a:hover  {
    background-color:  rgba(0,  29,  35,  .05) }
.header-topbar .header-topbar-right>ul .user-dropdown .dropdown-list a i  {
    color:  var(--color-secondary-4);
    margin-inline-end:  10px }
.header-topbar .header-topbar-right>ul .user-dropdown .dropdown-list.dropdown-active,  .template-header .header-right .header-extra .user-dropdown .dropdown-list.dropdown-active  {
    visibility:  visible;
    opacity:  1;
    transform:  translateY(-10px) }
.template-header  {
    position:  relative;
    left:  0;
    top:  0;
    width:  100%;
    z-index:  80 }
.template-header .header-navigation.sticky-header .sticky-logo  {
    display:  none !important }
.template-header .header-navigation.sticky-header.sticky-on  {
    position:  fixed;
    left:  0;
    top:  0;
    width:  100%;
    z-index:  999;
    animation:  1.2s sticky;
    box-shadow:  0 6px 15px rgb(var(--color-black-rgb)/.06);
    background-color:  var(--color-white) }
.template-header .header-navigation.sticky-header.sticky-on .sticky-logo  {
    display:  flex !important }
.template-header .header-navigation.header-shadow  {
    box-shadow:  0 6px 15px rgb(var(--color-black-rgb)/.06) }
.template-header .language-selection .nice-select .list,  .template-header .nav-menu .sub-menu  {
    box-shadow:  0 10px 25px rgba(0,  0,  0,  .1);
    transform:  translateY(30px);
    opacity:  0;
    visibility:  hidden }
.quiz-section-title,  .template-header .header-inner  {
    display:  flex;
    align-items:  center;
    justify-content:  space-between }
.template-header .header-inner .header-left .brand-logo  {
    margin-inline-end:  20px }
.template-header .header-inner .header-left .brand-logo img,  .template-header .header-inner .header-left .brand-logo svg  {
    max-width:  150px }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist ul li ul li a,  .mobile-slide-panel .mobile-logo a,  .template-header .header-inner .header-left .brand-logo a  {
    display:  flex;
    align-items:  center;
    gap:  10px }
.template-header .header-left svg,  .template-header .header-right .header-extra svg,  .template-header .header-right svg  {
    max-width:  14px }
.template-header .header-left .language-selection svg,  .template-header .header-right .header-extra .language-selection svg,  .template-header .header-right .language-selection svg  {
    max-width:  18px }
.course-shorter .search-form,  .template-header .header-right .header-extra .search-bar form  {
    position:  relative;
    max-width:  183px }
.template-header .header-right .header-extra .search-bar form input[type=text]  {
    height:  40px;
    border:  1px solid var(--color-gray-3);
    border-radius:  5px;
    padding:  10px 16px;
    padding-inline-end:  35px;
    color:  var(--color-body);
    line-height:  14px;
    font-size:  14px;
    font-weight:  400 }
.template-header .header-right .header-extra .search-bar form button  {
    position:  absolute;
    inset-inline-end:  0;
    top:  0;
    height:  100%;
    width:  40px;
    border:  0;
    background-color:  transparent;
    text-align:  center;
    color:  var(--color-gray-3);
    font-size:  18px }
.template-header .header-right .header-extra .shopping-mini-cart .badge  {
    background-color:  var(--color-secondary-4);
    height:  14px;
    width:  14px;
    line-height:  14px;
    text-align:  center;
    padding:  0;
    font-size:  10px;
    border-radius:  50px;
    font-weight:  500;
    display:  inline-block;
    position:  absolute;
    inset-inline-end:  -6px;
    top:  -7px;
    color:  var(--color-white);
    white-space:  nowrap;
    vertical-align:  baseline }
.template-header .header-right .header-extra .user-dropdown .icon  {
    cursor:  pointer;
    color:  var(--color-body) }
.template-header .header-right .header-extra .user-dropdown .dropdown-list  {
    position:  absolute;
    top:  49px;
    right:  0;
    width:  220px;
    height:  auto;
    z-index:  2;
    background-color:  var(--color-white);
    visibility:  hidden;
    opacity:  0;
    transform:  translateY(30px);
    transition:  .3s;
    box-shadow:  0 2px 2px 0 rgb(var(--color-black-rgb)/16%),  var(--color-black-rgb) 1px rgb(var(--color-black-rgb)/8%) }
.template-header .header-right .header-extra .user-dropdown .dropdown-list li a  {
    padding:  15px 20px;
    color:  var(--color-body);
    font-size:  14px;
    font-family:  var(--body-font);
    font-weight:  500;
    display:  block;
    border-bottom:  1px solid rgba(0,  29,  35,  .05);
    transition:  .3s }
.template-header .header-right .header-extra .user-dropdown .dropdown-list li a i  {
    color:  var(--color-secondary-4);
    margin-right:  10px }
.template-header .language-selection .nice-select  {
    width:  auto;
    z-index:  1;
    color:  var(--color-body);
    padding-inline-end:  18px }
.template-header .language-selection .nice-select .list  {
    width:  auto;
    display:  block;
    margin-top:  0;
    transition:  .3s ease-in;
    pointer-events:  inherit;
    overflow:  visible }
.template-header .language-selection .nice-select .list .option  {
    color:  var(--color-body);
    font-weight:  400 }
.template-header .language-selection .nice-select .list::after  {
    content:  "";
    height:  100%;
    width:  100%;
    background:  0 0;
    top:  -30px;
    inset-inline-start:  0;
    position:  absolute;
    z-index:  -2 }
.template-header .language-selection .nice-select::after  {
    right:  inherit;
    inset-inline-end:  0;
    transform:  none }
.template-header .language-selection .nice-select:hover .list  {
    opacity:  1;
    transform:  translateY(15px);
    visibility:  visible }
.template-header .nav-menu>ul>li  {
    margin-block:  0;
    margin-inline:  0;
    padding:  10px 2px;
    margin:  15px 0 }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist ul li ul,  .product-buy-now-wrap .product-summary .template-btn i,  .template-header .nav-menu>ul>li:first-child  {
    margin-inline-start:  0 }
.template-header .nav-menu li a  {
    position:  relative;
    line-height:  1.5;
    color:  var(--color-body);
    font-size:  14px;
    font-family:  var(--body-font);
    font-weight:  500 }
.template-header .nav-menu li a .dd-trigger  {
    padding-inline-start:  6px;
    font-size:  14px }
.template-header .nav-menu li a::before  {
    content:  "";
    position:  absolute;
    inset-inline-start:  0;
    width:  0;
    top:  -8px;
    height:  3px;
    background-color:  var(--color-secondary-4);
    transition:  .3s;
    visibility:  hidden;
    opacity:  0 }
.template-header .nav-menu li a:hover::before  {
    width:  50%;
    visibility:  visible;
    opacity:  1 }
.template-header .nav-menu li a [data-bs-toggle=dropdown]:hover::before  {
    width:  0 }
.template-header .nav-menu li.active>a::before  {
    visibility:  visible;
    opacity:  1;
    width:  50% }
.template-header .nav-menu li:nth-child(2) .mega-menu  {
    max-width:  857px }
.template-header .nav-menu li:nth-child(3) .mega-menu  {
    max-width:  780px }
.template-header .nav-menu li:nth-child(4) .mega-menu  {
    max-width:  660px }
.template-header .nav-menu li:last-child .mega-menu  {
    max-width:  522px }
.template-header .nav-menu .sub-menu  {
    position:  absolute;
    width:  220px;
    background-color:  var(--color-white);
    transition:  .3s ease-in;
    z-index:  99;
    inset-inline-start:  0 }
.template-header .nav-menu .sub-menu li  {
    line-height:  1;
    margin:  0 }
.template-header .nav-menu .sub-menu li:not(:last-child)  {
    border-bottom:  1px solid rgba(0,  29,  35,  .05) }
.template-header .nav-menu .sub-menu li a  {
    justify-content:  space-between;
    padding:  8px 12px;
    display:  flex;
    justify-content:  space-between }
.template-header .nav-menu .sub-menu li a .dd-trigger i  {
    transform:  rotate(-90deg) }
.template-header .nav-menu .sub-menu .sub-menu  {
    inset-inline-start:  100%;
    top:  35%;
    transform:  none }
.template-header .nav-menu .sub-menu.dropdown-menu  {
    padding:  0;
    border:  0;
    border-radius:  0;
    opacity:  1;
    transform:  translateY(30px) !important;
    inset-inline-start:  0 !important;
    inset:  inherit !important }
.template-header .nav-menu .sub-menu.dropdown-menu.show  {
    opacity:  1;
    visibility:  visible;
    display:  block;
    transform:  translateY(15px) !important;
    inset-inline-start:  0 !important }
.template-header .nav-menu li:hover>.sub-menu  {
    visibility:  visible;
    opacity:  1;
    transform:  translateY(15px) }
.template-header .header-right .header-extra .user-profile-dropdown:hover .user-profile-dropdown-content.dropdown-menu,  .template-header .nav-menu li:hover>.mega-menu.dropdown-menu,  .template-header .nav-menu li:hover>.sub-menu.dropdown-menu  {
    opacity:  0;
    visibility:  hidden;
    display:  block }
.template-header .nav-menu li:hover>.mega-menu.dropdown-menu.show,  .template-header .nav-menu li:hover>.sub-menu.dropdown-menu.show  {
    visibility:  visible;
    opacity:  1;
    display:  block }
.template-header .nav-menu .sub-menu li:hover>.sub-menu  {
    top:  0;
    transform:  none }
.template-header .nav-menu .mega-menu  {
    padding:  10px 0;
    background:  #f8f7ff !important;
    border:  1px solid #e8e9eb;
    box-shadow:  0 2px 5px 0 rgb(20 23 28 / 25%);
    border-radius:  5px;
    transition:  .3s ease-in;
    text-align:  start;
    transform:  translateY(30px) !important;
    inset-inline-start:  0 !important;
    inset:  inherit !important;
    opacity:  0;
    visibility:  hidden;
    position:  absolute;
    z-index:  1000;
    background-color:  var(--color-white);
    max-width:  190px;
    width:  190px }
.template-header .nav-menu .mega-menu .sub-menu  {
    display:  block;
    visibility:  hidden;
    opacity:  1;
    position:  static;
    box-shadow:  none;
    margin:  0 5px;
    transform:  none;
    width:  auto;
    max-width:  100%;
    background:  0 0 }
.template-header .nav-menu .mega-menu .sub-menu li  {
    border:  0 }
.cart-product-table .table .qty-and-stock .qty input[type=button].qtyminus,  .template-header .nav-menu .mega-menu .row [class*=col-]:not(:last-child)  {
    border-right:  1px solid var(--color-soft-white) }
.template-header .nav-menu .mega-menu .close-btn  {
    position:  absolute;
    top:  20px;
    right:  25px;
    font-size:  16px;
    cursor:  pointer }
.blog-post-items-v3 .blog-post-item .post-thumbnail a,  .book-list-item .book-thumbnail a,  .dboard-icon-box a,  .list-groups li a,  .searchboxxitesm .quick-search-result .list-group li,  .searchicon_desktoptopbar,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result .list-group li,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result .list-group li,  .template-header .nav-menu .mega-menu.dropdown-menu  {
    display:  block }
.template-header .nav-menu .mega-menu.dropdown-menu.show  {
    transform:  translateY(15px) !important;
    inset-inline-start:  0 !important;
    opacity:  1;
    visibility:  visible }
.template-header .nav-menu .mega-menu.dropdown-menu.show .sub-menu,  .template-header .nav-menu li:hover>.mega-menu .sub-menu  {
    visibility:  visible }
.template-header .nav-menu li:hover>.mega-menu  {
    visibility:  visible;
    opacity:  1 }
.template-header .nav-menu li:hover>.mega-menu:not(.dropdown-menu)  {
    transform:  translateY(0) !important }
.course-sidebar .widget.widget-checklist ul li ul,  .template-header .header-extra>li:not(:first-child),  .template-header.header-layout-1 .header-extra>li:not(:first-child)  {
    margin-inline-start:  15px }
.template-header .template-btn  {
    padding:  8px 15px }
.template-header .template-btn i  {
    margin-inline-start:  0;
    margin-inline-end:  5px }
.template-header .header-extra .login-btn .template-btn  {
    padding:  5.5px 18px }
.template-header .header-extra .login-btn .template-btn i.bx  {
    font-size:  16px;
    position:  relative;
    top:  2px }
.template-header .navbar-toggler  {
    width:  29px;
    padding:  0;
    font-size:  0;
    border-radius:  0 }
.template-header .navbar-toggler span  {
    height:  2px;
    width:  100%;
    background-color:  var(--color-secondary-4);
    border-radius:  2px }
.template-header .navbar-toggler span:nth-child(2)  {
    margin:  5px 0;
    width:  21px }
.template-header .navbar-toggler span:nth-child(3)  {
    width:  14px }
.template-header.nav-white-color .header-navigation:not(.sticky-on) .header-extra .searchbox-icon svg path,  .template-header.nav-white-color .header-navigation:not(.sticky-on) .header-extra .shopping-mini-cart svg path,  .template-header.nav-white-color .header-topbar .header-topbar-right .searchbox-icon svg path,  .template-header.nav-white-color .header-topbar .header-topbar-right .shopping-mini-cart svg path,  .user-form .alt-login .template-btn:hover svg path,  .user-form-container form .template-btn svg path,  .user-form-container form button svg path  {
    fill:  var(--color-white) }
.template-header.nav-white-color .header-navigation:not(.sticky-on) .header-extra .search-bar form input[type=text]  {
    border-color:  rgba(255,  255,  255,  .18);
    color:  var(--color-white) }
.template-header.nav-white-color .header-navigation:not(.sticky-on) .header-extra .search-bar form input[type=text]:focus  {
    border-color:  rgba(255,  255,  255,  .5) }
.hero-area.hero-area-v5 .hero-content .hero-btns .template-btn:hover,  .hero-area.hero-dark .hero-content .template-btn:hover,  .template-header.nav-white-color .header-navigation:not(.sticky-on) .header-extra .template-btn:hover  {
    background-color:  var(--color-white);
    border-color:  var(--color-white);
    color:  var(--color-dark) }
.template-header.nav-white-color .header-navigation:not(.sticky-on) .header-extra .language-selection svg path  {
    stroke:  var(--color-white) }
.template-header.course-item-active .header-navigation .nav-menu>ul>li.course-active>a  {
    border:  2px solid var(--color-secondary-4);
    padding:  5.5px 20px;
    border-radius:  3px }
.template-header.course-item-active .header-navigation .nav-menu>ul>li a::before  {
    height:  2px;
    top:  -7px;
    opacity:  0 }
.template-header .header-navigation:not(.sticky-on) .header-right .header-extra .searchbox .searchbox-input  {
    color:  var(--color-white);
    background:  linear-gradient(81.05deg,  var(--color-dark-4) 19.56%,  var(--color-dark-5) 100%) }
.template-header .header-navigation:not(.sticky-on) .header-right .header-extra .search-dark-color .searchbox-input  {
    color:  var(--color-body);
    background:  var(--color-white) }
.template-header .header-navigation .header-right .header-extra .searchbox  {
    position:  relative;
    transform:  translate(14px,  0);
    z-index:  1 }
.template-header .header-navigation .header-right .header-extra .searchbox .searchbox-icon,  .template-header .header-navigation .header-right .header-extra .searchbox .searchbox-submit  {
    width:  40px;
    height:  40px;
    line-height:  40px;
    display:  block;
    position:  absolute;
    font-size:  14px;
    inset-inline-end:  0;
    border:  0;
    text-align:  center;
    cursor:  pointer;
    color:  var(--color-body) }
.template-header .header-navigation .header-right .header-extra .searchbox .searchbox-icon  {
    top:  -20px }
.template-header .header-navigation .header-right .header-extra .searchbox .searchbox-submit  {
    background-color:  transparent;
    top:  -20px;
    transition:  .3s }
.template-header .header-navigation .header-right .header-extra .searchbox .searchbox-input  {
    position:  absolute;
    top:  -20px;
    inset-inline-end:  13px;
    border:  0;
    outline:  0;
    width:  0%;
    height:  40px;
    margin:  0;
    padding-block:  0 0;
    padding-inline:  10px 40px;
    font-size:  14px;
    font-weight:  400;
    color:  var(--color-body);
    background:  var(--color-white);
    opacity:  0;
    visibility:  hidden;
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    z-index:  1;
    transition:  .3s }
.template-header .header-navigation .header-right .header-extra .searchbox .searchbox-input::-moz-placeholder  {
    color:  var(--color-gray);
    opacity:  .75 }
.template-header .header-navigation .header-right .header-extra .searchbox .searchbox-input::placeholder  {
    color:  var(--color-gray);
    opacity:  .75 }
.template-header .header-navigation .header-right .header-extra .searchbox .searchbox-input:not(:-moz-placeholder-shown)  {
    width:  200px;
    opacity:  1;
    visibility:  visible }
.template-header .header-navigation .header-right .header-extra .searchbox .searchbox-input:not(:placeholder-shown),  .template-header .header-navigation .header-right .header-extra .searchbox.searchbox-open .searchbox-input  {
    width:  200px;
    opacity:  1;
    visibility:  visible }
.template-header .header-navigation .header-right .header-extra .searchbox .searchbox-input:not(:-moz-placeholder-shown)+.searchbox-submit  {
    inset-inline-end:  13px;
    top:  -20px;
    z-index:  2 }
.template-header .header-navigation .header-right .header-extra .searchbox .searchbox-input:not(:placeholder-shown)+.searchbox-submit,  .template-header .header-navigation .header-right .header-extra .searchbox.searchbox-open .searchbox-submit  {
    inset-inline-end:  13px;
    top:  -20px;
    z-index:  2 }
.template-header .header-navigation .header-right .header-extra .searchbox .searchbox-input:not(:-moz-placeholder-shown)+.searchbox-submit+.searchbox-icon  {
    display:  none !important }
.template-header .header-navigation .header-right .header-extra .searchbox .searchbox-input:not(:placeholder-shown)+.searchbox-submit+.searchbox-icon  {
    display:  none !important }
.template-header .header-navigation .header-right .header-extra .search-bar .searchbox-input:not(:-moz-placeholder-shown)+.quick-search-result+.searchbox-submit,  .template-header .header-navigation .header-right .header-extra .searchbox .searchbox-input:not(:-moz-placeholder-shown)+.quick-search-result+.searchbox-submit  {
    inset-inline-end:  13px;
    top:  -20px;
    z-index:  2 }
.template-header .header-navigation .header-right .header-extra .search-bar .searchbox-input:not(:placeholder-shown)+.quick-search-result+.searchbox-submit,  .template-header .header-navigation .header-right .header-extra .searchbox .searchbox-input:not(:placeholder-shown)+.quick-search-result+.searchbox-submit  {
    inset-inline-end:  13px;
    top:  -20px;
    z-index:  2 }
.template-header .header-navigation .header-right .header-extra .search-bar .searchbox-input:focus+.quick-search-result,  .template-header .header-navigation .header-right .header-extra .searchbox .searchbox-input:focus+.quick-search-result  {
    opacity:  1;
    visibility:  visible;
    transform:  translateY(33px) }
.searchboxxitesm .quick-search-result,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result  {
    position:  absolute;
    background-color:  var(--color-white);
    width:  296px;
    transition:  .3s;
    opacity:  0;
    visibility:  hidden;
    transform:  translateY(48px);
    z-index:  1;
    inset-inline-end:  13px;
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/.1);
    padding:  5px 15px 10px;
    max-height:  550px;
    overflow-y:  scroll;
    scrollbar-color:  var(--color-secondary-4) var(--color-off-white) !important;
    scrollbar-width:  thin }
.searchboxxitesm .quick-search-result .title,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result .title,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result .title  {
    background-color:  var(--color-white);
    font-size:  16px;
    font-weight:  600;
    color:  var(--color-body);
    padding:  12px 15px;
    border-bottom:  1px solid var(--color-soft-white);
    margin-bottom:  5px }
.searchboxxitesm .quick-search-result .list-group,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result .list-group,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result .list-group  {
    padding-top:  5px;
    padding-bottom:  5px;
    border-radius:  0 }
.searchboxxitesm .quick-search-result .list-group li a,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result .list-group li a,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result .list-group li a  {
    color:  var(--color-body);
    font-size:  14px;
    padding:  5px 15px;
    display:  block;
    line-height:  24px }
.searchboxxitesm .quick-search-result .list-group li a:hover,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result .list-group li a:hover,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result .list-group li a:hover  {
    color:  var(--color-secondary-4);
    background-color:  rgb(var(--color-secondary-rgb)/.06) }
.searchboxxitesm .quick-search-result .item-group,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result .item-group,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result .item-group  {
    padding-top:  7px;
    padding-bottom:  7px }
.searchboxxitesm .quick-search-result .item-group .item,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result .item-group .item,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result .item-group .item  {
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    padding:  5px 12px;
    text-align:  left;
    -moz-column-gap:  13px;
    column-gap:  13px;
    background-color:  var(--color-white);
    border-radius:  5px }
.searchboxxitesm .quick-search-result .item-group .item .thumb,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result .item-group .item .thumb,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result .item-group .item .thumb,  .widget.m-b-30.cart-product-table .book-thumbnail  {
    width:  50px }
.searchboxxitesm .quick-search-result .item-group .item .thumb img,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result .item-group .item .thumb img,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result .item-group .item .thumb img  {
    border-radius:  2px }
.book-list-items-v3 .book-list-item .book-text-content,  .icon-boxes-v3 .icon-box .icon-box-content,  .searchboxxitesm .quick-search-result .item-group .item .content,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result .item-group .item .content,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result .item-group .item .content  {
    flex:  1;
    text-align:  start }
.searchboxxitesm .quick-search-result .item-group .item .content h6,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result .item-group .item .content h6,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result .item-group .item .content h6  {
    font-size:  14px;
    margin-bottom:  5px;
    font-weight:  500 }
.blog-post-items-v1 .blog-post-item .post-content .title a,  .blog-post-items-v2 .blog-post-item .post-content .title a,  .searchboxxitesm .quick-search-result .item-group .item .content h6 a,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result .item-group .item .content h6 a,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result .item-group .item .content h6 a  {
    overflow:  hidden;
    display:  -webkit-box;
    -webkit-line-clamp:  2;
    -webkit-box-orient:  vertical }
.searchboxxitesm .quick-search-result .item-group .item:hover,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result .item-group .item:hover,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result .item-group .item:hover  {
    background-color:  rgb(var(--color-secondary-rgb)/.06) }
.searchboxxitesm .quick-search-result::-webkit-scrollbar-track,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result::-webkit-scrollbar-track,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result::-webkit-scrollbar-track  {
    box-shadow:  inset 0 0 5px rgb(var(--color-black-rgb)/.05);
    border-radius:  14px;
    background-color:  transparent }
.searchboxxitesm .quick-search-result::-webkit-scrollbar,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result::-webkit-scrollbar,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result::-webkit-scrollbar  {
    border-radius:  14px;
    background-color:  var(--color-off-white) }
.searchboxxitesm .quick-search-result::-webkit-scrollbar-thumb,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result::-webkit-scrollbar-thumb,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result::-webkit-scrollbar-thumb  {
    border-radius:  10px;
    box-shadow:  none;
    background-color:  var(--color-secondary-4) }
.template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result  {
    inset-inline-start:  0;
    transform:  translateY(28px) }
.template-header .header-navigation .header-right .header-extra .search-bar .searchbox-input:focus+.quick-search-result  {
    transform:  translateY(15px) }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist ul li .sub-menu li a,  .edit-profile-wrapper .user-form input,  .edit-profile-wrapper .user-form textarea,  .payment-info-form .user-form input,  .payment-info-form .user-form textarea,  .template-header .header-right .header-extra .user-profile-dropdown .dropdown-toggle  {
    font-size:  14px }
.template-header .header-right .header-extra .user-profile-dropdown .dropdown-toggle img  {
    height:  26px;
    width:  26px;
    border-radius:  50%;
    -o-object-fit:  cover;
    object-fit:  cover;
    margin-inline-end:  5px }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content  {
    inset-inline-start:  auto !important;
    width:  340px;
    padding:  0;
    border:  0;
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/.1);
    display:  block;
    transform:  translateY(30px);
    transition:  .3s ease-in;
    inset:  inherit !important;
    inset-inline-end:  0 !important;
    visibility:  hidden;
    opacity:  0;
    position:  absolute }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content .profile-info  {
    padding:  20px;
    display:  flex;
    background-color:  rgb(var(--color-secondary-rgb)/30%);
    align-items:  center }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content .profile-info .profile-picture  {
    min-width:  50px;
    text-align:  start }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content .profile-info .profile-picture img  {
    width:  38px;
    height:  38px;
    border:  3px solid var(--color-white);
    border-radius:  50% }
.book-list-items-v2 .book-list-item .book-text-content,  .template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content .profile-info .profile-info-content  {
    text-align:  start }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content .profile-info .profile-info-content h3  {
    font-weight:  600;
    font-size:  16px;
    color:  var(--color-body);
    line-height:  1.5;
    margin-bottom:  3px }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content .profile-info .profile-info-content p  {
    font-size:  12px;
    color:  var(--color-gray) }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content .profile-menu  {
    padding:  0 10px 5px;
    max-height:  422px;
    overflow-y:  auto;
    margin:  10px;
    scrollbar-color:  var(--color-secondary-4) var(--color-off-white) !important;
    scrollbar-width:  thin }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content .profile-menu ul li a  {
    padding-block:  10px 10px;
    padding-inline:  0px 45px;
    font-size:  14px;
    transition-property:  padding-inline-start }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content .profile-menu ul li a.has-dropdown.sub-menu-opened+.sub-menu  {
    padding-bottom:  15px;
    opacity:  0;
    visibility:  hidden }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content .profile-menu ul li a.has-dropdown.sub-menu-opened+.sub-menu li a  {
    padding-inline-start:  36px;
    padding-bottom:  0 }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content .profile-menu::-webkit-scrollbar-track  {
    box-shadow:  inset 0 0 5px rgb(var(--color-black-rgb)/.05);
    border-radius:  14px;
    background-color:  transparent }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content .profile-menu::-webkit-scrollbar  {
    width:  8px;
    border-radius:  14px;
    background-color:  var(--color-off-white) }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content .profile-menu::-webkit-scrollbar-thumb  {
    border-radius:  10px;
    box-shadow:  none;
    background-color:  var(--color-secondary-4) }
.template-header .header-right .header-extra .user-profile-dropdown:hover .user-profile-dropdown-content  {
    transform:  translateY(15px) !important;
    opacity:  1;
    visibility:  visible;
    display:  block }
.mobile-slide-panel.panel-on,  .off-canvas-wrapper.canvas-on,  .template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content.dropdown-menu .profile-menu ul li a.has-dropdown.sub-menu-opened+.sub-menu,  .template-header .header-right .header-extra .user-profile-dropdown:hover .user-profile-dropdown-content .profile-menu ul li a.has-dropdown.sub-menu-opened+.sub-menu  {
    opacity:  1;
    visibility:  visible }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content.dropdown-menu  {
    transform:  translateY(30px) !important }
.template-header .header-right .header-extra .user-profile-dropdown .user-profile-dropdown-content.dropdown-menu.show  {
    visibility:  visible;
    opacity:  1;
    display:  block;
    transform:  translateY(15px) !important;
    z-index:  9999999999 }
[dir=rtl] .template-header .header-navigation .header-right .header-extra .searchbox  {
    transform:  translate(-14px,  0) }
[dir=rtl] .template-header .nav-menu li .sub-menu a .dd-trigger  {
    transform:  rotate(180deg);
    padding-inline-start:  0 }
.language-currency-modal .modal-header  {
    padding:  0;
    border:  0;
    position:  absolute;
    inset-inline-end:  34px;
    top:  28px;
    z-index:  5 }
.language-currency-modal .modal-body  {
    padding:  28px 30px 20px }
.language-currency-modal .modal-header button:focus,  .read-book-modal .modal-header .btn-close:focus  {
    outline:  0;
    box-shadow:  none }
.list-title  {
    color:  var(--color-body);
    font-size:  18px;
    font-weight:  600;
    border-bottom:  1px solid var(--color-soft-white);
    padding-bottom:  15px }
.course-item,  .footer-area .footer-widget .widget,  .lesson-playlist .lesson-playlist-items .lesson-playlist-item:not(:last-child),  .mobile-slide-panel .mobile-logo,  .success-story-v2 .success-story-content-wrapper .success-story-content .single-success-story,  .testimonial-items-v2 .testimonial-item .testimonial-item-body .quote,  .user-form-wrapper .form-title  {
    margin-bottom:  30px }
.list-groups li a  {
    font-size:  16px;
    font-weight:  500;
    line-height:  24px;
    color:  var(--color-gray-7);
    padding:  10px 15px }
.list-groups li a img  {
    margin-inline-end:  12px;
    width:  20px }
.list-groups li.active a  {
    background:  rgb(var(--color-secondary-rgb)/.1);
    display:  block;
    color:  var(--color-secondary-4);
    position:  relative }
.list-groups li.active a::after  {
    content:  "\f00c";
    font-family:  "Font Awesome 5 Pro";
    position:  absolute;
    inset-inline-end:  15px }
.mobile-slide-panel,  .off-canvas-wrapper  {
    position:  fixed;
    inset-inline-end:  0;
    top:  0;
    background-color:  transparent;
    z-index:  9999;
    width:  100vw;
    height:  100vh;
    display:  flex;
    justify-content:  flex-end;
    transition:  .3s ease-out;
    opacity:  0;
    visibility:  hidden }
.social-profile li a:hover,  .template-btn,  .template-btn.bordered-btn:hover  {
    background-color:  var(--color-secondary-4) }
.mobile-slide-panel .panel-inner,  .off-canvas-wrapper .canvas-inner  {
    min-width:  400px;
    max-width:  400px;
    height:  100vh;
    background-color:  var(--color-white);
    padding:  70px 40px 40px;
    position:  relative;
    z-index:  2;
    overflow-y:  scroll;
    overflow-x:  hidden;
    margin-inline-end:  -400px;
    opacity:  0;
    visibility:  hidden;
    transition:  .3s ease-out }
.mobile-slide-panel .panel-overlay,  .off-canvas-wrapper .canvas-overlay  {
    position:  fixed;
    left:  0;
    top:  0;
    width:  100vw;
    height:  100vh;
    background-color:  var(--color-body);
    cursor:  pointer;
    z-index:  1;
    transition:  .5s ease-out;
    opacity:  0;
    visibility:  hidden }
.mobile-slide-panel .panel-close,  .off-canvas-wrapper .canvas-close  {
    position:  absolute;
    top:  20px;
    inset-inline-end:  30px;
    z-index:  2;
    font-size:  28px;
    line-height:  1;
    color:  var(--color-body) }
.mobile-slide-panel .panel-inner  {
    width:  300px;
    margin-inline-end:  -300px;
    padding:  40px 50px 40px 30px }
.mobile-slide-panel .mobile-logo img,  .mobile-slide-panel .mobile-logo svg  {
    max-width:  130px }
.mobile-slide-panel .mobile-menu li a  {
    position:  relative;
    display:  block;
    line-height:  1.5;
    padding-block:  10px 10px;
    padding-inline:  0 45px;
    border-bottom:  1px solid var(--color-soft-white);
    color:  var(--color-body);
    font-size:  15px;
    font-family:  var(--body-font);
    font-weight:  500 }
.mobile-slide-panel .mobile-menu li a .dd-trigger  {
    position:  absolute;
    top:  0;
    inset-inline-end:  0;
    width:  45px;
    height:  100%;
    display:  flex;
    align-items:  center;
    justify-content:  center;
    line-height:  1;
    z-index:  2;
    border-inline-start:  1px solid var(--color-soft-white) }
.mobile-slide-panel .mobile-menu li .sub-menu  {
    display:  none;
    padding-inline-start:  10px }
.mobile-slide-panel .mobile-menu li.active>a::before  {
    visibility:  visible;
    opacity:  1;
    width:  calc(100% - 10px) }
.off-canvas-wrapper .canvas-close  {
    position:  absolute;
    top:  20px;
    right:  30px;
    z-index:  2;
    font-size:  28px;
    line-height:  1;
    color:  var(--color-body) }
.mobile-slide-panel.panel-on .panel-inner,  .off-canvas-wrapper.canvas-on .canvas-inner  {
    visibility:  visible;
    opacity:  1;
    margin-inline-end:  -18px }
.mobile-slide-panel.panel-on .panel-overlay,  .off-canvas-wrapper.canvas-on .canvas-overlay  {
    opacity:  1;
    visibility:  visible;
    opacity:  .4 }
.off-canvas-wrapper .canvas-inner .canvas-inner-title  {
    text-transform:  uppercase;
    font-weight:  500;
    font-size:  16px;
    margin-bottom:  30px;
    text-align:  center;
    position:  relative;
    z-index:  1 }
.off-canvas-wrapper .canvas-inner .canvas-inner-title span  {
    background:  var(--color-white);
    padding:  0 15px }
.off-canvas-wrapper .canvas-inner .canvas-inner-title::after  {
    position:  absolute;
    content:  "";
    height:  1px;
    width:  100%;
    background:  rgba(0,  29,  35,  .05);
    left:  0;
    top:  50%;
    margin-top:  -.5px;
    z-index:  -1 }
.off-canvas-wrapper .canvas-inner .cart-product  {
    display:  flex;
    align-items:  flex-start;
    padding-bottom:  20px;
    margin-bottom:  20px;
    border-bottom:  1px solid rgba(0,  29,  35,  .05) }
.off-canvas-wrapper .canvas-inner .cart-product .thumb  {
    flex:  0 0 auto;
    width:  calc(25% - 5px) }
.off-canvas-wrapper .canvas-inner .cart-product .content  {
    flex:  0 0 auto;
    width:  calc(75% - 5px);
    padding-inline-start:  20px }
.off-canvas-wrapper .canvas-inner .cart-product .content .title  {
    color:  var(--color-body);
    font-weight:  500;
    font-size:  16px }
.off-canvas-wrapper .canvas-inner .cart-product .content .quantity-price-wrapper,  .profile-sidebar .profile-card .profile-info p  {
    color:  var(--color-gray);
    font-size:  14px }
.off-canvas-wrapper .canvas-inner .cart-product .remove-from-cart  {
    align-self:  center;
    color:  var(--color-body) }
.off-canvas-wrapper .canvas-inner .cart-footer  {
    position:  absolute;
    bottom:  40px;
    left:  40px;
    right:  40px }
.course-playlist ul li a,  .off-canvas-wrapper .canvas-inner .cart-footer .subtotal-wrapper  {
    display:  flex;
    justify-content:  space-between;
    align-items:  center }
.off-canvas-wrapper .canvas-inner .cart-footer .subtotal-wrapper .subtotal-title  {
    font-size:  16px;
    font-weight:  500;
    text-transform:  uppercase }
.average-rating-summary h5,  .cart-product-table .table th,  .off-canvas-wrapper .canvas-inner .cart-footer .subtotal-wrapper .subtotal,  .success-story-v2 .success-story-content-wrapper .success-story-content .single-success-story h5,  .team-member-items-v3 .team-member-item .member-content h5  {
    font-weight:  600;
    font-size:  16px }
.off-canvas-wrapper .canvas-inner .cart-footer .cart-btns  {
    display:  flex;
    margin-top:  20px;
    align-items:  center;
    margin-left:  -12px;
    margin-right:  -12px }
.off-canvas-wrapper .canvas-inner .cart-footer .cart-btns li  {
    flex-grow:  1;
    padding-right:  12px;
    padding-left:  12px }
.off-canvas-wrapper .canvas-inner .cart-footer .cart-btns li .template-btn  {
    width:  100%;
    text-align:  center;
    border-radius:  3px }
.template-btn  {
    display:  inline-block;
    color:  var(--color-white);
    padding:  11.5px 35px;
    font-size:  14px;
    font-family:  var(--body-font);
    font-weight:  500;
    line-height:  1.5;
    transition:  .4s;
    position:  relative;
    z-index:  0;
    vertical-align:  middle;
    border-radius:  3px;
    border:  2px solid var(--color-secondary-4);
    overflow:  hidden }
.course-details-sidebar .course-details-info .course-social .share-course i,  .template-btn i  {
    margin-left:  5px }
.template-btn:hover  {
    color:  var(--color-white);
    border-color:  var(--color-hover);
    background-color:  var(--color-hover) }
.template-btn.template-btn-dark  {
    color:  var(--color-white);
    border-color:  var(--color-body);
    background-color:  var(--color-body) }
.template-btn.template-btn-gray  {
    color:  var(--color-white);
    border-color:  var(--color-gray-8);
    background-color:  var(--color-gray-8) }
.template-btn.bordered-btn,  .template-btn.bordered-btn-secondary  {
    background-color:  transparent;
    box-shadow:  none;
    border-color:  var(--color-secondary-4);
    color:  var(--color-secondary-4) }
.template-btn.bordered-btn:hover  {
    border-color:  var(--color-secondary-4);
    color:  var(--color-white) }
.template-btn.bordered-btn-secondary:hover  {
    border-color:  var(--color-dark);
    color:  var(--color-dark) }
.template-btn.template-btn-white  {
    color:  var(--color-gray);
    border-radius:  3px;
    border-color:  var(--color-white);
    background-color:  var(--color-white) }
[dir=rtl] .blog-post-items-v3 .blog-post-item .post-content .read-more-btn i,  [dir=rtl] .template-btn i.fa-long-arrow-right  {
    transform:  rotate(-180deg);
    margin-left:  0;
    margin-right:  5px }
.add_remove_wishlist  {
    padding:  12px 28px !important }
.social-profile  {
    display:  flex;
    gap:  8px }
.social-profile li a  {
    height:  35px;
    width:  35px;
    text-align:  center;
    border-radius:  3px;
    line-height:  35px;
    font-size:  15px;
    transition:  .3s ease-in-out;
    color:  var(--color-secondary-4);
    background-color:  rgb(var(--color-white-rgb)/30%) }
.social-profile li a:hover  {
    color:  var(--color-white);
    transform:  translateY(-5px) }
.social-profile.theme-color-icon li a  {
    --text-clr:  var(--color-secondary-4);
    --bg-clr:  var(--color-white) }
.social-profile.black-color li a  {
    --text-clr:  var(--color-white);
    --bg-clr:  var(--color-gray) }
.footer-area .footer-copyright .copyright-nav-menu li:not(:last-child),  .lesson-content-block .author-box .thumbnail,  .social-profile-v2 li:not(:last-child)  {
    margin-inline-end:  15px }
.social-profile-v2 li a  {
    font-size:  15px;
    color:  var(--color-gray-3);
    display:  block }
.slider-primary .slick-dots  {
    line-height:  0;
    text-align:  center;
    margin-top:  10px }
.slider-primary .slick-dots li  {
    display:  inline-block;
    position:  relative;
    margin-right:  5px;
    line-height:  0 }
.slider-primary .slick-dots li button  {
    font-size:  0px;
    background-color:  var(--color-soft-white);
    border:  none;
    line-height:  0;
    height:  5px;
    width:  27px;
    border-radius:  0;
    cursor:  pointer;
    transition:  .3s }
.slider-primary .slick-dots li.slick-active button  {
    background-color:  var(--color-secondary-4);
    width:  40px }
.slider-primary.testimonial-slider .slick-dots  {
    bottom:  60px;
    position:  absolute;
    inset-inline-start:  43.3% }
.slider-primary.success-story-author .slick-dots  {
    margin-top:  30px;
    text-align:  end }
.rating-review  {
    display:  inline-flex }
.rating-review li:last-child a  {
    color:  var(--color-gray-4);
    padding-left:  5px }
.rating-review .all-rating  {
    height:  21px;
    overflow:  hidden;
    position:  relative;
    width:  100% }
.rating-review .all-rating .blank-rating  {
    bottom:  0;
    color:  var(--color-supernova);
    inset-inline-start:  0;
    position:  absolute;
    inset-inline-end:  0;
    top:  0 }
.book-list-items-v3 .book-list-item .book-thumbnail img,  .cart-product-table .cart-product.product-type-course .book-thumbnail img,  .course-items-v2 .course-item .course-item-body,  .icon-boxes-v3 .icon-box .icon-box-icon img,  .lesson-playlist video,  .masonry-images .main-image,  .rating-review .all-rating.star-5 .main-rating,  .success-story-v2 .success-story-author-preview img,  .team-items-v1 .team-member-item .member-img img  {
    width:  100% }
.rating-review .all-rating.star-5 .blank-rating  {
    inset-inline-start:  100% }
.rating-review .all-rating.star-4 .main-rating  {
    width:  81% }
.rating-review .all-rating.star-4 .blank-rating  {
    inset-inline-start:  81% }
.rating-review .all-rating.star-3 .main-rating  {
    width:  60% }
.rating-review .all-rating.star-3 .blank-rating  {
    inset-inline-start:  60% }
.rating-review .all-rating.star-2 .main-rating  {
    width:  38% }
.rating-review .all-rating.star-2 .blank-rating  {
    inset-inline-start:  41% }
.cart-product-table .table.table-v2 tbody td:nth-child(3),  .cart-product-table .table.table-v2 thead th:nth-child(3),  .rating-review .all-rating.star-1 .main-rating  {
    width:  12% }
.rating-review .all-rating.star-1 .blank-rating  {
    inset-inline-start:  20% }
.blog-sidebar .widget.widget-checklist ul,  .rating-review .total-review  {
    margin-inline-start:  8px }
.average-rating-summary  {
    display:  flex;
    flex-wrap:  wrap;
    gap:  15px 30px }
.average-rating-summary .average-rating  {
    width:  190px }
.average-rating-summary .average-rating h2  {
    font-weight:  500;
    font-size:  70px;
    line-height:  70px;
    margin-bottom:  25px }
.about-instructor-content .list,  .average-rating-summary .average-rating h5,  .blog-details-content.blog-details-content-v2 .post-thumbnail,  .book-details-tab-content .specification-table,  .footer-area.footer-area-v2 .footer-widget .widget,  .hero-area.hero-area-v5 .hero-masonry-image.hero-masonry-image-v2 .row [class*=col]:first-child,  .hero-area.hero-area-v5 .hero-masonry-image.hero-masonry-image-v2 .row [class*=col]:nth-child(2)  {
    margin-bottom:  25px }
.average-rating-summary .average-rating .rating-star span  {
    margin-top:  5px }
.average-rating-summary .average-rating-details,  .comments-template .comments-list .comment .comment-content,  .course-items-v3.list-view .course-item .course-item-body,  .icon-boxes-v4 .icon-box-content,  .team-member-items-v3 .team-member-item .member-content  {
    flex:  1 }
.average-rating-summary .average-rating-details [data-progress]::after,  .info-box.color-2 .info-box-thumbnail img  {
    background-color:  var(--color-supernova) }
.average-rating-summary .average-rating-details .line-progress,  .blog-details-content.blog-details-content-v2 .post-meta,  .book-details-tab-content .specification-table h4,  .course-sidebar .widget.category-widget ul li.dropdown-title,  .login-BTN li  {
    margin-bottom:  20px }
.comments-template .comments-list .comment .comment-body,  .rating-summary,  .video-lesson-slider-v1.video-lessons-v2 .slick-slide.video-lessons-v2,  .video-lesson-slider-v1.video-lessons-v2 .video-lesson.slick-slide,  .video-lessons-v1.video-lesson-slider-v1 .slick-slide.video-lessons-v2,  .video-lessons-v1.video-lesson-slider-v1 .video-lesson.slick-slide,  .video-lessons-v2.video-lesson-slider-v2 .slick-slide.video-lessons-v2,  .video-lessons-v2.video-lesson-slider-v2 .video-lesson.slick-slide,  ul.terright_ul  {
    display:  flex }
.rating-summary .rating-summary-content  {
    flex:  0 0 100%;
    display:  flex;
    align-items:  center;
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    padding:  20px 15px;
    margin-inline-end:  40px;
    position:  relative }
.rating-summary .rating-summary-content .total-rating  {
    width:  137px;
    text-align:  center }
.rating-summary .rating-summary-content .total-rating h4  {
    font-weight:  700;
    font-size:  18px;
    color:  var(--color-supernova) }
.rating-summary .rating-summary-content .total-rating p  {
    font-weight:  400;
    font-size:  12px;
    color:  var(--color-gray) }
.rating-summary .rating-summary-content .rating-details  {
    flex:  1;
    position:  relative;
    padding-inline-start:  16px }
.rating-summary .rating-summary-content .rating-details::after  {
    content:  "";
    position:  absolute;
    height:  100%;
    width:  1px;
    background-color:  var(--color-soft-white);
    top:  0;
    inset-inline-start:  0 }
.rating-summary .rating-summary-content .rating-details .star-count-progress .rating-star  {
    width:  143px;
    margin-inline-end:  10px }
.rating-summary .rating-summary-content .rating-details .star-count-progress .line-progress  {
    position:  relative;
    margin:  0;
    padding-inline-end:  50px }
.rating-summary .rating-summary-content .rating-details .star-count-progress .line-progress p  {
    position:  absolute;
    inset-inline-end:  0;
    top:  -1px;
    line-height:  1;
    color:  var(--color-gray);
    font-weight:  400;
    font-size:  12px }
.rating-summary .rating-summary-content .rating-details .star-count-progress .line-progress [data-progress]  {
    margin:  0;
    border-radius:  5px }
.rating-summary .rating-summary-content .rating-details .star-count-progress .line-progress [data-progress]::after  {
    background:  var(--color-supernova);
    border-radius:  5px }
.rating-summary .rating-summary-content .rating-details .star-count-progress:not(:last-child)  {
    margin-bottom:  7px }
.rating-summary .write-review  {
    flex:  1;
    text-align:  center;
    display:  grid;
    justify-content:  center;
    align-items:  center;
    position:  relative }
.rating-summary .write-review a  {
    color:  var(--color-secondary-4);
    font-weight:  600;
    font-size:  16px }
.rating-summary .write-review::after  {
    content:  "";
    position:  absolute;
    height:  75%;
    width:  1px;
    top:  50%;
    inset-inline-start:  0;
    transform:  translate(0,  -50%);
    background-image:  url("data:image/svg+xml, %3Csvg width='2' height='147' viewBox='0 0 2 147' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0V146.5' stroke='url(%23paint0_linear_92_11849)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_92_11849' x1='1.5' y1='0' x2='1.5' y2='146.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EEEEEE' stop-opacity='0'/%3E%3Cstop offset='0.484375' stop-color='%23EEEEEE'/%3E%3Cstop offset='1' stop-color='%23EEEEEE' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") }
.rate  {
    position:  relative;
    line-height:  1 }
.rate:not(:checked)>input  {
    position:  absolute;
    top:  -9999px }
.rate:not(:checked)>label  {
    float:  right;
    width:  1em;
    overflow:  hidden;
    white-space:  nowrap;
    cursor:  pointer;
    font-size:  18px;
    color:  var(--color-supernova) }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist.max-height .category-list-group,  .footer-area .footer-widget .widget .social-links li:not(:last-child),  .rate:not(:checked)>label:not(:first-child)  {
    margin-inline-end:  6px }
.rate:not(:checked)>label:hover~label::before,  .rate>input:checked~label::before,  .rate>input~label:hover::before  {
    font-weight:  700 }
.rate:not(:checked)>label:before  {
    content:  "\f005";
    font-family:  "Font Awesome 5 Pro";
    font-size:  16px;
    font-weight:  300;
    transition:  .3s }
[dir=rtl] .rate  {
    float:  right }
.form-internal,  .hero-area .container-1278,  .hero-area .hero-content .hero-title span,  .hero-area.hero-area-v2 .hero-image>img,  .masonry-images .right-content,  .recent-videos-section  {
    position:  relative;
    z-index:  1 }
.hero-area .hero-content  {
    position:  relative;
    z-index:  10 }
.hero-area .hero-content .hero-subtitle  {
    font-size:  20px;
    font-weight:  500;
    color:  var(--color-secondary-4);
    line-height:  30px }
.hero-area .hero-content .hero-title  {
    font-size:  42px;
    line-height:  54px;
    margin-bottom:  43px;
    color:  var(--color-body) }
.hero-area .hero-content .hero-title span::after  {
    position:  absolute;
    content:  "";
    width:  100%;
    left:  0;
    z-index:  -1;
    background-position:  bottom;
    background-repeat:  no-repeat;
    bottom:  -5px;
    height:  15px;
    background-image:  url(../img/particle/title-line-yellow.svg);
    background-size:  contain }
.hero-area .hero-content p  {
    margin-bottom:  23px;
    font-size:  16px;
    color:  var(--color-gray) }
.hero-area .hero-image  {
    position:  absolute;
    bottom:  0;
    inset-inline-end:  12px;
    width:  50%;
    text-align:  end }
.hero-area.hero-dark  {
    background-color:  var(--color-dark) }
.hero-area.hero-dark .hero-content .template-btn.bordered-btn  {
    border-color:  var(--color-white);
    color:  var(--color-white) }
.hero-area.hero-dark .hero-content .template-btn.bordered-btn:hover  {
    border-color:  var(--color-white) }
.hero-area.hero-area-v2 .hero-content::after,  .hero-area.hero-area-v3 .hero-content::after  {
    content:  "";
    width:  371px;
    height:  371px;
    inset-inline-start:  -40%;
    top:  20%;
    position:  absolute;
    border-radius:  50%;
    z-index:  -1;
    background:  var(--color-secondary-4);
    opacity:  .15;
    filter:  blur(100px) }
.hero-area.hero-area-v2 .hero-image  {
    text-align:  center;
    width:  50%;
    margin-bottom:  16px }
.hero-area.hero-area-v2 .hero-image .circle-element  {
    width:  100%;
    display:  flex;
    max-width:  448px;
    min-height:  448px;
    align-items:  center;
    border-radius:  50%;
    margin:  0 auto;
    position:  absolute;
    inset-block-end:  0;
    inset-inline-start:  0;
    inset-inline-end:  0;
    background-color:  var(--color-secondary-4) }
.hero-area.hero-area-v2 .hero-image .circle-element::before  {
    position:  absolute;
    content:  "";
    background-image:  url(../img/hero/ellipse.svg);
    background-repeat:  no-repeat;
    background-size:  100% 100%;
    background-position:  center center;
    height:  100%;
    width:  100%;
    top:  -30px;
    inset-inline-start:  0;
    z-index:  -1 }
.hero-area.hero-area-v2 .hero-image .circle-element::after  {
    position:  absolute;
    content:  "";
    background-color:  var(--color-secondary-4);
    opacity:  .1;
    inset-inline-start:  -7px;
    top:  -12px;
    width:  calc(100% + 28px);
    height:  calc(100% + 28px);
    z-index:  -2;
    border-radius:  50% }
.hero-area.hero-area-v2 .hero-image .circle-element .element  {
    background:  var(--color-secondary-4);
    box-shadow:  0 0 10px rgba(132,  154,  239,  .5);
    height:  10px;
    width:  10px;
    position:  absolute;
    border-radius:  50px }
.hero-area.hero-area-v2 .hero-image .circle-element .element:first-child  {
    top:  0;
    inset-inline-start:  10px }
.hero-area.hero-area-v2 .hero-image .circle-element .element:nth-child(2)  {
    inset-inline-start:  60px;
    top:  -70px }
.hero-area.hero-area-v2 .hero-image .circle-element .element:nth-child(3)  {
    top:  -65px;
    inset-inline-start:  145px }
.hero-area.hero-area-v2 .hero-image .circle-element .element:nth-child(4)  {
    inset-inline-start:  auto;
    inset-inline-end:  40px;
    top:  -52px;
    background-color:  var(--color-supernova) }
.hero-area.hero-area-v2 .hero-image .circle-element .element:nth-child(5)  {
    inset-inline-start:  auto;
    inset-inline-end:  -50px;
    top:  -35px;
    background-color:  var(--color-supernova) }
.hero-area.hero-area-v2 .hero-image .circle-element .element.element-1x  {
    height:  5px;
    width:  5px }
.hero-area.hero-area-v2 .hero-image .circle-element .element.element-2x  {
    height:  6px;
    width:  6px }
.hero-area.hero-area-v2 .hero-image .circle-element .element.element-3x,  .hero-area.hero-area-v2 .hero-image .circle-element .element.element-4x  {
    height:  10px;
    width:  10px }
.hero-area.hero-area-v2 .hero-image .circle-element .element.element-5x  {
    height:  19px;
    width:  19px }
.hero-area.hero-area-v2 .hero-image .circle-element .rating-box  {
    position:  absolute;
    inset-inline-end:  0;
    top:  0;
    z-index:  5;
    padding:  24px 10px;
    border-radius:  8px;
    box-shadow:  0 15px 40px rgb(var(--color-black-rgb)/.2);
    border:  1px solid var(--color-white);
    background:  rgb(var(--color-white-rgb)/.7);
    -webkit-backdrop-filter:  blur(40px);
    backdrop-filter:  blur(40px);
    max-width:  150px;
    min-height:  150px }
.hero-area.hero-area-v2 .hero-image .circle-element .rating-box h5  {
    font-size:  20px;
    font-weight:  600;
    line-height:  20px;
    margin-bottom:  9px }
.hero-area.hero-area-v2 .hero-image .circle-element .rating-box p  {
    font-size:  12px;
    font-weight:  400;
    line-height:  20px }
.hero-area.hero-area-v2 .hero-image .circle-element .user-images  {
    background:  rgb(var(--color-white-rgb)/.7);
    border:  1px solid var(--color-white);
    box-shadow:  0 15px 40px rgb(var(--color-black-rgb)/.2);
    -webkit-backdrop-filter:  blur(40px);
    backdrop-filter:  blur(40px);
    border-radius:  8px;
    padding:  15px 20px;
    display:  flex;
    align-items:  center;
    justify-content:  flex-start;
    flex-wrap:  wrap;
    position:  absolute;
    z-index:  5;
    inset-inline-start:  -100px;
    bottom:  30px;
    min-width:  205px }
.hero-area.hero-area-v2 .hero-image .circle-element .user-images li:not(:first-child)  {
    margin-inline-start:  -15px }
.hero-area.hero-area-v2 .hero-image .circle-element .user-images li.note  {
    margin-inline-start:  9px;
    font-size:  16px;
    font-weight:  700;
    line-height:  19px;
    text-align:  left;
    color:  var(--color-body) }
.hero-area.hero-area-v2 .hero-image .circle-element .user-images li.note span  {
    display:  block;
    font-size:  10px;
    font-weight:  400;
    line-height:  11px;
    margin-top:  3px;
    color:  var(--color-gray-5) }
.hero-area.hero-area-v2 .hero-image .circle-element .user-images li a img  {
    width:  40px;
    height:  40px;
    border-radius:  50%;
    border:  3px solid var(--color-white) }
.hero-area.hero-area-v2 .hero-image .circle-element .user-images li a:hover img  {
    transform:  translateY(-4px) scale(1.02);
    box-shadow:  0 .25rem 1rem rgba(161,  172,  184,  .45);
    z-index:  2 }
.hero-area.hero-area-v2 .hero-image:after,  .hero-area.hero-area-v2 .hero-image:before  {
    content:  "";
    width:  245px;
    height:  245px;
    background-color:  var(--color-secondary-4);
    opacity:  .15;
    bottom:  0;
    left:  0;
    border-radius:  50%;
    position:  absolute;
    z-index:  -2;
    filter:  blur(100px) }
.hero-area.hero-area-v2 .hero-image:after  {
    left:  auto;
    right:  0;
    width:  361px;
    height:  361px;
    bottom:  0 }
.hero-area.hero-area-v3 .hero-image  {
    text-align:  center;
    bottom:  44px }
.hero-area.hero-area-v3 .hero-image img  {
    position:  relative;
    z-index:  1;
    bottom:  29px;
    inset-inline-end:  40px;
    max-width:  414px }
.hero-area.hero-area-v3 .hero-image .circle-element  {
    width:  100%;
    display:  flex;
    max-width:  312px;
    min-height:  312px;
    align-items:  center;
    border-radius:  20px 90px;
    margin:  0 auto;
    position:  absolute;
    bottom:  0;
    inset-inline-start:  0;
    inset-inline-end:  0;
    background-color:  var(--color-secondary-4);
    border:  30px solid var(--color-white);
    box-shadow:  0 50px 145px rgb(var(--color-secondary-rgb)/.15) }
.hero-area.hero-area-v3 .hero-image .circle-element::after  {
    height:  183px;
    width:  183px;
    content:  "";
    position:  absolute;
    right:  -92px;
    top:  -92px;
    border:  30px solid var(--color-white);
    border-radius:  20px 90px;
    transform:  rotate(-90deg);
    box-shadow:  0 50px 145px rgb(var(--color-secondary-rgb)/.2);
    background:  linear-gradient(49.14deg,  var(--color-supernova) 25.14%,  var(--color-supernova-4) 87.78%);
    z-index:  -1;
    animation-name:  hero-float-bob-y }
.hero-area.hero-area-v3 .hero-image .circle-element .element  {
    position:  absolute;
    border-radius:  50px;
    height:  10px;
    width:  10px;
    background-color:  var(--color-secondary-4);
    box-shadow:  0 0 10px rgb(var(--color-secondary-rgb)/.5) }
.hero-area.hero-area-v3 .hero-image .circle-element .element.element-1x  {
    height:  7px;
    width:  7px;
    background-color:  var(--color-supernova);
    box-shadow:  0 0 10px rgba(101,  236,  222,  .5) }
.hero-area.hero-area-v3 .hero-image .circle-element .element.element-2x  {
    height:  12px;
    width:  12px }
.hero-area.hero-area-v3 .hero-image .circle-element .element.element-5x  {
    height:  31px;
    width:  31px;
    border-radius:  10px;
    filter:  drop-shadow(0px 4px 10px rgba(73,  107,  241,  .5));
    transform:  rotate(14.25deg) }
.hero-area.hero-area-v3 .hero-image .circle-element .element:first-child  {
    top:  -60px;
    left:  -80px }
.hero-area.hero-area-v3 .hero-image .circle-element .element:nth-child(2)  {
    top:  -120px;
    left:  -30px }
.hero-area.hero-area-v3 .hero-image .circle-element .element:nth-child(3)  {
    left:  44px;
    top:  -77px }
.hero-area.hero-area-v3 .hero-image .circle-element .element:nth-child(4)  {
    right:  -115px;
    top:  -85px }
.hero-area.hero-area-v3 .hero-image .circle-element .element:nth-child(5)  {
    right:  -105px;
    top:  40px }
[dir=rtl] .hero-area.hero-area-v3 .hero-image img  {
    inset-inline-end:  0px }
[dir=rtl] .hero-area.hero-area-v3 .hero-image .circle-element  {
    inset-inline-end:  75px }
.hero-area.hero-area-v4.flip-bg .hero-content  {
    transform:  scaleX(1) }
[dir=rtl] .hero-area.hero-area-v4.flip-bg,  [dir=rtl] .hero-area.hero-area-v4.flip-bg .hero-content  {
    transform:  scaleX(-1) }
[dir=rtl] .hero-area.hero-area-v4.flip-bg .container>.row  {
    justify-content:  flex-end }
.hero-area.hero-area-v5  {
    background:  linear-gradient(81.05deg,  var(--color-dark-4) 19.56%,  var(--color-dark-5) 100%) }
.hero-area.hero-area-v5 .hero-content .hero-subtitle  {
    color:  var(--color-white);
    margin-bottom:  10px;
    font-size:  22px;
    line-height:  1.6;
    font-weight:  600 }
.hero-area.hero-area-v5 .hero-content .hero-title  {
    color:  var(--color-soft-white);
    font-size:  58px;
    line-height:  1.1;
    margin-bottom:  23px }
.hero-area.hero-area-v5 .hero-content p  {
    color:  var(--color-white);
    margin-bottom:  27px }
.hero-area.hero-area-v5 .hero-content .hero-btns  {
    gap:  15px 20px;
    flex-wrap:  wrap }
.hero-area.hero-area-v5 .hero-masonry-image  {
    margin-inline-start:  auto;
    padding-inline-start:  54px;
    padding-inline-end:  26px;
    max-width:  591px;
    position:  relative;
    z-index:  1;
    padding-block-end:  10px }
.hero-area.hero-area-v5 .hero-masonry-image::after,  .hero-area.hero-area-v5 .hero-masonry-image::before  {
    position:  absolute;
    content:  "";
    height:  435px;
    width:  435px;
    border:  1px solid var(--color-secondary-4);
    z-index:  -1;
    top:  25px;
    inset-inline-end:  0 }
.hero-area.hero-area-v5 .hero-masonry-image::after  {
    top:  auto;
    bottom:  0;
    inset-inline-start:  0 }
.hero-area.hero-area-v5 .hero-masonry-image img  {
    margin-block-end:  18px }
.hero-area.hero-area-v5 .hero-masonry-image.hero-masonry-image-v2  {
    max-width:  476px;
    padding-inline-start:  0px;
    padding-inline-end:  22px;
    padding-block-end:  28px }
.hero-area.hero-area-v5 .hero-masonry-image.hero-masonry-image-v2::after,  .hero-area.hero-area-v5 .hero-masonry-image.hero-masonry-image-v2::before,  .page-nav ul li.active::after  {
    border-color:  var(--color-secondary-4) }
.course-item .title,  .course-items-v3 .course-item p,  .education-group-tabs .nav-tabs  {
    border-bottom:  1px solid var(--color-soft-white) }
.hero-area.hero-area-v5 .hero-masonry-image.hero-masonry-image-v2::before  {
    top:  -22px;
    inset-inline-end:  0;
    height:  calc(100% - 31px);
    width:  calc(100% - 31px) }
.hero-area.hero-area-v5 .hero-masonry-image.hero-masonry-image-v2 img  {
    margin-block-end:  0 }
.hero-area.hero-area-v5 .hero-masonry-image.hero-masonry-image-v2 .row [class*=col]:nth-child(2),  .hero-area.hero-area-v5 .hero-masonry-image.hero-masonry-image-v2 .row [class*=col]:nth-child(4)  {
    padding-inline-end:  0px }
.main-tabs .nav-pills  {
    justify-content:  center;
    margin-bottom:  50px;
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/10%) }
.main-tabs .nav-pills.max-content  {
    max-width:  -moz-max-content;
    max-width:  max-content;
    margin-left:  auto;
    margin-right:  auto }
.main-tabs .nav-pills li .nav-link  {
    font-weight:  600;
    font-size:  16px;
    line-height:  24px;
    border-radius:  3px;
    padding:  14px 39.5px;
    background:  var(--color-white);
    color:  var(--color-body);
    width:  100% }
.education-level-tabs .nav-pills li .nav-link.active,  .main-tabs .nav-pills li .nav-link.active  {
    background:  var(--color-secondary-4);
    color:  var(--color-white) }
.main-tabs .nav-pills li:first-child .nav-link  {
    border-end-start-radius:  3px;
    border-start-end-radius:  0;
    border-end-end-radius:  0;
    border-start-start-radius:  3px }
.main-tabs .nav-pills li:last-child .nav-link  {
    border-end-start-radius:  0;
    border-start-end-radius:  3px;
    border-end-end-radius:  3px;
    border-start-start-radius:  0 }
.education-level-tabs .nav-pills  {
    justify-content:  center;
    margin-bottom:  45px }
.education-level-tabs .nav-pills li .nav-link  {
    font-weight:  600;
    font-size:  16px;
    line-height:  24px;
    border-radius:  7px;
    padding:  14px 37px;
    background:  var(--color-white);
    color:  var(--color-body);
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/5%) }
.education-level-tabs .nav-pills li:first-child .nav-link  {
    border-end-start-radius:  7px;
    border-start-end-radius:  0;
    border-end-end-radius:  0;
    border-start-start-radius:  7px }
.education-level-tabs .nav-pills li:last-child .nav-link  {
    border-end-start-radius:  0;
    border-start-end-radius:  7px;
    border-end-end-radius:  7px;
    border-start-start-radius:  0 }
.education-group-tabs .nav-tabs  {
    margin-bottom:  40px }
.education-group-tabs .nav-tabs li .nav-link  {
    font-weight:  600;
    font-size:  16px;
    line-height:  24px;
    color:  var(--color-body);
    padding:  5px 0 20px;
    border-radius:  0;
    background:  0 0;
    border:  0;
    position:  relative;
    z-index:  1 }
.education-group-tabs .nav-tabs li .nav-link::after  {
    position:  absolute;
    content:  "";
    height:  1px;
    width:  0;
    background-color:  var(--color-secondary-4);
    bottom:  -1px;
    left:  -100%;
    z-index:  -1;
    transition:  .3s }
.education-group-tabs .nav-tabs li .nav-link.active::after  {
    width:  100%;
    left:  0 }
.education-group-tabs .nav-tabs li:not(:last-child)  {
    margin-inline-end:  35px }
.education-group-tabs .single-education-group-tab-content .single-subject  {
    filter:  drop-shadow(0px 5px 10px rgb(var(--color-black-rgb)/.059));
    padding:  15px;
    background-color:  var(--color-white);
    border:  1px solid var(--color-soft-white-2);
    border-radius:  10px;
    font-weight:  700;
    color:  var(--color-body);
    margin-bottom:  24px;
    display:  flex;
    align-items:  center;
    line-height:  1.4 }
.education-group-tabs .single-education-group-tab-content .single-subject img  {
    margin-inline-end:  15px;
    height:  50px;
    width:  50px;
    border-radius:  5px }
.course-subject-items .course-subject-item  {
    padding:  15px 20px;
    background-color:  var(--color-white);
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    font-weight:  600;
    color:  var(--color-body);
    margin-bottom:  24px;
    display:  flex;
    align-items:  center;
    line-height:  1.4;
    font-size:  16px;
    text-transform:  uppercase;
    transition:  .3s }
.course-subject-items .course-subject-item img  {
    margin-inline-end:  15px;
    height:  50px;
    width:  50px }
.course-subject-items .course-subject-item:hover,  .fancy-check-list .list-inner:hover  {
    box-shadow:  0 10px 15px rgb(var(--color-black-rgb)/.1);
    transform:  translate(0,  -10px) }
.book-details-tabs.main-tabs .nav-pills,  .course-details-tabs.main-tabs .nav-pills,  .instructor-details-tabs.main-tabs .nav-pills,  .testimonial-items-v2 .testimonial-item .testimonial-item-body  {
    margin-bottom:  35px }
.book-details-tabs.main-tabs .nav-pills li,  .course-details-tabs.main-tabs .nav-pills li,  .instructor-details-tabs.main-tabs .nav-pills li  {
    flex-grow:  1 }
.course-details-tabs.main-tabs .nav-pills li .nav-link  {
    padding:  18px 15px;
    width:  100% }
.book-details-tabs.main-tabs .nav-pills li .nav-link  {
    padding:  14px 45.58px }
.course-item  {
    background-color:  var(--color-white);
    transition:  .3s }
.course-item .course-item-thumb  {
    display:  block;
    position:  relative;
    overflow:  hidden }
.course-item .course-item-thumb img  {
    width:  100%;
    transition:  .3s }
.course-item .course-badge  {
    position:  absolute;
    inset-inline-end:  0;
    inset-block-start:  30px;
    padding:  4px 10px;
    background-color:  var(--color-secondary-4);
    border-start-start-radius:  25px;
    border-end-start-radius:  25px;
    border-end-end-radius:  0;
    border-start-end-radius:  0;
    color:  var(--color-white) }
.course-item .course-item-body  {
    padding:  30px 26px 26px }
.blog-post-items-v1.blog-post-slider-v1 .slick-center,  .course-item:hover,  .icon-boxes-v1 .icon-box:hover  {
    transform:  translate(0,  -10px) }
.course-item .course-item-footer,  .course-item .course-item-info  {
    display:  flex;
    align-items:  center;
    justify-content:  space-between;
    flex-wrap:  wrap;
    gap:  5px }
.course-item .course-item-footer .course-lesson,  .course-item .course-item-info li  {
    font-size:  14px;
    line-height:  21px }
.course-item .course-item-info:first-of-type img  {
    height:  50px;
    width:  50px;
    border:  3px solid var(--color-white);
    border-radius:  50%;
    display:  block;
    margin-bottom:  5px }
.about-instructor-content .list ul,  .contact-form-info ul li:not(:last-child),  .course-item .course-item-info:last-of-type,  .course-sidebar.course-sidebar-v2 .widget.widget-checklist ul li .sub-menu li,  .footer-area .footer-widget .widget.nav-widget ul li:not(:last-child),  .footer-area.footer-area-v2 .footer-widget .widget.download-app-widget,  .footer-area.footer-area-v2 .footer-widget .widget.download-app-widget img,  .icon-boxes-v5 .icon-box .icon-box-icon,  .simple-image-box .image,  .user-form-container .was-validated .invalid-feedback,  .user-form-container .was-validated .valid-feedback,  .user-form.was-validated .invalid-feedback,  .user-form.was-validated .valid-feedback  {
    margin-bottom:  15px }
.course-item .course-item-footer .course-price  {
    color:  var(--color-secondary-4);
    font-weight:  600;
    font-size:  20px;
    line-height:  30px }
.course-item .course-item-footer .course-price small  {
    color:  var(--color-gray-3);
    font-weight:  400;
    font-size:  14px;
    line-height:  21px;
    text-decoration:  line-through;
    margin-inline-start:  8px }
.course-item .course-item-footer .course-lesson i  {
    margin-right:  6px }
.course-item .title  {
    font-weight:  600;
    font-size:  18px;
    line-height:  27px;
    padding-top:  10px;
    padding-bottom:  15px;
    margin-bottom:  15px }
.blog-post-items-v3 .blog-post-item .post-content .title a,  .book-list-item .book-text-content h6 a,  .course-item .title a,  .pricing-table .plan-title p  {
    overflow:  hidden;
    display:  -webkit-box;
    -webkit-line-clamp:  1;
    -webkit-box-orient:  vertical }
.course-items-v1 .course-item .course-item-info:first-of-type  {
    margin-top:  -55px;
    align-items:  flex-end }
.course-items-v2 .course-item  {
    display:  flex;
    border-radius:  15px;
    border:  1px solid var(--color-soft-white) }
.course-items-v2 .course-item .course-item-info:first-of-type  {
    margin-top:  0;
    margin-bottom:  20px;
    padding-bottom:  15px;
    border-bottom:  1px solid var(--color-soft-white);
    align-items:  center;
    flex-wrap:  wrap;
    -moz-column-gap:  20px;
    column-gap:  20px }
.course-items-v2 .course-item .course-item-info:first-of-type li:first-child  {
    display:  flex;
    align-items:  center;
    gap:  8px }
.course-items-v2 .course-item .course-item-info:first-of-type li img,  .course-items-v3 .course-item .course-item-info,  .footer-area.footer-area-v2 .footer-widget .footer-top .widget,  .lesson-content-block .lesson-topics ul li:last-child,  .pricing-table .plan-feature li:last-child,  .user-intro .user-contact-info li:last-child  {
    margin-bottom:  0 }
.course-items-v2 .course-item .title  {
    border-bottom:  0;
    padding-bottom:  0;
    padding-top:  0 }
.course-items-v2 .course-item:hover  {
    transform:  translate(5px,  0) }
.counter-items-v1 .counter-item:hover .icon::after,  .course-items-v2 .course-item:hover .course-item-thumb img,  .course-items-v3 .course-item:hover .course-item-thumb img,  .course-items-v4 .course-item:hover .course-item-thumb img  {
    transform:  scale(1) }
.course-items-v2 .course-item .course-item-thumb  {
    min-width:  318px }
.course-items-v2 .course-item .course-item-thumb img  {
    border-start-start-radius:  15px;
    border-end-start-radius:  15px;
    border-end-end-radius:  0;
    border-start-end-radius:  0 }
.course-items-v3 .course-item  {
    border-radius:  3px;
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/.1);
    -webkit-backdrop-filter:  blur(300px);
    backdrop-filter:  blur(300px);
    position:  relative;
    border:  1px solid var(--color-soft-white) }
.course-items-v3 .course-item .course-category  {
    display:  flex;
    gap:  10px;
    position:  absolute;
    inset-block-start:  0;
    inset-inline-start:  0 }
.course-items-v3 .course-item .title,  .course-items-v4 .course-item .course-item-body .title  {
    padding-bottom:  0;
    border:  0;
    margin-bottom:  15px;
    padding-top:  0 }
.course-items-v3 .course-item .course-badge,  .course-items-v3 .course-item .course-category li a  {
    inset-inline-end:  auto;
    border-start-start-radius:  3px;
    border-end-start-radius:  0;
    border-end-end-radius:  0;
    border-start-end-radius:  0;
    font-size:  12px;
    line-height:  18px;
    padding:  6px 10px;
    background-color:  var(--color-secondary-4);
    font-weight:  600;
    inset-inline-start:  0;
    inset-block-start:  0 }
.course-items-v3 .course-item p  {
    padding-bottom:  10px;
    margin-bottom:  14px }
.course-items-v3 .course-item .course-item-thumb  {
    height:  250px }
.course-items-v3 .course-item .course-item-thumb img  {
    border-radius:  3px 3px 0 0;
    height:  250px;
    width:  100%;
    -o-object-fit:  cover;
    object-fit:  cover;
    -o-object-position:  top center;
    object-position:  top center }
.course-items-v3 .course-item .course-item-thumb .wishlist-icon,  .wishlist-icon  {
    position:  absolute;
    inset-inline-end:  20px;
    top:  14px;
    color:  var(--color-secondary-4);
    font-size:  16px }
.course-items-v3 .course-item .course-item-info:first-of-type,  .course-items-v3.list-view .course-item .course-category  {
    position:  static }
.course-items-v3 .course-item .course-item-info .rating-review  {
    position:  absolute;
    top:  auto;
    margin-top:  -60px }
.course-items-v3 .course-item .course-item-info .total-review  {
    margin-inline-start:  0;
    background:  var(--color-body);
    font-weight:  500;
    font-size:  14px;
    line-height:  14px;
    border-radius:  2px;
    color:  var(--color-white);
    padding:  8px;
    display:  flex }
.course-items-v3 .course-item .course-item-info .total-review i,  .course-items-v4 .course-item .course-item-body .course-item-header .total-review i  {
    margin-inline-end:  4px }
.course-items-v3 .course-item .course-item-body  {
    padding:  32px 25px 20px }
.course-items-v3 .course-item .course-item-body .course-item-body-inner  {
    padding:  30px 25px 20px }
.course-items-v3 .course-item .course-category li a  {
    color:  var(--color-white) }
.course-items-v3 .course-item .course-item-footer  {
    background-color:  var(--color-off-white);
    padding:  23px 25px }
.course-items-v3 .course-item .course-item-footer .line-progress  {
    display:  flex;
    width:  auto;
    margin:  0;
    flex:  1;
    align-items:  center;
    gap:  10px }
.course-items-v3 .course-item .course-item-footer .line-progress .animate-progress  {
    width:  100%;
    margin-top:  0 }
.assignment-table .template-btn,  .book-list-item .book-text-content .template-btn,  .course-items-v3 .course-item .template-btn,  .course-items-v4 .course-item .course-item-body .course-item-footer .template-btn  {
    padding:  5px 19px }
.course-items-v3 .course-item:hover  {
    box-shadow:  0 15px 30px rgb(var(--color-black-rgb)/.15) }
.course-items-v3.list-view .course-item,  .course-items-v4 .course-item,  .course-items-v4 .course-item:hover  {
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/.1) }
.course-items-v3 .course-item.course-progress .course-item-body  {
    padding-top:  22px }
.course-items-v3 .course-item.course-progress .course-item-body .title  {
    margin:  0;
    padding:  0 }
.course-items-v3 .course-item.course-progress .course-item-footer  {
    -moz-column-gap:  10px;
    column-gap:  10px }
.course-items-v3.list-view .course-item  {
    display:  flex;
    border-radius:  3px;
    border:  1px solid var(--color-soft-white);
    -webkit-backdrop-filter:  inherit;
    backdrop-filter:  inherit;
    flex-wrap:  wrap;
    height:  250px;
    overflow:  hidden }
.course-items-v3.list-view .course-item .course-item-body .title a  {
    -webkit-line-clamp:  2 }
.course-items-v3.list-view .course-item .course-item-thumb  {
    width:  297px }
.course-items-v3.list-view .course-item .course-item-thumb img  {
    border-radius:  inherit;
    border-start-start-radius:  3px;
    border-end-start-radius:  3px;
    border-end-end-radius:  0;
    border-start-end-radius:  0;
    height:  100%;
    -o-object-fit:  cover;
    object-fit:  cover;
    width:  100%;
    -o-object-position:  top center;
    object-position:  top center }
.course-items-v3.list-view .course-item .course-item-header  {
    justify-content:  space-between !important;
    margin-bottom:  15px }
.course-items-v3.list-view .course-item .course-item-info .rating-review  {
    position:  static;
    margin-top:  auto }
.course-items-v3.list-view .course-item .course-category li a,  .course-items-v4 .course-item .course-item-body .course-item-header .course-category li a  {
    display:  block;
    background-color:  var(--color-secondary-4);
    font-weight:  500;
    font-size:  14px;
    line-height:  14px;
    border-radius:  2px;
    color:  var(--color-white);
    padding:  8px }
.course-items-v3.list-view .course-item .course-item-footer  {
    padding:  0 25px 30px;
    background-color:  transparent }
.course-items-v4 .course-item  {
    border-radius:  3px;
    display:  flex;
    border:  1px solid var(--color-soft-white) }
.course-items-v4 .course-item .course-item-thumb  {
    min-width:  295px }
.course-items-v4 .course-item .course-item-thumb img  {
    border-start-start-radius:  3px;
    border-end-start-radius:  3px;
    border-end-end-radius:  0;
    border-start-end-radius:  0 }
.course-items-v4 .course-item .course-item-body  {
    padding:  32px 26px 27px }
.course-items-v4 .course-item .course-item-body .course-item-header  {
    display:  flex;
    justify-content:  space-between;
    align-items:  flex-start;
    margin-bottom:  15px;
    flex-wrap:  wrap;
    gap:  10px }
.course-items-v4 .course-item .course-item-body .course-item-header .course-category  {
    display:  flex;
    flex-wrap:  wrap;
    gap:  10px }
.course-items-v4 .course-item .course-item-body .course-item-header .total-review  {
    margin-left:  0;
    background:  var(--color-body);
    font-weight:  500;
    font-size:  14px;
    line-height:  14px;
    border-radius:  2px;
    color:  var(--color-white);
    padding:  8px }
.course-items-v4 .course-item .course-item-body .course-item-info:first-of-type  {
    margin-bottom:  17px;
    margin-top:  0 }
.course-items-v4 .course-item:hover  {
    transform:  translate(0) }
.course-lesson-v2.course-lesson-slider-v2 .slick-slide,  .course-slider .slick-slide,  .pricing-slider .slick-slide,  .team-items-v1.team-slider .slick-slide  {
    margin:  0 15px }
.course-slider.course-items-v3 .course-item  {
    border:  1px solid var(--color-off-white-3);
    box-shadow:  none }
.course-slider.course-items-v3 .course-item:hover  {
    box-shadow:  none;
    transform:  none }
.course-shorter  {
    background:  var(--color-white);
    border:  1px solid var(--color-soft-white);
    box-shadow:  0 3px 6px rgba(51,  51,  51,  .06);
    border-radius:  12px;
    padding:  20px;
    display:  flex;
    align-items:  center;
    flex-wrap:  wrap;
    -moz-column-gap:  15px;
    column-gap:  15px;
    row-gap:  15px }
.course-shorter .grid-list li.sort-text  {
    margin-inline-start:  11px;
    color:  var(--color-gray) }
.course-shorter .grid-list li a  {
    font-size:  16px;
    color:  var(--color-black);
    display:  block;
    height:  40px;
    width:  40px;
    line-height:  40px;
    text-align:  center }
.course-shorter .grid-list li.active a,  .course-shorter .grid-list li.toggle-icon a  {
    background:  var(--color-secondary-4);
    text-align:  center;
    color:  var(--color-white);
    border-radius:  3px }
.course-shorter .grid-list li.toggle-icon a  {
    background-color:  var(--color-gray);
    height:  34px;
    width:  34px;
    line-height:  34px }
.course-shorter .search-form input  {
    height:  40px;
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    padding:  10px 16px;
    padding-inline-end:  35px;
    color:  var(--color-dark);
    line-height:  14px;
    font-size:  14px;
    font-weight:  400 }
.course-shorter .search-form input::-moz-placeholder  {
    color:  var(--color-gray-3) }
.course-shorter .search-form input::placeholder  {
    color:  var(--color-gray-3) }
.course-shorter .search-form button,  .search-sorter .search-form button  {
    position:  absolute;
    inset-inline-end:  0;
    top:  0;
    height:  100%;
    width:  40px;
    border:  0;
    background-color:  transparent;
    text-align:  center;
    color:  var(--color-gray-3);
    font-size:  18px;
    display:  flex;
    flex-direction:  column;
    justify-content:  center;
    align-items:  center }
.course-shorter .sort-right,  .notification-wrapper .sort-right  {
    display:  flex;
    align-items:  center;
    flex-wrap:  wrap;
    gap:  15px }
.course-sidebar .widget.category-widget ul li a.has-dropdown,  .course-sidebar .widget.widget-checklist ul li a.has-dropdown  {
    font-weight:  500;
    align-items:  center;
    color:  var(--color-body);
    display:  flex }
.course-shorter .sort-right .course-dropdown .nice-select  {
    font-weight:  400;
    width:  auto;
    z-index:  1;
    color:  var(--color-gray);
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    padding:  10px 30px 10px 15px;
    height:  40px }
.course-shorter .sort-right .course-dropdown .nice-select .list,  .notification-wrapper .sort-right .notification-dropdown .nice-select .list  {
    width:  auto;
    margin-top:  12px;
    display:  block }
.course-shorter .sort-right .course-dropdown .nice-select::after,  .notification-wrapper .sort-right .notification-dropdown .nice-select::after  {
    right:  10px }
.course-shorter.course-shorter-v2  {
    padding:  11px 15px;
    border-radius:  3px;
    box-shadow:  0 3px 6px rgba(51,  51,  51,  .06) }
.course-shorter.course-shorter-v2 .course-dropdown .nice-select,  .course-shorter.course-shorter-v2 .search-form input  {
    height:  34px }
.course-shorter.course-shorter-v2 .search-form  {
    max-width:  177px }
.course-sidebar  {
    padding:  30px;
    background:  var(--color-white);
    border:  1px solid var(--color-soft-white);
    border-radius:  12px }
.course-sidebar .widget:not(:last-child)  {
    margin-bottom:  26px;
    padding-bottom:  24px;
    border-bottom:  1px solid var(--color-off-white-3) }
.blog-sidebar .widget .dropdown-title,  .course-sidebar .widget .dropdown-title  {
    font-weight:  500;
    font-size:  16px;
    line-height:  14px;
    margin-bottom:  25px }
.course-sidebar .widget .dropdown-title i  {
    font-weight:  400;
    margin-inline-start:  5px }
.course-sidebar .widget.category-widget ul li ul  {
    margin-inline-start:  18px }
.course-sidebar .widget.category-widget ul li.show-more a,  .course-sidebar .widget.widget-checklist ul li.show-more a  {
    font-weight:  500;
    color:  var(--color-body);
    margin-bottom:  0 }
.course-sidebar .widget.category-widget ul li a,  .course-sidebar .widget.widget-checklist ul li a  {
    font-weight:  400;
    font-size:  16px;
    color:  var(--color-gray);
    transition:  .3s }
.course-sidebar .widget.category-widget ul li a.has-dropdown>span,  .course-sidebar .widget.widget-checklist ul li a.has-dropdown>span  {
    position:  absolute;
    inset-inline-end:  0;
    top:  0 }
.course-sidebar .widget.category-widget ul li a.has-dropdown>i,  .course-sidebar .widget.widget-checklist ul li a.has-dropdown>i  {
    margin-inline-start:  10px }
.course-sidebar .widget.category-widget ul li>span,  .course-sidebar .widget.widget-checklist ul li>span  {
    position:  absolute;
    inset-inline-end:  0;
    top:  4px }
.course-sidebar .widget.category-widget ul li .sub-menu,  .course-sidebar .widget.widget-checklist ul li .sub-menu,  .profile-menu ul li .sub-menu  {
    opacity:  0;
    height:  0;
    visibility:  hidden;
    transition:  .3s;
    overflow:  hidden }
.course-sidebar .widget.category-widget ul li a.has-dropdown.sub-menu-opened,  .course-sidebar .widget.widget-checklist ul li a.has-dropdown.sub-menu-opened  {
    margin-bottom:  13px }
.course-sidebar .widget.category-widget ul li a.has-dropdown.sub-menu-opened+.sub-menu,  .course-sidebar .widget.widget-checklist ul li a.has-dropdown.sub-menu-opened+.sub-menu  {
    opacity:  1;
    visibility:  visible;
    height:  auto }
.assignment-details-wrapper .text-block h6,  .book-list-items-v2 .book-list-item .book-text-content h6,  .book-list-items-v3 .book-list-item .book-text-content h6,  .country-code-filter li ul li:not(:last-child),  .course-playlist ul li:not(:last-child),  .course-sidebar .widget.category-widget ul li a.has-dropdown.sub-menu-opened+.sub-menu li:last-child,  .course-sidebar .widget.rating-widget label:not(:last-child),  .course-sidebar .widget.widget-checklist ul li a.has-dropdown.sub-menu-opened+.sub-menu li:last-child,  .quiz-question-wrapper .quiz-question .question-options .option:not(:last-child),  .simple-text-infobox ul li:not(:last-child)  {
    margin-bottom:  5px }
.blog-sidebar .widget .widget-list-group li a,  .course-sidebar .widget .widget-list-group li a  {
    font-weight:  400;
    font-size:  16px;
    line-height:  14px;
    color:  var(--color-gray);
    transition:  .3s;
    margin-bottom:  18px }
.assignment-details-wrapper .assignment-details .submitted-file .delete-btn svg path,  .checkbox-default input[type=checkbox]+span::after,  .checkbox-default input[type=checkbox]+span::before,  .course-sidebar .widget.rating-widget input[type=checkbox]+span::after,  .course-sidebar .widget.rating-widget input[type=checkbox]+span::before,  .course-sidebar .widget.widget-checklist input[type=checkbox]+span::after,  .course-sidebar .widget.widget-checklist input[type=checkbox]+span::before,  .notification-wrap .nt-card .nt-card-left .nt-card-check input[type=checkbox]+span::after,  .notification-wrap .nt-card .nt-card-left .nt-card-check input[type=checkbox]+span::before,  .product-buy-now-wrap .product-summary .product-specification tr td input[type=checkbox]+span::after,  .product-buy-now-wrap .product-summary .product-specification tr td input[type=checkbox]+span::before,  .profile-menu ul li a svg path  {
    transition:  .3s }
.blog-sidebar .widget.widget-checklist ul li label input[type=checkbox]+span::after,  .course-sidebar .widget.rating-widget input[type=checkbox]+span::after  {
    position:  absolute;
    inset-inline-start:  0px;
    top:  3px;
    display:  inline-block;
    content:  "";
    width:  20px;
    height:  20px;
    border:  1px solid var(--color-soft-white);
    border-radius:  2px;
    background-color:  var(--color-white) }
.address-card .form-check-input:checked,  .blog-sidebar .widget.widget-checklist ul li label input[type=checkbox]:checked+span::after,  .checkout-accordion .accordion-button label input[type=checkbox]:checked+span::after,  .course-sidebar .widget.rating-widget input[type=checkbox]:checked+span::after,  .course-sidebar .widget.rating-widget.color-secondary input[type=checkbox]:checked+span::after,  .course-sidebar .widget.widget-checklist input[type=checkbox]:checked+span::after,  .notification-wrap .nt-card .nt-card-left .nt-card-check input[type=checkbox]:checked+span::after,  .product-buy-now-wrap .product-summary .product-specification tr td input[type=checkbox]:checked+span::after,  .user-form-container form button::after,  .window-load-modal .modal-content .modal-body .modal-content-inner .dont-show-popup .form-checkbox input:checked+label::before  {
    background-color:  var(--color-secondary-4);
    border-color:  var(--color-secondary-4) }
.blog-sidebar .widget.widget-checklist ul li label input[type=checkbox]:checked+span::before,  .course-sidebar .widget.rating-widget input[type=checkbox]:checked+span::before,  .course-sidebar .widget.widget-checklist input[type=checkbox]:checked+span::before  {
    transform:  rotate(45deg);
    position:  absolute;
    inset-inline-start:  8px;
    top:  6px;
    width:  5px;
    height:  10px;
    border-width:  2px;
    border-style:  solid;
    border-top:  0;
    border-left:  0;
    border-color:  var(--color-white);
    content:  "";
    z-index:  1 }
.course-sidebar .widget.rating-widget label  {
    padding-inline-start:  28px;
    position:  relative;
    display:  block;
    width:  140px;
    cursor:  pointer }
.course-sidebar .widget.widget-checklist ul li  {
    position:  relative;
    font-weight:  400;
    font-size:  16px;
    color:  var(--color-gray);
    transition:  .3s }
.course-sidebar .widget.widget-checklist ul li.dropdown-title  {
    font-weight:  500;
    font-size:  16px;
    margin-bottom:  20px;
    color:  var(--color-body) }
.course-sidebar .widget.widget-checklist ul li.show-more  {
    padding-top:  3px;
    margin-bottom:  0;
    line-height:  1.2 }
.course-sidebar .widget.widget-checklist ul li a.has-dropdown  {
    position:  relative }
.course-sidebar .widget.widget-checklist input[type=checkbox]+span::after  {
    position:  absolute;
    inset-inline-start:  0px;
    top:  3px;
    display:  inline-block;
    content:  "";
    border:  1px solid var(--color-soft-white);
    border-radius:  2px;
    background-color:  var(--color-white) }
.course-sidebar .widget.widget-checklist label  {
    padding-inline-start:  28px;
    position:  relative;
    display:  block;
    cursor:  pointer;
    text-transform:  capitalize }
.checkbox-default input[type=checkbox]+span::after  {
    position:  absolute;
    inset-inline-start:  0px;
    top:  3px;
    display:  inline-block;
    content:  "";
    width:  16px;
    height:  16px;
    border:  1px solid var(--color-soft-white-9);
    border-radius:  50px;
    background-color:  var(--color-white) }
.checkbox-default input[type=checkbox]:checked+span::after  {
    background-color:  transparent;
    border-color:  var(--color-secondary-4) }
.checkbox-default input[type=checkbox]:checked+span::before  {
    transform:  rotate(45deg);
    position:  absolute;
    inset-inline-start:  6px;
    top:  5px;
    width:  5px;
    height:  9px;
    border-width:  1px;
    border-style:  solid;
    border-top:  0;
    border-left:  0;
    border-color:  var(--color-secondary-4);
    content:  "";
    z-index:  1 }
.checkbox-default label  {
    padding-inline-start:  20px;
    position:  relative;
    display:  block;
    cursor:  pointer;
    text-transform:  capitalize;
    margin-bottom:  -7px }
.course-sidebar.course-sidebar-v2  {
    padding-block:  14px 18px;
    padding-inline:  20px 8px;
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/.1) }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist ul li:not(:last-child)  {
    margin-bottom:  12px }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist ul li ul li a .icon  {
    background-color:  rgba(var(--icon-bg-clr,  124,  183,  153),  .2);
    height:  20px;
    min-width:  20px;
    display:  grid;
    place-content:  center;
    border-radius:  50% }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist ul li ul li a .icon svg  {
    max-width:  8px }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist ul li ul li a .icon svg path  {
    fill:  rgb(var(--icon-bg-clr,  124,  183,  153)) }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist ul li ul li a .icon.black-icon  {
    --icon-bg-clr:  102,  102,  102 }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist ul li ul li a .icon.green-icon  {
    --icon-bg-clr:  124,  183,  153 }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist ul li ul li a .icon.yellow-icon  {
    --icon-bg-clr:  253,  204,  13 }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist ul li ul li a .icon.purple-icon  {
    --icon-bg-clr:  209,  109,  134 }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist.max-height  {
    overflow-y:  scroll;
    max-height:  550px }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist.max-height::-webkit-scrollbar-track  {
    border-radius:  3px;
    background-color:  transparent }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist.max-height::-webkit-scrollbar  {
    width:  7px;
    border-radius:  3px;
    background-color:  transparent }
.course-sidebar.course-sidebar-v2 .widget.widget-checklist.max-height::-webkit-scrollbar-thumb  {
    border-radius:  3px;
    background-color:  var(--color-soft-white) }
.course-details-header .title  {
    font-weight:  600;
    font-size:  20px;
    color:  var(--color-body);
    margin-bottom:  10px }
.course-details-header .desc,  .instructor-profile-preview .instructor-social-activity .instructor-follow-wrapper .following-and-followers li  {
    font-weight:  400;
    font-size:  14px;
    line-height:  24px;
    color:  var(--color-gray) }
.course-details-header .course-details-info  {
    display:  flex;
    margin:  30px 0 0;
    align-items:  center;
    flex-wrap:  wrap;
    row-gap:  10px }
.course-details-header .course-details-info li  {
    position:  relative;
    margin-inline-end:  30px;
    font-weight:  400;
    font-size:  13px;
    line-height:  20px;
    color:  var(--color-body) }
.course-details-header .course-details-info li.rating i  {
    color:  var(--color-supernova);
    margin-inline-end:  3px }
.course-details-header .course-details-info li.rating span  {
    color:  var(--color-body);
    font-size:  16px;
    font-weight:  600;
    margin-right:  3px }
.course-details-header .course-details-info li i  {
    margin-inline-end:  8px;
    font-size:  15px }
.course-details-header .course-details-info li::after  {
    position:  absolute;
    top:  2px;
    inset-inline-end:  -15px;
    width:  1px;
    height:  15px;
    background:  var(--color-off-white-5);
    content:  "" }
.course-details-header.color-white .desc  {
    color:  var(--color-off-white-6) }
.course-details-header.color-white .course-details-info li,  .course-details-header.color-white .course-details-info li span  {
    color:  var(--color-off-white) }
.course-details-overview .course-details-overview-content h4  {
    font-size:  16px;
    color:  var(--color-body);
    margin-bottom:  15px;
    font-weight:  600 }
.course-details-overview .course-details-overview-content p  {
    font-size:  14px;
    font-weight:  400;
    line-height:  24px;
    color:  var(--color-gray);
    margin-bottom:  20px }
.course-details-overview .course-details-overview-content ul.course-description  {
    margin-bottom:  35px;
    padding-top:  5px }
.course-details-sidebar .course-details-info  {
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    margin-bottom:  30px;
    background-color:  var(--color-white) }
.course-details-sidebar .course-details-info .course-video .plyr.plyr--video  {
    border-radius:  3px 3px 0 0 !important;
    height:  250px }
.course-details-sidebar .course-details-info .course-video .plyr .plyr__poster  {
    border-radius:  0;
    background-size:  cover;
    background-position:  left }
.course-details-sidebar .course-details-info .course-video .plyr.plyr--full-ui .plyr__control--overlaid  {
    height:  50px;
    width:  50px;
    display:  flex;
    justify-content:  center;
    align-items:  center;
    background-color:  var(--color-white);
    opacity:  1 }
.course-details-sidebar .course-details-info .course-video .plyr.plyr--full-ui .plyr__control--overlaid svg  {
    height:  18px;
    width:  18px;
    color:  var(--color-secondary-4) }
.course-details-sidebar .course-details-info .course-video .plyr.plyr--full-ui .plyr__control--overlaid::after  {
    opacity:  .2;
    border-radius:  50%;
    top:  -10px;
    left:  -10px;
    right:  0;
    bottom:  0;
    width:  70px;
    height:  70px;
    border:  20px solid var(--color-white);
    animation-delay:  .5s;
    position:  absolute;
    content:  "" }
.course-details-sidebar .course-details-info .single-course-info  {
    padding:  30px 25px 25px }
.course-details-sidebar .course-details-info .price  {
    color:  var(--color-secondary-4);
    padding-bottom:  25px;
    font-weight:  600;
    font-size:  24px;
    line-height:  18px;
    display:  block }
.course-details-sidebar .course-details-info .price small  {
    color:  var(--color-gray-3);
    font-weight:  400;
    font-size:  14px;
    line-height:  21px;
    text-decoration:  line-through;
    margin-inline-start:  5px }
.course-details-sidebar .course-details-info .course-feature-list ul li  {
    display:  flex;
    justify-content:  space-between;
    align-items:  center;
    border-bottom:  1px solid var(--color-soft-white);
    padding-bottom:  10px;
    margin-bottom:  10px }
.course-details-sidebar .course-details-info .course-feature-list ul li h6,  .course-details-sidebar .course-details-info .course-feature-list ul li span  {
    font-weight:  500;
    font-size:  14px;
    line-height:  21px }
.course-details-sidebar .course-details-info .course-enroll  {
    margin-top:  22px;
    margin-bottom:  20px }
.course-details-sidebar .course-details-info .course-enroll .template-btn  {
    font-weight:  600;
    font-size:  14px;
    line-height:  20px;
    height:  48px;
    padding:  12px;
    display:  block;
    text-align:  center;
    display:  flex;
    align-items:  center;
    justify-content:  center }
.course-details-sidebar .course-details-info .course-enroll .template-btn.bordered-btn-secondary svg path  {
    stroke:  var(--color-secondary-4) }
.course-details-sidebar .course-details-info .course-enroll .template-btn.bordered-btn-secondary:hover svg path  {
    stroke:  var(--color-dark) }
.course-details-sidebar .course-details-info .course-social  {
    background:  var(--color-white);
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    display:  flex;
    justify-content:  space-between;
    padding:  11px 15px;
    align-items:  center;
    -moz-column-gap:  12px;
    column-gap:  12px }
.course-details-sidebar .course-instructor .course-instructor-info,  .section-title-v3  {
    padding-bottom:  15px }
.course-details-sidebar .course-details-info .course-social .share-course  {
    font-weight:  600;
    font-size:  14px;
    line-height:  20px;
    color:  var(--color-gray);
    display:  block }
.course-details-sidebar .course-details-info .course-social .social-profile li a  {
    height:  24px;
    width:  24px;
    line-height:  24px;
    font-size:  10px;
    display:  flex;
    justify-content:  center;
    align-items:  center }
.course-details-sidebar .course-instructor  {
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    padding:  10px;
    text-align:  center;
    margin-bottom:  30px }
.course-details-sidebar .course-instructor .instructor-thumb  {
    margin-bottom:  18px }
.course-details-sidebar .course-instructor .course-instructor-info h3  {
    font-weight:  600;
    font-size:  18px;
    line-height:  28px;
    text-align:  center;
    color:  var(--color-body);
    margin-bottom:  3px }
.course-details-sidebar .course-instructor .course-instructor-info p  {
    font-weight:  400;
    font-size:  14px;
    line-height:  24px;
    text-align:  center;
    color:  var(--color-gray);
    margin-bottom:  12px }
.course-details-sidebar .course-instructor .course-instructor-info .template-btn  {
    font-weight:  600;
    padding:  8px 48px }
.course-playlist ul li  {
    padding:  5px;
    border-radius:  3px;
    transition:  .3s ease-in-out }
.course-playlist ul li a .title  {
    display:  flex;
    align-items:  center;
    gap:  14px;
    margin-bottom:  0 }
.course-playlist ul li a h6  {
    font-weight:  400;
    font-size:  14px;
    line-height:  20px;
    color:  var(--color-gray) }
.course-playlist ul li a span  {
    font-weight:  400;
    font-size:  14px;
    line-height:  20px;
    letter-spacing:  .05em;
    color:  var(--color-gray) }
.course-countdown  {
    color:  #ff4747;
    font-size:  14px;
    font-weight:  500;
    line-height:  14px }
.curriculum-tab .title,  .faq-tab .title  {
    font-weight:  600;
    font-size:  16px;
    color:  var(--color-body);
    margin-bottom:  13px }
.curriculum-tab .accordion-item  {
    background:  var(--color-white);
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    margin-bottom:  15px }
.authorised-sign p,  .curriculum-tab .accordion-item:first-child,  .faq-tab .accordion-item:first-child  {
    border-top:  1px solid var(--color-soft-white) }
.curriculum-tab .accordion-item .accordion-button  {
    font-weight:  500;
    font-size:  16px;
    color:  var(--color-body);
    padding:  18px 20px;
    cursor:  pointer;
    transition:  .3s }
.checkout-accordion .accordion-button:focus,  .curriculum-tab .accordion-item .accordion-button:focus,  .faq-tab .accordion-item .accordion-button:focus  {
    z-index:  3;
    border-color:  transparent;
    outline:  0;
    box-shadow:  none }
.curriculum-tab .accordion-item .accordion-button:not(.collapsed),  .faq-tab .accordion-item .accordion-button:not(.collapsed)  {
    color:  var(--color-body);
    background-color:  transparent;
    box-shadow:  none }
.curriculum-tab .accordion-item .accordion-button[aria-expanded=true]  {
    padding-bottom:  4px }
.checkout-accordion .accordion-button::after,  .curriculum-tab .accordion-item .accordion-button::after  {
    content:  "\f107";
    background-image:  none;
    font-family:  "Font Awesome 5 Pro";
    font-weight:  400;
    width:  auto;
    color:  var(--color-gray);
    margin-top:  -3px;
    margin-left:  inherit;
    margin-inline-start:  auto }
.curriculum-tab .accordion-item .accordion-body  {
    padding:  5px 20px 20px }
.curriculum-tab.curriculum-tab-v2 .accordion-item .accordion-button  {
    padding:  12px 20px;
    position:  relative }
.curriculum-tab.curriculum-tab-v2 .accordion-item .accordion-button::before  {
    position:  absolute;
    content:  "";
    height:  1px;
    width:  calc(100% - 40px);
    inset-inline-start:  20px;
    bottom:  0;
    background:  0 0;
    transition:  .3s }
.curriculum-tab.curriculum-tab-v2 .accordion-item .accordion-body  {
    padding:  10px 20px 20px }
.curriculum-tab.curriculum-tab-v2 .accordion-item .course-playlist ul li  {
    padding:  5px 0 }
.curriculum-tab.curriculum-tab-v2 .accordion-item .course-playlist ul li a  {
    justify-content:  flex-start }
.curriculum-tab.curriculum-tab-v2 .accordion-item .course-playlist ul li a span  {
    letter-spacing:  unset;
    transition:  .3s }
.faq-tab .accordion-item  {
    background:  var(--color-white);
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    margin-bottom:  20px }
.faq-tab .accordion-item .accordion-button  {
    font-weight:  500;
    font-size:  16px;
    color:  var(--color-body);
    padding-block:  21px 22px !important;
    padding-inline:  66px 20px !important;
    text-align:  start;
    cursor:  pointer;
    transition:  .3s }
.faq-tab .accordion-item .accordion-button[aria-expanded=true]  {
    padding-bottom:  6px }
.faq-tab .accordion-item .accordion-button::after  {
    content:  "\f067";
    background-image:  none;
    font-family:  "Font Awesome 5 Pro";
    color:  var(--color-gray);
    margin-top:  -3px;
    background:  var(--color-secondary-4);
    color:  var(--color-white);
    height:  26px;
    width:  26px;
    text-align:  center;
    position:  absolute;
    inset-inline-start:  20px;
    top:  calc(50% + 3px);
    transform:  translateY(-50%);
    transition:  .3s }
.icon-boxes-v1 .icon-box,  .icon-boxes-v2 .icon-box,  .icon-boxes-v3 .icon-box,  .icon-boxes-v4 .icon-box,  .page-nav ul li a  {
    background:  var(--color-white) }
.faq-tab .accordion-item .accordion-button:not(.collapsed)::after  {
    content:  "\f068" !important }
.faq-tab .accordion-item .accordion-body  {
    padding:  0 20px 20px 66px }
.faq-tab .accordion-item .accordion-body p  {
    font-weight:  400;
    font-size:  14px;
    line-height:  24px;
    color:  var(--color-gray);
    margin:  0 }
.book-details-tab-content .tab-content-inner p+.specification-table,  .faq-tab .accordion-item .accordion-body ul  {
    margin-top:  20px }
.faq-tab .accordion-item .accordion-body ul li  {
    font-weight:  400;
    font-size:  14px;
    position:  relative;
    color:  var(--color-gray);
    padding-left:  18px }
.faq-tab .accordion-item .accordion-body ul li::before  {
    position:  absolute;
    top:  10px;
    left:  0;
    width:  6px;
    height:  6px;
    background:  var(--color-gray);
    content:  "";
    border-radius:  50px }
.section-title h3  {
    display:  inline-block;
    font-weight:  600;
    font-size:  20px;
    line-height:  20px;
    margin-bottom:  10px }
.section-title h3 img  {
    display:  block;
    width:  100%;
    margin-top:  5px }
.section-title-v2 h3  {
    position:  relative;
    z-index:  1;
    font-weight:  600;
    font-size:  20px;
    line-height:  30px }
.section-title-v2 h3 span  {
    background-color:  var(--color-white);
    padding-inline-end:  15px }
.section-title-v2 h3::after  {
    content:  "";
    position:  absolute;
    z-index:  -1;
    height:  1px;
    width:  100%;
    left:  0;
    top:  50%;
    background-color:  var(--color-soft-white) }
.check-list li::after,  .fancy-check-list .list-inner::before,  .page-nav ul li.active a::before  {
    content:  "\f00c";
    font-family:  "Font Awesome 5 Pro" }
.section-title-v3  {
    display:  flex;
    justify-content:  space-between;
    align-items:  center;
    flex-wrap:  wrap;
    border-bottom:  1px solid var(--color-soft-white);
    -moz-column-gap:  30px;
    column-gap:  30px;
    row-gap:  10px }
.section-title-v3 h3  {
    color:  var(--color-gray);
    font-weight:  600;
    font-size:  22px;
    line-height:  28px }
.section-title-v3 p  {
    color:  var(--color-gray);
    font-weight:  500;
    font-size:  14px;
    line-height:  24px }
.section-title-v4 h3,  .section-title-v5 h4  {
    font-weight:  600;
    border-bottom:  1px solid var(--color-soft-white) }
.section-title-v4 h3  {
    font-size:  22px;
    padding-bottom:  5px }
.section-title-v5 h4  {
    font-size:  18px;
    padding-bottom:  10px }
.common-heading h3  {
    font-weight:  700;
    font-size:  28px;
    line-height:  1.5 }
.common-heading p  {
    color:  var(--color-gray);
    line-height:  26px }
.section-title-with-progress-bar h4  {
    font-weight:  600;
    font-size:  22px;
    margin-bottom:  5px }
.blog-sidebar .widget .widget-title-v2,  .section-title-with-progress-bar p  {
    font-weight:  500;
    font-size:  16px;
    margin-bottom:  20px }
.section-title-with-progress-bar .progress-bar-wrapper .progress-bar-container  {
    height:  7px;
    max-width:  400px;
    background:  var(--color-soft-white);
    margin:  0 auto;
    border-radius:  5px;
    position:  relative }
.section-title-with-progress-bar .progress-bar-wrapper .progress-bar-container .indicator  {
    width:  24px;
    height:  24px;
    background:  var(--color-white);
    border:  1px solid var(--color-secondary-4);
    color:  var(--color-secondary-4);
    border-radius:  50px;
    font-size:  10px;
    line-height:  24px;
    position:  absolute;
    top:  -8px;
    inset-inline-start:  80px }
.section-title-with-progress-bar .progress-bar-wrapper .progress-bar-container .progress-bar  {
    width:  85px;
    background:  var(--color-secondary-4);
    height:  7px;
    border-radius:  5px }
.page-nav ul  {
    counter-reset:  css-counters }
.page-nav ul li  {
    display:  inline-block;
    position:  relative;
    z-index:  1 }
.page-nav ul li::after  {
    position:  absolute;
    content:  "";
    width:  100px;
    border:  1px dashed var(--color-gray-3);
    top:  50%;
    transform:  translate(0,  -50%);
    inset-inline-end:  112%;
    z-index:  -1 }
.page-nav ul li:not(:last-child)  {
    margin-inline-end:  138px }
.page-nav ul li a  {
    display:  flex;
    align-items:  center;
    color:  var(--color-gray-3);
    font-weight:  600;
    font-size:  18px }
.page-nav ul li a::before  {
    counter-increment:  css-counters;
    content:  "" counter(css-counters) " ";
    width:  30px;
    height:  30px;
    background:  var(--color-soft-white);
    line-height:  30px;
    border-radius:  50%;
    font-size:  14px;
    color:  var(--color-gray-3);
    font-weight:  600;
    margin-inline-end:  10px }
.page-nav ul li.active a::before  {
    font-weight:  400;
    background:  rgb(var(--color-secondary-rgb)/.08);
    color:  var(--color-secondary-4) }
.section-title-successful h4  {
    font-weight:  600;
    font-size:  20px;
    margin-bottom:  5px }
.section-title-successful p  {
    font-weight:  500;
    font-size:  14px }
.icon-boxes-v1 .icon-box  {
    text-align:  center;
    padding:  40px 30px;
    border:  1px solid var(--color-off-white-3);
    border-radius:  10px;
    margin-bottom:  30px;
    transition:  .3s }
.icon-boxes-v1 .icon-box .icon-box-icon,  .icon-boxes-v2 .icon-box .icon-box-icon  {
    margin-bottom:  28px }
.icon-boxes-v1 .icon-box .icon-box-icon img,  .icon-boxes-v2 .icon-box .icon-box-icon img  {
    transition:  1s }
.icon-boxes-v1 .icon-box .icon-box-content h5,  .icon-boxes-v2 .icon-box .icon-box-content h5  {
    font-size:  16px;
    font-weight:  700;
    line-height:  24px;
    color:  var(--color-body);
    margin-bottom:  10px }
.icon-boxes-v1 .icon-box .icon-box-content p  {
    color:  var(--color-gray);
    font-weight:  400;
    line-height:  21px }
.icon-boxes-v2 .icon-box  {
    padding:  45px;
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/.1);
    -webkit-backdrop-filter:  blur(300px);
    backdrop-filter:  blur(300px);
    border-radius:  3px;
    margin-bottom:  30px;
    transition:  .3s }
.icon-boxes-v2 .icon-box .icon-box-content p  {
    color:  var(--color-gray);
    font-weight:  400;
    line-height:  1.9 }
.icon-boxes-v2 .icon-box:hover  {
    box-shadow:  0 15px 30px rgb(var(--color-black-rgb)/.15);
    transform:  translate(0,  -10px) }
.icon-boxes-v3 .icon-box  {
    display:  flex;
    padding:  18px 26px;
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    margin-bottom:  16px }
.icon-boxes-v3 .icon-box .icon-box-icon  {
    flex:  0 0 auto;
    width:  55px;
    padding-inline-end:  20px }
.icon-boxes-v3 .icon-box .icon-box-content h5  {
    font-weight:  500;
    font-size:  16px }
.icon-boxes-v3 .icon-box .icon-box-content p  {
    color:  var(--color-gray-2);
    font-weight:  400;
    font-size:  14px }
.icon-boxes-v4 .icon-box  {
    display:  flex;
    flex-wrap:  wrap;
    padding:  15px;
    border-radius:  10px;
    margin-bottom:  20px;
    box-shadow:  0 10px 25px rgba(var(--color-black-rgb)/.1);
    row-gap:  10px }
.course-lesson-v2 .course-lesson-item,  .fancy-check-list .list-inner,  .icon-boxes-v5 .icon-box  {
    box-shadow:  0 4px 15px rgb(var(--color-black-rgb)/.06) }
.icon-boxes-v4 .icon-box-icon  {
    height:  70px;
    min-width:  70px;
    margin-inline-end:  12px;
    display:  grid;
    place-content:  center;
    background-color:  var(--bg-clr,  var(--color-secondary-4));
    border-radius:  5px 5px 40px }
.course-lesson-v1 .course-lesson-item,  .course-lesson-v2 .course-lesson-item,  .fancy-check-list .list-inner,  .solution-package-item,  .testimonial-items-v1 .testimonial-item  {
    background:  var(--color-white);
    margin-bottom:  30px }
.icon-boxes-v4 .icon-box-icon.box-bg-clr-1  {
    --bg-clr:  #6dbea3 }
.icon-boxes-v4 .icon-box-icon.box-bg-clr-2  {
    --bg-clr:  #fab75a }
.icon-boxes-v4 .icon-box-icon.box-bg-clr-3  {
    --bg-clr:  #4179e0 }
.icon-boxes-v4 .icon-box-icon.box-bg-clr-4  {
    --bg-clr:  #d16d86 }
.icon-boxes-v4 .icon-box-icon.box-bg-clr-5  {
    --bg-clr:  #56a8c7 }
.icon-boxes-v4 .icon-box-icon.box-bg-clr-6  {
    --bg-clr:  #f78b77 }
.icon-boxes-v4 .icon-box-content h5  {
    font-weight:  600;
    font-size:  30px }
.icon-boxes-v4 .icon-box-content p  {
    color:  var(--color-gray);
    font-weight:  500;
    font-size:  16px }
.icon-boxes-v5 .icon-box  {
    text-align:  center;
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    padding:  30px }
.icon-boxes-v5 .icon-box .icon-box-content h5  {
    font-weight:  600;
    font-size:  30px;
    line-height:  30px;
    margin-bottom:  8px }
.icon-boxes-v5 .icon-box .icon-box-content p  {
    font-weight:  500;
    font-size:  14px;
    color:  var(--color-gray) }
.book-list-item .book-text-content .author a,  .cart-product-table .cart-product .book-text-content .author a,  .check-list li,  .testimonial-items-v1 .testimonial-item .testimonial-item-header .author-info span  {
    color:  var(--color-gray-2) }
.testimonial-items-v1 .testimonial-item  {
    border:  1px solid var(--color-soft-white);
    border-radius:  8px;
    padding:  42px 45px;
    transition:  .3s }
.testimonial-items-v1 .testimonial-item:hover  {
    transform:  translate(0,  -12px);
    box-shadow:  0 3px 28px rgb(var(--color-black-rgb)/.06) }
.testimonial-items-v1 .testimonial-item .testimonial-item-header  {
    display:  flex;
    align-items:  center;
    margin-bottom:  20px }
.testimonial-items-v1 .testimonial-item .testimonial-item-header .author-thumb  {
    flex:  0 0 77px;
    border:  1px solid var(--color-secondary-4);
    border-radius:  50% }
.testimonial-items-v1 .testimonial-item .testimonial-item-header .author-thumb img  {
    border-radius:  50%;
    padding:  8px }
.testimonial-items-v1 .testimonial-item .testimonial-item-header .author-info  {
    padding-inline-start:  25px }
.testimonial-items-v1 .testimonial-item .testimonial-item-header .author-info h6  {
    font-weight:  500;
    font-size:  18px;
    line-height:  27px }
.testimonial-items-v1 .testimonial-item .testimonial-item-body  {
    margin-bottom:  13px;
    font-size:  16px;
    color:  var(--color-gray);
    line-height:  24px }
.testimonial-items-v1 .testimonial-item .testimonial-footer  {
    display:  flex;
    justify-content:  space-between;
    align-items:  flex-end }
.testimonial-items-v1 .testimonial-item .testimonial-footer .quote-icon i  {
    color:  var(--color-secondary-4);
    font-size:  30px }
.testimonial-items-v2  {
    border-radius:  5px;
    padding:  63px 60px;
    box-shadow:  0 15px 30px rgb(var(--color-black-rgb)/.08);
    border:  1px solid var(--color-soft-white) }
.testimonial-items-v2.testimonial-slider .slick-arrow  {
    position:  absolute;
    height:  48px;
    width:  48px;
    margin-inline-start:  20px;
    inset-block-start:  50px;
    inset-inline-end:  65px;
    line-height:  48px;
    border-radius:  50%;
    font-size:  16px;
    background:  var(--color-secondary-4);
    border:  1px solid var(--color-secondary-4);
    color:  var(--color-white);
    z-index:  9 }
.blog-post-items-v2 .blog-post-item .post-content .template-btn.bordered-btn:hover,  .note-book-wrapper .pagination .page-arrow:hover,  .post-pagination li a.active,  .product-buy-now-wrap .wishlist-icon:hover,  .testimonial-items-v2.testimonial-slider .slick-arrow:active,  .user-form .alt-login .template-btn:hover,  .video-lesson-slider-v1.video-lessons-v2 .slick-arrow:active,  .video-lessons-v1.video-lesson-slider-v1 .slick-arrow:active,  .video-lessons-v2.video-lesson-slider-v2 .slick-arrow:active  {
    background-color:  var(--color-secondary-4);
    color:  var(--color-white) }
.testimonial-items-v2.testimonial-slider .slick-arrow.prev-arrow  {
    inset-inline-end:  125px }
.testimonial-items-v2.testimonial-slider .slick-arrow.slick-disabled  {
    background-color:  var(--color-white);
    color:  var(--color-soft-white-5);
    border-color:  var(--color-soft-white-5) }
.testimonial-items-v2 .testimonial-item .author-thumb  {
    height:  312px;
    width:  312px;
    margin:  0 auto;
    position:  relative }
.testimonial-items-v2 .testimonial-item .author-thumb img  {
    border-radius:  50%;
    padding:  15px;
    min-height:  312px;
    -o-object-fit:  cover;
    object-fit:  cover }
.testimonial-items-v2 .testimonial-item .author-thumb::after  {
    position:  absolute;
    top:  0;
    left:  0;
    width:  100%;
    height:  100%;
    content:  "";
    background:  var(--color-secondary-4);
    z-index:  -1;
    border-radius:  50%;
    opacity:  .1 }
.testimonial-items-v2 .testimonial-item .testimonial-item-body .author-info h6  {
    font-size:  18px;
    font-weight:  500;
    line-height:  1.5;
    margin-top:  15px }
.testimonial-items-v2 .testimonial-item .testimonial-item-body p  {
    font-weight:  400;
    font-size:  16px;
    line-height:  1.7;
    color:  var(--color-gray) }
.check-list li  {
    font-size:  16px;
    position:  relative;
    z-index:  1;
    padding-inline-start:  28px;
    margin-bottom:  13px }
.check-list li::after  {
    font-size:  10px;
    height:  18px;
    width:  18px;
    background-color:  rgb(var(--color-secondary-rgb)/.1);
    text-align:  center;
    line-height:  18px;
    position:  absolute;
    inset-inline-start:  0;
    top:  4px;
    z-index:  -1;
    border-radius:  50%;
    color:  var(--color-secondary-4) }
.fancy-check-list .list-inner  {
    padding:  25px 25px 25px 75px;
    font-weight:  600;
    font-size:  16px;
    line-height:  1.5;
    position:  relative;
    z-index:  1;
    border-radius:  3px;
    transition:  .3s }
.fancy-check-list .list-inner::before  {
    position:  absolute;
    z-index:  -1;
    left:  25px;
    top:  50%;
    transform:  translateY(-50%);
    width:  30px;
    height:  30px;
    display:  flex;
    align-items:  center;
    justify-content:  center;
    border-radius:  50%;
    color:  var(--color-white);
    font-weight:  900;
    font-size:  15px;
    background:  var(--color-secondary-4);
    opacity:  .15 }
.solution-package-item  {
    box-shadow:  0 3px 38px rgb(var(--color-black-rgb)/.06);
    border-radius:  15px }
.solution-package-item .solution-package-image img  {
    width:  100%;
    border-radius:  15px 15px 0 0 }
.solution-package-item .solution-package-body  {
    padding:  35px 47px 40px }
.solution-package-item .solution-package-body .solution-package-content  {
    display:  flex;
    justify-content:  space-between;
    flex-wrap:  wrap;
    margin-left:  -23.5px;
    margin-right:  -23.5px }
.solution-package-item .solution-package-body .solution-package-content .left-content,  .solution-package-item .solution-package-body .solution-package-content .right-content  {
    flex:  0 0 auto;
    width:  50%;
    padding-right:  23.5px;
    padding-left:  23.5px }
.solution-package-item .solution-package-body .template-btn  {
    display:  block;
    text-align:  center;
    margin-top:  19px }
.solution-package-item .solution-package-body .template-btn.bordered-btn  {
    border-color:  var(--color-soft-white);
    color:  var(--color-body) }
.solution-package-item .solution-package-body .template-btn.bordered-btn:hover  {
    color:  var(--color-white);
    border-color:  var(--color-secondary-4) }
.masonry-images .left-content  {
    position:  relative;
    z-index:  1;
    padding-inline-start:  30px;
    padding-block-end:  70px }
.masonry-images .left-content .element-wrapper .element  {
    width:  115px;
    height:  110px;
    background-color:  var(--color-secondary-4);
    margin-block-start:  20px;
    margin-inline-start:  auto;
    display:  block }
.masonry-images .left-content .element-wrapper img  {
    position:  absolute;
    z-index:  -1;
    bottom:  104px;
    inset-inline-start:  0 }
.masonry-images .right-content .element-wrapper .element  {
    width:  125px;
    height:  86px;
    background-color:  var(--color-body);
    margin-bottom:  20px;
    display:  block }
.masonry-images .right-content .element-wrapper img  {
    position:  absolute;
    z-index:  -1;
    top:  26px;
    inset-inline-start:  56px }
.preview-slider .app-preview-image.slick-slide  {
    position:  relative;
    z-index:  1;
    display:  flex;
    flex-direction:  column;
    justify-content:  center;
    align-items:  center;
    text-align:  center }
.preview-slider .app-preview-image.slick-slide::after  {
    content:  "";
    width:  100%;
    min-height:  450px;
    max-width:  450px;
    background:  var(--color-secondary-4);
    border-radius:  50%;
    position:  absolute;
    z-index:  -1;
    margin:  0 auto;
    display:  flex;
    flex-direction:  column;
    justify-content:  center;
    align-items:  center }
.preview-slider .slick-dots  {
    line-height:  0;
    text-align:  center;
    margin-top:  38px }
.blog-post-items-v1.blog-post-slider-v1 .slick-dots li,  .blog-post-items-v2.blog-post-slider-v2 .slick-dots li,  .preview-slider .slick-dots li,  .video-lesson-slider-v1.video-lessons-v2 .slick-dots li,  .video-lessons-v1.video-lesson-slider-v1 .slick-dots li  {
    position:  relative;
    display:  inline-block;
    height:  10px;
    margin:  0 5px;
    line-height:  0 }
.blog-post-items-v1.blog-post-slider-v1 .slick-dots li button,  .blog-post-items-v2.blog-post-slider-v2 .slick-dots li button,  .preview-slider .slick-dots li button  {
    font-size:  0;
    background-color:  var(--color-soft-white);
    border:  none;
    line-height:  0;
    height:  10px;
    width:  10px;
    border-radius:  50px;
    cursor:  pointer;
    transition:  .3s }
.preview-slider .slick-dots li.slick-active button  {
    background:  var(--color-secondary-4);
    width:  25px }
.course-lesson-v1.course-lesson-slider-v1 .slick-slide  {
    margin:  15px 15px 30px }
.course-lesson-v1.course-lesson-slider-v1 .slick-slide:focus  {
    box-shadow:  0 3px 28px rgba(var(--color-black-rgb)/.06) }
.course-lesson-v1 .course-lesson-item  {
    border:  1px solid var(--color-off-white-3);
    border-radius:  15px;
    transition:  .3s }
.blog-post-items-v1 .blog-post-item .post-thumbnail img,  .blog-post-items-v2 .blog-post-item .post-thumbnail img,  .course-lesson-v1 .course-lesson-item img  {
    border-radius:  15px 15px 0 0;
    width:  100% }
.course-lesson-v1 .course-lesson-item .course-lesson-item-content  {
    padding:  30px 19px 40px;
    text-align:  center }
.course-lesson-v1 .course-lesson-item .course-lesson-item-content h5  {
    font-weight:  600;
    font-size:  18px;
    margin-bottom:  5px }
.course-lesson-v1 .course-lesson-item .course-lesson-item-content p  {
    color:  var(--color-gray);
    font-weight:  400;
    font-size:  16px;
    line-height:  16px }
.course-lesson-v1 .course-lesson-item:hover  {
    box-shadow:  0 3px 28px rgb(var(--color-black-rgb)/.06);
    transform:  translate(0,  -12px) }
.course-lesson-v2 .course-lesson-item  {
    border-radius:  3px;
    text-align:  center;
    color:  var(--color-gray);
    margin-top:  10px;
    transition:  .3s;
    display:  block }
.course-lesson-v2 .course-lesson-item img  {
    width:  100%;
    border-radius:  3px 3px 0 0 }
.course-lesson-v2 .course-lesson-item .course-lesson-item-content  {
    padding:  34px 20px 36px }
.course-lesson-v2 .course-lesson-item .course-lesson-item-content h5  {
    font-weight:  600;
    font-size:  18px;
    line-height:  1.2;
    margin-bottom:  8px }
.course-lesson-v2 .course-lesson-item .course-lesson-item-content p  {
    font-size:  16px;
    line-height:  1.3 }
.course-lesson-v2 .course-lesson-item:hover  {
    transform:  translate(0,  -10px);
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/.08) }
.video-lesson-slider-v1.video-lessons-v2 .slick-dots,  .video-lessons-v1.video-lesson-slider-v1 .slick-dots  {
    line-height:  0;
    text-align:  center;
    margin-top:  20px }
.video-lesson-slider-v1.video-lessons-v2 .slick-dots li button,  .video-lessons-v1.video-lesson-slider-v1 .slick-dots li button  {
    font-size:  0px;
    background-color:  var(--color-soft-white);
    border:  none;
    line-height:  0;
    height:  10px;
    width:  10px;
    border-radius:  50px;
    cursor:  pointer;
    transition:  .3s }
.video-lesson-slider-v1.video-lessons-v2 .slick-dots li.slick-active button,  .video-lessons-v1.video-lesson-slider-v1 .slick-dots li.slick-active button  {
    background:  var(--color-secondary-4);
    width:  30px }
.video-lesson-slider-v1.video-lessons-v2 .slick-arrow,  .video-lessons-v1.video-lesson-slider-v1 .slick-arrow  {
    border:  0;
    height:  40px;
    width:  40px;
    line-height:  40px;
    background-color:  var(--color-secondary-4);
    border-radius:  50px;
    color:  var(--color-white);
    font-size:  16px;
    position:  absolute;
    top:  50%;
    margin-top:  -35px;
    inset-inline-start:  -20px;
    z-index:  2;
    transition:  .3s }
.video-lesson-slider-v1.video-lessons-v2 .slick-arrow.next-arrow,  .video-lessons-v1.video-lesson-slider-v1 .slick-arrow.next-arrow  {
    inset-inline-start:  auto;
    inset-inline-end:  -20px }
.video-lesson-slider-v1.video-lessons-v2 .slick-arrow.slick-disabled,  .video-lessons-v1.video-lesson-slider-v1 .slick-arrow.slick-disabled,  .video-lessons-v2.video-lesson-slider-v2 .slick-arrow.slick-disabled  {
    background-color:  var(--color-white);
    color:  var(--color-body) }
.video-lessons-v1 .video-lesson,  .video-lessons-v1 .video-lessons-v2,  .video-lessons-v2 .video-lesson,  .video-lessons-v2 .video-lessons-v2  {
    min-height:  350px;
    border-radius:  10px;
    position:  relative;
    z-index:  3;
    display:  flex;
    align-items:  center;
    justify-content:  center;
    background-repeat:  no-repeat;
    background-size:  cover;
    background-position:  top center }
.video-lessons-v1 .video-lesson .play-btn,  .video-lessons-v1 .video-lessons-v2 .play-btn,  .video-lessons-v2 .video-lesson .play-btn,  .video-lessons-v2 .video-lessons-v2 .play-btn  {
    height:  55px;
    width:  55px;
    line-height:  55px;
    text-align:  center;
    background-color:  var(--color-white);
    color:  var(--color-secondary-4);
    border-radius:  50%;
    position:  relative;
    z-index:  1;
    font-size:  20px }
.video-lessons-v1 .video-lesson .play-btn .far::after,  .video-lessons-v1 .video-lessons-v2 .play-btn .far::after,  .video-lessons-v2 .video-lesson .play-btn .far::after,  .video-lessons-v2 .video-lessons-v2 .play-btn .far::after  {
    position:  absolute;
    content:  "";
    height:  10px;
    background:  var(--color-white);
    width:  4px;
    right:  8px;
    bottom:  0;
    transform:  rotate(-30deg) }
.video-lessons-v1 .video-lesson .button-outer-circle,  .video-lessons-v1 .video-lessons-v2 .button-outer-circle,  .video-lessons-v2 .video-lesson .button-outer-circle,  .video-lessons-v2 .video-lessons-v2 .button-outer-circle  {
    background:  var(--color-white);
    opacity:  .2;
    border-radius:  50%;
    position:  absolute;
    top:  0;
    left:  0;
    right:  0;
    bottom:  0;
    width:  100%;
    height:  100%;
    animation:  3s .5s infinite playAnimate }
@keyframes playAnimate  {
    from  {
    transform:  scale(1);
    opacity:  1 }
to  {
    transform:  scale(1.4);
    opacity:  0 }
}.video-lessons-v2.video-lesson-slider-v2  {
    margin-bottom:  70px }
.video-lessons-v2.video-lesson-slider-v2 .slick-arrow  {
    border:  0;
    height:  40px;
    width:  40px;
    line-height:  40px;
    background-color:  var(--color-secondary-4);
    border-radius:  50px;
    color:  var(--color-white);
    font-size:  16px;
    position:  absolute;
    bottom:  -70px;
    inset-inline-end:  0;
    z-index:  2;
    transition:  .3s }
.video-lessons-v2.video-lesson-slider-v2 .slick-arrow.prev-arrow  {
    inset-inline-end:  60px }
.lesson-content-block .subtitle  {
    font-weight:  600;
    font-size:  16px;
    line-height:  24px }
.lesson-content-block .title  {
    font-weight:  600;
    font-size:  20px;
    line-height:  30px }
.lesson-content-block .lesson-topics h5  {
    font-weight:  600;
    font-size:  16px;
    line-height:  24px;
    margin-bottom:  10px }
.lesson-content-block .lesson-topics ul li  {
    font-weight:  400;
    font-size:  14px;
    line-height:  21px;
    margin-bottom:  8px;
    position:  relative;
    z-index:  1;
    padding-inline-start:  21px }
.lesson-content-block .lesson-topics ul li::before  {
    position:  absolute;
    content:  "\f005";
    inset-inline-start:  0;
    top:  -1px;
    font-family:  "Font Awesome 5 Pro";
    font-weight:  700;
    color:  var(--color-supernova);
    transform:  rotate(-45deg);
    font-size:  12px;
    z-index:  -1 }
.lesson-content-block .author-box .content h6  {
    font-weight:  700;
    font-size:  16px;
    line-height:  24px;
    margin-bottom:  4px }
.lesson-content-block .author-box .content p  {
    line-height:  21px;
    font-size:  14px }
.success-story-v1.success-story-slider-v1 .slick-dots  {
    line-height:  0 }
.success-story-v1.success-story-slider-v1 .slick-dots li  {
    display:  inline-block;
    position:  relative;
    margin-inline-end:  5px;
    line-height:  0 }
.success-story-v1.success-story-slider-v1 .slick-dots li button  {
    font-size:  0px;
    background-color:  var(--color-soft-white);
    border:  none;
    line-height:  0;
    height:  5px;
    width:  30px;
    border-radius:  50px;
    cursor:  pointer;
    transition:  .3s }
.counter-items-v1 .counter-item .icon,  .counter-items-v3 .counter-item .icon  {
    border-radius:  50px;
    color:  var(--color-secondary-4);
    transition:  .3s;
    text-align:  center }
.success-story-v1 .success-story-item .title  {
    font-weight:  600;
    font-size:  18px;
    line-height:  27px;
    margin-bottom:  18px }
.success-story-v1 .success-story-item p  {
    color:  var(--color-gray);
    margin-bottom:  20px }
.success-story-v2 .success-story-author-preview  {
    margin-inline-start:  36px;
    position:  relative;
    z-index:  1 }
.success-story-v2 .success-story-author-preview::after  {
    position:  absolute;
    content:  "";
    height:  100%;
    width:  100%;
    background-color:  var(--color-secondary-4);
    top:  36px;
    inset-inline-end:  36px;
    z-index:  -1 }
.success-story-v2 .success-story-content-wrapper .title  {
    font-weight:  700;
    font-size:  28px;
    line-height:  1.5;
    margin-bottom:  10px }
.success-story-v2 .success-story-content-wrapper .success-story-content .single-success-story p  {
    font-weight:  400;
    font-size:  16px;
    line-height:  1.6;
    margin-bottom:  10px;
    color:  var(--color-gray) }
.success-story-v2 .success-story-content-wrapper .success-story-author .slick-list  {
    margin:  0 -12px }
.success-story-v2 .success-story-content-wrapper .success-story-author .slick-slide  {
    margin:  0 12px }
.success-story-v2 .success-story-content-wrapper .success-story-author img  {
    width:  100%;
    cursor:  pointer }
.counter-items-v1 .counter-item .icon  {
    height:  80px;
    width:  80px;
    background-color:  rgb(var(--color-secondary-rgb)/.08);
    line-height:  80px;
    font-size:  22px;
    margin-inline-end:  9px;
    position:  relative;
    z-index:  1 }
.counter-items-v1 .counter-item .icon::after  {
    content:  "";
    position:  absolute;
    left:  0;
    top:  0;
    width:  100%;
    height:  100%;
    border-radius:  50%;
    z-index:  -1;
    background-color:  rgb(var(--color-secondary-rgb)/1);
    transform:  scale(0);
    transition:  .3s }
.counter-items-v1 .counter-item .content .counter-wrap  {
    font-weight:  700;
    font-size:  20px;
    line-height:  30px }
.counter-items-v1 .counter-item .content .title  {
    font-weight:  400;
    font-size:  16px;
    line-height:  24px }
.counter-items-v2 .counter-item .icon  {
    margin-inline-end:  20px;
    min-width:  72px }
.counter-items-v2 .counter-item .content .title  {
    color:  var(--color-soft-white);
    font-weight:  500;
    font-size:  16px;
    line-height:  24px }
.counter-items-v2 .counter-item .content .counter-wrap  {
    color:  var(--color-white);
    font-weight:  600;
    font-size:  38px;
    line-height:  1.2 }
.counter-items-v3 .counter-item .icon  {
    height:  70px;
    width:  70px;
    background-color:  var(--color-white);
    line-height:  70px;
    font-size:  22px;
    margin-inline-end:  20px;
    position:  relative;
    z-index:  1 }
.counter-items-v3 .counter-item .content .counter-wrap  {
    font-weight:  600;
    font-size:  22px;
    line-height:  1.5 }
.counter-items-v3 .counter-item .content .title  {
    font-weight:  400;
    font-size:  16px;
    line-height:  1.5;
    color:  var(--color-gray) }
.brand-items-v1 .brand-item  {
    text-align:  center;
    padding:  0 12px }
.brand-items-v2 .brand-item  {
    min-height:  125px;
    background:  var(--color-white);
    border:  1px solid var(--color-off-white-4);
    border-radius:  3px;
    margin-bottom:  30px;
    display:  flex;
    align-items:  center;
    justify-content:  center }
.cta-wrapper  {
    background:  var(--color-secondary-4);
    border-radius:  5px;
    position:  relative;
    z-index:  1;
    padding:  80px 15px }
.cta-wrapper .cta-image  {
    position:  absolute;
    inset-inline-start:  15px;
    inset-block-end:  0;
    width:  48%;
    z-index:  -1 }
.book-cta-wrapper  {
    background-color:  var(--color-dark-4);
    border-radius:  3px;
    overflow:  hidden }
.book-cta-wrapper .book-cta-content  {
    text-align:  center;
    padding:  50px 0 }
.book-cta-wrapper .book-cta-content p  {
    font-weight:  600;
    font-size:  18px;
    color:  var(--color-white);
    text-transform:  uppercase }
.book-cta-wrapper .book-cta-content h3  {
    font-weight:  600;
    font-size:  28px;
    color:  var(--color-white);
    margin-bottom:  20px }
.info-box  {
    background-color:  rgb(var(--color-secondary-rgb)/10%);
    border-radius:  10px;
    padding:  32px 30px;
    display:  flex;
    align-items:  center;
    margin-bottom:  30px;
    justify-content:  space-between }
.login-as h6,  .pricing-table,  .user-form-container  {
    background:  var(--color-white) }
.info-box .info-box-content .title  {
    margin-bottom:  8px;
    font-weight:  600;
    font-size:  20px;
    line-height:  30px }
.info-box .info-box-content p  {
    font-weight:  400;
    font-size:  14px;
    line-height:  21px;
    margin-bottom:  22px }
.info-box .info-box-content .template-btn  {
    padding:  12px 18px;
    font-size:  14px;
    background:  var(--color-secondary-4);
    border:  0 }
.info-box .info-box-thumbnail  {
    flex:  0 0 178px;
    max-width:  178px;
    margin-inline-start:  35px;
    background-color:  rgba(var(--color-secondary-rgb)/10%);
    border:  1px solid var(--color-secondary-4);
    border-radius:  50%;
    padding:  10px;
    position:  relative }
.info-box.color-2,  .info-box.color-2 .info-box-thumbnail  {
    background-color:  rgb(var(--color-supernova-rgb)/10%) }
.info-box .info-box-thumbnail img  {
    border-radius:  50%;
    max-width:  158px;
    height:  158px;
    background-color:  var(--color-secondary-4) }
.info-box .info-box-thumbnail .info-box-shape .shape-1  {
    height:  77px;
    width:  77px;
    top:  -25px;
    inset-inline-end:  0;
    position:  absolute;
    border:  1px solid var(--color-secondary-4);
    border-radius:  50%;
    z-index:  -1 }
.info-box .info-box-thumbnail .info-box-shape .shape-2  {
    height:  40px;
    width:  40px;
    bottom:  -25px;
    inset-inline-end:  0;
    position:  absolute;
    border:  1px solid var(--color-secondary-4);
    border-radius:  50%;
    z-index:  -1 }
.info-box.color-2 .info-box-thumbnail  {
    border:  1px solid var(--color-supernova) }
.info-box.color-2 .info-box-thumbnail .info-box-shape .shape-1  {
    border-color:  var(--color-pink-2);
    background-color:  var(--color-pink-2) }
.info-box.color-2 .info-box-thumbnail .info-box-shape .shape-2  {
    border-color:  var(--color-secondary-4);
    background-color:  var(--color-secondary-4) }
.simple-text-infobox  {
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    padding:  18px 20px }
.book-list-items-v1 .book-list-item,  .simple-text-infobox.height-100  {
    height:  calc(100% - 30px) }
.simple-text-infobox h6  {
    font-size:  16px;
    font-weight:  600;
    margin-bottom:  8px }
.simple-image-boxes-v1 .simple-image-box .image  {
    background:  var(--color-soft-white-3);
    border:  1px solid var(--color-soft-white);
    border-radius:  8px;
    padding:  25px;
    margin-bottom:  15px;
    min-height:  188px;
    display:  flex;
    flex-direction:  column;
    align-items:  center;
    justify-content:  center }
.simple-image-box  {
    position:  relative;
    text-align:  center;
    margin-bottom:  30px }
.simple-image-box a  {
    color:  var(--color-body);
    font-weight:  600;
    font-size:  16px;
    line-height:  24px;
    transition:  .3s }
.simple-image-boxes-v2 .simple-image-box .image img  {
    border-radius:  8px }
.pricing-table  {
    box-shadow:  0 7px 15px rgb(var(--color-black-rgb)/.06);
    border-radius:  3px;
    margin-bottom:  30px }
.pricing-table .plan-title  {
    background:  var(--color-dark-5);
    border-radius:  3px 3px 0 0;
    color:  var(--color-white);
    padding:  25px 40px;
    text-align:  center }
.pricing-table .plan-title h3  {
    color:  var(--color-white);
    font-weight:  600;
    font-size:  28px;
    line-height:  1.3;
    margin-bottom:  5px;
    text-transform:  uppercase }
.pricing-table .plan-feature  {
    padding:  40px }
.pricing-table .plan-feature li  {
    font-size:  16px;
    margin-bottom:  12px;
    padding-inline-start:  32px;
    position:  relative;
    overflow:  hidden;
    display:  -webkit-box;
    -webkit-line-clamp:  2;
    -webkit-box-orient:  vertical }
.pricing-table .plan-feature li .icon  {
    content:  "";
    background-repeat:  no-repeat;
    position:  absolute;
    inset-inline-start:  0;
    top:  5px;
    height:  18px;
    width:  18px }
.pricing-table .plan-footer  {
    text-align:  center;
    padding-bottom:  45px }
.pricing-table .plan-footer .template-btn  {
    padding:  11.5px 34.5px }
.team-items-v1 .team-member-item  {
    border:  5px solid var(--color-white);
    border-radius:  3px;
    background-color:  var(--color-white);
    text-align:  center;
    margin-bottom:  30px;
    margin-top:  10px;
    transition:  .3s }
.team-items-v1 .team-member-item .member-content  {
    padding:  15px 20px 12px }
.team-items-v1 .team-member-item .member-content h5  {
    font-weight:  600;
    font-size:  18px;
    transition:  .3s }
.team-items-v1 .team-member-item .member-content p  {
    color:  var(--color-gray);
    transition:  .3s }
.team-items-v1 .team-member-item:hover  {
    transform:  translate(0,  -10px);
    background-color:  var(--color-secondary-4);
    border-color:  var(--color-secondary-4) }
.team-member-items-v2 .team-member-item  {
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    display:  flex;
    transition:  .3s;
    margin-bottom:  30px;
    box-shadow:  0 8px 20px rgb(var(--color-black-rgb)/.06) }
.team-member-items-v2 .team-member-item .member-img  {
    width:  200px }
.team-member-items-v2 .team-member-item .member-img img  {
    border-start-start-radius:  3px;
    border-end-start-radius:  3px;
    border-end-end-radius:  0;
    border-start-end-radius:  0;
    height:  100%;
    -o-object-fit:  cover;
    object-fit:  cover;
    -o-object-position:  top;
    object-position:  top }
.team-member-items-v2 .team-member-item .member-content  {
    flex:  1;
    padding-block:  23px 16px;
    padding-inline:  18px 25px }
.team-member-items-v2 .team-member-item .member-content .title  {
    margin-bottom:  5px;
    font-weight:  600;
    font-size:  20px;
    line-height:  30px }
.team-member-items-v2 .team-member-item .member-content p  {
    font-weight:  400;
    font-size:  14px;
    line-height:  24px;
    color:  var(--color-gray);
    margin-bottom:  27px }
.team-member-items-v2 .team-member-item .member-footer  {
    display:  flex;
    align-items:  center;
    justify-content:  space-between;
    flex-wrap:  wrap;
    -moz-column-gap:  15px;
    column-gap:  15px;
    row-gap:  15px }
.book-list-items-v3 .book-list-item .template-btn,  .team-member-items-v2 .team-member-item .template-btn  {
    padding:  5px 20px }
.team-member-items-v2 .team-member-item .social-profile li a  {
    height:  30px;
    width:  30px;
    line-height:  30px }
.team-member-items-v2 .team-member-item:hover  {
    transform:  translateY(-10px);
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/.1) }
.team-member-items-v3 .team-member-item  {
    display:  flex;
    flex-wrap:  wrap;
    gap:  15px;
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    padding:  24px 25px;
    align-items:  flex-start;
    height:  calc(100% - 20px);
    margin-bottom:  20px }
.team-member-items-v3 .team-member-item .member-img,  .team-member-items-v3 .team-member-item .member-img img  {
    border-radius:  50%;
    width:  60px;
    height:  60px;
    -o-object-fit:  cover;
    object-fit:  cover }
.team-member-items-v3 .team-member-item .member-content h5 span:not(:empty)  {
    display:  block;
    font-weight:  400;
    font-size:  14px;
    line-height:  14px;
    color:  var(--color-gray);
    margin-top:  3px;
    padding-bottom:  7px }
.team-member-items-v3 .team-member-item .member-content p  {
    margin:  5px 0 0;
    font-size:  12px }
.instructor-profile-preview  {
    border:  1px solid var(--color-soft-white);
    box-shadow:  0 8px 20px rgb(var(--color-black-rgb)/.06);
    border-radius:  3px;
    background-color:  var(--color-white);
    display:  flex }
.instructor-profile-preview .instructor-profile-picture  {
    flex:  0 0 auto;
    width:  33.33333333% }
.instructor-profile-preview .instructor-profile-picture img  {
    border-start-start-radius:  3px;
    border-end-start-radius:  3px;
    border-start-end-radius:  0;
    border-end-end-radius:  0;
    width:  100% }
.instructor-profile-preview .instructor-preview-content  {
    position:  relative;
    flex:  0 0 auto;
    width:  66.66666667%;
    padding:  30px }
.instructor-profile-preview .instructor-preview-content .instructor-title-with-rating  {
    display:  flex;
    justify-content:  space-between }
.instructor-profile-preview .instructor-preview-content .title  {
    font-weight:  600;
    font-size:  28px;
    line-height:  30px;
    color:  var(--color-body);
    margin-bottom:  10px }
.instructor-profile-preview .instructor-preview-content .designation  {
    font-weight:  400;
    font-size:  16px;
    color:  var(--color-gray);
    line-height:  1.5;
    margin-bottom:  7px }
.instructor-profile-preview .instructor-preview-content .rating-review  {
    align-items:  center }
.instructor-profile-preview .instructor-preview-content .rating-review .all-rating,  .product-buy-now-wrap .product-summary .rating-review .all-rating  {
    height:  28px;
    width:  auto }
.instructor-profile-preview .instructor-preview-content .rating-review .all-rating li,  .product-buy-now-wrap .product-summary .rating-review .all-rating li  {
    float:  none }
.instructor-profile-preview .instructor-preview-content .rating-review .total-review  {
    font-weight:  500;
    font-size:  14px;
    color:  var(--color-gray);
    width:  auto }
.instructor-profile-preview .instructor-preview-content .instructor-badges ul  {
    display:  flex;
    gap:  10px }
.instructor-profile-preview .instructor-preview-content .instructor-badges ul li  {
    background-color:  var(--color-white);
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    height:  40px;
    width:  40px;
    text-align:  center;
    line-height:  37px;
    cursor:  pointer }
.instructor-profile-preview .instructor-current-content  {
    display:  flex;
    flex-wrap:  wrap;
    margin:  18px -7.5px 15px }
.instructor-profile-preview .instructor-current-content .instructor-content-countdown  {
    background:  rgb(var(--color-secondary-rgb)/.08);
    border-radius:  3px;
    padding:  11px 30px 15px;
    display:  flex;
    align-items:  center;
    gap:  10px;
    margin-bottom:  15px;
    margin-inline-start:  7.5px;
    margin-inline-end:  7.5px;
    width:  calc(25% - 15px) }
.instructor-profile-preview .instructor-current-content .instructor-content-countdown img,  .instructor-profile-preview .instructor-current-content .instructor-content-countdown svg  {
    min-height:  28px }
.instructor-profile-preview .instructor-current-content .instructor-content-countdown .name span  {
    font-weight:  600;
    font-size:  14px;
    line-height:  16px;
    text-align:  right;
    color:  var(--color-body) }
.instructor-profile-preview .instructor-current-content .instructor-content-countdown .name h6  {
    font-weight:  400;
    font-size:  14px;
    line-height:  14px;
    color:  var(--color-gray) }
.instructor-profile-preview .instructor-social-activity  {
    display:  flex;
    justify-content:  space-between;
    align-items:  flex-end;
    flex-wrap:  wrap;
    gap:  15px 30px }
.instructor-profile-preview .instructor-social-activity .instructor-follow-wrapper .following-and-followers  {
    display:  flex;
    margin-bottom:  25px }
.instructor-profile-preview .instructor-social-activity .instructor-follow-wrapper .following-and-followers li:not(:last-child)  {
    margin-inline-end:  20px;
    border-inline-end:  1px solid var(--color-soft-white);
    padding-inline-end:  20px }
.instructor-profile-preview .instructor-social-activity .instructor-follow-wrapper .following-and-followers li span  {
    font-weight:  600;
    font-size:  16px;
    line-height:  16px;
    color:  var(--color-body);
    display:  block }
.instructor-profile-preview .instructor-social-activity .instructor-follow-wrapper .follow-btn .template-btn  {
    padding:  8px 45px }
.about-instructor-content h4,  .book-details-tab-content .tab-content-inner h4  {
    font-size:  16px;
    color:  var(--color-body);
    margin-bottom:  10px;
    font-weight:  600 }
.about-instructor-content p,  .book-details-tab-content .tab-content-inner p  {
    font-size:  14px;
    font-weight:  400;
    line-height:  24px;
    color:  var(--color-gray);
    margin-bottom:  10px }
.about-instructor-content p+.list,  .comments-template .comments-list .comment .reply  {
    margin-top:  25px }
.become-instructor-image img  {
    position:  relative;
    z-index:  2 }
.become-instructor-image::after  {
    position:  absolute;
    content:  "";
    bottom:  0;
    right:  12px;
    height:  400px;
    width:  400px;
    background:  var(--color-secondary-4);
    border-radius:  20px 90px;
    z-index:  0 }
.become-instructor-image::before  {
    position:  absolute;
    content:  "";
    bottom:  -30px;
    right:  -16px;
    background:  var(--color-secondary-4);
    height:  460px;
    width:  460px;
    z-index:  0;
    border-radius:  30px 100px;
    opacity:  .1 }
.organiztion  {
    border:  1px solid var(--color-soft-white-7);
    border-radius:  3px;
    padding:  30px;
    display:  flex;
    gap:  24px }
.organiztion-icon img  {
    height:  140px;
    width:  140px;
    -o-object-fit:  contain;
    object-fit:  contain }
.organiztion-content  {
    display:  flex;
    flex-direction:  column;
    justify-content:  space-between }
.blog-post-items-v3 .blog-post-item .post-content .post-meta li.date a i,  .organiztion-body ul li svg  {
    margin-right:  8px }
.lesson-playlist .lesson-playlist-content .element-wrapper img  {
    position:  absolute;
    inset-block-start:  -45px;
    inset-inline-start:  -65px;
    z-index:  -1 }
.lesson-playlist .lesson-playlist-content .element-wrapper .element  {
    display:  block;
    position:  absolute;
    inset-block-end:  -40px;
    inset-inline-start:  -40px;
    border:  15px solid var(--color-secondary-4);
    content:  "";
    height:  272px;
    width:  518px;
    z-index:  -1 }
.lesson-playlist .lesson-playlist-items  {
    flex-wrap:  nowrap;
    border:  none }
.lesson-playlist .lesson-playlist-items .lesson-playlist-item  {
    background-color:  var(--color-off-white);
    cursor:  pointer;
    border-radius:  3px }
.lesson-playlist .lesson-playlist-items .lesson-playlist-item .nav-link  {
    display:  flex;
    padding:  0 }
.lesson-playlist .lesson-playlist-items .lesson-playlist-item .nav-link:hover  {
    border-color:  transparent }
.lesson-playlist .lesson-playlist-items .lesson-playlist-item .nav-link.active  {
    background-color:  var(--color-off-white);
    border-color:  transparent }
.lesson-playlist .lesson-playlist-items .lesson-playlist-item .lesson-thumbnail  {
    position:  relative;
    flex:  0 0 auto;
    width:  188px }
.lesson-playlist .lesson-playlist-items .lesson-playlist-item .lesson-thumbnail img  {
    height:  100%;
    -o-object-fit:  cover;
    object-fit:  cover;
    border-start-start-radius:  3px;
    border-end-start-radius:  3px;
    border-start-end-radius:  0;
    border-end-end-radius:  0 }
.lesson-playlist .lesson-playlist-items .lesson-playlist-item .lesson-thumbnail .play-icon  {
    position:  absolute;
    top:  50%;
    inset-inline-start:  50%;
    transform:  translate(-50%,  -50%);
    font-size:  10px;
    color:  var(--color-secondary-4);
    background:  rgb(var(--color-white-rgb)/.9);
    height:  30px;
    width:  30px;
    text-align:  center;
    line-height:  30px;
    border-radius:  50%;
    display:  flex;
    justify-content:  center;
    align-items:  center }
.lesson-playlist .lesson-playlist-items .lesson-playlist-item .lesson-thumbnail .play-icon::after  {
    position:  absolute;
    top:  -5px;
    inset-inline-start:  -5px;
    border:  5px solid rgba(255,  255,  255,  .2);
    content:  "";
    height:  40px;
    width:  40px;
    border-radius:  50% }
.lesson-playlist .lesson-playlist-items .lesson-playlist-item .lesson-content  {
    padding:  19px 25px }
.lesson-playlist .lesson-playlist-items .lesson-playlist-item .lesson-content h5  {
    color:  var(--color-gray-6);
    font-size:  16px;
    font-weight:  600;
    margin-bottom:  5px }
.lesson-playlist .lesson-playlist-items .lesson-playlist-item .lesson-content p  {
    font-size:  14px;
    color:  var(--color-gray);
    line-height:  21px }
.lesson-playlist .lesson-playlist-items.scroll-bar-active  {
    max-height:  450px;
    overflow-y:  scroll;
    overflow-x:  hidden;
    padding-inline-end:  18px;
    scrollbar-color:  var(--color-secondary-4) var(--color-off-white) !important;
    scrollbar-width:  thin }
.lesson-playlist .lesson-playlist-items.scroll-bar-active::-webkit-scrollbar-track  {
    box-shadow:  inset 0 0 5px rgb(var(--color-black-rgb)/.05);
    border-radius:  14px;
    background-color:  transparent }
.lesson-playlist .lesson-playlist-items.scroll-bar-active::-webkit-scrollbar  {
    width:  8px;
    border-radius:  14px;
    background-color:  var(--color-off-white) }
.lesson-playlist .lesson-playlist-items.scroll-bar-active::-webkit-scrollbar-thumb  {
    border-radius:  10px;
    box-shadow:  none;
    background-color:  var(--color-secondary-4) }
.lesson-playlist .plyr  {
    height:  450px }
.lesson-playlist .plyr.plyr--full-ui .plyr__control--overlaid  {
    height:  60px;
    width:  60px;
    display:  flex;
    justify-content:  center;
    align-items:  center;
    background-color:  var(--color-white);
    opacity:  1 }
.lesson-playlist .plyr.plyr--full-ui .plyr__control--overlaid svg  {
    height:  18px;
    width:  18px;
    color:  var(--color-secondary-4) }
.lesson-playlist .plyr.plyr--full-ui .plyr__control--overlaid::after  {
    opacity:  .2;
    border-radius:  50%;
    top:  -10px;
    inset-inline-start:  -10px;
    inset-inline-end:  0;
    bottom:  0;
    width:  80px;
    height:  80px;
    border:  20px solid var(--color-white);
    animation-delay:  .5s;
    position:  absolute;
    content:  "" }
.lesson-playlist .plyr.plyr--video  {
    background:  0 0;
    border-radius:  3px }
.lesson-playlist .plyr .plyr__video-wrapper  {
    background:  var(--color-off-white) !important }
.recent-videos .plyr,  .recent-videos .plyr .plyr__poster  {
    background-size:  cover }
.lesson-playlist .plyr .plyr__poster  {
    background-size:  cover;
    border-radius:  3px }
.lesson-playlist .animate-float-bob-y  {
    position:  absolute;
    inset-inline-start:  -45px;
    top:  -35px;
    z-index:  -1 }
.recent-video-slider .slick-slide  {
    margin:  0 15px 30px }
.recent-videos .plyr  {
    height:  550px;
    border:  15px solid var(--color-white);
    border-radius:  5px;
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/.06);
    margin:  10px auto 0;
    max-width:  1060px }
.recent-videos .plyr.plyr--full-ui .plyr__control--overlaid  {
    height:  100px;
    width:  100px;
    display:  flex;
    justify-content:  center;
    align-items:  center;
    background-color:  var(--color-white);
    opacity:  1 }
.recent-videos .plyr.plyr--full-ui .plyr__control--overlaid svg  {
    height:  24px;
    width:  28px;
    color:  var(--color-secondary-4) }
.recent-videos .plyr.plyr--full-ui .plyr__control--overlaid::after  {
    opacity:  .2;
    border-radius:  50%;
    top:  -10px;
    left:  -10px;
    right:  0;
    bottom:  0;
    width:  120px;
    height:  120px;
    border:  20px solid var(--color-white);
    animation-delay:  .5s;
    position:  absolute;
    content:  "" }
.recent-videos .plyr:-webkit-full-screen  {
    border:  0;
    box-shadow:  none;
    border-radius:  0 }
.recent-videos .plyr:fullscreen  {
    border:  0;
    box-shadow:  none;
    border-radius:  0 }
.form-image  {
    position:  absolute;
    height:  100%;
    bottom:  0;
    inset-inline-start:  0;
    z-index:  -1;
    width:  50% }
.form-image img  {
    height:  100%;
    -o-object-fit:  contain;
    object-fit:  contain;
    -o-object-position:  bottom;
    object-position:  bottom }
.user-form-wrapper .form-title h3  {
    font-weight:  600;
    font-size:  38px;
    color:  var(--color-white);
    margin-bottom:  10px;
    line-height:  1.5 }
.user-form-wrapper .form-title p  {
    font-weight:  400;
    font-size:  18px;
    line-height:  1.4 }
.textunderline,  .user-form-wrapper .form-title p a  {
    text-decoration:  underline }
.user-form  {
    border-radius:  5px;
    padding:  30px 30px 10px }
.user-form label  {
    font-weight:  500;
    font-size:  16px;
    line-height:  24px;
    margin-bottom:  10px }
.user-form .nice-select,  .user-form input[type=date],  .user-form input[type=email],  .user-form input[type=file],  .user-form input[type=number],  .user-form input[type=password],  .user-form input[type=tel],  .user-form input[type=text],  .user-form textarea  {
    margin-bottom:  20px;
    height:  50px;
    padding:  0 15px;
    font-weight:  400;
    font-size:  14px;
    color:  var(--color-black);
    border:  1px solid var(--color-soft-white);
    background-color:  var(--color-white);
    float:  none }
.user-form .nice-select::-moz-placeholder,  .user-form input[type=date]::-moz-placeholder,  .user-form input[type=email]::-moz-placeholder,  .user-form input[type=file]::-moz-placeholder,  .user-form input[type=number]::-moz-placeholder,  .user-form input[type=password]::-moz-placeholder,  .user-form input[type=tel]::-moz-placeholder,  .user-form input[type=text]::-moz-placeholder,  .user-form textarea::-moz-placeholder  {
    color:  var(--color-gray);
    opacity:  .75 }
.user-form .nice-select::placeholder,  .user-form input[type=date]::placeholder,  .user-form input[type=email]::placeholder,  .user-form input[type=file]::placeholder,  .user-form input[type=number]::placeholder,  .user-form input[type=password]::placeholder,  .user-form input[type=tel]::placeholder,  .user-form input[type=text]::placeholder,  .user-form textarea::placeholder  {
    color:  var(--color-gray);
    opacity:  .75 }
.user-form input[type=number]::-webkit-inner-spin-button,  .user-form input[type=number]::-webkit-outer-spin-button  {
    -webkit-appearance:  none;
    margin:  0 }
.user-form input[type=number],  .user-form-container form input[type=number]  {
    -moz-appearance:  textfield }
.user-form .nice-select .list .option.selected  {
    font-weight:  400;
    color:  var(--color-secondary-4) }
.user-form .nice-select::after  {
    right:  inherit;
    inset-inline-end:  10px }
.user-form input:focus,  .user-form textarea:focus  {
    box-shadow:  none;
    border:  1px solid var(--color-soft-white) }
.user-form textarea  {
    height:  140px;
    padding:  13px 15px }
.user-form textarea::-webkit-scrollbar-track  {
    border-radius:  3px;
    background-color:  transparent }
.user-form textarea::-webkit-scrollbar  {
    width:  8px;
    border-radius:  3px;
    background-color:  var(--color-off-white) }
.user-form textarea::-webkit-scrollbar-thumb  {
    border-radius:  3px;
    background-color:  var(--color-soft-white-4) }
.user-form .password-input .toggle-password,  .user-form-container form .password-input .toggle-password  {
    position:  absolute;
    inset-inline-end:  30px;
    top:  51px;
    cursor:  pointer }
.user-form .password-input input  {
    padding-inline-end:  45px;
    background-image:  none !important }
.user-form button  {
    display:  block;
    width:  100%;
    border-radius:  3px;
    transition:  .3s;
    padding:  10px 30px;
    font-size:  16px }
.user-form .accept-policy label  {
    position:  relative;
    cursor:  pointer;
    font-weight:  400;
    margin-bottom:  30px }
.user-form .accept-policy label::before  {
    content:  "";
    -webkit-appearance:  none;
    background-color:  var(--color-white);
    border:  1px solid var(--color-soft-white);
    padding:  8px;
    display:  inline-block;
    position:  relative;
    vertical-align:  middle;
    cursor:  pointer;
    margin-inline-end:  8px;
    border-radius:  2px;
    top:  -1px }
.remember-password input,  .user-form .accept-policy input,  .window-load-modal .modal-content .modal-body .modal-content-inner .dont-show-popup .form-checkbox input[type=checkbox]  {
    padding:  0;
    height:  initial;
    width:  initial;
    margin-bottom:  0;
    display:  none;
    cursor:  pointer }
.remember-password label::after,  .user-form .accept-policy input:checked+label::after  {
    content:  "";
    display:  block;
    position:  absolute;
    top:  5px;
    inset-inline-start:  7px;
    width:  5px;
    height:  10px;
    border:  solid var(--color-white);
    border-width:  0 2px 2px 0;
    transform:  rotate(45deg) }
.user-form .accept-policy input:checked+label::before  {
    background-color:  var(--color-secondary-4);
    border-radius:  3px }
.user-form .forgot-pass-btn  {
    font-size:  16px;
    color:  var(--color-body);
    display:  inline-block;
    margin-bottom:  25px }
.user-form .alt-login .template-btn  {
    border:  1px solid var(--color-soft-white);
    width:  100%;
    text-align:  center;
    padding:  13.5px 30px;
    margin-bottom:  20px;
    color:  var(--color-body) }
.user-form .alt-login .template-btn .fa-facebook,  .user-form .alt-login .template-btn .fa-facebook-f,  .user-form-container form .template-btn .fa-facebook-f,  .user-form-container form .template-btn .fa-facebook-f+span  {
    color:  var(--color-facebook) }
.user-form .alt-login .template-btn .fa-twitter,  .user-form-container form .template-btn .fa-twitter,  .user-form-container form .template-btn .fa-twitter+span  {
    color:  var(--color-twitter) }
.user-form .alt-login .form-divider  {
    position:  relative;
    z-index:  1;
    text-align:  center;
    margin-bottom:  14px;
    margin-top:  30px }
.user-form .alt-login .form-divider::after,  .user-form-container form .form-divider::after  {
    position:  absolute;
    border:  1px solid var(--color-soft-white);
    bottom:  12.5px;
    left:  0;
    content:  "";
    width:  100%;
    z-index:  -1 }
.user-form .alt-login .form-divider span  {
    text-transform:  uppercase;
    font-weight:  500;
    font-size:  16px;
    line-height:  24px;
    background-color:  var(--color-off-white);
    padding:  0 11px }
.user-form label.img_uploader  {
    width:  100%;
    position:  relative;
    margin-bottom:  0 }
.user-form label.img_uploader .upload-icon  {
    position:  absolute;
    inset-inline-start:  0;
    top:  0;
    cursor:  pointer;
    inset-inline-end:  0;
    margin:  auto;
    height:  100%;
    width:  100% }
.edit-profile-wrapper .user-form .img_uploader .upload-icon svg,  .user-form label.img_uploader .upload-icon svg  {
    position:  absolute;
    top:  0;
    inset-inline-end:  0;
    margin:  14px 16px }
.user-form-container form.otp-form input[type=number],  .user-form.otp-form input[type=number]  {
    max-width:  80px;
    height:  50px;
    padding:  0;
    text-align:  center }
.user-form-container form.otp-form input[type=number]:focus,  .user-form.otp-form input[type=number]:focus  {
    border-width:  2px;
    border-color:  var(--color-secondary-4) }
.cart-product-table .table,  .user-form .select2-container .custom-select,  .user-form .select2-container--default .select2-search--dropdown .select2-search__field  {
    border-color:  var(--color-soft-white) }
.user-form-container  {
    box-shadow:  0 4px 30px rgb(var(--color-black-rgb)/.07);
    border-radius:  20px;
    padding:  50px 60px;
    font-family:  var(--font-jost);
    position:  relative;
    max-width:  583px;
    margin:  0 auto }
.user-form-container .form-shape .image-1,  .user-form-container .form-shape .image-2,  .user-form-container .form-shape .image-3  {
    position:  absolute;
    z-index:  -1 }
.user-form-container .form-shape .image-1  {
    top:  -32px;
    inset-inline-start:  -34px }
.user-form-container .form-shape .image-2  {
    top:  25%;
    inset-inline-end:  -88px }
.user-form-container .form-shape .image-3  {
    top:  60%;
    inset-inline-start:  -42px }
.user-form-container .form-title h1,  .user-form-container .form-title h3  {
    text-align:  center;
    color:  var(--color-secondary-4);
    font-weight:  500;
    font-size:  24px;
    margin-bottom:  25px;
    font-family:  var(--font-jost) }
.user-form-container .form-title p  {
    font-size:  16px;
    font-weight:  500;
    color:  var(--color-gray-7) }
.user-form-container form label  {
    font-weight:  500;
    font-size:  16px;
    margin-bottom:  5px;
    color:  var(--color-gray-7) }
.user-form-container form .nice-select,  .user-form-container form input[type=date],  .user-form-container form input[type=email],  .user-form-container form input[type=file],  .user-form-container form input[type=number],  .user-form-container form input[type=password],  .user-form-container form input[type=tel],  .user-form-container form input[type=text],  .user-form-container form textarea  {
    margin-bottom:  25px;
    height:  50px;
    padding:  0 20px;
    font-weight:  400;
    font-size:  16px;
    color:  var(--color-black);
    border:  1px solid var(--color-soft-white-7);
    background-color:  var(--color-white);
    border-radius:  5px;
    float:  none }
.user-form-container form .nice-select::-moz-placeholder,  .user-form-container form input[type=date]::-moz-placeholder,  .user-form-container form input[type=email]::-moz-placeholder,  .user-form-container form input[type=file]::-moz-placeholder,  .user-form-container form input[type=number]::-moz-placeholder,  .user-form-container form input[type=password]::-moz-placeholder,  .user-form-container form input[type=tel]::-moz-placeholder,  .user-form-container form input[type=text]::-moz-placeholder,  .user-form-container form textarea::-moz-placeholder  {
    font-weight:  400;
    color:  var(--color-soft-white-6) }
.user-form-container form .nice-select::placeholder,  .user-form-container form input[type=date]::placeholder,  .user-form-container form input[type=email]::placeholder,  .user-form-container form input[type=file]::placeholder,  .user-form-container form input[type=number]::placeholder,  .user-form-container form input[type=password]::placeholder,  .user-form-container form input[type=tel]::placeholder,  .user-form-container form input[type=text]::placeholder,  .user-form-container form textarea::placeholder  {
    font-weight:  400;
    color:  var(--color-soft-white-6) }
.user-form-container form input[type=number]::-webkit-inner-spin-button,  .user-form-container form input[type=number]::-webkit-outer-spin-button  {
    -webkit-appearance:  none;
    margin:  0 }
.remember-password label  {
    position:  relative;
    cursor:  pointer;
    font-weight:  500;
    padding-inline-start:  30px }
.remember-password label::before  {
    content:  "";
    -webkit-appearance:  none;
    background-color:  var(--color-white);
    border:  1px solid var(--color-secondary-4);
    padding:  7px;
    display:  inline-block;
    vertical-align:  middle;
    cursor:  pointer;
    margin-inline-end:  12px;
    border-radius:  2px;
    position:  absolute;
    top:  5px;
    inset-inline-start:  0 }
.remember-password input:checked+label::after  {
    content:  "";
    display:  block;
    position:  absolute;
    top:  7px;
    inset-inline-start:  6px;
    width:  5px;
    height:  10px;
    border:  solid var(--color-secondary-4);
    border-width:  0 1px 1px 0;
    transform:  rotate(45deg) }
.remember-password input:checked+label::before  {
    background-color:  transparent;
    border-radius:  2px }
.user-form-container form .template-btn,  .user-form-container form button  {
    display:  block;
    width:  100%;
    background-color:  var(--color-secondary-4);
    border-color:  var(--color-secondary-4);
    border-radius:  5px;
    transition:  .3s;
    padding:  11px 30px;
    font-size:  16px;
    text-align:  center;
    font-family:  var(--font-jost) }
.profile-menu ul li a svg,  .user-form-container form .template-btn svg,  .user-form-container form button svg  {
    margin-inline-end:  10px }
.user-form-container form .template-btn.template-btn-white  {
    color:  var(--color-gray);
    border-radius:  5px;
    border-color:  var(--color-soft-white);
    background-color:  var(--color-white) }
.user-form-container form .template-btn.template-btn-white i  {
    margin-inline-end:  10px;
    margin-left:  0 }
.user-form-container form .forgot-pass-btn  {
    font-weight:  400;
    font-size:  16px;
    color:  var(--color-gray-7);
    text-align:  center }
.user-form-container form .forgot-pass-btn a  {
    color:  var(--color-secondary-4);
    font-weight:  500 }
.user-form-container form .form-divider  {
    color:  var(--color-body);
    font-weight:  500;
    font-size:  16px;
    position:  relative;
    z-index:  1;
    text-align:  center }
.user-form-container form .form-divider span  {
    text-transform:  uppercase;
    font-weight:  500;
    font-size:  16px;
    line-height:  24px;
    padding:  0 11px;
    background-color:  var(--color-white) }
.user-form-container.max-content  {
    max-width:  500px;
    margin:  0 auto }
.user-form-container .select2-container .custom-select,  .user-form-container .select2-container--default .select2-search--dropdown .select2-search__field  {
    border-color:  var(--color-soft-white-7) }
.user-form .form-control.is-invalid:focus,  .user-form .form-control.is-valid:focus,  .user-form-container .form-control.is-invalid:focus,  .user-form-container .form-control.is-valid:focus,  .user-form-container .was-validated .form-control:invalid:focus,  .user-form-container .was-validated .form-control:valid:focus,  .user-form.was-validated .form-control:invalid:focus,  .user-form.was-validated .form-control:valid:focus  {
    box-shadow:  none }
.user-form .form-control.is-invalid,  .user-form .form-control.is-valid,  .user-form-container .form-control.is-invalid,  .user-form-container .form-control.is-valid,  .user-form-container .was-validated .form-control:invalid,  .user-form-container .was-validated .form-control:valid,  .user-form.was-validated .form-control:invalid,  .user-form.was-validated .form-control:valid  {
    padding-right:  inherit;
    padding-inline-end:  calc(1.5em + 0.75rem) }
[dir=rtl] .user-form .form-control.is-invalid,  [dir=rtl] .user-form .form-control.is-valid,  [dir=rtl] .user-form .form-control:valid,  [dir=rtl] .user-form-container .form-control.is-invalid,  [dir=rtl] .user-form-container .form-control.is-valid,  [dir=rtl] .user-form-container .form-control:valid,  [dir=rtl] .user-form-container .was-validated .form-control:invalid,  [dir=rtl] .user-form.was-validated .form-control:invalid  {
    background-position:  left calc(.375em + .1875rem) center }
.user-form .invalid-feedback,  .user-form .valid-feedback,  .user-form-container .invalid-feedback,  .user-form-container .valid-feedback  {
    margin-top:  -15px }
.user-form-container .was-validated .accept-policy .invalid-feedback,  .user-form-container .was-validated .accept-policy .valid-feedback,  .user-form.was-validated .accept-policy .invalid-feedback,  .user-form.was-validated .accept-policy .valid-feedback  {
    margin-top:  -25px;
    padding-bottom:  20px;
    margin-bottom:  0 }
.user-form .form-control.is-valid,  .user-form-container .form-control.is-valid,  .user-form-container .was-validated .form-control:valid,  .user-form.was-validated .form-control:valid  {
    border-color:  var(--color-secondary-4) }
.contact-form.user-form  {
    padding:  30px;
    border:  1px solid var(--color-soft-white) }
.contact-form-info h4  {
    font-weight:  600;
    font-size:  22px;
    line-height:  1.5;
    margin-bottom:  20px }
.forgot-pass-btn h6,  .login-as h6  {
    color:  #556068;
    font-size:  16px;
    font-weight:  500;
    text-align:  center }
.contact-form-info ul a,  .contact-form-info ul li  {
    font-weight:  400;
    font-size:  14px;
    color:  var(--color-gray) }
.contact-form-info ul li  {
    position:  relative;
    padding-inline-start:  40px }
.contact-form-info ul li i  {
    margin-inline-end:  10px;
    width:  30px;
    height:  30px;
    background:  var(--color-secondary-4);
    border-radius:  3px;
    text-align:  center;
    color:  var(--color-white);
    line-height:  30px;
    font-size:  14px;
    position:  absolute;
    inset-inline-start:  0;
    top:  0 }
.ticket-replies .user-form [type=file]  {
    border:  none;
    padding-left:  0;
    margin-bottom:  10px }
.ticket-replies .user-form [type=file]::-webkit-file-upload-button  {
    background:  var(--color-soft-white);
    border-radius:  2px;
    color:  var(--color-body);
    cursor:  pointer;
    font-size:  16px;
    outline:  0;
    padding:  6px 10px;
    text-transform:  capitalize;
    -webkit-transition:  1s;
    transition:  1s;
    margin-right:  20px;
    border:  none !important }
.ticket-replies .user-form [type=file]::-webkit-file-upload-button:hover  {
    background:  var(--color-soft-white-6) }
.log-social li a  {
    height:  50px;
    width:  50px;
    display:  flex;
    border:  2px solid;
    align-items:  center;
    justify-content:  center }
.log-social li:first-child a  {
    border-color:  #3b5998 !important }
.log-social li:nth-child(2) a  {
    border-color:  #db4437 !important }
.log-social li:nth-child(3) a  {
    border-color:  #55acee !important }
.log-social li:nth-child(4) a  {
    border-color:  #666 !important }
ul.login-BTN  {
    -moz-column-count:  2;
    column-count:  2 }
.login-BTN a.template-btn.bordered-btn-secondary  {
    background-color:  transparent !important }
.login-BTN a.template-btn.bordered-btn-secondary:hover  {
    border-color:  var(--color-dark) !important }
.login-as  {
    padding:  20px 20px 0;
    border:  1px solid var(--color-soft-white-7);
    position:  relative;
    border-radius:  10px }
.login-as h6  {
    position:  absolute;
    top:  -12px;
    left:  50%;
    transform:  translateX(-50%);
    padding:  0 10px }
.forgot-pass-btn h6  {
    line-height:  24px }
.back-to-top  {
    position:  fixed;
    transform:  translateY(100px);
    width:  42px;
    height:  42px;
    line-height:  42px;
    background:  var(--color-secondary-4);
    color:  var(--color-white);
    font-size:  20px;
    text-align:  center;
    border-radius:  50px;
    transition:  .5s;
    opacity:  0;
    visibility:  hidden;
    z-index:  1;
    inset-block-end:  25px;
    inset-inline-end:  20px }
.book-list-item,  .pending-order,  .product-buy-now-wrap,  .search-sorter  {
    background:  var(--color-white) }
.back-to-top.show  {
    transform:  translateY(0);
    visibility:  visible;
    opacity:  1;
    z-index:  999 }
.back-to-top.show:hover  {
    transform:  translateY(-4px) }
.search-sorter  {
    border:  1px solid var(--color-soft-white);
    display:  flex;
    justify-content:  space-between;
    align-items:  center;
    padding:  11px 15px;
    flex-wrap:  wrap;
    -moz-column-gap:  10px;
    column-gap:  10px;
    row-gap:  15px;
    box-shadow:  0 3px 6px rgb(var(--color-body-rgb)/.06) }
.search-sorter .search-form .search-field  {
    height:  40px;
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    padding:  10px 15px;
    padding-inline-end:  35px;
    color:  var(--color-body);
    line-height:  14px;
    font-size:  14px;
    font-weight:  400;
    transition:  .3s ease-in-out;
    width:  206px }
.search-sorter .search-form .search-field::-moz-placeholder  {
    color:  var(--color-gray);
    opacity:  .75 }
.search-sorter .search-form .search-field::placeholder  {
    color:  var(--color-gray);
    opacity:  .75 }
.search-sorter .grid-list li.sort-text  {
    color:  var(--color-gray);
    font-weight:  500;
    font-size:  16px;
    line-height:  14px;
    color:  var(--color-gray) }
.search-sorter .grid-list li.toggle-icon a  {
    background-color:  var(--color-gray);
    font-size:  16px;
    height:  34px;
    width:  34px;
    line-height:  34px;
    text-align:  center;
    color:  var(--color-white);
    border-radius:  3px }
.search-result-content p  {
    font-weight:  600;
    font-size:  18px;
    line-height:  14px;
    color:  var(--color-gray) }
.line-progress  {
    width:  100%;
    margin-bottom:  30px }
.line-progress p  {
    color:  var(--color-black);
    display:  flex;
    justify-content:  space-between;
    align-items:  center;
    text-transform:  capitalize }
.line-progress :not([data-progress])  {
    margin:  0;
    font-size:  14px }
.line-progress [data-progress]  {
    height:  10px;
    border-radius:  12px;
    margin-top:  8px;
    overflow:  hidden;
    background-color:  var(--color-soft-white) }
[data-progress]::after  {
    content:  "";
    display:  flex;
    justify-content:  flex-end;
    align-items:  center;
    background-color:  var(--color-secondary-4);
    border-radius:  12px;
    width:  0;
    height:  100%;
    box-sizing:  border-box;
    font-size:  10px;
    color:  var(--color-white);
    padding:  0 3px;
    transition:  2s }
[data-progress].animate-progress::after  {
    width:  var(--animate-progress) }
.book-list-slider .slick-slide  {
    margin:  15px 15px 0 }
.book-list-item  {
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/.1);
    border-radius:  3px;
    transition:  .3s;
    text-align:  center;
    margin-bottom:  30px;
    padding:  30px 35px 18px }
.book-list-item .book-thumbnail  {
    margin-bottom:  10px;
    position:  relative }
.book-list-item .book-thumbnail .wishlist-icon  {
    position:  absolute;
    inset-inline-end:  0;
    top:  0;
    color:  var(--color-secondary-4);
    font-size:  16px;
    background:  var(--color-soft-white);
    border-radius:  3px;
    width:  30px;
    height:  30px;
    line-height:  30px }
.book-list-item .book-text-content h6  {
    font-weight:  600;
    font-size:  17px;
    color:  var(--color-body);
    margin-bottom:  8px }
.book-list-item .book-text-content .author  {
    font-weight:  500;
    font-size:  12px;
    line-height:  18px;
    color:  var(--color-gray-2) }
.book-list-item .book-text-content .desc  {
    font-weight:  400;
    font-size:  14px;
    line-height:  24px;
    margin-bottom:  15px }
.book-list-item .book-text-content .book-price  {
    font-weight:  600;
    font-size:  16px;
    line-height:  16px;
    color:  var(--color-secondary-4);
    margin:  0 }
.book-list-item .book-text-content .book-price small  {
    font-weight:  400;
    font-size:  12px;
    line-height:  12px;
    text-align:  right;
    text-decoration:  line-through;
    color:  var(--color-gray-3);
    margin-right:  5px }
.book-list-item .book-text-content .rating-review  {
    margin-top:  8px }
.blog-post-items-v3 .blog-post-item:hover,  .book-list-item:hover  {
    transform:  translate(0,  -10px);
    box-shadow:  0 15px 30px rgb(var(--color-black-rgb)/.1) }
.book-list-items-v2 .book-list-item  {
    display:  flex;
    padding:  20px;
    border-radius:  0;
    box-shadow:  none;
    gap:  15px 24px }
.book-list-items-v2 .book-list-item .book-thumbnail  {
    flex:  0 0 auto;
    width:  30%;
    margin-bottom:  0;
    text-align:  start }
.book-list-items-v2 .book-list-item .book-text-content .desc  {
    overflow:  hidden;
    display:  -webkit-box;
    -webkit-line-clamp:  3;
    -webkit-box-orient:  vertical }
.book-list-items-v2 .book-list-item:hover  {
    transform:  translate(0) }
.book-list-items-v3 .book-list-item  {
    padding:  15px 20px;
    display:  flex;
    align-items:  center;
    flex-wrap:  wrap;
    border:  1px solid var(--color-soft-white);
    box-shadow:  0 4px 15px rgb(var(--color-black-rgb)/.06);
    border-radius:  3px;
    background-color:  var(--color-white);
    margin-bottom:  15px;
    gap:  10px 20px }
.book-list-items-v3 .book-list-item .book-thumbnail  {
    margin:  0;
    flex:  0 0 auto;
    width:  94px;
    text-align:  start }
.book-list-items-v3 .book-list-item .book-text-content .rating-review  {
    display:  grid;
    place-content:  flex-end }
.book-list-items-v3 .book-list-item:hover  {
    transform:  none }
.product-buy-now-wrap  {
    border:  1px solid var(--color-soft-white);
    box-shadow:  0 8px 20px rgb(var(--color-black-rgb)/.06);
    border-radius:  3px;
    padding:  30px 30px 20px;
    margin-bottom:  50px;
    position:  relative }
.product-buy-now-wrap .product-summary  {
    position:  relative;
    margin-bottom:  10px }
.product-buy-now-wrap .product-summary .title  {
    font-weight:  600;
    font-size:  26px;
    line-height:  1.5 }
.product-buy-now-wrap .product-summary .author  {
    color:  var(--color-body);
    font-weight:  500;
    margin-bottom:  5px }
.product-buy-now-wrap .product-summary .rating-review  {
    align-items:  center;
    margin-bottom:  10px }
.product-buy-now-wrap .product-summary .book-price  {
    font-weight:  600;
    font-size:  28px;
    line-height:  28px;
    color:  var(--color-secondary-4);
    margin-bottom:  10px }
.product-buy-now-wrap .product-summary .book-price small  {
    font-weight:  400;
    font-size:  16px;
    line-height:  16px;
    text-decoration:  line-through;
    color:  var(--color-gray-3);
    margin-inline-end:  8px }
.product-buy-now-wrap .product-summary .product-specification tr  {
    display:  flex;
    flex-wrap:  wrap;
    gap:  0 10px;
    margin-bottom:  5px }
.product-buy-now-wrap .product-summary .product-specification tr th  {
    font-weight:  500;
    font-size:  16px;
    color:  var(--color-body) }
.product-buy-now-wrap .product-summary .product-specification tr td  {
    font-weight:  400;
    font-size:  16px;
    color:  var(--color-gray) }
.product-buy-now-wrap .product-summary .product-specification tr td input[type=checkbox]+span::after  {
    position:  absolute;
    left:  0;
    top:  3px;
    display:  inline-block;
    content:  "";
    width:  18px;
    height:  18px;
    border:  1px solid var(--color-soft-white);
    border-radius:  2px;
    background-color:  var(--color-white) }
.product-buy-now-wrap .product-summary .product-specification tr td input[type=checkbox]:checked+span::before  {
    transform:  rotate(45deg);
    position:  absolute;
    left:  6px;
    top:  5px;
    width:  6px;
    height:  10px;
    border-width:  2px;
    border-style:  solid;
    border-top:  0;
    border-left:  0;
    border-color:  var(--color-white);
    content:  "";
    z-index:  1 }
.product-buy-now-wrap .product-summary .product-specification tr td label  {
    padding-left:  26px;
    position:  relative;
    display:  block;
    cursor:  pointer }
.product-buy-now-wrap .product-summary .cart .qty-and-stock  {
    display:  flex;
    align-items:  center;
    gap:  10px;
    margin-bottom:  15px }
.cart-product-table .table .qty-and-stock .qty,  .product-buy-now-wrap .product-summary .cart .qty  {
    display:  inline-flex;
    width:  99px;
    border:  1px solid var(--color-soft-white);
    border-radius:  3px }
.cart-product-table .table .qty-and-stock .qty input,  .product-buy-now-wrap .product-summary .cart .qty input  {
    font-weight:  500;
    font-size:  16px;
    line-height:  16px }
.product-buy-now-wrap .product-summary .cart .qty input::-webkit-inner-spin-button,  .product-buy-now-wrap .product-summary .cart .qty input::-webkit-outer-spin-button  {
    -webkit-appearance:  none;
    margin:  0 }
.cart-product-table .table .qty-and-stock .qty input[type=button],  .product-buy-now-wrap .product-summary .cart .qty input[type=button]  {
    height:  38px;
    box-shadow:  none }
.product-buy-now-wrap .product-summary .cart .qty input[type=number]  {
    height:  38px;
    border-radius:  0;
    -webkit-appearance:  none;
    -moz-appearance:  none;
    margin:  0;
    text-align:  center;
    appearance:  none }
.product-buy-now-wrap .product-summary .cart .dual-btn  {
    display:  flex;
    flex-wrap:  wrap;
    gap:  15px }
.product-buy-now-wrap .product-summary .template-btn  {
    padding:  8px 19px }
.product-buy-now-wrap .product-summary .social-profile  {
    position:  absolute;
    inset-inline-end:  0;
    bottom:  2px }
.product-buy-now-wrap .wishlist-icon  {
    position:  absolute;
    top:  0;
    inset-inline-end:  0;
    font-size:  18px;
    color:  var(--color-gray);
    height:  40px;
    width:  40px;
    border:  1px solid var(--color-soft-white);
    text-align:  center;
    line-height:  40px;
    border-radius:  3px;
    transition:  .3s;
    background-color:  var(--color-white);
    z-index:  2 }
.book-details-tab-content .specification-table table  {
    border:  1px solid var(--color-soft-white);
    width:  100% }
.book-details-tab-content .specification-table table td,  .book-details-tab-content .specification-table table th  {
    padding:  12px 15px;
    font-weight:  400 }
.book-details-tab-content .specification-table table th  {
    font-weight:  500;
    background-color:  var(--color-off-white);
    border-right:  1px solid var(--color-soft-white) }
.book-details-tab-content .specification-table table td  {
    padding:  12px 25px }
.book-sidebar .widget .widget-title  {
    font-weight:  600;
    font-size:  22px;
    border-bottom:  1px solid var(--color-soft-white);
    padding-bottom:  5px;
    margin-bottom:  20px }
.read-book-modal .modal-body,  .read-book-modal .modal-header  {
    border:  0;
    padding:  0 }
.read-book-modal .modal-dialog  {
    border-radius:  0 }
.read-book-modal .modal-content  {
    border-radius:  0;
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/25%);
    border:  20px solid var(--color-off-white-5);
    background-color:  var(--color-white);
    padding:  3px }
.read-book-modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track  {
    border-radius:  10px;
    background-color:  transparent }
.read-book-modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar  {
    width:  8px;
    border-radius:  0;
    background-color:  var(--color-white) }
.read-book-modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb  {
    border-radius:  10px;
    background-color:  var(--color-soft-white) }
.profile-sidebar,  .subscription-setting  {
    border:  1px solid var(--color-soft-white) }
.read-book-modal .modal-header .btn-close  {
    position:  absolute;
    top:  10px;
    right:  10px;
    z-index:  5;
    font-size:  10px;
    opacity:  1 }
.profile-sidebar  {
    border-radius:  3px;
    background-color:  var(--color-white) }
.profile-sidebar .profile-card  {
    padding-bottom:  25px }
.profile-sidebar .profile-card .profile-cover  {
    background-color:  rgb(var(--color-secondary-rgb)/30%);
    height:  150px }
.profile-sidebar .profile-card .profile-info .profile-picture  {
    margin-top:  -85px;
    margin-bottom:  7px }
.profile-sidebar .profile-card .profile-info .profile-picture img  {
    border:  10px solid var(--color-white);
    border-radius:  50%;
    height:  170px;
    width:  170px;
    -o-object-fit:  cover;
    object-fit:  cover;
    -o-object-position:  top center;
    object-position:  top center }
.profile-sidebar .profile-card .profile-info h3  {
    font-weight:  500;
    font-size:  18px;
    line-height:  1.5 }
.profile-menu  {
    padding:  0 40px 20px }
.profile-menu ul li a  {
    position:  relative;
    display:  block;
    line-height:  1.5;
    padding-block:  15px 15px;
    padding-inline:  0px 45px;
    color:  var(--color-body);
    font-size:  16px;
    font-weight:  500;
    text-align:  start }
.profile-menu ul li a .dd-trigger  {
    position:  absolute;
    top:  0;
    inset-inline-end:  0;
    width:  45px;
    height:  100%;
    display:  flex;
    align-items:  center;
    justify-content:  flex-end;
    font-weight:  400 }
.profile-menu ul li a.has-dropdown.sub-menu-opened .dd-trigger::before  {
    content:  "\f106" }
.profile-menu ul li a.has-dropdown.sub-menu-opened+.sub-menu  {
    opacity:  1;
    visibility:  visible;
    height:  auto;
    border-bottom:  1px solid var(--color-soft-white);
    padding-bottom:  20px }
.profile-menu ul li a.has-dropdown.sub-menu-opened+.sub-menu li a  {
    padding-inline-start:  35px }
.profile-menu ul li a .notification .badge  {
    background-color:  var(--color-secondary-4);
    height:  14px;
    width:  14px;
    line-height:  14px;
    text-align:  center;
    padding:  0;
    font-size:  10px;
    border-radius:  50px;
    font-weight:  500;
    display:  inline-block;
    position:  absolute;
    right:  5px;
    top:  -2px;
    color:  var(--color-white);
    white-space:  nowrap;
    vertical-align:  baseline }
.profile-menu ul li a:hover svg.heart-stk path,  .profile-menu ul li.active a svg.heart-stk path  {
    stroke:  var(--color-secondary-4);
    fill:  none }
.profile-menu ul li .sub-menu li a  {
    border:  0;
    color:  var(--color-gray);
    font-weight:  400;
    padding-bottom:  0 }
.profile-menu ul li:last-child a.has-dropdown.sub-menu-opened+.sub-menu  {
    border:  0;
    padding-bottom:  15px }
.edit-profile-wrapper .user-form .template-btn  {
    font-weight:  600 }
.edit-profile-wrapper .user-form .img_uploader  {
    width:  100%;
    position:  relative }
.edit-profile-wrapper .user-form .img_uploader .upload-icon  {
    position:  absolute;
    inset-block-start:  0;
    top:  0;
    cursor:  pointer;
    inset-inline-end:  0;
    margin:  auto;
    height:  calc(100% - 20px);
    width:  100% }
.subscription-setting  {
    border-radius:  3px;
    padding:  30px 25px 20px }
.subscription-setting .setting-box  {
    display:  flex;
    justify-content:  space-between;
    align-items:  center;
    margin-bottom:  18px }
.subscription-setting .setting-box h6  {
    font-weight:  500;
    font-size:  14px;
    color:  var(--color-body) }
.subscription-setting .setting-box .setting-check  {
    position:  relative;
    top:  4px }
.subscription-setting .setting-box .setting-check .nice-select  {
    font-weight:  400;
    width:  auto;
    z-index:  1;
    color:  var(--color-gray);
    padding:  10px 30px 10px 15px;
    height:  40px }
.subscription-setting .setting-box .setting-check .nice-select .list  {
    width:  auto;
    margin-top:  0;
    display:  block }
.subscription-setting .setting-box .setting-check a.nt-delete  {
    padding:  6px 11px;
    color:  var(--color-secondary-4);
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    font-size:  12px;
    font-weight:  400 }
.subscription-setting .setting-box .setting-check.dropdown .dropdown-toggle  {
    color:  var(--color-gray);
    font-weight:  400;
    cursor:  pointer;
    font-size:  14px;
    padding-block:  0px;
    padding-inline:  10px 25px }
.subscription-setting .setting-box .setting-check.dropdown .dropdown-toggle::after  {
    content:  "\ea4a";
    border:  0;
    font-family:  boxicons;
    font-size:  20px;
    position:  absolute;
    inset-inline-end:  0;
    top:  -6px;
    margin:  0 }
.subscription-setting .setting-box .setting-check .dropdown-menu  {
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/10%);
    border:  1px solid var(--color-soft-white);
    border-radius:  0;
    min-width:  -moz-max-content;
    min-width:  max-content;
    padding:  0;
    transition:  .3s }
.subscription-setting .setting-box .setting-check .dropdown-menu li  {
    padding:  5px 18px;
    border-bottom:  1px solid var(--color-soft-white);
    font-size:  14px;
    font-weight:  400;
    min-height:  auto;
    display:  flex;
    align-items:  center;
    color:  var(--color-gray) }
.balance-box  {
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    padding:  25px;
    display:  flex;
    justify-content:  space-between;
    align-items:  center;
    flex-wrap:  wrap;
    gap:  5px 20px }
.balance-box-v2 .balance-box,  .user-intro  {
    padding:  17px 20px;
    box-shadow:  0 10px 25px rgba(var(--color-black-rgb)/.1) }
.balance-box .balance-box-content h6  {
    font-weight:  500;
    font-size:  18px }
.balance-box .balance-amount h4  {
    font-weight:  600;
    font-size:  22px;
    color:  var(--color-secondary-4) }
.balance-box-v2 .balance-box  {
    border:  0;
    border-radius:  10px;
    position:  relative }
.pending-order .title,  .user-intro-header  {
    border-bottom:  1px solid var(--color-soft-white);
    margin-bottom:  15px }
.balance-box-v2 .balance-box.user-card-shadow  {
    padding:  30px 20px }
.balance-box-v2 .balance-box-content h6,  .balance-box-v2 .balance-box-content p  {
    font-weight:  500;
    font-size:  16px;
    color:  var(--color-gray) }
.balance-box-v2 .balance-box-content h4  {
    font-weight:  600;
    font-size:  30px;
    margin-top:  5px;
    margin-bottom:  63.9px }
.balance-box-v2 .balance-box-icon  {
    display:  flex;
    flex-direction:  column;
    justify-content:  space-around;
    position:  absolute;
    top:  0;
    inset-inline-end:  20px;
    height:  100% }
.user-intro  {
    border-radius:  10px }
.user-intro-header  {
    display:  flex;
    align-items:  center;
    padding-bottom:  15px;
    flex-wrap:  wrap;
    gap:  10px 20px;
    position:  relative;
    padding-inline-end:  30px }
.user-intro .user-thumb  {
    min-width:  50px }
.user-intro .user-thumb img  {
    height:  50px;
    width:  50px;
    border-radius:  50%;
    border:  3px solid var(--color-soft-white);
    -o-object-fit:  cover;
    object-fit:  cover }
.user-intro .user-info h4  {
    font-weight:  600;
    font-size:  18px;
    line-height:  1.2;
    margin-bottom:  5px }
.user-intro .user-info span  {
    font-weight:  500;
    font-size:  12px;
    color:  var(--color-gray) }
.user-intro .edit-profile  {
    color:  var(--color-secondary-4);
    font-weight:  600;
    font-size:  12px;
    display:  block;
    padding-bottom:  0;
    position:  absolute;
    inset-inline-end:  0;
    top:  0 }
.user-intro .edit-profile::after  {
    position:  absolute;
    bottom:  3px;
    left:  0;
    height:  1px;
    width:  100%;
    content:  "";
    background:  var(--color-secondary-4) }
.user-intro .user-contact-info  {
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  space-between }
.user-intro .user-contact-info li  {
    color:  var(--color-gray);
    font-weight:  500;
    font-size:  14px;
    margin-bottom:  5px;
    padding-inline-start:  25px;
    position:  relative }
.user-intro .user-contact-info li i  {
    padding-inline-end:  5px;
    position:  absolute;
    font-size:  16px;
    inset-inline-start:  0;
    top:  4px }
.pending-order  {
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/.1);
    border-radius:  10px;
    padding:  15px 20px }
.pending-order .title  {
    font-size:  16px;
    padding-bottom:  10px;
    font-weight:  600 }
.pending-order .book-list-items-v3 .book-list-item .book-text-content .rating-review  {
    place-content:  flex-start }
.payment-methods-item input[type=radio]+label  {
    background:  var(--color-off-white);
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    text-align:  center;
    padding:  25px 20px;
    height:  90px;
    transition:  .3s;
    display:  grid;
    place-content:  center;
    margin-bottom:  20px;
    cursor:  pointer }
.payment-methods-item input[type=radio]:checked+label  {
    border-color:  var(--color-secondary-4) }
.payment-info-form .user-form  {
    padding:  0 }
.payment-info-form .user-form .user-form-input-wrapper  {
    padding:  20px 20px 10px;
    border:  1px solid var(--color-soft-white);
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/.1);
    background-color:  var(--color-white);
    margin-bottom:  30px }
.note-book-wrapper  {
    background:  var(--color-off-white);
    padding-inline:  20px 12px;
    padding-block:  20px 20px;
    position:  relative }
.our-instructor-section,  .popular-instructor-section  {
    background-position:  bottom left;
    background-repeat:  no-repeat }
.note-book-wrapper .note-book-content  {
    height:  710px;
    overflow-y:  scroll;
    border-radius:  3px }
.note-book-wrapper .note-book-content .notebook-media  {
    padding-inline-end:  5px;
    height:  100% }
.note-book-wrapper .note-book-content::-webkit-scrollbar-track  {
    border-radius:  3px;
    background-color:  transparent }
.note-book-wrapper .note-book-content::-webkit-scrollbar  {
    width:  7px;
    border-radius:  3px;
    background-color:  var(--color-off-white) }
.note-book-wrapper .note-book-content::-webkit-scrollbar-thumb  {
    border-radius:  3px;
    background-color:  var(--color-soft-white-4) }
.note-book-wrapper .pagination .page-arrow  {
    border:  0;
    height:  40px;
    width:  40px;
    line-height:  40px;
    background-color:  var(--color-white);
    border-radius:  50px;
    color:  var(--color-black);
    font-size:  20px;
    position:  absolute;
    top:  50%;
    inset-inline-start:  0;
    transition:  .3s;
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/.1);
    transform:  translate(0,  -50%) }
.error-page-title h1::after,  .note-book-wrapper .pagination .page-arrow.next-arrow  {
    inset-inline-start:  auto;
    inset-inline-end:  0 }
[dir=rtl] .note-book-wrapper .pagination .page-arrow  {
    transform:  translate(0,  -50%) rotate(180deg) }
.audio-wrapper  {
    display:  flex;
    background-color:  var(--color-off-white);
    align-items:  center;
    border-radius:  3px }
.audio-wrapper .audio-thumb  {
    min-width:  120px;
    flex:  0 0 auto }
.audio-wrapper .audio-thumb img  {
    border-start-start-radius:  3px;
    border-end-start-radius:  3px;
    border-end-end-radius:  0;
    border-start-end-radius:  0;
    height:  130px }
.audio-wrapper .audio-content  {
    flex:  1;
    padding:  15px 20px }
.audio-wrapper .audio-content h6  {
    font-weight:  500;
    font-size:  16px;
    overflow:  hidden;
    display:  -webkit-box;
    -webkit-line-clamp:  1;
    -webkit-box-orient:  vertical }
.audio-wrapper .audio-content p  {
    font-weight:  400;
    font-size:  12px;
    margin-bottom:  20px }
.audio-wrapper .plyr.plyr--audio  {
    width:  100%;
    background:  0 0;
    --plyr-audio-controls-background:  transparent }
.audio-wrapper .plyr.plyr--audio .plyr__controls  {
    padding:  var(--plyr-control-spacing,  0);
    margin-inline-start:  -7px }
.assignment-table .table thead tr th:first-of-type,  .assignment-table .table tr td:first-of-type,  .col-md-8.pl-0  {
    padding-left:  0 }
.assignment-table .assignment-item h6  {
    font-weight:  500;
    font-size:  16px;
    line-height:  1.4;
    margin-bottom:  3px }
.assignment-table .assignment-item p  {
    font-weight:  400;
    font-size:  12px }
.assignment-details-wrapper .assignment-info .upload-assignment h6  {
    margin-bottom:  17px }
.assignment-details-wrapper .assignment-info .upload-assignment .file-upload-text  {
    border:  1px solid var(--color-soft-white);
    width:  100%;
    height:  50px;
    display:  flex;
    justify-content:  space-between;
    align-items:  center;
    padding-inline-start:  20px;
    cursor:  pointer;
    border-inline-end:  0;
    color:  var(--color-gray) }
.assignment-details-wrapper .assignment-info .upload-assignment .file-upload-text .file-btn  {
    color:  var(--color-gray);
    background:  var(--color-off-white);
    padding:  7px 24px;
    font-size:  14px;
    font-weight:  400;
    cursor:  pointer;
    height:  50px;
    display:  flex;
    align-items:  center;
    border:  1px solid var(--color-soft-white) }
.assignment-details-wrapper .assignment-info .upload-assignment .file-upload-text p  {
    text-overflow:  ellipsis;
    display:  -webkit-box;
    overflow:  hidden;
    -webkit-line-clamp:  1;
    -webkit-box-orient:  vertical;
    max-width:  75% }
.assignment-details-wrapper .assignment-details .assignment-details-inner  {
    border:  1px solid var(--color-soft-white);
    padding:  30px }
.assignment-details-wrapper .assignment-details .submitted-file  {
    position:  relative;
    padding-inline-end:  27px;
    display:  inline-block;
    cursor:  pointer }
.assignment-details-wrapper .assignment-details .submitted-file .delete-btn  {
    position:  absolute;
    top:  -3px;
    inset-inline-end:  0 }
.assignment-details-wrapper .assignment-details .submitted-file .delete-btn:hover svg path  {
    stroke:  var(--color-pink) }
.assignment-details-wrapper .assignment-details .submitted-file a  {
    word-break:  break-all }
.assignment-details-wrapper .assignment-details .assignment-details-btns .template-btn  {
    padding:  10.5px 19.4px }
.assignment-details-wrapper .assignment-details .assignment-details-btns .template-btn.bordered-btn-secondary  {
    padding:  14px 19px;
    line-height:  1;
    color:  var(--color-gray);
    border-color:  var(--color-soft-white) }
.notification-wrapper .sort-right .notification-dropdown .nice-select  {
    font-weight:  400;
    width:  auto;
    z-index:  1;
    color:  var(--color-gray);
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    padding:  10px 30px 10px 15px;
    height:  36px }
.notification-wrapper .sort-right .notification-dropdown .nice-select .list li  {
    display:  block;
    margin-right:  0 }
.notification-wrapper .sort-right .notification-dropdown .nice-select .list .option  {
    font-weight:  400;
    border-bottom:  0 }
.notification-wrapper .sort-right .nt-delete  {
    font-weight:  400;
    font-size:  14px;
    line-height:  14px;
    color:  var(--color-secondary-4);
    border:  1px solid var(--color-soft-white);
    padding:  10px 20px;
    text-transform:  capitalize }
.notification-wrap .nt-card  {
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    padding:  23px 20px;
    position:  relative }
.notification-wrap .nt-card .nt-card-left time  {
    color:  var(--color-gray);
    font-size:  12px;
    padding-inline-start:  28px }
.notification-wrap .nt-card .nt-card-left .nt-card-check input[type=checkbox]+span::after  {
    position:  absolute;
    inset-inline-start:  0px;
    top:  6px;
    display:  inline-block;
    content:  "";
    width:  16px;
    height:  16px;
    border:  1px solid var(--color-soft-white);
    border-radius:  2px;
    background-color:  var(--color-white) }
.notification-wrap .nt-card .nt-card-left .nt-card-check input[type=checkbox]:checked+span::before  {
    transform:  rotate(45deg);
    position:  absolute;
    inset-inline-start:  6px;
    top:  8px;
    width:  5px;
    height:  10px;
    border-width:  2px;
    border-style:  solid;
    border-top:  0;
    border-left:  0;
    border-color:  var(--color-white);
    content:  "";
    z-index:  1 }
.notification-wrap .nt-card .nt-card-left .nt-card-check label  {
    position:  relative;
    cursor:  pointer }
.checkout-accordion .accordion-button label span,  .notification-wrap .nt-card .nt-card-left .nt-card-check label span  {
    font-weight:  500;
    font-size:  15px;
    line-height:  26px;
    color:  var(--color-body);
    position:  relative;
    padding-inline-start:  25px }
.notification-wrap .nt-card .nt-card-text p  {
    font-weight:  400;
    font-size:  14px;
    color:  var(--color-gray);
    overflow:  hidden;
    display:  -webkit-box;
    -webkit-line-clamp:  3;
    -webkit-box-orient:  vertical }
.notification-wrap .nt-card .nt-card-text .toggle  {
    overflow:  visible;
    height:  auto;
    transition:  .3s;
    display:  inherit;
    -webkit-line-clamp:  inherit;
    -webkit-box-orient:  inherit }
.notification-wrap .nt-card .nt-card-text a.details  {
    font-weight:  500;
    font-size:  12px;
    line-height:  12px;
    color:  rgba(var(--color-gray-rgb)/.5);
    text-transform:  capitalize;
    display:  flex;
    flex-direction:  column;
    justify-content:  flex-end;
    align-items:  flex-end;
    margin-top:  5px }
.notification-wrap .nt-card.nt-unread .nt-card-check  {
    padding-right:  25px }
.notification-wrap .nt-card.nt-unread .nt-card-check label::before  {
    position:  absolute;
    content:  "";
    height:  7px;
    width:  7px;
    background-color:  var(--color-secondary-4);
    border-radius:  50px;
    top:  5px;
    inset-inline-end:  0 }
.notification-wrap .nt-card.nt-unread .nt-card-check label span  {
    padding-inline-end:  10px }
.quiz-section-title h3  {
    font-size:  20px;
    line-height:  1.4;
    font-weight:  500 }
.quiz-question-wrapper  {
    counter-reset:  count }
.quiz-question-wrapper .quiz-question  {
    margin-bottom:  10px;
    border:  1px solid var(--color-soft-white);
    border-radius:  6px;
    padding:  15px 15px 20px;
    background-color:  var(--color-white) }
.quiz-question-wrapper .quiz-question .question-title  {
    font-weight:  500;
    font-size:  14px;
    margin-bottom:  19px;
    position:  relative;
    padding-inline-start:  45px }
.quiz-question-wrapper .quiz-question .question-title::before  {
    counter-increment:  count;
    content:  "" counter(count) " ";
    background-color:  var(--color-secondary-4);
    color:  var(--color-white);
    width:  30px;
    height:  30px;
    position:  absolute;
    text-align:  center;
    line-height:  30px;
    border-radius:  50%;
    font-size:  14px;
    top:  50%;
    transform:  translateY(-50%);
    inset-inline-start:  0 }
.quiz-question-wrapper .quiz-question .question-options.textarea  {
    padding:  10px;
    border:  1px solid var(--color-soft-white);
    border-radius:  6px }
.quiz-question-wrapper .quiz-question .question-options .option  {
    color:  var(--color-gray);
    font-size:  13px;
    padding-inline-start:  45px }
.quiz-question-wrapper .quiz-question .question-options .option input[type=checkbox]:checked+label::before,  .quiz-question-wrapper .quiz-question .question-options .option input[type=radio]:checked+label::before  {
    transform:  rotate(45deg);
    position:  absolute;
    inset-inline-start:  6px;
    top:  6px;
    width:  5px;
    height:  8px;
    border-width:  2px;
    border-style:  solid;
    border-top:  0;
    border-left:  0;
    border-color:  var(--color-secondary-4);
    content:  "";
    z-index:  1 }
.quiz-question-wrapper .quiz-question .question-options .option input[type=checkbox].false:checked+label::before,  .quiz-question-wrapper .quiz-question .question-options .option input[type=radio].false:checked+label::before  {
    border:  none;
    content:  "\f00d";
    font-family:  "Font Awesome 5 Pro";
    transform:  none;
    color:  #d16d86;
    top:  0;
    inset-inline-start:  4px;
    height:  auto;
    width:  auto }
.quiz-question-wrapper .quiz-question .question-options .option label  {
    padding-inline-start:  28px;
    position:  relative;
    cursor:  pointer }
.quiz-question-wrapper .quiz-question .question-options .option label::after  {
    position:  absolute;
    inset-inline-start:  0px;
    top:  3px;
    display:  inline-block;
    content:  "";
    width:  16px;
    height:  16px;
    border:  1px solid var(--color-off-white-7);
    background-color:  var(--color-white) }
.quiz-question-wrapper .quiz-question .question-options textarea  {
    padding-top:  0;
    padding-inline-end:  10px;
    font-size:  13px;
    color:  var(--color-gray);
    font-weight:  400;
    height:  125px;
    resize:  none }
.quiz-question-wrapper .quiz-question .question-options textarea::-webkit-scrollbar-track  {
    border-radius:  6px;
    background-color:  transparent }
.quiz-question-wrapper .quiz-question .question-options textarea::-webkit-scrollbar  {
    width:  8px;
    border-radius:  6px;
    background-color:  var(--color-off-white) }
.quiz-question-wrapper .quiz-question .question-options textarea::-webkit-scrollbar-thumb  {
    border-radius:  6px;
    background-color:  var(--color-soft-white-4) }
.quiz-question-wrapper .quiz-question:nth-child(2n)  {
    border:  1px dashed rgb(var(--color-secondary-rgb)/.3) }
.quiz-question-wrapper .quiz-question:nth-child(2n) .question-title::before  {
    background:  rgb(var(--color-secondary-rgb)/.08);
    color:  var(--color-secondary-4) }
.quiz-question-wrapper .quiz-question .question-title.false::before  {
    background:  #d16d86;
    color:  var(--color-white) }
.quiz-result-wrapper  {
    background-color:  var(--color-white);
    box-shadow:  0 4px 250px rgb(var(--color-black-rgb)/.1);
    padding:  37px 20px 35px;
    text-align:  center;
    border-radius:  3px;
    position:  relative;
    z-index:  1 }
.quiz-result-wrapper h3  {
    font-size:  20px;
    line-height:  1.4;
    font-weight:  400 }
.quiz-result-wrapper .quiz-result-boxes  {
    display:  flex;
    justify-content:  center;
    gap:  20px;
    flex-wrap:  wrap }
.quiz-result-wrapper .quiz-result-boxes .quiz-result-box  {
    background:  rgb(var(--color-secondary-rgb)/.08);
    padding:  10px 44px;
    border-radius:  6px }
.quiz-result-wrapper .quiz-result-boxes .quiz-result-box h6  {
    font-weight:  600;
    font-size:  18px;
    line-height:  1.2;
    color:  var(--color-secondary-4);
    margin-bottom:  5px }
.quiz-result-wrapper .quiz-result-boxes .quiz-result-box p  {
    line-height:  1.4 }
.quiz-result-wrapper .shape  {
    position:  absolute;
    top:  22px;
    right:  80px;
    z-index:  -1 }
.window-load-modal .modal-content  {
    border-radius:  20px }
.window-load-modal .modal-content .modal-header  {
    border:  0;
    padding:  26px 26px 0 40px }
.window-load-modal .modal-content .modal-header .btn-close  {
    border-radius:  0;
    padding:  5px }
.cart-product-calculation .coupon-input input[type=text]:focus,  .window-load-modal .modal-content .modal-body .modal-content-inner form input[type=email]:focus,  .window-load-modal .modal-content .modal-header .btn-close:focus  {
    box-shadow:  none }
.window-load-modal .modal-content .modal-body  {
    padding:  0 40px 40px }
.window-load-modal .modal-content .modal-body .modal-thumbnail img  {
    border-radius:  10px }
.window-load-modal .modal-content .modal-body .modal-content-inner h4  {
    font-weight:  500;
    font-size:  22px;
    line-height:  35px;
    margin-bottom:  10px }
.window-load-modal .modal-content .modal-body .modal-content-inner p  {
    color:  var(--color-gray);
    font-weight:  400;
    font-size:  16px;
    margin-bottom:  30px }
.window-load-modal .modal-content .modal-body .modal-content-inner form input[type=email]  {
    height:  50px;
    width:  100%;
    border:  1px solid var(--color-soft-white-7);
    border-radius:  5px;
    padding:  10px 20px;
    font-size:  16px;
    color:  var(--color-gray);
    margin-bottom:  20px }
.window-load-modal .modal-content .modal-body .modal-content-inner form button.template-btn  {
    display:  block;
    width:  100%;
    height:  50px;
    font-size:  16px;
    text-transform:  uppercase;
    font-weight:  500;
    margin-bottom:  25px }
.window-load-modal .modal-content .modal-body .modal-content-inner .social-links  {
    text-align:  center;
    margin-bottom:  20px }
.window-load-modal .modal-content .modal-body .modal-content-inner .social-links ul li  {
    display:  inline-block;
    margin:  0 10px;
    line-height:  1 }
.window-load-modal .modal-content .modal-body .modal-content-inner .social-links ul li a  {
    font-size:  24px;
    color:  var(--color-black);
    transition:  .3s;
    display:  block }
.window-load-modal .modal-content .modal-body .modal-content-inner .dont-show-popup  {
    width:  -moz-fit-content;
    width:  fit-content;
    margin:  0 auto }
.window-load-modal .modal-content .modal-body .modal-content-inner .dont-show-popup .form-checkbox label  {
    color:  var(--color-gray);
    font-weight:  400;
    font-size:  16px;
    position:  relative;
    cursor:  pointer;
    width:  100%;
    padding-inline-start:  30px;
    display:  inline-block }
.window-load-modal .modal-content .modal-body .modal-content-inner .dont-show-popup .form-checkbox label::before  {
    content:  "";
    -webkit-appearance:  none;
    background-color:  transparent;
    border:  1px solid var(--color-soft-white-4);
    padding:  9px;
    display:  inline-block;
    vertical-align:  middle;
    cursor:  pointer;
    margin-inline-end:  10px;
    border-radius:  3px;
    transition:  .3s;
    position:  absolute;
    inset-inline-start:  0;
    top:  4px }
.window-load-modal .modal-content .modal-body .modal-content-inner .dont-show-popup .form-checkbox input:checked+label::after  {
    content:  "";
    display:  block;
    position:  absolute;
    top:  7px;
    inset-inline-start:  7px;
    width:  6px;
    height:  10px;
    border:  solid var(--color-white);
    border-width:  0 2px 2px 0;
    transform:  rotate(45deg) }
[dir=rtl] .window-load-modal .modal-header  {
    padding-bottom:  20px }
.cookiealert-popup  {
    padding:  30px 40px;
    background-color:  var(--color-white);
    position:  fixed;
    bottom:  0;
    inset-inline-start:  20px;
    z-index:  999;
    transform:  translateY(100%);
    opacity:  0;
    transition:  .5s ease-out;
    width:  600px;
    border-radius:  5px 5px 0 0;
    border:  1px solid #bee6d8 }
.disable_btn,  .loading_button,  .pg_block  {
    pointer-events:  none;
    opacity:  .7 }
.country-code-filter li ul li,  .phone-field  {
    transition:  .5s }
.cookiealert-popup .cookiealert-content h4  {
    font-weight:  500;
    font-size:  24px;
    color:  var(--color-body);
    margin-bottom:  10px }
.cookiealert-popup .cookiealert-content p,  .ticket-status p,  .user-replay .user-desc  {
    color:  var(--color-gray) }
.cookiealert-popup .cookiealert-content p  {
    font-size:  14px;
    font-weight:  400;
    line-height:  24px;
    margin-bottom:  20px }
.cookiealert-popup .cookiealert-content p a  {
    color:  var(--color-gray);
    font-weight:  500;
    text-decoration:  underline }
.cookiealert-popup .cookiealert-content .confirmation-btns  {
    -moz-column-gap:  20px;
    column-gap:  20px;
    row-gap:  10px }
.cookiealert-popup .cookiealert-content .confirmation-btns .template-btn  {
    width:  130px;
    padding:  8px 15px }
.cookiealert-popup .cookiealert-content .confirmation-btns .template-btn:hover  {
    border-color:  var(--color-white);
    background-color:  var(--color-white);
    color:  var(--color-dark) }
.cookiealert-popup.show  {
    opacity:  1;
    transform:  translateY(0);
    transition-delay:  1s }
.ticket-table table  {
    border:  1px solid var(--color-soft-white);
    width:  100%;
    border-radius:  3px;
    border-collapse:  collapse }
.ticket-table table td,  .ticket-table table tr th  {
    padding:  15px 30px }
.ticket-table .template-btn  {
    padding:  5px 10px;
    font-size:  14px;
    font-weight:  400 }
.ticket-status p,  .ticket-status ul li,  .user-replay .user-desc  {
    font-size:  16px;
    line-height:  26px }
.ticket-title  {
    font-size:  18px;
    font-weight:  600;
    color:  var(--color-body) }
.user-replay img  {
    height:  70px;
    width:  100px;
    -o-object-fit:  contain;
    object-fit:  contain;
    border-radius:  3px }
.ticket-status .template-btn  {
    padding:  6px 15px;
    font-weight:  400;
    background-color:  #ff3c16;
    border-color:  #ff3c16 }
.blog-post-items-v1 .blog-post-item,  .blog-post-items-v2 .blog-post-item  {
    border:  1px solid var(--color-soft-white);
    margin-bottom:  30px;
    transition:  .3s }
.blog-details-content .post-meta,  .blog-shorter  {
    border-bottom:  1px solid var(--color-soft-white) }
.ticket-status ul li  {
    color:  var(--color-body) }
.recent-videos-section::after  {
    content:  "";
    height:  56%;
    width:  100%;
    position:  absolute;
    left:  0;
    top:  0;
    z-index:  -1;
    background-color:  var(--color-secondary-4);
    opacity:  .92 }
.recent-videos-section::before  {
    position:  absolute;
    content:  "";
    height:  44%;
    background-color:  var(--color-white);
    left:  0;
    bottom:  0;
    z-index:  -1;
    width:  100% }
.popular-instructor-section  {
    background-image:  url(../img/section/our-instructor-bg.svg) }
.become-instructor-section  {
    background-repeat:  no-repeat;
    background-position:  top left }
.bg-shape  {
    position:  absolute;
    inset-block-start:  0;
    inset-inline-start:  0 }
.bg-shape-2  {
    position:  absolute;
    inset-block-end:  0;
    inset-inline-start:  0 }
.course-details-area .course-details-header-wrapper  {
    background:  linear-gradient(45deg,  var(--color-dark-4) 19.56%,  var(--color-dark-5) 100%) }
.blog-post-items-v1.blog-post-slider-v1 .slick-dots,  .blog-post-items-v2.blog-post-slider-v2 .slick-dots  {
    line-height:  0;
    text-align:  center;
    margin-top:  -2px }
.blog-post-items-v1.blog-post-slider-v1 .slick-slide,  .blog-post-items-v2.blog-post-slider-v2 .slick-slide  {
    margin:  10px 12px 0;
    transition:  .3s }
.blog-post-items-v1 .blog-post-item  {
    background:  var(--color-white);
    border-radius:  15px }
.blog-post-items-v1 .blog-post-item .post-thumbnail  {
    overflow:  hidden }
.blog-post-items-v1 .blog-post-item .post-content,  .blog-post-items-v2 .blog-post-item .post-content  {
    padding:  20px 26px 26px }
.blog-post-items-v1 .blog-post-item .post-content .title,  .blog-post-items-v2 .blog-post-item .post-content .title  {
    font-weight:  600;
    font-size:  18px;
    line-height:  28px;
    margin-bottom:  10px }
.blog-post-items-v1 .blog-post-item .post-content .content,  .blog-post-items-v2 .blog-post-item .post-content .content  {
    font-weight:  400;
    font-size:  14px;
    line-height:  21px;
    color:  var(--color-gray);
    overflow:  hidden;
    display:  -webkit-box;
    -webkit-line-clamp:  3;
    -webkit-box-orient:  vertical }
.blog-post-items-v1 .blog-post-item .post-content .post-meta-wrapper  {
    border-top:  1px solid var(--color-soft-white);
    padding-top:  22px;
    margin-top:  20px;
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  space-between;
    align-items:  center;
    -moz-column-gap:  30px;
    column-gap:  30px;
    row-gap:  15px }
.blog-post-items-v1 .blog-post-item .post-content .post-meta li.date a,  .blog-post-items-v3 .blog-post-item .post-content .post-meta li.date a  {
    background-color:  var(--color-secondary-4);
    color:  var(--color-white);
    padding:  8px 15px;
    font-size:  12px;
    line-height:  18px;
    border-radius:  5px }
.blog-post-items-v1 .blog-post-item .post-content .post-meta li a,  .blog-post-items-v2 .blog-post-item .post-content .post-meta li a,  .blog-post-items-v3 .blog-post-item .post-content .post-meta li a  {
    display:  block;
    color:  var(--color-body);
    font-weight:  400;
    font-size:  14px;
    line-height:  14px }
.blog-post-items-v1 .blog-post-item .post-content .post-meta li:not(:last-child),  .blog-post-items-v3 .blog-post-item .post-content .post-meta li:not(:last-child)  {
    margin-inline-end:  38px;
    position:  relative }
.blog-post-items-v1 .blog-post-item .post-content .post-meta li:not(:last-child)::after,  .blog-post-items-v3 .blog-post-item .post-content .post-meta li:not(:last-child)::after  {
    content:  "";
    height:  100%;
    width:  1px;
    background-color:  var(--color-gray-3);
    position:  absolute;
    inset-inline-end:  -20px;
    top:  0 }
.blog-post-items-v2 .blog-post-item  {
    background:  var(--color-white);
    border-radius:  15px;
    background-color:  var(--color-white);
    box-shadow:  0 3px 28px rgb(var(--color-black-rgb)/.06) }
.blog-post-items-v2 .blog-post-item .post-content .template-btn.bordered-btn  {
    padding:  10px 16px;
    color:  var(--color-body);
    border:  1px solid var(--color-soft-white) }
.blog-post-items-v2 .blog-post-item .post-content .post-meta-wrapper  {
    border:  0;
    padding-top:  12px;
    margin-top:  20px;
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  space-between;
    align-items:  center;
    -moz-column-gap:  30px;
    column-gap:  30px;
    row-gap:  15px }
.blog-post-items-v3 .blog-post-item  {
    background:  var(--color-white);
    margin-bottom:  30px;
    transition:  .3s;
    border-radius:  3px;
    box-shadow:  0 10px 25px rgb(var(--color-black-rgb)/.04) }
.blog-post-items-v3 .blog-post-item .post-thumbnail .post-meta  {
    position:  absolute;
    bottom:  -17px;
    inset-inline-start:  26px }
.blog-post-items-v3 .blog-post-item .post-thumbnail .post-meta li a  {
    display:  block;
    color:  var(--color-secondary-4);
    font-weight:  400;
    font-size:  14px;
    line-height:  14px }
.blog-post-items-v3 .blog-post-item .post-thumbnail .post-meta li.date a  {
    background-color:  var(--color-secondary-4);
    color:  var(--color-white);
    padding:  8px 15px;
    font-size:  12px;
    line-height:  18px;
    border-radius:  3px }
.blog-post-items-v3 .blog-post-item .post-thumbnail .post-meta li:not(:last-child)  {
    margin-right:  10px }
.blog-post-items-v3 .blog-post-item .post-thumbnail img  {
    border-radius:  3px 3px 0 0;
    width:  100% }
.blog-post-items-v3 .blog-post-item .post-content  {
    padding:  44px 26px 20px }
.blog-post-items-v3 .blog-post-item .post-content .title  {
    font-weight:  600;
    font-size:  20px;
    line-height:  1.5;
    margin-bottom:  10px }
.blog-post-items-v3 .blog-post-item .post-content .content  {
    font-weight:  400;
    font-size:  14px;
    line-height:  26px;
    color:  var(--color-gray);
    overflow:  hidden;
    display:  -webkit-box;
    -webkit-line-clamp:  3;
    -webkit-box-orient:  vertical }
.blog-post-items-v3 .blog-post-item .post-content .post-meta-wrapper  {
    margin-top:  20px;
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  space-between;
    align-items:  center;
    gap:  5px 15px }
.blog-post-items-v3 .blog-post-item .post-content .read-more-btn  {
    display:  inline-block;
    font-weight:  600;
    font-size:  14px;
    color:  var(--color-secondary-4);
    text-transform:  uppercase }
.blog-post-items-v3 .blog-post-item .post-content .read-more-btn i  {
    margin-left:  6px }
.blog-shorter  {
    padding-bottom:  15px;
    display:  flex;
    justify-content:  space-between;
    align-items:  center }
.blog-shorter h4  {
    font-size:  22px;
    font-weight:  600 }
.blog-shorter .sort-right p  {
    color:  var(--color-gray);
    font-weight:  500 }
.blog-shorter .blog-shorter .toggle-icon  {
    height:  34px;
    width:  34px;
    text-align:  end;
    line-height:  34px }
.blog-details-content .post-meta  {
    padding-bottom:  8px;
    margin-bottom:  18px }
.blog-details-content .post-meta li  {
    display:  inline-block;
    position:  relative }
.blog-details-content .post-meta li a  {
    font-weight:  400;
    font-size:  14px;
    line-height:  14px;
    color:  var(--color-body) }
.blog-details-content .post-meta li:not(:last-child)  {
    margin-inline-end:  40px }
.blog-details-content .post-meta li:not(:last-child)::after  {
    content:  "";
    height:  14px;
    width:  1px;
    background-color:  var(--color-gray-3);
    inset-inline-end:  -20px;
    top:  4px;
    position:  absolute }
.blog-details-content .post-title  {
    font-size:  18px;
    line-height:  1.5;
    margin-bottom:  10px }
.comments-template .comments-list .comment .author-name,  .comments-template .template-title  {
    font-weight:  500;
    font-size:  16px;
    line-height:  1.5 }
.blog-details-content .post-thumbnail  {
    margin-bottom:  27px }
.blog-details-content .post-thumbnail img  {
    border-radius:  15px;
    width:  100% }
.blog-details-content p  {
    margin-bottom:  15px;
    color:  var(--color-gray) }
.blog-details-content.blog-details-content-v2 .post-title  {
    font-size:  20px;
    line-height:  28px }
.post-pagination li  {
    display:  inline-block;
    margin-right:  8px }
.post-pagination li a  {
    display:  block;
    height:  40px;
    width:  40px;
    line-height:  40px;
    background:  var(--color-white);
    border:  1px solid var(--color-soft-white);
    text-align:  center;
    border-radius:  50%;
    font-size:  14px;
    color:  var(--color-gray);
    transition:  .3s }
.post-pagination li a:hover  {
    box-shadow:  0 0 5px rgb(var(--color-black-rgb)/.05) }
.comments-template .template-title  {
    position:  relative;
    z-index:  1;
    margin-top:  30px;
    margin-bottom:  20px }
.comments-template .template-title span  {
    background-color:  var(--color-white);
    padding-inline-end:  10px }
.comments-template .template-title::after  {
    position:  absolute;
    content:  "";
    height:  1px;
    width:  100%;
    background-color:  var(--color-soft-white);
    top:  50%;
    left:  0;
    z-index:  -1 }
.comments-template .comments-respond  {
    margin-bottom:  56px }
.comments-template .comments-respond input,  .comments-template .comments-respond textarea  {
    border:  1px solid var(--color-soft-white);
    border-radius:  15px;
    padding:  15px }
.comments-template .comments-respond textarea  {
    height:  177px }
.comments-template .comments-list .comment  {
    padding-inline-start:  26px }
.comments-template .comments-list .comment:not(:last-child)  {
    margin-bottom:  82px }
.comments-template .comments-list .comment .avatar  {
    width:  50px;
    height:  50px;
    flex:  0 0 50px;
    margin-inline-end:  15px }
.comments-template .comments-list .comment .avatar img  {
    width:  100%;
    border-radius:  50% }
.comments-template .comments-list .comment .author-name .rating-review i  {
    font-size:  12px }
.comments-template .comments-list .comment .author-name-wrapper  {
    display:  flex;
    justify-content:  space-between;
    margin-bottom:  10px }
.comments-template .comments-list .comment .author-name-wrapper .date  {
    font-weight:  400;
    font-size:  14px;
    line-height:  14px;
    color:  var(--color-secondary-4) }
.comments-template .comments-list .comment .author-role  {
    display:  block;
    color:  var(--color-gray-2);
    font-size:  14px;
    line-height:  24px;
    font-weight:  400 }
.comments-template .comments-list .comment .children  {
    padding-inline-start:  92px;
    margin-top:  30px }
.comments-template .comments-list .comment .reply textarea  {
    background:  rgba(238,  238,  238,  .25);
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    height:  40px;
    padding:  8px 12px 10px;
    font-size:  14px;
    color:  var(--color-gray-2);
    font-weight:  400;
    transition:  .3s }
.comments-template .comments-list .comment .reply textarea:not(:-moz-placeholder-shown)  {
    height:  100px }
.comments-template .comments-list .comment .reply textarea:focus,  .comments-template .comments-list .comment .reply textarea:not(:placeholder-shown)  {
    height:  100px }
.comments-template .comments-list .comment .reply .template-btn  {
    margin-top:  20px;
    padding:  5px 18px }
.comments-template .less-more .less-more-btn  {
    border:  none;
    background-color:  transparent;
    font-weight:  600;
    font-size:  14px;
    line-height:  20px;
    color:  var(--color-gray) }
.comments-template.comments-template-v2 .comments-list .comment:not(:last-child),  .comments-template.comments-template-v2 .comments-respond  {
    margin-bottom:  40px }
.comments-template.comments-template-v2 .comments-respond textarea  {
    border-radius:  3px;
    color:  var(--color-gray) }
.comments-template.comments-template-v2 .comments-respond textarea::-webkit-scrollbar-track  {
    border-radius:  3px;
    background-color:  transparent }
.comments-template.comments-template-v2 .comments-respond textarea::-webkit-scrollbar  {
    width:  8px;
    border-radius:  3px;
    background-color:  var(--color-off-white) }
.comments-template.comments-template-v2 .comments-respond textarea::-webkit-scrollbar-thumb  {
    border-radius:  3px;
    background-color:  var(--color-soft-white-4) }
.comments-template.comments-template-v2 .comments-respond .template-btn  {
    font-weight:  600;
    padding:  11.5px 33px }
.comments-template.comments-template-v2 .template-title  {
    margin-top:  25px;
    font-weight:  600 }
.comments-template.comments-template-v2 .comments-list .comment .reply .template-btn  {
    border-color:  var(--color-secondary-4);
    background-color:  var(--color-secondary-4);
    position:  absolute;
    inset-inline-start:  0;
    bottom:  -55px;
    margin:  0;
    transform:  scale(0);
    opacity:  0 }
.comments-template.comments-template-v2 .comments-list .comment .author-name-wrapper .date  {
    color:  rgb(var(--color-gray-rgb)/50%) }
.comments-template.comments-template-v2 .comments-list .comment .reply textarea  {
    font-weight:  500;
    font-size:  14px;
    line-height:  20px;
    color:  rgba(102,  102,  102,  .5);
    border:  0;
    background-color:  transparent;
    padding:  0;
    transition:  .3s;
    cursor:  pointer;
    height:  20px;
    overflow:  visible;
    resize:  none }
.comments-template.comments-template-v2 .comments-list .comment .reply textarea::-webkit-scrollbar-track  {
    -webkit-box-shadow:  none;
    border-radius:  3px;
    background-color:  transparent }
.comments-template.comments-template-v2 .comments-list .comment .reply textarea::-webkit-scrollbar  {
    width:  8px;
    border-radius:  3px;
    background-color:  var(--color-off-white) }
.comments-template.comments-template-v2 .comments-list .comment .reply textarea::-webkit-scrollbar-thumb  {
    border-radius:  3px;
    -webkit-box-shadow:  none;
    background-color:  var(--color-soft-white-4) }
.comments-template.comments-template-v2 .comments-list .comment .reply textarea:not(:-moz-placeholder-shown)  {
    padding:  10px 12px;
    border:  1px solid var(--color-soft-white);
    background-color:  var(--color-white);
    height:  100px;
    font-weight:  400;
    cursor:  inherit;
    color:  var(--color-gray);
    margin-bottom:  55px }
.comments-template.comments-template-v2 .comments-list .comment .reply textarea:focus,  .comments-template.comments-template-v2 .comments-list .comment .reply textarea:not(:placeholder-shown)  {
    padding:  10px 12px;
    border:  1px solid var(--color-soft-white);
    background-color:  var(--color-white);
    height:  100px;
    font-weight:  400;
    cursor:  inherit;
    color:  var(--color-gray);
    margin-bottom:  55px }
.comments-template.comments-template-v2 .comments-list .comment .reply textarea:not(:-moz-placeholder-shown)+.template-btn  {
    visibility:  visible;
    opacity:  1;
    transform:  scale(1) }
.comments-template.comments-template-v2 .comments-list .comment .reply textarea:focus+.template-btn,  .comments-template.comments-template-v2 .comments-list .comment .reply textarea:not(:placeholder-shown)+.template-btn  {
    visibility:  visible;
    opacity:  1;
    transform:  scale(1) }
.blog-sidebar  {
    padding:  30px 40px;
    background:  var(--color-white);
    border:  1px solid var(--color-soft-white);
    border-radius:  3px }
.blog-sidebar .widget:not(:last-child)  {
    margin-bottom:  26px;
    padding-bottom:  20px;
    border-bottom:  1px solid var(--color-off-white-3) }
.blog-sidebar .widget .widget-title  {
    font-weight:  500;
    font-size:  16px;
    line-height:  1.2;
    margin-bottom:  20px;
    padding-bottom:  10px;
    border-bottom:  1px solid var(--color-soft-white) }
.blog-sidebar .widget.widget-checklist ul li  {
    position:  relative;
    font-weight:  400;
    font-size:  16px;
    color:  var(--color-gray) }
.blog-sidebar .widget.widget-checklist ul li label  {
    padding-inline-start:  30px;
    position:  relative;
    display:  block;
    width:  100%;
    cursor:  pointer }
.product-category-box  {
    background-color:  var(--color-dark);
    background-repeat:  no-repeat;
    background-position:  center center;
    background-attachment:  scroll;
    background-size:  cover;
    padding:  14px 18px;
    min-height:  290px;
    width:  100%;
    position:  relative;
    margin-bottom:  30px }
    
.bouncenew,  .whatsappbtn  {
    position:  fixed;
    right:  2%
   

    
}

.product-category-box .shop-category  {
    color:  var(--color-white);
    font-weight:  400;
    font-size:  14px;
    line-height:  17px;
    margin-bottom:  5px }
.product-category-box .product-category-name  {
    font-weight:  600;
    font-size:  28px;
    line-height:  33px;
    color:  var(--color-white) }
.product-category-box .text-btn  {
    color:  var(--color-white-2);
    font-weight:  400;
    font-size:  14px;
    line-height:  17px;
    transition:  .3s;
    position:  absolute;
    bottom:  25px;
    inset-inline-end:  31px;
    z-index:  1;
    display:  inline-block;
    padding-bottom:  3px }
.product-category-box .text-btn::after  {
    position:  absolute;
    content:  "";
    height:  1px;
    width:  100%;
    background-color:  var(--color-white-2);
    left:  0;
    bottom:  0 }
.cart-product-table .table tr td  {
    font-size:  16px;
    font-weight:  400;
    padding:  20px 0;
    border-color:  var(--color-soft-white) }
.cart-product-table .table tbody  {
    border-top:  0 }
.cart-product-table .table>:not(caption)>*>*  {
    padding:  0 0 15px }
.cart-product-table .table .qty-and-stock .qty input[type=button].qtyplus  {
    border-left:  1px solid var(--color-soft-white) }
.cart-product-table .table .qty-and-stock .qty input::-webkit-inner-spin-button,  .cart-product-table .table .qty-and-stock .qty input::-webkit-outer-spin-button  {
    -webkit-appearance:  none;
    margin:  0 }
.cart-product-table .table .qty-and-stock .qty input[type=number]  {
    height:  38px;
    border-radius:  0;
    appearance:  none;
    -webkit-appearance:  none;
    -moz-appearance:  none;
    margin:  0;
    text-align:  center }
.cart-product-table .table.table-v2 thead th  {
    background:  var(--color-off-white);
    padding:  14px 0;
    border-color:  var(--color-soft-white);
    border-top:  1px solid var(--color-soft-white) }
.cart-product-table .table.table-v2 thead tr th:first-child,  .cart-product-table .table.table-v2 tr td:first-child  {
    padding-inline-start:  20px;
    border-inline-start:  1px solid var(--color-soft-white) }
.cart-product-table .table.table-v2 thead tr th:last-child,  .cart-product-table .table.table-v2 tr td:last-child  {
    padding-inline-end:  20px;
    border-inline-end:  1px solid var(--color-soft-white);
    text-align:  end;
    width:  14% }
.cart-product-table .cart-product  {
    display:  flex;
    align-items:  center;
    gap:  10px 20px }
.cart-product-table .cart-product .book-text-content  {
    position:  relative;
    flex:  1 }
.cart-product-table .cart-product .book-text-content .quantity-price-wrapper  {
    position:  absolute;
    bottom:  -25px;
    inset-inline-end:  0;
    font-size:  16px;
    line-height:  1 }
.cart-product-table .cart-product .book-text-content .author  {
    font-weight:  400;
    font-size:  12px;
    color:  var(--color-gray-2);
    margin-bottom:  5px }
.cart-product-table .cart-product .book-text-content .file-type  {
    font-size:  12px;
    color:  var(--color-gray-2) }
.cart-product-table .cart-product.product-type-course  {
    gap:  10px 15px }
.cart-product-table .cart-product.product-type-course .book-thumbnail  {
    flex:  0 0 auto;
    overflow:  hidden;
    display:  flex;
    align-items:  center }
.cart-product-table .cart-product.product-type-course .book-text-content h6  {
    font-size:  16px;
    font-weight:  500 }
.cart-product-table .cart-product.product-type-course .book-text-content .lesson  {
    font-weight:  400;
    font-size:  14px;
    color:  var(--color-gray-2) }
.cart-product-calculation .table  {
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    margin-bottom:  15px }
.cart-product-calculation .table tr:nth-last-child(2)>td  {
    padding-bottom:  13px }
.cart-product-calculation .table tr:last-child td  {
    padding-bottom:  13px;
    padding-top:  13px;
    font-weight:  600 }
.cart-product-calculation .table tr:last-child::after  {
    position:  absolute;
    content:  "";
    height:  1px;
    width:  calc(100% - 40px);
    background:  var(--color-soft-white);
    top:  0;
    inset-inline-start:  20px;
    border-radius:  3px }
.cart-product-calculation .valid-coupon-status  {
    margin-top:  -5px;
    display:  flex;
    justify-content:  space-between;
    border:  1px solid var(--color-soft-white);
    padding:  10px 20px;
    align-items:  center;
    gap:  10px 15px }
.cart-product-calculation .valid-coupon-status .coupon-code h6  {
    color:  var(--color-secondary-4);
    text-transform:  uppercase;
    font-size:  14px;
    font-weight:  600 }
.cart-product-calculation .valid-coupon-status .coupon-code p  {
    color:  var(--color-body);
    opacity:  .5 }
.cart-product-calculation .valid-coupon-status .delete-btn,  .checkout-accordion .accordion-button label  {
    cursor:  pointer }
.cart-product-calculation .coupon-input input[type=text]  {
    border:  1px solid var(--color-soft-white);
    border-radius:  3px;
    padding:  10px 20px;
    height:  48px;
    font-size:  14px;
    padding-inline-end:  80px }
.cart-product-calculation .coupon-input button  {
    position:  absolute;
    top:  0;
    inset-inline-end:  0;
    width:  80px;
    height:  100%;
    color:  var(--color-secondary-4);
    font-weight:  600;
    font-size:  14px;
    border:  0;
    background-color:  transparent }
.cart-product-calculation .invalid-coupon-status  {
    color:  #d16d86 }
.cart-product-calculation .invalid-coupon-status i  {
    margin-inline-end:  5px }
.cart-product-calculation .template-btn  {
    display:  block;
    text-align:  center;
    padding:  11.5px 35px }
.invoice-table .table.table-v2 thead th  {
    color:  var(--color-white);
    background-color:  var(--color-secondary-4);
    padding:  15px }
.invoice-table .table tr td:not(:empty)  {
    padding:  15px;
    border-color:  var(--color-soft-white);
    border-width:  1px }
.invoice-meta  {
    border-color:  #dcdcdc;
    border-width:  1px 0;
    border-style:  solid;
    padding:  12px 0 }
.invoice-meta p  {
    color:  var(--color-gray);
    font-size:  16px;
    font-weight:  500 }
.invoice-info-box h4  {
    color:  var(--color-body);
    font-size:  22px;
    font-weight:  600;
    line-height:  20px }
.invoice-info-box ul li  {
    color:  var(--color-gray);
    font-size:  16px;
    font-weight:  400 }
.invoice-logo  {
    display:  flex;
    align-items:  end !important;
    gap:  10px }
.checkout-accordion .title  {
    background:  var(--color-off-white);
    font-weight:  600;
    font-size:  18px;
    line-height:  27px;
    color:  var(--color-body);
    margin-bottom:  13px }
.checkout-accordion .accordion-item  {
    background:  var(--color-off-white);
    border:  1px solid var(--color-off-white);
    border-radius:  3px;
    margin-bottom:  15px }
.nk-block-des.text-danger,  .sign-in-section .user-form-container form input,  .sign-up-section .user-form-container form input  {
    margin-bottom:  0 !important }
.checkout-accordion .accordion-item .accordion-body  {
    padding:  20px;
    border-radius:  0 0 3px 3px }
.checkout-accordion .accordion-header  {
    padding:  0 20px }
.checkout-accordion .accordion-button  {
    background:  var(--color-off-white);
    font-weight:  600;
    font-size:  14px;
    line-height:  27px;
    color:  var(--color-body);
    padding:  10px 0;
    border-color:  var(--color-soft-white);
    border-radius:  3px;
    cursor:  pointer }
.checkout-accordion .accordion-button:not(.collapsed)  {
    color:  var(--color-body);
    background-color:  transparent;
    box-shadow:  none;
    border-bottom:  1px solid var(--color-soft-white) }
.checkout-accordion .accordion-button label input[type=checkbox]:checked+span::before  {
    transform:  rotate(45deg);
    position:  absolute;
    inset-inline-start:  6px;
    top:  6px;
    width:  5px;
    height:  10px;
    border-width:  2px;
    border-style:  solid;
    border-top:  0;
    border-left:  0;
    border-color:  var(--color-white);
    content:  "";
    z-index:  1 }
.checkout-accordion .accordion-button label input[type=checkbox]+span::after  {
    position:  absolute;
    inset-inline-start:  0px;
    top:  4px;
    display:  inline-block;
    content:  "";
    width:  16px;
    height:  16px;
    border:  1px solid var(--color-soft-white);
    border-radius:  2px;
    background-color:  var(--color-white) }
.address-card .address-right ul  {
    margin-top:  -4px;
    padding-inline-start:  15px }
.address-card .address-right ul li  {
    font-weight:  400;
    font-size:  14px;
    line-height:  26px;
    color:  var(--color-body) }
.address-card .action li a  {
    font-weight:  400;
    font-size:  14px;
    line-height:  14px;
    float:  right;
    color:  var(--color-secondary-4);
    display:  block;
    padding-bottom:  5px }
.address-card .form-check-input:focus  {
    border-color:  transparent;
    outline:  0;
    box-shadow:  none }
.footer-area .footer-widget  {
    background-color:  var(--color-dark);
    color:  var(--color-white);
    padding-top:  70px;
    padding-bottom:  40px }
.footer-area .footer-widget .widget .widget-title  {
    color:  var(--color-white);
    font-weight:  600;
    font-size:  16px;
    margin-bottom:  16px }
.footer-area .footer-widget .widget .social-links  {
    margin-top:  22px }
.footer-area .footer-widget .widget .social-links li a  {
    display:  block;
    height:  35px;
    width:  35px;
    text-align:  center;
    color:  var(--color-white);
    background-color:  var(--color-dark-5);
    line-height:  35px;
    border-radius:  10px;
    transition:  .3s }
.footer-area .footer-widget .widget.text-widget img  {
    margin-bottom:  15px;
    max-width:  130px }
.footer-area .footer-widget .widget.nav-widget ul li  {
    padding-inline-start:  15px;
    position:  relative }
.footer-area .footer-widget .widget.nav-widget ul li::after  {
    position:  absolute;
    content:  "";
    height:  5px;
    width:  5px;
    background-color:  var(--color-white);
    inset-inline-start:  0;
    top:  50%;
    margin-top:  -2.5px;
    border-radius:  50px }
.footer-area .footer-widget .widget.contact-widget ul li  {
    padding-inline-start:  30px;
    position:  relative }
.footer-area .footer-widget .widget.contact-widget ul li i  {
    position:  absolute;
    inset-inline-start:  0;
    top:  7px }
.footer-area .footer-copyright  {
    background-color:  var(--color-dark-2);
    padding:  17px 0;
    color:  var(--color-white) }
.footer-area .footer-copyright .copyright-nav-menu li a  {
    color:  var(--color-white);
    display:  block }
.footer-area .footer-copyright .back-to-top  {
    position:  absolute;
    inset-inline-start:  50%;
    margin-inline-start:  -25px;
    top:  -45px;
    opacity:  1;
    visibility:  visible;
    width:  50px;
    height:  50px;
    line-height:  42px;
    border:  4px solid var(--color-dark-2);
    background:  var(--color-secondary-4);
    transform:  none }
.footer-area.footer-bg-primary .footer-widget .widget .social-links li a  {
    background-color:  rgb(var(--color-white-rgb)/.1) }
.footer-area.footer-bg-primary .footer-copyright  {
    background-color:  rgb(var(--color-secondary-rgb)/.8) }
.footer-area.footer-bg-primary .footer-copyright .back-to-top  {
    background-color:  var(--color-secondary-4);
    border-color:  rgb(var(--color-white-rgb)/.1) }
.footer-area.footer-area-v2  {
    background-color:  var(--color-dark-5);
    padding-top:  50px;
    padding-bottom:  20px;
    color:  var(--color-white) }
.footer-area.footer-area-v2 .footer-widget  {
    background:  0 0;
    padding:  0 }
.footer-area.footer-area-v2 .footer-widget .widget .widget-title  {
    text-transform:  capitalize;
    font-weight:  500 }
.footer-area.footer-area-v2 .footer-widget .widget.nav-widget ul li  {
    padding-inline-start:  0 }
.footer-area.footer-area-v2 .footer-widget .widget.nav-widget ul li a  {
    color:  var(--color-soft-white) }
.footer-area.footer-area-v2 .footer-widget .widget.nav-widget ul li:not(:last-child)  {
    margin-bottom:  8px }
.footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget .footer-subscription  {
    display:  flex;
    align-items:  center;
    border:  1px solid rgb(var(--color-white-rgb)/.1);
    padding:  9px 12px;
    border-radius:  3px;
    color:  var(--color-white) }
.footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget .footer-subscription input  {
    color:  var(--color-soft-white);
    padding-inline-end:  12px;
    background-color:  transparent !important }
.footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget .footer-subscription input::-moz-placeholder  {
    color:  var(--color-soft-white) }
.footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget .footer-subscription input::placeholder  {
    color:  var(--color-soft-white) }
.footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget .footer-subscription button  {
    background:  var(--color-secondary-4);
    color:  var(--color-white);
    padding:  5px 15px;
    border-radius:  3px;
    border:  none;
    font-size:  14px;
    font-weight:  300 }
.footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget-v2 .footer-subscription input  {
    height:  auto;
    color:  var(--color-soft-white);
    font-size:  14px;
    font-weight:  500;
    padding-inline-end:  55px;
    border:  1px solid rgb(var(--color-white-rgb)/.1);
    padding:  11.5px 15px;
    border-radius:  3px;
    position:  relative;
    width:  300px;
    margin-top:  15px }
.footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget-v2 .footer-subscription button  {
    position:  absolute;
    top:  15px;
    inset-inline-end:  0;
    width:  55px;
    height:  calc(100% - 15px);
    border:  0;
    border-radius:  3px;
    background-color:  var(--color-secondary-4) }
.footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget-v2 .footer-subscription .invalid-feedback,  .footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget-v2 .footer-subscription .nk-block-des,  .footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget-v2 .footer-subscription .valid-feedback  {
    position:  absolute;
    inset-inline-start:  0 }
.footer-area.footer-area-v2 .footer-widget .widget.newsletter-widget-v2 .footer-subscription .nk-block-des  {
    margin-top:  4px }
.footer-area.footer-area-v2 .copyright-text  {
    font-size:  12px;
    font-weight:  400;
    text-align:  center }
.footer-area.footer-area-v2 .copyright-text img  {
    max-width:  84px }
.footer-offset  {
    margin-top:  -145px }
.footer-offset .footer-widget  {
    padding-top:  220px !important }
.footer-bottom  {
    border-top:  1px solid #0b3c2b }
.page-title-area .page-title-content .page-title  {
    color:  var(--color-white);
    position:  relative;
    font-weight:  700;
    font-size:  50px;
    line-height:  54px;
    z-index:  1 }
.page-title-area .page-title-content .page-title img  {
    position:  absolute;
    bottom:  -5px;
    inset-inline-start:  0;
    width:  auto;
    z-index:  -1 }
.error-page-title h1  {
    font-size:  170px;
    font-weight:  500;
    line-height:  1;
    position:  relative;
    max-width:  70%;
    margin-left:  auto;
    margin-right:  auto }
.error-page-title h1 span  {
    background-color:  var(--color-white);
    padding:  0 40px }
.error-page-title h1::after,  .error-page-title h1::before  {
    content:  "";
    height:  5px;
    width:  150px;
    background-color:  var(--color-secondary-4);
    position:  absolute;
    top:  50%;
    inset-inline-start:  0;
    transform:  translate(0,  50%);
    z-index:  -1 }
.error-page-title h2  {
    font-size:  50px;
    line-height:  1.1;
    font-weight:  500 }
.error-page-title p  {
    font-size:  20px;
    color:  var(--color-gray);
    line-height:  1.6 }
.active_lesson  {
    color:  var(--theme-clr,  var(--color-secondary-4)) !important }
.phone-field  {
    border:  1px solid #d7dde9 }
.phone-field:focus-within  {
    border-color:  var(--sg-btn-hover-border-color) }
.country-code-select  {
    border-radius:  5px 0 0 5px;
    transition:  .5s;
    border-right:  1px solid #d7dde9;
    height:  50px;
    padding:  12px 10px 7px }
.country-code-select:hover  {
    background-color:  #e1faf0;
    color:  #556068 }
.phone-number  {
    width:  81.9% }
.phone-number input  {
    height:  40px;
    border-radius:  5px;
    width:  100%;
    border:  none;
    padding:  0 10px;
    color:  #556068 }
.phone-number input:focus  {
    outline:  0 }
.country-code-filter li a  {
    display:  flex;
    align-items:  center;
    gap:  12px;
    color:  #7e7f92 }
.country-code-filter li a .country-code-number  {
    color:  #7e7f92;
    font-size:  16px;
    font-weight:  400 }
.country-code-filter li a .country-flag img  {
    height:  auto;
    width:  20px }
.country-code-filter li a.dropdown-toggle::after  {
    inset-inline-end:  -25px;
    font-size:  15px }
.country-code-filter li ul  {
    width:  100%;
    max-height:  200px;
    overflow-y:  auto;
    padding-top:  0;
    inset:  8px auto auto -11px !important;
    border:  1px solid #d7dde9;
    border-radius:  5px }
.country-code-filter li ul li a:focus,  .country-code-filter li ul li a:hover  {
    background-color:  #e1faf0 !important }
.country-code-filter li ul .country-search  {
    position:  sticky;
    top:  0;
    left:  0;
    border:  none;
    border-bottom:  1px solid #d7dde9;
    padding-left:  10px;
    font-size:  14px;
    width:  100%;
    height:  35px;
    margin-bottom:  5px }
.country-code-filter li ul .country-search:focus  {
    outline:  0;
    border-bottom:  1px solid var(--sg-btn-hover-border-color) }
.country-flag  {
    margin-top:  -4px }
#offline_method_modal .instructions  {
    border:  1px solid var(--theme-clr,  var(--color-secondary-4));
    padding:  5px }
#offline_method_modal .modal-body  {
    max-height:  450px;
    overflow-x:  hidden }
#offline_method_modal input[type=file]  {
    height:  100% !important }
.wallet_form  {
    padding:  20px;
    border:  1px solid #ebebeb }
.modal-backdrop  {
    z-index:  0 !important }
.list-groups li a img  {
    width:  max-content;
    height:  auto }
.language-currency-modal .modal-body .list-groups  {
    max-height:  250px;
    overflow:  auto }
.badge  {
    display:  inline;
    padding:  5px;
    background:  var(--theme-clr,  var(--color-secondary-4));
    color:  #fff !important;
    font-size:  11px !important;
    margin-left:  15px }
.footer-area.footer-area-v2 .footer-widget .footer-top .widget .widget-title  {
    font-size:  18px;
    font-weight:  400;
    margin-bottom:  15px }
.footer-area.footer-area-v2  {
    background-color:  #171719 !important;
    position:  relative;
    margin-top:  100px }
.footerheading,  .footerheading h1,  .footerheading h2,  .footerheading h3,  .footerheading h4,  .footerheading h5,  .footerheading h6  {
    font-size:  17px;
    line-height:  27px;
    color:  #fff;
    margin:  25px 0 10px }
i.fa.fa-phone,  i.fal.fa-solid.fa-phone  {
    transform:  rotate(90deg) }
.nice-select.open .list  {
    height:  400px;
    overflow-y:  scroll;
    max-width:  300px;
    width:  auto }
.allcoursesmenu span.ms-2:before  {
    content:  "";
    width:  20px;
    height:  20px;
    display:  inline-block;
    background:  url(../../assets/images/header-new.svgz) -110px -21px no-repeat;
    position:  absolute;
    left:  14px;
    top:  9px }
.allcoursesmenu_btn a.allcoursesmenu  {
    font-size:  14px;
    display:  flex;
    align-items:  center;
    color:  #fff !important;
    background:  #3d6ce7;
    border-radius:  5px;
    padding:  9px 16px 9px 32px !important;
    line-height:  24px }
.template-header .nav-menu .sub-menu li a  {
    position:  relative;
    line-height:  1.5;
    color:  #1e293b;
    font-size:  14px;
    font-family:  var(--body-font);
    font-weight:  600;
    text-transform:  uppercase }
ul.header-extra  {
    margin-left:  15px }
@media screen and (max-width:767px)  {
    .template-header.header-layout-1 .header-extra>li: not(:nth-last-of-type(-n + 2))  {
    margin-inline-end:  1px !important;
    margin-inline-end:  2px !important }
ul.header-extra  {
    margin-left:  10px;
    margin-right:  40px }
.template-header.header-layout-1 .header-left  {
    width:  auto !important }
.template-header.header-layout-1 .navbar-toggler  {
    position:  absolute;
    inset-inline-start:  auto !important;
    top:  8px !important;
    right:  0 !important }
.template-header .header-inner .header-left .brand-logo img  {
    max-width:  110px !important }
.template-header.header-layout-1 .header-extra .login-btn .template-btn span  {
    display:  inline-block !important }
li.searchicon_mob  {
    margin-left:  12px !important }
.template-header.header-layout-1 .header-navigation  {
    box-shadow:  0 6px 15px rgb(var(--color-black-rgb)/.06);
    padding:  15px 0 !important }
}.cart-product-calculation,  .widget.m-b-30.cart-product-table  {
    padding:  10px 20px }
.searchboxxitesm .quick-search-result  {
    visibility:  visible;
    opacity:  1;
    width:  100%;
    margin-left:  20px !important;
    transform:  translate(0);
    left:  10px;
    padding:  0 }
.mobile-slide-panel.panel-on  {
    z-index:  9999999999999 }
.login-btn .loginbtnn  {
    padding:  5px 10px !important }
.template-header.nav-white-color .header-navigation:not(.sticky-on) .header-extra .shopping-mini-cart svg path  {
    fill:  rgb(51,  51,  51) }
.searchboxxitesm.banner_search .quick-search-result  {
    margin-left:  0 !important;
    left:  0;
    max-height:  330px }
.searchboxxitesm .quick-search-result::-webkit-scrollbar,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result::-webkit-scrollbar,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result::-webkit-scrollbar  {
    width:  5px }
.searchboxxitesm .quick-search-result::-webkit-scrollbar-thumb,  .template-header .header-navigation .header-right .header-extra .search-bar .quick-search-result::-webkit-scrollbar-thumb,  .template-header .header-navigation .header-right .header-extra .searchbox .quick-search-result::-webkit-scrollbar-thumb  {
    background-color:  #ddd }
.course-shorter .sort-right .course-dropdown .nice-select .list li  {
    margin-inline-end:  0;
    line-height:  0 !important;
    padding:  17px 20px;
    display:  block }
.boxshd  {
    border:  1px solid #e2e5ec !important;
    box-shadow:  0 1px 2px 0 rgb(0 0 0 / 5%) !important }
.boxshadownone  {
    box-shadow:  none !important;
    border:  none }
.cart-product-calculation,  .cart-product-table.m-b-15.m-b-sm-30.table-responsive,  .widget.m-b-30.cart-product-table  {
    box-shadow:  0 3px 16px rgb(150 144 144 / 21%);
    border-radius:  5px }
h2.productheading  {
    line-height:  20px;
    font-size:  16px;
    margin:  0;
    font-weight:  600;
    color:  #1b1b28;
    display:  inline-block }
.course-sidebar .widget.widget-checklist label  {
    font-size:  15px }
.course-sidebar .widget.widget-checklist input[type=checkbox]+span::after  {
    width:  17px;
    height:  17px }
.course-sidebar .widget:not(:last-child)  {
    border-bottom:  1px solid #e2e5ec !important }
.user-form .nice-select .list .option  {
    font-size:  15px;
    padding:  19px 18px;
    color:  var(--color-black);
    font-weight:  400;
    line-height:  6px !important }
.user-form .nice-select  {
    line-height:  50px }
.testimonial .testimonial__slider-item .h4,  .testimonial .testimonial__slider-item div,  .testimonial .testimonial__slider-item div span,  .testimonial .testimonial__slider-item p,  .testimonial .testimonial__slider-item p span  {
    color:  #000 !important;
    font-size:  17px !important;
    font-weight:  400 !important;
    line-height:  27px !important;
    font-family:  Inter,  sans-serif !important }
#successstories p,  #successstories p div,  #successstories p span,  #successstories p span span  {
    color:  #000 !important;
    font-size:  15px !important;
    font-weight:  400 !important;
    line-height:  25px !important;
    font-family:  Inter,  sans-serif !important }
#successstories_heading h2,  #successstories_heading h2 span,  #successstories_heading h2 span span,  #successstories_heading h3,  #successstories_heading h3 span,  #successstories_heading h3 span span,  #successstories_heading h4,  #successstories_heading h4 span,  #successstories_heading h4 span span,  #successstories_heading h5,  #successstories_heading h5 span,  #successstories_heading h5 span span,  #successstories_heading h6,  #successstories_heading h6 span,  #successstories_heading h6 span span  {
    font-size:  31px !important;
    line-height:  41px !important;
    color:  #1e3238 !important;
    font-weight:  700 !important;
    margin-bottom:  0 !important }
#successstories_heading h2,  #successstories_heading h3,  #successstories_heading h4,  #successstories_heading h5,  #successstories_heading h6  {
    margin-bottom:  1rem !important }
p.text-danger  {
    font-size:  14px;
    margin-top:  4px }
.testimonial .testimonial__slider-item .h5  {
    color:  #181818 !important;
    text-transform:  capitalize;
    font-size:  1.25rem !important;
    font-weight:  500 !important;
    margin-bottom:  0 }
.testimonial .testimonial__slider-item p  {
    color:  #818181 !important;
    font-size:  15px !important }
.accordion .accordion-body,  .accordion .accordion-body div,  .accordion .accordion-body div span,  .accordion .accordion-body p,  .accorion .accordion-body p span,  .accordion .accordion-body span  {
    font-size:  13px !important;
    line-height:  28px !important;
    color:  #181818 !important;
    text-transform:  capitalize;
    font-family:  Inter,  sans-serif !important }
.c-icon img  {
    width:  50px;
    object-fit:  contain;
    height:  50px }
.c-icon  {
    width:  40px }
.widget.m-b-30.cart-product-table .cart-product .book-text-content .quantity-price-wrapper  {
    position:  relative;
    bottom:  auto;
    inset-inline-end:  0;
    font-size:  14px;
    line-height:  1;
    margin:  5px 0 0 }
.cart-product-table .cart-product .book-text-content h6  {
    line-height:  1.3;
    margin-bottom:  5px;
    font-weight:  600;
    font-size:  15px }
.cart-product-table .cart-product:last-child  {
    border-bottom:  none }
h6.border-bottom-soft-white.p-b-10.fw-semibold.m-b-20  {
    color:  #000 }
.cart-product-calculation .table,  .cart-product-calculation .table tbody  {
    border:  none !important }
.cart-product-table .cart-product.product-type-course .book-thumbnail  {
    width:  95px;
    height:  60px }
.table>thead  {
    vertical-align:  bottom;
    border-bottom:  1px solid #dddddd8f }
.cart-product-table .table td,  .cart-product-table .table th  {
    padding:  20px !important }
.w-30  {
    width:  30% }
.cart-product-calculation .table td  {
    border:  0;
    padding:  10px 0;
    width:  50%;
    border-bottom:  1px solid #eeeeee91 }
.nk-block-des.text-danger  {
    margin-top:  5px !important }
.courses-card .courses-card-body ul  {
    padding:  0 !important }
.courses-card .courses-card-body ul li  {
    position:  relative;
    padding-left:  17px !important }
.courses-card .courses-card-body ul li:before  {
    content:  "\f061";
    font-family:  "Font Awesome 5 Pro";
    font-weight:  100;
    font-size:  12px;
    position:  absolute;
    left:  0 }
.payment-gateway .select-payment .single-payment-method  {
    display:  inline-block;
    border:  1px solid rgba(0,  0,  0,  .1);
    margin:  4px;
    padding:  10px 30px;
    text-align:  center }
.payment-gateway .select-payment .single-payment-method a img  {
    height:  40px }
.payment-gateway .select-payment .single-payment-method a p  {
    color:  #555;
    font-size:  13px;
    margin-top:  10px }
.payment-gateway .product_payment_gateway_check  {
    border:  2px solid #dadada;
    padding:  15px;
    margin:  4px;
    width:  150px;
    border:  2px solid #dadada91;
    text-align:  center;
    cursor:  pointer;
    border-radius:  10px;
    min-height:  140px;
    display:  block }
.payment-gateway .product_payment_gateway_check p  {
    color:  #10a645 !important;
    font-weight:  600;
    margin:  0;
    font-size:  17px }
.payment-gateway .product_payment_gateway_check img  {
    max-width:  100%;
    height:  auto }
.cart-product-calculation .table tr:first-child td  {
    padding-top:  10px !important }
.quantity-price-wrapper.wrapper1  {
    font-weight:  600;
    color:  #333 }
.payment-gateway .payment-methods-item input[type=radio]+label  {
    background:  0 0;
    border:  none;
    padding:  10px 10px 0;
    height:  auto }
.template-header.header-layout-1 .header-extra>li:not(:first-child)  {
    margin-left:  20px !important }
@media screen and (max-width:575px)  {
    .row.align-items-center.reverseorder_onmob  {
    flex-direction:  column-reverse }
.aboutinst .h2_about-img  {
    position:  relative;
    z-index:  1;
    padding-bottom:  10px;
    margin-top:  25px }
.aboutinst .h2_about-button,  .aboutinst h2.section-title.mb-4,  .aboutinst p.section-text  {
    text-align:  center }
img.h2_about-shape-2,  img.h2_about-top-shape  {
    display:  none }
.mobpt_0  {
    padding-top:  0 !important }
.mobpb_0  {
    padding-bottom:  30px !important }
.py-10  {
    padding:  60px 0 }
}.whatsappbtn  {
    bottom:  4%;
    z-index:  1073;
    background:  0 0 }
.whatsappbtn img  {
    width:  56px;
    position:  relative;
    bottom:  0;
    border-radius:  50%;
    animation-timing-function:  linear }
.bouncenew  {
    bottom:  13.6% !important;
    z-index:  999999;
    animation:  2s infinite alternate bounce;
    -webkit-animation:  2s infinite alternate bounce;
    border-radius:  50%;
    text-align:  center;
    cursor:  pointer;
    box-shadow:  none;
    }
.cp-widget-button__inner img  {
    margin:  0 auto }
@keyframes bounce  {
    0%  {
    transform:  translateY(0) }
90%  {
    -webkit-transform:  translate3d(0,  -4px,  0);
    transform:  translate3d(0,  -4px,  0);
    box-shadow:  0 0 5px 5px #34b321 }
}@-webkit-keyframes bounce  {
    from  {
    transform:  translateY(0) }
to  {
    transform:  translateY(-15px) }
}.iti--allow-dropdown .iti__country-container  {
    right:  auto;
    left:  auto !important }
button.iti__selected-country  {
    border-right:  1px solid #ddd;
    margin-right:  30px }
.iti__selected-country-primary  {
    padding:  0 10px 0 20px !important }
input#phone  {
    padding-left:  80px }
.header-right nav.nav-menu.d-none.d-lg-block ul li  {
    margin-left:  3px;
    margin-right:  3px }
.h1_headtext,  .row.mt-5.sap_paracontent h1  {
    font-size:  30px;
    margin-bottom:  10px;
    line-height:  40px }
.row.mt-5.sap_paracontent p  {
    color:  #333;
    font-size:  16px;
    line-height:  26px;
    text-align:  justify }
ul.terright_ul li  {
    display:  contents }
ul.terright_ul li span  {
    font-size:  10px;
    margin:  0 9px;
    top:  2px;
    position:  relative }
ul.terright_ul li,  ul.terright_ul li span  {
    color:  #eee !important;
    text-transform:  uppercase }
.col-md-4.pr-0  {
    padding-right:  0 }
.copyright-text.d-flex.align-items-end.justify-content-start p  {
    text-align:  left }
@media screen and (max-width:991px)  {
    .searchicon_desktoptopbar  {
    display:  none }
.header-extra .searchicon_mob  {
    display:  block }
.tg-header__top-info-three li a  {
    text-align:  center;
    justify-content:  center;
    display:  inline-flex;
    align-items:  baseline }
.tg-header__top-info-three li a p  {
    color:  #000 !important;
    width:  auto;
    font-size:  14px !important }
.tg-header__top-info-three li a i  {
    margin-right:  5px }
.copyright-text.d-flex.align-items-end.justify-content-start p  {
    text-align:  center }
.d-flex.align-items-end.justify-content-end  {
    justify-content:  center !important }
.row.justify-content-center.align-items-center.mt-4  {
    flex-direction:  column-reverse !important }
.footer-area.footer-area-v2 .copyright-text  {
    margin-top:  15px }
}