body {
  --text-color: var(--black);
  --bkg-color: var(--white);
}
body.dark-theme {
  --text-color: #eee;
  --bkg-color: var(--black);
}

@media (prefers-color-scheme: dark) {
  /* defaults to dark theme */
  body {
    --text-color: var(--white);
    --bkg-color: var(--black);
  }
  body.light-theme {
    --text-color: var(--black);
    --bkg-color: var(--white);
  }
}
.lang_float_btn {display: none; position: fixed; bottom: 20px; z-index: 99999; right: 20px; padding: 0px; background: var(--white); opacity: 1; transition: all 0.4s; -webkit-box-shadow: 1px 1px 8px rgb(0 0 0 / 50%); box-shadow: 1px 1px 8px rgb(0 0 0 / 50%);}
.lang_float_btn ul.lang-block.dropdown-menu.show {padding: 0; min-width: 90px;}
.lang_float_btn div.mod-languages ul.lang-block li{padding: 0; margin: 0;}
.lang_float_btn div.mod-languages a{display: block; padding: 0.6rem 1rem;}
.grid-child-lang .mod-languages {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.grid-child-lang .mod-languages .btn-group{width: 100%; height: 100%;}
.grid-child-lang .mod-languages .btn-group .btn {padding: 0; font-size: 16px; width: 100%; height: 100%;}
.grid-child-lang div.mod-languages .dropdown-menu{padding: 0; border-color: var(--gray-50);}
.grid-child-lang div.mod-languages ul li.lang-active{background-color: var(--primary-20);}
.grid-child-lang div.mod-languages ul.lang-block li{padding: 0; margin: 0;}
.grid-child-lang div.mod-languages a{display: block; padding: 0.5rem; border-bottom: 1px solid var(--gray-50);}
.grid-child-lang div.mod-languages li:last-child a {border-bottom: 0;}

.grid-child-row-02 {border-left: 1px solid var(--border-color); height: 80px; display: flex; align-items: center; justify-content:  center; padding-right: 1rem;}
.grid-child-logo {display: flex; align-items: center; justify-content: center;}
.brand-logo img {width: 100px; /*height: 53px;*/}
.grid-child-row {display: grid; grid-template-columns: repeat(4, 1fr);}
.box-grid-chat {width: 100%; height: 80px; display: flex; align-items: center; border-left: 1px solid var(--border-color); justify-content: center;}
.box-grid-chat.grid-child-cart {border-right: 0;}

.grid-child-row.search_enable{grid-template-columns: repeat(1, 1fr); background: var(--primary-20);}
.container-header .cart_custom_module .btn_toggle_cart{position: relative; border: 0;}
.btn_toggle_user,
.btn_toggle_search {border: 0;}
.container-header .cart_custom_module .total_items_cart {display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: var(--secondary); color: var(--white); position: absolute; top: 8px; right: 8px; font-size: 12px; font-family: var(--font_IBMPlex_s);}
/* .count_quantity {font-family: var(--font_IBMPlex_s); width: 24px; height: 24px; display: inline-flex; background: var(--black); color: var(--white); align-items: center; justify-content: center; font-size: 12px;} */
.count_quantity {font-family: var(--font_IBMPlex_b)}
ul.list_cart {position: absolute; top: calc(100%); right: 0px; max-width: 200px; min-width: 200px; width: 100%; margin: 0; padding: 0rem; list-style: none; background: var(--white); border: 1px solid var(--border-color);}
ul.list_cart .list_cart_item{border-bottom: 1px solid var(--border-color); padding: 15px 15px 15px 15px;}
ul.list_cart .list_cart_item:last-child{border-bottom: 0;}

ul.list_user {position: absolute; top: calc(100%); right: 130px; max-width: 300px; min-width: 200px; width: 100%; margin: 0; padding: 0rem; list-style: none; background: var(--white); border: 1px solid var(--border-color);}
/* ul.list_user .list_user_item{border-bottom: 1px solid var(--border-color); padding: 15px 15px 15px 15px;}
ul.list_user .list_user_item:last-child{border-bottom: 0;} */

.list_user .user_name {font-size: 20px; font-family: var(--font_IBMPlex_b); margin-bottom: 4px;}
.list_user .user_menu_item a {font-size: 14px; font-family: var(--font_IBMPlex_b); display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; padding: 0.5rem 1rem;}

div#search-mode {display: grid; grid-template-columns: auto 0.5fr 0.5fr .5fr; padding: 1.5rem 1.8rem;}
div#search-mode button.close_btn {position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 0; background: var(--gray-800); color: var(--white); border-radius: 0px; padding: 2px;}


.homepage div#sp-page-builder {direction: ltr;}
.course_owl_slider .owl-carousel.owl-drag .owl-item {border-right: 1px solid var(--border-color); }

.course_item {position: relative;}
.course_item:after {position: absolute; content: ""; display: block; width: 100%; height: 100%; background: rgb(0 0 0 / 20%); z-index: 0; top: 0;}
.course_item .course_item_desc {position: relative; z-index: 1; width: 100%; display: flex; padding: 1rem; color: var(--white); aspect-ratio: 1 / 1; align-items: flex-start; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48.5%, rgba(0, 0, 0, 0.63) 65.5%);}
.course_item .course_item_desc .lms-person-title{color: var(--white);}
.course_item .course_item_desc .teacher_name {color: var(--white); font-size: 18px; font-family: var(--font_IBMPlex_s); margin-bottom: 1rem;}
.course_item .course_item_desc .teacher_job_title{font-size: 16px; font-family: var(--font_IBMPlex_m); color: var(--primary); margin-bottom: 0;}
.course_item .icon_wrap {display: flex; align-items: center; justify-content: space-between; flex-direction: row; width: 100%; margin-top: 1.5rem; color: var(--primary);}
.course_owl_slider .owl-carousel.owl-drag .owl-item .course_item .icon_wrap {direction: rtl;}
.course_item .level-icon {display: flex; align-items: baseline; flex-direction: row; gap: 0.5rem;}
.course_item .duration-icon {display: flex; align-items: center; flex-direction: row; gap: 0.5rem;}
.course_item .course_price {position: absolute; top: 15px; left: 15px; font-size: 20px; line-height: 34px; color: var(--primary); font-family: var(--font_IBMPlex_b);}
.course_item .course_item_desc .course_title {color: var(--white); font-size: 20px; font-family: var(--font_IBMPlex_b); line-height: 50px;}
/* HOME PAGE CSS START */
body.site {padding: 0 0.1rem;}
.priority_vlogs {position: relative;}
.priority_vlogs .sppb-column-addons{position: unset;}
.priority_vlogs .priority_vlogs_btn {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* .homepage .container{width: 100%; max-width: 100%; margin: 0; padding:0;}
.homepage .container-header + .row-fluid {margin: 0;}
.container-header + .row-fluid {margin-top: 100px; margin-bottom: 50px;} */

.Home_top_section .home_top_right_cols {border-bottom: 1px solid  var(--border-color);}
.service_blog_section .sppb-row-column {border-left: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);}

.artistic_section .sppb-row-column {border-right: 1px solid var(--border-color);}
.artistic_section .sppb-row-column:last-child{border-right: 0;}
.service_section .sppb-row-column {border-right: 1px solid var(--border-color);}
.service_section .sppb-row-column:last-child {border-right: 0;}

ul.mm-collapse.mm-show {background: var(--white); border: 1px solid var(--border-color); box-shadow: none;}
.metismenu .mm-collapse .metismenu-item {border-bottom: 1px solid var(--border-color); padding: 15px 15px 15px 15px;}
.metismenu .mm-collapse .metismenu-item:last-child{border-bottom: 0;}

/* .com-users-login.login {padding: 4rem; margin-bottom: 0px; border-radius: 24px; background: #AB954033; position: relative; max-width: 956px; margin: 0 auto;} */

/* HIKASHOP CSS START FROM HERE */
.btn-show-center {margin: 1rem 0; display: block; text-align: center;}
.hikashop_filter_fieldset_mobile h3 {padding: 10px 30px; border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color); margin: 0;}
.hikashop_filter_collapsable_title_always + .hikashop_filter_main_div, .hikashop_filter_collapsable_title_mobile + .hikashop_filter_main_div{margin: 0; padding: 0; border: 0; border-radius: 0;}
/* .filter_wrapper {display: grid; grid-template-columns: repeat(4, 1fr); gap: 0rem; border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color);} */
/* .filter_wrapper .hikashop_filter_main_search_1,
.filter_wrapper .hikashop_filter_main_Category_2, */
.filter_wrapper .hikashop_filter_main .hikashop_filter_title {display: none;}

.hikashop_filter_fieldset_mobile .subcategory_list {display: flex; align-items: center; gap: 1.5rem; margin: 0;}
.hikashop_filter_fieldset_mobile .subcategory_list .subcate_list_item a{font-size: 20px;}
.hikashop_filter_fieldset_mobile .subcategory_list .subcate_list_item a:hover,
.hikashop_filter_fieldset_mobile .subcategory_list .subcate_list_item a:focus{font-family: var(--font_IBMPlex_s);}
.drop_filter_dropdown {position: relative;}
.filter_values_container{position: relative;}
.category_search_filter .filter_values_container:before {content: ""; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; position: absolute; right: 20px; top: 50%; transform: translate(0%, -50%); background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3327 21.9974C13.6993 21.9969 15.9978 21.2046 17.862 19.7467L23.7233 25.6081L25.6087 23.7227L19.7473 17.8614C21.206 15.9969 21.9988 13.698 21.9993 11.3307C21.9993 5.4494 17.214 0.664062 11.3327 0.664062C5.45135 0.664062 0.666016 5.4494 0.666016 11.3307C0.666016 17.2121 5.45135 21.9974 11.3327 21.9974ZM11.3327 3.33073C15.7447 3.33073 19.3327 6.91873 19.3327 11.3307C19.3327 15.7427 15.7447 19.3307 11.3327 19.3307C6.92068 19.3307 3.33268 15.7427 3.33268 11.3307C3.33268 6.91873 6.92068 3.33073 11.3327 3.33073Z" fill="%23999999"/></svg>');}
.category_search_filter .filter_values_container .form-control {border: 0; height: 100%; box-sizing: border-box; padding: 20px 50px 20px 20px; font-size: 18px;}
.category_search_filter .hikashop_filter_title {display: none;}
.cst_category_filter_section .filter_drop {display: flex; align-items: center; justify-content: center; gap: 0.6rem; font-size: 18px; font-family: var(--font_IBMPlex_s); cursor: pointer;}
.cst_category_filter_section .filter_drop.active .arrow svg {transform: rotate(180deg);}

.filter_wrapper .hikashop_filter_main {border-bottom: 1px solid var(--border-color); min-height: auto !important; width: 100% !important; float: none !important; padding: 10px 30px;}
.filter_wrapper .hikashop_filter_main br {display: none;}
.filter_values_container .hkform-control, .filter_values_container .hkform-select, .filter_values_container .form-control, .filter_values_container .form-select{max-width: 100%;}
.filter_wrapper .hikashop_filter_main select {font-size: 18px; font-family: IBMPlex-Medium; line-height: 27px;border: 1px solid var(--border-color); width: 100%; background-color: transparent; padding-top: 0; padding-bottom: 0; margin: 0 auto; text-align: center;}
.hikashop_product_name {font-family:var(--font_IBMPlex_s); font-size: 20px; line-height: 27px;}
.hikashop_product_price_full .hikashop_product_price {font-family: var(--font_IBMPlex_b); font-size: 16px; line-height: 24px; color: var(--black);}

.drop_filter_dropdown .hikashop_filter_checkbox input {visibility: hidden; font-size: 0; margin: 0; padding: 0; width: 0; height: 0;}
.drop_filter_dropdown .hikashop_filter_checkbox input:checked+label {border: 1px solid #999;}

#hikashop_category_information_module_ .hikashop_product_image {height: auto !important;}
#hikashop_category_information_module_ .hikashop_product_image_subdiv{width: auto !important;}
#hikashop_category_information_module_ div.hikashop_subcontainer {min-height: auto !important;}

.filter_wrapper.cst_main_filter_sec {position: absolute; top: 101%; width: 100%; left: 0; z-index: 1111; background: var(--gray-100);  box-shadow: 0.5px 0.5px 1rem rgb(0 0 0 / 50%);}
.drop_filter_dropdown .hikashop_filter_checkbox label {padding: 4px;}
.drop_filter_dropdown .filter_wrapper .hikashop_filter_main .hikashop_filter_title{display: inline-flex; font-family: var(--font_IBMPlex_s); font-size: 14px;}
.drop_filter_dropdown .filter_wrapper .hikashop_filter_main:last-child {border: 0;}
/* HIKASHOP CSS CLOSE FROM HERE */

/* EVENT CSS START FROM HERE */
.event_heading_wrap .event_listing_desc {font-size: 20px;}
#eb-events .col-sm-4 {margin: 0; padding: 0;}
#eb-events .col-sm-4 .eb-event-wrapper .custom_event_link {display: block;border-bottom: 1px solid var(--border-color);}
#eb-events .col-sm-4 .custom_event_link .eb-thumb-lefts{width: 100%;}
#eb-events .col-sm-4 .event_desc {padding: 12px 20px;}
#eb-events .col-sm-4 .event_desc .eb-event-title {font-size: 20px; line-height: 27px; font-family: var(--font_IBMPlex_b); display: block; margin-bottom: 1rem;}
.event_desc .eb-event-date-times {font-size: 16px; line-height: 21px; font-family: var(--font_IBMPlex_m); margin-bottom: 1rem; display: flex; align-items: center; gap: 1rem;}
.eb-event-box .eb-event-location {font-size: 16px; line-height: 21px; font-family: var(--font_IBMPlex_m); margin-bottom: 1rem; font-weight: unset; display: flex; align-items: center; gap: 1rem;}
.eb-event-box .eb-event-price{padding: 0; font-size: 16px; line-height: 21px; font-family: var(--font_IBMPlex_m); margin-bottom: 1rem; font-weight: unset; display: flex; align-items: center; gap: 1rem;}
.eb-event-box .eb-event-location-price{padding: 0;}
/* EVENT CSS CLOSE FROM HERE */

/* EVENT DETAIL CSS START FROM HERE */
#eb-event-details{padding: 0;}
.event_d_row .event_d_col {position: relative;}
.event_d_bg_blog {width: 100%; height: 400px;}
.event_d_bg_blog .eb-box-headings {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1rem; width: 100%; height: 100%; padding: 72px; background: rgb(0 0 0 / 20%);}
.event_d_bg_blog .eb-box-headings .event-title {font-size: 24px; font-weight: 600; line-height: 36px; color: var(--white);}
.event_d_col_info .event_list_item {display: flex; gap: 0.5rem; margin-bottom: 1rem; font-family: var(--font_IBMPlex_m); font-size: 18px; font-weight: 500; line-height: 27px;}
.event_button_title {font-family: var(--font_IBMPlex_s); font-size: 16px; }
.eb-social-sharing-buttons {display: flex; margin: 0; gap: 1rem; width: 100%;}
.eb-social-sharing-buttons .btn{margin: 0px 0px 0px 0; padding: 2px; display: flex; align-items: center; justify-content: center; color:var(--primary);}

.tingle-modal{background: rgb(0 0 0 / 70%); backdrop-filter: none; -webkit-backdrop-filter: none;}
.tingle-modal-box__content {padding: 1rem 1rem;}

.eb-register-buttons-bottom {display: flex; align-items: center; justify-content: flex-start; gap: 1rem; margin: 1.5rem 0;}
.eb-register-buttons-bottom li {float: none; padding: 0; margin: 0;}
.eb-description-details {font-size: 18px; overflow-wrap: break-word;} 
.eb-sponsor-container .eb-sponsor-logo {display: flex; align-items: center; justify-content: center; height: 100%;}

.eb-form-heading {background: rgb(171 149 64 / 8%); color: var(--black); font-size: 18px; font-family: var(--font_IBMPlex_s); padding: 1rem; font-weight: unset;}
form#adminForm label.control-label, 
form.form-horizontal .control-label, 
form.form-horizontal .control-label label{text-align: unset; font-weight: unset;}
.form_group_row {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 2rem;}
h3.eb-heading {margin-right: 0px;}
.form_group_row .control-group .controls input,
.form_group_row .control-group .controls select,
.form_group_row .control-group .controls textarea,
.new_billing_group .control-group .controls input,
.new_billing_group .control-group .controls select,
.new_billing_group .control-group .controls textarea{
    max-width: 100%;
    background-color: var(--white);
    display: block;
    width: 100%;
    padding: 0.6rem 1rem;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: hsl(210, 11%, 15%);
    background-color: hsl(0, 0%, 100%);
    background-clip: padding-box;
    border: 1px solid var(--border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.new_billing_group {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 2rem;}
.ind_registr_form .form_group_row {grid-template-columns: repeat(3, 1fr);}
.custom_form_pay_group .payment_information .eb-form-control {display: flex; align-items: flex-start; gap: 1rem;}
.custom_form_pay_group .payment_information .eb-form-control label.radio {border: 1px solid var(--border-color); display: flex; align-items: center; width: 100%; padding: 0.5rem 1rem; font-size: 16px; font-family: var(--font_IBMPlex_m);}


#eb-registration-complete-page {padding: 24px;}
#eb-registration-complete-page form#adminForm {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}
#eb-registration-complete-page form#adminForm .control-group {border: 1px solid var(--border-color); padding: 1rem; margin: 0;}
#eb-registration-complete-page form#adminForm .control-group .control-label {font-family: var(--font_IBMPlex_m);}
#eb-registration-complete-page form#adminForm .control-group .eb-form-control {font-family: var(--font_IBMPlex_s);}

/* EVENT DETAIL CSS CLOSE FROM HERE */

/* COURSE LISTING PAGE CSS START FROM HERE  */
.custom-lms-filter-group {display: flex; align-items: center;}
.custom-lms-filter-group .lms_course_filter {flex: 1; justify-content: center; border-left: 1px solid var(--border-color); display: flex; align-items: center; padding: 10px;}
.custom-lms-filter-group .lms_course_filter:last-child{border-left: 0;}
.custom-lms-filter-group .lms_course_filter .lms_course_label{margin: 0; font-size: 18px;}
.custom-lms-filter-group .lms_course_filter select {border: 0; border-radius:0;}

.shop-pagination {display: flex; align-items: center; justify-content: center;}
.shop-pagination .btn-loadmore {display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0.5rem; padding: 0; font-size: 20px; font-family: var(--font_IBMPlex_s);}
/* COURSE LISTING PAGE CSS CLOSE FROM HERE  */

/* COURSE DETAIL PAGE CSS START FROM HERE  */
.pro_cate_link {width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.pro_cate_details {display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem;}
/* .related-product .pro_cate_details,
.artist_product .pro_cate_details{direction: ltr;} */

.pro_cate_title {font-size: 24px; font-family: var(--font_IBMPlex_s); color: var(--black);}
.artiest_name {color: var(--gray-50); font-size: 16px; font-family: var(--font_IBMPlex_m);}
.pro_cate_price {font-family: var(--font_IBMPlex_b); font-size: 16px;}
.bookmark-wrap {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.pro_slider_price {display: flex; align-items: center; gap: 0.5rem;}
.pro_slider_price del {font-size: 14px; color: var(--gray-50); font-family: var(--font_IBMPlex_m);}
.pro_cate_row .pro_cate_link{gap: 1rem; padding: 50px;}
.wish_btn {border: 0; padding: 0; margin: 0; background: none; transition: fill 0.3s ease;}
.wish_btn:hover,
.wish_btn:focus {fill: var(--black); color: var(--black);}

.video-thumb{position: relative;}
.video-thumb .play_btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; color: var(--white);}
.grid_tab_design{display: grid; grid-template-columns: repeat(3, 1fr); margin: 0;}
.grid_tab_design .tab_link {font-size: 16px;  padding: 20px 25px; border-right: 1px solid var(--border-color); color: var(--black); text-align: center; cursor: pointer; position: relative;}
.grid_tab_design .tab_link:last-child{border-right: 0;}
.grid_tab_design .tab_link:last-child:nth-child(2) {border-left: 1px solid var(--border-color);}
.grid_tab_design .tab_link.active{font-family: var(--font_IBMPlex_s); color: var(--black);}
.grid_tab_design .tab_link:after{content: ""; width: 100%; height: 6px; display: block; background: transparent; position: absolute; bottom: 0; right: 0;}
.grid_tab_design .tab_link.active:after{background: var(--primary);}
/* OVERRIDE BOOTSTARP TAB CSS START */
.grid_tab_design .nav-link{font-size: 16px; padding: 20px 25px; border-left: 1px solid var(--border-color); color: var(--black); background: var(--white); box-shadow: none; border-radius: 0;}
.grid_tab_design .nav-link.active::after{display: none;}
.grid_tab_design .nav-link.active{font-family: var(--font_IBMPlex_s); color: var(--black);}
/* OVERRIDE BOOTSTARP TAB CSS CLOSE */

.course_heading{margin-bottom: 40px; margin-top: 0.5rem;}
.course_heading h3 {font-size: 24px; margin-bottom: 1rem;}
.course_heading .course_teach_link {font-size: 20px; font-family: var(--font_IBMPlex_s); display: block;}
.course_row_grid {display: grid; grid-template-columns: 50px auto; align-items: center; gap: 1rem; margin-bottom: 20px;}
.new_course_flex_list {display: flex; align-items: center; gap: 1rem;}
.new_course_flex_list_item {display: flex; flex-direction: column; justify-content: center; align-items: center; flex:1; gap: 0.5rem;}
.new_course_flex_list_item .course_lbl{text-align: center;}
.course_lbl {font-size: 14px; margin: 0;}
.course_item_bld {font-size: 14px; font-family: var(--font_IBMPlex_b); margin: 0;}
.course_content_grid_box {display: grid; grid-template-columns: 1fr 1fr; margin: 0rem 0; max-width: 100%; padding: 2rem; gap: 2rem;}
.custom_progressbar {text-align: center;}
.custom_progressbar .circle_percent {font-size:200px; width:1em; height:1em; position: relative; background: #eee; border-radius:50%; overflow:hidden; display:inline-block; margin:0px;}
.custom_progressbar .circle_inner {position: absolute; left: 0; top: 0; width: 1em; height: 1em; clip:rect(0 1em 1em .5em);}
.custom_progressbar .round_per {position: absolute; left: 0; top: 0; width: 1em; height: 1em; clip:rect(0 1em 1em .5em); transform:rotate(227deg); transition:1.05s; background: #ab9540; background: linear-gradient(180deg, #ab9540 0%, rgb(171 149 64 / 50%) 100%); /*background: rgb(97,64,146); background: linear-gradient(180deg, rgba(97,64,146,1) 0%, rgba(100,134,227,1) 100%);*/}
.custom_progressbar .percent_more .circle_inner {clip:rect(0 .5em 1em 0em);}
.custom_progressbar .percent_more:after {content:''; position: absolute; left: .5em; top:0em; right: 0; bottom: 0; background: rgb(171 149 64); background: linear-gradient(180deg, rgb(171 149 64 / 50%) 0%, rgb(171 149 64) 100%); /*background: rgb(97,64,146); background: linear-gradient(180deg, rgba(100,134,227,1) 0%, rgba(97,64,146,1) 100%);*/}
.custom_progressbar .circle_inbox {position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; background: #fff; z-index:3; border-radius: 50%;}
.custom_progressbar .percent_text {position: absolute; font-size: 30px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; color: var(--primary); font-weight: 500;}
.custom_progressbar .download-certificate-btn {display: block; max-width: 160px; margin: 1rem auto 0 auto;}
ul.course_accordion {list-style: none; padding: 0; margin: 0; border: 1px solid var(--border-color); border-top: 0;}
ul.course_accordion li .course_accordion_title{font-size: 18px; font-family: var(--font_IBMPlex_s); display: block; padding: 20px 20px 20px 64px; border-top: 1px solid var(--border-color); position: relative; display: flex; align-items: center; gap: 1rem; justify-content: space-between;}
.course_accordion_title::before {
    content: "";
    width: 20px;
    height: 20px;
    margin: 0px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsLTIuNDQ5MjkzNTk4Mjk0NzA2NGUtMTYsMi40NDkyOTM1OTgyOTQ3MDY0ZS0xNiwxLC01LjY4NDM0MTg4NjA4MDgwMmUtMTQsMS4xMzY4NjgzNzcyMTYxNjAzZS0xMykiPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPHBhdGggZD0iTTUwNi4xNTcsMTMyLjM4NmMtNy44MDMtNy44MTktMjAuNDY1LTcuODMxLTI4LjI4NS0wLjAyOWwtMjA3LjczLDIwNy4yOTljLTcuNzk5LDcuNzk4LTIwLjQ4Niw3Ljc5Ny0yOC4yOTktMC4wMTUgICAgTDM0LjEyOCwxMzIuMzU3Yy03LjgxOS03LjgwMy0yMC40ODEtNy43OS0yOC4yODUsMC4wMjljLTcuODAyLDcuODE5LTcuNzg5LDIwLjQ4MiwwLjAyOSwyOC4yODRsMjA3LjcwMSwyMDcuMjcgICAgYzExLjcwMSwxMS42OTksMjcuMDY2LDE3LjU0Nyw0Mi40MzMsMTcuNTQ3YzE1LjM1OCwwLDMwLjcxOS01Ljg0Niw0Mi40MDUtMTcuNTMzTDUwNi4xMjgsMTYwLjY3ICAgIEM1MTMuOTQ2LDE1Mi44NjgsNTEzLjk1OSwxNDAuMjA1LDUwNi4xNTcsMTMyLjM4NnoiIGZpbGw9IiMwMDAwMDAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD4KCTwvZz4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    transform: rotate(270deg);
    position: absolute;
    left: 20px;
    top: 23px;
}
.cr_open > .course_accordion_title::before {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnIHRyYW5zZm9ybT0ibWF0cml4KC0xLDMuNjczOTQwMzk3NDQyMDZlLTE2LC0zLjY3Mzk0MDM5NzQ0MjA2ZS0xNiwtMSw1MTEuOTk5OTc2MTU4MTQyMjYsNTEyLjAwMDIyODg4MTgzNTkpIj4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxnPgoJCTxwYXRoIGQ9Ik01MDYuMTU3LDEzMi4zODZjLTcuODAzLTcuODE5LTIwLjQ2NS03LjgzMS0yOC4yODUtMC4wMjlsLTIwNy43MywyMDcuMjk5Yy03Ljc5OSw3Ljc5OC0yMC40ODYsNy43OTctMjguMjk5LTAuMDE1ICAgIEwzNC4xMjgsMTMyLjM1N2MtNy44MTktNy44MDMtMjAuNDgxLTcuNzktMjguMjg1LDAuMDI5Yy03LjgwMiw3LjgxOS03Ljc4OSwyMC40ODIsMC4wMjksMjguMjg0bDIwNy43MDEsMjA3LjI3ICAgIGMxMS43MDEsMTEuNjk5LDI3LjA2NiwxNy41NDcsNDIuNDMzLDE3LjU0N2MxNS4zNTgsMCwzMC43MTktNS44NDYsNDIuNDA1LTE3LjUzM0w1MDYuMTI4LDE2MC42NyAgICBDNTEzLjk0NiwxNTIuODY4LDUxMy45NTksMTQwLjIwNSw1MDYuMTU3LDEzMi4zODZ6IiBmaWxsPSIjMDAwMDAwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+Cgk8L2c+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPC9nPjwvc3ZnPg=='); transform: rotate(0deg); }
.cr_title a {display: block; cursor: pointer; width: 100%;}
.cr_accordion_cols {border-top: 1px solid var(--border-color); padding: 20px; display: grid; grid-template-columns: 1fr 164px 28px; gap: 1rem; align-items: center; font-family: var(--font_IBMPlex_m);}
.cr_accordion_cols.uk-text-primary {background: var(--primary-08); color: var(--primary);} 
.cr_accordion_cols.uk-text-muted {background: var(--primary-08);  color: var(--black);}
.cr_video_duration {display: flex; align-items: center; gap: 1rem; justify-content: flex-end;}
.cr_video_duration .show_modal {color: var(--primary); cursor: pointer;}
.cr_social_list {display: flex; align-items: center; gap: 0.25rem; justify-content: flex-start;}
.cr_social_list .cr_social_item{padding: 5px;}
.course_price {color: var(--primary);}

.review_wrap {padding: 24px; display: flex; align-items: center; gap: 1rem;}
.review_wrap .review_title {font-family: var(--font_IBMPlex_b); font-size: 20px;}
.rating_detail {display: flex; flex-direction: column; gap: 1rem;}
.rating_detail .rating_user {display: grid; grid-template-columns: 50px auto; gap: 1rem;}
.rating_detail .rated_username {font-size: 18px; font-family: var(--font_IBMPlex_m); margin-bottom: 4px;}
.rating_detail .rating_stars {display: flex; align-items: center; gap: 1rem;}
.rating_detail .rated_time {color: #696969; font-size: 14px;}
.rating_detail .rating_comment {word-wrap: break-word;}

.lms-lesson-active header.header.container-header {width: 100%; position: fixed; top: 0; left: 0;}
.lms-lesson.shownav {padding-left: 360px;}
.lms-lesson {background: var(--white); font-size: 16px; line-height: 24px; padding-top: 50px; height: 100%; position: fixed; top: 0px; left: 0; right: 0; bottom: 0; outline: 0; z-index: 3000000000;}
.lms-lesson-header {top: 0; height: 50px; display: flex; align-items: center; justify-content: space-between;}
.lms-lesson .lms-lesson-header,
.lms-lesson .lms-lesson-footer {background: var(--white); position: absolute; left: 0; right: 0;}
.lms-lesson.shownav .lms-lesson-header,
.lms-lesson.shownav .lms-lesson-footer {background: var(--white); position: absolute; right: 360px; left: 0;}
.lms-lesson-content {height: 100%; width: 100%; margin: 0 auto; position: relative; right: 360px; text-align: center; overflow-y: auto; /*scrollbar-width: none;*/}
.lms-lesson-footer {bottom: 0; height: 60px; position: relative; border-top: 1px solid rgba(255,255,255,.05);}
.lms-lesson-nav {background-color: var(--white);  display: none; position: absolute; top: 0; right: 0; bottom: 0; width: 360px; border-left: 1px solid var(--border-color);}
.lms-lesson.shownav .lms-lesson-nav {display: block; max-height: 100vh;} 
.lms-lesson-nav-content {position: absolute; top: 50px; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; scrollbar-width: none;} 
.lms-lesson-nav ul, .lms-lesson-nav li {margin: 0; padding: 0;}
.lms-lesson-nav-module {color: var(--black); display: block; font-size: 18px; font-family: var(--font_IBMPlex_s);}
.lms-lesson-nav-lesson, .lms-lesson-nav-lesson:hover {border-radius: 0px; border-bottom: 1px solid var(--border-color); color: var(--black); cursor: default; display: block; padding: 15px 40px 15px 15px; position: relative; overflow: hidden; text-decoration: none;}
.lms-lesson-nav-accessible {color: var(--black); cursor: pointer;}
.lms-lesson-nav-module a, .lms-lesson-nav-module a:hover, .lms-lesson-nav-module a:focus {display: block; color: inherit; background: none; text-decoration: none; box-shadow: none !important; padding: 15px;}
.lms-lesson-nav-list > li:last-child {margin-bottom: 0;}
.lms-lesson-nav-current, .lms-lesson-nav-current:hover, .lms-lesson-nav-current:focus, .active-module {font-family: var(--font_IBMPlex_m); background: #eeeeee; color: var(--primary)!important; text-decoration: none; box-shadow: none;}
.lms-lesson-nav-lesson > span {display: inline-block; margin-top: 3px; padding-right: 3px; background-color: rgba(0,0,0,.05); border-radius: 4px;}
.lms-lesson-nav-current .guru-lesson-nav-check {background-color: rgba(0,0,0,.1) !important;}
.lms-lesson-nav-check-circle {left: 8px; line-height: 0; position: absolute; top: 50%; width: 15px; height: 15px; transform: translateY(-50%);}
.lms-lesson-nav-check i {position: absolute; top: -3px; left: -2px; color: #9f9f9f;}
.lms-lesson-nav-check i:before {border-radius: 50%; font-size: 18px; line-height: 18px; margin: 0; padding: 0; width: 16px; height: 16px;}
.lms-lesson-nav-current .lms-lesson-nav-check i {color: var(--white) !important;}
.lms-lesson-header-l,
.lms-lesson-header-r{display: flex; align-items: center; height: 100%;}
.lms-lesson-header-label {color: var(--white); font-weight: bold; font-size: 14px; max-width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#lesson-saved-timer {display: inline-block; margin-right: 20px; font-size: 17px; color: var(--white);} 
.lms-lesson-nav-lesson:hover {cursor: pointer; text-decoration: none;} 
div#resumeWindow {background: var(--white); font-size: 13px; line-height: 18px; padding-top: 50px; padding-bottom: 60px; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; outline: 0; z-index: 3000000000;}
a.lms-lesson-togglenav {width: 76px; height: 100%; display: flex; align-items: center; justify-content: center; border-left: 1px solid var(--border-color); padding: 15px; color: var(--black);}
.lms-lesson-video-section{height: 100%; } 
video#video-sample{border: 1px solid var(--black); } 
.lms-lesson-footer-prev, 
.lms-lesson-footer-next {background: var(--white); border: 1px solid var(--border-color); border-top: 0; border-bottom: 0; width: 76px; height: 100%; display: flex; align-items: center; justify-content: center; border-bottom: 0; border-top: 0; border-radius: 0; padding: 15px; color: var(--black);}
.lms-lesson-home {border-right: 1px solid var(--border-color); width: 76px; height: 100%; display: flex; align-items: center; justify-content: center;}
.lms-lesson-footer-nav{margin: 15px; } 
button.lms-lesson-footer-prev {position: relative; } 
.lms-lesson-nav-lesson > span {display: inline-block; margin-top: 3px; padding-right: 3px; background-color: rgba(0,0,0,.05); border-radius: 4px; } 
.lms-lesson-nav-lesson > .lms-lesson-nav-check {margin: 0; padding: 0; border-radius: 0; background-color: #ddd; } 
.lms-lesson-nav-check {display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 30px; } 
.lms-lesson-nav-current .lms-lesson-nav-check {background-color: rgba(0,0,0,.1) !important; } 
.guru-lesson-nav-lesson {cursor: pointer; } 
.lms-lesson-nav-check-circle {left: 8px; line-height: 0; position: absolute; top: 50%; width: 15px; height: 15px; transform: translateY(-50%); } 
.lms-lesson-nav-tab {display: grid; grid-template-columns: repeat(2, 1fr); justify-content: center; justify-items: center; align-items: center; align-content: center;}
.lms-lesson-nav-tabitem {background-color: var(--white); color: var(--black); text-decoration: none; width: 100%; display: flex; align-items: center; justify-content: center; height: 50px;}
.lms-lesson-nav-tabitem.active, 
.lms-lesson-nav-tabitem:hover, 
.lms-lesson-nav-tabitem:focus {background-color: var(--white); color: var(--primary) !important; text-decoration: none; } 
.lms-lesson.shownav .lms-lesson-nav .lms-lesson-nav-content.lms-lesson-nav-description {text-align: center; margin-top: 25px; font-size: 15px; } 
.lms-lesson-comments-form {padding: 10px; border-bottom: 1px solid #D8D8DE; text-align: right; } 
.lms-lesson-comments-form textarea {width: 75%; height: 55px; min-height: 55px; display: inline-block; margin-right: 2%; resize: vertical; } 
.lms-lesson-comments-form button {width: 18%; vertical-align: top; padding: 10px; } 
.lms-lesson-comment {margin-top: 5px; padding-left: 5px; padding-right: 5px; } 
.lms-lesson-comment-wrap {display: table; width: 100%; padding: 10px; border-radius: 6px; } 
.lms-lesson-comment:nth-child(2n) .lms-lesson-comment-wrap {background-color: #F6F6F8; } 
.lms-lesson-comment.my-message .lms-lesson-comment-wrap {background-color: rgb(232, 244, 249); border-color: rgb(184, 215, 228); } 
.lms-lesson-comment-avatar {display: table-cell; vertical-align: top; } 
.lms-lesson-comment-avatar span {display: block; width: 30px; height: 30px; margin-top: 5px; border-radius: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; content: ''; } 
.lms-lesson-comment-body {display: table-cell; padding-left: 10px; width: 100%; } 
.lms-lesson-comment.my-message .lms-lesson-comment-wrap .lms-lesson-comment-name {font-weight: bold; } 
.lms-lesson-comment-meta {display: block; margin-top: 5px; color: #6B6C72; font-size: 11px; } 
.lms-lesson-comment-time {margin-right: 15px; } 
.lms-lesson-comment-body textarea {width: 100%; } 
.lms-lesson-comment-meta a {padding-left: 3px; padding-right: 3px; } 
.fa-trash:before {content: "\f1f8"; } 
.video-thumb a i.far.fa-play-circle{font-size: 30px; vertical-align: middle; } 
#lesson-saved-timer {display: none; } 
.lms-lesson-video-section video{width:100%; height: 100%; } 
.lms-lesson-video-section iframe{width:100%; height: 100%; vertical-align: middle;} 
.lms-lesson .lms-lesson-nav .lms-lesson-nav-list .update_lesson_modal{color: var(--black); } 
.lms-lesson .lms-lesson-nav .lms-lesson-nav-list .update_lesson_modal:hover{color: var(--black); } 
.lms-lesson .lms-lesson-nav .lms-lesson-nav-list .video_disable{color: var(--black); } 
.lms-lesson .lms-lesson-nav .lms-lesson-nav-list .video_disable:hover{cursor: default; } 
.lms_error{display: none; } 
span.lms_error{color:red; } 
span.lms_error:before {content: "* "; }
div#shika_vimeoplayer {width: 100%; height: 100%;}
.lms-lesson-nav .close_nav {display: none;}
.lms-lesson-nav-incompleted-video:after{content: ""; position: absolute; right: 10px; vertical-align: middle; margin-left: 5px; display: inline-block; width: 20px; height: 20px; background-size:80%; background-repeat: no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMS45OTkgNTExLjk5OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8Zz4KCQk8cGF0aCBkPSJNNTA4Ljc0NSwyNDYuMDQxYy00LjU3NC02LjI1Ny0xMTMuNTU3LTE1My4yMDYtMjUyLjc0OC0xNTMuMjA2UzcuODE4LDIzOS43ODQsMy4yNDksMjQ2LjAzNSAgICBjLTQuMzMyLDUuOTM2LTQuMzMyLDEzLjk4NywwLDE5LjkyM2M0LjU2OSw2LjI1NywxMTMuNTU3LDE1My4yMDYsMjUyLjc0OCwxNTMuMjA2czI0OC4xNzQtMTQ2Ljk1LDI1Mi43NDgtMTUzLjIwMSAgICBDNTEzLjA4MywyNjAuMDI4LDUxMy4wODMsMjUxLjk3MSw1MDguNzQ1LDI0Ni4wNDF6IE0yNTUuOTk3LDM4NS40MDZjLTEwMi41MjksMC0xOTEuMzMtOTcuNTMzLTIxNy42MTctMTI5LjQxOCAgICBjMjYuMjUzLTMxLjkxMywxMTQuODY4LTEyOS4zOTUsMjE3LjYxNy0xMjkuMzk1YzEwMi41MjQsMCwxOTEuMzE5LDk3LjUxNiwyMTcuNjE3LDEyOS40MTggICAgQzQ0Ny4zNjEsMjg3LjkyMywzNTguNzQ2LDM4NS40MDYsMjU1Ljk5NywzODUuNDA2eiIgZmlsbD0iIzgwODA4MCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8Zz4KCQk8cGF0aCBkPSJNMjU1Ljk5NywxNTQuNzI1Yy01NS44NDIsMC0xMDEuMjc1LDQ1LjQzMy0xMDEuMjc1LDEwMS4yNzVzNDUuNDMzLDEwMS4yNzUsMTAxLjI3NSwxMDEuMjc1ICAgIHMxMDEuMjc1LTQ1LjQzMywxMDEuMjc1LTEwMS4yNzVTMzExLjgzOSwxNTQuNzI1LDI1NS45OTcsMTU0LjcyNXogTTI1NS45OTcsMzIzLjUxNmMtMzcuMjMsMC02Ny41MTYtMzAuMjg3LTY3LjUxNi02Ny41MTYgICAgczMwLjI4Ny02Ny41MTYsNjcuNTE2LTY3LjUxNnM2Ny41MTYsMzAuMjg3LDY3LjUxNiw2Ny41MTZTMjkzLjIyNywzMjMuNTE2LDI1NS45OTcsMzIzLjUxNnoiIGZpbGw9IiM4MDgwODAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiPjwvcGF0aD4KCTwvZz4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+");}
.lms-lesson-nav-completed-video:after{content: ""; position: absolute; right: 5px; vertical-align: middle; margin-left: 5px; display: inline-block; width: 22px; height: 22px; background-size: contain; background-repeat: no-repeat; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="512" height="512" viewBox="0 0 367.805 367.805"><path d="M183.903,0.001c101.566,0,183.902,82.336,183.902,183.902s-82.336,183.902-183.902,183.902 S0.001,285.469,0.001,183.903l0,0C-0.288,82.625,81.579,0.29,182.856,0.001C183.205,0,183.554,0,183.903,0.001z" fill="%23AB9540"/><polygon points="285.78,133.225 155.168,263.837 82.025,191.217 111.805,161.96 155.168,204.801 256.001,103.968 " fill="%23ffffff"/></svg>');}
.video_disable:before{content: ""; background: url("data:image/svg+xml;data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTggMTB2LTRjMC0zLjMxMy0yLjY4Ny02LTYtNnMtNiAyLjY4Ny02IDZ2NGgtM3YxNGgxOHYtMTRoLTN6bS0xMC00YzAtMi4yMDYgMS43OTQtNCA0LTRzNCAxLjc5NCA0IDR2NGgtOHYtNHptMTEgMTZoLTE0di0xMGgxNHYxMHoiLz48L3N2Zz4="); width: 20px; height: 20px; background-size: 80%; background-repeat: no-repeat;}

.tab_spacex {padding: 2rem 3rem;}
.pre_course_grid {display: grid; grid-template-columns: 100px 1fr; gap:1.25rem;}
.pre_course_grid .pre_cols_02 {display: grid; grid-template-columns: 1fr auto; gap: 1rem;}
.pre_course_grid_title {display: flex; flex-direction: column; gap: 0.25rem;}
.pre_course_teach_name {font-size: 20px; font-family: var(--font_IBMPlex_b);}
.pre_course_job_name {font-size: 14px; font-family: var(--font_IBMPlex_m);}
.pre_course_desc{color: var(--gray-50);}
.pre_course_desc * {margin: 0; font-size: 16px;}
.pre_course_grid .pre-btn-group {display: flex; align-items: center; gap: 1rem;}


.requirement_list .requirement_list_item {display: grid; grid-template-columns: 24px 1fr; gap: 0.5rem; margin-bottom: 0.5rem;}
.course_learn_list .course_learn_list_item {display: grid; grid-template-columns: 12px 1fr; gap: 0.5rem; margin-bottom: 0.5rem;}

.course_acc_grid {display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem;}
.course_acc_grid .course_acc_grid_item02 {display: flex; align-items: center; gap: 1rem;}
.course_acc_grid .course_titles {margin: 0; font-size: 24px;}
.course_acc_grid .course_total_duration {font-size: 16px; font-family: var(--font_IBMPlex_b); display: flex; align-items: center; gap: 0.5rem;}
.course_acc_grid .course_total_lesson {font-family: var(--font_IBMPlex_s); font-size: 16px; display: flex; align-items: center; gap: 0.5rem;}


.course_detail_view .course_btn_group {display: flex; align-items: center; gap: 1rem;}
.course_detail_view .course_btn_group .btn {height: 60px;} 
.course_detail_view .course_btn_group .btn_wishlist {border: 1px solid var(--border-color); width: 60px; height: 60px; display: flex; align-items: center; justify-content: center;}

/* POPUP CSS START  */
.add_to_wishlist.popupContainer {position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 20px; background: rgb(0 0 0 / 50%); z-index: 111; overflow: hidden;}
.popupContainer .wishlist_popup_box {background: var(--white); max-width: 800px; margin: 2rem auto; padding: 2rem; position: relative; height: auto;}
.popupContainer .closePopup {position: absolute; top: 5px; right: 5px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 0; border: 0; background: #f5f5f5; color: var(--black); padding: 2px;}
body.open_wishlist_popup {overflow: hidden;}
.available_courses {margin: 1rem 0; max-height: 400px; overflow-y: auto;}
.new_wish_grid {display: flex; align-items: center; justify-content: space-between; margin: 1rem 0;}
.new_wish_grid .title_heading {margin: 0;}
.new_wish_grid .back_to_list {border: 1px solid var(--border-color); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; padding: 0;}
.whishlist_course_details {display: flex; align-items: center; border: 1px solid var(--border-color); margin-bottom: 0rem; flex-direction: row-reverse; justify-content: space-between; padding: 1rem 2rem; border-bottom: 0;}
.whishlist_course_details:last-child{border-bottom: 1px solid var(--border-color);}
.wish_group_field {display: grid; grid-template-columns: 1fr 50px;}
.wish_group_field .cust_btn_clear {padding: 0; border: 1px solid var(--silver); border-left: 0;}

/* POPUP CSS CLOSE  */
.moyasar_active{overflow: hidden;}
.moyasar_popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 20px; background: rgb(0 0 0 / 50%); z-index: 111111; overflow: hidden;}
.moyasar_popup .popupContent {background: var(--white); max-width: 450px; margin: 2rem auto; padding: 2rem; position: relative; height: auto;}
.moyasar_popup .close_Popup {position: absolute; top: 5px; right: 5px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 0; border: 0; background: #f5f5f5; color: var(--black); padding: 2px; cursor: pointer;}

.mysr_pay_popup.popupContainer {position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 20px; background: rgb(0 0 0 / 50%); z-index: 111; overflow: hidden;}
.mysr_pay_popup .popupContent {background: var(--white); max-width: 450px; margin: 2rem auto; padding: 2rem; position: relative; height: auto;}
.mysr_pay_popup .closePopup {position: absolute; top: 5px; right: 5px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 0; border: 0; background: #f5f5f5; color: var(--black); padding: 2px; cursor: pointer;}
body.moyasar_active {overflow: hidden;}
/* COURSE DETAIL PAGE CSS CLOSE FROM HERE  */

/* PRODUCT DETAIL PAGE CSS START FROM HERE  */
.product_name_main .hikashop_product_variant_subname {display: none; } 
div#hikashop_product_left_part {position: relative; }
div#hikashop_product_image_main {height: 100%; display: flex; flex-direction: column; justify-content: end; }
.hikashop_product_page div.hikashop_small_image_div {display: grid; grid-template-columns: repeat(4, 1fr); width: 100%;}

.hikashop_product_page div.hikashop_small_image_div a {border: 1px solid var(--border-color); border-right: 0; border-bottom: 0; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; }
.hikashop_product_page div.hikashop_small_image_div a:first-child {border-left: 0; }
.hikashop_product_page div.hikashop_small_image_div a.hikashop_active_thumbnail{border: 1px solid var(--border-color); border-bottom: 0;}
.hikashop_product_page div.hikashop_small_image_div a img.hikashop_child_image{height: auto; margin: 0;}
.hikashop_product_page div.hikashop_small_image_div a img.hikashop_child_image.hikashop_child_image_active {background: rgb(0 0 0 / 8%);}
.pro_detail_price .hikashop_product_price_full {display: flex; gap: 0.5rem;}
.pro_detail_price .hikashop_product_price_full .hikashop_product_discount {font-size: 20px; font-family: var(--font_IBMPlex_s); color: var(--primary); float: none;}
.pro_detail_price .hikashop_product_price_full .hikashop_product_price {font-size: 20px; font-family: var(--font_IBMPlex_s); color: var(--black); float: none;}
.hikashop_product_description_main {font-size: 14px; margin: 1rem 0; color: var(--black);}
.hikashop_product_characteristics .controls .form-check {margin: 0; padding: 0px;}
.hikashop_product_characteristics .controls .form-check .form-check-input {visibility: hidden; font-size: 0; margin: 0; padding: 0;}
.hikashop_product_characteristics .controls .form-check label {padding: 4px;}
.hikashop_product_characteristics .controls .form-check.form-check-active label {border: 1px solid var(--gray60);}

.hikashop_quantity_form .hikashop_product_quantity_input_div_default_main {position: relative; display: flex; align-items: center; border: 0px solid var(--border-color); max-width: 115px;}
.hikashop_quantity_form .hikashop_product_quantity_input_div_default_main .hikashop_product_quantity_change_div_default {display: flex; align-items: center; gap: 4rem; height: 35px;}
.hikashop_quantity_form .hikashop_product_quantity_input_div_default_main .hikashop_product_quantity_input_div_default {position: absolute; right: 1.5rem; top: 0; display: flex; align-items: center; height:100%;}
.hikashop_product_quantity_input_div_default_main .hikashop_product_quantity_field_change {margin: 0; padding: 0; border: 0; text-align: center; font-size: 20px; display: flex; align-items: center; justify-content: center; width: 24px !important; height: 100% !important;}
.hikashop_product_quantity_input_div_default_main .hikashop_product_quantity_field{max-width: 64px !important; margin: 0 !important; padding: 0 !important; border: 0; text-align: center; font-family: var(--font_IBMPlex_b);}
.hikashop_product_quantity_change_div_plus_default, .hikashop_product_quantity_change_div_minus_default {width: 100%;}

.hikashop_product_custom_item_info_table {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; margin-bottom: 1.5rem;}

.hika_field_row .form-control[type=file] {font-size: 14px; padding: 0.25rem 0.5rem;}
.hika_field_row .form-control::file-selector-button{padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem;}
.hika_field_row label {font-family: var(--font_IBMPlex_m); font-size: 14px;}
.hika_field_row .hikashop_field_required {display: none;}
.hika_field_row .form-control[type=text] {font-size: 14px; padding: 0.25rem 0.5rem;}
.artist_info_blog .artist_row {display: grid; grid-template-columns: 2fr 1fr; align-items: center;}
.artist_info_blog .artist_row .artist_details {display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: 1.5rem;}
.artist_info_blog .artist_btn_group {display: flex; align-items: center; justify-content: center;}
.artist_info_blog .btn_large {min-width: 60%;}
.artist_info_blog .artist_name {font-family: var(--font_IBMPlex_b); font-size: 20px; margin-bottom: 4px;}
.artist_info_blog .artist_job {font-size: 14px; font-family: var(--font_IBMPlex_m); margin-bottom: 4px;}
.artist_info_blog .artist_location {font-size: 16px; font-family: var(--font_IBMPlex_m); margin-bottom: 4px;}
.artist_info_blog .artist_bio {font-size: 12px; color: var(--gray-50);}
.hikashop_item_text1_line label, 
.hikashop_item_text2_line label, 
.hikashop_item_text3_line label, 
.hikashop_item_text4_line label {display: none;}

.slider_product_box {display: flex; align-items: center; justify-content: space-between;}
.slick_arrow {display: flex; align-items: center; margin: 0; padding: 0; gap: 1rem; flex-direction: row-reverse;}
.slick-arrow {/*border: 1px solid var(--border-color);*/ width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--secondary);}
.slick-arrow:hover,
.slick-arrow:focus{/*border: 1px solid var(--primary);*/ color: var(--primary);}
.pro_slider_title{font-size: 18px; font-family: var(--font_IBMPlex_m);}
.pro_slider_price {font-family: var(--font_IBMPlex_b);} 

.pro_detail_btn_group {display: grid; grid-template-columns: 2fr 1fr; align-items: flex-end; gap: 1rem;}
.pro_detail_btn_group .hikawishlist {width: 60px; height: 60px; align-items: center; justify-content: center; background: var(--white); color: var(--black); border: 1px solid var(--black); border-radius: 0; margin: 0;}
.hikawishlist:hover .wish_icon path,
/* .hikawishlist:focus .wish_icon path, */
.hikawishlist.active .wish_icon path{color: var(--black); fill: var(--black);}

.pro_detail_btn_group button.btn-secondary{height: 60px; margin: 0;}

.hikashop_product_characteristics .hikashop_product_characteristics_table tr {display: flex; gap: 0.5rem; flex-direction: column;}
.hikashop_product_characteristics .hikashop_product_characteristics_table tr .label_charact {font-family: var(--font_IBMPlex_s); font-size: 14px;}

.hika_no_comment_list {display: flex; align-items: center; flex-direction: column; gap: 0.5rem;}
.review_t-row {display: flex; align-items: center; gap: 1rem;}
.hika_comment_listing_stars.hk-rating {display: flex; margin: 0;}
.group_star_date {display: flex; align-items: center; gap: 1rem;}
.hika_comment_listing_useful, .hika_comment_listing_useless {border: 1px solid var(--border-color); width: 32px !important; height: 32px !important; display: flex; align-items: center; justify-content: center; background-position: center !important;}
#hikashop_vote_listing .hikashop_listing_comment{font-weight: unset;}
.review_1t-row {display: grid; grid-template-columns: 50px 1fr 150px 80px; gap: 1rem; margin-bottom: 1rem;}
.hika_group_lists {display: flex; flex-direction: column; gap: 0.5rem;}
.usefull_grid {display: flex; gap: 0.25rem;}
.hika_comment_listing_name .vote_listing_username {font-size: 18px; font-family: var(--font_IBMPlex_m); font-weight: normal;}
.review_t-date {font-size: 14px; color: var(--gray-50);}
.comments_listing .hika_comment_listing.border-bottom:last-child{border-bottom: 0 !important;}
.notifyjs-corner .notifyjs-metro-info {background: var(--white); border: 1px solid var(--border-color); color: var(--black) !important; box-shadow: 0.5px 0.5px 0.5rem rgb(0 0 0 / 50%);}

#hikashop_product_image_main.no_additional_images {justify-content: flex-start;}

.courses_tag_list {display: flex; align-items: center; gap: 1rem;}
.courses_tag_list .course_tags {background: rgb(1 1 1 / 4%); padding: 11px 20px; font-family: var(--font_IBMPlex_s); color: var(--gray-50); font-size: 12px;}
/* PRODUCT DETAIL PAGE CSS CLOSE FROM HERE  */

/* COURSE CART PAGE CSS START FROM HERE  */
.custom_coupon_fields {display: grid; grid-template-columns: 1.45fr 1fr; align-items: center;}
.custom_coupon_fields .custom-coupon_btn {line-height: 30px; margin: 0; width: 100%;}
.side_row {display: flex; align-items: center; justify-content: flex-start; gap: 2rem; margin: 1rem 0;}
.price_bold {font-family: var(--font_IBMPlex_s);}
.lbl_bold {font-family: var(--font_IBMPlex_m);}
#total_cart .side_row {justify-content: space-between;}
.lms_cart_list_item {display: grid; align-items: center; grid-template-columns: 1fr 120px; border-left: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);}
.thumb_cart_group {display: grid; align-items: flex-start; gap: 1rem; grid-template-columns: 200px 1fr;}
.thumb_cart {height: 100%; border-right: 1px solid var(--border-color);}
.thumb_cart_details {display: flex; flex-direction: column; gap: 8px; padding: 1rem 0;}
.course_name {font-size: 18px; font-family: var(--font_IBMPlex_m);} 
.price {font-family: var(--font_IBMPlex_s); font-size: 18px; } 
.cart-remove {font-family: var(--font_IBMPlex_m);}
.basket_summary_title {margin-bottom: 8px;}
.coupon_label {font-size: 16px; font-family: var(--font_tajawal_m); margin-bottom: 18px;}
.com_custom_cart_view .custom_sidebar_btn_group {display: flex; flex-direction: column; gap: 1rem; justify-content: center;}

.courses_wizardbar {border-width: 0 0px 1px 1px; border-style: solid; border-color: var(--border-color); padding: 0 20px;}
.view-orderdone .courses_wizardbar {border-width: 0 1px 1px 1px;}
.courses_wizardbar .courses_wizardbar_list {display: flex; align-items: center; gap: 1rem; margin: 0; padding: 0;}
.courses_wizardbar .courses_wizardbar_item {display: flex; align-items: center; gap: 1rem; font-size: 16px; font-family: var(--font_IBMPlex_s); line-height: 46px; position: relative;}
.courses_wizardbar .wzbadge {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 0;
    width: 24px;
    height: 24px;
    font-family: var(--font_IBMPlex_s);
    font-weight: normal;
    font-size: 12px;
    background: transparent;
    color: var(--black);
    border: 1px solid var(--border-color);
}
.courses_wizardbar .courses_wizardbar_item.current_wizardbar .wzbadge{background: var(--secondary); color: var(--white);}
.courses_wizardbar .wizardbar_chevron {background: var(--border-color); border: 0; width: 40px; height: 1px;}
.courses_wizardbar .courses_wizardbar_item:last-child .wizardbar_chevron {display: none;}
body.view-cart .courses_wizardbar {border: 0; padding: 0;}
body.view-cart .courses_wizardbar .courses_wizardbar_item {line-height: 24px;}
/* COURSE CART PAGE CSS CLOSE FROM HERE  */

/* COURSE CHECKOUT PAGE CSS START FROM HERE  */
.iti.iti--allow-dropdown {width: 100%;}
.checkout_btn_group {display: flex; align-items: center; justify-content: center;}
.checkout_btn_group .checkout_btn{max-width: 300px; width: 100%;}

.lms_help_center {padding: 20px; position: relative; text-align: center; border: 1px solid var(--gray-500); display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; gap: 8px;}
.lms_help_call {font-family: var(--font_IBMPlex_s); font-size: 18px; color: var(--primary);}
.checkout-form .form-control::placeholder,
.checkout-form .form-control::-webkit-input-placeholder{ color: #707070; font-size: 18px; font-family: var(--font_IBMPlex_s);}

.custom_checkbox {display: block; position: relative; padding-left: 35px; cursor: pointer; font-size: 16px; font-family: var(--font_IBMPlex_m); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.custom_checkbox input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.custom_checkbox .checkmark {position: absolute; top: 0; left: 0; height: 26px; width: 26px; background-color: var(--white); border:1px solid var(--border-color);}
.custom_checkbox:hover input ~ .checkmark {background-color: var(--white);}
.custom_checkbox input:checked ~ .checkmark {background-color: var(--secondary);}
.custom_checkbox .checkmark:after {content: ""; position: absolute; display: none;}
.custom_checkbox input:checked ~ .checkmark:after {display: block;}
.custom_checkbox .checkmark:after {left: 8px; top: 4px; width: 7px; height: 13px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.radio-list .pay-lists {display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.radio-list .pay-lists img {max-width: 200px;}
/* COURSE CHECKOUT PAGE CSS CLOSE FROM HERE  */

.lms-person-title {font-size: 18px; font-family: var(--font_IBMPlex_s); margin-bottom: 8px; display: block;}
.lms-teacher-ratings {font-family: var(--font_IBMPlex_m);}
.teacher_job_title {font-size: 18px; font-family: var(--font_IBMPlex_s); margin-bottom: 12px;}
/* .cr_social_list .social-secondary {color: var(--primary);} */

.breadcrumb .mod-breadcrumbs__divider.float-start+li.mod-breadcrumbs__item.breadcrumb-item {position: absolute; right: 1rem;}
.breadcrumb .mod-breadcrumbs__divider.float-start+li.mod-breadcrumbs__item.breadcrumb-item .pathway {display: flex; align-items: center; gap: 0.5rem;}
.breadcrumb .mod-breadcrumbs__divider.float-start+li.mod-breadcrumbs__item.breadcrumb-item .pathway:after {content: ""; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M14.2326 5.60299L21.2939 12.7492M21.2939 12.7492L14.2326 19.8955M21.2939 12.7492L3.13622 12.7492" stroke="currentColor" stroke-width="2"></path></svg>'); width: 18px; height: 20px; display: inline-flex; background-size: contain; vertical-align: middle;}

.list_flex_group {display: grid; align-items: center; grid-template-columns: 1fr 100px; width: 100%; height: 40px;}
.review {display: flex; align-items: center; justify-content: flex-start;}
/* .pro_cate_discount {background: url('data:image/svg+xml,<svg width="100" height="40" viewBox="0 0 100 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H100L82 20L100 40H0V0Z" fill="%23AA943F"/></svg>'); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 10px 12px; color: #fff; font-family: var(--font_IBMPlex_s); font-size: 12px; margin-left: -20px; display: block;  text-align: left;} */
.pro_cate_discount {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="40" viewBox="0 0 100 40" fill="none" style="transform: scale(-1, 1);"><path d="M0 0H100L82 20L100 40H0V0Z" fill="%23AA943F"/></svg>'); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 10px 12px; color: #fff; font-family: var(--font_IBMPlex_s); font-size: 12px; margin-right: -20px; display: block;  text-align: right;}
/* HIKA PRODUCT CART PAGE CSS START */

.lms_pro_cart_list_item {display: grid; align-items: center; grid-template-columns: 1fr 180px; border-right: 1px solid var(--body-color); border-bottom: 1px solid var(--body-color);}
.thumb_pro_cart_group {display: grid; align-items: flex-start; gap: 1rem; grid-template-columns: 200px 1fr;}
.thumb_pro_cart {height: 100%; border-left: 1px solid var(--border-color);}
.thumb_pro_cart_details {display: flex; flex-direction: column; gap: 8px; padding: 1rem 0;}
.product_name {font-size: 18px; font-family: var(--font_IBMPlex_m);}
.cst_char_product .cst_char_title {font-family: var(--font_IBMPlex_s); font-size: 14px;}
.custom_card_lists .hikashop_cst_characteristics a{display: flex; flex-direction: column; gap: 1rem;}
.custom_card_lists .hikashop_cst_characteristics .cst_char_product {display: flex; align-items: center; gap: 0.25rem;}

.hikashop_product_quantity_input_div_default_main{position: relative; display: flex; align-items: center; justify-content: center; width: 100%;}
.hikashop_product_quantity_change_div_default {display: grid; align-items: center; border: 1px solid var(--border-color); width: 100%; grid-template-columns: 1fr 1fr; gap: 66px; justify-content: center;}
.hikashop_product_quantity_input_div_default {position: absolute; max-width: 66px; border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color);}
.hikashop_product_quantity_input_div_default_main .hikashop_product_quantity_field_change {width: 100% !important; text-align: center; display: block;}
.quantity_flex {display: flex; align-items: flex-end; flex-direction: column; gap: 1rem; padding: 0 20px;}

.hika_toolbar .hika_toolbar_btn {display: flex; flex-direction: column; float: none; width: 100%; gap: 0.5rem;}
.hika_toolbar .hika_toolbar_btn .hikabtn {font-family: var(--font_IBMPlex_b); color: var(--alkhattat-color-link); display: flex; align-items: center; justify-content: center; margin: 0; border-radius: 0; border: 1px solid var(--border-color);}
.hika_toolbar .hika_toolbar_btn .hikabtn  span.hk-icon{color: var(--black); font-size: 1.5rem; width: auto; height: auto; display: none;}

.hika_toolbar .hika_toolbar_btn .hikabtn:hover,
.hika_toolbar .hika_toolbar_btn .hikabtn:focus{color: var(--white); background: var(--black); border-color: var(--black);}
.hika_toolbar .hika_toolbar_btn .hikabtn.hkdropdown:hover>a,
.hika_toolbar .hika_toolbar_btn .hikabtn.hkdropdown:focus>a{color: var(--white);}
.hika_toolbar .hika_toolbar_btn .hikabtn:hover .hk-icon,
.hika_toolbar .hika_toolbar_btn .hikabtn:focus .hk-icon{color: var(--white);}
.pro_cart_separator {width: 100%; height: 1px; background: var(--border-color); margin: 1rem 0;}
.hikashop_product_price_before_discount{color: var(--gray-50); font-family: var(--font_IBMPlex); font-weight: normal;}
#sb-container #sb-body {background-color: var(--white); padding: 0px;}
#sb-container #sb-body #sb-body-inner{position: unset;}
#sb-container #sb-body img {position: unset !important; margin: 0 auto; display: block;}

#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message{font-family:var(--font_IBMPlex); font-weight: normal;}
#sb-title-inner {font-size: 18px;}
/* HIKA PRODUCT CART PAGE CSS CLOSE*/
body.view-checkout.layout-after_end.task-after_end footer {display: none;}
.bookmark-wrap button.hikawishlist {background: none; width: auto; height: auto; border: 0; color: var(--black); padding: 0; margin: 0;}


/* Courses - All Categories Start */
.cat_list_detail {display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 1rem; padding: 20px;}
.cat_list_detail .cat_list_title{font-family: var(--font_IBMPlex_s); font-size: 24px;}
.cat_list_detail .cat_list_desc{margin: 0; font-size: 20px;}
/* .course_listing_module .cousers_slider {border-right: 1px solid var(--border-color);}
.course_listing_module .slick-slide {border-right: 1px solid var(--border-color);} */

.teacher_search .course_search_filter {display: block; width: 100%; position: relative;}
.teacher_search .course_search_filter:before{content: ""; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; position: absolute; right: 20px; top: 50%; transform: translate(0%, -50%); background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3327 21.9974C13.6993 21.9969 15.9978 21.2046 17.862 19.7467L23.7233 25.6081L25.6087 23.7227L19.7473 17.8614C21.206 15.9969 21.9988 13.698 21.9993 11.3307C21.9993 5.4494 17.214 0.664062 11.3327 0.664062C5.45135 0.664062 0.666016 5.4494 0.666016 11.3307C0.666016 17.2121 5.45135 21.9974 11.3327 21.9974ZM11.3327 3.33073C15.7447 3.33073 19.3327 6.91873 19.3327 11.3307C19.3327 15.7427 15.7447 19.3307 11.3327 19.3307C6.92068 19.3307 3.33268 15.7427 3.33268 11.3307C3.33268 6.91873 6.92068 3.33073 11.3327 3.33073Z" fill="%23999999"/></svg>');}
.teacher_search .course_search_filter #search_input {border-top: 0; margin: 0; padding: 20px 50px 20px 20px; font-size: 18px;}
.new_course_design .course_img {position: relative;}
.new_course_design .course_items .down-contents {display: flex; flex-direction: column; gap: 1rem;}
.new_course_design .course_rating_section {padding: 0.25rem; background: rgb(255 255 255 / 80%); position: absolute; top: 10px; right: 10px;}
.new_course_design .course_rating_section .lms_rating_tag {font-family: var(--font_IBMPlex_b);}
.lms_rating_tag {font-family: var(--font_IBMPlex_b);}
.new_course_design .teacher_name {font-size: 16px; font-family: var(--font_IBMPlex_m); display: block; color: var(--gray-50);}
.new_course_design .course_name {font-size: 20px; font-family: var(--font_IBMPlex_b); display: block;}
.new_course_design .course_enrolled_durations {display: flex; align-items: center; justify-content: flex-start; gap: 1.5rem;}
.new_course_design .course_duration {display: flex; align-items: center; gap: 0.25rem; font-family: var(--font_IBMPlex_b); font-size: 12px;}
.new_course_design .course_users {display: flex; align-items: center; gap: 0.25rem; font-family: var(--font_IBMPlex_b); font-size: 12px;}
.new_course_design .course_items .lms_price_tag {font-size: 20px; font-family: var(--font_IBMPlex_b); color: var(--black);}
.new_course_design .course_img img{width: 100%; object-fit: cover; aspect-ratio: 262 / 212;}
/* Courses - All Categories Close */
.btn.btn-extra-large {font-size: 16px; padding: 18px 70px; font-family: var(--font_IBMPlex_b);}


.teacher_blog_grid {display: flex; align-items: center; gap: 1rem; margin-bottom: 4px;}
.teacher_blog_grid .lms-teacher-name {margin: 0;}
.lms-teacher-desc {font-size: 14px; color: var(--gray-50); margin-bottom: 1rem;}
.view-lms-teacher .grid_tab_design {grid-template-columns: repeat(6, 1fr);}
.view-lms-teacher .grid_tab_design .nav-link{font-size: 16px; padding: 20px 25px; border-right: 1px solid var(--border-color); border-left: 0; color: var(--black); background: var(--white); box-shadow: none; border-radius: 0; text-align: center; position: relative;}
.view-lms-teacher .grid_tab_design .nav-item:last-child .nav-link{border-right: 0;}
.view-lms-teacher .grid_tab_design .nav-link:after{content: ""; width: 100%; height: 6px; display: block; background: transparent; position: absolute; bottom: 0; right: 0;}
.view-lms-teacher .grid_tab_design .nav-link.active:after{background: var(--primary);}
.view-lms-teacher .grid_tab_design .nav-link.active{font-family: var(--font_IBMPlex_s); color: var(--black);}

.caligraphy_blog_list {display: flex; align-items: center; gap: 2rem;}
.caligraphy_blog_list .caligraphy_lbl {font-family: var(--font_IBMPlex); font-size: 16px;}
.caligraphy_blog_list .caligraphy_value {font-family: var(--font_IBMPlex_b); font-size: 16px;}

.order_success {max-width: 500px; margin: 0 auto;}
.order_success .order_summery{text-align: center;}

.event_details .event_details_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1rem;}
.event_details .event_details_list .event_details_list_items {border: 1px solid var(--border-color); padding: 1rem; margin: 0;}
.event_details .event_details_list .event_details_list_items .event_label {font-family: var(--font_IBMPlex_m);}
.event_details .event_details_list .event_details_list_items .event_value {font-family: var(--font_IBMPlex_s);}

.event_member_details.\31 {display: none;}
.event_member_details .event_member_list{margin-bottom: 1rem;}
.event_member_details .event_member_list .event_member_list_items{border: 1px solid var(--border-color); padding: 1rem; margin: 0;}
.event_member_details .event_member_list .event_member_list_items .event_label {font-family: var(--font_IBMPlex_m);}
.event_member_details .event_member_list .event_member_list_items .event_value {font-family: var(--font_IBMPlex_s);}
.regard_text p{font-family: var(--font_IBMPlex_s); margin: 0;}

/* CUSTOM ALKHATTAT ACORDIANS CSS START */
.custom_alkhattat_acordians .sppb-panel-default{border-color: var(--border-color);}
.custom_alkhattat_acordians .sppb-panel-heading {background: var(--white); padding: 30px 40px;}
.custom_alkhattat_acordians .sppb-panel-heading .sppb-panel-title{font-size: 24px; font-family: var(--font_IBMPlex_b);}
.custom_alkhattat_acordians .sppb-panel-default .sppb-panel-body{border-top: 0; padding-left: 2rem; padding-right: 2rem;}
/* .custom_alkhattat_acordians .sppb-panel-group .sppb-panel:last-child .sppb-panel-body{padding: 0; border-top: 1px solid var(--border-color);} */
.custom_alkhattat_acordians .sppb-panel-heading .sppb-toggle-direction{left: 15px; right: unset; color: var(--black); font-size: 20px; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg);}
.custom_alkhattat_acordians .sppb-panel-heading.active .sppb-toggle-direction{-webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg);}
/* CUSTOM ALKHATTAT ACORDIANS CSS CLOSE */

/* SERVICE HOME PAGE START */
.border_before_cols .sppb-row-column:before {content: ""; width: 136px; height: 1px; display: block; position: absolute; top: 15%; background: var(--border-color); left: 0; transform: translate(-50%, -15%);}
.border_before_cols .sppb-row-column:last-child:before {display: none;}
/* SERVICE HOME PAGE CLOSE */

/* SERVICE PAGE START */
.services_field_filter {display: flex; align-items: center; padding: 10px; justify-content: center; }
.services_field_filter .form_select {border: 0; border-radius: 0; width: 100%; outline: 0; }
.pro_service_title {font-family: var(--font_IBMPlex_b); font-size: 24px; } 
.pro_services_desc {color: var(--gray-50); font-size: 16px; } 
.tech_service_list {display: grid; grid-template-columns: 40px auto; gap: 1rem; align-items: center; } 
.tech_service_details {display: flex; flex-direction: column; gap: 0.25rem; } 
.tech_service_name {font-size: 16px; font-family: var(--font_IBMPlex_s); } 
.tech_service_job {font-size: 14px; font-family: var(--font_IBMPlex_m); color: var(--gray-50); } 
.pro_services_detail_list {display: grid; grid-template-columns: 1fr 0.5fr; gap: 1rem; } 
.pro_services_list_img {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.pro_services_grid_01 {display: flex; flex-direction: column; gap: 1rem; } 
.service_price_date_list {display: flex; align-items: center; gap: 1rem; }
.featured-post {display: flex; align-items: center; gap: 1.5rem; justify-content: flex-end;}
.featured-post .featured_label{background: var(--primary); color: var(--black); font-size: 16px; font-family: var(--font_IBMPlex_m); padding: 4px 12px;}
.bold_text {font-family: var(--font_IBMPlex_b);}
.pro_services_grid_02 {display: flex; flex-direction: column; align-items: flex-end; gap: 1.5rem; justify-content: space-between;}
.pro_services_btn_group {display: flex; align-items: center; justify-content: flex-end; gap: 1rem;}
.pro_services_btn_group .btn_wishlist {border: 1px solid var(--border-color); width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: var(--white);}
.pro_services_btn_group .btn_request_service {height: 60px; display: flex; align-items: center; justify-content: center; padding-left: 37px; padding-right: 37px;}
/* SERVICE PAGE CLOSE */

/* SERVICE FORM PAGE START */
.form_service_form .control-label {font-size: 14px; font-family: var(--font_IBMPlex_s); color: var(--gray-50);}
.form_service_form .nav-tabs + .tab-content{padding: 0;}
.form_service_form .row_04 .cust_services_form_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}
.form_service_form .row_04 .cust_services_form_list .control-group {display: flex; align-items: center; gap: 1rem; margin: 0;}

.switch {display: block; position: relative; padding-right: 35px; cursor: pointer; font-size: 16px; font-family: var(--font_IBMPlex_m); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.switch input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.switch .checkmark {position: absolute; top: 0; right: 0; height: 26px; width: 26px; background-color: var(--white); border: 1px solid var(--border-color);}
.switch input:checked ~ .checkmark {background-color: var(--black);}
.switch:hover input ~ .checkmark {background-color: var(--white);}
.switch input:checked ~ .checkmark {background-color: var(--black);}
.switch .checkmark:after {content: ""; position: absolute; display: none;}
.switch input:checked ~ .checkmark:after {display: block;}
.switch .checkmark:after {left: 8px; top: 4px; width: 7px; height: 13px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.basic_info_row {display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}
.basic_info_row .tox.tox-tinymce {height: auto !important; min-height: 250px;}
.basic_info_row button.btn.js-tiny-toggler-button {font-size: 14px; padding: 5px 10px;}

.cust_services_delevery_list .cus_controls {display: flex; align-items: center; gap: 0;}
.cust_services_delevery_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}

.btn-toolbar .btn-group button.btn-success {background: var(--black); color: var(--white);}
.btn-toolbar .btn-group .btn-danger {background: var(--white); border: 1px solid var(--border-color);}

.subform-repeatable-group {border-radius: 0; background: #f5f5f5; /* background: rgb(171 149 64 / 8%); */ padding: 1rem; margin-bottom: 1rem;}
.cust_services_media .control-group input[type="file"] {
    display: block;
    width: 100%;
    padding: 0.5rem;
    font-size: 16px;
    line-height: 30px;
    color: var(--black);
    border: 1px solid var(--silver);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0rem;
    max-width: 100%;
    background-color: var(--white);
    cursor: pointer;
}
.cust_services_media .control-group input[type="file"]::-webkit-file-upload-button, 
.cust_services_media .control-group input::file-selector-button {
    background: var(--secondary);
    color: var(--white);
    border: none;
    padding: 0.6rem 1rem;
    border-radius: 0px;
    transition: all .2s ease;
    outline: none;
    text-transform: capitalize;
    font-size: 16px;
    cursor: pointer;
}
.chosen-container-multi .chosen-choices li{float: none;}
.row_01 div#jform_categories_chosen {width: 100% !important;}

.cust_services_media_list {display: flex; align-items: center; gap: 1rem;}
.remove_image_div {position: relative;}
.remove_image_div .close_file {
    color: var(--secondary);
    padding: 2px;
    border: 1px solid var(--silver);
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    align-items: center;
}
/* SERVICE FORM PAGE CLOSE */

/* SERVICE DETAIL PAGE START */
.purchased_services {display: grid; grid-template-columns: 66px auto; gap: 1rem; align-items: center;}
.purchased_message {font-family: var(--font_IBMPlex_b); font-size: 20px;}
.purchased_title {font-family: var(--font_IBMPlex_m); font-size: 16px;}
.purchased_link {font-size: 14px; font-family: var(--font_IBMPlex_m); color: var(--gray-50);}

.about_profile {margin-bottom: 1.5rem;}
.about_title {font-size: 14px; color: var(--gray-50);}
.artist_name {font-size: 24px; font-family: var(--font_IBMPlex_b);}
.abt_job_title {font-family: var(--font_IBMPlex_m); color: var(--gray-50); margin: 0;}
.about_artist_bio {font-size: 14px; color: var(--gray-50);}
.about_pro_grid {display: grid; grid-template-columns: 80px auto; gap: 1rem; align-items: flex-start; margin-bottom: 1rem;}
.artist_list {display: flex; flex-direction: column; gap: 0.6rem;}
.artist_list .artist_list_items {display: flex; align-items: center; gap: 0.5rem;}
.artist_list .artist_list_items .art_icon {color: var(--primary);}
.artist_list .artist_list_items .art_label {font-size: 18px;}
.artist_list .artist_list_items b {font-size: 16px;}
.artist_btn_group {display: flex; align-items: center; gap: 1rem; flex-direction: column; margin-bottom: 1rem;}
.service_purchae_pay_Section {margin: 1rem 0;}
.service_purchae_pay_Section label img {max-width: 150px;}
.service_title_wishlist {display: flex; align-items: center; justify-content: space-between;}
.service_sliders .slider_product_box{margin-bottom: 1.5rem;}
.service_desc{color: var(--gray-50);}
.service_sliders_design img {border: 1px solid var(--border-color); aspect-ratio: 3 / 2; margin: 0 10px;}
.service_title_wishlist .btn_wishlist {border: 1px solid var(--border-color); width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: var(--white);}
/* SERVICE DETAIL PAGE CLOSE */

/* MY ORDER PAGE START */
.hika_order_listing .hikashop_order_sort {display: flex; gap: 0rem; align-items: center; float: none; text-align: unset; margin: 0;}
.hika_order_listing .hikashop_order_sort .custom-select{margin-bottom: 0 !important; float: none !important; border:0;}
.hika_order_listing .hikashop_search_block input{font-size: 20px; max-width: 100%; border: 0; border-right: 1px solid var(--border-color); padding-right: 50px;}
.hika_order_listing .hikashop_search_block:before {
    content: "";
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0%, -50%);
    z-index: 11;
    background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3327 21.9974C13.6993 21.9969 15.9978 21.2046 17.862 19.7467L23.7233 25.6081L25.6087 23.7227L19.7473 17.8614C21.206 15.9969 21.9988 13.698 21.9993 11.3307C21.9993 5.4494 17.214 0.664062 11.3327 0.664062C5.45135 0.664062 0.666016 5.4494 0.666016 11.3307C0.666016 17.2121 5.45135 21.9974 11.3327 21.9974ZM11.3327 3.33073C15.7447 3.33073 19.3327 6.91873 19.3327 11.3307C19.3327 15.7427 15.7447 19.3307 11.3327 19.3307C6.92068 19.3307 3.33268 15.7427 3.33268 11.3307C3.33268 6.91873 6.92068 3.33073 11.3327 3.33073Z" fill="%23999999"/></svg>');
}
.hika_order_listing .form_group_fields {display: grid; grid-template-columns: auto 1fr; gap: 1rem; align-items: center;}
.hika_order_listing .hikashop_order_detail_no {font-family: var(--font_IBMPlex_b); font-size: 20px; padding: 0 20px;}

.hika_order_listing .hikashop_order_sort .custom-select:last-child {border-right: 1px solid var(--border-color);}

.hikashop_order_listing .hikashop_orders_content .hk-card-default {margin: 0; border-color: var(--border-color); border-radius: 0; border-top: 0; box-shadow: none;}
.hikashop_order_listing .hikashop_orders_content .hk-card.hk-card-order .hk-card-body{padding: 20px 40px;}
.hikashop_order_listing .hikashop_orders_content .hk-list-group-item{padding: 20px 40px; border: 0; border-top: 1px solid var(--border-color);}
.hikashop_order_listing .hikashop_orders_content .hk-list-group-item .hika_order_product_name {font-family: var(--font_IBMPlex_s); font-size: 18px;}
.hikashop_order_listing .hikashop_orders_content .hk-list-group-item .hika_order_product_price {font-family: var(--font_IBMPlex_b); font-size: 16px; margin: 0.5rem 0 0 0;}
.hikashop_order_listing .hikashop_orders_content .hk-list-group-item .hika_order_product_price .hika_cpanel_product_price_times {font-family: var(--font_IBMPlex);}
.hika_order_number .hika_order_number_value,
.hika_order_number .hika_invoice_number_value {font-family: var(--font_IBMPlex_b);}
.hikashop_order_listing .hikashop_orders_content .hika_cpanel_dates,
.hikashop_order_listing .hikashop_orders_content .hika_order_number {margin-bottom: 0.5rem;}
.hikashop_order_listing .hikashop_orders_content .hika_cpanel_prices {font-family: var(--font_IBMPlex_b); font-size: 20px;}

.hikashop_order_listing .hikashop_orders_content .hika_order_info {display: flex; align-items: center; justify-content: flex-end; gap: 1.5rem;}
.hikashop_order_listing .hikashop_orders_content .hk-card-order .order-label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: unset;
    font-family: var(--font_IBMPlex_m);
    border-radius: 0;
    text-shadow: none;
    color: var(--black);
    background: rgb(66 133 244 / 20%);
}
.hikashop_order_listing .hikashop_orders_content .hk-card-order .order-label.order-label-confirmed {background: rgb(52 168 83 / 20%);}
.hikashop_order_listing .hikashop_orders_content .hk-card-order .order-label.order-label-cancelled {background: rgb(151 71 255 / 20%);}
.hkdropdown button.hikabtn {border-color: var(--border-color); border-radius: 0; font-size: 16px; font-family: var(--font_IBMPlex_m); background: var(--white); color: var(--black); margin: 0;}
.hika_order_more .hikabtn-default {margin: 0; border-color: var(--border-color); border-radius: 0; display: flex; align-items: center; justify-content: center; height: 36px;}
/* MY ORDER PAGE CLOSE */
.hika_no_orders {font-style: normal; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 1rem; padding: 100px 0;}
.hika_no_orders .no_pro_title,
.hika_no_orders .no_pro_desc {margin: 0;}
/* MY ORDER DETAIL PAGE START */
.hika_order_detail_page {max-width: 960px; margin: 2rem auto 0 auto; border: 1px solid var(--border-color);}
.custom_product_lists {max-width: 960px; margin: 0 auto;}
.hika_order_detail_page .hika_order_page_title {padding: 20px 40px;}
.hika_order_detail_page .hika_order_page_title .hika_order_title{}
.hika_order_detail_page .courses_wizardbar{border-width: 0; padding: 0;}
.hika_order_detail_page .hika_order_main_list {}
.hika_order_detail_page .hika_order_list {display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 12px;}
.hika_order_detail_page .hika_order_list .order_value {font-family: var(--font_IBMPlex_b);}

.product_grids {display: grid; grid-template-columns: 200px 1fr;}
.product_grids_flex_row {display: flex; flex-direction: column; gap: 0.5rem;}
.hikashop_order_item_price_value {font-size: 20px; font-family: var(--font_IBMPlex_b);}
#hikashop_order_main .header.hikashop_header_title {display: none;}
#hikashop_order_main .hika_toolbar .hika_toolbar_btn {flex-direction: row; padding: 20px; border: 1px solid var(--border-color); border-top: 0; gap: 1rem; float: none;}
/* MY ORDER DETAIL PAGE CLOSE */


/* LOGIN PAGE START */
.custom_page_header .page_title {font-family: var(--font_IBMPlex_s);}
div#system-message-container {position: fixed; bottom: 15px; right: 15px; max-width: 650px; z-index: 999;}
.right_columnbus_width {max-width: 425px; margin: 0 auto 0 0;}
.left_columnbus_width {max-width: 425px; margin: 0 0 0 auto;}
.password-group input.form-control {border-right: 0;}
.password-group .input-password-toggle {border-width: 1px; border-color: var(--silver); border-style: solid; border-left: 0; background: var(--white); padding: 0 1rem;}
.password-group .has-danger .input-password-toggle{border-color: var(--error); border-style: solid;}
.com_login_form .com-users-login__input{display: flex; flex-direction: column;}
.com_login_form .com-users-login__input .control-label {font-size: 0; order: 2;}
.com_login_form .com-users-login__input .controls{order: 1;}
.com_login_form .com-users-login__input .control-label .form-control-feedback {font-size: 12px; margin: 0.5rem 0;}

/* LOGIN PAGE CLOSE */

/* ARTIST PROFILE BOOKING TAB START */
.list_style_disc{padding-right: 1rem; list-style: disc;}
.booking_section {display: flex; align-items: center; justify-content: space-between;}
#lms-teacher-booking-section .bookig-wrapper-btn {align-items: center; gap: 1rem; margin-bottom: 1.5rem;}
#lms-teacher-booking-section .fc .fc-toolbar-title {font-size: 1.35rem;}
/* CALENDER CSS START  */
#calendarContainer.modal_active {position: fixed; top: 0; left: 0; transform: translate(0%, 0%); width: 100%; height: 100%; background: rgb(0 0 0 / 60%); padding: 2rem; z-index: 1;}
#calendarContainer.modal_active .calendar_modal {width: 800px; margin: 2rem auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; background: var(--white);}
#calendarContainer.modal_active #calendar {border: 1px solid var(--silver);}
#calendarContainer.modal_active .close_modal {cursor: pointer; background: #fff; border-radius: 100px; padding: 2px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; position: absolute; top: -30px; right: -30px;}
.mbsc-datepicker .mbsc-font {font-family: var(--font_IBMPlex);}
.mbsc-datepicker .mbsc-windows.mbsc-calendar, .mbsc-datepicker .mbsc-windows.mbsc-calendar-button.mbsc-button{color: var(--black);}
.mbsc-datepicker .mbsc-windows.mbsc-calendar-week-day{color: var(--primary); font-size: 1rem; color: var(--text-color1); font-family: var(--font_IBMPlex_b);}
.mbsc-datepicker .mbsc-windows.mbsc-button-flat{color: var(--white) !important; font-family: var(--font_IBMPlex_b); background: var(--black);}
.mbsc-datepicker .mbsc-windows.mbsc-calendar-title-wrapper .mbsc-calendar-button {padding: 4px 8px; font-size: 14px;}
.mbsc-datepicker .mbsc-windows.mbsc-range-day .mbsc-calendar-cell-inner,
.mbsc-datepicker .mbsc-windows.mbsc-selected .mbsc-calendar-cell-inner{background: var(--primary-20); /*border: 1px solid var(--border-color);*/ border: 0;}
.mbsc-datepicker .mbsc-windows.mbsc-calendar-today, .mbsc-datepicker .mbsc-windows.mbsc-calendar-week-nr{color: var(--black);}
.mbsc-datepicker .mbsc-windows.mbsc-calendar-controls {border-bottom: 1px solid var(--silver);}

.mbsc-datepicker .mbsc-calendar-slide{padding: 0 !important;}
.mbsc-datepicker .mbsc-calendar{padding-bottom: 0 !important;}
.mbsc-datepicker .mbsc-windows.mbsc-calendar-cell{border: solid var(--silver); border-width: 1px 1px 0 0;}
.mbsc-datepicker .mbsc-calendar-row .mbsc-calendar-cell.mbsc-windows:last-child {border-right-width: 0;}
.mbsc-datepicker .mbsc-disabled .mbsc-calendar-cell-text, 
.mbsc-datepicker .mbsc-disabled .mbsc-calendar-month-name {opacity: .5;}
.mbsc-datepicker .mbsc-windows.mbsc-calendar-cell-inner{border: none;}
.mbsc-datepicker .mbsc-windows.mbsc-calendar-day-text{line-height: 3.285715em; margin: 0; font-family: var(--font_IBMPlex_m); border-radius: 0;}
.mbsc-datepicker .mbsc-windows.mbsc-calendar-cell.mbsc-hover:after {background: var(--primary-20);}

.mbsc-datepicker .mbsc-windows.mbsc-icon-button {height: 2em; width: 2em;}
.mbsc-datepicker .mbsc-windows.mbsc-button-flat.mbsc-hover{opacity: 1; background: var(--primary);}
/* CALENDER CSS CLOSE  */
body.active_selected_date_popup {overflow: hidden;} 

/* CALENDER CSS */
.fc .fc-button{ border-radius: 0 !important;}
/* CALENDER CSS */
div#selected_date_popup {position: fixed; background: rgb(0 0 0 / 50%); width: 100%; height: 100%; left: 0; top: 0; z-index: 111;}
.selected_day_cst_popup {position: absolute; background: var(--white); left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 2rem;}
.close_select_time_popup {position: absolute; top: 5px; right: 5px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 0; border: 0; background: #f5f5f5; color: var(--black); padding: 2px;}
.time_list .selectable_booking_hour {margin-bottom: 0.5rem; font-size: 14px; font-family: var(--font_IBMPlex);}
.time_list .selectable_booking_hour div{border: 1px solid var(--border-color); padding: 0.25rem 1rem;}

.artist_summary_list_item {margin-bottom: 1rem;}
.artist_list_flex {display: flex; align-items: center; justify-content: space-between; gap: 1rem; position: relative;}
.artist_summary_title{}
.artist_summary_value{font-family: var(--font_IBMPlex_s);}
.cust_prod_total_field .artist_summary_title {font-size: 18px;}
.cust_prod_total_field .artist_summary_value{font-size: 20px; font-family: var(--font_IBMPlex_b);}
.lessson_information {position: absolute; background: white; top: 100%; left: 0; width: 100%; font-size: 12px; padding: 0.5rem 0.8rem; border: 1px solid var(--border-color); z-index: 1;}
.lessson_information:after {content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: 0px; border-width: 5px; border-style: solid; border-color: transparent transparent var(--border-color) transparent;}

.lession_list {margin: 0;}
.lession_list .lession_list_item {display: flex; align-items: center; justify-content: space-between; padding: 0.8rem 1rem; border-bottom: 1px solid var(--silver); background: rgb(171 149 64 / 8%);}
.lession_list .lession_list_item:last-child {border-bottom: 0;}
.lession_list .lession_list_item .custom-radio-wrap {display: flex; align-items: center; gap: 0.5rem;}
.lession_list .lession_list_item .lesson_label {font-family: var(--font_IBMPlex_m); font-size: 16px;}
.lession_list .lession_list_item .lession_price {font-family: var(--font_IBMPlex_s);}
.pay_flex_title{display: flex; align-items: center; justify-content: space-between;} 

.processor_loader_section {
    position: fixed;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ARTIST PROFILE BOOKING TAB CLOSE */

/* HIKAMARKET CSS START */
.hikam_toolbar{padding: 20px 40px; border-top: 0; border-bottom: 0; margin: 0; border-color: var(--border-color); background: var(--white);}

.hika_j2 .btn-primary, .hikabtn-primary{background: var(--secondary); border-color: var(--secondary);}
.hikabtn, 
.hika_j2 .btn{border-radius: 0; border-color: var(--black); padding: 0.6rem 1rem; font-family: var(--font_IBMPlex_s); font-size: 1rem; line-height: 1.5; outline: none;}
.hikabtn:hover, 
.hika_j2 .btn:hover{background: var(--primary); border-color: var(--primary); color: var(--white);}

.hika_j2 .btn-primary:focus, 
.hikabtn-primary:focus{background: var(--primary); border-color: var(--primary); color: var(--white);}
.hikashop_dropzone{border: 2px dashed var(--silver); border-radius: 0;}
.hk-input-group .hk-form-control, .hk-input-group .hk-input-group-text{border: 1px solid var(--silver); border-radius: 0; padding: 0.6rem 1rem; outline: none;}
.hikam_toolbar .fa{color: var(--black);}

.hika_j2 .btn-warning, .hikabtn-warning{border-color: #eea236;}

.hikamarket_vendor_edit_page dl.hikam_options > dt{float: none; clear: none; width: 100%; font-weight: unset; text-align: left;}
.hikamarket_vendor_edit_page dl.hikam_options > dd{margin: 0;}

.hk-input-group .hk-input-group-append .hikabtn {margin-bottom: 0; padding: 0.5rem 1rem; border-color: var(--silver);}

table.hikam_table th, table.hikam_table.hikam_bordered > thead > tr > th{border-bottom: 0; text-align: unset; font-weight: unset; font-family: var(--font_IBMPlex_s);}
table.hikam_table.hikam_bordered, table.hikam_table.hikam_bordered td, table.hikam_table.hikam_bordered > thead > tr > th{border-color: var(--border-color); padding: 0.5rem 1rem;}
table.hikam_table{color: var(--black);}
div.acl-popup-content{z-index: 1;}

.user_market_page .hikam_user_table .list-footer {margin: 0;}
.user_market_page .hikam_user_table .list-footer .limit {display: flex; align-items: center; width: 100%; gap: 1rem;}
.pagination_flex {display: grid; gap: 1rem; justify-content: space-between; align-items: center; grid-template-columns: 1fr auto;}

.cust_hikam_flex_list {background: rgb(171 149 64 / 8%); padding: 1rem; margin: 0;}
.cust_hikam_flex_list .cust_hikam_flex_item {display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--silver);}
.cust_hikam_flex_list .cust_hikam_flex_item .hikamarket_user_value {font-family: var(--font_IBMPlex_s);}
.cust_hikam_flex_list .cust_hikam_flex_item:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.hikamarket_address_title {font-family: var(--font_IBMPlex_s); font-size: 20px; display: block; margin-bottom: 0.5rem;}

#hikamarket_user_addresses_show .hikamarket_user_address, 
#hikamarket_user_shipping_addresses_show .hikamarket_user_address, 
#hikamarket_user_billing_addresses_show .hikamarket_user_address, 
#hikamarket_user_addresses_show .hikashop_address_edition {background: var(--name); border-color: var(--border-color); border-radius: 0; margin: 10px 0px 0px 0px; padding: 1rem;}

.hikam_options .hika_list_items {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--silver); padding-bottom: 0.5rem; margin-bottom: 0.5rem;}

.hika_list_value {font-family: var(--font_IBMPlex_s);}
label.hk-label {display: inline-block; padding: 5px 8px; font-size: 12px; line-height: 14px; color: #FFF; font-family: var(--font_IBMPlex_b); border-radius: 4px;}
label.hk-label-blue {background-color: var(--primary); color: var(--white);}
/*  */
.hika_pro_cart_list_item {display: grid; align-items: center; grid-template-columns: 1fr 180px; border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);}
.hika_thumb_pro_group {display: grid; align-items: flex-start; gap: 1rem; grid-template-columns: 200px 1fr;}
.hika_thumb_pro {height: 100%; border-left: 1px solid var(--border-color);}
.hika_thumb_pro_details {display: flex; flex-direction: column; gap: 8px; padding: 1rem 0;}

.hikam_listing .hikamarket_order_item_name_value a {display: flex; align-items: flex-start; gap: 1rem;}
.hikam_listing .hikamarket_order_item_name_value a img.hikam_imglist {margin: 0; float: none;}
.hikam_listing .product_name .hikashop_product_variant_subname {font-size: 16px; font-family: var(--font_IBMPlex);} 

.hikamarket_pagination {padding: 1rem;}
.hikamarket_pagination .list-footer.pagination {margin: 0; flex-direction: column; gap: 1rem;}
.hikamarket_pagination .list-footer.pagination ul.hikashop_pagination{margin: 0 !important;}

/* HIKAMARKET CSS CLOSE */

/* ORDER LISTING PAGE CSS START */
body.com_hikamarket.view-ordermarket.layout-listing.task-listing .hikam_toolbar{display: none;}
.hkm_order_desc {font-size: 14px; font-family: var(--font_IBMPlex_m); color: var(--gray-50);}
.custom_search_filter_section .custom-lms-filter-group .lms_course_filter select {border: 0; border-radius: 0; margin: 0; width: 100%; outline: none;}
.custom_search_filter_section .hikamarket_search_block{width: 100%; height: 100%; margin: 0;}
.custom_search_filter_section .hikamarket_search_block input#hikamarket_order_listing_search {border: 0;}
.custom_search_filter_section .hikamarket_search_block .hk-input-group {margin: 0; display: grid; grid-template-columns: 1fr auto; width: 100%; height: 100%;}
.custom_search_filter_section .hikamarket_search_block .hk-input-group-append{height: 100%;}
.custom_search_filter_section .hikamarket_search_block .hk-input-group-append button.hikabtn {height: 100%; border-color: var(--border-color); border-top: 0; border-bottom: 0;}

.hika_order_main_listing_page{display: grid; grid-template-columns: 1fr;}
.hika_order_main_listing_page .custom_hika_order_list {background: var(--white); display: grid; grid-template-columns: 1fr 1fr 0.5fr 0.8fr 0.5fr 0.5fr; margin: 0; gap: 1rem;}
.hika_order_main_listing_page .hkm_order_item {display: flex; align-items: flex-start; gap: 0.25rem; flex-direction: column;}
.hika_order_main_listing_page .hkm_order_item .hkm_order_lbl {font-size: 14px; font-family: var(--font_IBMPlex_m); color: var(--gray-50);}
.hika_order_main_listing_page .hkm_order_status {display: flex; align-items: center; gap: 0.5rem; justify-content: flex-end;}
.hika_order_main_listing_page .hkm_order_status .order-label {font-size: 14px; font-weight: 500; padding: 4px 12px; font-family: var(--font_IBMPlex_m); text-shadow: none; line-height: normal; border-radius: 0; color: var(--black);}
.order-label.order-label-confirmed{background: var(--status_green);}
.order-label.order-label-created{background: var(--status_blue);}
.order-label.order-label-cancelled{background: var(--status_red);}
.order-label.order-label-shipped{background: var(--status_green);} 
.order-label.order-label-refunded{background: var(--status_yellow);}
/* ORDER LISTING PAGE CSS CLOSE */

/* PROJECT LISTING PAGE CSS START */
.project_row {display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.add_project_btn {display: flex; align-items: center; gap: 2rem;}
.add_project_btn .add_project_title {font-size: 20px; font-family: var(--font_IBMPlex_m);}

.job_title {font-size: 24px; font-family: var(--font_IBMPlex_b); margin-bottom: 8px; display: block;}
.jobs_filters_list .jobs_field_filter {display: flex; align-items: center; padding: 10px; justify-content: center;}
.jobs_field_filter .form_select {border: 0; border-radius: 0; width: 100%; outline: 0;}
.student_job_row {display: grid; grid-template-columns: 30px auto; gap: 8px; margin-bottom: 20px;}
.student_job_role {display: flex; align-items: center; gap: 8px;}
.student_job_role .student_name {font-size: 16px; font-family: var(--font_IBMPlex_s);}
.job_posted_at {font-size: 14px; font-family: var(--font_IBMPlex_m); color: var(--gray-50);}
.student_job_desc {color: var(--gray-50); font-size: 16px; margin-bottom: 20px; word-break: break-word;}
.job_featured_list {display: flex; align-items: center; gap: 1rem;}
.job_featured_list .job_featured_list_item {display: flex; align-items: center; gap: 0.35rem;}
.job_featured_list .job_featured_list_item .job_label {font-size: 18px;}
.job_featured_list .job_featured_list_item .job_label_bold {font-family: var(--font_IBMPlex_b); font-size: 16px;}
.job_field_new_btn {margin-bottom: 8px;}
.job_field_new_btn .new_label {display: inline-flex; align-items: center; justify-content: center;background: #34A853; color: var(--white); padding: 4px 12px; font-size: 16px; font-family: var(--font_IBMPlex_m);}
.cust_featured_btn_group {margin-bottom: 8px; text-align: right;}

/* POPUP CSS START  */
.active_apply_job_popup .cust_job_popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 20px; background: rgb(0 0 0 / 50%); z-index: 111; overflow: hidden;}
.active_apply_job_popup .cust_job_popup .cust_job_modal {background: var(--white); max-width: 800px; margin: 2rem auto; padding: 2rem; position: relative; height: auto;}
.active_apply_job_popup .cust_job_popup .close_btn {position: absolute; top: 5px; right: 5px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 0; border: 0; background: #f5f5f5; color: var(--black); padding: 2px;}
.active_apply_job_popup .cust_job_popup .btn-control-group {display: flex; align-items: center; gap: 1rem;}
.active_apply_job_popup .cust_job_popup .modal-description {font-family: var(--font_IBMPlex_m);}
.active_apply_job_popup .cust_job_popup label {font-family: var(--font_IBMPlex_s); color: var(--gray-40); font-size: 14px;}
.active_apply_job_popup .cust_job_popup .form-control{font-size: 16px;}
.active_apply_job_popup .cust_job_popup .cust_form_control{position: relative;}
.active_apply_job_popup .cust_job_popup .cust_form_control .fields_tag {position: absolute; right: 15px; top: 50%; transform: translate(0%, -50%); font-size: 16px; font-family: var(--font_IBMPlex_s);}
.active_apply_job_popup .cust_job_popup .price_error {color: var(--error); font-family: var(--font_IBMPlex_m); display: block; font-size: 14px; margin: 0.5rem 0;}
.active_apply_job_popup .cust_job_popup .btn-control-group button {width: 100%;}

.swal-overlay{background: rgb(0 0 0 / 70%);}
.swal-modal{border-radius: 0;}
.swal-icon{margin-bottom: 0;}
.swal-icon--success__line{background-color: #27AE60;}
.swal-title{font-size: 24px; color: var(--black); font-family: var(--font_IBMPlex_b); padding-top: 10px;}
.swal-text {color: var(--text-color1); text-align: center;}
.swal-button-container {width: 100%; display: block;}
.swal-button{color: var(--white); background-color: var(--black); border-color: var(--black); font-family: var(--font_IBMPlex_s); font-size: 1rem; border-radius: 0; width: 100%; padding: 0.6rem 1rem;}
.swal-button:not([disabled]):hover{background-color: var(--primary);}
/* POPUP CSS CLOSE  */

/* PROJECT LISTING PAGE CSS CLOSE */

/* PROJECT DETAIL PAGE CSS START */

.job_title_wishlist {display: flex; align-items: center; justify-content: space-between;}
.job_title_wishlist .btn_wishlist {border: 1px solid var(--border-color); width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: var(--white);}
.job_desc {font-size: 16px; color: var(--gray-50); word-break: break-word;}
.required_skills_list {display: flex; align-items: center; gap: 1rem;}
.required_skills_list .required_tag {display: inline-flex; align-items: center; justify-content: center; padding: 0.5rem 1rem; background: rgb(1 1 1 / 4%); color: var(--gray-50); font-size: 12px; font-family: var(--font_IBMPlex_s);}

.job_product_box {display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem;}
.job_sliders_design img {border: 1px solid var(--border-color); aspect-ratio: 3 / 2; margin: 0 10px;}
.artist_list .artist_list_items .open_tag {color: #34A853;}
.artist_list .artist_list_items .completed_tag {color: var(--primary);}
.project_type_control {display: flex; align-items: center;}
.project_type_control .form-control {margin-left: -1px; margin-right: -1px; display: flex; align-items: center; gap: 0.5rem;}
.invited_message {background: rgb(171 149 64 / 8%); padding: 0.5rem 1rem; font-family: var(--font_IBMPlex_m); font-size: 14px; margin-bottom: 1rem; border: 1px solid var(--primary);}

/* PROJECT DETAIL PAGE CSS CLOSE */

/* ACTIVE JOB PAGE CSS START */
.active_job_group_cols {display: flex ; align-items: center; gap: 0.35rem;}
.active_job_group_cols .job_label_bold {font-family: var(--font_IBMPlex_b); font-size: 16px;}
.active_job_status .job_status {font-size: 14px; font-family: var(--font_IBMPlex_m); padding: 4px 12px; color: var(--black); display: inline-flex; align-items: center; justify-content: center;}
.active_job_status .job_status.completed_status {background: var(--status_green);}
.active_job_status .job_status.cancel_status {background: var(--status_red);}
.active_job_status .job_status.pending_status {background: var(--status_blue);}
.active_job_unread_message {font-size: 14px; line-height: 21px; color: var(--gray-50); font-family: var(--font_IBMPlex_m);}
.activejob_btn {text-align: end; position: relative;}
.cust_featured_job .activejob_btn .cst_activejob_options {display: flex; position: absolute; top: calc(100% - 1px); gap: 0; margin: 0; background: var(--white-smoke); flex-direction: column; right: 0; border: 1px solid var(--border-color); z-index: 1;}
.cust_featured_job .activejob_btn .cst_activejob_options .cst_activejob_action {border-bottom: 1px solid var(--border-color);}
.cust_featured_job .activejob_btn .cst_activejob_options .cst_activejob_action:last-child {border-bottom: 0;}
.cust_featured_job .activejob_btn .cst_activejob_options .cst_activejob_action a {font-size: 14px; font-family: var(--font_IBMPlex_b); display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; padding: 0.5rem 1rem;}
.cust_job_assigned_time label,
.cust_job_assigned_user label{font-family: var(--font_IBMPlex_m); color: var(--gray-50); font-size: 14px;}
.cust_job_assigned_time .assigned_date,
.cust_job_assigned_user .user_name {font-family: var(--font_IBMPlex_b); font-size: 14px;}
/* ACTIVE JOB PAGE CSS CLOSE */

/* ARTIST DASHBORD PAGE CSS START */
.teach_dash_mainbar .tech_dash_msg {font-family: var(--font_IBMPlex_m); font-size: 16px; margin-bottom: 4px;}
.teach_dash_mainbar .teacher_dash_name {font-family: var(--font_IBMPlex_b); font-size: 20px; margin-bottom: 4px;}
.teach_dash_mainbar .tech_dash_btn_group {display: flex; align-items: center; justify-content: flex-end; gap: 1rem;}

.teach_dash_mainbar .tech_dash_list_row {display: grid; grid-template-columns: repeat(5, 1fr); gap: 0;}
.teach_dash_mainbar .tech_dash_list_row .tech_dash_list_item {display: flex; gap: 1rem; justify-content: space-between;}
.teach_dash_mainbar .tech_dash_list_row .tech_dash_list_item .tech_list_label {font-family: var(--font_IBMPlex_m);}
.teach_dash_mainbar .tech_dash_list_row .tech_dash_list_item .tech_list_ans {font-family: var(--font_IBMPlex_b); font-size: 24px;}

.teach_dash_mainbar .filter_chart_section {display: flex; align-items: flex-start; gap: 1rem; justify-content: space-between;}
.teach_dash_mainbar .filter_chart_section .filter_chart_cols .tech_courses_title {font-size: 24px; font-family: var(--font_IBMPlex_s); margin-bottom: 4px;}
.teach_dash_mainbar .filter_chart_section .filter_chart_cols .price_sec {font-size: 40px; font-family: var(--font_IBMPlex_b);} 
.teach_dash_mainbar .filter_chart_section .filter_chart_cols .tech_graph_group {display: flex; align-items: center; gap: 1rem;}
.teach_dash_mainbar .filter_chart_section .filter_chart_cols .tech_graph_group select.control {font-size: 16px; font-family: var(--font_IBMPlex_b); border: 0; outline: none;}
.teach_dash_mainbar .filter_chart_section .filter_chart_cols button.btn_sync_submit {color: var(--black); border: 1px solid var(--border-color); background: var(--white); font-size: 16px; padding: 5px; display: flex; align-items: center; justify-content: center;}
#chart1 .graph-svg-tip {background: var(--white); box-shadow: 0 4px 20px 0 rgb(0 0 0 / 20%); color: var(--black);}
#chart1 .graph-svg-tip .graph-svg-tip.comparison .title {font-size: 12px; color: var(--border-color); text-align: center;}
.graph-svg-tip.comparison .title{text-align: center;}
#chart1 .graph-svg-tip strong {font-family: var(--font_IBMPlex_b); color: var(--black);}
#chart1 .graph-svg-tip.comparison ul li {border-top: 0 !important; display: flex; align-items: center; flex-direction: column; justify-content: center; color: var(--black); font-size: 16px;}
#chart1 .graph-svg-tip .svg-pointer{border-top-color: var(--white);}

.lms_sidebar_menu .menu_sidebar li{padding: 12px 20px; position: relative;}
.lms_sidebar_menu .menu_sidebar li .submenu-toggle {position: absolute; right: 12px; color: var(--gray60);}

.lms_sidebar_menu .menu_sidebar li:hover .submenu-toggle,
.lms_sidebar_menu .menu_sidebar li:focus .submenu-toggle, 
.lms_sidebar_menu .menu_sidebar li.active .submenu-toggle {color: var(--black);}

.lms_sidebar_menu .menu_sidebar li .menu-link {display: inline-flex; align-items: center; gap: 0.5rem;}
.lms_sidebar_menu .menu_sidebar>li:hover,
.lms_sidebar_menu .menu_sidebar>li:focus,
.lms_sidebar_menu .menu_sidebar>li.active{background: var(--white-smoke);}
.lms_sidebar_menu .menu_sidebar li a.menu-link{font-family:var(--font_IBMPlex_b); font-size: 16px; color: var(--gray60);}

.lms_sidebar_menu .menu_sidebar>li:hover>.menu-link,
.lms_sidebar_menu .menu_sidebar>li:focus>.menu-link,
.lms_sidebar_menu .menu_sidebar>li.active>.menu-link{color: var(--black);}

.lms_sidebar_menu .menu_sidebar>li:hover .menu-image,
.lms_sidebar_menu .menu_sidebar>li:focus .menu-image,
.lms_sidebar_menu .menu_sidebar>li.active .menu-image{filter: brightness(0);}

.lms_sidebar_menu .menu_sidebar li ul {position: relative;}
.lms_sidebar_menu .menu_sidebar li ul:before {content: ""; width: 2px; height: calc(100% - 25px); background: var(--gray60); display: block; position: absolute; left: 12px;}
.lms_sidebar_menu .menu_sidebar li ul li {padding-left: 12px;}
.lms_sidebar_menu .menu_sidebar li ul li .menu-link{align-items: baseline;}
.menu-icon {width: 20px; height: 20px; border-width: 0px 0px 2px 2px; border-style: solid; border-color: var(--gray60); border-radius: 0px 0px 0px 8px;}

.lms_sidebar_menu .menu_sidebar li ul li:hover .menu-link,
.lms_sidebar_menu .menu_sidebar li ul li:focus .menu-link,
.lms_sidebar_menu .menu_sidebar li ul li.active .menu-link{color: var(--black);}
/* ARTIST DASHBORD PAGE CSS CLOSE */

/* MY SERVICES PAGE CSS START */
.cust_myservice_section .cust_myservice_filterbar {text-align: left; align-items: center; justify-content: flex-end;}
.myservice_desc {font-size: 14px; color: var(--gray-50); font-family: var(--font_IBMPlex_m);}
.cust_myservice_list_item {display: grid; grid-template-columns: 180px auto;}
.my_service_group {display: grid; grid-template-columns: 2fr 0.6fr 0.6fr 0.6fr 0.25fr; gap: 1.25rem; align-items: center;}
.service_title {font-size: 18px; font-family: var(--font_IBMPlex_b); display: block; margin-bottom: 4px;}
.my_service_descr {font-size: 14px; color: var(--gray-50);}
.my_service_group .myservice_label {font-family: var(--font_IBMPlex_m); color: var(--gray-50); font-size: 14px;}
.my_service_group .service_ans {font-family: var(--font_IBMPlex_b); font-size: 16px;}
.my_service_group .services_btn{position: relative;}
/* .my_service_group .services_btn .cst_services_options {display: flex; align-items: center; margin: 0; position: absolute; top: calc(100% - 1px); gap: 0;}
.my_service_group .services_btn .cst_services_options .cst_services_action {width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--border-color); font-size: 14px;} */


.my_service_group .services_btn .cst_services_options {display: flex; position: absolute; top: calc(100% - 1px); gap: 0; margin: 0; background: var(--white-smoke); flex-direction: column; left: 0; border: 1px solid var(--border-color); z-index: 1;}
.my_service_group .services_btn .cst_services_options .cst_services_action {border-bottom: 1px solid var(--border-color);}
.my_service_group .services_btn .cst_services_options .cst_services_action:last-child {border-bottom: 0;}
.my_service_group .services_btn .cst_services_options .cst_services_action a {font-size: 14px; font-family: var(--font_IBMPlex_b); display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; padding: 0.5rem 1rem;}
/* MY SERVICES PAGE CSS CLOSE */

/* REQUESTED SERVICES PAGE CSS START */
.requested_service_group {display: grid; grid-template-columns: 1fr 1fr 0.5fr 0.5fr 0.5fr 0.5fr 0.25fr; gap: 1rem; align-items: center;}
.requested_service_group .re_service_label {font-family: var(--font_IBMPlex_m); color: var(--gray-50); font-size: 14px;}
.requested_service_group .service_ans {font-family: var(--font_IBMPlex_b); font-size: 16px;}
.requested_service_group .req_label {font-family: var(--font_IBMPlex_m); font-size: 14px; padding: 4px 12px; color: var(--black);}
.service_inprogress.req_label {background: rgb(66 133 244 / 20%);}
.service_approve.req_label {background: rgb(251 188 4 / 20%);}
.service_completed.req_label {background: rgb(52 168 83 / 20%);}
.requested_service_group .services_btn {position: relative;} 
/* .cst_services_options {display: flex; align-items: center; margin: 0; position: absolute; top: calc(100% - 1px); gap: 0;} 
.cst_services_options .cst_services_action {width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--border-color); font-size: 14px;} */

.requested_service_group .cst_services_options {display: flex; position: absolute; top: calc(100% - 1px); gap: 0; margin: 0; background: var(--white-smoke); flex-direction: column; left: 0; border: 1px solid var(--border-color); z-index: 1;}
.requested_service_group .cst_services_options .cst_services_action {border-bottom: 1px solid var(--border-color);}
.requested_service_group .cst_services_options .cst_services_action:last-child {border-bottom: 0;}
.requested_service_group .cst_services_options .cst_services_action a {font-size: 14px; font-family: var(--font_IBMPlex_b); display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; padding: 0.5rem 1rem;}
/* REQUESTED SERVICES PAGE CSS CLOSE */

/* MANAGE SERVICES PAGE CSS START */
.cust_myservice_filterbar {align-items: center;}
.active_order {font-family: var(--font_IBMPlex_m); color: var(--black);}
.active_order strong {color: var(--primary);}
.cust_manage_service_list_item_group {display: grid; grid-template-columns: 180px auto; gap: 0rem;}
.cust_manage_service_list_item_group .cust_manage_src_list_view {display: grid; grid-template-columns: 0.5fr 1fr; align-items: center; gap: 1rem; padding: 1rem;}
.cust_manage_service_list_item_group .service_profile_img {display: grid; grid-template-columns: 40px auto; align-items: center; gap: 0.5rem;}
.service_lable{font-size: 14px; color: var(--gray-50); font-family: var(--font_IBMPlex_m);}
.service_ans {font-size: 14px; font-family: var(--font_IBMPlex_b);}
.my_service_user {font-family: var(--font_IBMPlex_b); font-size: 16px;}
.status_base {font-size: 14px; font-family: var(--font_IBMPlex_m); padding: 4px 12px; color: var(--black); display: flex; align-items: center; justify-content: center;}
.status_base.In.Progress {background: var(--status_blue);} 
.status_base.Completed{background: var(--status_green);}
.service_img .myservices_img {object-fit: cover; width: 100%; height: 100%;}
.my_service_user_frame {display: flex; align-items: center; gap: 0.2rem; justify-content: flex-start;}
.cust_manage_service_list_item_group .my_service_list_002 {display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; align-items: center;}
.cust_manage_service_list_item_group .service_group {display: flex; flex-direction: column; gap: 0.4rem; align-items: flex-start;}

/* MANAGE SERVICES PAGE CSS CLOSE */

/* MANAGE SERVICES DETAIL PAGE CSS START */
.message_button .msg-link-btn {display: flex; align-items: center; gap: 0.25rem; font-size: 18px; font-family: var(--font_IBMPlex_s);}
/* MANAGE SERVICES DETAIL PAGE CSS CLOSE */

/* MY COURSES PAGE CSS START */
.custom_courses .mycourse_desc {font-size: 14px; color: var(--gray-50); font-family: var(--font_IBMPlex_m); margin: 0;}
.my_courses_group {display: grid; grid-template-columns: 2fr 1fr 0.5fr 0.5fr 0.25fr; gap: 1rem; align-items: center;}
.my_courses_listed_row {display: flex; align-items: center; gap: 1rem;}
.my_courses_listed_row .my_courses_listed_item {display: flex; align-items: center; gap: 0.5rem;}
.my_courses_listed_row .my_courses_listed_item .duration_title,
.my_courses_listed_row .my_courses_listed_item .subscribers_title {font-size: 12px; font-family: var(--font_IBMPlex_b);}
.my_courses_teacher {color: var(--gray-50); font-size: 16px; font-family: var(--font_IBMPlex_m);}
.my_courses_name {font-family: var(--font_IBMPlex_b); font-size: 20px; margin-bottom: 4px;}
.my_courses_lbl {font-size: 14px; font-family: var(--font_IBMPlex_m); color: var(--gray-50);}
.my_courses_ans {font-size: 16px; font-family: var(--font_IBMPlex_b);}
.my_courses_tag {font-size: 14px; font-family: var(--font_IBMPlex_m); padding: 4px 12px; color: var(--black); display: inline-flex; align-items: center; justify-content: center;}

.tech_unpublished.my_courses_tag {background: rgb(66 133 244 / 20%);}
.tech_approved.my_courses_tag {background: rgb(251 188 4 / 20%);}
.tech_published.my_courses_tag {background: rgb(52 168 83 / 20%);}

.my_courses_group .courses_btn{position: relative;}
.my_courses_group .courses_btn .cst_courses_options {display: flex; position: absolute; top: calc(100% - 1px); gap: 0; margin: 0; background: var(--white-smoke); flex-direction: column; left: 0; border: 1px solid var(--border-color); z-index: 1;}
.my_courses_group .courses_btn .cst_courses_options .cst_courses_action{border-bottom: 1px solid var(--border-color);}
.my_courses_group .courses_btn .cst_courses_options .cst_courses_action:last-child {border-bottom: 0;}
.my_courses_group .courses_btn .cst_courses_options .cst_courses_action a {font-size: 14px; font-family: var(--font_IBMPlex_b); display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; padding: 0.5rem 1rem;}

.my_courses_lists .my_courses_profile {position: relative;} 
.my_course_rating {position: absolute; top: 12px; right: 12px; background: rgb(255 255 255 / 80%); padding: 6px 10px;}

.my_courses_load_more_btn {display: flex; align-items: center; justify-content: center;}
.my_courses_load_more_btn .btn-loadmore {display: flex; flex-direction: column; align-items: center; gap: 0.5rem;}
/* MY COURSES PAGE CSS CLOSE */

/* MY PRODUCT LIST PAGE CSS START */
body.com_hikamarket.view-productmarket.layout-listing.task-listing .hikam_toolbar {display: none;}
.product_listing_desc{font-size: 14px; font-family: var(--font_IBMPlex_m); color: var(--gray-50);} 
.my_product_section_01 .pro_vendor_list {display: flex; align-items: center; margin: 0; gap: 1rem; justify-content: flex-end;}
.my_product_section_01 .pro_vendor_list .hikam_sort_zone, .pro_vendor_list .hkm-add-product {flex: 1;}
.my_product_section_01 .pro_vendor_list .hikam_sort_zone select.form-select {margin: 0;}
.my_product_section_01 .pro_vendor_list .hkm-add-product .btn-secondary{line-height: 30px; margin: 0;}
.artist_product_lists {align-items: center; display: grid; grid-template-columns: 100px auto; gap: 1rem;}
.artist_product_lists_row {display: grid; gap: 1rem; grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1.2fr 1fr;}
.artist_product_lists .artist_product_lists_item .my_product_label {font-family: var(--font_IBMPlex_m); font-size: 14px; color: var(--gray-50);}
.artist_product_lists .artist_product_lists_item .my_product_ans {font-family: var(--font_IBMPlex_b); font-size: 16px; color: var(--black);}
.artist_product_lists .artist_product_lists_item .hikabtn.hkm_publish_button {margin: 0; font-family: var(--font_IBMPlex_m); font-size: 14px; padding: 4px 12px; color: var(--black);}
.artist_product_lists .artist_product_lists_item .hikabtn.hkm_publish_button i {display: none;}
.artist_product_lists .artist_product_lists_item .hikabtn.hikabtn-success.hkm_publish_button {background: rgb(52 168 83 / 20%); border: none;}
.artist_product_lists .artist_product_lists_item .hikabtn.hkm_publish_button.hikabtn-danger{background: rgb(235 87 87 / 20%); border: none;}
.artist_product_lists .artist_product_lists_item .hkm_product_publish {display: flex; align-items: center; gap: 1rem; justify-content: flex-end;}
.artist_product_lists .artist_product_lists_item .hkm_product_publish .hkdropdown button.hikabtn{border: none; padding: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;}
.artist_product_lists .artist_product_lists_item .hkm_product_publish .hkdropdown button.hikabtn span.caret {display: none;}
.artist_product_lists .artist_product_lists_item .hkm_product_publish .hkdropdown .hkdropdown-menu-right{left: 0; right: unset;}
/* MY PRODUCT LIST PAGE CSS CLOSE */

/* MESSAGE PAGE CSS START */
@-moz-document url-prefix() {
  body.view-messages{scrollbar-color:var(--border-color) #dddddd;}
}
body.view-messages::-webkit-scrollbar {width: 1px; border-radius: 0;}
body.view-messages::-webkit-scrollbar-thumb {background: var(--border-color); border-radius: 0;}
body.view-messages::-webkit-scrollbar-track {background: #dddddd; border-radius: 0;}

.list_title {font-size: 20px; font-family: var(--font_IBMPlex_b); padding: 15px 20px;}
.thread_detail {padding: 20px; border-bottom: 1px solid var(--border-color); background: var(--white);}
.thread_detail.active {background: var(--white-smoke);}
.member_details {display: flex; align-items: center; gap: 0.5rem; margin-bottom: 8px; position: relative;}
.member_details .user_profile_name {font-family: var(--font_IBMPlex_b); font-size: 16px;}
.user_thread_detail {display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.thread_chat_pannel .user_thread_detail {display: grid; grid-template-columns: auto 75px; align-items: flex-start; gap: 0.5rem;}
.user_thread_detail .jobtitle {font-size: 14px; font-family: var(--font_IBMPlex_m); color: var(--gray-50);  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.user_thread_detail .message_time{font-size: 14px; color: var(--gray-50);}
.thread_unread_messages {display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: var(--black); color: var(--white); font-size: 12px; font-family: var(--font_IBMPlex_b); position: absolute; left: 0;}
.profile_30 {width: 30px; height: 30px; border-radius: 30px;}

.message_header {display: flex; align-items: center; justify-content: space-between; padding: 15px 20px;}
.message_header .member_details {margin: 0;}
.message_header .messages_btn_edit {border: 0; background: var(--white); width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; padding: 0;}
.messages_btn {position: relative;}
.cst_messages_options {margin: 0; background: var(--white-smoke); display: flex; flex-direction: column; position: absolute; right: 0; border: 1px solid var(--border-color); z-index: 1;}
.message_header .cst_messages_options li {border-bottom: 1px solid var(--border-color);}
.message_header .cst_messages_options li:last-child {border-bottom: 0;}
.message_header .cst_messages_options li a {font-size: 14px; font-family: var(--font_IBMPlex_b); display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; padding: 0.5rem 1rem;}

.msg_inbox {padding: 25px 30px; overflow-y: auto; background: var(--white); height: 500px;}
.message_channel_row .msg_inbox::-webkit-scrollbar {width: 1px;}
.message_channel_row .msg_inbox::-webkit-scrollbar-track {background-color: #ebebeb;}
.message_channel_row .msg_inbox::-webkit-scrollbar-thumb {background: var(--border-color);}
.right.message {max-width: 60%; margin: 0 auto 1rem 0; display: flex; justify-content: flex-start;}
.left.message {max-width: 60%; margin: 0 0 1rem auto; display: flex; justify-content: flex-end;}
.right.message .user_msg {display: flex; align-items: flex-start; flex-direction: column; gap: 4px;}
.left.message .user_msg {display: flex; align-items: flex-end; flex-direction: column; gap: 4px;}
.right.message .user_msg .msg {background: var(--border-color); padding: 0.5rem 1rem; color: var(--white); font-size: 14px; font-family: var(--font_IBMPlex_b); position: relative; display: flex; align-items: center; justify-content: flex-start; width: max-content;}
.left.message .user_msg .msg {background: #DFDFDF; padding: 0.5rem 1rem; color: var(--black); font-size: 14px; font-family: var(--font_IBMPlex_b); position: relative; display: flex; align-items: center; justify-content: end; width: max-content;}
.right.message .user_msg .msg:before {content: ""; width: 0px; height: 0px; border-style: solid; border-width: 5px 5px; border-color: transparent transparent #000 #000; transform: rotate(90deg); left: 0; position: absolute; top: 100%;}
.left.message .user_msg .msg:before {content: ""; width: 0px; height: 0px; border-style: solid; border-width: 5px 5px; border-color: transparent transparent #DFDFDF #DFDFDF; transform: rotate(180deg); right: 0; position: absolute; top: 100%;}
.right.message .message_time {margin-left: 15px; display: flex; align-items: center; justify-content: flex-start;}
.left.message .message_time {margin-right: 15px; display: flex; align-items: center; justify-content: flex-end;}
.message_time {font-size: 12px; color: var(--gray-50); font-family: var(--font_IBMPlex_m);}

.right.message .user_msg .msg_docs {border: 4px solid var(--border-color); padding: 0.5rem 1rem; position: relative; display: flex; align-items: center; justify-content: end; width: max-content;}
.left.message .user_msg .msg_docs {border: 4px solid var(--border-color); padding: 0.5rem 1rem; position: relative; display: flex; align-items: center; justify-content: end; width: max-content;}
.right.message .user_msg .msg_docs:before {content: ""; width: 0px; height: 0px; border-style: solid; border-width: 5px 5px; border-color: transparent transparent #000 #000; transform: rotate(180deg); right: -4px; position: absolute; top: 100%;}
.left.message .user_msg .msg_docs:before {content: ""; width: 0px; height: 0px; border-style: solid; border-width: 5px 5px; border-color: transparent transparent #000 #000; transform: rotate(90deg); left: -4px; position: absolute; top: 100%;}

.messages_footer-control {display: grid; grid-template-columns: 1fr 32px 32px; align-items: center; border: 1px solid var(--border-color); border-left: 0; gap: 1.2rem; padding: 18px 30px;}
.messages_footer-control .btn_attachment,
.messages_footer-control .btn_sends {border: 0; background: var(--white); padding: 0; color: var(--black);}
.messages_footer-control .btn_sends svg{transform: rotate(180deg);}
.messages_footer-control .message_box {border: 0; resize: none; width: 100%;}
.blank_message-boxes {display: flex; align-items: center; flex-direction: column; gap: 1rem; justify-content: center; padding: 3rem 0;}

.preview {max-width: 200px; border: 4px solid var(--border-color); padding: 0.5rem 1rem; position: relative; display: flex; align-items: flex-start; justify-content: end; width: max-content; flex-direction: column; margin: 1rem 0; position: relative; font-family: var(--font_IBMPlex_m); font-size: 16px;}
.preview:before {content: ""; width: 0px; height: 0px; border-style: solid; border-width: 5px 5px; border-color: transparent transparent #000 #000; transform: rotate(90deg); left: -4px; position: absolute; top: 100%;}
/* .preview .close {position: absolute; bottom: 0px; left: 4px; z-index: 1; color: var(--error); cursor: pointer;} */
.attachment_docs {position: relative;}
.attachment_name {font-size: 12px; font-family: var(--font_IBMPlex_m); line-height: 14px;}
.preview .close {
    position: absolute;
    top: calc(50% - 24px);
    left: 50%;
    z-index: 1;
    color: var(--error);
    cursor: pointer;
    transform: translate(-50%, calc(50% - 24px));
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    background: #ffffff87;
}
 .user_msg .msg_docs.img-docs {max-width: 200px;}
/* MESSAGE PAGE CSS CLOSE */

/* EASYSTORE PAGE CSS START */
/* .custom_easystore_list .sppb-collection-item {border-left: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); padding: 20px;} */
.easystore-product-single .easystore-product-title{font-weight: normal; font-family: var(--font_IBMPlex_s);}
.easystore-product-single .easystore-product-image{padding-bottom: 70%; margin: 0; }
/* .easystore-product-single .easystore-product-image img{object-position: 100% 100%;} */
.easystore-product-single .easystore-product-gallery {gap: 0; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); margin: 3rem 0;}
.easystore-product-gallery button.easystore-gallery-image {border: 0; border-left: 1px solid var(--border-color); padding: 0; margin: 0;}
.easystore-product-gallery button.easystore-gallery-image img {width: 100%; height: 100%; object-fit: cover;}
.easystore-product-gallery .easystore-gallery-image.active{border-color: var(--black);}
.easystore-product-gallery button.easystore-gallery-image:nth-child(n+7) {border-top: 1px solid var(--border-color);}
.easystore-product-gallery button.easystore-gallery-image:nth-child(6n+6) {border-left: 0;}

.custom_easystore_product_list .easystore-visually-hidden {left: unset !important;}
.easystore-product-single .custom_easystore_btn_group {display: grid; grid-template-columns: 1fr 64px; gap: 1rem; margin-bottom: 1rem;}
.easystore-product-single .custom_easystore_btn_group .btn {margin: 0;}
.easystore-product-single .easystore-product-category {margin-bottom: 8px;}
.easystore-product-single .easystore-product-category a {color: var(--gray-50); font-family: var(--font_IBMPlex_m); font-size: 16px;}

.easystore-product-single .easystore-product-price {align-items: center; margin-bottom: 4px;}
.easystore-product-single .easystore-product-price .easystore-price-current {font-family: var(--font_IBMPlex_b); font-size: 24px;}
.easystore-product-single .easystore-product-price .easystore-price-original {color: var(--gray-50);}
.easystore-product-single .easystore-product-price .easystore-price-original:before{border-bottom: 1.5px solid var(--gray-50);}
.easystore-product-single .easystore-product-single-top .easystore-ratings-container{margin-bottom: 15px;}
.easystore-product-single .easystore-ratings-container .easystore-rating-stars{color: var(--primary);}
.easystore-product-single .easystore-ratings-container .easystore-rating-count {font-family: var(--font_IBMPlex_m); font-size: 14px;}
.easystore-product-single .easystore-product-description {font-size: 14px;}
.easystore-product-single .easystore-variant-option-color{border-radius: 0;}
.easystore-product-single .easystore-variant-option .easystore-variant-option-color:after{--easystore-variant-border-color: var(--gray60);}
.easystore-product-single .easystore-variant-option .easystore-variant-option-value {min-width: 40px; min-height: 40px; border-radius: 0; border-color: var(--gray60); color: var(--text-color1); font-size: 14px;}
.easystore-product-single .easystore-variant-option input[type=radio]:checked+.easystore-variant-option-value{color: var(--white); background: var(--black); border-color: var(--black);}
.easystore-ratings-container{gap: 4px;}
.easystore-ratings-container .easystore-svg{line-height: normal;}
.easystore-ratings-container .easystore-svg svg{width: auto; height: auto;}
.easystore-ratings-container .easystore-rating-count {font-size: 14px; font-family: var(--font_IBMPlex_b); font-weight: unset;}
.easystore-block-label {font-size: 14px; font-family: var(--font_IBMPlex_s); color: var(--black);}
.easystore-quantity-selector button.easystore-quantity-selector-btn {border: 1px solid var(--silver); font-family: var(--font_IBMPlex_s); font-size: 20px; width: 40px;}
.easystore-quantity-selector .easystore-product-quantity{font-family: var(--font_IBMPlex_s);}
.easystore-mini-cart-quantity-price .easystore-quantity-selector .form-control {width: 130px;}
.easystore-product-single .easystore-social-share-container {margin-bottom: 1rem;}
.easystore-product-single .easystore-quantity-container{margin-bottom: 1rem;}

.easystore-product-tags .list-inline-item a {display: inline-flex; background: rgb(1 1 1 / 4%); font-size: 12px; padding: 11px 20px; font-family: var(--font_IBMPlex_s); color: var(--gray-50);}
.easystore-product-inventory {background: var(--status_green); padding: 11px 20px; font-size: 14px; font-family: var(--font_IBMPlex_m); color: var(--black); max-width: 140px;}
.review_write_box .easystore-btn-review-form {margin: 0;}
.easystore-product-dimension {margin-bottom: 1rem;}
#reviewForm {margin-top: 1rem;}
#reviewForm label {font-family: var(--font_IBMPlex_s); font-size: 14px; color: var(--gray-50); margin-bottom: 4px;}
.easystore-product-single .easystore-review-container{border: 0;}
.easystore-review-container .easystore-reviews {gap: 0;}
.easystore-reviews .easystore-review-empty {font-size: 18px; font-family: var(--font_IBMPlex_m);}
.easystore-reviews .easystore-review-item {border-bottom: 1px solid var(--border-color);}
.easystore-reviews .easystore-review-item:last-child {border-bottom: 0;}
.easystore-reviews .easystore-review-ratings .easystore-ratings-container {margin-bottom: 0;}
.easystore-reviews .easystore-review-item .easystore-review-ratings {margin-bottom: 8px;}
.easystore-reviews .easystore-review-item .easystore-review-title{font-size: 20px; line-height: 24px; margin-bottom: 8px; font-weight: normal;}
.easystore-reviews .easystore-review-item .easystore-review-user{color: var(--gray-40); margin-bottom: 8px; font-size: 12px;}
.easystore-reviews .easystore-review-item .easystore-review-message {font-size: 14px; font-family: var(--font_IBMPlex); color: var(--gray-50);}

.easystore-reviews-summary .easystore-summary-count {align-items: center; margin-bottom: 8px;}
.easystore-reviews-summary .easystore-summary-count .easystore-summary-value{font-size: 24px; line-height: normal;}
.easystore-reviews-summary .easystore-summary-stars .easystore-rating-stars {font-size: 24px;}
.easystore-reviews-summary .easystore-summary-stars .easystore-ratings-container {margin-bottom: 0;}

.sidebar_flx_cols {display: flex; align-items: center; gap: 1rem; justify-content: space-between;}
.sidebar_flx_cols .sidebar_flx_lbl {font-size: 16px;}
.sidebar_flx_cols .sidebar_flx_ans {font-family: var(--font_IBMPlex_s); font-size: 16px;}
.sidebar_flx_price .sidebar_flx_lbl {font-size: 18px;}
.sidebar_flx_price .sidebar_flx_ans {font-size: 20px; font-family: var(--font_IBMPlex_b);}
.sidebar_flx_btn_group {display: flex; flex-direction: column; gap: 1rem;}

.easystore-cart .mainbar_cart_list_row {display: grid; grid-template-columns: 200px auto;}
.easystore-cart .mainbar_cart_details .mainbar_cart_items {display: grid; grid-template-columns: 1fr 200px; gap: 1rem; padding: 20px; height: 100%;}
.easystore-cart .mainbar_cart_details .mainbar_cart_right {display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 1rem;}
.easystore_cart_item_info .easystore-cart-item-title {font-size: 20px; font-family: var(--font_IBMPlex_s); font-weight: unset; line-height: unset;}
.easystore_cart_item_info .easystore-metadata-h {flex-direction: column; gap: 0.5rem; margin-bottom: 8px;}
.easystore_cart_item_info .easystore-metadata-h .easystore-metadata-item{align-items: center; font-size: 16px;}
.easystore-metadata-item .easystore-metadata-key {font-weight: unset; font-size: 16px; color: var(--black);}
.easystore-metadata-item .easystore-metadata-value{font-family: var(--font_IBMPlex_s);}
.easystore-cart .easystore-empty-cart {padding: 100px 50px;}
.easystore-cart .easystore-empty-cart .easystore_empty_desc {color: var(--gray-50);}

.easystore_sidebar .easystore-checkout-cart .easystore-checkout-items {display: none;}
.easystore_sidebar .easystore-checkout-cart .easystore-checkout-footer{margin-top: 0;}
.easystore_mainbar .easystore-checkout-cart .easystore-checkout-footer{display: none;}
.easystore_sidebar .easystore-checkout-cart .easystore-list-key {font-size: 16px; color: var(--black);}
.easystore_sidebar .easystore-list-group .easystore-list-item .easystore-list-value {font-family: var(--font_IBMPlex_s); font-size: 16px;}
.easystore_sidebar .easystore-list-group-footer .easystore-list-key{font-size: 18px; font-family: var(--font_IBMPlex_m);}
.easystore_sidebar .easystore-list-group-footer .easystore-list-value {font-size: 18px; font-family: var(--font_IBMPlex_b);}

.easystore-checkout-cart .mainbar_cart_list_row {display: grid; grid-template-columns: 200px auto;}
.easystore-checkout-cart .mainbar_cart_details .mainbar_cart_items {display: grid; grid-template-columns: 1fr 200px; gap: 1rem; padding: 20px; height: 100%;}
.easystore-checkout-cart .easystore-checkout-items{margin-top: 0; gap: 0;}
.easystore-checkout-cart .easystore-checkout-items .easystore-checkout-item{border-bottom: unset; padding-bottom: 0;}
.easystore-checkout-cart .easystore-checkout-item-title {font-size: 20px; font-family: var(--font_IBMPlex_s); color: var(--black); margin-bottom: 8px;}
.easystore-checkout-cart .easystore-checkout-items .easystore-checkout-item .easystore-metadata-h {flex-direction: column; gap: 0.5rem;}
.easystore-checkout-cart .easystore-checkout-items .easystore-checkout-item .easystore-metadata-h del {color: var(--gray-50);}
.easystore-checkout-cart .mainbar_cart_details .mainbar_cart_right {display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 1rem;}

.easystore-checkout-coupon-container button.btn{left: unset; right: 0; bottom: 0; background: var(--secondary); color: var(--white);}
.easystore-checkout-coupon-container button.btn:hover,
.easystore-checkout-coupon-container button.btn:focus{ background: var(--secondary); color: var(--primary);}

.easystore-checkout-information .easystore-payment-methods {display: grid; grid-template-columns: 1fr 1fr; overflow: unset;}
.easystore-checkout-information .easystore-payment-methods li {border: 0; border-left: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); border-radius: 0;}

.page-content-footer.success_btn_group {flex-direction: column;}
.easystore-checkout-information .easystore-shipping-methods {overflow: unset;}
.easystore-checkout-information .easystore-shipping-methods li.is-active {border-radius: 0; background: none; border: 0;}
.easystore-checkout-information .easystore-shipping-methods li label {padding: 0;}

.btn_wishlist .easystore-svg svg {width: 24px; height: 24px;}
button.btn.btn_wishlist {padding: 0; border: 0;}
button.btn.btn_wishlist.easystore-spinner::before{border-color: var(--gray-50); border-top-color: var(--border-color);}

.easystore-product-image{padding-bottom: 70%;}
/* .easystore-product-image img{position: unset; height: auto; width: auto; max-height: 250px; max-width: 250px; margin: 0 auto;} */

#column-wrap-id-3b99bbb0-b434-4f97-a295-9901b5370a70{height: 100%; overflow: auto; position: -webkit-sticky; position: sticky; top: 0%;}
.sp-page-builder .page-content #custom_easystore_page_section .easystore_sidebar {height: 100vh; overflow-y: auto;}
.sp-page-builder .page-content #custom_easystore_page_section .easystore_sidebar::-webkit-scrollbar {width: 3px; background: #f1f1f1;}
.sp-page-builder .page-content #custom_easystore_page_section .easystore_sidebar::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #f1f1f1; border-radius: 0px;}
.sp-page-builder .page-content #custom_easystore_page_section .easystore_sidebar::-webkit-scrollbar-thumb {border-radius: 0px; -webkit-box-shadow: inset 0 0 6px #c1c1c1; background: #c1c1c1;}

.fw-bold{font-family: var(--font_IBMPlex_b);}
.easystore-checkout-wrapper .easystore-checkout-btn-group .btn-secondary {min-width: 225px;}
.easystore-cart .courses_wizardbar {padding: 16px 20px;}
.taxt_shiping_label {font-size: 12px; font-family: var(--font_IBMPlex_m); line-height: 14px; color: var(--gray-50);}
/* EASYSTORE PAGE CSS CLOSE */

/* NEW CSS START FROM 12-09-24 */
.artist_product_service_section_grid {display: grid; grid-template-columns: 1fr 2fr; align-items: center;}
.artist_product_service_section_grid .artist_pro_srvc_sect_cols .js-stools-container-bar {padding: 0;}
.artist_product_service_section_grid .artist_pro_srvc_sect_cols .js-stools-container-bar .btn-toolbar {gap: 0.5rem;}
.artist_product_service_section_grid .artist_pro_srvc_sect_cols .js-stools-container-bar .btn-toolbar > *{margin: 0;}
.cust_grid_method {display: grid; grid-template-columns: 180px auto;}
.cust_grid_method_items_grid {display: grid; grid-template-columns: 2fr 0.6fr 0.6fr 0.6fr 0.25fr 0.25fr; gap: 1.25rem; align-items: center;}
.artist_pro_title {font-size: 18px; font-family: var(--font_IBMPlex_b); display: block; margin-bottom: 4px;}
.artist_pro_desc {font-size: 14px; color: var(--gray-50);}
.artist_pro_label {font-family: var(--font_IBMPlex_m); color: var(--gray-50); font-size: 14px;}
.artist_pro_value {font-family: var(--font_IBMPlex_b); font-size: 16px;}
.product_btn {position: relative;}
.product_btn .options_product {display: flex; position: absolute; top: calc(100% - 1px); gap: 0; margin: 0; background: var(--white-smoke); flex-direction: column; right: 0; border: 1px solid var(--border-color); z-index: 1; }
.product_btn .options_product .product_action  {border-bottom: 1px solid var(--border-color);}
.product_btn .options_product .product_action:last-child {border-bottom: 0;}
.product_btn .options_product .product_action a {color: var(--black); font-size: 14px; font-family: var(--font_IBMPlex_b); display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; padding: 0.5rem 1rem;}
.product_rating .rating-stars {display: flex; align-items: center; gap: 4px;}
.js-stools-container-bar .btn-toolbar .js-stools-btn-clear{background-color: var(--secondary); border-color: var(--secondary); color: var(--white);}
.js-stools-container-bar .btn-toolbar .js-stools-btn-clear:disabled{cursor: not-allowed; background-color: var(--btn-disabled-bg); border-color: var(--btn-disabled-border-color); color: var(--secondary);}
.custom_artist_form_group .custom_artist_form_cols .control-group {margin: 0;}
.custom_artist_form_group .custom_artist_form_cols .control-group label {font-size: 14px; font-family: var(--font_IBMPlex_s); color: var(--gray-50);}

.custom_artist_form_group .custom_artist_form_cols .control-group .toggle-editor.btn-toolbar .btn-group {margin: 0;}
.custom_artist_form_group .custom_artist_form_cols .control-group .toggle-editor.btn-toolbar .btn-group .js-tiny-toggler-button {font-size: 12px; padding: 0.5rem 1rem;}
.custom_discount_fields {display: grid; align-items: center; gap: 1rem; grid-template-columns: 1fr 1fr;}
.custom_artist_form_group .custom_artist_form_cols .custom_artist_form_cols_grid {display: grid; grid-template-columns: 1fr 1fr;}
.custom_artist_form_group .custom_artist_form_cols .product_media_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}
.custom_artist_form_group .custom_artist_form_cols .product_media_list .remove_image_div {display: flex; align-items: center; justify-content: center; position: relative;}
.custom_artist_form_group .custom_artist_form_cols .product_media_list .remove_image_div .close_file {border: 0; padding: 0; background: none; position: absolute; top: 5px; left: 5px; color: red; width: 12px; height: 12px;}

/* ARTIST PRODUCT LIST CSS START */
.artist_product_orders_list_page .orders_title {margin-bottom: 9px;}
.artist_product_orders_list_page .orders_desc {font-size: 14px; color: var(--gray-50); font-family: var(--font_IBMPlex_m);}
.artist_product_orders_list_page .artist_orders_filter {display: flex; align-items: center; justify-content: flex-end; gap: 1rem;}
.artist_product_orders_list_page .artist_orders_filter .artist_orders_filter_box {width: 100%;}
.artist_product_orders_list_page .orders_list_data_item {display: grid; grid-template-columns: 1fr 0.8fr 0.5fr 0.8fr 0.5fr 0.5fr 0.25fr; gap: 1.25rem; align-items: center;}
.orders_list_data_item .orders_label {font-size: 14px; font-family: var(--font_IBMPlex_m); color: var(--gray-50);}
.orders_list_data_item .order_value {font-size: 16px; font-family: var(--font_IBMPlex_b); color: var(--black);}
.orders_list_data_item .order_view_btn {padding: 0; display: flex; align-items: center; gap: 0.25rem; font-family: var(--font_IBMPlex_s);}
.orders_list_data_item .order_status {font-family: var(--font_IBMPlex_m); font-size: 14px; padding: 4px 12px; color: var(--black);}
.orders_list_data_item .order_status.order_cancel {background: var(--status_red);}
.orders_list_data_item .order_status.order_success {background: var(--status_green);}
.orders_list_data_item .order_status.order_refund {background: var(--status_blue);}
.order_detail_popup_active {overflow: hidden;}
.order_detail_popup_active .popup{position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; background: rgb(0 0 0 / 50%); z-index: 10;}
.order_detail_popup_active .popup .order-modal-popup{width: 98%; height: 97%; background: var(--white); padding: 2rem; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 960px; margin: 0 auto;}
.order-modal-popup-body {height: 96%; overflow-y: auto;}
.close_popup_btn {background: var(--secondary); border: 0; color: var(--white); padding: 4px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; position: absolute; top: 5px; right: 5px;}
.modal_pro_order-list {display: flex; flex-direction: column; gap: 0.75rem; align-items: flex-start;}
.modal_pro_order-list .order_data_items {display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; width: 100%;}
.order_data_items .orders_label {font-size: 16px; font-family: var(--font_IBMPlex); color: var(--text-color1);}
.order_data_items .order_value {font-size: 16px; font-family: var(--font_IBMPlex_b); color: var(--text-color1);}
.modal_pro_order-list .order_data_items .order_status {font-family: var(--font_IBMPlex_b); color: var(--primary);}
.order_adress_adress_list {display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;}
.address_detail .city_name {display: flex; align-items: center; gap: 1rem; margin-bottom: 0.5rem;}
.address_detail .order_city_name {font-size: 20px; font-family: var(--font_IBMPlex_s);}
.total_product_details .product_name {font-size: 20px; font-family: var(--font_IBMPlex_m);}
.total_product_details .product_price {font-size: 20px; font-family: var(--font_IBMPlex_b);}
.total_product_details .off-products .row {background: hsl(210, 16%, 93%);}
.total_product_details .off-products .product_name {color: var(--gray-50);}
.total_product_details .off-products .product_price {color: var(--gray-50);}
.total_product_details .product_image {position: relative;}
.total_product_details .not_belong_product {
    background: rgb(0 0 0 / 80%);
    width: 100%;
    max-width: 180px;
    display: flex;
    align-items: center;
    color: var(--white);
    padding: 0.5rem 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    justify-content: center;
    font-family: var(--font_IBMPlex_b);
}
.easystore-metadata-item {display: flex; align-items: center; gap: 0.25rem; margin: 0.5rem 0;}
.easystore-variant-options {display: inline-flex;}
.easystore-variant-option-color {width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer;}

.easystore-product-variant-list .easystore-block-label {display: flex; align-items: center; gap: 0.25rem; font-size: 16px; font-family: var(--font_IBMPlex);}
.easystore-product-variant-list .easystore-block-label .easystore-option-value-name{font-family: var(--font_IBMPlex_s);}
/* ARTIST PRODUCT LIST CSS CLOSE */
.customers_list {display: grid; align-items: center; gap: 1.25rem; grid-template-columns: repeat(4, 1fr);}
.customers_list .customer_list_data_item {display: flex; flex-direction: column; gap: 4px;}
.customers_list .customer_list_data_item .customer_label {font-size: 16px; font-family: var(--font_IBMPlex); color: var(--text-color1);}
.customers_list .customer_list_data_item .customer_value {font-size: 16px; font-family: var(--font_IBMPlex_b); color: var(--text-color1);}

#custom_easystore_page_section .sppb-pagination-wrapper.my-4 {position: absolute; left: 50%; top: 100%; transform: translate(0%, 0%);}
/* NEW CSS CLOSE FROM 12-09-24 */


/* NEW USER DASHBORD CSS START FROM 19-09-24 */
.std_msg {font-family: var(--font_IBMPlex_m); font-size: 16px; margin-bottom: 4px;}
.std_name {font-family: var(--font_IBMPlex_b); font-size: 20px; margin-bottom: 4px;}
.std_dash_list_row {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;}
.std_dash_list_item {display: flex; gap: 1rem; justify-content: space-between;}
.std_list_label {font-family: var(--font_IBMPlex_m);}
.std_list_ans {font-family: var(--font_IBMPlex_b); font-size: 24px;}

.std_list_services table {margin: 0;}
.std_list_services table th {font-family: var(--font_IBMPlex_m);}
.std_list_services table td{font-size: 14px;}
.std_list_services table tbody tr:last-child td{border-bottom: 0;}
.frappe_charts_row {display: grid; grid-template-columns: repeat(5, 1fr); gap: 2rem;}
.frappe_charts_row .frappe_charts_group {display: flex; align-items: center; justify-content: space-between; background: #F1F1F1; padding: 20px;}
.frappe_charts_row .frappe_charts_group .frappe_charts_label {font-family: var(--font_IBMPlex_m);}
.frappe_charts_row .frappe_charts_group .frappe_charts_value{font-size: 20px; font-family: var(--font_IBMPlex_b); color: var(--text-color1);}

.std_dash_view_03 .filter_chart_cols .tech_graph_group {display: flex; align-items: center; gap: 1rem; justify-content: end;}
.std_dash_view_03 .filter_chart_cols .std_dashbord_form_select {font-size: 16px; line-height: 24px; font-family: var(--font_IBMPlex_b); padding: 0; border: 0; outline: none;}
.std_dash_view_03 .filter_chart_cols .btn_sync_submit {border: none; background: transparent; padding: 0rem; color: var(--black);}
/* NEW USER DASHBORD CSS CLOSE FROM 19-09-24 */

/* NEW USER ARTIST TICKET CSS START FROM 20-09-24 */
.custom_ticket .js-stools-container-bar {display: grid; grid-template-columns: 1fr auto; gap: 1rem;align-items: center; padding: 0;}
.custom_ticket .js-stools-container-bar .input-append {display: flex; align-items: center;}
.custom_ticket .js-stools-container-bar .input-append button.btn {margin: 0; border: 1px solid var(--silver); border-left: 0; padding: 0.6rem 1rem; line-height: 30px;}
.custom_ticket .js-stools-container-bar button.js-stools-btn-clear {border: 1px solid var(--border-color); color: var(--secondary); line-height: 30px; padding: 0.6rem 1rem;}
.artist_ticket_table thead tr th{font-family: var(--font_IBMPlex_s);}
.artist_ticket_table .status {font-size: 14px; font-weight: 500; padding: 4px 12px; font-family: var(--font_IBMPlex_m); text-shadow: none; line-height: normal; border-radius: 0; color: var(--black);}
.artist_ticket_table .status.open_status{background: var(--status_green);}
.artist_ticket_table .status.closed_status{background: var(--status_red);}
.artist_ticket_table .status.awaiting_status{background: var(--status_blue);}

.created_ticket_table thead tr th{font-family: var(--font_IBMPlex_s); border-color: var(--silver);}
.created_ticket_table tbody tr.row0{background: #f7f5ee;}
.created_ticket_table tbody tr td {font-size: 14px; border-color: var(--silver);}
.created_ticket_table tbody tr td a{font-family: var(--font_IBMPlex_s); color: var(--black);}
.created_ticket_table tfoot tr td:last-child {border: 0;}

.cust_ticket_form_grids .control-group {margin-top: 0;}
.cust_ticket_form_grids .control-group .control-label {margin-bottom: 0.5rem;}
.cust_ticket_form_grids .control-group .control-label label {font-family: var(--font_IBMPlex_m); font-size: 16px; color: var(--gray-50);}
.cust_ticket_form_grids .control-group .control-label label .star {color: var(--error);}
.cust_ticket_form_grids .control-group input[type="file"] {width: 100%; /* background: #AB954033; */ padding: 1rem; position: relative; border-radius: 0px; border: 1px dashed var(--silver); cursor: pointer;}
.cust_ticket_form_grids .control-group input[type="file"]::file-selector-button{background: var(--secondary); border: 0; font-family: var(--font_IBMPlex_s); padding: 0.5rem 1rem; cursor: pointer; color: var(--white); margin-inline-end: 1rem;}
.cust_ticket_form_grids .btn-control-group {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; max-width: 300px; margin: 2rem 0 0;}

.ticket_info_list {display: flex; flex-direction: column; gap: 1rem; margin: 0;}
.ticket_info_list .ticket_item_box{display: flex; flex-direction: column; gap: 4px;}
.ticket_info_list .ticket_item_box .ticket_label {font-family: var(--font_IBMPlex_m); color: var(--gray-50); font-size: 14px;}
.ticket_info_list .ticket_item_box .ticket_value {font-family: var(--font_IBMPlex_b); font-size: 16px; color: var(--text-color1);}
.ticket_info_list .ticket_status_item .ticket_status {font-size: 14px; font-family: var(--font_IBMPlex_m); padding: 4px 12px; color: var(--black); display: flex; align-items: center; justify-content: center;}
.ticket_info_list .ticket_status_item .ticket_status.open_status{background: var(--status_green);}
.ticket_info_list .ticket_status_item .ticket_status.closed_status{background: var(--status_red);}
.ticket_info_list .ticket_status_item .ticket_status.awaiting_status{background: var(--status_blue);}

.chat_view {display: flex; flex-direction: column; gap: 1rem;}
.cust_ticket_chat_view .ticket_view1{margin-bottom: 0.5rem;}
.ticket_time {font-family: var(--font_IBMPlex_m); font-size: 14px; color: var(--gray-50);}
.ticket_description {font-size: 14px; color: var(--gray-50); margin-bottom: 0.6rem;}
.ticket_view_grid {display: grid; grid-template-columns: 200px 1fr; gap: 1.5rem; align-items: center; padding: 20px; border: 1px solid var(--silver);} 
.ticket_username_blog{display: flex; align-items: center; flex-direction: column; gap: 4px;}
.ticket_username {font-family: var(--font_IBMPlex_s); font-size: 18px;}
.ticket_view2 {border-left: 1px solid var(--silver);}
.ticket_attachment {display: inline-flex; background: rgb(1 1 1 / 4%); padding: 0.5rem 1rem; gap: 0.5rem; flex-wrap: wrap;}
.ticket_attachment .fil_name {color: var(--gray-50); font-family: var(--font_IBMPlex_m); font-size: 14px;}
.message_send_area {margin: 0rem 0 1rem 0;}
.message_send_area.replay_box {padding: 20px; border: 1px solid var(--silver);}
.btn_replay .cust_btn-close {display: none;}
.btn_replay.replay_active .cust_btn-close {display: block;}
.btn_replay.replay_active .cust_btn-replay{display: none;}
.replay_ticket_details .control-group input[type="file"]{width: 100%; padding: 1rem; position: relative; border-radius: 0px; border: 1px dashed var(--silver); cursor: pointer;}
.replay_ticket_details .control-group input[type="file"]::file-selector-button {background: var(--secondary); border: 0; font-family: var(--font_IBMPlex_s); padding: 0.5rem 1rem; cursor: pointer; color: var(--white); margin-inline-end: 1rem; }

.created_ticket_list{display: grid; grid-template-columns: 1.2fr 2fr 1fr 1fr 0.6fr 0.5fr; gap: 1.25rem; align-items: center;}
.created_ticket_list .ticket_lbl,
.created_ticket_list .ticket_lbl a {font-family: var(--font_IBMPlex_m); color: var(--gray-50); font-size: 14px;}
.created_ticket_list .ticket_value {font-family: var(--font_IBMPlex_b); font-size: 16px;}
.created_ticket_list .ticket_value .ticket_status {font-size: 14px; font-family: var(--font_IBMPlex_m); padding: 4px 12px; color: var(--black); display: flex; align-items: center; justify-content: center;}
.created_ticket_list .ticket_value .ticket_status.open_status{background: var(--status_green);}
.created_ticket_list .ticket_value .ticket_status.closed_status{background: var(--status_red);}
.created_ticket_list .ticket_value .ticket_status.awaiting_status{background: var(--status_blue);}
/* NEW USER ARTIST TICKET CSS CLOSE FROM 20-09-24 */


/* NEW USERDASHBORD COURSES CSS START FROM 07-10-24 */
.std_crs_row .std_crs_cols .tech_msg {font-family: var(--font_IBMPlex_m); font-size: 16px; margin-bottom: 4px;}
.std_crs_row .std_crs_cols .tech_name {font-family: var(--font_IBMPlex_b); font-size: 20px; margin-bottom: 4px;}
.std_crs_row .std_crs_cols .tech_box_detail .tech_label {font-family: var(--font_IBMPlex_m);}
.std_crs_row .std_crs_cols .tech_box_detail .tech_ans {font-family: var(--font_IBMPlex_b); font-size: 24px;}
.std_crs_row .std_crs_cols .tech_box_dsgn {display: flex; align-items: center; gap: 1rem; justify-content: space-between;}
.tech_flex_list_view .tech_flex_list {display: grid; grid-template-columns: 0.5fr 1fr 1fr 0.5fr; gap: 1.5rem;}
.tech_flex_list_view .tech_flex_list .tech_flex_item .tech_label{font-size: 14px; color: var(--gray-50); font-family: var(--font_IBMPlex_m);}
.tech_flex_list_view .tech_flex_list .tech_flex_item .tech_ans{font-size: 16px; color: var(--black); font-family: var(--font_IBMPlex_b);}
.tech_flex_list_view .tech_list_services table.featured_list_table th {font-family: var(--font_IBMPlex_m);}
.tech_flex_list_view .tech_list_services table.featured_list_table td {font-size: 14px;}
/* NEW USERDASHBORD COURSES CSS CLOSE FROM 07-10-24 */

/* NEW USERDASHBORD ORDER CSS START FROM 08-10-24 */
.std_order_list_row .std_order_lists {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 1.5rem; align-items: center;}
.std_order_list_row .std_order_lists .std_order_list_items .std_order_label{font-size: 14px; color: var(--gray-50); font-family: var(--font_IBMPlex_m);}
.std_order_list_row .std_order_lists .std_order_list_items .std_order_value{font-size: 16px; color: var(--black); font-family: var(--font_IBMPlex_b);}
.std_order_list_row .std_order_lists .std_order_list_items .order-label {font-family: var(--font_IBMPlex_m); font-size: 14px; padding: 4px 12px; color: var(--black); border: 0; margin: 0;}
.std_order_list_row .std_order_lists .std_order_list_items .order_statuses .order_status {font-size: 14px; font-family: var(--font_IBMPlex_m); padding: 4px 12px; color: var(--black); display: inline-flex; align-items: center; justify-content: center;}
.std_order_list_row .std_order_lists .std_order_list_items .order_statuses .order_status.order_success {background: var(--status_green);}
.std_order_list_row .std_order_lists .std_order_list_items .order_statuses .order_status.order_cancel {background: var(--status_red);}
.std_order_list_row .std_order_lists .std_order_list_items .order_statuses .order_status.order_refund {background: var(--status_blue);}
/* NEW USERDASHBORD ORDER CSS CLOSE FROM 08-10-24 */

/* NEW USERPROFILE CSS START FROM 09-10-24 */
.std_user_profile_grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.std_user_profile_grid .control-group{margin: 0;}
.std_user_profile_grid .control-group .control-label {margin-bottom: 0.25rem;}
.form_lbl {font-size: 14px; color: var(--gray-50); font-family: var(--font_IBMPlex_s);}
.form_lbl .star{color: var(--error);}
.btn-uploads {border: 1px dashed var(--silver); padding: 0.6rem; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 0.5rem; color: var(--gray60); font-size: 16px; font-family: var(--font_IBMPlex_b); cursor: pointer;}
.btn-uploads .upload_field {margin: 0; padding: 0; border: 0; height: 0; font-size: 0; line-height: 0; visibility: hidden; opacity: 0;}
.btn-uploads .uploded_title {}
.std_user_profile_grid img#preview_uploaded_img {max-width: 100px; margin: 1rem 0;}
/* NEW USERPROFILE CSS CLOSE FROM 09-10-24 */

/* NEW RESET PASSWORD CSS START FROM 11-10-24 */
.reset_desc {font-size: 14px; line-height: 21px;}
.priview_email_id {font-size: 14px; line-height: 21px; font-family: var(--font_IBMPlex_s); color: var(--black);}
#verify-code-form .btn_group {display: flex; flex-direction: column; gap: 12px;}
.new_reset_form .control-group .input-password-group{position: relative; display: flex; align-items: center;}
.new_reset_form .control-group .input-password-group .form-control{max-width: 100%;}
.new_reset_form .control-group .input-password-group .toggle-password {border: 1px solid var(--silver); border-right: 0; padding: 0.6rem 1rem; font-size: 20px; font-weight: 400; line-height: 30px; color: hsl(210, 11%, 15%);}
/* NEW RESET PASSWORD CSS CLOSE FROM 11-10-24 */

/* NEW USER COURSES CSS START FROM 14-10-24 */
.std_courses .course-item .down-content{display: flex; flex-direction: column; gap: 1rem;}
.std_courses .course-item .course_title {font-size: 20px; font-family: var(--font_IBMPlex_b);}
.std_courses .course-item .course_flex_grid{display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;}
.std_courses .course-item .course_duration {display: flex; align-items: center; gap: 0.25rem; font-family: var(--font_IBMPlex_b); font-size: 12px;}
.std_courses .course-item .pre_cust_courses_progress {display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 0.5rem; font-family: var(--font_IBMPlex_b); font-size: 12px;}
.std_courses .course-item .course_progress {background-color: #e9ecef; display: flex; align-items: center; border-radius: 8px; width: 100px;}
.std_courses .course-item .course_progress .course_progress_bar{background: var(--primary); border-radius: 8px; transition: width .6s ease;}

/* NEW USER COURSES CSS CLOSE FROM 14-10-24 */

/* NEW USER ADD JOB CSS START FROM 21-10-24 */
.std_user_job_row .std_user_job_grid {display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}
.std_user_job_row .std_user_job_grid .control-group {margin-top: 0;}
.std_user_job_row .std_user_job_grid .control-group label {font-size: 14px; color: var(--gray-50); font-family: var(--font_IBMPlex_s);}
.std_user_job_row .std_user_job_grid .control-group .star {color: var(--error);}
.std_user_job_row .std_user_job_grid .control-group .controls .chosen-container{width: 100% !important;}
.std_user_job_row .std_user_job_grid .control-group .js-tiny-toggler-button {font-size: 14px; line-height: 20px; font-family: var(--font_IBMPlex_s); font-weight: normal; padding: 0.5rem 1rem;}
.std_user_job_row .std_user_job_grid .control-group input[type="file"] {border: 1px dashed var(--silver); padding: 0.6rem; width: 100%; color: var(--gray60); font-size: 16px; font-family: var(--font_IBMPlex_b); cursor: pointer;}
.std_user_job_row .std_user_job_grid .control-group input[type="file"]::file-selector-button {
    border: 0;    
    padding: 0;
    font-size: 0;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    display: block;
    text-align: center;
    background-color: var(--white);
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.375 18.6875H19.875V22.8125H4.125V18.6875H2.625V24.3125H21.375V18.6875Z" fill="currentColor"></path><path d="M12.7498 18.6879V4.94414L17.4748 9.66914L18.5436 8.60039L11.9998 2.05664L5.45605 8.60039L6.5248 9.66914L11.2498 4.94414V18.6879H12.7498Z" fill="currentColor"></path><clipPath><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></svg>');    
    background-repeat: no-repeat;
    background-position: center center;
}
/* NEW USER ADD JOB CSS CLOSE FROM 21-10-24 */

/* NEW USER ADD COURSE ORDER CSS START FROM 21-10-24 */
.std_course_order_page .std_course_order_grid {display: grid; grid-template-columns: 1fr 1.2fr 0.6fr 0.6fr 0.6fr 1fr 0.6fr 0.5fr; gap: 1rem; align-items: center;} 
.std_course_order_page .std_course_order_title {font-size: 14px; color: var(--gray-50); font-family: var(--font_IBMPlex_m);} 
.std_course_order_page .std_course_order_value {font-size: 16px; color: var(--black); font-family: var(--font_IBMPlex_b);}
.std_course_order_page .course_order_status {font-size: 14px; font-family: var(--font_IBMPlex_m); padding: 4px 12px; color: var(--black); display: inline-flex; align-items: center; justify-content: center; min-width: 90px;}
.std_course_order_page .status_completed {background: var(--status_green);}
.std_course_order_page .status_cancelled {background: var(--status_red);}
.std_course_order_page .status_rejected{background: var(--status_yellow);}
.std_course_order_page .status_pending {background: var(--status_blue);}

/* NEW USER ADD COURSE ORDER CSS CLOSE FROM 21-10-24 */

/* NEW USER MANAGE JOB CSS START FROM 22-10-24 */
.empty_job_main_title {display: flex; align-items: center; gap: 0.8rem;}
.empty_job_desc {font-size: 14px; line-height: 21px; color: var(--gray-50); font-family: var(--font_IBMPlex_m); margin: 0;}
.cust_myjobs_section .chosen-container-single {width: 100% !important;}
.cust_myjobs_section .job_featured_list{margin-bottom: 1rem;}
.cust_myjobs_section .job_artist_data_row {display: grid; grid-template-columns: 40px auto; gap: 8px; margin-bottom: 1rem; align-items: center;}
.cust_myjobs_section .job_artist_name {font-size: 18px; font-family: var(--font_IBMPlex_s);}
.cust_myjobs_section .studet_job_status .job_status {font-size: 14px; font-family: var(--font_IBMPlex_m); padding: 4px 12px; color: var(--black); display: inline-flex; align-items: center; justify-content: center; min-width: 90px;}
.cust_myjobs_section .studet_job_status .job_biddind{background: var(--status_blue);}
.cust_myjobs_section .studet_job_status .job_pending{background: var(--status_red);}
.cust_myjobs_section .studet_job_status .job_inprogress{background: var(--status_yellow);}
.cust_myjobs_section .studet_job_status .job_completed{background: var(--status_green);}
.cust_myjobs_section .studet_job_status {margin-bottom: 1rem;}
.cust_myjobs_section .student_job_unread_message {font-size: 14px; line-height: 21px; color: var(--gray-50); font-family: var(--font_IBMPlex_m); margin: 0;}

.cst-jobs-listing .project_row {border-right: 1px solid var(--border-color);}
.cst-jobs-listing .job_page_title {border-right: 1px solid var(--border-color);}
.cst-jobs-listing .jobs_filters_list {border-right: 1px solid var(--border-color);}
.cst-jobs-listing .cust_featured_job_list {border-right: 1px solid var(--border-color);}
/* NEW USER MANAGE JOB CSS CLOSE FROM 22-10-24 */

/* NEW USER WISHLISTS JOB CSS START FROM 22-10-24 */
.empty_wishlist .wishlist_blog {display: flex; align-items: center; flex-direction: column; gap: 1rem; justify-content: center;}
.empty_wishlist .wishlist_blog .wishlist_title {font-size: 20px; font-family: var(--font_IBMPlex_b);}
.empty_wishlist .wishlist_blog .wishlist_desc {font-family: var(--font_IBMPlex_m); font-size: 16px; color: var(--gray-50);}

.wishlist_genratelist {display: grid; gap: 1rem; grid-template-columns: 1fr 32px 32px 32px;}
.wishlist_genratelist .cust_wish_title {font-size: 16px; color: var(--black); font-family: var(--font_IBMPlex_b);}
.wishlist_genratelist .cust_simple_btn {border: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center; background: none;}
.edit_wishlist_box .control-group {margin: 0 0 1rem 0;}
.wishlist_page_row {align-items: center;}
.wishlist_page_row .wish_btn_group{display: flex; align-items: center; gap: 1rem; justify-content: flex-end;}

/* NEW USER WISHLISTS JOB CSS CLOSE FROM 22-10-24 */

/* NEW USER JOB Detail Page CSS START FROM 22-10-24 */
.job_proposals_box .job_label {color: var(--gray-50); font-family: var(--font_IBMPlex_m);}
.job_proposals_box .Job_value {font-family: var(--font_IBMPlex_s); color: var(--black)}
.total_bidders .bidders_label {color: var(--gray-50); font-family: var(--font_IBMPlex_m);}
.total_bidders .bidders_value {font-family: var(--font_IBMPlex_s); color: var(--black);}
/* NEW USER JOB Detail Page CSS START FROM 22-10-24 */

.message_channel_row {height: 100%;}

.control-btn-group {display: flex; align-items: center; gap: 1rem;}
.step_wizard {display: none; transition: visibility 0s, opacity 0.5s linear;}
.custom_circle_steps{display: flex; align-items: center; gap: 0.5rem; justify-content: center; display: none;}
.custom_circle_steps .step {height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.5;}
.custom_circle_steps .step.active {opacity: 1; }
/* Mark the steps that are finished and valid: */
.calligraphy_desc {margin-bottom: 1rem; font-size: 16px; font-family: var(--font_IBMPlex_m); color: var(--gray-50);}
.custom_wizard_form .control-group {margin: 0 0 1rem 0;}
.custom_circle_steps .step.finish {background-color: var(--primary);}
.custom_wizard_form .control-btn-group .btn {min-width: 125px;}

.shipping_method_list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;}
.shipping_method_list .shipping_method {padding: 0.8rem 1rem; border: 1px solid var(--silver); cursor: pointer; display: flex; align-items: center; gap: 0.5rem; justify-content: space-between;}
.shipping_method_list .custom_radio_field {display: none;}
.shipping_method_list .shipping_method:has(input:checked){border: 1px solid var(--border-color); background: var(--primary-08);}
.shipping_method_list .shipping_method .shipping_name {font-size: 14px; font-family: var(--font_IBMPlex_s); color: var(--gray-50);}
.shipping_method_list .shipping_method:has(input:checked) .shipping_name{color: var(--black);}
.shipping_method_list .shipping_method .price_tag {color: var(--black); font-family: var(--font_IBMPlex_b);}
/* POPUP CSS START  */
body.cally_modal_open {overflow: hidden;}
body.cally_modal_open .sppb-column, 
body.cally_modal_open .sppb-column-addons,
body.cally_modal_open .container-header {z-index: unset;}
.cally_pay_popup#popupContainer {position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 20px; background: rgb(0 0 0 / 50%); z-index: 1111; overflow: hidden;}
.cally_pay_popup .popupContent {background: var(--white); max-width: 400px; margin: 2rem auto; padding: 2rem; position: relative; height: auto;}
.cally_pay_popup #closemysr {position: absolute; top: 5px; right: 5px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 0; border: 0; background: #f5f5f5; color: var(--black); padding: 2px; cursor: pointer;}
/* POPUP CSS CLOSE  */
.payment_method_list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;}
.payment_method_list .payment_method {padding: 0.8rem 1rem; border: 1px solid var(--silver); cursor: pointer; display: flex; align-items: center; gap: 0.5rem; justify-content: space-between;}
.payment_method_list .payment_method img {max-height: 32px;}
.payment_method_list .custom_radio_field {display: none;}
.payment_method_list .payment_method:has(input:checked){border: 1px solid var(--border-color); background: var(--primary-08);}
.payment_method_list .payment_method .payment_name {font-size: 14px; font-family: var(--font_IBMPlex_s); color: var(--gray-50);}
.payment_method_list .payment_method:has(input:checked) .payment_name{color: var(--black);}
.success_payment {display: flex; flex-direction: column; justify-content: center; text-align: center;}

/* 22-11-24 CSS START OF EASYSTORE ORDER-DETAIL PAGE */
.custom_easy_flex {display: flex; align-items: center; gap: 1rem;}
.custom_easy_flex .custom_easy_flex_item{display: flex; align-items: center; gap: 0.25rem;}
.custom_easy_flex .custom_easy_flex_item .easy_label{font-size: 14px; color: var(--gray-50); font-family: var(--font_IBMPlex_m);}
.custom_easy_flex .custom_easy_flex_item .easy_value{font-size: 16px; color: var(--black); font-family: var(--font_IBMPlex_b);}

.order-lbl {font-size: 16px; color: var(--gray-50); font-family: var(--font_IBMPlex_b);}
.product-customizations .form-group label {font-size: 14px; color: var(--gray-50); font-family: var(--font_IBMPlex_b);}

.easystore-list-group .easystore-list-item{display: flex; align-items: center; gap: 1rem; justify-content: space-between;}
.easystore-list-group .easystore-list-item .easystore-list-key {font-size: 16px; color: var(--gray-50); font-family: var(--font_IBMPlex_b);}
.order_detail .easystore-order-item .easystore-metadata-item{margin: 0;}
.product_customization {background: #f6f6f9;}

/* 22-11-24 CSS START OF EASYSTORE ORDER-DETAIL PAGE */

/* HOMEPAGE COURSES SLIDER CSS START */
.slider_course_box {display: flex; align-items: center; justify-content: space-between;}
.course_slider_header {display: flex; align-items: center; gap: 2rem;}
.new_home_course_design .course_img {position: relative;}
.new_home_course_design .course_items .down-contents {display: flex; flex-direction: column; gap: 1rem;}
.new_home_course_design .course_rating_section {padding: 0.25rem; background: rgb(255 255 255 / 80%); position: absolute; top: 10px; right: 10px; font-size: 12px; display: flex; align-items: center; gap: 0.20rem;}
.new_home_course_design .course_rating_section .lms_rating_tag {font-family: var(--font_IBMPlex_b);} 
.new_home_course_design .lms_rating_tag {font-family: var(--font_IBMPlex_b);} 
.down_contents_title {display: flex; flex-direction: column; gap: 4px;} 
.new_home_course_design .teacher_name {font-size: 16px; font-family: var(--font_IBMPlex_m); display: block; color: var(--gray-50);} 
.new_home_course_design .course_name {font-size: 20px; font-family: var(--font_IBMPlex_b); display: block;} 
.new_home_course_design .course_enrolled_durations {display: flex; align-items: center; justify-content: flex-start; gap: 1.5rem;} 
.new_home_course_design .course_duration {display: flex; align-items: center; gap: 0.25rem; font-family: var(--font_IBMPlex_b); font-size: 12px;} 
.new_home_course_design .course_users {display: flex; align-items: center; gap: 0.25rem; font-family: var(--font_IBMPlex_b); font-size: 12px;} 
.new_home_course_design .course_items .course-price {font-size: 20px; font-family: var(--font_IBMPlex_b); color: var(--black);} 
.new_home_course_design .course_img img {width: 100%; object-fit: cover; aspect-ratio: 262 / 212;}
.new_home_course_design .icon_wrap .level-icon{display: flex; align-items: center; gap: 0.5rem; font-family: var(--font_IBMPlex_b); font-size: 12px;} 

/* HOMEPAGE COURSES SLIDER CSS CLOSE */
.eb_slider_container .splide__arrows,
.eb_slider_container .splide__pagination {display: none;}
.event_slider_box {display: flex; align-items: center; gap: 1rem; justify-content: space-between;}
.event_slider_box .event_slider_heading {display: flex; align-items: center; gap: 2rem;}
.eb_event_row .event_list_item {display: flex; gap: 0.5rem; margin-bottom: 1rem; font-family: var(--font_IBMPlex_m); font-size: 20px; line-height: normal;}
.eb_event_row .eb-event-short-description {font-size: 20px; color: var(--gray-50); margin-bottom: 2rem;}
.eb_slider_container .splide__list .splide__slide{margin: 0 !important;}

/* CSS START FROM THE 26-12-24 */
.radio-control-group {display: flex; align-items: center; gap: 1rem; margin: 1rem 0 0;}
.order_done_desc{font-size: 18px; line-height: 27px; color: var(--gray-50); margin-bottom: 0;}
.boking_date{font-size: 18px; line-height: 27px; color: var(--gray-50); text-align: center;}
.boking_date span {font-family: var(--font_IBMPlex_m);}
.order_btn_group {display: flex; align-items: center; gap: 1rem; justify-content: center;}
.order_btn_group .btn{min-width: 200px;}
.co_order_value {text-align: right;}
/* CSS CLOSE FROM THE 26-12-24 */

/* .no_service_found {display: flex; align-items: center; justify-content: center; padding: 20px; flex-direction: column; align-content: center; gap: 1rem; background: #f5f5f5; margin: 2rem auto; max-width: 500px; border: 1px solid var(--silver);} */
.no_service_found h5{margin: 1rem 0; padding: 0 1rem;}

/* SURVEY FORM CSS START FROM 12-03-25  */
/* .survey_form_view{max-width: 645px; margin: 50px auto;} */
.survey_form_view .survey-steps label {display: block; font-size: 14px; font-family: var(--font_IBMPlex_s); color: var(--gray-50); margin-bottom: 0.25rem;}
.survey_form_view .survey-steps .form-select {background: url('data:image/svg+xml,<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.70711 9.71069C5.31658 10.1012 5.31658 10.7344 5.70711 11.1249L10.5993 16.0123C11.3805 16.7927 12.6463 16.7924 13.4271 16.0117L18.3174 11.1213C18.708 10.7308 18.708 10.0976 18.3174 9.70708C17.9269 9.31655 17.2937 9.31655 16.9032 9.70708L12.7176 13.8927C12.3271 14.2833 11.6939 14.2832 11.3034 13.8927L7.12132 9.71069C6.7308 9.32016 6.09763 9.32016 5.70711 9.71069Z" fill="%230F0F0F"></path></svg>'); background-repeat: no-repeat; background-position-x: calc(100% - 10px); background-position-y: 50%;}
.survey_icon {margin-bottom: 0.5rem; background: rgb(171 149 64 / 20%); display: inline-flex; width: 80px; height: 80px; align-items: center; justify-content: center; border-radius: 100px;}
.survey_form_view .survey-steps .btn-check:checked + .btn-outline-secondary{color: var(--white);}
.survey_form_view .survey-fields label {display: block; font-size: 14px; font-family: var(--font_IBMPlex_s); color: var(--gray-50); margin-bottom: 0.25rem;}

.al_steps_lists {display: flex; align-items: center; gap: 12px; margin: 0;}
.al_steps_lists .al_steps_list_items .al_steps_list_link{font-family: var(--font_IBMPlex_s); display: grid; grid-template-columns: 24px auto 40px; gap: 12px; position: relative; align-items: center;}
.al_steps_lists .al_steps_list_items:not(:last-child) .al_steps_list_link:after{content: ""; display: flex; width: 40px; height: 1px; background-color: var(--border-color);}
.al_steps_lists .al_steps_list_items:last-child .al_steps_list_link{grid-template-columns: 24px auto;}
.al_steps_lists .al_steps_list_items .al_steps_no {border: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center; background-color: var(--white);}
.al_steps_list_items .al_steps_active .al_steps_no{background-color: var(--border-color); color: var(--white);}

.survey_icons {margin: 0 auto 1rem auto; width: 88px; height: 88px; background: #27ae601a; display: flex; align-items: center; justify-content: center; border-radius: 100px; padding: 0.825rem;}
#coupon-code {background-color: var(--white); padding: 0.5rem 1rem; flex-grow: 1; font-family: var(--font_IBMPlex_s); text-align: left; font-size: 18px;}
.copy-box {background: var(--template-bg-light); padding: 0.825rem 1rem; display: flex; align-items: center; cursor: pointer;}
#copy-coupon {border: 1px solid var(--black); background: var(--black); color: var(--white); padding: 0.5rem;}
.copy_label {color: var(--gray-50); font-family: var(--font_IBMPlex_s); margin-bottom: 1rem;}

.thnks_blogs {
    max-width: 640px;
    margin: auto;
    border: 1px solid var(--border-color);
    padding: 40px;
    text-align: center;
}
.thnks_info {text-align: left; margin-top: 25px;}
.thnks_info_steps ol {padding-left: 18px;}
.thnks_info_steps li {margin-bottom: 12px; line-height: 1.6;}
.thanks {font-style: italic; color: #6B7280; text-align: center; margin: 0;}
/* SURVEY FORM CSS END FROM 12-03-25  */

/* ARTIST COURSE START */
.bs-wizard_view {border-width: 0 1px 1px 1px; border-style: solid; border-color: var(--border-color); padding: 0 20px;}
.bs-wizard{display: flex; align-items: center; gap: 1rem; margin: 0; padding: 0;}
.bs-wizard .bs-wizard-step{display: flex; align-items: center; gap: 1rem; font-size: 16px; font-family: var(--font_tajawal_b); line-height: 46px; position: relative;} 
.bs-wizard .bs-wizard-step .wzbadge {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 0;
    width: 24px;
    height: 24px;
    font-family: var(--font_tajawal_b);
    font-weight: normal;
    font-size: 12px;
    background: transparent;
    color: var(--black);
    border: 1px solid var(--border-color);
}
.bs-wizard .bs-wizard-step.active .wzbadge {background: var(--secondary); color: var(--white);}
.bs-wizard .bs-wizard-step .wizardbar_chevron {background: var(--border-color); border: 0; width: 40px; height: 1px;}
.bs-wizard .bs-wizard-step:last-child .wizardbar_chevron {display: none;}
button.btn.btn-secondary.js-tiny-toggler-button {font-size: 12px; padding: 0.5rem 0.8rem;}
.teacher-course-edit-form .control-label label {font-size: 14px; font-family: var(--font_tajawal_b); color: var(--gray-50);}
.custom_teacher_course_view_form input#jform_image + br {display: none;}
.teacher-course-edit-form .custom_btn_group {display: flex; align-items: center; gap: 1rem; padding: 0 20px; margin-bottom: 20px;}
.teachercourses_blogs{position: relative;}
.teachercourses_blogs div#loading {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.teachercourses_title {display: flex; align-items: center; gap: 1rem; justify-content: space-between; margin-bottom: 1.5rem;}
.course_builder_expand_collapse_div {display: flex; align-items: center; gap: 1rem;}
.course_builder_expand_collapse_div span {border: 1px solid var(--border-color); padding: 0.5rem 1rem; font-family: var(--font_tajawal_b); font-size: 14px; line-height: 1; cursor: pointer;}

.inside table {width: 100%;}
.single_topic_heading {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 0 1rem 0;
    cursor: pointer;
    justify-content: space-between;
    background: var(--primary-08);
    padding: 0.5rem 1rem;
    border: 1px solid var(--silver);
    font-size: 18px;
    font-family: var(--font_tajawal_b);
}
.single_topic_right_side {display: flex; align-items: center; gap: 0.5rem;}
.single_topic_left_side {display: flex; align-items: center; gap: 0.5rem;}
.single_topic_left_side .move_icn {font-size: 14px; border: 1px solid var(--border-color); width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;}
.single_topic_right_side span {width: 24px; height: 24px; border: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: normal; }
.selected_video {position: relative; min-height: 300px; width: 100%;}
.selected_video video {position: absolute; top: 0; right: 0px; width: 100%; height: 100%; object-fit: fill;}
.selected_video .delete_video .btn {position: absolute; top: 0; right: 0; padding: 0 !important; width: 24px; height: 24px; background: var(--black); color: var(--white);}
.teachercourse_create_form div#loader {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.add_lesson_section {margin-bottom: 1rem;}
.inside table td .form-control {display: inline-block; width: 100%;}

.single_lesson_heading{display: flex; align-items: center; gap: 1rem; margin: 0 0 1rem 0; cursor: pointer; justify-content: space-between; background: var(--white); padding: 0.5rem 1rem; border: 1px solid var(--silver); font-size: 18px; font-family: var(--font_tajawal_b);}
/* ARTIST COURSE CLOSE */

/* ARTIST MYCOURSE CLOSE */
.artist_course_item {display: grid; grid-template-columns: 180px auto; gap: 0rem; align-items: center;}
.artist_course_item .course_title {font-size: 18px; font-family: var(--font_tajawal_b);}
.artist_course_item .course_profile_row {display: grid; align-items: center; grid-template-columns: 2fr 1fr 1fr;}
/* ARTIST MYCOURSE CLOSE */

/* ARTIST PORTFOLIO PAGE CSS START */
.portfolio_list_items {display: grid; grid-template-columns: 250px auto;}
.portfolio_list_items .portfolio_desc_cols {display: grid; grid-template-columns: 1fr 1fr 1fr 0.5fr; align-items: center;}
.portfolio_list_items .portfolio_desc_cols .portfolio_title{font-family: 'IBMPlex-Bold'; font-size: 18px;}
.portfolio_list_items .portfolio_desc_cols .portfolio_label, 
.portfolio_list_items .portfolio_desc_cols .portfolio_label a {font-family: 'IBMPlex-Medium'; color: var(--gray-50); font-size: 14px;}
.portfolio_list_items .portfolio_desc_cols .porfolio_value{font-family: var(--font_IBMPlex_b); font-size: 16px;}
.portfolio_cols_action {position: relative;}

.portfolio_cols_action .options_portfolio {display: flex; position: absolute; top: calc(100% - 1px); gap: 0; margin: 0; background: var(--white-smoke); flex-direction: column; left: 0; border: 1px solid var(--border-color); z-index: 1;}

.portfolio_cols_action .options_portfolio .portfolio_action {border-bottom: 1px solid var(--border-color);}

.portfolio_cols_action .options_portfolio .portfolio_action:last-child {border-bottom: 0;}

.portfolio_cols_action .options_portfolio .portfolio_action a {color: var(--black); font-size: 14px; font-family: 'IBMPlex-Bold'; display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; padding: 0.5rem 1rem;}

/* ARTIST PORTFOLIO PAGE CSS CLOSE */
@media (max-width: 767px) {
  .container-header nav{margin: 0;}
  .container-header .navbar-toggler{font-size: 24px;}
  .container-header .grid-child-row-02{padding-right:0; justify-content: center;}
  .container-header .navbar-collapse{position: fixed; top: 82px; left: 0; background: var(--white); width: 100%; height: 100%; padding: 0px;}
  .container-header .grid-child-row .btn {padding: 0;}
  .container-header .mod-list>.metismenu-item:before{height: 0px; top: 100%;}
  .Offcanvas-active{overflow: hidden;}
  .metismenu.mod-menu .metismenu-item {border: 1px solid var(--silver); border-top: 0; padding-left: 1.5rem; padding-right: 1.5rem;}
  .metismenu.mod-menu .metismenu-item.active {background: var(--primary-20);}

  .artistic_section .sppb-row-column{border-bottom: 1px solid var(--border-color); border-right: 0;}
  .artistic_section .sppb-row-column:last-child{border-right: 0; border-bottom: 0;}
  .service_section .sppb-row-column{border-right: 0;}
  .service_blog_section .sppb-row-column{border-right: 0;}
  .service_section .sppb-row-column:last-child{border-bottom: 1px solid var(--border-color);}

  .hikashop_filter_collapsable_title_always, .hikashop_filter_collapsable_title_mobile{margin: 0; padding: 0; background: var(--bkg-color); border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color); border-radius: 0;}

  .mid_box {border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);}

  .filter_wrapper {grid-template-columns: repeat(2, 1fr);}
  .filter_wrapper .hikashop_filter_main{padding:10px; border-bottom: 1px solid var(--border-color);}
  .filter_wrapper .hikashop_filter_main:last-child {border-bottom: 0;}
  .hikashop_filter_collapsable_title {margin: 0px 0px 0px 0px; padding: 10px; border: 0; display: flex; align-items: center; gap: 1rem;}

  .course_content_grid_box{grid-template-columns: 1fr; max-width: 100%; padding: 1rem 0;}
  .grid_tab_design {display: grid; grid-template-columns: repeat(3, 1fr);}
  .grid_tab_design .tab_link{font-size: 16px; padding: 10px;}
  .lms-lesson-content{left: 0;}
  /* .lms-lesson-header-r{right: 5px; top: 10px; width: auto;} */
  .lms-lesson-nav{width: 100%;}
  .lms-lesson.shownav .lms-lesson-content{left: 0!important;}
  .lms-lesson.shownav{padding-right: 0;}
  .lms-lesson.shownav .lms-lesson-header, .lms-lesson.shownav .lms-lesson-footer{left: 0;}
  .lms-lesson-nav .close_nav {display: block;}
  .close_nav {font-size: 16px; background: black; width: 22px; text-align: center; color: #fff; display: block; height: 22px; margin: 0;}
  .close_nav i.fa-times-circle {margin: 0 auto; text-align: center; display: block; line-height: 22px;}
  .lms-lesson-nav-content{top: 75px;}

  .hikashop_product_page .hikashop_product_right_part {padding: 1rem !important;}
  .hikashop_product_page div.hikashop_small_image_div{border-bottom: 1px solid var(--border-color);}
  .hikashop_product_custom_item_info_table{grid-template-columns: repeat(1, 1fr);}
  .artist_info_blog .artist_row{grid-template-columns: 1fr; gap: 1rem; padding: 1rem !important;}
  .artist_info_blog .artist_row .artist_details{grid-template-columns: 1fr; gap: 1rem;}
  .artist_info_blog .artist_btn_group{justify-content: flex-start;}
  .theiaStickySidebar.border-end.border-bottom {border-right: 1px solid var(--border-color);}
  .lms_cart_list_item{grid-template-columns: 1fr; padding: 1rem;}
  .thumb_cart_group{grid-template-columns: 1fr;}
  .thumb_cart{border-left: 0;}
  .custom_coupon_fields{grid-template-columns:1.5fr 1fr;}

  .review_1t-row {display: grid; grid-template-columns: 1fr;}

  .hikashop_filter_fieldset_mobile .subcategory_list{flex-direction: column; gap: 0.5rem; align-items: flex-start;}
  .hikashop_filter_fieldset_mobile .subcategory_list .subcate_list_item a {font-size: 16px;}
  .hikashop_filter_fieldset_mobile .category_search_filter {border-bottom: 1px solid var(--border-color);}

  .custom-lms-filter-group{flex-direction: column;}
  .custom-lms-filter-group .lms_course_filter{width: 100%; border-left: 0; border-bottom: 1px solid var(--border-color);}
  .custom-lms-filter-group .lms_course_filter:last-child{border-bottom: 0;}
  .custom-lms-filter-group .lms_course_filter select {border: 0; width: 100%;}

  .tab_spacex{padding: 1rem;}
  .pre_course_grid{grid-template-columns: 64px 1fr; gap: 1rem;}
  .pre_course_grid .pre_cols_02{grid-template-columns: 1fr;}
  .btn.btn-extra-large{padding: 18px 35px;}
  
  /*  COURSE FLEX LIST CSS START */
  .new_course_flex_list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; border-right: 1px solid var(--border-color); border-top: 1px solid var(--border-color);}
  .new_course_flex_list_item{display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; gap: 0.5rem; border-left: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); padding: 1rem;}
  /*  COURSE FLEX LIST CSS CLOSE */

  .popupContainer .wishlist_popup_box{padding: 20px; margin: 1rem auto;}

  .view-lms-teacher .grid_tab_design{overflow-x: scroll;}
  .view-lms-teacher .grid_tab_design .nav-link{text-wrap: nowrap; font-size: 16px; padding: 10px 20px;}
  .caligraphy_blog_list{display: grid; grid-template-columns: repeat(2,  1fr); gap: 1rem;}

  .ind_registr_form .form_group_row {grid-template-columns: repeat(1, 1fr);}
  .custom_form_pay_group .payment_information .eb-form-control{flex-direction: column;}
  .new_billing_group{grid-template-columns: repeat(1, 1fr);}
  .form_group_row{grid-template-columns: repeat(1, 1fr);}
  #eb-registration-complete-page form#adminForm {display: grid; grid-template-columns: repeat(1, 1fr); gap: 1rem;}

  .event_d_col_info .event_list_item{font-size: 14px;}
  .eb-register-buttons-bottom{flex-wrap: wrap;}
  .eb-description-details{font-size: 14px;}

  .event_details .event_details_list{display: grid; grid-template-columns: repeat(1,  1fr); gap: 1rem;}

  .border_before_cols .sppb-row-column:before {display: none;}

  .hika_order_listing .form_group_fields{grid-template-columns: 1fr; gap: 0rem;}
  .hika_order_listing .hikashop_search_block.input-group {margin: 0;}
  .hika_order_listing .hikashop_search_block input{border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); border-right: 0;}
  .hika_no_orders{padding: 50px 0;}

  #hikashop_order_main .hika_toolbar .hika_toolbar_btn{flex-wrap: wrap;}
  .courses_wizardbar .courses_wizardbar_list{flex-wrap: wrap;}
  .product_grids{grid-template-columns: 1fr;}
  .product_grids .product_grids_cols_01 {border-left: 0 !important; border-bottom: 1px solid var(--border-color);}

  .custom_service_row .custom_service_cols_01 {order: 2;}
  .custom_service_row .custom_service_cols_02 {order: 1; border-bottom: 1px solid var(--border-color);}
  .artist_booking_row .artist_booking_cols_01 {order: 2;}
  .artist_booking_row .artist_booking_cols_02 {order: 1;}

  /* MANAGE SERVICES DETAIL PAGE CSS START */
  .com_service_mod_main_row  .com_service_mod_mainbar {order: 2;}
  .com_service_mod_main_row .com_service_mod_sidebar {order: 1; border-bottom: 1px solid var(--border-color);}
  /* MANAGE SERVICES DETAIL PAGE CSS CLOSE */

  .basic_info_row{display: block}
  .form_service_form .cust_services_delevery_list{display: grid; grid-template-columns: 1fr;}
  .form_service_form .row_04 .cust_services_form_list{grid-template-columns: 1fr;}
  .form_service_form .row_01 .col-sm-4.border-end,
  .form_service_form .row_02 .col-sm-4.border-end,
  .form_service_form .row_03 .col-sm-4.border-end,
  .form_service_form .row_05 .col-sm-4.border-end,
  .form_service_form .row_06 .col-sm-4.border-end,
  .form_service_form .row_07 .col-sm-4.border-end {border-left: 0 !important; border-bottom: 1px solid var(--border-color);}

  .hikam_listing .hikamarket_order_item_name_value a {display: flex; flex-direction: column;}

  .services_filters_list .services_field_filter {border-bottom: 1px solid var(--border-color);}
  .services_filters_list .services_field_filter:last-child{border-bottom: 0;}
  .service_price_date_list{flex-direction: column; align-items: flex-start;}
  .pro_services_detail_list{grid-template-columns: 1fr;}
  .pro_services_grid_02{flex-direction: column; align-items: flex-start;}
  .pro_services_btn_group{width: 100%; justify-content: flex-start;}
  .pro_services_btn_group .btn_request_service{width: calc(100% - 60px);}

  /* PROJECT LISTING PAGE CSS START */
  .jobs_filters_list .jobs_field_filter{border-bottom: 1px solid var(--border-color);}
  .jobs_filters_list .jobs_field_filter:last-child{border-bottom: 0;}
  .cust_featured_job_list .job_featured_list{flex-direction: column; align-items: flex-start; margin-bottom: 20px;}
  /* PROJECT LISTING PAGE CSS CLOSE */

  .custom_job_row .custom_job_cols_01{order: 2;}
  .custom_job_row .custom_job_cols_02{order: 1; border-bottom: 1px solid var(--border-color);}

  .hika_order_main_list{grid-template-columns: 1fr;}
  .hikamarket_pagination .list-footer.pagination ul.pagination.hikashop_pagination {margin: 0 !important;}
  .hikamarket_pagination .list-footer.pagination .limit {display: flex; align-items: center; width: 100%; gap: 1rem; justify-content: center;}
  .hikamarket_pagination .list-footer.pagination {flex-direction: column; align-items: center; gap: 0.5rem;}
  .hikamarket_pagination .result_count {display: block; text-align: center;}
  .custom_search_filter_section .col-md-8.border-end.p-0 {border-bottom: 1px solid var(--border-color);}
  .custom_search_filter_section .hikamarket_search_block .hk-input-group-append button.hikabtn{padding: 0.5rem 0.8rem;}

  .teach_dash_mainbar .tech_dash_list_row{grid-template-columns: repeat(1, 1fr);}
  .teach_dash_mainbar .tech_dash_list_row .tech_dash_list_item{border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color);}
  .teach_dash_mainbar .tech_dash_list_row .tech_dash_list_item:last-child{border-bottom: 0;}

  .teach_dash_mainbar .tech_dash_btn_group{display: grid; grid-template-columns: repeat(1, 1fr); margin: 1rem 0 0;}

  /* MY SERVICES PAGE CSS START */
  .cust_myservice_list_item {display: grid; grid-template-columns: 1fr; border-right: 1px solid var(--border-color);}
  .my_service_group {display: grid; grid-template-columns: 1fr; gap: 1.25rem; align-items: center;}
  .cust_myservice_filterbar .cust_myservice_filter_box,
  .cust_myservice_filterbar .cust_myservice_filterbar_box {margin-bottom: 1rem;}
  .cust_myservice_list_item .service_img{padding: 20px 20px 0 20px;}
  .my_service_group .services_btn{display: flex; align-items: center; gap: 1rem;}
  .my_service_group .services_btn .cst_services_options{position: relative;}

  .cust_requested_service_filter_box{margin-bottom: 1rem;}
  .cust_requested_service_list{border-right: 1px solid var(--border-color);}
  .cust_requested_service_list .requested_service_group {display: grid; grid-template-columns: 1fr;}

  .custom_courses .mycourse_desc{margin-bottom: 1rem;}
  .custom_courses .cust_mycourses_filter_box, .custom_courses .cust_mycourses_filterbar_box {margin-bottom: 1rem;}
  .my_courses_lists {border-right: 1px solid var(--border-color);}
  .my_courses_group{display: grid; grid-template-columns: 1fr;}
  .my_courses_group .courses_btn{display: flex; align-items: center; gap: 1rem;}
  .my_courses_group .courses_btn .cst_courses_options{position: relative;}
  .my_courses_lists .my_courses_profile{border-bottom: 1px solid var(--border-color);}

  /* MY PRODUCT LIST PAGE CSS START */
  .my_product_section_01 .pro_vendor_list{margin-top: 1rem;}
  .artist_product_lists {align-items: center; display: grid; grid-template-columns: 1fr; gap: 1rem;}
  .artist_product_lists_row {display: grid; grid-template-columns: repeat(7, 1fr); gap: 1rem; grid-template-columns: 1fr;}
  .artist_product_lists .artist_product_lists_item .hkm_product_publish{justify-content: flex-end; flex-direction: column; align-items: flex-start;}
  .artist_product_lists .artist_product_lists_item .hkm_product_publish .hkdropdown .hkdropdown-menu-right{left: auto;}
  /* MY PRODUCT LIST PAGE CSS CLOSE */

  /* MESSAGE PAGE CSS START */
  .message_header {flex-direction: column; align-items: flex-start; gap: 0.5rem;}
  .left.message{max-width: 80%;}
  .right.message{max-width: 80%;}
  .left.message .user_msg .msg{width: auto;}
  .right.message .user_msg .msg{width: auto;}
  .thread_detail{border-right: 1px solid var(--border-color);}
  .messages_footer-control{padding: 10px 15px; gap: 0.8rem; border-right: 1px solid var(--border-color);}

  /* MESSAGE PAGE CSS CLOSE */

  .hika_order_main_listing_page .custom_hika_order_list{grid-template-columns: 1fr;}

  /* MANAGE SERVICES PAGE CSS START */
  .cust_myservice_filterbar{gap: 1rem;}
  .cust_manage_service_list_item_group{grid-template-columns: 1fr;}
  .cust_manage_service_list_item_group .cust_manage_src_list_view{grid-template-columns: 1fr;}
  .cust_manage_service_list_item_group .my_service_list_002{grid-template-columns: repeat(1, 1fr);}
  /* MANAGE SERVICES PAGE CSS CLOSE */

  ul.list_user {right: 0;}
  .lms_pro_cart_list_item{grid-template-columns: 1fr; padding: 20px;}
  .thumb_pro_cart_group {grid-template-columns: 1fr;}
  .thumb_pro_cart{border-left: 0;}
  .hikashop_product_quantity_input_div_default_main{max-width: 160px;}
  .breadcrumb .mod-breadcrumbs__divider.float-start+li.mod-breadcrumbs__item.breadcrumb-item .pathway span {display: none;}
  .hikashop_checkout_page .hikashop_wizardbar ul li{font-size: 0;}
  .courses_wizardbar .courses_wizardbar_item{font-size: 0;}
  .pro_services_list_img {justify-content: flex-start;}

  .grid-child-row.search_enable div#search-mode {padding: 1rem 0.5rem;}
  .grid-child-row.search_enable input#search-field {font-size: 12px; padding: 0.5rem; line-height: 1;}
  .container-header .grid-child-row.search_enable .btn{padding: 0.5rem; margin: 0; font-size: 12px;}
  div#search-mode button.close_btn{width: 20px; height: 20px;}

  /* EASYSTORE PAGE CSS START */
  .easystore-product-single .custom_easystore_btn_group{grid-template-columns: 1fr;}
  .easystore-cart .mainbar_cart_list_row {grid-template-columns: 1fr;}
  .easystore-cart .mainbar_cart_list_row .mainbar_cart_details {border-left: 1px solid var(--border-color);}
  .easystore-cart .mainbar_cart_details .mainbar_cart_items {grid-template-columns: 1fr;}
  .easystore-cart .mainbar_cart_details .mainbar_cart_right{align-items: flex-start;}

  .easystore-checkout-wrapper .easystore_mainbar{border-left: 1px solid var(--border-color);}
  .easystore-checkout-cart .mainbar_cart_list_row {grid-template-columns: 1fr;}
  .easystore-checkout-cart .mainbar_cart_details .mainbar_cart_items{grid-template-columns: 1fr;}
  .easystore-checkout-cart .mainbar_cart_details .mainbar_cart_right{align-items: flex-start;}
  .easystore-checkout-information .easystore-payment-methods{grid-template-columns: 1fr;}
  .easystore-checkout-cart .mainbar_cart_list_row .mainbar_cart_img.border-end {border-left: 0 !important; border-bottom: 1px solid var(--border-color);}

  #column-wrap-id-3b99bbb0-b434-4f97-a295-9901b5370a70{height: 100%; overflow: unset; position: relative; top: unset;}
  .sp-page-builder .page-content #custom_easystore_page_section .easystore_sidebar {height: auto; overflow-y: unset;}
  #custom_easystore_page_section .sppb-pagination-wrapper.my-4{position: unset;}
  .easystore-product-single .custom_easystore_product_list .custom_easystore_product_cols .custom_easystore_btn_group{grid-template-columns: 1fr 64px;}
  /* EASYSTORE PAGE CSS CLOSE */

  /* NEW CSS START FROM 12-09-24 */
  .artist_product_service_section_grid{grid-template-columns: 1fr;}
  .artist_product_service_section_grid .artist_pro_srvc_sect_cols {border-bottom: 1px solid var(--border-color);}
  .artist_product_service_section_grid .artist_pro_srvc_sect_cols:last-child {border-bottom: 0;}
  .artist_product_service_section_grid .artist_pro_srvc_sect_cols .js-stools-container-bar .btn-toolbar > *{width: 100%;}
  .cust_grid_method{grid-template-columns: 1fr;}
  .cust_grid_method_items_grid{grid-template-columns: 1fr; gap: 1rem;}
  .product_btn {display: flex; align-items: center; gap: 1rem;}
  .product_btn .options_product{position: relative;}

  /* ARTIST PRODUCT LIST CSS START */
  .artist_product_orders_list_page .orders_desc.m-0 {margin-bottom: 1rem !important;}
  .artist_product_orders_list_page .artist_orders_filter{flex-direction: column;}
  .artist_product_orders_list .orders_list_data_item{grid-template-columns: 1fr;}
  /* ARTIST PRODUCT LIST CSS CLOSE */

  .customers_list {display: grid; align-items: center; gap: 1.25rem; grid-template-columns: repeat(1, 1fr);}
  /* NEW CSS CLOSE FROM 12-09-24 */

  /* NEW USER DASHBORD CSS START FROM 19-09-24 */
  .std_dash_list_row {display: grid; grid-template-columns: repeat(1, 1fr); gap: 0;}
  .std_dash_list_item{border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color);}
  .std_dash_list_item:last-child {border-bottom: 0;}

  .frappe_charts_row{grid-template-columns: repeat(1, 1fr); gap: 1rem;}
  .std_dash_view_03 .std_dash_cols{border-right: 1px solid var(--border-color);}
  .std_dash_view_04 .std_dash_half_cols {border-right: 1px solid var(--border-color);}

  /* NEW USER DASHBORD CSS CLOSE FROM 19-09-24 */

  /* NEW USER ARTIST TICKET CSS START FROM 20-09-24 */
  .ticket_view_grid{grid-template-columns: repeat(1, 1fr);}
  .ticket_view2{border-left: 0;}
  .created_ticket_list{grid-template-columns: repeat(1, 1fr);}
  /* NEW USER ARTIST TICKET CSS CLOSE FROM 20-09-24 */

  /* NEW USERDASHBORD COURSES CSS START FROM 07-10-24 */
  .tech_flex_list_view .tech_flex_list {grid-template-columns: repeat(1, 1fr);}
  .std_crs_row,
  .tech_view_board {border-right: 1px solid var(--border-color);}
  .std_order_list_row .std_order_lists {display: grid; grid-template-columns: repeat(1, 1fr); gap: 1.5rem; align-items: center; border-right: 1px solid var(--border-color);}
  /* NEW USERDASHBORD COURSES CSS CLOSE FROM 07-10-24 */

  /* NEW USERPROFILE CSS START FROM 09-10-24 */
  .std_user_profile_grid {display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px;}
  /* NEW USERPROFILE CSS CLOSE FROM 09-10-24 */

  .reset_view .col-sm-6.border-start {border-right: 0 !important; border-top: 1px solid var(--border-color);}


  /* NEW USER ADD JOB CSS START FROM 21-10-24 */
  .std_user_job_row .std_user_job_grid {display: grid; grid-template-columns: repeat(1, 1fr); gap: 1rem;}
  /* NEW USER ADD JOB CSS CLOSE FROM 21-10-24 */

  /* NEW USER ADD COURSE ORDER CSS START FROM 21-10-24 */
  .std_course_order_page .std_course_order_page_title {border-right: 1px solid var(--border-color);}
  .std_course_order_page .std_course_order_grid {display: grid; grid-template-columns: repeat(1, 1fr); gap: 1rem; border-right: 1px solid var(--border-color);}
  /* NEW USER ADD COURSE ORDER CSS CLOSE FROM 21-10-24 */

  .shipping_method_list{grid-template-columns: repeat(1, 1fr);}
  .payment_method_list{grid-template-columns: repeat(1, 1fr);}

  .custom_easy_flex{flex-direction: column; align-items: flex-start;}
  
  /* HOMEPAGE COURSES SLIDER CSS START */
  .slider_course_box {align-items: flex-start; }
  .course_slider_header {align-items: flex-start; gap: 1rem; flex-direction: column;}
  .event_slider_box{align-items: flex-start;}
  .event_slider_box .event_slider_heading{gap: 1rem; align-items: flex-start; flex-direction: column;}
  /* HOMEPAGE COURSES SLIDER CSS CLOSE */
  
  /* ARTIST PORTFOLIO PAGE CSS START */
  .portfolio_list_items {grid-template-columns: 1fr;}
  .portfolio_list_items .portfolio_desc_cols{grid-template-columns: 1fr; gap: 1rem;}
  /* ARTIST PORTFOLIO PAGE CSS CLOSE */

}  
@media (max-width: 400px) {
  .brand-logo img{width: 69px;}
}