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,');
}
.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.grid_tab_4 {
display: grid;
grid-template-columns: repeat(4, 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,');
}
.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:before {
content: "";
background: url('data:image/svg+xml,');
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,'); 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,');
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,');
}
.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;
}
.categories_part_item {
display: grid;
grid-template-columns: 1fr 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,');
}
.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);
}
#system-message-container joomla-alert {
border-radius: 0;
}
/* 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 auto 0 0;
}
.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 RADIO CSS START */
.radio-options {
display: flex;
gap: 2rem;
}
.radio-options label {
display: grid;
grid-template-columns: 20px auto;
gap: 0.5rem;
align-items: center;
cursor: pointer;
color: var(--text-color);
}
.radio-options input[type="radio"] {
appearance: none;
width: 20px;
height: 20px;
border: 2px solid var(--primary);
border-radius: 100px;
position: relative;
outline: none;
transition: background-color 0.2s, border-color 0.2s;
}
.radio-options input[type="radio"]:checked {
background-color: var(--primary);
border-color: var(--primary);
}
.radio-options input[type="radio"]:checked::before {
content: '';
display: block;
width: 10px;
height: 10px;
background-color: var(--white);
border-radius: 100px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* LOGIN RADIO CSS CLOSE */
.com_registration_form .akeeba-sociallogin-linkunlink-buttons, .com_registration_form .akeeba-sociallogin-linkunlink-buttons .col-sm, .com-users-login .akeeba-sociallogin-linkunlink-buttons, .com-users-login .akeeba-sociallogin-linkunlink-buttons .col-sm {
width: 100%;
margin: 0;
padding: 0 !important;
}
.com_registration_form .akeeba-sociallogin-linkunlink-buttons .btn-default, .com-users-login .akeeba-sociallogin-linkunlink-buttons .btn-default {
border: 1px solid var(--border-color);
display: inline-flex;
justify-content: center;
gap: 0.325rem;
}
/* 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: 50%;
margin: 2rem auto 0 auto;
}
.easystore-product-single .easystore-product-image img {
object-fit: contain;
}
.custom_easystore_product_list ul.slick_arrow {
display: none;
}
/* .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: 2rem 0 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 1fr;
overflow: unset;
}
.easystore-payment-methods .easystore-payment-vendor-brand {
height: 40px;
}
.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: 100%;
}
/* .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;
}
.mysr_pay_popup.popupContainer_mysr {
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;
}
.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-left: 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,');
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,');
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 */
/* NEW REGISTRATION CSS START */
.lms_email_notice {
font-size: 12px;
gap: 0.625rem;
margin: 0.5rem 0;
border: 1px solid #ffeeba;
padding: 0.5rem 1rem;
align-items: center;
background: #fff3cd;
color: #533f03;
}
.lms_email_notice i {
font-size: 20px;
}
/*button#submit_form {
pointer-events: none;
}*/
/* NEW REGISTRATION CSS CLOSE */
.inf_msg {
border: 1px solid var(--silver);
padding: 0.5rem;
margin: 1rem;
display: inline-flex;
gap: 0.5rem;
font-family: 'IBMPlex-Medium';
}
.com_services_list .com_service_title_name {
font-size: 18px;
font-family: 'IBMPlex-Bold';
display: flex;
margin-bottom: 4px;
}
.com_services_list .sp_desc {
font-size: 14px;
color: var(--gray-50);
}
.breadcrumb .breadcrumb-item-last {
font-size: 14px;
line-height: 21px;
font-family: var(--alkhattat-font-family-body);
color: var(--secondary);
}
#loadingOverlay {
position: fixed;
inset: 0;
display: none;
/* hidden by default */
align-items: center;
justify-content: center;
flex-direction: column;
background: rgb(0 0 0 / 55%);
/* subtle dark */
z-index: 9999;
backdrop-filter: blur(2px);
text-align: center;
padding: 1rem;
}
#loadingOverlay.activeLoader {
display: flex;
}
/* Spinner */
.loader {
width: 64px;
height: 64px;
border: 5px solid #fff;
/* light grey */
border-top-color: #000;
/* blue accent */
border-radius: 50%;
animation: spin 1s linear infinite;
margin-bottom: 0.75rem;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
/* CSS MAIN SERVICE PAGE START */
.service_list_link {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 1rem;
padding: 1.5rem;
}
.service_list_link .service_link_title {
font-size: 1.25rem;
font-family: var(--font_IBMPlex_b);
color: var(--black);
}
.service_list_link img.service_list_thumb {
max-width: 75px;
margin: 0 auto;
}
.service_list_link .category-desc {
margin-bottom: 0;
}
.service_grid_image {
margin-bottom: 1rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.service_grid_desc {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.service_grid_title {
font-size: 20px;
font-family: var(--font_IBMPlex_b);
display: block;
}
.service_grid_info {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
width: 100%;
}
.service_grid_price {
font-size: 20px;
font-family: var(--font_IBMPlex_b);
color: var(--black);
}
.service_grid_category {
font-size: 16px;
font-family: var(--font_IBMPlex_m);
color: var(--secondary);
}
/* CSS MAIN SERVICE PAGE CLOSE */
.custom_border_top {
margin-top: -1px;
}
@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;
max-width: 100%;
width: auto;
min-width: 180px;
}
.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 */
/* SURVEY FORM CSS START FROM 12-03-25 */
.al_steps_lists .al_steps_list_items .al_steps_list_link {
display: none;
}
.al_steps_lists .al_steps_list_items .al_steps_list_link.al_steps_active {
display: grid;
grid-template-columns: 24px auto;
}
.al_steps_lists .al_steps_list_items:not(:last-child) .al_steps_list_link:after {
display: none;
}
/* SURVEY FORM CSS CLOSE FROM 12-03-25 */
.dropdown-toggle::after {
display: none;
}
}
@media (max-width: 400px) {
.brand-logo img {
width: 69px;
}
}
body.itemid-952 ul, body.itemid-951 ul, body.itemid-950 ul {
list-style: disc;
padding-left: revert;
}
.itemid-950 .com-content-article, .itemid-951 .com-content-article, .itemid-952 .com-content-article {
padding: 30px 20px;
border-left: 1px solid var(--border-color);
border-right: 1px solid var(--border-color);
}
ol.cst_main_list {
padding-left: 1.5rem;
overflow: visible;
}
ol.cst_main_list ul.cst_sub_list {
padding-left: 1rem;
overflow: visible;
margin: 0.5rem 0;
}
ol.cst_main_list>li {
margin: 0.5rem 0;
}