::-webkit-scrollbar { width: 5px;height: 10px; }
::-webkit-scrollbar-track { background: transparent !important;  }
::-webkit-scrollbar-thumb { background: #607d8b !important;  }
::-webkit-scrollbar-thumb:hover { background: #009688 !important;  }
html, body {margin: 0 !important;font-family: Inter, sans-serif !important;height: 100% !important;letter-spacing: 0.5px !important;}
span, button, a, p, div, input, textarea, select, h1, h2, h3, h4, h5, h6{font-family: Inter, sans-serif !important;letter-spacing: 0.5px !important;}

title{text-transform: capitalize !important;}
[v-cloak] { display: none; }
.swal2-container{z-index: 999999999 !important;}
th, td{ vertical-align: middle !important;  }
.logo-img-xs{ max-height: 20px !important;  }
.content-title{ font-size: 18px !important; }
.content-sub-title{ font-size: 13px !important; }
.nk-content{ margin-top: 50px !important; }
.search-content{ border-radius: 80px !important; }
ul.nk-block-tools{ margin: 0px !important; }
ul.nk-block-tools li{ padding: 0px !important; margin-left:10px !important; }
.vertical-align-center{ vertical-align: middle !important; }
.capitalize{ text-transform: capitalize !important; }
.uppercase{ text-transform: uppercase !important; }
.lowercase{ text-transform: lowercase !important; }
.hide-element, .hide_element{ display: none !important; }
.show-element{ display: block !important; }
th{ letter-spacing: 0.5px !important; font-size: 13px !important;padding: 10px 5px !important; }
td{ font-size: 13px !important;padding: 5px !important;  }
.table td:first-child.text-left, .table th:first-child.text-left{ padding-left: 1.25rem !important; }
.table td:last-child.text-left, .table th:last-child.text-right{ padding-right: 1.25rem !important; }
.vertical-align-center{vertical-align: middle !important;}
.img-empty-content{ width: 15%;padding-bottom: 0px; }
.title-empty-content{ font-size: 16px; }
.desc-empty-content{ font-size: 14px; }
.swal2-title{ font-size: 18px !important; }
.swal2-actions{ margin:0.5em auto 0 !important; }
.swal2-actions button{ font-size: 13px !important; padding: 5px !important; }
.swal2-popup{ width: 25em !important; }
.swal2-icon{ margin: 0.5em auto .6em !important; }
.swal2-html-container{ margin: 0.5em 1.6em .3em !important; font-size: 1em !important; }
.form-label{ font-size: 12px !important; letter-spacing: 0.5px !important; }
.form-icon-right, .form-icon-left{ z-index: 9 !important; }
.pointer{ cursor: pointer !important; }
.nk-news-text{ max-width: 100% !important; }
.nk-news-text p{ width: 100% !important; }
.mh-50{ min-height: 50px !important; }
.mh-100{ min-height: 100px !important; }
.br-0{ border-radius: 0px !important; }
.br-8{ border-radius: 8px !important; }
.br-18{ border-radius: 18px !important; }
.br-4{ border-radius: 4px !important; }
.br-80{ border-radius: 80px !important; }
.pointer{cursor: pointer !important;}
.btn-cross-clasification-allowed{ position: absolute;right: -10px;padding: 0px; }
.nk-content-single{ margin: 0px !important; }
.no-margin, .no_margin{ margin: 0px !important; }
.no-border, .no_border{ border: 0px !important; }
.box-image-preview{ height: 200px;position: relative; }
.img-on-box{ position: absolute;left: 0;top: 0;font-size: 30px;width: 100%;height: 100%;text-align: center;display: flex;justify-content: center; }
.img-on-box .icon{ align-self: center;opacity: 0.5; }
.reset-image-box, .del-image-gallery{position: absolute;right: 0;height: 23px;width: 23px;padding: 0px;margin: 0px;justify-content: center;font-size: 12px;}
.is-relative{ position: relative !important; }
.box-gallery{height: 208px !important;display: flex !important;align-items: center !important;justify-content: center !important;overflow: hidden !important;}
.box-gallery.is-lg{ height: 250px !important; }
.box-gallery.is-sm{ height: 150px !important; }
.box-gallery.is-xs{ height: 100px !important; }
.box-gallery img, img.size-auto{ height: auto; max-height: 100%;width: auto;max-width: 100%; }
.fs-9{font-size: 9px !important;} .fs-10{font-size: 10px !important;} .fs-11{font-size: 11px !important;} .fs-12{font-size: 12px !important;}
.fs-13{font-size: 13px !important;} .fs-14{font-size: 14px !important;} .fs-15{font-size: 15px !important;} .fs-16{font-size: 16px !important;}
.fs-17{font-size: 17px !important;} .fs-18{font-size: 18px !important;} .fs-19{font-size: 19px !important;} .fs-20{font-size: 20px !important;}
.fs-25{font-size: 25px !important;} .fs-30{font-size: 30px !important;}
.lh-normal{line-height: normal !important;} .ls-05{letter-spacing: 0.5px !important;}
.h-35p{ height: 35px !important; } .h-50p{ height: 50px !important; } .h-60p{ height: 60px !important; } .h-75p{ height: 75px !important; }.h-100p{ height: 100px !important; }
.w-12{width: 12% !important;} .w-13{width: 13% !important;}
.sort-text{overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;}
.pmo-lv.pmo-dark {background: #0564e5;}
.pmo-lv.active {transform: translate(-50%, 0);bottom: 10px;transition-delay: 0.5s;}
.pmo-lv {position: fixed;left: 50%;bottom: -50px;max-width: 90%;width: 590px;transform: translate(-50%, 100%); transition: all .2s;background: #fff;border-radius: 50px; box-shadow: 0 0 40px -2px rgb(31 43 58 / 25%);z-index: 9999;}
.pmo-dark .pmo-close { background: rgba(31,43,58,.3); color: #fff;}
.pmo-action{top: 50%;margin-top: -17px;right: 10px;font-size: 16px;z-index: 99;display: flex;position: absolute;}
.pmo-close {color: #364a63;border-radius: 50%;height: 35px;width: 35px;line-height: 37px;background: rgba(183,194,208,.6);text-align: center;}
.pmo-wrap { display: flex; padding: 1rem 8.3rem 1rem 1rem; align-items: center; border-radius: 50px; transition: all 10ms;}
.pmo-dark .pmo-text { color: #fff;}
.pmo-text {font-family: "DM Sans",sans-serif; font-size: 14px; line-height: 22px; font-weight: 500; letter-spacing: .02em; color: #e85347; transition: color .2s;}
.pmo-text .ni {font-size: 20px; display: inline-block;vertical-align: middle;margin-left: 0.125rem;margin-top: -3px;}
.page-link{ min-width: calc(1rem + 1rem + 1px) !important; font-size: 11px !important; }
.right-5{right: 5px !important;}
.wooh-select-content{ margin-top: 1px;border: 1px solid #dbdfea; }
.wooh-select-list{height: auto;max-height: 250px;overflow: auto;}
.wooh-select-list a{ border: 1px solid #dbdfea !important; padding: 5px 10px !important;margin-bottom: 5px !important; }
.wooh-select-list a.is-title{ border: 0px !important;border-bottom: 1px solid #dbdfea !important;}
.dataTables_filter{ padding: 5px !important; }
.dataTables_filter label input { margin-left: 5px !important; border: 1px solid #ccc !important;border-radius: 80px !important;}
.dataTables_info{ width: 50% !important; float: left;display: inline-block; } .dataTables_paginate{ width: 50% !important; float: right; display: inline-block;padding: 0.5rem 0;}
.dataTables_paginate a{ padding: 3px 5px;font-size: 12px;border: 1px solid #ccc;border-radius: 4px;margin-right: 5px; }
.dataTables_paginate a.current{ background: #559bfb !important;border: none !important;color: #fff !important; }
.w-0{width: 0px !important;} #table-item-transaction th{padding: 5px !important;}
.overflow-wrap-break{ overflow-wrap: break-word !important;}
.mh-200{max-height: 200px !important;} .mh-300{max-height: 300px !important;}
.is-absolute{position: absolute !important;}
.top-0{top: 0px !important;} .top-5{top: 5px !important;} .right-0{right: 0px !important;} .right-5{right: 5px !important;}
.left-0{left: 0px !important;} .left-5{left: 5px !important;} .bottom-0{bottom: 0px !important;} .bottom-5{bottom: 5px !important;}
.overlay-nk-nav-toggle{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(16, 25, 36, 0.4);z-index: 900;animation: overlay-fade-in .4s ease 1;}
.bg-pink-dim{background: #ffe6eafc !important;} .full-height{min-height: 100vh !important;} .top-min-25{top: -25px !important;}
.position-unset{position: unset !important;} .nk-menu-link, .nk-menu-icon{color: #ffffff;}
.dark-mode .bg-dark{background: #101924 !important;} .nk-sidebar-brand{border-bottom-right-radius: 30px !important;}
.nk-content-main{margin-top: 65px !important;} .h-30px{height: 30px !important;} .h-10px{height: 10px !important;} .h-20px{height: 20px !important;}
.h-40px{height: 40px !important;} .h-50px{height: 50px !important;} .h-75px{height: 75px !important;}
.align-items-stretch{align-items: stretch !important;} .br-4-bottom{border-bottom-right-radius: 4px !important;border-bottom-left-radius: 4px !important;}
.br-4-top{border-top-right-radius: 4px !important;border-top-left-radius: 4px !important;}
.w-50px{width: 50px !important;} .w-75px{width: 75px !important;} .w-35px{width: 35px !important;}
button.close:hover, button.close:active, button.close:focus{border: none !important;box-shadow: none !important;outline: 0 !important;}
#loader-screen-grow{
    position: fixed !important;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
}
.spinner-grow-lg, .spinner-border-lg{width: 3rem !important;height: 3rem !important;}
.full-screen{width: 100% !important;height: 100% !important;min-height: 100vh !important;}
.top-12{top: 12px !important;}
.main-bg-dark{background: #23282F !important;}
.main-bg-secondary{background: #303841 !important;}
.nk-content-main-home{margin-top: 60px !important;}
.main-bg-dark-light{background: #3A4750 !important;}
img.svg-white{filter: invert(01) sepia(1) saturate(0) hue-rotate(100deg) !important;}
img.svg-light{filter: invert(01) sepia(1) saturate(0) hue-rotate(100deg) !important;}
.accordion-icon:before{display: none !important;}
.accordion-icon{right: 0 !important;}
.accordion-item.active .accordion-body{display: block !important;}
#accordion-faq .accordion-item{border:none !important;border-bottom: 1px solid #596067 !important;}
#accordion-faq .accordion-icon{color: #ACAFB3 !important;font-size: 18px !important;}
.main-color-secondary{color: #ACAFB3 !important;}
#accordion-faq .accordion-item:last-child{border-bottom: 0px !important;}
.main-bg-info{background: #00ADB5 !important;}
.main-bg-light{background: #F9FAFB !important;}
.main-color-success{color: #10B981 !important;}
.main-color-info{color: #00ADB5 !important;}
.main-bg-success{background: #10B981 !important;}
#main-head-content{height: 80vh !important;}
#main-head-content .hero-image{height: 80vh !important;right: 0;top: 0;padding-top:1rem;overflow: hidden;}
#main-head-content .hero-image img{height: 100% !important;width: 100% !important;}
#main-head-content .hero-image-second{height: 60vh !important;top: auto !important;bottom: 0;}
.full-img{width: 100% !important;height: 100% !important;}
#main-about-content{height: 75vh;}
.nk-block-about-image{height: 75vh;right: 0;top: 0;padding-top:1rem;overflow: hidden;}
#main-about-content .nk-block-about-liner{bottom: 0;}
.main-border-info{border: 1px solid #00ADB5 !important;}
.main-border-gray{border: 1px solid #D4D5D7 !important;}
.checkout-payment-item:has(input[type=radio]:checked) {
    border: 1px solid #00ADB5 !important;
    background: linear-gradient(0deg, rgba(0, 173, 181, 0.04), rgba(0, 173, 181, 0.04)), #FFFFFF !important;
}
.checkout-payment-item .custom-control-input:checked ~ .custom-control-label::before{
    color: #fff !important;
    border-color: #00ADB5 !important;
    background-color: #00ADB5 !important;
}
#content-checkout-payment-list, .content-checkout-payment-list{height: auto !important;max-height: 300px !important;overflow: auto !important;}
.alert.alert-icon > .icon{line-height: 0 !important;}
.accordion.icon-left .accordion-icon{left: 0 !important;right:auto !important;}
.accordion.icon-left .accordion-head .title{padding-left: 2rem !important;}
#accordion-payment-step .accordion-icon{font-size: 1.5rem !important;}
.accordion.icon-left .accordion-body{padding-left: 2rem !important;padding-right: 2rem !important;}
ul.decimal{list-style: decimal !important;}
#header-member-dashboard{box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.24);}
#header-member-dashboard [class*="dropdown-indicator"]:after{color:#FFFFFF !important;}
#header-member-dashboard .nk-menu-main .nk-menu-item{color:#ffffff !important;opacity: 0.75 !important;}
#header-member-dashboard .nk-menu-main .nk-menu-item.active{opacity: 1 !important;}
#content-summary-dashboard{margin-top:-2.5em !important;}
#head-content-dashboard{padding-bottom: 30px !important;}
.spinner-border.standart-border{border: 2px solid currentColor !important;border-right-color: transparent !important;}
canvas.chart-canvas{height: 400px !important;}
canvas#content-chart-report-page-view{height:300px !important;}
#content-report-platform canvas{height:300px !important;}
#content-report-platform-page canvas{height:200px !important;}
#header-member-dashboard .nk-header-tools li.menu-toggle a:hover,
#header-member-dashboard .nk-header-tools li.menu-toggle a:active,
#header-member-dashboard .nk-header-tools li.menu-toggle a:focus{
    color:#526484 !important;
}
#is-mobile-menu{display: none;}
.short-text{
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}
.breadcrumb-item a{text-transform: capitalize !important;}
.breadcrumb-item.active a{color: #00ADB5 !important;}
.flex-column{flex-direction: column !important;}
.flex-row{flex-direction: row !important;}
#content-setting ul.menu-setting li a.active{background: #303841 !important;border-radius:8px !important;color: #FFFFFF !important;}
#content-setting ul.menu-setting li a.active:after{color: #FFFFFF !important;}
.main-color-blue{color:#083F75 !important;}
.main-bg-info-dim{background: #F2F6FC !important;}
.border-bottom.no-last-border:last-child{border-bottom: none !important;}
#content-funnel-step .card-inner{height: 120px !important;}
.absolute-center{
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width:100%;
}
#content-funnel-step .step-item-progress:after{
    position: absolute;
    top: 5%;
    left: 50%;
    display: block;
    width: 1px;
    height: 90%;
    content: "";
    background-color: #ACAFB3;
    z-index: 1;
}
#content-funnel-step .step-item .step-detail{width: 85%;}
#content-funnel-step .step-item-progress{width: 15%;}
#content-funnel-step .step-item-progress .icon{
    color: #FFFFFF;
    font-size: 16px;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    justify-content: center;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 4px;
    gap: 10px;
    background: #23282F;
    border-radius: 1000px;
}
#content-funnel-step .step-item-progress .icon-same{
    top:10% !important;
}
#content-funnel-step .step-item-progress .icon-same .icon{
    background: #d2dce5 !important;
    color: #333 !important;
}
#content-funnel-step .step-content{
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow: auto !important;
}
#content-funnel-step .step-content::-webkit-scrollbar { height:5px; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
    min-width: 25px !important;
    width: 25px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 11px !important;
}
.daterangepicker th.month{font-size: 12px !important;}
.daterangepicker{
    box-shadow: rgb(156 156 156) 0px 1px 10px -4px !important;
}
.br-8-left{border-top-left-radius:8px !important;border-bottom-left-radius:8px !important; }
.br-8-right{border-top-right-radius:8px !important;border-bottom-right-radius:8px !important; }
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{
    opacity: .9;
}
.bootstrap-tagsinput{width: 100%;}
.bootstrap-tagsinput .label-info{
    background: #00ADB5 !important;
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}
.text-coret{text-decoration: line-through !important;}
.box-image{display:flex !important;overflow: hidden !important;align-items: center !important;justify-content:center !important;}
.box-image img{width: auto !important;max-width: 100% !important;height: auto !important;max-height: 100% !important;}
.ml-3px{margin-left: 3px !important;}
.article-access{font-size: 15px;line-height: 1.7;}
.content-preview-playlist-access{height: 350px !important;overflow: hidden !important;width: 100% !important;}
.content-article-access{height: auto !important;max-height: 500px !important;overflow: auto !important;width: 100% !important;}
.content-playlist-access{height: auto !important; max-height: 700px !important;overflow: auto !important;}
.content-preview-playlist-access img{width: auto !important;height: auto !important;max-width: 100% !important;max-height: 100% !important;}
.content-preview-playlist-access video, .content-preview-playlist-access iframe{width: 100% !important;height: 100% !important;}
.text-comment{min-height: 40px !important;}
.content-article-access iframe{
    width: 100% !important;
    aspect-ratio: 16 / 9;
}
/* Typography konten editor (artikel akademi, detail kursus, custom page): skala baca ringkas, mobile-first */
.is-custom-page{
    font-size: 15px;
    line-height: 1.7;
    color: #364a63;
}
.is-custom-page p{
    margin: 0 0 0.9em !important;
    width: 100%;
    display: inline-block;
    line-height: inherit;
}
.is-custom-page .custom-p{
    margin-bottom: 1.5em !important;
}
.is-custom-page h1, .is-custom-page h2, .is-custom-page h3,
.is-custom-page h4, .is-custom-page h5, .is-custom-page h6{
    font-weight: 700;
    line-height: 1.3 !important;
    letter-spacing: -0.01em;
    color: #1f2b3d;
    margin: 1.4em 0 0.5em;
}
.is-custom-page h1{font-size: 1.5rem !important;}
.is-custom-page h2{font-size: 1.375rem !important;}
.is-custom-page h3{font-size: 1.25rem !important;}
.is-custom-page h4{font-size: 1.125rem !important;}
.is-custom-page h5{font-size: 1rem !important;}
.is-custom-page h6{font-size: 0.9375rem !important;}
.is-custom-page h1:first-child, .is-custom-page h2:first-child,
.is-custom-page h3:first-child, .is-custom-page h4:first-child,
.is-custom-page h5:first-child, .is-custom-page h6:first-child{
    margin-top: 0;
}
.is-custom-page blockquote{
    margin: 1.1em 0;
    padding: 0.65em 1em;
    border-left: 3px solid #0971fe;
    border-radius: 0 4px 4px 0;
    background: #f5f6fa;
    color: #526484;
    font-style: italic;
}
.is-custom-page blockquote p:last-child{margin-bottom: 0 !important;}
.is-custom-page ol, .is-custom-page ul{
    padding-left: 1.25rem;
    margin: 0 0 0.9em;
}
.is-custom-page li{margin-bottom: 0.3em;}
.is-custom-page li > p{margin-bottom: 0.3em !important;}
.is-custom-page img{
    display: block;
    margin: 1em auto;
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}
.is-custom-page hr{
    margin: 1.25em 0;
    border: 0;
    border-top: 1px solid #e5e9f2;
}
.is-custom-page table{
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0.9em 0;
}
.is-custom-page th, .is-custom-page td{
    overflow-wrap: anywhere;
}
.menu-product-member{
    position: absolute;
    z-index: 1000;
    left: -10px;
    top: -10px;
}
#content-manage-product{
    overflow: visible;
    max-height: none;
}
#content-preview-product{
    overflow: visible;
    max-height: none;
}
.w-10{width: 10%!important}
.w-5{width: 5%!important}
.z-1{z-index: 1 !important}
.form-label.small{font-size: 11px !important;}
textarea.min-h-50{min-height: 50px !important;}
.bullet-points {
    margin: 0;
    padding: 0;
}
.bullet-point {
    position: relative;
    margin-bottom: 0.2em;
    font-size: 11px;
}
.bullet-point:after {
    position: absolute;
    left: 2px;
    margin: auto;
    background: transparent;
    border-top: none;
    border-right: none;
    color: #3cb878;
    font-weight: bold;
    font-size: 14px;
    top: -2px;
}
.bullet-point.warning:after {
    color: #f4bd0e !important;
}
.bullet-point.error:after {
    color: #e85347 !important;
}
.bullet-point img{
    width: 20px;
    height: 20px;
}
.row-reverse{flex-direction: row-reverse !important;}
.box-product-video{
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.product-video{
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.box-product-video-success{
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.text-strike{text-decoration: line-through !important;}
.column-reverse{flex-direction: column-reverse !important;}
.input-group-prepend{z-index: 1;}
.select2-search__field{width: 100% !important;}
.is-custom-page ul{
    list-style: disc !important;
}
.is-custom-page ol{
    list-style: decimal !important;
}
.box-image-size-sm{
    height: 50px !important;
}
.box-image-size-md{
    height: 150px !important;
}
.box-image-size-lg{
    height: 200px !important;
}
.box-image-size-xl{
    height: 300px !important;
}
.note-btn-group .note-btn {
    font-size: 10px !important;
    padding: 0.14rem 0.35rem;
}
.note-editable, .note-placeholder {
    font-size: 13px;
    font-weight: normal;
}
.note-editable p {
    margin: 0px;
    margin-bottom: 0.7rem;
}
.note-editable ul{
  list-style: disc !important;
  list-style-position: outside !important;
  padding-left: 1.6em;
}

.note-editable ol {
  list-style: decimal !important;
  list-style-position: outside !important;
  padding-left: 1.6em;
}
/* Typography editor WYSIWYG (Summernote) & artikel akses digital: disamakan dengan skala .is-custom-page */
.note-editable, .article-access {
    font-size: 15px;
    line-height: 1.7;
    color: #364a63;
}
.note-editable p, .article-access p {
    margin: 0 0 0.9em;
    line-height: inherit;
}
.note-editable h1, .note-editable h2, .note-editable h3,
.note-editable h4, .note-editable h5, .note-editable h6,
.article-access h1, .article-access h2, .article-access h3,
.article-access h4, .article-access h5, .article-access h6 {
    font-weight: 700;
    line-height: 1.3 !important;
    letter-spacing: -0.01em;
    color: #1f2b3d;
    margin: 1.4em 0 0.5em;
}
.note-editable h1, .article-access h1 { font-size: 1.5rem !important; }
.note-editable h2, .article-access h2 { font-size: 1.375rem !important; }
.note-editable h3, .article-access h3 { font-size: 1.25rem !important; }
.note-editable h4, .article-access h4 { font-size: 1.125rem !important; }
.note-editable h5, .article-access h5 { font-size: 1rem !important; }
.note-editable h6, .article-access h6 { font-size: 0.9375rem !important; }
.note-editable h1:first-child, .note-editable h2:first-child,
.note-editable h3:first-child, .note-editable h4:first-child,
.note-editable h5:first-child, .note-editable h6:first-child,
.article-access h1:first-child, .article-access h2:first-child,
.article-access h3:first-child, .article-access h4:first-child,
.article-access h5:first-child, .article-access h6:first-child {
    margin-top: 0;
}
.note-editable blockquote, .article-access blockquote {
    margin: 1.1em 0;
    padding: 0.65em 1em;
    border-left: 3px solid #0971fe;
    border-radius: 0 4px 4px 0;
    background: #f5f6fa;
    color: #526484;
    font-style: italic;
}
.note-editable blockquote p:last-child, .article-access blockquote p:last-child { margin-bottom: 0 !important; }
.note-editable ul, .note-editable ol, .article-access ul, .article-access ol {
    margin: 0 0 0.9em;
}
.note-editable li, .article-access li { margin-bottom: 0.3em; }
.note-editable li > p, .article-access li > p { margin-bottom: 0.3em; }
.note-editable img, .article-access img {
    max-width: 100%;
    height: auto;
}
.note-editable hr, .article-access hr {
    margin: 1.25em 0;
    border: 0;
    border-top: 1px solid #e5e9f2;
}
.note-editable table, .article-access table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0.9em 0;
}
.note-editable th, .note-editable td, .article-access th, .article-access td {
    overflow-wrap: anywhere;
}
.fs-28px{
    font-size: 28px !important;
}
.blink-anim {
  animation: blinker-anim 1s linear infinite;
}

@keyframes blinker-anim {
  50% {
    opacity: 0;
  }
}
.table-responsive{
    overflow-y: hidden !important;
}
.main-content-dashboard-home{
    margin-top: -1.5rem;
}
.ml-05, .mx-05 {
    margin-left: 0.175rem !important;
}
.custom-file.sm, .custom-file.sm label, .custom-file.sm input {
    height: calc(1.75rem + 2px) !important;
}
.custom-file.sm label, .custom-file.sm label::after {
    line-height: 1rem !important;
    font-size: 11px !important;
}
.custom-file.sm, .custom-file.sm label, .custom-file.sm input {
    height: calc(1.75rem + 2px) !important;
}
.price-action-absolute {
    position: absolute;
    bottom: 16px;
    right: 16px;
    left: 16px;
    text-align: center;
    z-index: 10;
}
.price-plan-body-no-action{
    padding-bottom: 60px !important;
}
/* Akses akademi: pemisahan zona materi vs playlist + navigasi antar-materi */
.academy-materi{background: #fbfaf7;border-color: #eae5da;}
.academy-playlist{background: #f4f6f8;border-color: #e3e8ee;}
.academy-playlist .card-inner{border-bottom-color: #e3e8ee;}
.academy-list-title{
    margin: .1rem 0 .65rem;
    padding-bottom: .6rem;
    border-bottom: 1px solid #eae5da;
    font-size: 1.1rem;
    line-height: 1.35;
    font-weight: 600;
    letter-spacing: -.01em;
    color: #0a0a0a;
}
.academy-nav{display: flex;flex-direction: column;gap: .5rem;}
.academy-nav-btn{
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .55rem .8rem;
    min-height: 44px;
    border: 1px solid #dbdfe5;
    border-radius: 8px;
    background: #ffffff;
    color: #364a63;
    cursor: pointer;
    min-width: 0;
    text-decoration: none !important;
    transition: border-color .15s ease, background .15s ease;
}
.academy-nav-btn:hover{border-color: #0971fe;background: #f5f9ff;}
.academy-nav-btn .icon{font-size: 1.1rem;flex-shrink: 0;}
.academy-nav-text{display: flex;flex-direction: column;min-width: 0;line-height: 1.25;}
.academy-nav-text small{
    font-size: 11px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #8091a7;
}
.academy-nav-btn:hover .academy-nav-text small{color: #0971fe;}
.academy-nav-title{
    font-size: 13px;
    font-weight: 600;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.academy-nav-next{margin-left: auto;text-align: right;}
.academy-nav-next .academy-nav-text{align-items: flex-end;}

/* ==== Kartu akses source khusus (zoom, whatsapp grup, file, link) di viewer akademi member ==== */
.da-src-card{
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: .75rem;
    padding: 1.25rem 1rem;
}
.da-src-badge{
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #0971fe;
}
.da-src-badge .icon{ font-size: 1.5rem; }
.da-src-badge-wa{ color: #0f7a3d; }
.da-zoom-schedule{
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: .4rem;
    font-size: .9375rem;
    font-weight: 600;
    color: #1d1d1f;
    background: #f5f5f7;
    border: 1px solid #e8e8ed;
    border-radius: 12px;
    padding: .55rem 1rem;
}
.da-zoom-schedule .icon{ color: #0971fe; }
.da-zoom-past{
    font-size: .75rem;
    font-weight: 500;
    color: #86868b;
    border-left: 1px solid #d2d2d7;
    padding-left: .5rem;
}
.da-src-btn{
    border-radius: 980px;
    min-height: 44px;
    padding: .6rem 1.5rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}
.da-src-hint{
    font-size: .75rem;
    color: #86868b;
    margin: 0;
    max-width: 26rem;
}

/* ==== Akademi publik (/akademi): satu gaya dengan halaman produk toko ==== */
.tm-academy{
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #1d1d1f;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.tm-academy .content-title{
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -.02em;
    color: #1d1d1f;
}
.tm-academy .card{
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(0,0,0,.08);
    overflow: hidden;
}
.tm-academy .card .box-image img{
    border-radius: 0;
    object-fit: contain;
    background: #f5f5f7;
}
.tm-academy .card-content{padding: 1rem 1.25rem .5rem !important;}
.tm-academy .card-content .title{
    font-family: Nunito, sans-serif;
    font-size: .9375rem;
    font-weight: 700;
    color: #1d1d1f;
    letter-spacing: -.01em;
}
.tm-academy .card-content .desc{
    font-weight: 400;
    line-height: 1.5;
}
.tm-academy .card-content .text-soft{color: #6e6e73 !important;}
.tm-academy .card-footer{padding: .5rem 1.25rem 1.25rem !important;}
.tm-academy .main-price{
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -.01em;
    color: #1d1d1f;
}
.tm-academy .coret-price{color: #6e6e73 !important;font-weight: 400;}
.tm-academy .btn-round,
.tm-academy .btn-lg{
    border-radius: 980px;
    font-weight: 600;
    letter-spacing: -.01em;
    min-height: 44px;
    align-items: center;
}
.tm-academy .form-control{
    min-height: 44px;
    font-size: 1rem;
    color: #1d1d1f;
    border: 1px solid #d2d2d7;
    border-radius: 12px;
}
.tm-academy .form-control:focus{
    border-color: #0071e3;
    box-shadow: 0 0 0 4px rgba(0,113,227,.18);
}
.tm-academy-card .card-inner{padding: 1.5rem !important;}
.tm-academy-cover{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px;
    margin-bottom: 1.25rem;
}
.tm-academy .is-custom-page{
    font-size: .9375rem;
    line-height: 1.7;
    color: #3a3a3c;
}
.tm-academy .is-custom-page img{border-radius: 14px;}
@media (min-width: 992px){
    .tm-academy .content-title{font-size: 1.75rem;}
    .tm-academy-card .card-inner{padding: 2rem !important;}
}

/* ==== Halaman publik SPA (header/footer + /price): token sama dengan homepage landing/styles.css ==== */
.tm-price, .tm-nav, .tm-footer{
    --tp-fg: #0A0A0A;
    --tp-fg-default: #18181B;
    --tp-muted: #71717A;
    --tp-subtle: #A1A1AA;
    --tp-border: #E4E4E7;
    --tp-bg-subtle: #FAFAFA;
    --tp-bg-muted: #F4F4F5;
    --tp-accent: #00ADB5;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    line-height: 1.6;
    color: var(--tp-fg-default);
    -webkit-font-smoothing: antialiased;
}
.tm-price{font-size: 16px;background: #fff;padding: 0 !important;}

/* Semua halaman publik SPA (layout isMainPage) memakai font homepage, ikon Nioicon dikecualikan */
.tm-public,
.tm-public :is(h1, h2, h3, h4, h5, h6, p, a, span, div, li, label, input, button, select, textarea, th, td, dt, dd, strong, small, blockquote):not(.icon):not(.ni){
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.tm-public{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* Custom page publik (/about-us, /tos, dst) */
.tm-page{background: #fff;padding: 0 !important;}
.tm-page-container{max-width: 44rem;margin: 0 auto;padding: 40px 16px 56px;box-sizing: content-box;}
.tm-page-header{padding-bottom: 24px;margin-bottom: 28px;border-bottom: 1px solid #E4E4E7;}
.tm-page-header h1{font-size: 1.875rem;font-weight: 600;line-height: 1.25;letter-spacing: -.02em;color: #0A0A0A;margin: 0;}
.tm-page .is-custom-page{font-size: 1rem;line-height: 1.7;color: #3F3F46;}
.tm-page .is-custom-page :is(h1, h2, h3, h4, h5, h6){font-weight: 600;letter-spacing: -.02em;color: #0A0A0A;}
.tm-page .is-custom-page blockquote{
    background: transparent;
    border-left: 3px solid #00ADB5;
    border-radius: 0;
    padding: 4px 0 4px 18px;
    color: #18181B;
    font-style: normal;
}
.tm-page .is-custom-page a:not([class]){color: #18181B;text-decoration: underline;text-underline-offset: 2px;}
.tm-page .is-custom-page a:not([class]):hover{color: #00ADB5;}
.tm-page .is-custom-page hr{border-top-color: #E4E4E7;}
@media (min-width: 641px){
    .tm-page-container{padding: 64px 24px 80px;}
    .tm-page-header h1{font-size: 2.25rem;}
}

.tm-nav{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--tp-border);
}
.tm-nav-inner{
    display: flex;
    align-items: center;
    gap: 24px;
    max-width: 1120px;
    height: 64px;
    margin: 0 auto;
    padding: 0 16px;
}
.tm-nav-logo{font-size: 1.375rem;font-weight: 700;letter-spacing: -.03em;color: var(--tp-fg) !important;text-decoration: none;}
.tm-nav-links{display: none;}
.tm-nav-links a{font-size: .875rem;font-weight: 500;color: var(--tp-muted);text-decoration: none;transition: color .15s;}
.tm-nav-links a:hover, .tm-nav-links a.router-link-active{color: var(--tp-fg);}
.tm-nav-actions{display: none;gap: 8px;align-items: center;}
.tm-nav-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 16px;
    font-size: .875rem;
    font-weight: 500;
    border-radius: 6px;
    border: 1px solid transparent;
    text-decoration: none;
    white-space: nowrap;
    transition: background .15s;
}
.tm-nav-btn.primary{background: var(--tp-fg);border-color: var(--tp-fg);color: #fff;}
.tm-nav-btn.primary:hover{background: #27272A;color: #fff;}
.tm-nav-btn.ghost{color: var(--tp-fg-default);}
.tm-nav-btn.ghost:hover{background: var(--tp-bg-muted);color: var(--tp-fg);}
.tm-nav-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: auto;
    margin-right: -8px;
    font-size: 1.375rem;
    color: var(--tp-fg);
    background: transparent;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}
.tm-nav.open{background: #fff;}
.tm-nav.open .tm-nav-inner{flex-wrap: wrap;height: auto;min-height: 64px;padding-bottom: 16px;gap: 0;}
.tm-nav.open .tm-nav-logo{line-height: 64px;}
.tm-nav.open .tm-nav-links, .tm-nav.open .tm-nav-actions{display: flex;flex-direction: column;align-items: stretch;width: 100%;order: 3;}
.tm-nav.open .tm-nav-links{border-top: 1px solid var(--tp-border);padding: 8px 0;}
.tm-nav.open .tm-nav-links a{padding: 12px 0;font-size: 1rem;color: var(--tp-fg-default);}
.tm-nav.open .tm-nav-actions{order: 4;gap: 8px;padding-top: 8px;}
.tm-nav.open .tm-nav-actions .tm-nav-btn{min-height: 44px;}
.tm-nav.open .tm-nav-btn.ghost{border-color: var(--tp-border);}

.tm-footer{background: var(--tp-bg-subtle);border-top: 1px solid var(--tp-border);padding: 64px 16px 32px;}
.tm-footer p{color: var(--tp-muted);margin: 0;}
.tm-footer-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 28px 24px;max-width: 1120px;margin: 0 auto 48px;}
.tm-footer-brand{grid-column: 1 / -1;}
.tm-footer-brand p{font-size: .875rem;margin-top: 12px;max-width: 280px;}
.tm-footer-col h4{font-size: .8125rem;font-weight: 600;text-transform: uppercase;letter-spacing: .05em;color: var(--tp-muted);margin: 0 0 16px;}
.tm-footer-col a{display: block;padding: 4px 0;font-size: .875rem;color: var(--tp-fg-default);text-decoration: none;transition: color .15s;}
.tm-footer-col a:hover{color: var(--tp-accent);}
.tm-footer-bottom{max-width: 1120px;margin: 0 auto;padding-top: 24px;border-top: 1px solid var(--tp-border);}
.tm-footer-bottom p{font-size: .8125rem;color: var(--tp-subtle);}
.tm-footer-bottom a{color: var(--tp-subtle);text-decoration: none;}
.tm-footer-bottom a:hover{color: var(--tp-accent);text-decoration: none;}
@media (min-width: 641px){
    .tm-footer-grid{gap: 32px;}
}

@media (min-width: 969px){
    .tm-nav-inner{padding: 0 24px;}
    .tm-nav-links{display: flex;gap: 32px;margin-left: auto;}
    .tm-nav-actions{display: flex;}
    .tm-nav-toggle{display: none;}
    .tm-footer{padding: 64px 24px 32px;}
    .tm-footer-grid{grid-template-columns: 2fr 1fr 1fr 1fr 1fr;}
    .tm-footer-brand{grid-column: auto;}
}
.tm-price-container{max-width: 1120px;margin: 0 auto;padding: 40px 16px 56px;}
.tm-price h1, .tm-price h2{color: var(--tp-fg);font-weight: 600;letter-spacing: -.02em;line-height: 1.25;margin: 0;}
.tm-price p{color: var(--tp-muted);margin: 0;}
.tm-price-header{text-align: center;max-width: 600px;margin: 0 auto 32px;}
.tm-price-header h1{font-size: 1.875rem;margin-bottom: 12px;}
.tm-price-header h2{font-size: 1.5rem;}
.tm-price-header p{font-size: 1.0625rem;}
.tm-price-label{
    display: inline-block;
    font-size: .8125rem;
    font-weight: 500;
    color: var(--tp-accent);
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 12px;
}
.tm-price-toggle{display: inline-flex;margin-top: 28px;}
.tm-price-toggle button{
    min-height: 40px;
    padding: 8px 20px;
    font: inherit;
    font-size: .875rem;
    font-weight: 500;
    color: var(--tp-muted);
    background: #fff;
    border: 1px solid var(--tp-border);
    cursor: pointer;
    transition: background .15s, color .15s;
}
.tm-price-toggle button:first-child{border-radius: 6px 0 0 6px;}
.tm-price-toggle button:last-child{border-radius: 0 6px 6px 0;border-left: 0;}
.tm-price-toggle button.active{background: var(--tp-fg);border-color: var(--tp-fg);color: #fff;}

.tm-price-grid{display: grid;grid-template-columns: 1fr;gap: 24px;max-width: 400px;margin: 0 auto;}
.tm-price-card{
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--tp-border);
    border-radius: 12px;
    padding: 28px 24px;
}
.tm-price-card.featured{border: 2px solid var(--tp-fg);box-shadow: 0 2px 8px -2px rgba(0,0,0,.08);}
.tm-price-badge{
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 14px;
    background: var(--tp-fg);
    color: #fff;
    font-size: .75rem;
    font-weight: 500;
    border-radius: 9999px;
    white-space: nowrap;
}
.tm-price-card-head{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid var(--tp-border);}
.tm-price-card-head h2, .tm-price-free h2{font-size: 1.25rem;margin-bottom: 6px;}
.tm-price .tm-price-desc{font-size: .8125rem;white-space: pre-line;margin-bottom: 16px;}
.tm-price-amount{display: flex;align-items: baseline;flex-wrap: wrap;gap: 4px;}
.tm-price-amount .currency{font-size: .875rem;font-weight: 500;color: var(--tp-muted);}
.tm-price-amount .amount{font-size: 1.75rem;font-weight: 700;color: var(--tp-fg);font-variant-numeric: tabular-nums;}
.tm-price-amount .periode{font-size: .875rem;color: var(--tp-muted);}
.tm-price-hint{font-size: .8125rem;color: var(--tp-subtle);margin-top: 4px;}
.tm-price-features{list-style: none;flex: 1;margin: 0 0 24px;padding: 0;}
.tm-price-features li{display: flex;align-items: flex-start;gap: 10px;padding: 5px 0;font-size: .875rem;color: var(--tp-fg-default);}
.tm-price-features li span{display: inline-block;}
.tm-price-features li span::first-letter{text-transform: uppercase;}
.tm-price-features .icon{color: #10B981;font-size: 1rem;line-height: 1.4;flex-shrink: 0;}
.tm-price-features li.off{color: var(--tp-subtle);}
.tm-price-features li.off .icon{color: #EF4444;}
.tm-price-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 20px;
    font-size: .9375rem;
    font-weight: 500;
    border-radius: 6px;
    border: 1px solid transparent;
    text-decoration: none;
    transition: background .15s, border-color .15s;
}
.tm-price-btn.primary{background: var(--tp-fg);border-color: var(--tp-fg);color: #fff;}
.tm-price-btn.primary:hover{background: #27272A;color: #fff;}
.tm-price-btn.outline{background: #fff;border-color: var(--tp-border);color: var(--tp-fg);}
.tm-price-btn.outline:hover{background: var(--tp-bg-muted);border-color: #D4D4D8;color: var(--tp-fg);}

.tm-price-free{
    display: grid;
    gap: 24px;
    max-width: 400px;
    margin: 24px auto 0;
    padding: 28px 24px;
    background: var(--tp-bg-subtle);
    border: 1px dashed var(--tp-border);
    border-radius: 12px;
}
.tm-price-free-main .tm-price-label{margin-bottom: 8px;}
.tm-price-free-main .tm-price-btn{margin-top: 4px;}
.tm-price-free-features{margin: 0;}

.tm-price-compare{margin-top: 64px;padding-top: 56px;border-top: 1px solid var(--tp-border);}
.tm-compare-table{display: none;}
.tm-compare-stack{display: grid;gap: 16px;max-width: 400px;margin: 0 auto;}
.tm-compare-card{border: 1px solid var(--tp-border);border-radius: 12px;padding: 20px;background: #fff;}
.tm-compare-card-head{padding-bottom: 14px;margin-bottom: 6px;border-bottom: 1px solid var(--tp-border);}
.tm-compare-title{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;font-size: 1rem;font-weight: 600;color: var(--tp-fg);}
.tm-compare-pill{
    font-size: .6875rem;
    font-weight: 500;
    padding: 2px 10px;
    color: var(--tp-accent);
    background: #F0FAFB;
    border: 1px solid #B8E8EB;
    border-radius: 9999px;
}
.tm-compare-price{font-size: .9375rem;font-weight: 600;color: var(--tp-fg-default);margin-top: 2px;font-variant-numeric: tabular-nums;}
.tm-compare-price small{font-size: .8125rem;font-weight: 400;color: var(--tp-muted);}
.tm-compare-card dl{margin: 0;}
.tm-compare-card dl div{display: flex;justify-content: space-between;gap: 16px;padding: 9px 0;border-bottom: 1px solid var(--tp-bg-muted);font-size: .875rem;}
.tm-compare-card dl div:last-child{border-bottom: 0;padding-bottom: 0;}
.tm-compare-card dt{font-weight: 400;color: var(--tp-muted);}
.tm-compare-card dd{margin: 0;text-align: right;}
.tm-cell{font-weight: 600;color: var(--tp-fg);font-variant-numeric: tabular-nums;}
.tm-cell.is-yes{color: #10B981;}
.tm-cell.is-no{color: #EF4444;font-weight: 600;}
.tm-cell.is-inf{font-size: 1.125rem;}
.tm-price .tm-price-note{text-align: center;font-size: .8125rem;color: var(--tp-subtle);margin-top: 40px;}
.tm-price-note a{color: var(--tp-fg-default);text-decoration: underline;text-underline-offset: 2px;}
.tm-price-note a:hover{color: var(--tp-accent);}

@media (min-width: 641px){
    .tm-price-container{padding: 64px 24px 80px;}
    .tm-price-header{margin-bottom: 40px;}
    .tm-price-header h1{font-size: 2.25rem;}
    .tm-price-header h2{font-size: 1.75rem;}
    .tm-price-grid{grid-template-columns: repeat(2, 1fr);max-width: 600px;gap: 16px;}
    .tm-price-free{max-width: 600px;}
}
@media (min-width: 768px){
    .tm-compare-stack{display: none;}
    .tm-compare-table{
        display: block;
        border: 1px solid var(--tp-border);
        border-radius: 12px;
        overflow: hidden;
        background: #fff;
    }
    .tm-compare-table table{width: 100%;border-collapse: collapse;font-size: .875rem;}
    .tm-compare-table th, .tm-compare-table td{padding: 14px 20px;border-bottom: 1px solid var(--tp-border);text-align: center;vertical-align: middle;}
    .tm-compare-table thead th{background: var(--tp-bg-subtle);vertical-align: bottom;}
    .tm-compare-table thead th:first-child{font-size: .75rem;font-weight: 600;text-transform: uppercase;letter-spacing: .05em;color: var(--tp-muted);}
    .tm-compare-table .tm-compare-title{justify-content: center;}
    .tm-compare-table tbody th{text-align: left;font-weight: 500;color: var(--tp-fg-default);}
    .tm-compare-table tbody tr:last-child th, .tm-compare-table tbody tr:last-child td{border-bottom: 0;}
    .tm-compare-table tbody tr:hover{background: var(--tp-bg-subtle);}
}
@media (min-width: 969px){
    .tm-price-grid{grid-template-columns: repeat(auto-fit, minmax(240px, 300px));justify-content: center;max-width: 1100px;}
    .tm-price-free{grid-template-columns: 1fr 1.4fr;align-items: start;max-width: 940px;padding: 32px;}
    .tm-price-free-features{columns: 2;column-gap: 24px;}
    .tm-price-free-features li{break-inside: avoid;}
    .tm-price-compare{margin-top: 80px;padding-top: 80px;}
}