html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

* a {
    text-decoration: none !important;
}

.menu > ul > li > a, .header-wrapper .menu-area .login, .header-top-area .social-icons li a, .header-wrapper .menu-area .signup, .menu > ul li ul li a {
    text-decoration: none !important;
}

footer {
    position:relative !important;
}
.course-view-section .course-view .video-list-area .video-body .course-select-area {
    padding: 30px 15px;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.course-view-section .course-view .video-list-area .video-body .course-select-area .csa-title h5 {
    color: #000;
}
.course-view-section .course-view .video-list-area .video-body .course-select-area .csa-body {
    height: 100vh;
    overflow-y: auto;
}
    .course-view-section .course-view .video-list-area .video-body .course-select-area .csa-body ul {
        margin-right: 5px;
    }
ul.lab-ul li {
    list-style: none;
}
.mb-1 {
    margin-bottom: .25rem !important;
}
.card {
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
 
    margin-bottom: 0;
    padding: .5rem 1rem;
}

.course-select-area .csa-body ul li .card .card-header h5 button {
    color: #101115;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
}
    .course-select-area .csa-body ul li .card .card-header h5 button span {
        font-size: small;
    }
.d-block {
    display: block !important;
}

.course-select-area .csa-body ul li .card .card-header h5 button
Specificity: (0,4,4) {
    color: #101115;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.course-select-area .csa-body ul li .card .card-header h5 button .icon {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .course-select-area .csa-body ul li .card .card-header h5 button .icon i {
        color: #101115;
        font-size: 20px;
        font-weight: 700;
    }

[class*=" icofont-"], [class^=icofont-] {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    word-wrap: normal;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    direction: ltr;
    font-family: IcoFont !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
}
.icofont-thin-down:before {
    content: "\eac8";
}
.collapse:not(.show) {
    display: none;
}

.py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem;
}

.course-select-area .csa-body ul li .card .card-body .course-lists {
    border-top: 1px solid #ecf0f3;
    margin: 0 -1.25rem;
    padding: 10px 1.25rem;
}

.clients-section.style-2 .section-wrapper .clients .client-list .client-thumb, .comment-respond .add-comment .comment-form .lab-btn, .course-section.style-3 .section-header .course-filter-group ul li, .course-select-area .csa-body ul li .card .card-body .course-lists, .course-video .course-video-content .accordion-item .accordion-header button, .header-bar, .header-wrapper .menu-area .ellepsis-bar i, .news-letter .section-wrapper .news-form form .nf-list input[type=submit], .overview-announce-section .course-view-bottom .tab-content .overview-area .overview-body ul li .view-details, .search-icon, .shop-single .product-details .post-content form .lab-btn, .widget.widget-search .search-wrapper button
Specificity: (0,6,0) {
    cursor: pointer;
}

.justify-content-between {
    justify-content: space-between !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.d-flex {
    display: flex !important;
}
.course-select-area .csa-body ul li .card .card-body .course-lists .csa-left {
    padding-left: 20px;
}

.about-section, .about-section .about-left, .about-section .about-right, .about-section.style-3 .about-left, .achieve-item .achieve-inner, .banner-section, .banner-section .cbs-content-list ul li.ccl-shape a, .banner-section .section-wrapper .banner-content form, .banner-section .section-wrapper .banner-thumb, .banner-section.style-2, .banner-section.style-2 .section-wrapper .thumb-part, .banner-section.style-4, .banner-section.style-4 .banner-content form, .banner-section.style-5 .section-wrapper .banner-content, .blog-single .section-wrapper .post-item .post-inner .post-content .video-thumb, .blog-single .section-wrapper .post-item .post-inner .post-content blockquote, .cart-plus-minus, .category-section.style-4 .section-wrapper .category-item .category-inner, .choose-section, .clients-section.style-2 .section-wrapper .clients, .clients-section.style-2 .section-wrapper .clients .client-list .client-thumb, .clients-section.style-2 .section-wrapper .clients .client-list .client-thumb img, .clients-section.style-3 .section-header, .clients-section.style-3 .section-wrapper .client-item .client-inner .client-thumb, .clients-section.style-3 .section-wrapper .clients-slider2, .contact-info-section .section-wrapper, .contact-info-section .section-wrapper .cinfo-item .cinfo-inner .cinfo-thumb, .contact-info-section .section-wrapper .cinfo-or span, .count-item .count-inner .count-icon, .count-item .count-inner .count-icon i, .course-item .course-inner .course-content, .course-item .course-inner .course-content .course-category .course-cate a, .course-item.style-2 .course-inner .course-thumb, .course-item.style-3 .course-inner .course-thumb, .course-item.style-4 .course-inner .course-thumb, .course-item.style-5 .course-inner .course-thumb, .course-section.style-2 .section-header, .course-section.style-3, .course-select-area .csa-body ul li .card .card-body .course-lists .csa-left, .course-select-area .csa-body ul li .card .card-header h5 button, .course-view-section .course-view .video-part .content-wrapper, .event-item .event-inner .event-content .event-date-info .edi-box h4, .event-section, .event-section *, .event-section.style-2 .section-wrapper, .feature-item .feature-inner .feature-content .lab-btn-text span, .feature-section, .feature-section *, .footer-top .footer-item .footer-inner .footer-content .title h4, .header-bar, .instructor-section.style-2, .instructor-section.style-2 .section-wrapper, .instructor-section.style-3 .section-wrapper .instructor-bottom .instructor-slider, .instructor-single-section .instructor-wrapper .instructor-single-top, .instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr, .instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li span, .instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-thumb img, .menu-item-has-children > a, .news-footer-wrap, .news-letter .section-wrapper, .news-letter .section-wrapper .news-form form .nf-list, .newsletters-section, .newsletters-section .newsletter-area, .newsletters-section .newsletter-area .news-mass i, .or, .or span, .overview-announce-section .course-view-bottom .tab-content .announcement-area .announcement-lists .administer-post .ap-top .ap-items .ap-content p span, .overview-announce-section .course-view-bottom .tab-content .announcement-area .announcement-lists .student-reviwe .student-content h6 span, .overview-announce-section .course-view-bottom .tab-content .overview-area .overview-body ul li, .overview-announce-section .course-view-bottom .tab-content .overview-area .overview-body ul li .overview-right .or-items .or-left, .overview-announce-section .course-view-bottom ul li a, .pageheader-section.style-2 .pageheader-content .course-category .course-cate, .pageheader-section.style-2 .pageheader-thumb, .post-item .post-inner .post-footer .pf-right, .post-item.qute-post .post-inner .post-thumb, .post-item.slider-post .post-inner .post-thumb.post-thumb-slider, .post-item.video-post .post-thumb, .register-section .section-wrapper, .register-section .section-wrapper *, .select-item, .shape-img, .shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .thumb, .shop-page .shop-product-wrap .product-item .product-thumb, .shop-page .shop-product-wrap .product-item .product-thumb .pro-thumb, .shop-page .shop-product-wrap .product-list-item .product-thumb, .shop-page .shop-product-wrap .product-list-item .product-thumb .pro-thumb, .shop-single .product-details .post-content form .select-product, .shop-single .product-details .post-content form .select-product select, .shop-single .product-details .product-thumb, .shop-single .review .review-content .description .post-item .post-content ul li, .skill-section, .skill-section .container, .student-feedbak-section, .student-feedbak-section .section-wrapper .sf-left .sfl-thumb, .video-button, .widget.widget-search .search-wrapper, .workshop-join .section-wrapper .workshop-title h5 {
    position: relative;
}
    .course-select-area .csa-body ul li .card .card-body .course-lists .csa-left > i.complite {
        color: #f16126;
    }

    .course-select-area .csa-body ul li .card .card-body .course-lists .csa-left > i {
        font-size: 16px;
        height: 16px;
        left: 0;
        top: 5px;
        width: 16px;
    }

    .about-section.style-3 .about-left .about-left-content, .about-section.style-3 .about-left .about-left-content:after, .about-section.style-3 .about-left .abs-thumb, .about-section:before, .banner-section .all-shapes, .banner-section .all-shapes:after, .banner-section .all-shapes:before, .banner-section .cbs-content-list ul li.ccl-shape, .banner-section .cbs-content-list ul li.ccl-shape a:after, .banner-section .section-wrapper .banner-content form .banner-icon, .banner-section.style-2 .section-wrapper .thumb-part .abs-thumb, .banner-section.style-2:before, .banner-section.style-4 .banner-content form button, .banner-section.style-5:after, .blog-single .section-wrapper .post-item .post-inner .post-content blockquote:before, .cart-plus-minus .qtybutton, .category-section.style-4 .section-wrapper .category-item .category-inner .category-content, .category-section.style-4 .section-wrapper .category-item .category-inner:after, .choose-section:after, .clients-section.style-2 .section-wrapper .clients .client-list, .clients-section.style-2 .section-wrapper .clients .client-list .client-content, .clients-section.style-2 .section-wrapper .clients .client-list .client-thumb:after, .clients-section.style-2 .section-wrapper .clients .client-list .client-thumb:before, .clients-section.style-3 .section-header .abs-title, .clients-section.style-3 .section-wrapper .client-item .client-inner .client-thumb .quote, .clients-section.style-3 .section-wrapper .clients-slider-nav, .contact-info-section .section-wrapper .cinfo-or, .contact-info-section .section-wrapper:after, .course-item .course-inner .course-content .course-category .course-cate a:before, .course-item .course-inner .course-price, .course-item.style-3 .course-inner .course-thumb .course-info, .course-item.style-3 .course-inner .course-thumb:after, .course-item.style-4 .course-inner .course-thumb .course-category, .course-section.style-2 .section-header .course-navigations, .course-section.style-3 .course-shape, .course-select-area .csa-body ul li .card .card-body .course-lists .csa-left > i, .course-select-area .csa-body ul li .card .card-header h5 button .icon, .course-view-section .course-view .video-part .content-wrapper .content-icon, .event-item .event-inner .event-content .event-date-info .edi-box h4:after, .event-section.style-2 .section-wrapper .event-navi-item, .event-section:after, .feature-item .feature-inner .feature-content .lab-btn-text span:after, .feature-item .feature-inner .feature-content .lab-btn-text span:before, .feature-section.style-3 .feature-shape, .feature-section:after, .footer-top .footer-item .footer-inner .footer-content .title h4:after, .header-bar span, .header-section, .instructor-section.style-2:after, .instructor-section.style-3 .section-wrapper .instructor-bottom .instructor-slider .instructor-navi, .instructor-single-section .instructor-wrapper .instructor-single-bottom .skill-item .skill-thumb .circles .circle strong, .instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr:after, .instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr:before, .instructor-single-section .instructor-wrapper .instructor-single-top:before, .menu-item-has-children > a:after, .menu-item-has-children > a:before, .menu-search-form form, .news-footer-wrap .fs-shape img, .news-letter .section-wrapper .news-form form .nf-list:after, .newsletters-section:after, .or:after, .or:before, .overview-announce-section .course-view-bottom .tab-content .announcement-area .announcement-lists .administer-post .ap-top .ap-items .ap-content p span:after, .overview-announce-section .course-view-bottom .tab-content .announcement-area .announcement-lists .student-reviwe .student-content h6 span:after, .overview-announce-section .course-view-bottom .tab-content .overview-area .overview-body ul li .overview-right .or-items .or-left:after, .overview-announce-section .course-view-bottom .tab-content .overview-area .overview-body ul li .view-details, .overview-announce-section .course-view-bottom ul li a:after, .pageheader-section.style-2 .pageheader-content .course-category .course-cate:before, .pageheader-section.style-2 .pageheader-thumb .video-button, .post-item .post-inner .post-footer .pf-right .comment-count, .post-item.slider-post .post-inner .post-thumb.post-thumb-slider .post-thumb-slider-next, .post-item.slider-post .post-inner .post-thumb.post-thumb-slider .post-thumb-slider-prev, .register-section .section-wrapper:after, .select-item .select-icon, .shape-img:after, .shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select .select-icon, .shop-page .modal .modal-dialog .modal-content button.close, .shop-page .shop-product-wrap .product-item .product-thumb .pro-thumb:after, .shop-page .shop-product-wrap .product-item .product-thumb .product-action-link, .shop-page .shop-product-wrap .product-list-item .product-thumb .pro-thumb:after, .shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link, .shop-single .product-details .post-content form .select-product i, .shop-single .product-details .product-thumb .pro-single-next, .shop-single .product-details .product-thumb .pro-single-prev, .shop-single .review .review-content .description .post-item .post-content ul li:before, .shop-single .review .review-content .review-showing .client-review .review-form .review-title h5:after, .shop-single .review .review-content .review-showing .client-review .review-form .review-title h5:before, .skill-section:before, .student-feedbak-section .section-wrapper .sf-left .sfl-thumb .video-button, .student-feedbak-section:before, .video-button:after, .video-button:before, .widget.widget-search .search-wrapper button, .workshop-join .section-wrapper .workshop-title h5:after {
        content: "";
        position: absolute;
    }

[class*=" icofont-"], [class^=icofont-] {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    word-wrap: normal;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    direction: ltr;
    font-family: IcoFont !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
}
.course-select-area .csa-body ul li .card .card-body .course-lists .csa-left h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.course-select-area .csa-body ul li .card .card-body .course-lists .csa-left h6, .course-select-area .csa-body ul li .card .card-body .course-lists .csa-left p {
    margin-bottom: 0;
}
.course-select-area .csa-body ul li .card .card-body .course-lists .csa-left p {
    color: rgba(60, 59, 55, .62);
    font-size: 15px;
    line-height Determines the block-progression dimension of the text content area of an inline box. Learn more Don't show : 26px;
}

.course-select-area .csa-body ul li .card .card-body .course-lists .csa-left h6, .course-select-area .csa-body ul li .card .card-body .course-lists .csa-left p {
    margin-bottom: 0;
}
    .course-select-area .csa-body ul li .card .card-body .course-lists .csa-left p i {
        margin-right: 5px;
    }

[class*=" icofont-"], [class^=icofont-] {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    word-wrap: normal;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    direction: ltr;
    font-family: IcoFont !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
}


.btn-info {
    color: #FFF !important;
    background-color: #9C1117 !important;
    border-color: #9C1117 !important;
}
.btn-info:focus {
  border:none !important;
}
@media (min-width: 576px) {
    h5 {
        font-size: 1.25rem;
    }
}
@media (min-width: 992px) {
    .padding-tb {
        padding: 20px 0 !important;
    }
}