/*------------------------------------------------------------------
[Master Stylesheet] - [Table of contents]
 1. Theme default css
 2. Header
 3. Mobile Menu
 4. About
 5. Services
 6. Chose
 7. Features
 8. Pricing
 9. Blog
10. bradcam
11. Counter
12. Testmonial
13. Team
14. Contact
15. services Details
16. project details
17. Error
18. Footer
------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                1.theme default css                         */
/* -------------------------------------------------------------------------- */
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,500&display=swap");
/* line 3, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.dropdown-menu {
    --bs-dropdown-min-width: max-conent;
    --bs-border-color-translucent: #f7efff;
    --bs-dropdown-item-padding-x: 12px;
}
/* line 9, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.dropdown-item:focus {
    background: none !important;
    color: currentColor !important;
}
/* line 16, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.container,
.container-fluid,
.row {
    --bs-gutter-x: 1.875rem;
}
/* line 23, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.bg-primary {
    background-color: var(--system_primery_color)!important;
}
/* line 29, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.text-body {
    color: #9f8ea9;
}
/* line 32, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.text-primary {
    color: var(--system_primery_color)!important;
}
/* line 35, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.text-secondary {
    color: green !important;
}
/* line 42, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */

.select2-container {
    width: max-content !important;
    min-width: 144px !important;
}

/* line 7, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.select2-selection {
    height: auto !important;
    border: 1px solid var(--system_primery_color_60);
    border-radius: 100px !important;
    background-color: var(--system_primery_color_60)!important;
    color: var(--system_primery_color)!important;
    padding: 9px 14px;
    min-width: 144px;
}

@media only screen and (max-width: 767px) {
    /* line 7, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .select2-selection {
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

/* line 19, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.select2-selection::after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: var(--system_primery_color)!important;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) scaleY(1);
    transition: all 0.2s ease;
}

/* line 31, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.select2-selection[aria-expanded="true"]::after {
    transform: translateY(-50%) scaleY(-1);
}

/* line 34, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.select2-selection__rendered {
    color: currentColor !important;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.5%;
    margin-right: 1rem;
    padding: 0 !important;
}

/* line 42, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.select2-selection__arrow {
    display: none !important;
}

/* line 46, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.select2-dropdown {
    border: 1px solid #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
    border-radius: 4px;
}

/* line 52, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.select2-results__option {
    font-size: 14px;
    line-height: 1.5;
    color: var(--system_primery_color)!important;
    background-color: #ffffff;
}

/* line 57, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.select2-results__option--highlighted {
    background-color: rgba(230, 54, 94, 0.2) !important;
}

/* line 60, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.select2-results__option--selected {
    background-color: var(--system_primery_color)!important;
    color: #ffffff !important;
}

/* line 66, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.select2-search__field {
    border-color: rgba(230, 54, 94, 0.5) !important;
    border-radius: 4px;
}

/* line 69, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.select2-search__field:focus {
    border-color: var(--system_primery_color)!important;
}


/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/* 1. Theme default css */

/*----------------------------------------------------*/
/*----------------------------------------------------*/
/* shop start */
/* line 3, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
:root {
    --section-sepreate: 210px;
    --section-sepreate-md: 100px;
    --section-sepreate-sm: 110px;
    --section-sepreate-lg: 150px;
    --section-common: 125px;
}

/* course start */
@media only screen and (max-width: 767px) {
    /* line 14, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course .section-subtitle {
        margin-bottom: 56px;
    }
}

/* line 20, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter {
    background-color: rgba(230, 54, 94, 0.05);
    border-radius: 14px;
    margin-bottom: 40px;
}

/* line 24, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter-title {
    background-color: #fff;
    padding: 26px 24px;
    border-radius: 14px;
    column-gap: 50px;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 24, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-title {
        padding: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 24, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-title {
        padding: 18px 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 24, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-title {
        padding: 15px 20px;
        column-gap: 12px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 24, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-title {
        padding: 18px;
        gap: 14px;
    }
}

@media only screen and (max-width: 479px) {
    /* line 43, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-title > * {
        max-width: calc(50% - 14px);
        flex: 0 0 100%;
    }
}

/* line 49, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter-title .theme-btn {
    --btn-padding-y: 10px;
    --btn-padding-x: 18px;
}

@media only screen and (max-width: 991px) {
    /* line 49, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-title .theme-btn {
        font-size: 14px;
        --btn-padding-y: 8px;
        --btn-padding-x: 12px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 57, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-title .theme-btn > * {
        margin-right: 5px;
    }
}

/* line 64, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter-wrapper {
    padding: 35px;
    padding-top: 28px;
    display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 64, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-wrapper {
        padding: 25px;
        padding-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 64, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-wrapper {
        padding: 18px;
    }
}

/* line 75, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter-wrapper .row {
    margin-bottom: -40px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 75, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-wrapper .row {
        margin-bottom: -30px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 75, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-wrapper .row {
        margin-bottom: -30px;
    }
}

/* line 85, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter-item {
    border-radius: 8px;
    background-color: #fff;
    padding: 30px 26px;
    padding-right: 16px;
    /*margin-bottom: 40px;*/
    position: relative;

}
.course-filter-item:not(:last-child):before {
    content: '';
    height: 1px;
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    background: #CBCBCB;
    position: absolute;
    bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 85, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-item {
        margin-bottom: 30px;
        padding: 24px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 85, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-item {
        padding: 24px 20px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 85, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-item {
        margin-bottom: 30px;
    }
}

/* line 101, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter-item h5 {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 500;
    color: #000000;
    letter-spacing: 0.005em;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 101, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-item h5 {
        margin-bottom: 15px;
    }
}

/* line 112, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter-item ul {
    max-height: 215px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 10px;
}

/* line 244, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_mixins.scss */
.course-filter-item ul::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

/* line 248, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_mixins.scss */
.course-filter-item ul::-webkit-scrollbar-track {
    background: rgba(230, 54, 94, 0.2);
    border-radius: 100px;
}

/* line 252, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_mixins.scss */
.course-filter-item ul::-webkit-scrollbar-thumb {
    background: var(--system_primery_color)!important;
     -webkit-box-shadow: inset 0 0 6px #f06292 ;
    border-radius: 10px;
    border-left: 3px solid var(--system_primery_color)!important;
    border-right: 3px solid var(--system_primery_color)!important;

}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 112, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-item ul {
        max-height: 135px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 112, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-item ul {
        max-height: 140px;
    }
}

/* line 125, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter-item ul li:not(:last-child) {
    margin-bottom: 12px;
}

@media only screen and (max-width: 991px) {
    /* line 125, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-item ul li:not(:last-child) {
        margin-bottom: 10px;
    }
}

/* line 134, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter-bottom {
    --width: 50px;
    margin-bottom: calc(var(--width) / -2 + 10px);
}

/* line 137, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter-bottom .theme-btn {
    padding: 0;
    width: var(--width);
    height: var(--width);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin: auto;
}

.course-filter-sidebar{
    border: 1px solid #CBCBCB;
    border-radius: 10px;
}

.select2-selection__rendered::before{
    display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 147, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-sidebar {
        margin-top: -10px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 147, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        background-color: #ffffff;
        height: 100%;
        overflow: auto;
        padding: 20px;
        width: 60%;
        transform: translateX(-100%);
    }
}

@media only screen and (max-width: 767px) {
    /* line 147, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-sidebar {
        width: 85%;
    }
}

@media only screen and (max-width: 479px) {
    /* line 147, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-sidebar {
        width: 100%;
    }
}

/* line 170, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter-sidebar.show {
    transform: translateX(0);
}

/* line 173, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
/*.course-filter-sidebar .course-filter-item {*/
/*    margin-bottom: 30px;*/
/*}*/

@media only screen and (max-width: 767px) {
    /* line 173, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-sidebar .course-filter-item {
        margin-bottom: 20px;
    }
}

/* line 179, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter-sidebar .theme-btn {
    border-radius: 12px;
}

@media only screen and (max-width: 767px) {
    /* line 179, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-sidebar .theme-btn {
        display: none !important;
    }
}

/* line 185, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter-sidebar .btn-close {
    position: sticky;
    right: 0;
    top: 0;
    margin-left: auto;
    display: block;
    margin-bottom: 10px;
}

/* line 194, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-filter-limit {
    overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 194, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-limit {
        height: 1270px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 194, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-filter-limit {
        height: auto;
    }
}

/* line 205, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-title {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(230, 54, 94, 0.2);
}

@media only screen and (max-width: 479px) {
    /* line 205, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-title {
        justify-content: space-between;
    }
}

/* line 212, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-title h5 {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 500;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 212, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-title h5 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 212, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-title h5 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 212, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-title h5 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 479px) {
    /* line 212, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-title h5 {
        font-size: 12px;
    }
}

@media only screen and (max-width: 375px) {
    /* line 212, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-title h5 {
        display: none;
    }
}

/* line 227, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-title ul li button {
    --width: 38px;
    border: none;
    width: var(--width);
    height: var(--width);
    border-radius: 10px;
    color: #fff;
    background-color: rgba(230, 54, 94, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* line 237, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-title ul li button.active {
    background-color: var(--system_primery_color)!important;
}

/* line 240, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-title ul li button a {
    color: #fff;
}

/* line 244, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-title ul li .select2-selection {
    padding-top: 4px;
    padding-bottom: 4px;
    height: 38px!important;
    display: flex;
    align-items: center;

}

/* line 254, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course .select2-container {
    width: max-content !important;
    min-width: 144px !important;
}

/* line 258, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course .select2-selection {
    height: auto !important;
    border: 1px solid var(--system_primery_color)!important;
    border-radius: 100px !important;
    background-color: var(--system_primery_color_60)!important;
    color: var(--system_primery_color)!important;
    padding: 9px 14px;
    min-width: 144px;
}

@media only screen and (max-width: 767px) {
    /* line 258, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course .select2-selection {
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

/* line 270, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course .select2-selection::after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 14px;
    color: var(--system_primery_color)!important;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) scaleY(1);
    transition: all 0.2s ease;
}

/* line 282, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course .select2-selection[aria-expanded="true"]::after {
    transform: translateY(-50%) scaleY(-1);
}

/* line 285, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course .select2-selection__rendered {
    color: currentColor !important;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.5%;
    margin-right: 1rem;
    padding: 0 !important;
}

/* line 293, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course .select2-selection__arrow {
    display: none !important;
}

/* line 297, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course .select2-dropdown {
    border: 1px solid #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
    border-radius: 4px;
}

/* line 303, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course .select2-results__option {
    font-size: 14px;
    line-height: 1.5;
    color: var(--system_primery_color)!important;
    background-color: #fff;
}

/* line 308, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course .select2-results__option--highlighted {
    background-color: rgba(230, 54, 94, 0.2) !important;
}

/* line 311, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course .select2-results__option--selected {
    background-color: var(--system_primery_color)!important;
    color: #fff !important;
}

/* line 317, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course .select2-search__field {
    border-color: rgba(230, 54, 94, 0.5) !important;
    border-radius: 4px;
}

/* line 320, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course .select2-search__field:focus {
    border-color: var(--system_primery_color)!important;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 327, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course .-mt-45 {
        margin-top: -35px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 327, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course .-mt-45 {
        margin-top: -35px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 327, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course .-mt-45 {
        margin-top: -30px;
    }
}

/* line 338, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item {
    background-color: #fff;
    overflow: hidden;
    border-radius: 20px;
    margin-top: 45px;
    position: relative;
    top: 0;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 338, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item {
        margin-top: 35px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 338, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item {
        margin-top: 35px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 338, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item {
        margin-top: 30px;
    }
}

/* line 356, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item:hover {
    top: -5px;
}

/* line 357, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item:hover .course-item-img img {
    transform: scale(1.05);
}

/* line 362, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-badge {
    position: absolute;
    top: 13px;
    right: 14px;
    z-index: 1;
    border-radius: 38px;
    color: #fff;
    background-color: #f64153;
    font-weight: 700;
    font-size: 9px;
    line-height: 10px;
    padding: 8px 13px;
}

@media only screen and (max-width: 767px) {
    /* line 362, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item-badge {
        top: 10px;
        right: 10px;
    }
}

/* line 379, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 55%;
    z-index: 1;
}

/* line 386, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scale(1);
}

/* line 392, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-rating {
    background-color: #fff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 42px;
    position: relative;
    z-index: 1;
    margin-top: -23px;
    padding-right: 16px !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 392, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item-rating {
        margin-bottom: 20px !important;
    }
}

@media only screen and (max-width: 767px) {
    /* line 392, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item-rating {
        margin-bottom: 16px !important;
    }
}

/* line 406, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-rating i {
    font-size: 12px;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 406, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item-rating i {
        font-size: 11px;
    }
}

/* line 412, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-rating .user {
    --rating-user: 30px;
    width: var(--rating-user);
    height: var(--rating-user);
    border-radius: 100%;
    overflow: hidden;
    flex: 0 0 auto;
}

/* line 419, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-rating .user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* line 425, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-rating a {
    color: #3a3636;
    max-width: calc(100% / 12 * 7);
    flex: 0 0 100%;
}

/* line 429, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-rating a:hover {
    color: #f64153;
}

/* line 433, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-rating span {
    color: currentColor;
    font-size: 12px;
    line-height: 1.75;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* line 440, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-rating > div {
    max-width: calc(100% / 12 * 5);
    flex: 0 0 100%;
    text-align: right;
}

/* line 446, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-lession {
    background-color: var(--system_primery_color)!important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* line 449, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-lession p {
    color: #fff;
    font-size: 10px;
    padding: 9px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

/* line 456, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-lession p:nth-child(2) {
    background-color: rgba(0, 0, 0, 0.15);
}

/* line 461, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-content {
    padding: 20px;
}

@media (min-width: 1367px) {
    /* line 461, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item-content {
        padding: 30px;
    }
}

/* line 466, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-content h4 {
    font-size: 20px;
    line-height: calc(30px / 20px);
    font-family: "Signika", sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 500;
    cursor: pointer;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 466, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item-content h4 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 466, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item-content h4 {
        font-size: 18px;
    }
}

/* line 473, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-content .theme-btn {
    --btn-padding-y: 8px;
    --btn-padding-x: 11px;
    font-size: 12px;
    line-height: 1.5;
}

/* line 479, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-content-meta {
    font-size: 10px;
    line-height: 3;
    color: rgba(58, 54, 54, 0.8);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 479, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item-content-meta {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 479, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item-content-meta {
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 12px !important;
    }
}

/* line 492, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-content-meta span {
    color: #3a3636;
}

/* line 497, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-title {
    display: block;
    margin-bottom: 20px;
    color: #3a3636;
}

@media only screen and (max-width: 767px) {
    /* line 497, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item-title {
        margin-bottom: 16px;
    }
}

/* line 504, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-title:hover {
    color: var(--system_primery_color)!important;
}

@media only screen and (max-width: 767px) {
    /* line 508, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item-info {
        margin-bottom: 12px !important;
    }
}

/* line 512, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-info > * {
    font-size: 12px;
    font-family: "Signika", sans-serif;
    font-weight: 500;
    padding: 5px 10px;
    color: #fff!important;
    background-color: rgba(230, 54, 94, 0.07);
    border-radius: 100px;
}

/* line 523, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-price > span {
    display: flex;
    align-items: center;
}

/* line 526, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-price del {
    font-size: 12px;
    font-weight: 500;
}

/* line 530, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-item-price strong {
    font-size: 24px;
    line-height: 1.5;
    font-family: "Signika", sans-serif;
    color: #3a3636;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 530, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item-price strong {
        font-size: 22px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 530, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-item-price strong {
        font-size: 20px;
    }
}

/* line 538, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list {
    --course-list-img: 265px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 538, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list {
        --course-list-img: 200px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 538, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list {
        --course-list-img: 185px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 538, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list {
        --course-list-img: 165px;
    }
}

/* line 552, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list > * {
    flex: 0 0 auto;
}

/* line 557, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list .course-item-img {
    width: var(--course-list-img);
    padding-bottom: 34%;
    height: 100%;
}

@media only screen and (max-width: 479px) {
    /* line 557, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-img {
        width: 100%;
        height: auto;
        padding-bottom: 55%;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 567, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-info {
        margin-bottom: 10px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 567, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-info {
        margin-bottom: 10px !important;
    }
}

@media only screen and (max-width: 479px) {
    /* line 567, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-info {
        width: 100%;
    }
}

/* line 578, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list .course-item-badge {
    right: auto;
    top: 18px;
    left: 20px;
}

@media only screen and (max-width: 767px) {
    /* line 578, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-badge {
        top: 12px;
        left: 12px;
    }
}

/* line 587, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list .course-item-content {
    width: calc(100% - var(--course-list-img));
    padding: 20px 26px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 587, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-content {
        padding: 15px 16px;
    }
}

@media only screen and (max-width: 479px) {
    /* line 587, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-content {
        width: 100%;
    }
}

/* line 596, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list .course-item-content h4 {
    line-height: 1.2;
    min-height: 48px;
    cursor: pointer;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 596, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-content h4 {
        font-size: 18px;
        min-height: 43px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 596, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-content h4 {
        min-height: 43px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 596, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-content h4 {
        min-height: 43px;
    }
}

/* line 611, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list .course-item-content .theme-btn {
    --btn-padding-y: 5px;
}

/* line 615, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list .course-item-price {
    --star-width: 85px;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 615, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-price {
        flex-direction: column-reverse;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 615, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-price {
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 767px) {
    /* line 615, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-price {
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 479px) {
    /* line 615, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-price {
        flex-direction: row;
    }
}

/* line 629, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list .course-item-price strong {
    color: var(--system_primery_color)!important;
    line-height: 1;
}

/* line 633, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list .course-item-price .border {
    width: max-content;
    border-color: rgba(230, 54, 94, 0.25) !important;
    padding: 3px 4px;
    padding-left: 1rem;
    border-radius: 100px;
}

/* line 640, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list .course-item-price .p-left {
    width: calc(100% - var(--star-width));
    flex: 0 0 auto;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 640, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-price .p-left {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 640, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-price .p-left {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    /* line 640, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-price .p-left {
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    /* line 640, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-price .p-left {
        width: calc(100% - var(--star-width));
    }
}

/* line 656, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list .course-item-price .course-item-rating {
    width: var(--star-width);
    flex: 0 0 auto;
    text-align: end;
    padding-top: 3px;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 656, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-price .course-item-rating {
        width: 100%;
        padding-top: 0;
        text-align: start;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 656, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-price .course-item-rating {
        width: 100%;
        padding-top: 0;
        text-align: start;
    }
}

@media only screen and (max-width: 767px) {
    /* line 656, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-price .course-item-rating {
        width: 100%;
        padding-top: 0;
        text-align: start;
        margin-bottom: 0rem !important;
    }
}

@media only screen and (max-width: 479px) {
    /* line 656, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-price .course-item-rating {
        width: var(--star-width);
        padding-top: 3px;
        text-align: end;
    }
}

/* line 684, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list .course-item-rating {
    background-color: transparent;
    box-shadow: 0 0 0;
    border-radius: 0;
    margin-top: 0px;
    padding-right: 0 !important;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 684, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-rating {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 684, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-rating {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    /* line 684, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-list .course-item-rating {
        margin-bottom: 0 !important;
    }
}

/* line 700, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list .course-item-rating a {
    max-width: 100%;
}

/* line 703, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list .course-item-rating .user {
    flex: 0 0 auto;
}

/* line 706, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-list .course-item-rating i {
    color: var(--system_primery_color)!important;
}

/* line 714, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details {
    position: relative;
    z-index: 1;
}

/* line 717, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details::before {
    content: "";
    width: 100%;
    min-height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    background-image: url(../img/shape/c-details-v1.jpg);
    background-repeat: repeat;
    background-position: left center;
    background-blend-mode: multiply;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 717, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details::before {
        min-height: 550px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 717, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details::before {
        min-height: 470px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 717, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details::before {
        min-height: 450px;
    }
}

/* line 737, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details::after {
    content: "";
    width: 100%;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    min-height: 600px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 737, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details::after {
        min-height: 550px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 737, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details::after {
        min-height: 470px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 737, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details::after {
        min-height: 450px;
    }
}

/* line 757, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details.v-2::before {
    background-image: url(../img/shape/c-details-v2.jpg);
    background-position: center;
}

/* line 761, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details.v-2 .hr:not(:last-child) {
    margin-bottom: 65px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 761, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details.v-2 .hr:not(:last-child) {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 761, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details.v-2 .hr:not(:last-child) {
        margin-bottom: 35px;
    }
}

/* line 770, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details.v-2 .course-details-info {
    margin-bottom: 65px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 770, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details.v-2 .course-details-info {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 770, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details.v-2 .course-details-info {
        margin-bottom: 35px;
    }
}

/* line 779, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details.v-2 .course-curriculum {
    margin-bottom: 75px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 779, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details.v-2 .course-curriculum {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 779, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details.v-2 .course-curriculum {
        margin-bottom: 40px;
    }
}

/* line 788, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details.v-2 .instrucotr-card {
    margin-bottom: 85px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 788, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details.v-2 .instrucotr-card {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 788, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details.v-2 .instrucotr-card {
        margin-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    /* line 796, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details.v-2 .instrucotr-card-inner {
        padding: 24px 20px;
    }
}

/* line 801, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details.v-2 .instrucotr-card-info {
    padding-left: 20px;
}

/* line 805, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details.v-2 .course-preview {
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.15);
}

/* line 809, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details h4 {
    font-size: 32px;
    line-height: calc(40px / 32px);
    margin-bottom: 32px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 809, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details h4 {
        font-size: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 809, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details h4 {
        font-size: 26px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 809, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details h4 {
        font-size: 24px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 809, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details h4 {
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 809, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details h4 {
        margin-bottom: 20px;
    }
}

/* line 819, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-wrapper {
    padding-bottom: 88px;
    margin-bottom: 45px;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 819, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-wrapper {
        padding-bottom: 103px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 819, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-wrapper {
        padding-bottom: 56px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 819, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-wrapper {
        padding-bottom: 58px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 819, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-wrapper {
        padding-bottom: 47px;
    }
}

@media only screen and (max-width: 479px) {
    /* line 819, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-wrapper {
        padding-bottom: 42px;
        margin-bottom: 35px;
    }
}

/* line 838, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-wrapper > span {
    font-size: 18px;
    line-height: 1.55556;
}

@media only screen and (max-width: 991px) {
    /* line 838, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-wrapper > span {
        font-size: 16px;
    }
}

/* line 841, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-wrapper .shape {
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    /* line 844, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-wrapper .course-item-info {
        margin-bottom: 18px !important;
    }
}

/* line 848, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-wrapper .course-item-info > * {
    font-size: 14px;
}

/* line 851, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-wrapper .course-item-info span {
    background-color: rgba(230, 54, 94, 0.1);
    padding: 10px 30px;
}

@media only screen and (max-width: 767px) {
    /* line 851, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-wrapper .course-item-info span {
        padding: 6px 12px;
        font-size: 13px;
    }
}

/* line 860, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-wrapper h2 {
    font-size: 48px;
    line-height: calc(60px / 48px);
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 860, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-wrapper h2 {
        font-size: 42px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 860, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-wrapper h2 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 860, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-wrapper h2 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 860, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-wrapper h2 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 860, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-wrapper h2 {
        margin-bottom: 20px;
    }
}

/* line 868, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-keywords a {
    display: block;
    text-decoration: underline !important;
    color: var(--system_primery_color)!important;
    font-size: 14px;
}

/* line 873, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-keywords a:hover {
    color: #f64153;
}

/* line 878, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-user {
    background-color: var(--system_primery_color)!important;
    padding: 7px;
    padding-right: 20px;
    display: inline-block;
    --img: 30px;
    color: #fff !important;
}

@media only screen and (max-width: 767px) {
    /* line 878, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-user {
        font-size: 14px;
    }
}

/* line 888, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-user img {
    width: var(--img);
    height: var(--img);
    flex: 0 0 auto;
    border-radius: 100%;
    object-fit: cover;
}

/* line 895, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-user span {
    width: calc(100% - var(--img));
    flex: 0 0 auto;
    padding-left: 7px;
    color: currentColor;
}

/* line 902, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-info {
    margin-bottom: 85px;
    border-radius: 10px;
    overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 902, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info {
        margin-bottom: 65px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 902, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 902, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info {
        margin-bottom: 40px;
        border-radius: 22px;
    }
}

@media only screen and (max-width: 479px) {
    /* line 902, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info {
        border-radius: 20px;
    }
}

/* line 921, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-info.bg-white .tab-content {
    padding-left: 34px;
    padding-right: 34px;
    border: 1px solid rgba(63, 70, 84, 0.2);
    border-radius: 10px;
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;

}

@media only screen and (max-width: 991px) {
    /* line 921, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info.bg-white .tab-content {
        padding-left: 24px;
        padding-right: 24px;
    }
}

/* line 932, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-info .tab-content {
    padding: 52px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 932, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info .tab-content {
        padding: 42px 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 932, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info .tab-content {
        padding: 36px 0px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 932, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info .tab-content {
        padding: 32px 0px;
    }
}

@media only screen and (max-width: 479px) {
    /* line 932, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info .tab-content {
        padding: 28px 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 948, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info .tab-pane .mb-md-5 {
        margin-bottom: 2rem !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 948, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info .tab-pane .mb-md-5 {
        margin-bottom: 2rem !important;
    }
}

/* line 956, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-info .tab-pane h3 {
    font-size: 32px;
    line-height: calc(40px / 32px);
    margin-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 956, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info .tab-pane h3 {
        font-size: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 956, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info .tab-pane h3 {
        font-size: 26px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 956, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info .tab-pane h3 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 956, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info .tab-pane h3 {
        margin-bottom: 10px;
    }
}

/* line 964, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-info .tab-pane p:not(:last-child) {
    margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
    /* line 964, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info .tab-pane p:not(:last-child) {
        margin-bottom: 10px;
    }
}

/* line 971, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-info .tab-pane p,
.course-details-info .tab-pane li {
    color: #3a3636;
    font-size: 16px;
    line-height: 1.875;
}

@media only screen and (max-width: 767px) {
    /* line 971, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-details-info .tab-pane p,
    .course-details-info .tab-pane li {
        font-size: 14px;
    }
}

/* line 980, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-info .tab-pane ul {
    padding-left: 10px;
}

/* line 982, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-info .tab-pane ul li {
    position: relative;
    z-index: 1;
    padding: 5px 0px;
    display: flex;
    line-height: 1.5;
}

/* line 988, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-details-info .tab-pane ul li::before {
    --width: 6px;
    content: "";
    width: var(--width);
    height: var(--width);
    flex: 0 0 auto;
    border-radius: 100%;
    background-color: #3a3636;
    position: relative;
    top: 10px;
    margin-right: 16px;
}

/* line 1006, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-curriculum {
    margin-bottom: 135px;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 1006, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-curriculum {
        margin-bottom: 100px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1006, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-curriculum {
        margin-bottom: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1006, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-curriculum {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1006, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-curriculum {
        margin-bottom: 50px;
    }
}

/* line 1022, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-curriculum .accordion-item:not(:last-child) {
    margin-bottom: 1rem;
}

@media only screen and (max-width: 767px) {
    /* line 1022, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-curriculum .accordion-item:not(:last-child) {
        margin-bottom: 12px;
    }
}

/* line 1030, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-curriculum .accordion-button span {
    font-size: 20px;
    line-height: calc(30px / 20px);
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1030, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-curriculum .accordion-button span {
        font-size: 18px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 1030, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-curriculum .accordion-button span {
        font-size: 18px;
    }
}

@media only screen and (max-width: 479px) {
    /* line 1030, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-curriculum .accordion-button span {
        font-size: 14px;
    }
}

/* line 1036, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-curriculum .accordion-button div {
    font-size: 16px;
    font-weight: 300;
}

@media only screen and (max-width: 479px) {
    /* line 1036, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-curriculum .accordion-button div {
        font-size: 10px;
    }
}

/* line 1046, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-curriculum .accordion-body ul li {
    color: #3a3636;
    padding: 10px 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1046, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-curriculum .accordion-body ul li {
        padding: 8px 0;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1046, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-curriculum .accordion-body ul li {
        padding: 6px 0;
    }
}

@media only screen and (max-width: 479px) {
    /* line 1046, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-curriculum .accordion-body ul li {
        font-size: 14px;
    }
}

/* line 1060, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-curriculum .accordion-body ul li:hover .right a {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* line 1064, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-curriculum .accordion-body ul li:hover .play {
    background-color: var(--system_primery_color)!important;
}

/* line 1068, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-curriculum .accordion-body ul li .left {
    width: calc(100% / 12 * 7);
    flex: 0 0 auto;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1068, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-curriculum .accordion-body ul li .left {
        width: calc(100% / 12 * 8);
    }
}

/* line 1074, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-curriculum .accordion-body ul li .left span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* line 1078, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-curriculum .accordion-body ul li .right {
    width: calc(100% / 12 * 5);
    flex: 0 0 auto;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1078, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-curriculum .accordion-body ul li .right {
        width: calc(100% / 12 * 4);
    }
}

/* line 1084, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-curriculum .accordion-body ul li .right a {
    color: var(--system_primery_color)!important;
    text-decoration: underline !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* line 1090, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-curriculum .accordion-body ul li .play {
    --width: 24px;
    width: var(--width);
    height: var(--width);
    flex: 0 0 auto;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #3a3636;
    font-size: 8px;
    color: #fff;
}

/* line 1107, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview {
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

/* line 1111, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-img {
    width: 100%;
    padding-bottom: 63%;
    position: relative;
    z-index: 1;
}

/* line 1116, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

/* line 1120, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-play {
    --width: 110px;
    width: var(--width);
    height: var(--width);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    background-color: rgba(58, 54, 54, 0.9);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1120, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-preview-play {
        --width: 90px;
        font-size: 26px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1120, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-preview-play {
        --width: 100px;
    }
}

/* line 1139, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-actions > div {
    flex: 0 0 auto;
}

/* line 1141, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-actions > div.left {
    width: calc(100% / 12 * 5);
    border-radius: 1rem;
    background-color: rgba(230, 54, 94, 0.2);
    padding: 20px 16px;
    font-family: "Signika", sans-serif;
}

/* line 1148, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-actions > div.right {
    width: calc(100% / 12 * 7);
    padding-left: 14px;
}

/* line 1153, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-actions del {
    font-size: 20px;
    line-height: calc(30px / 20px);
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1153, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-preview-actions del {
        font-size: 18px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 1153, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-preview-actions del {
        font-size: 18px;
    }
}

/* line 1156, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-actions h3 {
    font-size: 40px;
    line-height: 1.5;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 1156, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-preview-actions h3 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1156, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-preview-actions h3 {
        font-size: 32px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1156, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-preview-actions h3 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1156, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-preview-actions h3 {
        font-size: 26px;
    }
}

/* line 1159, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-actions .theme-btn {
    --btn-padding-y: 11px;
}

/* line 1161, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-actions .theme-btn:nth-child(2) {
    margin-top: 14px;
    background-color: #3a3636;
}

/* line 1164, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-actions .theme-btn:nth-child(2):hover {
    background-color: var(--system_primery_color)!important;
    border-color: var(--system_primery_color)!important;
}

/* line 1171, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-content {
    padding: 32px 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1171, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-preview-content {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1171, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-preview-content {
        padding: 22px 25px;
    }
}

/* line 1180, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-content > p {
    margin-top: 18px;
}

/* line 1183, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-content h4 {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 500;
}

@media only screen and (max-width: 991px) {
    /* line 1183, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-preview-content h4 {
        font-size: 20px;
    }
}

/* line 1187, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-content ul {
    margin-top: 10px;
}

/* line 1189, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-content ul li {
    padding: 20px 0px;
    color: #3a3636;
    border-bottom: 1px solid rgba(230, 54, 94, 0.3);
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    /* line 1189, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-preview-content ul li {
        padding: 12px 0px;
    }
}

/* line 1200, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-content .material p {
    color: #3a3636;
}

/* line 1204, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-content .material ul li {
    padding: 0;
    border: none;
}

/* line 1207, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-content .material ul li a {
    display: block;
    color: var(--system_primery_color)!important;
}

/* line 1210, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-content .material ul li a:hover {
    color: #3a3636;
}

/* line 1217, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-content .coupon,
.course-preview-content .material {
    margin-top: 34px;
}

@media only screen and (max-width: 767px) {
    /* line 1217, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-preview-content .coupon,
    .course-preview-content .material {
        margin-top: 24px;
    }
}

/* line 1226, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-content .form-box .theme-btn {
    position: absolute;
    top: 50%;
    right: 3px;
    transform: translateY(-50%);
    --btn-padding-y: 6px;
    min-width: 125px;
}

/* line 1235, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-preview-content .form-control {
    background-color: #f7efff;
    padding: 8px 20px;
    padding-right: 135px;
}

/* line 1243, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-rating, .course-feedback {
    margin-bottom: 105px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1243, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating, .course-feedback {
        margin-bottom: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1243, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating, .course-feedback {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1243, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating, .course-feedback {
        margin-bottom: 40px;
    }
}

/* line 1257, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-rating-count {
    border-radius: 20px;
    padding: 30px;
    background-color: #f7efff;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1257, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating-count {
        padding: 20px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 1257, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating-count {
        padding: 20px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1257, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating-count {
        flex: 0 0 auto;
        width: 100%;
    }
}

/* line 1271, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-rating-count h4 {
    font-size: 48px;
    line-height: calc(60px / 48px);
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 1271, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating-count h4 {
        font-size: 42px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1271, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating-count h4 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1271, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating-count h4 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1271, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating-count h4 {
        font-size: 28px;
    }
}

/* line 1274, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-rating-count p {
    font-size: 24px;
    line-height: 1.5;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1274, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating-count p {
        font-size: 22px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 1274, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating-count p {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1274, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating-count p {
        font-size: 18px;
    }
}

/* line 1281, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-rating .right {
    padding-left: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1281, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating .right {
        padding-left: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1281, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating .right {
        padding-left: 16px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1281, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating .right {
        flex: 0 0 auto;
        width: 100%;
        padding-left: 0;
        margin-top: 1rem;
    }
}

/* line 1295, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-rating .right .progress {
    flex: 0 0 auto;
    width: calc(100% / 12 * 7);
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1295, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating .right .progress {
        width: calc(100% / 12 * 6);
    }
}

@media only screen and (max-width: 991px) {
    /* line 1295, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating .right .progress {
        width: calc(100% / 12 * 7);
    }
}

@media only screen and (max-width: 479px) {
    /* line 1295, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating .right .progress {
        width: calc(100% / 12 * 6);
    }
}

/* line 1308, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-rating .right .star {
    padding-left: 24px;
    flex: 0 0 auto;
    width: calc(100% / 12 * 5);
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1308, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating .right .star {
        padding-left: 14px;
        width: calc(100% / 12 * 6);
    }
}

@media only screen and (max-width: 991px) {
    /* line 1308, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating .right .star {
        padding-left: 14px;
        width: calc(100% / 12 * 4);
    }
}

@media only screen and (max-width: 479px) {
    /* line 1308, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating .right .star {
        padding-left: 14px;
        width: calc(100% / 12 * 6);
    }
}

/* line 1324, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-rating .right .star .rating {
    margin-right: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1324, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating .right .star .rating {
        gap: 4px !important;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1324, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating .right .star .rating {
        margin-right: 4px;
    }
}

@media only screen and (max-width: 479px) {
    /* line 1324, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating .right .star .rating {
        gap: 0 !important;
    }
}

/* line 1336, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-rating .right .star .rating i:not(:last-child) {
    margin-right: 8px;
}

@media only screen and (max-width: 767px) {
    /* line 1336, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-rating .right .star .rating i:not(:last-child) {
        margin-right: 4px;
    }
}

/* line 1347, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-feedback-card {
    border-radius: 20px;
    padding: 30px;
    --img: 80px;
    margin-bottom: 28px;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 991px) {
    /* line 1347, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-feedback-card {
        padding: 20px;
        margin-bottom: 18px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1347, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-feedback-card {
        --img: 60px;
    }
}

/* line 1362, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-feedback-img {
    width: var(--img);
    height: var(--img);
    flex: 0 0 auto;
    border-radius: 100%;
    overflow: hidden;
}

/* line 1368, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-feedback-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* line 1372, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-feedback-content {
    width: calc(100% - var(--img));
    padding-left: 28px;
    flex: 0 0 auto;
}

@media only screen and (max-width: 767px) {
    /* line 1372, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-feedback-content {
        padding-left: 18px;
    }
}

/* line 1379, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-feedback-content h6 {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1379, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-feedback-content h6 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 1379, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-feedback-content h6 {
        font-size: 20px;
    }
}

/* line 1383, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-feedback-content h6 .badge {
    margin-left: 1rem;
    font-size: 12px;
    padding: 10px 13px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1383, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-feedback-content h6 .badge {
        padding: 8px 10px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1392, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-feedback-content p {
        font-size: 14px;
    }
}

/* line 1397, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-feedback-content .star {
    margin-bottom: 14px;
}

@media only screen and (max-width: 991px) {
    /* line 1397, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-feedback-content .star {
        margin-bottom: 10px;
    }
}

/* line 1404, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-feedback .theme-btn {
    font-size: 24px;
    line-height: 1.5;
    border-radius: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1404, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-feedback .theme-btn {
        font-size: 22px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 1404, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-feedback .theme-btn {
        font-size: 20px;
    }
}

/* line 1407, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-feedback .theme-btn.bg-transparent {
    color: #3a3636;
    border-color: #3a3636;
}

/* line 1410, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-feedback .theme-btn.bg-transparent:hover {
    border-color: #f64153;
    color: #fff;
}

/* line 1417, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-common-slider {
    margin-bottom: 130px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1417, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-common-slider {
        margin-bottom: 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1417, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-common-slider {
        margin-bottom: 80px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1417, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-common-slider {
        margin-bottom: 60px;
    }
}

/* line 1428, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-common-slider h3 {
    font-size: 48px;
    line-height: calc(60px / 48px);
    margin-bottom: 60px;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 1428, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-common-slider h3 {
        font-size: 42px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1428, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-common-slider h3 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1428, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-common-slider h3 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1428, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-common-slider h3 {
        font-size: 28px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1428, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-common-slider h3 {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1428, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-common-slider h3 {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1428, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .course-common-slider h3 {
        margin-bottom: 30px;
    }
}

/* line 1441, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.course-common-slider .owl-stage-outer {
    padding-bottom: 40px;
    margin-bottom: -40px;
}

/* course end */
/*--- page radio & checkbox ---*/
/* line 1452, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.checkbox {
    --icon-width: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

/* line 1458, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.checkbox > * {
    flex: 0 0 auto;
    max-width: 100%;
}

/* line 1463, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.checkbox input:checked ~ .checkbox-icon {
    background-color: var(--system_primery_color)!important;
}

/* line 1465, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.checkbox input:checked ~ .checkbox-icon::before {
    left: calc(100% - var(--icon-width) - 3px);
    background-color: #fff;
}

/* line 1471, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.checkbox-title {
    font-size: 18px;
    line-height: 1.55556;
    font-weight: 400;
    color: #3a3636;
}

@media only screen and (max-width: 991px) {
    /* line 1471, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .checkbox-title {
        font-size: 16px;
    }
}

/* line 1480, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.checkbox-icon {
    width: 40px;
    height: 24px;
    border: 1px solid var(--system_primery_color)!important;
    border-radius: 100px;
    position: relative;
    z-index: 1;
}

/* line 1488, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.checkbox-icon::before {
    content: "";
    width: var(--icon-width);
    height: var(--icon-width);
    border-radius: 100%;
    background-color: var(--system_primery_color)!important;
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
}

/* line 1503, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.radio {
    --radio-icon: 17px;
    --radio-gap: 14px;
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
}

/* line 1509, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.radio > * {
    flex: 0 0 auto;
    max-width: 100%;
}

/* line 1513, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.radio input {
    display: none;
}

/* line 1517, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.radio input:checked ~ .radio-btn::before {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: scale(0.6);
}

/* line 1522, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.radio input:checked ~ .radio-title {
    color: var(--system_primery_color)!important;
}

/* line 1527, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.radio-btn {
    flex: 0 0 auto;
    width: var(--radio-icon);
    height: var(--radio-icon);
    border-radius: 100%;
    border: 1px solid var(--system_primery_color)!important;
    position: relative;
    z-index: 1;
    background-color: rgba(230, 54, 94, 0.1);
}

/* line 1536, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.radio-btn::before {
    --dot-width: 100%;
    content: "";
    width: var(--dot-width);
    height: var(--dot-width);
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0.4);
    background-color: var(--system_primery_color)!important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* line 1550, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.radio-title {
    font-size: 14px;
    letter-spacing: 0.005em;
    color: #9f8ea9;
    width: calc(100% - var(--radio-icon) - var(--radio-gap));
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* line 1557, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.radio-title i {
    font-size: 16px;
    color: var(--system_primery_color)!important;
}

/* common section */
/* line 1567, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-padding {
    padding: var(--section-sepreate) 0;
}

/* line 1569, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-padding-lg {
    padding-top: var(--section-sepreate-lg);
}

/* line 1572, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-padding-md {
    padding-top: var(--section-sepreate-md);
}

/* line 1574, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-padding-md-bottom {
    padding-bottom: var(--section-sepreate-md);
}

/* line 1578, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-padding-sm {
    padding: var(--section-sepreate-sm) 0;
}

/* line 1581, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-padding-medium {
    padding-top: var(--section-common);
}
.section-padding-medium.shop{
    padding-top: 60px;
}

/* line 1586, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-margin-lg {
    margin-top: var(--section-sepreate-lg);
}

/* line 1589, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-margin-sm {
    margin-top: var(--section-sepreate-sm);
}

/* line 1593, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-matrix {
    padding-top: 20px;
    padding-bottom: var(--section-sepreate-md);
    z-index: 1;
    --shape-positon: 100px;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 1593, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-matrix {
        --shape-positon: 80px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1593, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-matrix {
        --shape-positon: 60px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 1593, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-matrix {
        --shape-positon: 50px;
    }
}

/* line 1607, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-matrix::before, .section-matrix::after {
    content: "";
    width: 100%;
    height: var(--shape-positon);
    position: absolute;
    left: 0;
    z-index: -1;
    background-image: url(../img/shape/matrix-top.svg);
}

/* line 1617, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-matrix::before {
    top: calc(var(--shape-positon) * -1);
}

/* line 1620, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-matrix::after {
    bottom: calc(var(--shape-positon) * -1);
    transform: scaleY(-1);
}

/* line 1625, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-title {
    margin-bottom: 66px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1625, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-title {
        margin-bottom: 46px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1625, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-title {
        margin-bottom: 36px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1625, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-title {
        margin-bottom: 26px;
    }
}

/* line 1636, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-title h2 {
    font-size: 48px;
    line-height: calc(60px / 48px);
    color: #f64153;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 1636, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-title h2 {
        font-size: 42px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1636, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-title h2 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1636, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-title h2 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1636, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-title h2 {
        font-size: 28px;
    }
}

/* line 1640, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-title svg,
.section-title img {
    color: var(--system_primery_color)!important;
    margin-bottom: 36px;
    width: 160px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1640, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-title svg,
    .section-title img {
        margin-bottom: 26px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1640, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-title svg,
    .section-title img {
        margin-bottom: 20px;
        width: 140px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1640, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-title svg,
    .section-title img {
        margin-bottom: 15px;
        width: 120px;
    }
}

/* line 1658, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-subtitle {
    position: relative;
    z-index: 1;
    margin-bottom: 66px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1658, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle {
        margin-bottom: 46px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1658, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle {
        margin-bottom: 36px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1658, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle {
        margin-bottom: 30px;
    }
}

/* line 1671, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-subtitle::after, .section-subtitle::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 5px;
    left: 0;
    border-radius: 20px;
    border-bottom-left-radius: 42px;
    z-index: -1;
}

/* line 1684, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-subtitle::after {
    left: -1px;
    bottom: -1px;
    width: 100.2%;
}

/* line 1690, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-subtitle > div {
    padding: 33px 35px;
    padding-left: 41px;
    border-radius: 20px;
    border-bottom-left-radius: 42px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1690, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle > div {
        padding: 23px 25px;
        padding-left: 31px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1690, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle > div {
        padding: 20px 22px;
        padding-left: 28px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1690, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle > div {
        padding: 20px !important;
        padding-left: 25px !important;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1708, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle-action {
        display: flex;
        align-items: center;
        margin-top: 16px;
    }
}

/* line 1714, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-subtitle-meta {
    color: #3a3636;
    position: absolute;
    top: -20px;
    width: 160px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1714, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle-meta {
        width: 120px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1714, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle-meta {
        width: 100px;
        left: 24px;
    }
}

/* line 1727, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-subtitle h3 {
    font-size: 36px;
    line-height: calc(55px / 36px);
    font-weight: 600;
    color: #f64153;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 1727, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle h3 {
        font-size: 32px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1727, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle h3 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1727, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle h3 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1727, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle h3 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1727, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle h3 {
        line-height: 1;
    }
}

/* line 1735, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-subtitle .theme-btn {
    --btn-padding-y: 10px;
    min-width: 170px;
    justify-content: center;
}

@media only screen and (max-width: 991px) {
    /* line 1735, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle .theme-btn {
        min-width: auto;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1735, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .section-subtitle .theme-btn {
        --btn-padding-y: 6px;
    }
}

/* line 1747, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-subtitle .select2-selection {
    border-color: #f64153 !important;
    background-color: rgba(246, 65, 83, 0.1) !important;
    color: #f64153 !important;
}

/* line 1751, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.section-subtitle .select2-selection::after {
    color: #f64153;
}

/* line 1761, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.theme-btn {
    --btn-padding-y: 14px;
    --btn-padding-x: 24px;
    font-family: "Inter", sans-serif;
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    background-color: var(--system_primery_color)!important;
    color: #fff;
    font-size: 16px;
    line-height: 1.625;
    padding: var(--btn-padding-y) var(--btn-padding-x);
    border: 1px solid transparent;
    justify-content: center;
    text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1761, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .theme-btn {
        --btn-padding-y: 10px;
        --btn-padding-x: 20px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1761, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .theme-btn {
        --btn-padding-y: 8px;
        --btn-padding-x: 20px;
    }
}

/* line 1784, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.theme-btn:hover {
    color: #fff;
    background-color: #f64153 !important;
    border-color: #f64153;
}

/* line 1789, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.theme-btn > * {
    margin-right: 10px;
}

/* line 1792, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.theme-btn.bg-transparent {
    --btn-padding-y: 11px;
    color: #f64153;
    border-color: #f64153;
}

/* line 1796, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.theme-btn.bg-transparent:hover {
    color: #fff;
    background-color: #f64153 !important;
}

/* line 1802, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.theme-btn.bg-secondary:hover {
    background-color: var(--system_primery_color)!important;
    border-color: var(--system_primery_color)!important;
}

/* line 1807, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.theme-btn[disabled] {
    color: rgba(159, 142, 169, 0.5);
    cursor: no-drop;
}

/* line 1816, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop {
    position: relative;
    background: #ffffff;
}

/* line 1819, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-shape {
    --size: 180px;
    width: var(--size);
    height: var(--size);
    position: absolute;
    bottom: 180px;
    right: 30px;
    z-index: 2;
}

@media only screen and (min-width: 1440px) and (max-width: 1580px) {
    /* line 1819, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-shape {
        --size: 110px;
        bottom: 90px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 1819, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-shape {
        --size: 110px;
        bottom: 90px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1819, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-shape {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    /* line 1819, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-shape {
        display: none;
    }
}

/* line 1843, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop > .container::before, .shop > .container::after {
    width: 700px;
    height: 680px;
    top: 70px;
    left: -100px;
}

/* line 1850, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop > .container::after {
    top: auto;
    left: auto;
    bottom: -200px;
    right: -200px;
}

/* line 1857, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-slider {
    margin-top: 10px;
}

/* line 1860, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-slider .owl-stage-outer {
    padding: 26px 0px;
    margin: -26px 0px;
}

/* line 1865, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-slider .owl-item img {
    width: 100% !important;
}

/* line 1871, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-item {
    border-radius: 10px;
    padding: 24px;

    overflow: hidden;
    position: relative;
    bottom: 0;
    box-shadow: 20px 7px 23px rgba(0, 0, 0, 0);
    transition: 0.5s all ease-in-out;
    border: 0.5px solid #CBCBCB;

}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1871, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-item {
        padding: 20px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 1871, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-item {
        padding: 24px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1871, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-item {
        margin-top: 24px;
    }
}

/* line 1889, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-item:hover {
    bottom: 3px;
    box-shadow: 20px 7px 23px rgba(44, 36, 36, 0.15);
}

/* line 1893, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-item-rating {
    display: inline-block;
    width: max-content;
    font-size: 12px;
    line-height: 1.5;
    background-color: #fff;
    border-radius: 100px;
    padding: 4px 10px;
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    box-shadow: 2px 4px 26px 10px rgba(0, 0, 0, 0.1);
}

/* line 1908, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-item-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 12px;
}

/* line 1915, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-item-img img {
    z-index: 0;
    /*min-height: 203px;*/
}

/* line 1920, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-item-content span {
    font-size: 14px;
    line-height: 1.5;
    color: var(--system_primery_color)!important;
    letter-spacing: 0.005em;
    display: block;
    margin-bottom: 10px;
    opacity: 0.5
}

/* line 1928, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-item-content h4 {
    font-size: 20px;
    line-height: calc(30px / 20px);
    font-weight: 700;
    margin-bottom: 20px;
    color: #3a3636;
    cursor: pointer;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1928, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-item-content h4 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 1928, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-item-content h4 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 1928, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-item-content h4 {
        margin-bottom: 10px;
    }
    /*.shop-item-img img{*/
    /*    min-height: 200px;*/
    /*}*/
}

@media only screen and (max-width: 575px) {
    /* line 1928, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    /*.shop-item-img img{*/
    /*    min-height: 370px;*/
    /*}*/
}
/* line 1937, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-item-content h4:hover {
    color: var(--system_primery_color)!important;
}

/* line 1941, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-item-content strong {
    font-size: 32px;
    line-height: calc(40px / 32px);
    color: var(--system_primery_color)!important;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1941, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-item-content strong {
        font-size: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1941, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-item-content strong {
        font-size: 26px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1941, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-item-content strong {
        font-size: 24px;
    }
}

/* line 1945, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-item-content .theme-btn {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    --btn-padding-y: 8px;
    --btn-padding-x: 10px;
}

/* line 1951, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-item-content .theme-btn i {
    margin-right: 6px;
}

/* line 1958, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details {
    padding: 37px;
    border-radius: 10px;
    margin-bottom: 60px;
    border: 1px solid rgba(63, 70, 84, 0.2);

}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1958, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details {
        padding: 30px;
        padding-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 1958, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details {
        padding: 26px;
        padding-bottom: 36px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1958, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details {
        padding: 16px;
        padding-bottom: 25px;
        border-radius: 22px;
    }
}

/* line 1976, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-preview {
    width: 100%;
    padding-bottom: 77%;
    border: 1px solid #f5e6e8;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    /*margin-bottom: 20px;*/
}
.mt-20{
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    /* line 1976, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-preview {
        border-radius: 20px;
        margin-bottom: 14px;
    }
}

/* line 1993, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-nav {
    --sp: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: calc(var(--sp) * -1);
    margin-right: calc(var(--sp) * -1);
    padding: 0 30px;
    overflow: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 1993, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-nav {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 1993, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-nav {
        padding: 0px 10px;
        --sp: 4px;
    }
}

/* line 2007, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-nav-list {
    display: block;
    flex: 0 0 auto;
    width: calc(100% / 12 * 3);
    padding-left: var(--sp);
    padding-right: var(--sp);
}

/* line 2013, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-nav-list span {
    overflow: hidden;
    border-radius: 4px;
    display: block;
    position: relative;
    z-index: 1;
    border: 1px solid #f5e6e8;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2013, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-nav-list span {
        border-radius: 10px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2013, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-nav-list span {
        border-radius: 10px;
    }
}

/* line 2029, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-nav-list.zoomGalleryActive span::before {
    content: "";
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
}

/* line 2040, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-content {
    padding: 10px 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2040, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content {
        padding: 10px 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2040, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content {
        margin-top: 50px;
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2040, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content {
        padding: 0 10px;
        margin-top: 30px;
    }
}

/* line 2053, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-content h4 {
    font-size: 36px;
    line-height: calc(55px / 36px);
    line-height: 1.2;
    color: #3a3636;
    margin-bottom: 12px;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 2053, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content h4 {
        font-size: 32px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2053, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content h4 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2053, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content h4 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2053, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content h4 {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 2053, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content h4 {
        margin-bottom: 8px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2053, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content h4 {
        font-size: 32px;
    }
}

/* line 2065, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-content .price {
    margin-bottom: 18px;
    font-family: "Signika", sans-serif;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 2065, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .price {
        margin-bottom: 8px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2065, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .price {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2065, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .price {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2065, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .price {
        margin-bottom: 8px;
    }
}

/* line 2080, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-content .price del {
    opacity: 0.4;
    font-size: 24px;
    line-height: 1.5;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2080, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .price del {
        font-size: 22px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 2080, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .price del {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2080, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .price del {
        display: inline-block !important;
        margin-right: 10px;
    }
}

/* line 2088, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-content .price strong {
    font-size: 48px;
    line-height: calc(60px / 48px);
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 2088, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .price strong {
        font-size: 42px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2088, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .price strong {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2088, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .price strong {
        font-size: 32px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2088, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .price strong {
        font-size: 28px;
    }
}

/* line 2092, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-content p {
    margin-bottom: 40px;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 2092, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content p {
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2092, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content p {
        margin-bottom: 24px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2092, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content p {
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2092, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content p {
        margin-bottom: 20px;
        font-size: 14px;
    }
}

/* line 2108, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-content .product-count {
    margin-bottom: 30px;
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 2108, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .product-count {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2108, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .product-count {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2108, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .product-count {
        margin-bottom: 20px;
    }
}

/* line 2120, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-content .theme-btn {
    --btn-padding-x: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2120, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .theme-btn {
        --btn-padding-x: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2120, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .theme-btn {
        --btn-padding-x: 30px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2120, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .theme-btn {
        --btn-padding-x: 24px;
    }
}

/* line 2131, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-content .theme-btn:not(:last-child) {
    margin-right: 10px;
}

@media only screen and (max-width: 767px) {
    /* line 2134, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-content .theme-btn svg {
        width: 24px;
        height: 24px;
    }
}

/* line 2142, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-rating {
    margin-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2142, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-rating {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2142, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-rating {
        margin-bottom: 10px;
    }
}

/* line 2150, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-rating > div {
    padding: 2px 16px;
    min-width: 115px;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2150, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-rating > div {
        font-size: 14px;
        padding: 2px 16px;
        min-width: 95px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2150, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-rating > div {
        font-size: 12px;
        padding: 2px 10px;
        min-width: 85px;
        min-height: 28px;
    }
}

/* line 2167, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-rating > div:not(:last-child) {
    margin-right: 10px;
}

@media only screen and (max-width: 767px) {
    /* line 2171, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-details-rating .star {
        font-size: 10px !important;
    }
}

/* line 2176, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-details-rating .star i:not(:last-child) {
    margin-right: 8px;
}

/* line 2183, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-info {
    margin-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2183, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2183, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info {
        margin-bottom: 30px;
    }
}

/* line 2191, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-info .nav {
    --padding: 46px;
    padding-left: var(--padding);
    padding-right: var(--padding);
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2191, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info .nav {
        --padding: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2191, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info .nav {
        --padding: 26px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2191, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info .nav {
        --padding: 20px;
    }
}

/* line 2204, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-info .nav-link {
    font-size: 14px;
    line-height: calc(22px / 14px);
    --padding: 12px;
    padding-top: var(--padding);
    padding-bottom: var(--padding);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2204, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info .nav-link {
        --padding: 10px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2204, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info .nav-link {
        --padding: 7px;
    }
}

/* line 2219, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-info .tab-content {
    --padding: 68px;
    padding-left: var(--padding) !important;
    padding-right: var(--padding) !important;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2219, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info .tab-content {
        --padding: 58px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2219, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info .tab-content {
        --padding: 46px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2219, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info .tab-content {
        --padding: 30px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 2234, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info-card {
        width: 100% !important;
    }
}

/* line 2238, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-info-card:not(:last-child) {
    margin-bottom: 55px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2238, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info-card:not(:last-child) {
        margin-bottom: 35px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2238, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info-card:not(:last-child) {
        margin-bottom: 30px;
    }
}

/* line 2247, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-info-card.course-rating {
    width: 67%;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2247, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info-card.course-rating {
        width: 76%;
    }
}

@media only screen and (max-width: 991px) {
    /* line 2247, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info-card.course-rating {
        width: 100%;
    }
}

/* line 2255, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-info-card.course-rating h3 {
    margin-bottom: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2255, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info-card.course-rating h3 {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2255, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info-card.course-rating h3 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    /* line 2255, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info-card.course-rating h3 {
        margin-bottom: 24px;
    }
}

/* line 2269, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-info-card.course-rating .course-rating-count p {
    font-size: 24px;
    line-height: 1.5;
    color: #9f8ea9;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2269, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info-card.course-rating .course-rating-count p {
        font-size: 22px;
    }
}

@media only screen and (max-width: 991px) {
    /* line 2269, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info-card.course-rating .course-rating-count p {
        font-size: 20px;
    }
}

/* line 2275, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop-info-card.course-rating .course-rating-count .star i:not(:last-child) {
    margin-right: 6px;
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 2282, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info-card.course-rating .right {
        padding-left: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2282, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info-card.course-rating .right {
        padding-left: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2289, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info-card.course-rating .right .progress {
        width: calc(100% / 12 * 6);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 2294, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
    .shop-info-card.course-rating .right .star {
        width: calc(100% / 12 * 6);
    }
}

/* line 2303, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop .view-option {
    gap: 0.5rem;
}

/* line 2306, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.shop .column-gap {
    column-gap: 50px;
}

/* line 2312, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

/* line 2319, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.backdrop.fade {
    opacity: 0;
    visibility: hidden;
}

/* line 2323, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
.backdrop.show {
    opacity: 0.5;
    visibility: visible;
    z-index: 98;
}

/* line 2330, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop.scss */
#show-side-filter {
    border-radius: 37px;
}

/* shop end */
/*----------------------------------------------------*/

/* start shop details */
.shop del {
    color: #8d8989;
}

/* line 26, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.bg-heading {
    background-color: #fff !important;
}
/* line 29, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.bg-btn-secondary {
    background-color: #232e42 !important;
}
/* line 35, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.-mt-55 {
    margin-top: -55px;
}
/* line 38, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.-mt-45 {
    margin-top: -45px;
}
/* line 41, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.-mt-30 {
    margin-top: -30px;
}
/* line 44, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.-mt-24 {
    margin-top: -24px;
}
/* line 49, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.nav {
    --bs-nav-pills-border-radius: 100px;
    --bs-nav-link-padding-y: 9px;
}
@media only screen and (max-width: 767px) {
    /* line 49, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .nav {
        --bs-nav-link-padding-x: 12px;
        --bs-nav-link-padding-y: 7px;
    }
}
@media only screen and (max-width: 479px) {
    /* line 49, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .nav {
        --bs-nav-link-padding-x: 10px;
        --bs-nav-link-padding-y: 6px;
    }
}
/* line 60, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.nav-pills {
    background-color: var(--system_primery_color);
    border-radius: var(--bs-nav-pills-border-radius);
    padding: 3px;
}
/* line 65, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.nav-link {
    font-size: 20px;
    line-height: calc(30px / 20px);
    line-height: 1.4;
    color: #ffffff !important;
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 65, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .nav-link {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    /* line 65, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .nav-link {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    /* line 65, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .nav-link {
        font-size: 16px;
    }
}
@media only screen and (max-width: 479px) {
    /* line 65, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .nav-link {
        font-size: 14px;
    }
}
/* line 75, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.nav-link.active {
    background-color: #c639c0 !important;
}
/* line 81, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.currentColor {
    color: currentColor !important;
}
/* line 86, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.opacity-30 {
    opacity: 0.3 !important;
}
/* line 93, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.fs-14 {
    font-size: 14px !important;
}
/* line 96, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.fs-12 {
    font-size: 12px !important;
}
/* line 99, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.fs-9 {
    font-size: 9px !important;
}
/* line 105, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.fw-500 {
    font-weight: 500 !important;
}
/* line 117, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.text-secondary {
    color: green !important;
    color: #f5c124 !important;
}
/* line 121, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.text-ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* line 128, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.left-0 {
    left: 0 !important;
}
/* line 134, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.progress {
    background-color: rgba(230, 54, 94, 0.1);
    border: 1px solid rgba(230, 54, 94, 0.3);
    border-radius: 100px;
}
/* line 138, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.progress-bar {
    margin: 3px;
    border-radius: 100px;
    background-color: var(--system_primery_color)!important;
}
/* line 147, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.accordion-item {
    border-radius: 18px !important;
    overflow: hidden;
    border: none;
}
@media only screen and (max-width: 767px) {
    /* line 147, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion-item {
        border-radius: 12px !important;
    }
}
/* line 154, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.accordion-item:not(:last-child) {
    margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 154, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion-item:not(:last-child) {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    /* line 154, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion-item:not(:last-child) {
        margin-bottom: 15px;
    }
}
/* line 164, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.accordion-button {
    background-color: var(--system_primery_color)!important;
    color: #ffffff !important;
    border-radius: 0;
    padding: 17px 24px;
    padding-right: 46px;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 164, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion-button {
        font-size: 22px;
    }
}
@media only screen and (max-width: 991px) {
    /* line 164, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion-button {
        font-size: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 164, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion-button {
        padding-top: 14px;
        padding-bottom: 14px;
    }
}
@media only screen and (max-width: 767px) {
    /* line 164, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion-button {
        font-size: 18px;
        padding: 10px 16px;
        padding-right: 40px;
    }
}
/* line 181, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.accordion-button::after {
    content: "\f107";
    color: #ffffff;
    font-family: "Font Awesome 5 Free";
    font-weight: 500;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%) scaleY(1) !important;
    background: none !important;
    width: auto;
    height: auto;
    margin: 0;
    font-size: 18px;
}
@media only screen and (max-width: 767px) {
    /* line 181, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion-button::after {
        right: 16px;
        font-size: 16px;
    }
}
/* line 201, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.accordion-button[aria-expanded="true"]::after {
    content: "\f106";
}
/* line 206, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.accordion-body {
    padding: 36px 43px 34px 24px;
    color: #9f8ea9;
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 206, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion-body {
        padding: 26px 43px 24px 24px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 206, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion-body {
        padding: 20px 30px 20px 20px;
    }
}
@media only screen and (max-width: 767px) {
    /* line 206, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion-body {
        padding: 20px;
    }
}
@media only screen and (max-width: 479px) {
    /* line 206, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion-body {
        padding: 16px;
    }
}
@media only screen and (max-width: 767px) {
    /* line 206, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion-body {
        font-size: 14px;
        line-height: 26px;
    }
}
/* line 229, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.accordion.v2 .accordion-item:not(:last-child) {
    margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
    /* line 229, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion.v2 .accordion-item:not(:last-child) {
        margin-bottom: 10px;
    }
}
/* line 236, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.accordion.v2 .accordion-button {
    background-color: #ffffff !important;
    color: #3a3636 !important;
    font-size: 20px;
    line-height: calc(30px / 20px);
    padding: 20px 34px;
    padding-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 236, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion.v2 .accordion-button {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    /* line 236, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion.v2 .accordion-button {
        font-size: 18px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 236, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion.v2 .accordion-button {
        padding: 16px 24px;
        padding-right: 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 236, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion.v2 .accordion-button {
        padding: 16px 24px;
        padding-right: 40px;
    }
}
@media only screen and (max-width: 767px) {
    /* line 236, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion.v2 .accordion-button {
        padding: 14px 20px;
        padding-right: 30px;
    }
}
/* line 254, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.accordion.v2 .accordion-button::after {
    color: var(--system_primery_color)!important;
    font-size: 20px;
}
/* line 259, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.accordion.v2 .accordion-body {
    padding-top: 0;
    padding-left: 34px;
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 259, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion.v2 .accordion-body {
        padding-left: 24px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 259, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion.v2 .accordion-body {
        padding-left: 24px;
    }
}
/* line 42, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
@media only screen and (max-width: 767px) {
    /* line 259, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .accordion.v2 .accordion-body {
        padding-left: 20px;
    }
}
/* line 278, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.modal-backdrop {
    --bs-backdrop-opacity: 0.8;
    backdrop-filter: blur(5px);
}
/* line 287, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.owl-item img {
    width: auto !important;
}
/* line 291, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.owl-dots {
    width: max-content;
    margin: auto;
    display: inline-block;
    margin-top: 1.5rem;
    background-color: var(--system_primery_color)!important;
    padding: 5px;
    border-radius: 100px;
    line-height: 0;
    height: 24px;
}
/* line 302, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.owl-dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 0.5rem;
    border-radius: 100px;
    background-color: #f7efff !important;
    border: 1px solid #ffffff !important;
}
/* line 310, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.owl-dot.active {
    height: 14px;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
/* line 316, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.owl-nav {
    --btn-width: 70px;
    --btn-position: -126px;
}
@media only screen and (min-width: 1440px) and (max-width: 1580px) {
    /* line 316, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .owl-nav {
        --btn-position: -46px;
    }
}
@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 316, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .owl-nav {
        --btn-width: 60px;
        --btn-position: -26px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 316, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .owl-nav {
        --btn-width: 50px;
        --btn-position: -20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 316, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .owl-nav {
        --btn-width: 50px;
        --btn-position: -30px;
    }
}
@media only screen and (max-width: 767px) {
    /* line 316, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .owl-nav {
        --btn-width: 44px;
        --btn-position: -10px;
    }
}
/* line 338, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.owl-nav button {
    width: var(--btn-width);
    height: var(--btn-width);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: var(--btn-position);
    border-radius: 100%;
    background-color: #f7efff !important;
    color: var(--system_primery_color)!important;
}
/* line 350, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.owl-nav button:hover {
    background-color: var(--system_primery_color)!important;
    color: #ffffff !important;
}
/* line 354, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.owl-nav button:last-child {
    left: auto;
    right: var(--btn-position);
}
/* line 358, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.owl-nav button.disabled {
    background-color: #f7efff !important;
    color: #9f8ea9 !important;
    cursor: not-allowed !important;
}
@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* line 363, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .owl-nav button svg {
        width: 20px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 363, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .owl-nav button svg {
        width: 18px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 363, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .owl-nav button svg {
        width: 18px;
    }
}
@media only screen and (max-width: 767px) {
    /* line 363, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .owl-nav button svg {
        width: 16px;
    }
}
/* line 383, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */

/* line 244, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_mixins.scss */
.table-responsive::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
/* line 248, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_mixins.scss */
.table-responsive::-webkit-scrollbar-track {
    background: rgba(230, 54, 94, 0.2);
    border-radius: 100px;
}
/* line 252, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_mixins.scss */
.table-responsive::-webkit-scrollbar-thumb {
    background: var(--system_primery_color)!important;
    border-radius: 100px;
    width: calc($inset * 2);
    height: calc($inset * 2);
}
/* line 461, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.table tr th,
.table tr td {
    padding: 10px;
}
/* line 465, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.table tr th {
    font-weight: 500;
    color: #3a3636;
}
/* line 469, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.table tr td {
    color: #9f8ea9;
}
/* line 471, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.table tr td .theme-btn {
    font-size: 14px;
    --btn-padding-y: 5px;
    --btn-padding-x: 12px;
    font-weight: 500;
}
/* line 482, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.ZoomContainer {
    z-index: 8 !important;
}
/* line 484, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.ZoomContainer .zoomLens {
    width: 100px !important;
    height: 100px !important;
    border-color: var(--system_primery_color)!important;
    z-index: 8 !important;
}
/* line 490, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.ZoomContainer .zoomWindow {
    width: 100% !important;
    height: 100% !important;
    z-index: 8 !important;
    left: 100% !important;
    border: 1px solid var(--system_primery_color)!important;
    background-size: contain !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 490, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .ZoomContainer .zoomWindow {
        right: 0% !important;
        left: 0% !important;
    }
}
@media only screen and (max-width: 767px) {
    /* line 490, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .ZoomContainer .zoomWindow {
        right: 0% !important;
        left: 0% !important;
    }
}
/* line 508, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.zoomWrapper {
    width: 100% !important;
    height: 100% !important;
}
/* line 515, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.nice-number {
    border-radius: 100px;
    background-color: rgba(230, 54, 94, 0.1);
    padding: 0px 10px;
}
/* line 519, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.nice-number > * {
    background-color: transparent !important;
    border: none;
}
/* line 523, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.nice-number input {
    min-width: 44px;
    color: #3a3636;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 523, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .nice-number input {
        font-size: 22px;
    }
}
@media only screen and (max-width: 991px) {
    /* line 523, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .nice-number input {
        font-size: 20px;
    }
}
@media only screen and (max-width: 767px) {
    /* line 523, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .nice-number input {
        font-size: 18px;
    }
}
/* line 532, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.nice-number button {
    padding: 13px 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--system_primery_color)!important;
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
    /* line 532, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .nice-number button {
        padding: 10px 0px;
    }
}
@media only screen and (max-width: 767px) {
    /* line 532, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .nice-number button {
        padding: 8px 0px;
    }
}
/* line 543, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.nice-number button:first-child {
    padding-left: 20px;
}
@media only screen and (max-width: 767px) {
    /* line 543, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .nice-number button:first-child {
        padding-left: 12px;
    }
}
/* line 549, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
.nice-number button:last-child {
    padding-right: 20px;
}
@media only screen and (max-width: 767px) {
    /* line 549, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_config.scss */
    .nice-number button:last-child {
        padding-right: 12px;
    }
}

/* line 1, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop_details.scss */
.shop_details {
    position: relative;
    background: #ffffff;
}
/* line 4, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop_details.scss */
.shop_details .nav-pills {
    padding-top: 0;
    padding-bottom: 0;
}
/* line 7, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop_details.scss */
.shop_details .nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 0;
    min-height: 50px;

}
/* line 13, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop_details.scss */
.shop_details .product-short-info {
    color: #8d8989;
}
/* line 16, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop_details.scss */
.shop_details .shop-details-preview {
    padding-bottom: 0px;
}
/* line 19, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop_details.scss */
.shop_details .read-some-pages-button {
    position: absolute;
    bottom: 35px;
    left: 35px;
    border: none;
    border-radius: 60px;
    padding: 20px 40px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: #232e42;
}
@media only screen and (max-width: 767px) {
    /* line 19, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop_details.scss */
    .shop_details .read-some-pages-button {
        font-size: 15px;
        padding: 15px 30px;
        bottom: 20px;
        left: 20px;
    }
}
@media only screen and (max-width: 479px) {
    /* line 19, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop_details.scss */
    .shop_details .read-some-pages-button {
        font-size: 12px;
        padding: 10px 25px;
        bottom: 15px;
        left: 15px;
    }
}
.text-orange {
    color: #feb74c !important;
}

.shop_details .shop-details-nav a img {
    max-width: 100%;
    min-height: 88px;
    max-height: 88px;
    object-fit: cover;

}
/* line 8, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_shop_details.scss */
.shop_details .shop-details-preview img {
    max-width: 100%;
    min-height: 440px;
    max-height: 440px;
}

.shop-details-nav::-webkit-scrollbar {
    width: 3px;
    height: 6px;
}

/* line 248, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_mixins.scss */
.shop-details-nav::-webkit-scrollbar-track {
    background: rgba(230, 54, 94, 0.2);
    border-radius: 100px;
}

/* line 252, ../../../../../../../../../../../../../Applications/MAMP/htdocs/lim10_lms/scss/_mixins.scss */
.shop-details-nav::-webkit-scrollbar-thumb {
    background: var(--system_primery_color)!important;
    border-radius: 100px;
    width: calc($inset * 2);
    height: calc($inset * 2);
}

.shop-item-content del{
    min-height: 24px;
}

/* end shop details */
.shop_details .shop-details-preview img {
    max-width: 100%;
    min-height: auto;
    max-height: inherit;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
}


.shop-item-img img{
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
}
.shop-details-nav-list img {
    object-fit: contain!important;
}
.shop-item-img {
    border: 1px solid #F5E6E8;
}
.shop del {
    color: #8d8989;
    opacity: 0.4;
}

.cute_scroll::-webkit-scrollbar
{
    width: 10px;
    background-color: #f8bbd0  ;

}

.cute_scroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px #f06292 ;
    border-radius: 10px;
    background-color: rgba(230, 54, 94, 0.2)  ;
    border-left: 1.8px solid white;
    border-right: 1.8px solid white;


}

.cute_scroll::-webkit-scrollbar-thumb
{
    border-radius: 40px;
    -webkit-box-shadow: inset 0 0 px #ad1457 ;
    background-color: #e91e63   ;

}

.mb-30{
    margin-bottom: 30px;
}

.shop_details{
    padding-top: 60px;
}

.product-count button {
    display: flex;
    align-items: center;
    height: 65px;
}

.nav-pills.store_view {
    background: transparent;

}
.nav-pills.store_view .nav-item .nav-link{
    background: var(--system_primery_color_60)!important;
    width: 38px;
    height: 38px;
    padding: 2px;
    border-radius: 10px;
    margin: 0;
}

.nav-pills.store_view .nav-item .nav-link.active{
    background: var(--system_primery_color)!important;
}

/* List view shop item */

.shop-item.list_view{

}
.shop-item.list_view .shop-item-rating{
    bottom: -12px;
    top: auto;
}
.shop-item.list_view .thumbnail{
    width: 150px;
    height: 120px;
    min-width: 150px;
    object-fit: cover;
    object-position: center;
}

.shop-item.list_view .shop-item-img{
    margin-bottom: 0;
}

.shop-item-content h4{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.h-fit{
    height: fit-content;
}

.course-filter-item ul::-webkit-scrollbar
{
    width: 6px;
    background-color: #f8bbd0  ;

}

.course-filter-item ul::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px #f06292 ;
    border-radius: 10px;
    background-color: #f8bbd0  ;
    border-left: 3px solid white;
    border-right: 3px solid white;

}

.course-filter-item ul::-webkit-scrollbar-thumb
{
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 px #ad1457 ;
    background-color: var(--system_primery_color)!important   ;

}
.shop-item.list_view .shop-item-content h4 {
    margin-bottom: 10px;
}